incubator-flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From cframp...@apache.org
Subject svn commit: r1350373 [8/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/med...
Date Thu, 14 Jun 2012 18:53:56 GMT
Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_downArrowUpSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_downArrowUpSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_downArrowUpSkin.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbDownSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbDownSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbDownSkin.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbIcon.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbIcon.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbIcon.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbOverSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbOverSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbOverSkin.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbUpSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbUpSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbUpSkin.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackDisabledSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackDisabledSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackDisabledSkin.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackSkin.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDisabledSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDisabledSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDisabledSkin.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDownSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDownSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDownSkin.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowOverSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowOverSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowOverSkin.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowUpSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowUpSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowUpSkin.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ApplicationSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ApplicationSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ApplicationSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ApplicationSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,147 @@
+<?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 Application component. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+		alpha.disabled="0.5" >
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* A strongly typed property that references the component to which this skin is applied.
+		*/
+		[HostComponent("spark.components.Application")]
+		]]>
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- fill -->
+	<!--- 
+	A rectangle with a solid color fill that forms the background of the application.
+	The color of the fill is set to the Application's backgroundColor property.
+	-->
+	<s:Rect id="backgroundRect" left="0" right="0" top="0" bottom="0"  >
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xeaeaea"
+								 />
+				<s:GradientEntry color="0xcccccc"
+								 />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<s:Group left="0" right="0" top="0" bottom="0">
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<!--- 
+		Application Control Bar
+		-->
+		<s:Group id="topGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			
+			<!-- Layer 1: border -->
+			<s:Rect id="border" left="0" right="0" top="0" bottom="0" 
+					topLeftRadiusX="0" topRightRadiusX="0" 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="0" topRightRadiusX="0" 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="0" topRightRadiusX="0" 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="0" topRightRadiusX="0" 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>
+			
+			<!--- @copy spark.components.Application#controlBarGroup -->
+			<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>
+		
+		<!--- @copy spark.components.SkinnableContainer#contentGroup -->
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0" />
+		
+	</s:Group>
+	
+</s:Skin>
\ No newline at end of file

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/BorderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/BorderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/BorderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/BorderSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,152 @@
+<?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 Spark skin class for the Halo Border base class. 
+
+@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" 
+						implements="mx.core.IRectangularBorder" mouseEnabled="false" mouseChildren="false">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.core.EdgeMetrics;
+			import mx.core.IUIComponent;
+			import mx.graphics.RectangularDropShadow;
+			
+			static private const metrics:EdgeMetrics = new EdgeMetrics(1, 1, 1, 1);
+			
+			[Bindable]
+			public var cornerRadius:Number = 0;
+			
+			private var dropShadow:RectangularDropShadow;
+			
+			public function get borderMetrics():EdgeMetrics
+			{
+				if (getStyle("borderVisible") == false ||
+					getStyle("borderStyle") == "none")
+					return EdgeMetrics.EMPTY;
+				
+				return metrics;
+			}
+			
+			public function get backgroundImageBounds():Rectangle
+			{
+				return null;
+			}
+			
+			public function set backgroundImageBounds(value:Rectangle):void
+			{
+				
+			}
+			
+			public function get hasBackgroundImage():Boolean
+			{
+				return false;
+			}
+			
+			public function layoutBackgroundImage():void
+			{
+				
+			}
+						
+			override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+			{
+				// Force a redraw to clear any existing shadow, and to force a redraw of the 
+				// border/background.
+				redrawRequested = true;
+				
+				if (getStyle("borderVisible") == false || getStyle("borderStyle") == "none")
+				{
+					border.visible = false;
+					background.left = background.top = background.right = background.bottom = 0;
+				}
+				else
+				{
+					border.visible = true;
+					background.left = background.top = background.right = background.bottom = 1;
+				}
+				
+				border.radiusX = cornerRadius;
+				background.radiusX = cornerRadius;
+				
+				super.updateDisplayList(unscaledWidth, unscaledHeight);
+				
+				if (parent && parent is IUIComponent && !IUIComponent(parent).enabled)
+					alpha = 0.5;
+				else
+					alpha = 1;
+				
+				// Draw drop shadow, if needed
+				if (getStyle("dropShadowVisible") == false ||
+					width == 0 || 
+					height == 0)
+				{
+					return;
+				}
+				
+				// Create a RectangularDropShadow object, set its properties,
+				// and draw the shadow
+				if (!dropShadow)
+					dropShadow = new RectangularDropShadow();
+				
+				dropShadow.distance = 5;
+				dropShadow.angle = 90;
+				dropShadow.color = 0;
+				dropShadow.alpha = 0.8;
+				dropShadow.blurX = 20;
+				dropShadow.blurY = 20;
+				
+				// Clear out any pending line style
+				graphics.lineStyle();
+				dropShadow.drawShadow(graphics, 0, 0, width, height);
+			}
+			
+			private function getDropShadowAngle(distance:Number,
+												direction:String):Number
+			{
+				if (direction == "left")
+					return distance >= 0 ? 135 : 225;
+					
+				else if (direction == "right")
+					return distance >= 0 ? 45 : 315;
+					
+				else // direction == "center"
+					return distance >= 0 ? 90 : 270;
+			}
+		]]>
+	</fx:Script>
+	
+	<!-- border --> 
+	<s:Rect left="0" right="0" top="0" bottom="0" radiusX="0" id="border">
+		<s:stroke>            
+			<s:SolidColorStroke id="borderStroke" color="0x000000"/>
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- fill -->
+	<s:Rect id="background" left="1" right="1" top="1" bottom="1" radiusX="0">
+		<s:fill>
+			<s:SolidColor id="bgFill" color="0xFFFFFF" />
+		</s:fill>
+	</s:Rect>
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarFirstButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarFirstButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarFirstButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarFirstButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,170 @@
+<?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 first button in a Spark ButtonBar 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" minWidth="21" minHeight="24"
+			 alpha.disabledStates="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.ButtonBarButton")]
+		]]>
+	</fx:Metadata>
+	
+	<!-- 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>
+	<!-- Layer 1: border -->
+	<s:Rect id="border" left="0" right="0" top="0" bottom="0" 
+			topLeftRadiusX="4" topRightRadiusX="0" bottomLeftRadiusX="4" bottomRightRadiusX="0">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 color.upAndSelected="0x263852"
+								 color.overAndSelected="0x263852"
+								 color.downAndSelected="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260" 
+								 color.upAndSelected="0x2E4260"
+								 color.overAndSelected="0x2E4260"
+								 color.downAndSelected="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="3" topRightRadiusX="0" bottomLeftRadiusX="3" bottomRightRadiusX="0">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x557FB5" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D" 
+								 color.upAndSelected="0x344E6D"
+								 color.overAndSelected="0x496D98"
+								 color.downAndSelected="0x344E6D"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 color.upAndSelected="0x3E5A80"
+								 color.overAndSelected="0x577EB3"
+								 color.downAndSelected="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" 
+			topLeftRadiusX="2" topRightRadiusX="0" bottomLeftRadiusX="2" bottomRightRadiusX="0">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x426089" 
+								 color.down="0x263852" 
+								 color.upAndSelected="0x263852" 
+								 color.overAndSelected="0x263852"
+								 color.downAndSelected="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x304663" 
+								 color.down="0x2E4260" 
+								 color.upAndSelected="0x2E4260"
+								 color.overAndSelected="0x2E4260"
+								 color.downAndSelected="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" 
+			topLeftRadiusX="1" topRightRadiusX="0" bottomLeftRadiusX="1" bottomRightRadiusX="0">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x446690" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 color.upAndSelected="0x2B405C"
+								 color.overAndSelected="0x2B405C"
+								 color.downAndSelected="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563" 
+								 color.upAndSelected="0x2F4563"
+								 color.overAndSelected="0x2F4563"
+								 color.downAndSelected="0x2F4563"
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x3D5A80" 
+								 color.down="0x354D6F" 
+								 color.upAndSelected="0x354D6F"
+								 color.overAndSelected="0x354D6F"
+								 color.downAndSelected="0x354D6F"
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867" 
+								 color.upAndSelected="0x314867"
+								 color.overAndSelected="0x314867"
+								 color.downAndSelected="0x314867"
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>	
+		
+	<!-- layer 2: text -->
+	<!--- The defines the appearance of the label for the first button in the ButtonBar component. -->
+	<s:Label id="labelDisplay"
+             textAlign="center"
+             verticalAlign="middle"
+             lineBreak="explicit"
+			 horizontalCenter="0" verticalCenter="1"
+			 left="10" right="10" top="2" bottom="2">
+	</s:Label>
+	
+</s:Skin>
\ No newline at end of file

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarLastButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarLastButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarLastButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarLastButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,170 @@
+<?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 first button in a Spark ButtonBar 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" minWidth="21" minHeight="24"
+			 alpha.disabledStates="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.ButtonBarButton")]
+		]]>
+	</fx:Metadata>
+	
+	<!-- 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>
+	<!-- Layer 1: border -->
+	<s:Rect id="border" left="0" right="0" top="0" bottom="0" 
+			topLeftRadiusX="0" topRightRadiusX="4" bottomLeftRadiusX="0" bottomRightRadiusX="4">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 color.upAndSelected="0x263852"
+								 color.overAndSelected="0x263852"
+								 color.downAndSelected="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260" 
+								 color.upAndSelected="0x2E4260"
+								 color.overAndSelected="0x2E4260"
+								 color.downAndSelected="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="3">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x557FB5" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D" 
+								 color.upAndSelected="0x344E6D"
+								 color.overAndSelected="0x496D98"
+								 color.downAndSelected="0x344E6D"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 color.upAndSelected="0x3E5A80"
+								 color.overAndSelected="0x577EB3"
+								 color.downAndSelected="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" 
+			topLeftRadiusX="0" topRightRadiusX="2" bottomLeftRadiusX="0" bottomRightRadiusX="2">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x426089" 
+								 color.down="0x263852" 
+								 color.upAndSelected="0x263852" 
+								 color.overAndSelected="0x263852"
+								 color.downAndSelected="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x304663" 
+								 color.down="0x2E4260" 
+								 color.upAndSelected="0x2E4260"
+								 color.overAndSelected="0x2E4260"
+								 color.downAndSelected="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" 
+			topLeftRadiusX="0" topRightRadiusX="1" bottomLeftRadiusX="0" bottomRightRadiusX="1">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x446690" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 color.upAndSelected="0x2B405C"
+								 color.overAndSelected="0x2B405C"
+								 color.downAndSelected="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563" 
+								 color.upAndSelected="0x2F4563"
+								 color.overAndSelected="0x2F4563"
+								 color.downAndSelected="0x2F4563"
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x3D5A80" 
+								 color.down="0x354D6F" 
+								 color.upAndSelected="0x354D6F"
+								 color.overAndSelected="0x354D6F"
+								 color.downAndSelected="0x354D6F"
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867" 
+								 color.upAndSelected="0x314867"
+								 color.overAndSelected="0x314867"
+								 color.downAndSelected="0x314867"
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>	
+	
+	<!-- layer 2: text -->
+	<!--- The defines the appearance of the label for the first button in the ButtonBar component. -->
+	<s:Label id="labelDisplay"
+			 textAlign="center"
+			 verticalAlign="middle"
+			 lineBreak="explicit"
+			 horizontalCenter="0" verticalCenter="1"
+			 left="10" right="10" top="2" bottom="2">
+	</s:Label>
+	
+</s:Skin>
\ No newline at end of file

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarMiddleButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarMiddleButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarMiddleButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarMiddleButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,161 @@
+<?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.
+
+-->
+<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"
+	  minWidth="22" minHeight="22"
+	  alpha.disabledStates="0.5">
+
+	<!-- host component -->
+	<fx:Metadata>
+	    <![CDATA[ 
+		/** 
+		 * @copy spark.skins.default.ApplicationSkin#hostComponent
+		 */
+		[HostComponent("spark.components.ToggleButton")]
+	    ]]>
+	</fx:Metadata>
+	
+	<!-- 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>
+	
+	<!-- Layer 1: border -->
+	<s:Rect 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" 
+								 color.upAndSelected="0x263852"
+								 color.overAndSelected="0x263852"
+								 color.downAndSelected="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260" 
+								 color.upAndSelected="0x2E4260"
+								 color.overAndSelected="0x2E4260"
+								 color.downAndSelected="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" 
+								 color.upAndSelected="0x344E6D"
+								 color.overAndSelected="0x496D98"
+								 color.downAndSelected="0x344E6D"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 color.upAndSelected="0x3E5A80"
+								 color.overAndSelected="0x577EB3"
+								 color.downAndSelected="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" 
+								 color.upAndSelected="0x263852" 
+								 color.overAndSelected="0x263852"
+								 color.downAndSelected="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x304663" 
+								 color.down="0x2E4260" 
+								 color.upAndSelected="0x2E4260"
+								 color.overAndSelected="0x2E4260"
+								 color.downAndSelected="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"
+								 color.upAndSelected="0x2B405C"
+								 color.overAndSelected="0x2B405C"
+								 color.downAndSelected="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563" 
+								 color.upAndSelected="0x2F4563"
+								 color.overAndSelected="0x2F4563"
+								 color.downAndSelected="0x2F4563"
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x3D5A80" 
+								 color.down="0x354D6F" 
+								 color.upAndSelected="0x354D6F"
+								 color.overAndSelected="0x354D6F"
+								 color.downAndSelected="0x354D6F"
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867" 
+								 color.upAndSelected="0x314867"
+								 color.overAndSelected="0x314867"
+								 color.downAndSelected="0x314867"
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>	
+	
+	<!-- layer 2: text -->
+	<!--- The defines the appearance of the label(s) for the middle button(s) in the ButtonBar component. -->
+	<s:Label id="labelDisplay"
+             textAlign="center"
+             verticalAlign="middle"
+             lineBreak="explicit"
+			 horizontalCenter="0" verticalCenter="1"
+			 left="10" right="10" top="2" bottom="2">
+	</s:Label>
+	
+</s:Skin>
\ No newline at end of file

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,75 @@
+<?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 buttons on the ButtonBar component
+	use the ButtonBarLastButtonSkin, ButtonBarFirstButtonSkin and ButtonBarMiddleButtonSkin classes. -->
+<s:Skin 
+	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark"
+	alpha.disabled="0.5">
+	
+	 <fx:Metadata>
+        [HostComponent("spark.components.ButtonBar")]
+    </fx:Metadata> 
+    
+    <s:states>
+    	<s:State name="normal" />
+    	<s:State name="disabled" />
+    </s:states>
+    
+	<fx:Declarations>
+		<!--- 
+			Specifies the skin class for the first button on the ButtonBar.
+			@default spark.skins.default.ButtonBarFirstButtonSkin
+		-->
+		 <!-- custom theme - set path to theme's skin MXML files: cobalt.skins.xxxSkin -->
+		<fx:Component id="firstButton">
+			<s:ButtonBarButton skinClass="cobalt.skins.ButtonBarFirstButtonSkin"/>
+		</fx:Component>
+
+		<!--- 
+			Specifies the skin class for the middle button(s) on the ButtonBar.
+			@default spark.skins.default.ButtonBarMiddleButtonSkin
+		-->
+		  <!-- custom theme - set path to theme's skin MXML files: cobalt.skins.xxxSkin -->
+		<fx:Component id="middleButton" >
+			<s:ButtonBarButton skinClass="cobalt.skins.ButtonBarMiddleButtonSkin" />
+		</fx:Component>
+
+		<!--- 
+			Specifies the skin class for the last button on the ButtonBar.
+			@default spark.skins.default.ButtonBarLastButtonSkin
+		-->
+		  <!-- custom theme - set path to theme's skin MXML files: cobalt.skins.xxxSkin -->
+		<fx:Component id="lastButton" >
+			<s:ButtonBarButton skinClass="cobalt.skins.ButtonBarLastButtonSkin" />
+		</fx:Component>
+
+	</fx:Declarations>
+
+	<!--- 
+		@copy spark.components.SkinnableDataContainer#dataGroup
+	-->
+	<s:DataGroup id="dataGroup" width="100%" height="100%">
+	    <s:layout>
+	    	<s:ButtonBarHorizontalLayout gap="0"/>
+	    </s:layout>
+    </s:DataGroup>
+
+</s:Skin>
\ No newline at end of file

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,136 @@
+<?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 Button 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" minWidth="21" minHeight="24" alpha.disabled="0.5">
+
+	<!-- host component -->
+	<fx:Metadata>
+	    <![CDATA[ 
+		/** 
+		 * @copy spark.skins.default.ApplicationSkin#hostComponent
+		 */
+		[HostComponent("spark.components.Button")]
+	    ]]>
+	</fx:Metadata>
+	
+	<!-- states -->
+	<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" radiusX="4">
+		<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" radiusX="3">
+		<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" radiusX="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" radiusX="1">
+		<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>
+	
+	<!-- layer 5: text -->
+	<!--- 
+		@copy spark.components.supportClasses.ButtonBase#labelDisplay
+	-->
+	<s:Label id="labelDisplay"
+	         textAlign="center"
+             verticalAlign="middle"
+             lineBreak="toFit"
+			 maxDisplayedLines="1"
+			 horizontalCenter="0" verticalCenter="1"
+			 left="10" right="10" top="2" bottom="2"
+			 >
+	</s:Label>
+	
+</s:Skin>
\ No newline at end of file

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/CheckBoxSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/CheckBoxSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/CheckBoxSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/CheckBoxSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,158 @@
+<?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 CheckBox 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.CheckBox")]
+		]]>
+	</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:Rect id="border" left="0" right="0" top="0" bottom="0" radiusX="4">
+			<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" radiusX="3">
+			<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" radiusX="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" radiusX="1">
+			<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>
+		<!-- checkmark dropshadow-->
+		<!-- The checkmark in the box for this skin. -->
+		<s:Path left="1" right="1" top="4" includeIn="selectedStates" id="checkDropShadow" itemCreationPolicy="immediate"
+				data="M 9.2 0.1 L 4.05 6.55 L 3.15 5.0 L 0.05 5.0 L 4.6 9.7 L 12.05 0.1 L 9.2 0.1">
+			<s:fill>
+				<!-- The solid color fill for the CheckBox's checkmark -->
+				<s:SolidColor color="0x000000" alpha="0.5"/>
+			</s:fill>
+		</s:Path>
+		<!-- checkmark -->
+		<s:Path left="1" right="1" top="3" includeIn="selectedStates" id="check" itemCreationPolicy="immediate"
+				data="M 9.2 0.1 L 4.05 6.55 L 3.15 5.0 L 0.05 5.0 L 4.6 9.7 L 12.05 0.1 L 9.2 0.1">
+			<s:fill>
+				<!-- The solid color fill for the CheckBox's checkmark -->
+				<s:SolidColor color="0xFFFFFF"/>
+			</s:fill>
+		</s:Path>
+	</s:Group>
+	<!-- Label -->
+	<s:Label id="labelDisplay"
+			 textAlign="start"
+			 verticalAlign="middle"
+			 maxDisplayedLines="1"
+			 left="18" right="0" top="3" bottom="3" verticalCenter="2" />
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,175 @@
+<?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 anchor button on a Spark ComboBox component.  
+
+    @see spark.components.ComboBox        
+    @see spark.skins.spark.ComboBoxSkin
+    
+    @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="20" minHeight="23">
+    
+    <fx:Metadata>
+        <![CDATA[ 
+        /** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+        */
+        [HostComponent("spark.components.Button")]
+        ]]>
+    </fx:Metadata> 
+    
+    
+    <!-- states -->
+    <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"
+			topLeftRadiusX="0" topRightRadiusX="4" bottomLeftRadiusX="0" bottomRightRadiusX="4">
+		<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="3">
+		<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"
+			topLeftRadiusX="0" topRightRadiusX="2" bottomLeftRadiusX="0" bottomRightRadiusX="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"
+			topLeftRadiusX="0" topRightRadiusX="1" bottomLeftRadiusX="0" bottomRightRadiusX="1">
+		<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="6" verticalCenter="1" 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="6" verticalCenter="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.9"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x293D57"
+								 ratio="1"
+								 alpha="0.9"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x2E4562"
+								 alpha="0.9"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Path>
+	<!-- Arrow overlay -->
+	<s:Path right="6" verticalCenter="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=".50"
+								 ratio="0"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".25"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".70"/>
+				<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/ComboBoxButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,164 @@
+<?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 ComboBox component. 
+The skin for the anchor button for a ComboBox component 
+is defined by the ComboBoxButtonSkin class.  The skin for the text input
+is defined by the ComboBoxTextInputSkin class.
+
+@see spark.components.ComboBox        
+@see spark.skins.spark.ComboBoxButtonSkin
+
+@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=".5"> 
+	
+	<!-- host component -->
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.ComboBox")]
+		]]>
+	</fx:Metadata> 
+	
+	<fx:Script fb:purpose="styling">
+		<![CDATA[       
+			private var paddingChanged:Boolean;
+			private var cornerRadiusChanged:Boolean;
+			private var cornerRadius:Number = 0;            
+			
+			/**
+			 *  @private
+			 */
+			override protected function commitProperties():void
+			{
+				super.commitProperties();
+				
+				if (paddingChanged && textInput)
+				{
+					// Push padding styles into the textDisplay
+					var padding:Number;
+					
+					padding = getStyle("paddingLeft");
+					if (textInput.getStyle("paddingLeft") != padding)
+						textInput.setStyle("paddingLeft", padding);
+					
+					padding = getStyle("paddingTop");
+					if (textInput.getStyle("paddingTop") != padding)
+						textInput.setStyle("paddingTop", padding);
+					
+					padding = getStyle("paddingRight");
+					if (textInput.getStyle("paddingRight") != padding)
+						textInput.setStyle("paddingRight", padding);
+					
+					padding = getStyle("paddingBottom");
+					if (textInput.getStyle("paddingBottom") != padding)
+						textInput.setStyle("paddingBottom", padding);
+					paddingChanged = false;
+				}
+				
+				if (cornerRadiusChanged)
+				{
+					cornerRadiusChanged = false;
+					
+					/* var cr:Number = getStyle("cornerRadius");
+					
+					if (openButton)
+					openButton.setStyle("cornerRadius", cr);
+					if (textInput)
+					textInput.setStyle("cornerRadius", cr); */
+				}
+			}
+		
+		]]>
+	</fx:Script>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="open" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<!--- 
+	The PopUpAnchor control that opens the drop-down list. 
+	-->
+	<s:PopUpAnchor id="popUp"  displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
+				   left="0" right="0" top="0" bottom="0" itemDestructionPolicy="auto"
+				   popUpPosition="below" popUpWidthMatchesAnchorWidth="true">
+		
+		<!--- 
+		The drop down area of the skin. 
+		This includes borders, background colors, scrollers, and filters. 
+		-->
+		<s:Group id="dropDown" maxHeight="134" minHeight="22" >
+			
+			<!-- drop shadow -->
+			<s:RectangularDropShadow id="dropShadow" blurX="20" blurY="20" alpha="0.6" distance="5" 
+									 angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+			
+			<!-- border -->
+			<s:Rect id="border" left="0" right="0" top="0" bottom="0">
+				<s:stroke>
+					<s:SolidColorStroke id="borderStroke" weight="1"/>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- fill -->
+			<!---  
+			Defines the appearance of drop-down list's background fill.
+			-->
+			<s:Rect id="background" left="1" right="1" top="1" bottom="1" >
+				<s:fill>
+					<!---  
+					The color of the drop down's background fill.
+					The default color is 0xFFFFFF.
+					-->
+					<s:SolidColor id="bgFill" color="0xFFFFFF" />
+				</s:fill>
+			</s:Rect>
+			
+			<s:Scroller id="scroller" left="0" top="0" right="0" bottom="0" hasFocusableChildren="false" minViewportInset="1">
+				<!---  
+				The container for the data items in the drop-down list.
+				-->
+				<s:DataGroup id="dataGroup" itemRenderer="cobalt.skins.DefaultItemRenderer">
+					<s:layout>
+						<s:VerticalLayout gap="0" horizontalAlign="contentJustify"/>
+					</s:layout>
+				</s:DataGroup> 
+			</s:Scroller>
+		</s:Group>
+	</s:PopUpAnchor>
+	
+	<!--- The anchor button used by the ComboBox. The default skin is ComboBoxButtonSkin. -->
+	<s:Button id="openButton" width="20" right="0" top="0" bottom="0" focusEnabled="false"
+			  skinClass="cobalt.skins.ComboBoxButtonSkin" />  
+	<!--- The text input area of the ComboBox. -->
+	<s:TextInput id="textInput"
+				 left="0" right="19" top="0" bottom="0" 
+				 skinClass="cobalt.skins.ComboBoxTextInputSkin"/> 
+	
+</s:Skin>
+

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxTextInputSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxTextInputSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxTextInputSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxTextInputSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,156 @@
+<?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 textInput of a Spark ComboBox 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
+         */
+        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+        {
+            if (getStyle("borderVisible") == true)
+            {
+                textDisplay.left = textDisplay.top = textDisplay.right = textDisplay.bottom = 1;
+            }
+            else
+            {
+                textDisplay.left = textDisplay.top = textDisplay.right = textDisplay.bottom = 0;
+            }
+
+            super.updateDisplayList(unscaledWidth, unscaledHeight);
+        }
+
+        /**
+         *  @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/ComboBoxTextInputSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,45 @@
+<?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.
+
+-->
+
+
+<skins:ButtonSkin 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:skins="cobalt.skins.*">
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+	</fx:Declarations>
+	
+	<fx:Script>
+		<![CDATA[
+			static private var colorTransform:ColorTransform= new ColorTransform();
+			
+			override protected function initializationComplete():void
+			{
+				colorTransform.redOffset = 25;
+				colorTransform.blueOffset = 25;
+				colorTransform.greenOffset = 25;
+				transform.colorTransform = colorTransform;
+				super.initializationComplete();
+			}
+			
+		]]>
+	</fx:Script>
+	
+</skins:ButtonSkin>

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultComplexItemRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultComplexItemRenderer.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultComplexItemRenderer.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultComplexItemRenderer.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,83 @@
+<?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 DefaultComplexItemRenderer class.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<s:states>
+		<s:State name="normal"/>            
+		<s:State name="hovered"/>
+		<s:State name="selected"/>
+		<s:State name="normalAndShowsCaret"/>
+		<s:State name="hoveredAndShowsCaret"/>
+		<s:State name="selectedAndShowsCaret"/>
+	</s:states>
+	
+	<fx:Script>
+		<![CDATA[
+			
+			import mx.core.IVisualElement; 
+			
+			[Bindable("dataChanged")]
+			override public function set data(value:Object):void
+			{
+				super.data = value;
+				
+				//First lets remove everything from the contentGroup
+				contentGroup.removeAllElements();
+				
+				//Then add the new items anew 
+				if (value is Array)
+				{
+					for (var i:int = 0; i < value.length; i++)
+					{
+						contentGroup.addElement(IVisualElement(value[i]));
+					}
+				}
+				else if (value is IVisualElement)
+				{
+					contentGroup.addElement(IVisualElement(value));
+				}
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:fill>
+			<s:SolidColor 
+				color.normal="0xFFFFFF"
+				color.normalAndShowsCaret="0xFFFFFF" 
+				color.hovered="0x333333"
+				color.hoveredAndShowsCaret="0x333333"
+				color.selected="0x333333"
+				color.selectedAndShowsCaret="0x333333"
+				/>
+		</s:fill>
+	</s:Rect>
+	<s:Group id="contentGroup" verticalCenter="0" left="2" right="2" top="2" bottom="2" />
+	
+</s:ItemRenderer>

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultItemRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultItemRenderer.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultItemRenderer.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultItemRenderer.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,50 @@
+<?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 DefaultItemRenderer class. -->
+<s:ItemRenderer focusEnabled="false" 
+				xmlns:fx="http://ns.adobe.com/mxml/2009" 
+				xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<s:states>
+		<s:State name="normal" />            
+		<s:State name="hovered" />
+		<s:State name="selected" />
+		<s:State name="normalAndShowsCaret"/>
+		<s:State name="hoveredAndShowsCaret"/>
+		<s:State name="selectedAndShowsCaret"/>
+	</s:states>
+	
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:fill>
+			<s:SolidColor 
+				color.normal="0xFFFFFF"
+				color.normalAndShowsCaret="0xFFFFFF" 
+				color.hovered="0xcccccc"
+				color.hoveredAndShowsCaret="0xcccccc"
+				color.selected="0xD1E5F2"
+				color.selectedAndShowsCaret="0x666666"
+				/>
+		</s:fill>
+	</s:Rect>
+	<s:Label id="labelDisplay" verticalCenter="0" left="3" right="3" top="6" bottom="4"/>
+	
+</s:ItemRenderer>

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

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

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DropDownListButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DropDownListButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DropDownListButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DropDownListButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,171 @@
+<?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 anchor button on a Spark DropDownList component.  
+
+@see spark.components.DropDownList        
+@see spark.skins.spark.DropDownListSkin
+
+@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" minWidth="21" minHeight="24">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+	
+	<!-- states -->
+    <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" radiusX="4">
+		<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" radiusX="3">
+		<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" radiusX="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" radiusX="1">
+		<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" 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>
+	<!-- Arrow -->
+	<s:Path right="8" verticalCenter="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.9"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x293D57"
+								 ratio="1"
+								 alpha="0.9"/>
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xFFFFFF" 
+								 color.down="0x2E4562"
+								 alpha="0.9"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Path>
+	<!-- Arrow overlay -->
+	<s:Path right="8" verticalCenter="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=".50"
+								 ratio="0"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".25"/>
+				<s:GradientEntry color="0xffffff" 
+								 alpha="1.0"
+								 ratio=".70"/>
+				<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/DropDownListButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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



Mime
View raw message