You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by cf...@apache.org on 2012/06/14 20:53:56 UTC

svn commit: r1350373 [10/23] - in /incubator/flex/trunk/samples/themes: ./ arcade/ arcade/src/ arcade/src/arcade/ arcade/src/arcade/skins/ arcade/src/arcade/skins/mediaClasses/ arcade/src/arcade/skins/mediaClasses/fullScreen/ arcade/src/arcade/skins/me...

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/PanelSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/PanelSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/PanelSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/PanelSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,234 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for a Spark Panel container.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" blendMode="normal" mouseEnabled="false" 
+			 minWidth="131" minHeight="127" alpha.disabled="0.5" alpha.disabledWithControlBar="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Panel")]
+		]]>
+	</fx:Metadata> 
+    
+    <s:states>
+    	<s:State name="normal" />
+    	<s:State name="disabled" />
+		<s:State name="normalWithControlBar" stateGroups="withControls" />
+		<s:State name="disabledWithControlBar" stateGroups="withControls" />
+    </s:states>
+	
+	<!-- drop shadow can't be hittable so it stays sibling of other graphics -->
+	<s:RectangularDropShadow id="dropShadow" blurX="20" blurY="20" alpha="0.32" distance="11" 
+							 angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+	
+
+	<s:Group left="0" right="0" top="0" bottom="0">
+	    <!-- drop shadow -->
+	    <s:Rect left="0" top="0" right="0" bottom="0" radiusX="4">
+	        <s:filters>
+	            <s:DropShadowFilter blurX="20" blurY="20" alpha="0.32" distance="11" angle="90" knockout="true" />
+	        </s:filters>
+	        <s:fill>
+	            <s:SolidColor color="0" />
+	        </s:fill>
+	    </s:Rect>
+		
+		
+		
+		<!-- top group mask -->
+		<s:Group left="1" top="1" right="1" bottom="1" id="topGroupMask" >
+			<s:Rect id="topMaskRect" left="0" top="0" right="0" bottom="0">
+				<s:fill>
+					<s:SolidColor alpha="0"/>
+				</s:fill>
+			</s:Rect>
+		</s:Group>
+		
+		<!-- bottom group mask -->
+		<s:Group left="1" top="1" right="1" bottom="1" id="bottomGroupMask" 
+				 includeIn="normalWithControlBar, disabledWithControlBar">
+			<s:Rect id="bottomMaskRect" left="0" top="0" right="0" bottom="0">
+				<s:fill>
+					<s:SolidColor alpha="0"/>
+				</s:fill>
+			</s:Rect>
+		</s:Group>
+		
+		<!-- Layer 1: border -->
+		<s:Rect id="border" left="0" right="0" top="0" bottom="0" 
+				topLeftRadiusX="4" topRightRadiusX="4" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x426089"
+									 alpha="1.0" />
+					<s:GradientEntry color="0x304663"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 2: innerBorder -->
+		<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1"
+				topLeftRadiusX="3" topRightRadiusX="3" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x557FB5"
+									 alpha="1.0" />
+					<s:GradientEntry color="0x42628A"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 3: insetBorder -->
+		<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2"
+				topLeftRadiusX="2" topRightRadiusX="2" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x426089"
+									 alpha="1.0" />
+					<s:GradientEntry color="0x304663" 
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 4: fill -->
+		<s:Rect id="fill" left="3" right="3" top="3" bottom="3"
+				topLeftRadiusX="1" topRightRadiusX="1" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x446690" 
+									 alpha="1.0"
+									 ratio="0"/>
+					<s:GradientEntry color="0x496C9A"
+									 alpha="1.0" 
+									 ratio="0.2"/>
+					<s:GradientEntry color="0x3D5A80"
+									 alpha="1.0" 
+									 ratio="0.8"/>
+					<s:GradientEntry color="0x385275"
+									 alpha="1.0" 
+									 ratio="1.0"/>
+				</s:LinearGradient>
+			</s:fill>
+			<!-- inner Glow -->
+			<s:filters>
+				<s:GlowFilter color="0x000000"
+							  alpha="0.85"
+							  blurX="2" blurY="2"
+							  inner="true"
+							  />
+			</s:filters>
+		</s:Rect>
+		<!-- layer 5: text -->
+		<!--- Defines the appearance of the PanelSkin class's title bar. -->
+		<s:Label id="titleDisplay" maxDisplayedLines="1"
+				 left="9" right="3" top="1" minHeight="30"
+				 verticalAlign="middle" fontWeight="bold"
+				 color="0xFFFFFF">
+		</s:Label>
+		<!-- layer 6: Content Area -->
+		<s:Rect id="contentArea" left="1" right="1" top="34" bottom="1" 
+				topLeftRadiusX="0" topRightRadiusX="0" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0xFFFFFF" 
+									 alpha="1.0"
+									 ratio="0"
+										/>
+					<s:GradientEntry color="0xFFFFFF" 
+									 alpha="1.0"
+									 ratio=".75"
+									 />
+					<s:GradientEntry color="0xFAFAFA"
+									 alpha="1.0" 
+									 ratio="1.0"
+									 />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+	
+		<!-- layer 7: HRule-->
+		<s:Group top="31" left="4" right="4" minHeight="3">
+			 <s:Rect width="100%" height="3" >
+		    	<s:fill>
+		    		<s:SolidColor 
+						color="0x5680B6"
+						/>
+		    	</s:fill>
+		    </s:Rect>
+			<!-- innerLine -->
+			<s:Rect width="100%" height="1" top="1">
+				<s:fill>
+					<s:SolidColor 
+						color="0x3A577B"
+						/>
+				</s:fill>
+			</s:Rect>
+		</s:Group>
+	</s:Group>
+
+
+	<s:Group left="0" right="0" top="34" bottom="0" id="contents">
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<!--
+		Note: setting the minimum size to 0 here so that changes to the host component's
+		size will not be thwarted by this skin part's minimum size.   This is a compromise,
+		more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+		-->		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			
+			<s:Group left="0" right="0" top="0" bottom="0" mask="{bottomGroupMask}">
+				<!-- Layer 1: controlBar -->
+				<s:Rect id="controlBar" left="0" right="0" top="0" bottom="0"
+						topLeftRadiusX="0" topRightRadiusX="0" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+					<s:fill>
+						<s:SolidColor color="0xE8E8E8"/>
+					</s:fill>
+					<s:stroke>
+						<s:SolidColorStroke color="0x666666"/>
+					</s:stroke>
+				</s:Rect>
+			</s:Group>
+			<!-- layer 3: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/PanelSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/PanelSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/RadioButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/RadioButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/RadioButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/RadioButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,159 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for a Spark RadioButton component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabledStates="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.RadioButton")]
+		]]>
+	</fx:Metadata> 
+	<fx:Script>
+		<![CDATA[
+			/**
+			 * @inheritDoc
+			 */
+			override public function get focusSkinExclusions():Array {return ["labelDisplay"]};
+		]]>
+	</fx:Script>
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="disabledStates, selectedStates" />
+    </s:states>
+	<s:Group verticalCenter="0" minHeight="14" minWidth="14">
+		<!-- Layer 1: border -->
+		<s:Ellipse id="border" left="0" right="0" top="0" bottom="0">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x426089" 
+									 color.over="0x5C85B8" 
+									 color.down="0x263852" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x304663" 
+									 color.over="0x43658F" 
+									 color.down="0x2E4260" 
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Ellipse>
+		<!-- Layer 2: innerBorder -->
+		<s:Ellipse id="innerBorder" left="1" right="1" top="1" bottom="1">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x557FB5" 
+									 color.over="0x77B1D2" 
+									 color.down="0x344E6D" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x42628A" 
+									 color.over="0x5C89B9" 
+									 color.down="0x3E5A80"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Ellipse>
+		<!-- Layer 3: insetBorder -->
+		<s:Ellipse id="insetBorder" left="2" right="2" top="2" bottom="2">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x426089" 
+									 color.over="0x426089" 
+									 color.down="0x263852" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x304663" 
+									 color.over="0x304663" 
+									 color.down="0x2E4260" 
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Ellipse>
+		<!-- Layer 4: fill -->
+		<s:Ellipse id="fill" left="3" right="3" top="3" bottom="3">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x446690" 
+									 color.over="0x446690" 
+									 color.down="0x2B405C"
+									 alpha="1.0"/>
+					<s:GradientEntry color="0x496C9A" 
+									 color.over="0x496C9A" 
+									 color.down="0x2F4563" 
+									 alpha="1.0" 
+									 ratio=".1"/>
+					<s:GradientEntry color="0x3D5A80" 
+									 color.over="0x3D5A80" 
+									 color.down="0x354D6F" 
+									 alpha="1.0" 
+									 ratio=".9"/>
+					<s:GradientEntry color="0x385275" 
+									 color.over="0x385275" 
+									 color.down="0x314867" 
+									 alpha="1.0" 
+									 ratio=".1"/>
+				</s:LinearGradient>
+			</s:fill>
+		</s:Ellipse>
+		<!-- dot dropShadow -->
+		<s:Ellipse id="dotDropShadow" verticalCenter="1" horizontalCenter="0" width="4" height="4"
+				   includeIn="selectedStates" itemCreationPolicy="immediate">
+			<s:fill>
+				<s:SolidColor color="0x000000" alpha="0.5"/>
+			</s:fill>
+		</s:Ellipse>
+		<!-- dot -->
+		<s:Ellipse id="dot" verticalCenter="0" horizontalCenter="0" width="4" height="4" 
+				   includeIn="selectedStates"  itemCreationPolicy="immediate">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0xFFFFFF" alpha="1.0" />
+					<s:GradientEntry color="0xCCCCCC" alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Ellipse>
+	</s:Group>
+
+    <!-- Label -->
+    <!--- Defines the text next to the dot in a RadioButton component.-->
+    <s:Label id="labelDisplay"
+             textAlign="start"
+             verticalAlign="middle"
+             lineBreak="toFit"
+			 maxDisplayedLines="1"
+             left="18" right="0" top="0" bottom="0" verticalCenter="2" />
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/RadioButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/RadioButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarDownButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarDownButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarDownButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarDownButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,168 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for up button of the Spark ScrollBar component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over" />
+		<s:State name="down" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<!-- Layer 1: border -->
+	<s:Rect id="border" left="0" right="0" top="0" bottom="0" width="15" height="15" >
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerBorder -->
+	<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x557FB5" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 3: insetBorder -->
+	<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x426089" 
+								 color.down="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x304663" 
+								 color.down="0x2E4260"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 4: fill -->
+	<s:Rect id="fill" left="3" right="3" top="3" bottom="3">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x446690" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563"
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x3D5A80" 
+								 color.down="0x354D6F"
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867"
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>	
+	<!-- Arrow -->
+	<!-- Arrow Shadow-->
+	<s:Path right="8" verticalCenter="1" horizontalCenter="0" id="arrowShadow"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:SolidColor color="0x000000"
+						  alpha="0.5"/>
+		</s:fill>
+	</s:Path>
+	<s:Path right="8" verticalCenter="0" horizontalCenter="0" id="arrow"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:LinearGradient rotation="90"> 
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x223248"
+								 alpha="0.95"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x293D57"
+								 ratio=".9"
+								 alpha="0.95"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x2E4562"
+								 alpha="0.95"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Path>
+	<!-- Arrow overlay -->
+	<s:Path right="8" verticalCenter="0" horizontalCenter="0" id="arrowOverlay" includeIn="up"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:LinearGradient rotation="90"> 
+				<s:GradientEntry color="0xcccccc"
+								 alpha=".65"
+								 ratio="0"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".35"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".60"/>
+				<s:GradientEntry color="0x999999"
+								 alpha=".75"
+								 ratio="1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Path>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarDownButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarDownButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarLeftButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarLeftButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarLeftButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarLeftButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,168 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for up button of the Spark ScrollBar component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over" />
+		<s:State name="down" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<!-- Layer 1: border -->
+	<s:Rect id="border" left="0" right="0" top="0" bottom="0" width="15" height="15" >
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerBorder -->
+	<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x557FB5" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 3: insetBorder -->
+	<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x426089" 
+								 color.down="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x304663" 
+								 color.down="0x2E4260"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 4: fill -->
+	<s:Rect id="fill" left="3" right="3" top="3" bottom="3">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x446690" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563"
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x3D5A80" 
+								 color.down="0x354D6F"
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867"
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>	
+	<!-- Arrow -->
+	<!-- Arrow Shadow-->
+	<s:Path right="8" verticalCenter="1" horizontalCenter="0" id="arrowShadow" rotation="90"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:SolidColor color="0x000000"
+						  alpha="0.5"/>
+		</s:fill>
+	</s:Path>
+	<s:Path right="8" verticalCenter="0" horizontalCenter="0" id="arrow" rotation="90"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:LinearGradient rotation="90"> 
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x223248"
+								 alpha="0.95"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x293D57"
+								 ratio=".9"
+								 alpha="0.95"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x2E4562"
+								 alpha="0.95"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Path>
+	<!-- Arrow overlay -->
+	<s:Path right="8" verticalCenter="0" horizontalCenter="0" id="arrowOverlay" includeIn="up" rotation="90"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:LinearGradient rotation="270"> 
+				<s:GradientEntry color="0xcccccc"
+								 alpha=".65"
+								 ratio="0"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".25"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".75"/>
+				<s:GradientEntry color="0x999999"
+								 alpha=".75"
+								 ratio="1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Path>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarLeftButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarLeftButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarRightButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarRightButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarRightButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarRightButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,168 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for up button of the Spark ScrollBar component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over" />
+		<s:State name="down" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<!-- Layer 1: border -->
+	<s:Rect id="border" left="0" right="0" top="0" bottom="0" width="15" height="15" >
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerBorder -->
+	<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x557FB5" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 3: insetBorder -->
+	<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x426089" 
+								 color.down="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x304663" 
+								 color.down="0x2E4260"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 4: fill -->
+	<s:Rect id="fill" left="3" right="3" top="3" bottom="3">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x446690" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563"
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x3D5A80" 
+								 color.down="0x354D6F"
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867"
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>	
+	<!-- Arrow -->
+	<!-- Arrow Shadow-->
+	<s:Path right="8" verticalCenter="1" horizontalCenter="0" id="arrowShadow" rotation="270"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:SolidColor color="0x000000"
+						  alpha="0.5"/>
+		</s:fill>
+	</s:Path>
+	<s:Path right="8" verticalCenter="0" horizontalCenter="0" id="arrow" rotation="270"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:LinearGradient rotation="90"> 
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x223248"
+								 alpha="0.95"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x293D57"
+								 ratio=".9"
+								 alpha="0.95"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x2E4562"
+								 alpha="0.95"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Path>
+	<!-- Arrow overlay -->
+	<s:Path right="8" verticalCenter="0" horizontalCenter="0" id="arrowOverlay" includeIn="up" rotation="270"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:LinearGradient rotation="90"> 
+				<s:GradientEntry color="0xcccccc"
+								 alpha=".65"
+								 ratio="0"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".25"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".75"/>
+				<s:GradientEntry color="0x999999"
+								 alpha=".75"
+								 ratio="1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Path>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarRightButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarRightButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarUpButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarUpButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarUpButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarUpButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,168 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for up button of the Spark ScrollBar component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+
+	<!-- Layer 1: border -->
+	<s:Rect id="border" left="0" right="0" top="0" bottom="0" width="15" height="15" >
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerBorder -->
+	<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x557FB5" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 3: insetBorder -->
+	<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x426089" 
+								 color.down="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x304663" 
+								 color.down="0x2E4260"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 4: fill -->
+	<s:Rect id="fill" left="3" right="3" top="3" bottom="3">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x446690" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563"
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x3D5A80" 
+								 color.down="0x354D6F"
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867"
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>	
+	<!-- Arrow -->
+	<!-- Arrow Shadow-->
+	<s:Path right="8" verticalCenter="1" horizontalCenter="0" id="arrowShadow" rotation="180"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:SolidColor color="0x000000"
+						  alpha="0.5"/>
+		</s:fill>
+	</s:Path>
+	<s:Path right="8" verticalCenter="0" horizontalCenter="0" id="arrow" rotation="180"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:LinearGradient rotation="90"> 
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x223248"
+								 alpha="0.95"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x293D57"
+								 ratio=".9"
+								 alpha="0.95"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x2E4562"
+								 alpha="0.95"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Path>
+	<!-- Arrow overlay -->
+	<s:Path right="8" verticalCenter="0" horizontalCenter="0" id="arrowOverlay" rotation="180" includeIn="up"
+			data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+		<s:fill>
+			<s:LinearGradient rotation="270"> 
+				<s:GradientEntry color="0xcccccc"
+								 alpha=".65"
+								 ratio="0"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".35"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".60"/>
+				<s:GradientEntry color="0x999999"
+								 alpha=".75"
+								 ratio="1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Path>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarUpButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollBarUpButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollerSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--
+
+Scroller unconditionally sets its skin's layout to private layout
+implementation that handles the scroll policies.  Scroller skins can
+only provide replacement scrollbars.  The skin's layout and
+constraints or dimensions set on skin parts will not be honored.  To
+gain more control over the layout of a viewport and its scrollbars,
+instead of using Scroller, add them to a Group and use the ScrollBar component's
+viewport property to link them together.
+ 
+-->
+
+<!--- The default skin class for the Spark Scroller component. 
+        
+      @langversion 3.0
+      @playerversion Flash 10
+      @playerversion AIR 1.5
+      @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
+
+    <fx:Metadata>
+    <![CDATA[ 
+    /** 
+     * @copy spark.skins.spark.ApplicationSkin#hostComponent
+     */
+        [HostComponent("spark.components.Scroller")]
+    ]]>
+    </fx:Metadata> 
+        
+    <fx:Script>
+    <![CDATA[    
+        override public function beginHighlightBitmapCapture() : Boolean
+        {
+            var needUpdate:Boolean = super.beginHighlightBitmapCapture();
+            
+            // Draw an opaque rect that fill our entire skin. Our background
+            // is transparent, but we don't want focus/error skins to
+            // poke through.  This is safe to do since we don't have any 
+            // graphic elements as direct children.
+            graphics.beginFill(0);
+            graphics.drawRect(0, 0, width, height);
+            graphics.endFill();
+			
+			return needUpdate;
+        }
+        
+        override public function endHighlightBitmapCapture() : Boolean
+        {
+            var needUpdate:Boolean = super.endHighlightBitmapCapture();
+            
+            // Clear the rect we drew in beginBitmapCapture();
+            graphics.clear();
+			
+			return needUpdate;
+        }
+    ]]>
+    </fx:Script>
+        
+    <!--- Determines whether the vertical ScrollBar is visible in the ScrollerSkin. -->
+    <s:VScrollBar id="verticalScrollBar" visible="false" />
+    
+    <!--- Determines whether the horizontal ScrollBar is visible in the ScrollerSkin. -->
+    <s:HScrollBar id="horizontalScrollBar" visible="false" />
+
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollerSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ScrollerSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableContainerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableContainerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableContainerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableContainerSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for a Spark SkinnableContainer container.  
+        
+      @langversion 3.0
+      @playerversion Flash 10
+      @playerversion AIR 1.5
+      @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+    xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5">
+
+    <fx:Metadata>
+    <![CDATA[ 
+    /** 
+     * @copy spark.skins.spark.ApplicationSkin#hostComponent
+     */
+        [HostComponent("spark.components.SkinnableContainer")]
+    ]]>
+    </fx:Metadata> 
+    
+    <fx:Script fb:purpose="styling">
+        <![CDATA[         
+            /**
+             *  @private
+             */
+            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
+            {
+                bgFill.color = getStyle("backgroundColor");
+                bgFill.alpha = getStyle("backgroundAlpha");
+                
+                super.updateDisplayList(unscaledWidth, unscaledHeight);
+            }
+        ]]>        
+    </fx:Script>
+    
+    <s:states>
+        <s:State name="normal" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <s:Rect left="0" right="0" top="0" bottom="0">
+        <s:fill>
+            <s:SolidColor id="bgFill"/>
+        </s:fill>
+    </s:Rect>
+    
+    <!--
+        Note: setting the minimum size to 0 here so that changes to the host component's
+        size will not be thwarted by this skin part's minimum size.   This is a compromise,
+        more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+    -->
+    <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0">
+        <s:layout>
+            <s:BasicLayout/>
+        </s:layout>
+    </s:Group>
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableContainerSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableContainerSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableDataContainerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableDataContainerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableDataContainerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableDataContainerSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the Spark SkinnableDataContainer container.  
+        
+      @langversion 3.0
+      @playerversion Flash 10
+      @playerversion AIR 1.5
+      @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
+
+    <fx:Metadata>
+    <![CDATA[ 
+    /** 
+     * @copy spark.skins.spark.ApplicationSkin#hostComponent
+     */
+        [HostComponent("spark.components.SkinnableDataContainer")]
+    ]]>
+    </fx:Metadata> 
+    
+    <s:states>
+        <s:State name="normal" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <!--
+      Note: setting the minimum size to 0 here so that changes to the host component's
+      size will not be thwarted by this skin part's minimum size.   This is a compromise,
+      more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+    -->
+    <s:DataGroup id="dataGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0">
+        <s:layout>
+            <s:VerticalLayout horizontalAlign="contentJustify" />
+        </s:layout>
+    </s:DataGroup>
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableDataContainerSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SkinnableDataContainerSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerDecrementButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerDecrementButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerDecrementButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerDecrementButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the up button of a Spark Spinner component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+	
+	
+	
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over"/>
+		<s:State name="down" />
+		<s:State name="disabled" />
+	</s:states>
+	<!-- Layer 1: border -->
+	<s:Rect id="border" left="0" right="0" top="0" bottom="0" width="18" height="16"
+			topLeftRadiusX="0" topRightRadiusX="0" bottomLeftRadiusX="0" bottomRightRadiusX="4">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x385475" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerBorder -->
+	<s:Rect id="innerBorder" left="1" right="1" top="0" bottom="1" 
+			topLeftRadiusX="0" topRightRadiusX="0" bottomLeftRadiusX="0" bottomRightRadiusX="3">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x4E71A3" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 3: insetBorder -->
+	<s:Rect id="insetBorder" left="1" right="2" top="1" bottom="2" 
+			topLeftRadiusX="0" topRightRadiusX="0" bottomLeftRadiusX="0" bottomRightRadiusX="2">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x344C6C" 
+								 color.over="0x426089" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x2E4461" 
+								 color.over="0x5C89B9" 
+								 color.down="0x263A53" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 4: fill -->
+	<s:Rect id="fill" left="1" right="3" top="1" bottom="3" 
+			topLeftRadiusX="0" topRightRadiusX="0" bottomLeftRadiusX="0" bottomRightRadiusX="1">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x42618A" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x42618A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563" 
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x456792" 
+								 color.down="0x314867" 
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867" 
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>	
+	
+	<!-- arrow -->
+	<!--- Defines the appearance of the up arrow. -->
+	<s:Path right="7" verticalCenter="-2" id="arrow"
+			data="M 3.0 3.0 L 3.0 2.0 L 4.0 2.0 L 4.0 1.0 L 5.0 1.0 L 5.0 0.0 L 0.0 0.0 L 0.0 1.0 L 1.0 1.0 L 1.0 2.0 L 2.0 2.0 L 2.0 3.0 L 3.0 3.0">
+		<s:fill>
+			<s:SolidColor id="arrowFill" color="0xFFFFFF" alpha="0.95" />
+		</s:fill>
+	</s:Path>            
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerDecrementButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerDecrementButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerIncrementButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerIncrementButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerIncrementButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerIncrementButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the up button of a Spark Spinner component.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+	
+
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over"/>
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+	<!-- Layer 1: border -->
+	<s:Rect id="border" left="0" right="0" top="0" bottom="0" width="18" height="16"
+			topLeftRadiusX="0" topRightRadiusX="4" bottomLeftRadiusX="0" bottomRightRadiusX="0">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerBorder -->
+	<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1" 
+			topLeftRadiusX="0" topRightRadiusX="3" bottomLeftRadiusX="0" bottomRightRadiusX="0">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x557FB5" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 3: insetBorder -->
+	<s:Rect id="insetBorder" left="1" right="2" top="2" bottom="0" 
+			topLeftRadiusX="0" topRightRadiusX="2" bottomLeftRadiusX="0" bottomRightRadiusX="0">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x426089" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x263A53" 
+								 color.over="0x5C89B9" 
+								 color.down="0x263A53" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 4: fill -->
+	<s:Rect id="fill" left="1" right="3" top="3" bottom="1" 
+			topLeftRadiusX="0" topRightRadiusX="1" bottomLeftRadiusX="0" bottomRightRadiusX="0">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x446690" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563" 
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x456792" 
+								 color.over="0x456792" 
+								 color.down="0x314867" 
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867" 
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>	
+   
+	<!-- arrow -->
+	<!--- Defines the appearance of the up arrow. -->
+	<s:Path right="7" verticalCenter="0" id="arrow"
+			data="M 3.0 0.0 L 3.0 1.0 L 4.0 1.0 L 4.0 2.0 L 5.0 2.0 L 5.0 3.0 L 0.0 3.0 L 0.0 2.0 L 1.0 2.0 L 1.0 1.0 L 2.0 1.0 L 2.0 0.0 L 3.0 0.0">
+		<s:fill>
+			<s:SolidColor id="arrowFill" color="0xFFFFFF" alpha="0.95" />
+		</s:fill>
+	</s:Path>            
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerIncrementButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerIncrementButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the Spark Spinner component. The skins for the down and up buttons on the
+Spinner component are defined by the SpinnerDecrButtonSkin and SpinnerIncrButtonSkin classes, respectively. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+      alpha.disabled="0.5" minHeight="24" minWidth="12">
+
+    <fx:Metadata>
+    <![CDATA[ 
+	/** 
+	 * @copy spark.skins.default.ApplicationSkin#hostComponent
+	 */
+    	[HostComponent("spark.components.Spinner")]
+    ]]>
+    </fx:Metadata> 
+    
+    
+    <s:states>
+    	<s:State name="normal" />
+    	<s:State name="disabled" />
+    </s:states>
+    
+    <!--- Defines the appearance of the up button. The default skin class is SpinnerIncrButtonSkin. -->
+    <s:Button id="incrementButton" left="0" right="0" top="0" height="50%" 
+             skinClass="cobalt.skins.SpinnerIncrementButtonSkin" /> 
+    <!--- Defines the appearance of the down button. The default skin class is SpinnerDecrButtonSkin. -->
+    <s:Button id="decrementButton" left="0" right="0" bottom="0" height="50%"  
+             skinClass="cobalt.skins.SpinnerDecrementButtonSkin" />
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/SpinnerSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,211 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- 
+The default skin class for Spark TabBar buttons.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+
+<s:Skin 
+    xmlns:fx="http://ns.adobe.com/mxml/2009" 
+    xmlns:s="library://ns.adobe.com/flex/spark" 
+    xmlns:fb="http://ns.adobe.com/flashbuilder/2009" 
+    minWidth="21" minHeight="21" alpha.disabledStates="0.5">
+    
+    <!-- host component -->
+    <fx:Metadata>
+        <![CDATA[ 
+        /** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+        */
+        [HostComponent("spark.components.ButtonBarButton")]
+        ]]>
+    </fx:Metadata>
+    
+    <fx:Script fb:purpose="styling" >
+        
+        import spark.components.TabBar;
+
+        static private const exclusions:Array = ["labelDisplay"];
+        
+       
+    </fx:Script>
+    
+    <!-- states -->
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+    </s:states>
+    
+    <s:Group left="-1" right="0" top="-1" bottom="-1">
+		<!-- Layer 1: border -->
+		<s:Rect id="border" left="0" right="0" top="0" bottom="0"
+				topLeftRadiusX="4" topRightRadiusX="4">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x426089" 
+									 color.over="0x5C85B8" 
+									 color.down="0x263852" 
+									 color.selectedStates="0xAbabab"
+									 alpha="1.0" />
+					<s:GradientEntry color="0x304663" 
+									 color.over="0x43658F" 
+									 color.down="0x2E4260" 
+									 color.selectedStates="0xC9C9C9"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 2: innerBorder -->
+		<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1" bottom.selectedStates="0"
+				topLeftRadiusX="3" topRightRadiusX="3">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x557FB5" 
+									 color.over="0x77B1D2" 
+									 color.down="0x344E6D" 
+									 color.selectedStates="0xE9E9E9"
+									 alpha="1.0" />
+					<s:GradientEntry color="0x42628A" 
+									 color.over="0x5C89B9" 
+									 color.down="0x3E5A80"
+									 color.selectedStates="0xFEFEFE"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 3: insetBorder -->
+		<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2" bottom.selectedStates="0"
+				topLeftRadiusX="2" topRightRadiusX="2">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x426089" 
+									 color.over="0x426089" 
+									 color.down="0x263852" 
+									 color.selectedStates="0xA4A4A4"
+									 alpha="1.0" />
+					<s:GradientEntry color="0x304663" 
+									 color.over="0x304663" 
+									 color.down="0x2E4260" 
+									 color.selectedStates="0xB3B3B3"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 4: fill -->
+		<s:Rect id="fill" left="3" right="3" top="3" bottom="3" bottom.selectedStates="0"
+				topLeftRadiusX="1" topRightRadiusX="1">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x446690" 
+									 color.over="0x446690" 
+									 color.down="0x2B405C"
+									 color.selectedStates="0xD5D5D5"
+						
+									 alpha="1.0"/>
+					<s:GradientEntry color="0x496C9A" 
+									 color.over="0x496C9A" 
+									 color.down="0x2F4563" 
+									 color.selectedStates="0xDFDFDF" 
+								
+									 alpha="1.0" 
+									 ratio=".1" />
+					<s:GradientEntry color="0x3D5A80" 
+									 color.over="0x3D5A80" 
+									 color.down="0x354D6F" 
+									 color.selectedStates="0xFFFFFF" 
+								
+									 alpha="1.0" 
+									 ratio=".9"
+									 />
+					<s:GradientEntry color="0x385275" 
+									 color.over="0x385275" 
+									 color.down="0x314867"
+									 color.selectedStates="0xFFFFFF"
+									 alpha="1.0" 
+									 ratio=".1"
+									 />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- edges  for selcetd states-->
+		
+		<s:Rect id="leftEdge" left="3"  top="3" height="21" width="1" includeIn="selectedStates">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0xC2C2C2"/>
+					<s:GradientEntry color="0xFFFFFF"/>
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<s:Rect id="rightEdge" right="4" top="3" height="21" width="1" includeIn="selectedStates">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0xC2C2C2"/>
+					<s:GradientEntry color="0xFFFFFF"/>
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<s:Rect id="topEdge" left="3" right="4"  top="4" height="1" includeIn="selectedStates" >
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0xC2C2C2"/>
+					<s:GradientEntry color="0xC2C2C2"/>
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- bottom edge lines -->
+		<s:Rect id="bottomLeft" left="0"  bottom="0" height="1" width="3" includeIn="selectedStates" >
+			<s:fill>
+				<s:SolidColor color="0xAbabab"/>
+			</s:fill>
+		</s:Rect>
+		<s:Rect id="bottomRight" right="0"  bottom="0" height="1" width="3" includeIn="selectedStates" >
+			<s:fill>
+				<s:SolidColor color="0xAbabab"/>
+			</s:fill>
+		</s:Rect>
+		
+	
+    </s:Group>
+    
+    <!-- layer 8: text -->
+    <!--- The defines the appearance of the label for the first button in the ButtonBar component. -->
+    <s:Label id="labelDisplay"
+             textAlign="center"
+             verticalAlign="middle"
+             maxDisplayedLines="1"
+             horizontalCenter="0" verticalCenter="1"
+             left="10" right="10" top="2" bottom="2"
+			 color="0xFFFFFF" color.selectedStates="0x333333">
+    </s:Label>
+    
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- 
+
+The default skin class for the Spark TabBar component. The ButtonBarButtons 
+created by the TabBar component use the TabBarButtonSkin class.  
+
+@see spark.components.TabBar
+@see spark.components.ButtonBarButton
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+
+-->
+
+<s:Skin 
+    xmlns:fx="http://ns.adobe.com/mxml/2009" 
+    xmlns:s="library://ns.adobe.com/flex/spark"
+    xmlns:fb="http://ns.adobe.com/flashbuilder/2009"     
+    alpha.disabled="0.5">
+    
+    <fx:Metadata>
+        <![CDATA[ 
+        /** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+        */
+        [HostComponent("spark.components.TabBar")]
+        ]]>
+    </fx:Metadata> 
+    
+    <fx:Script  fb:purpose="styling" >
+        <![CDATA[ 
+
+        import mx.core.UIComponent;
+
+        /**
+         *  @private
+         *  Push the cornerRadius style to the item renderers.
+         */
+        override protected function updateDisplayList(unscaledWidth:Number, unscaleHeight:Number):void
+        {
+            const numElements:int = dataGroup.numElements;
+            const cornerRadius:int = hostComponent.getStyle("cornerRadius");
+            for (var i:int = 0; i < numElements; i++)
+            {
+                var elt:UIComponent = dataGroup.getElementAt(i) as UIComponent;
+                if (elt)
+                    elt.setStyle("cornerRadius", cornerRadius);
+            }
+                    
+            super.updateDisplayList(unscaledWidth, unscaledHeight);
+        }
+            
+        ]]>            
+    </fx:Script>
+    
+    <s:states>
+        <s:State name="normal" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <!--- 
+    @copy spark.components.SkinnableDataContainer#dataGroup
+    -->
+    <s:DataGroup id="dataGroup" width="100%" height="100%">
+        <s:layout>
+            <s:ButtonBarHorizontalLayout gap="1"/>
+        </s:layout>
+        <s:itemRenderer>
+            <fx:Component>
+                <s:ButtonBarButton skinClass="cobalt.skins.TabBarButtonSkin" />
+            </fx:Component>
+        </s:itemRenderer>
+    </s:DataGroup>
+    
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TabBarSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextAreaSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextAreaSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextAreaSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextAreaSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,142 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for Spark TextArea component.  
+        
+      @langversion 3.0
+      @playerversion Flash 10
+      @playerversion AIR 1.5
+      @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+    xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabledStates="0.5" blendMode="normal">
+
+    <fx:Metadata>
+    <![CDATA[ 
+    /** 
+     * @copy spark.skins.spark.ApplicationSkin#hostComponent
+     */
+        [HostComponent("spark.components.TextArea")]
+    ]]>
+    </fx:Metadata> 
+    
+    <fx:Script fb:purpose="styling">
+        private var paddingChanged:Boolean;
+        
+        /**
+         *  @private
+         */
+        override protected function commitProperties():void
+        {
+            super.commitProperties();
+            
+            if (paddingChanged)
+            {
+                updatePadding();
+                paddingChanged = false;
+            }
+        }
+        
+       
+        /**
+         *  @private
+         */
+        private function updatePadding():void
+        {
+            if (!textDisplay)
+                return;
+            
+            // Push padding styles into the textDisplay
+            var padding:Number;
+            
+            padding = getStyle("paddingLeft");
+            if (textDisplay.getStyle("paddingLeft") != padding)
+                textDisplay.setStyle("paddingLeft", padding);
+            
+            padding = getStyle("paddingTop");
+            if (textDisplay.getStyle("paddingTop") != padding)
+                textDisplay.setStyle("paddingTop", padding);
+            
+            padding = getStyle("paddingRight");
+            if (textDisplay.getStyle("paddingRight") != padding)
+                textDisplay.setStyle("paddingRight", padding);
+            
+            padding = getStyle("paddingBottom");
+            if (textDisplay.getStyle("paddingBottom") != padding)
+                textDisplay.setStyle("paddingBottom", padding);
+        }
+        
+        /**
+         *  @private
+         */
+        override public function styleChanged(styleProp:String):void
+        {
+            super.styleChanged(styleProp);
+            
+            if (!styleProp || styleProp.indexOf("padding") == 0)
+            {
+                paddingChanged = true;
+                invalidateProperties();
+            }
+        }
+    </fx:Script>
+    
+    <fx:Script>
+        <![CDATA[
+        /**
+         * @inheritDoc
+         */
+        override public function get focusSkinExclusions():Array { return [ textDisplay ] };           
+        ]]>
+    </fx:Script>
+    
+    <s:states>
+        <s:State name="normal"/>
+        <s:State name="disabled" stateGroups="disabledStates"/>
+        <s:State name="normalWithPrompt"/>
+        <s:State name="disabledWithPrompt" stateGroups="disabledStates"/>
+    </s:states>
+    
+	<!-- Text Fill & Border --> 
+	<s:Rect left="0" right="0" top="0" bottom="0" id="border">
+		<s:stroke>     
+			<s:SolidColorStroke color="0xC9CBCC"
+								weight="1" />
+		</s:stroke>
+		<s:fill>
+			<s:SolidColor color="0xFFFFFF"/>
+		</s:fill>
+	</s:Rect>
+	<!-- Top edge shadow -->
+	<s:Rect left="1" right="1" top="0" height="1">
+		<s:fill>
+			<s:SolidColor color="#6D6F70"/>
+		</s:fill>
+	</s:Rect>
+
+    <!--- Defines the scroller used to scroll the RichEditableText. -->
+    <s:Scroller id="scroller" left="0" top="0" right="0" bottom="0" minViewportInset="1" measuredSizeIncludesScrollBars="false">
+        <s:RichEditableText id="textDisplay"
+                  heightInLines="10"
+                  widthInChars="15" />
+    </s:Scroller>
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextAreaSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextAreaSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextInputSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextInputSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextInputSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextInputSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,141 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<!--- The default skin class for Spark TextInput component.  
+        
+      @langversion 3.0
+      @playerversion Flash 10
+      @playerversion AIR 1.5
+      @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+    xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabledStates="0.5" blendMode="normal">
+
+    <fx:Metadata>
+    <![CDATA[ 
+    /** 
+     * @copy spark.skins.spark.ApplicationSkin#hostComponent
+     */
+        [HostComponent("spark.components.TextInput")]
+    ]]>
+    </fx:Metadata> 
+    
+    <fx:Script fb:purpose="styling">
+        private var paddingChanged:Boolean;
+        
+        /**
+         *  @private
+         */
+        override protected function commitProperties():void
+        {
+            super.commitProperties();
+            
+            if (paddingChanged)
+            {
+                updatePadding();
+                paddingChanged = false;
+            }
+        }
+        
+        /**
+         *  @private
+         */
+        private function updatePadding():void
+        {
+            if (!textDisplay)
+                return;
+            
+            // Push padding styles into the textDisplay
+            var padding:Number;
+            
+            padding = getStyle("paddingLeft");
+            if (textDisplay.getStyle("paddingLeft") != padding)
+                textDisplay.setStyle("paddingLeft", padding);
+            
+            padding = getStyle("paddingTop");
+            if (textDisplay.getStyle("paddingTop") != padding)
+                textDisplay.setStyle("paddingTop", padding);
+            
+            padding = getStyle("paddingRight");
+            if (textDisplay.getStyle("paddingRight") != padding)
+                textDisplay.setStyle("paddingRight", padding);
+            
+            padding = getStyle("paddingBottom");
+            if (textDisplay.getStyle("paddingBottom") != padding)
+                textDisplay.setStyle("paddingBottom", padding);
+        }
+        
+        /**
+         *  @private
+         */
+        override public function styleChanged(styleProp:String):void
+        {
+            super.styleChanged(styleProp);
+            
+            if (!styleProp || styleProp.indexOf("padding") == 0)
+            {
+                paddingChanged = true;
+                invalidateProperties();
+            }
+        }
+    </fx:Script>
+    
+    <fx:Script>
+        <![CDATA[
+        /**
+         * @inheritDoc
+         */
+        override public function get focusSkinExclusions():Array { return [ textDisplay ] };            
+        ]]>
+    </fx:Script>
+    
+    <s:states>
+        <s:State name="normal"/>
+        <s:State name="disabled" stateGroups="disabledStates"/>
+        <s:State name="normalWithPrompt"/>
+        <s:State name="disabledWithPrompt" stateGroups="disabledStates"/>
+    </s:states>
+    
+    <!-- Text Fill & Border --> 
+    <s:Rect left="0" right="0" top="0" bottom="0" id="border">
+        <s:stroke>     
+            <s:SolidColorStroke color="0xC9CBCC"
+								weight="1" />
+        </s:stroke>
+		<s:fill>
+			<s:SolidColor color="0xFFFFFF"/>
+		</s:fill>
+    </s:Rect>
+	<!-- Top edge shadow -->
+	<s:Rect left="1" right="1" top="0" height="1">
+		<s:fill>
+			<s:SolidColor color="#6D6F70"/>
+		</s:fill>
+	</s:Rect>
+
+    
+    
+    <!-- text -->
+    <s:RichEditableText id="textDisplay"
+              lineBreak="explicit"
+              verticalAlign="middle"
+              widthInChars="10"
+              left="1" right="1" top="1" bottom="1" />
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextInputSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TextInputSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain