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 [16/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/graphite/src/graphite/skins/NumericStepperSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/NumericStepperSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/NumericStepperSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/NumericStepperSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,110 @@
+<?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 NumericStepper component. The skin for the text input field on a NumericStepper
+component is defined by the NumericStepperTextInputSkin 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"
+      xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minHeight="23" minWidth="40" 
+      alpha.disabled="0.5">
+
+    <fx:Metadata>
+    <![CDATA[ 
+    /** 
+     * @copy spark.skins.spark.ApplicationSkin#hostComponent
+     */
+        [HostComponent("spark.components.NumericStepper")]
+    ]]>
+    </fx:Metadata> 
+	<fx:Script fb:purpose="styling">
+		
+		private var cornerRadiusChanged:Boolean;
+		private var borderStylesChanged:Boolean;
+		
+		/**
+		 *  @private
+		 */
+		override protected function commitProperties():void
+		{
+			super.commitProperties();
+			
+			if (cornerRadiusChanged)
+			{
+				var cr:Number = getStyle("cornerRadius");
+				if (incrementButton)
+					incrementButton.setStyle("cornerRadius", cr);
+				if (decrementButton)
+					decrementButton.setStyle("cornerRadius", cr);
+				cornerRadiusChanged = false;
+			}
+			
+			if (borderStylesChanged)
+			{
+				textDisplay.setStyle("borderAlpha", getStyle("borderAlpha"));
+				textDisplay.setStyle("borderColor", getStyle("borderColor"));
+				textDisplay.setStyle("borderVisible", getStyle("borderVisible"));
+				borderStylesChanged = false;
+			}
+		}
+		
+		/**
+		 *  @private
+		 */
+		override public function styleChanged(styleProp:String):void
+		{
+			super.styleChanged(styleProp);
+			
+			if (!styleProp || styleProp == "cornerRadius")
+			{
+				cornerRadiusChanged = true;
+				invalidateProperties();
+			}
+			
+			if (!styleProp || styleProp.indexOf("border") == 0)
+			{
+				borderStylesChanged = true;
+				invalidateProperties();
+			}
+		}
+	</fx:Script>
+    
+    <s:states>
+        <s:State name="normal" />
+        <s:State name="disabled" />
+    </s:states>
+
+    <!--- Defines the appearance of the NumericStepper component's up button. The default class is SpinnerIncrementButtonSkin. -->
+    <s:Button id="incrementButton" right="0" top="0" height="50%" 
+              skinClass="graphite.skins.SpinnerIncrementButtonSkin" />
+    <!--- Defines the appearance of the NumericStepper component's down button. The default class is SpinnerDecrementButtonSkin. -->
+    <s:Button id="decrementButton" right="0" bottom="0" height="50%" 
+              skinClass="graphite.skins.SpinnerDecrementButtonSkin" />
+                           
+    <!--- Defines the appearance of the NumericStepper component's TextInput subcomponent. The default class is NumericStepperTextInputSkin. -->
+    <s:TextInput id="textDisplay" left="0" top="0" right="18" bottom="0"
+        skinClass="graphite.skins.NumericStepperTextInputSkin" />
+        
+</s:Skin>
\ No newline at end of file

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/NumericStepperTextInputSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/NumericStepperTextInputSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/NumericStepperTextInputSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/NumericStepperTextInputSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,107 @@
+<?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 text input field of a Spark NumericStepper 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.TextInput")]
+    ]]>
+    </fx:Metadata> 
+    
+    <fx:Script fb:purpose="styling">
+        
+        /**
+         * @private
+         */
+        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+        {
+            if (getStyle("borderVisible") == true)
+            {
+                border.visible = true;
+                shadow.visible = true;
+                background.left = background.top = background.right = background.bottom = 1;
+                textDisplay.left = textDisplay.top = textDisplay.right = textDisplay.bottom = 1;
+            }
+            else
+            {
+                border.visible = false;
+                shadow.visible = false;
+                background.left = background.top = background.right = background.bottom = 0;
+                textDisplay.left = textDisplay.top = textDisplay.right = textDisplay.bottom = 0;
+            }
+            
+            borderStroke.color = getStyle("borderColor");
+            borderStroke.alpha = getStyle("borderAlpha");
+            
+            super.updateDisplayList(unscaledWidth, unscaledHeight);
+        }
+    </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>
+    
+    <!-- border --> 
+    <s:Rect left="0" right="0" top="0" bottom="0" id="border">
+        <s:stroke>            
+            <s:SolidColorStroke id="borderStroke" weight="1" />
+        </s:stroke>
+    </s:Rect>
+
+    <!-- fill -->
+    <!--- Defines the appearance of the NumericStepper component's background. -->
+    <s:Rect id="background" left="1" right="1" top="1" bottom="1">
+        <s:fill>
+        <!--- Defines the background fill of the NumericStepper component's background. -->
+            <s:SolidColor id="bgFill" color="0xFFFFFF" />
+        </s:fill>
+    </s:Rect>
+    
+    <!-- shadow -->
+    <s:Rect left="1" top="1" right="1" height="1" id="shadow">
+        <s:fill>
+            <s:SolidColor color="0x000000" alpha="0.12" />
+        </s:fill>
+    </s:Rect>
+    
+    <!-- text -->
+    <s:RichEditableText id="textDisplay"
+              lineBreak="explicit"
+              verticalAlign="middle"
+              multiline="false"
+              left="1" right="1" top="1" bottom="1" 
+              paddingLeft="3" paddingTop="6"
+              paddingRight="6" paddingBottom="3"/>
+
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/PanelSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/PanelSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/PanelSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/PanelSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,227 @@
+<?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: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> 
+    
+    <fx:Script fb:purpose="styling">
+        /**
+         * @private
+         */
+        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+        {
+            if (getStyle("borderVisible") == true)
+            {
+                border.visible = true;
+                background.left = background.top = background.right = background.bottom = 1;
+                contents.left = contents.top = contents.right = contents.bottom = 1;
+            }
+            else
+            {
+                border.visible = false;
+                background.left = background.top = background.right = background.bottom = 0;
+                contents.left = contents.top = contents.right = contents.bottom = 0;
+            }
+            
+            dropShadow.visible = getStyle("dropShadowVisible");
+            
+            var cr:Number = getStyle("cornerRadius");
+            
+            if (cornerRadius != cr)
+            {
+                cornerRadius = cr;
+                
+                var withControls:Boolean = 
+                    (currentState == "disabledWithControlBar" || 
+                     currentState == "normalWithControlBar");
+                
+                dropShadow.tlRadius = cornerRadius;
+                dropShadow.trRadius = cornerRadius;
+                dropShadow.blRadius = withControls ? cornerRadius : 0;
+                dropShadow.brRadius = withControls ? cornerRadius : 0;
+                
+                setPartCornerRadii(topMaskRect, withControls); 
+                setPartCornerRadii(border, withControls); 
+                setPartCornerRadii(background, withControls);                
+            }
+            
+            if (bottomMaskRect) setPartCornerRadii(bottomMaskRect, withControls); 
+            
+            borderStroke.color = getStyle("borderColor");
+            borderStroke.alpha = getStyle("borderAlpha");
+            backgroundFill.color = getStyle("backgroundColor");
+            backgroundFill.alpha = getStyle("backgroundAlpha");
+            
+            super.updateDisplayList(unscaledWidth, unscaledHeight);
+        }
+		
+        
+        /**
+         * @private
+         */  
+        private function setPartCornerRadii(target:Rect, includeBottom:Boolean):void
+        {            
+            target.topLeftRadiusX = cornerRadius;
+            target.topRightRadiusX = cornerRadius;
+            target.bottomLeftRadiusX = includeBottom ? cornerRadius : 0;
+            target.bottomRightRadiusX = includeBottom ? cornerRadius : 0;
+        }
+        
+        private var cornerRadius:Number;
+    </fx:Script>
+    
+    <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"/>
+    
+    <!-- drop shadow can't be hittable so all other graphics go in this group -->
+    <s:Group left="0" right="0" top="0" bottom="0">
+        
+        <!-- top group mask -->
+        <s:Group left="3" top="3" right="3" bottom="3" id="topGroupMask" >
+            <s:Rect id="topMaskRect" left="0" top="0" right="0" bottom="0">
+                <s:fill>
+                    <s:SolidColor alpha="1"/>
+                </s:fill>
+            </s:Rect>
+        </s:Group>
+        
+        <!-- bottom group mask -->
+        <s:Group left="0" top="0" right="0" bottom="0" id="bottomGroupMask" 
+                 includeIn="normalWithControlBar, disabledWithControlBar">
+            <s:Rect id="bottomMaskRect" left="0" top="0" right="0" bottom="0">
+                <s:fill>
+                    <s:SolidColor alpha="1"/>
+     			</s:fill>
+            </s:Rect>
+        </s:Group>
+        
+        <!-- layer 1: 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>
+        
+        <!-- layer 2: background fill -->
+        <!--- Defines the appearance of the PanelSkin class's background. -->
+        <s:Rect id="background" left="1" top="1" right="1" bottom="1">
+            <s:fill>
+                <!-- Defines the  PanelSkin class's background fill. The default color is 0xFFFFFF. -->
+                <s:SolidColor id="backgroundFill" />
+            </s:fill>
+        </s:Rect>
+        
+        <!-- layer 3: contents -->
+        <!--- contains the vertical stack of titlebar content and controlbar -->
+        <s:Group left="1" right="1" top="1" bottom="1" id="contents">
+            <s:layout>
+                <s:VerticalLayout gap="0" horizontalAlign="justify" />
+            </s:layout>
+            
+            <s:Group id="topGroup" mask="{topGroupMask}">
+                
+                <!-- layer 0: title bar fill -->
+                <s:Rect id="tbFill" left="0" right="0" top="0" bottom="0">
+                    <s:fill>
+                        <s:LinearGradient rotation="90">
+                            <s:GradientEntry color="0x696a69" />
+                            <s:GradientEntry color="0x282828" />
+                        </s:LinearGradient>
+                    </s:fill>
+                </s:Rect>
+                
+                <!-- layer 3: text -->
+                <!--- Defines the appearance of the PanelSkin class's title bar. -->
+                <s:Label id="titleDisplay" maxDisplayedLines="1"
+                         left="9" right="3" top="1" bottom="0" minHeight="30"
+                         verticalAlign="middle" fontWeight="bold">
+                </s:Label>
+            </s:Group>
+            
+            <!--
+            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 0: control bar divider line -->
+                    <s:Rect left="0" right="0" top="0" height="1" alpha="0.22">
+                        <s:fill>
+                            <s:SolidColor color="0x000000" />
+                        </s:fill>
+                    </s:Rect>
+                    
+                    <!-- layer 1: control bar highlight -->
+                    <s:Rect left="0" right="0" top="1" bottom="0">
+                        <s:stroke>
+							<s:SolidColorStroke color="0x282828" />
+                        </s:stroke>
+                    </s:Rect>
+                    
+                    <!-- layer 2: control bar fill -->
+                    <s:Rect left="1" right="1" top="2" bottom="1">
+						<s:fill>
+							<s:SolidColor color="0x696a69" />
+						</s:fill>
+                    </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:Group>
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/RadioButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/RadioButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/RadioButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/RadioButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,114 @@
+<?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" width="13" height="13">
+        <!--border-->
+		<s:Ellipse left="0" top="0" right="0" bottom="0">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x7B7C7B" 
+									 color.overStates="0xBFBFBF" 
+									 color.downStates="0xBFBFBF" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x7B7C7B" 
+									 color.overStates="0x7B7C7B" 
+									 color.downStates="0x7B7C7B" 
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Ellipse>
+		
+        <!-- fill -->
+        <s:Ellipse left="2" top="2" right="2" bottom="2">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x6A6B6A" 
+									 color.overStates="0x6A6B6A" 
+									 color.downStates="0xA0A0A0" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x282828" 
+									 color.overStates="0x282828" 
+									 color.downStates="0x787878"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+        </s:Ellipse>        
+        
+        <!-- dot -->
+    <!--- Defines the appearance of the RadioButton's dot. To customize the appearance of the dot, create a custom RadioButtonSkin class. -->
+       <s:Path left="4" top="4" includeIn="selectedStates" id="dot" itemCreationPolicy="immediate"
+             data="M 2.5 0 Q 4.5 0.5 5 2.5 Q 4.5 4.5 2.5 5 Q 0.5 4.5 0 2.5 Q 0.5 0.5 2.5 0">
+           <s:fill>
+        <!--- Defines the appearance of the dot's fill. The default color is 0x000000. The default alpha is .9. -->
+               <s:SolidColor id="dotFill" color="0xFFFFFF" alpha="0.4" />
+           </s:fill>
+       </s:Path>
+
+    </s:Group>
+
+    <!-- Label -->
+    <!--- Defines the text next to the dot in a RadioButton component.-->
+    <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/graphite/src/graphite/skins/RadioButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarDownButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarDownButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarDownButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarDownButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,93 @@
+<?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 down 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="0x7B7C7B" 
+										 color.over="0xBFBFBF" 
+										 color.down="0xBFBFBF" 
+										 alpha="1.0" />
+						<s:GradientEntry color="0x7B7C7B" 
+										 color.over="0x7B7C7B" 
+										 color.down="0x7B7C7B" 
+										 alpha="1.0" />
+					</s:LinearGradient>
+				</s:fill>
+			</s:Rect>
+			<!-- Layer 2: innerFill -->
+			<s:Rect id="innerFill" left="2" right="2" top="2" bottom="2" width="11" height="11">
+				<s:fill>
+					<s:LinearGradient rotation="90">
+						<s:GradientEntry color="0x6A6B6A" 
+										 color.over="0x6A6B6A" 
+										 color.down="0xA0A0A0" 
+										 alpha="1.0" />
+						<s:GradientEntry color="0x282828" 
+										 color.over="0x282828" 
+										 color.down="0x787878"
+										 alpha="1.0" />
+					</s:LinearGradient>
+				</s:fill>
+			</s:Rect>
+    
+    <!-- arrow -->
+    <!--- Defines the appearance of the down arrow in the ScrollBar component. -->
+    <s:Path horizontalCenter="0" verticalCenter="0" id="arrow"
+			data="M 7.03 0.5 C 7.43 0.9 7.43 1.55 7.03 1.95 L 4.64 4.34 C 4.24 4.74 3.59 4.74 3.19 4.34 L 0.8 1.95 C 0.4 1.55 0.4 0.9 0.8 0.5 L 7.03 0.5 Z">
+        <s:fill>
+            <s:RadialGradient rotation="90" focalPointRatio="1">    
+            <!--- Defines the first fill color in the ScrollBar component's down arrow. -->
+                <s:GradientEntry id="arrowFill1" color="0xCECECE" alpha="1.0" />
+            <!--- Defines the second fill color in the ScrollBar component's down arrow. -->
+                <s:GradientEntry id="arrowFill2" color="0xCECECE" alpha="1.0" />
+            </s:RadialGradient>
+        </s:fill>
+    </s:Path>            
+    
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarLeftButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarLeftButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarLeftButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarLeftButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,93 @@
+<?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 left 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="0x7B7C7B" 
+								 color.over="0xBFBFBF" 
+								 color.down="0xBFBFBF" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x7B7C7B" 
+								 color.over="0x7B7C7B" 
+								 color.down="0x7B7C7B" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerFill -->
+	<s:Rect id="innerFill" left="2" right="2" top="2" bottom="2" width="11" height="11">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x6A6B6A" 
+								 color.over="0x6A6B6A" 
+								 color.down="0xA0A0A0" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x282828" 
+								 color.over="0x282828" 
+								 color.down="0x787878"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+    
+    <!-- arrow -->
+    <!--- Defines the appearance of the left arrow in the ScrollBar component. -->
+    <s:Path horizontalCenter="-1" verticalCenter="0" id="arrow"
+			data="M 4.648 7.03 C 4.248 7.43 3.597 7.43 3.198 7.03 L 0.807 4.64 C 0.398 4.24 0.398 3.59 0.807 3.19 L 3.198 0.8 C 3.597 0.4 4.248 0.4 4.648 0.8 L 4.648 7.03 Z">
+		<s:fill>
+			<s:RadialGradient rotation="90" focalPointRatio="1">    
+				<!--- Defines the first fill color in the ScrollBar component's up arrow. -->
+				<s:GradientEntry id="arrowFill1" color="0xCECECE" alpha="1.0" />
+				<!--- Defines the second fill color in the ScrollBar component's up arrow. -->
+				<s:GradientEntry id="arrowFill2" color="0xCECECE" alpha="1.0" />
+			</s:RadialGradient>
+		</s:fill>
+    </s:Path>            
+ 
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarRightButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarRightButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarRightButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarRightButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,94 @@
+<?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 right 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="0x7B7C7B" 
+								 color.over="0xBFBFBF" 
+								 color.down="0xBFBFBF" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x7B7C7B" 
+								 color.over="0x7B7C7B" 
+								 color.down="0x7B7C7B" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- Layer 2: innerFill -->
+	<s:Rect id="innerFill" left="2" right="2" top="2" bottom="2" width="11" height="11">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x6A6B6A" 
+								 color.over="0x6A6B6A" 
+								 color.down="0xA0A0A0" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x282828" 
+								 color.over="0x282828" 
+								 color.down="0x787878"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+    
+    <!-- arrow -->
+    <!--- Defines the appearance of the right arrow in the ScrollBar component. -->
+    <s:Path horizontalCenter="1" verticalCenter="0" id="arrow"
+			data="M 0.5 0.8 C 0.91 0.4 1.56 0.4 1.96 0.8 L 4.35 3.19 C 4.75 3.59 4.75 4.24 4.35 4.64 L 1.96 7.03 C 1.56 7.43 0.91 7.43 0.5 7.03 L 0.5 0.8 Z">
+		<s:fill>
+			<s:RadialGradient rotation="90" focalPointRatio="1">    
+				<!--- Defines the first fill color in the ScrollBar component's down arrow. -->
+				<s:GradientEntry id="arrowFill1" color="0xCECECE" alpha="1.0" />
+				<!--- Defines the second fill color in the ScrollBar component's down arrow. -->
+				<s:GradientEntry id="arrowFill2" color="0xCECECE" alpha="1.0" />
+			</s:RadialGradient>
+		</s:fill>
+    </s:Path>            
+    
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarUpButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarUpButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarUpButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollBarUpButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,92 @@
+<?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="0x7B7C7B" 
+								 color.over="0xBFBFBF" 
+								 color.down="0xBFBFBF" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x7B7C7B" 
+								 color.over="0x7B7C7B" 
+								 color.down="0x7B7C7B" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerFill -->
+	<s:Rect id="innerFill" left="2" right="2" top="2" bottom="2" width="11" height="11">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x6A6B6A" 
+								 color.over="0x6A6B6A" 
+								 color.down="0xA0A0A0" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x282828" 
+								 color.over="0x282828" 
+								 color.down="0x787878"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+
+    <!-- arrow -->
+    <!--- Defines the appearance of the up arrow in the ScrollBar component. -->
+    <s:Path horizontalCenter="0" verticalCenter="0" id="arrow"
+			data="M 0.8 4.64 C 0.4 4.24 0.4 3.59 0.8 3.19 L 3.19 0.8 C 3.59 0.4 4.24 0.4 4.64 0.8 L 7.03 3.19 C 7.43 3.59 7.43 4.24 7.03 4.64 L 0.8 4.64 Z">
+        <s:fill>
+            <s:RadialGradient rotation="90" focalPointRatio="1">    
+            <!--- Defines the first fill color in the ScrollBar component's up arrow. -->
+                <s:GradientEntry id="arrowFill1" color="0xCECECE" alpha="1.0" />
+            <!--- Defines the second fill color in the ScrollBar component's up arrow. -->
+                <s:GradientEntry id="arrowFill2" color="0xCECECE" alpha="1.0" />
+            </s:RadialGradient>
+        </s:fill>
+    </s:Path>              
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ScrollerSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,90 @@
+<?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;
+		}
+		
+		/**
+		 *  @private
+		 */
+		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/graphite/src/graphite/skins/ScrollerSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SkinnableContainerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SkinnableContainerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SkinnableContainerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/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/graphite/src/graphite/skins/SkinnableContainerSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SkinnableDataContainerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SkinnableDataContainerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SkinnableDataContainerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/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/graphite/src/graphite/skins/SkinnableDataContainerSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerDecrementButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerDecrementButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerDecrementButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerDecrementButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,95 @@
+<?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 down 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>
+    
+    <s:Group left="0" top="0" right="0" bottom="0">
+        
+		<!-- Layer 1: border -->
+		<s:Rect id="border" left="0" right="0" top="0" bottom="0" width="18" height="16" bottomRightRadiusX="3">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x7B7C7B" 
+									 color.over="0xBFBFBF" 
+									 color.down="0xBFBFBF" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x7B7C7B" 
+									 color.over="0x7B7C7B" 
+									 color.down="0x7B7C7B" 
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- Layer 2: innerFill -->
+		<s:Rect id="innerFill" left="2" right="2" top="2" bottom="2" bottomRightRadiusX="3">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x6A6B6A" 
+									 color.over="0x6A6B6A" 
+									 color.down="0xA0A0A0" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x282828" 
+									 color.over="0x282828" 
+									 color.down="0x787878"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+    </s:Group>
+    
+    <!-- arrow -->
+    <!--- Defines the appearance of the down arrow. -->
+    <s:Path horizontalCenter="0" verticalCenter="0" 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>
+        <!--- Defines the down arrow's fill. The default color is 0x000000. The default alpha is .8. -->
+            <s:SolidColor id="arrowFill" color="0xFFFFFF" alpha="0.4" />
+			
+        </s:fill>
+    </s:Path>            
+
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerIncrementButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerIncrementButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerIncrementButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerIncrementButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,113 @@
+<?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> 
+	
+	<fx:Script fb:purpose="styling">
+	
+	
+		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
+		{
+			var cr:Number = getStyle("cornerRadius");
+			
+			if (cornerRadius != cr)
+			{
+				cornerRadius = cr;
+				
+			}
+			
+			super.updateDisplayList(unscaledWidth, unscaledHeight);
+		}
+		
+		private var cornerRadius:Number = 4;
+	</fx:Script>
+	
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over"/>
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <s:Group left="0" top="0" right="0" bottom="0">
+        
+		<!-- Layer 1: border -->
+		<s:Rect id="border" left="0" right="0" top="0" bottom="0" width="18" height="16" topRightRadiusX="3">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x7B7C7B" 
+									 color.over="0xBFBFBF" 
+									 color.down="0xBFBFBF" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x7B7C7B" 
+									 color.over="0x7B7C7B" 
+									 color.down="0x7B7C7B" 
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- Layer 2: innerFill -->
+		<s:Rect id="innerFill" left="2" right="2" top="2" bottom="2" topRightRadiusX="3">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x6A6B6A" 
+									 color.over="0x6A6B6A" 
+									 color.down="0xA0A0A0" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x282828" 
+									 color.over="0x282828" 
+									 color.down="0x787878"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+	</s:Group>
+    
+    <!-- arrow -->
+    <!--- Defines the appearance of the up arrow. -->
+    <s:Path horizontalCenter="0" 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>
+        <!--- Defines the up arrow's fill. The default color is 0x000000. The default alpha is .8. -->
+            <s:SolidColor id="arrowFill" color="0xFFFFFF" alpha="0.4" />
+        </s:fill>
+    </s:Path>            
+    
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/SpinnerSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,55 @@
+<?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 SpinnerDecrementButtonSkin and SpinnerIncrementButtonSkin classes, respectively.  
+        
+      @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" minHeight="23" minWidth="12">
+
+    <fx:Metadata>
+    <![CDATA[ 
+    /** 
+     * @copy spark.skins.spark.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 SpinnerIncrementButtonSkin. -->
+    <s:Button id="incrementButton" left="0" right="0" top="0" height="50%" 
+            skinClass="graphite.skins.SpinnerIncrementButtonSkin" /> 
+    <!--- Defines the appearance of the down button. The default skin class is SpinnerDecrementButtonSkin. -->
+    <s:Button id="decrementButton" left="0" right="0" bottom="0" height="50%"  
+            skinClass="graphite.skins.SpinnerDecrementButtonSkin" />
+
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TabBarButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TabBarButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TabBarButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TabBarButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,127 @@
+<?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;
+
+
+        private var cornerRadius:Number = 4
+       
+
+        /**
+         *  @private
+         */
+        override protected function updateDisplayList(unscaledWidth:Number, unscaleHeight:Number):void
+        {
+   
+            super.updateDisplayList(unscaledWidth, unscaledHeight);
+        }
+    </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="1" right="1" top="1" bottom="1" 
+				topLeftRadiusX="3" topRightRadiusX="3">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x7B7C7B" 
+									 color.over="0xBFBFBF" 
+									 color.down="0xBFBFBF" 
+									 color.selectedStates="0x6A6A6A"
+									 alpha="1.0" />
+					<s:GradientEntry color="0x7B7C7B" 
+									 color.over="0x7B7C7B" 
+									 color.down="0x7B7C7B" 
+									 color.selectedStates="0x7A7B7A"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 2: innerFill -->
+		<s:Rect id="innerFill" left="3" right="3" top="3" bottom="3" bottom.selectedStates="0"
+				topLeftRadiusX="2" topRightRadiusX="2">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x6A6B6A" 
+									 color.over="0x6A6B6A" 
+									 color.down="0xA0A0A0" 
+									 color.selectedStates="0x333333"
+									 alpha="1.0" />
+					<s:GradientEntry color="0x282828" 
+									 color.over="0x282828" 
+									 color.down="0x787878"
+									 color.selectedStates="0x333333"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</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">
+    </s:Label>
+    
+</s:Skin>
\ No newline at end of file

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TabBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TabBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TabBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/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="0"/>
+        </s:layout>
+        <s:itemRenderer>
+            <fx:Component>
+                <s:ButtonBarButton skinClass="graphite.skins.TabBarButtonSkin" />
+            </fx:Component>
+        </s:itemRenderer>
+    </s:DataGroup>
+    
+</s:Skin>
\ No newline at end of file

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TextAreaSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TextAreaSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TextAreaSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TextAreaSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,89 @@
+<?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>
+        <![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>
+		
+		<!-- border --> 
+		<s:Rect left="0" right="0" top="0" bottom="0" id="border">
+			<s:stroke>     
+				<s:SolidColorStroke id="borderStroke" color="0x696969" weight="1" />
+			</s:stroke>
+		</s:Rect>
+		
+		<!-- fill -->
+		<!--- Defines the appearance of the TextInput component's background. -->
+		<s:Rect id="background" left="1" right="1" top="1" bottom="1">
+			<s:fill>
+				<!--- Defines the background fill color. -->
+				<s:SolidColor id="bgFill" color="0x464646" />
+			</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"
+								lineBreak="toFit"
+								textAlign="left"
+								selectable="true"
+								verticalAlign="top"
+								paddingBottom="4"
+								paddingTop="4"
+								paddingLeft="4"
+								paddingRight="4"
+								height="125"
+								width="125"
+								maxWidth="125"
+								maxHeight="125"/>
+	    </s:Scroller>
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TextInputSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TextInputSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TextInputSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TextInputSkin.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 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>
+        <![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>
+
+    <!-- fill -->
+    <!--- Defines the appearance of the TextInput component's background. -->
+    <s:Rect id="background" left="0" right="0" top="0" bottom="0" height="18">
+		<s:stroke>     
+			<s:SolidColorStroke id="borderStroke" color="0x666666" weight="1" />
+		</s:stroke>
+        <s:fill>
+        <!--- Defines the background fill color. -->
+            <s:SolidColor id="bgFill" color="0x464646" />
+        </s:fill>
+    </s:Rect>
+    
+    <!-- text -->
+    <s:RichEditableText id="textDisplay"
+              lineBreak="explicit"
+			  textAlign="left"
+			  selectable="true"
+              verticalAlign="middle"
+              widthInChars="10"
+              left="4" right="4" top="0" bottom="0" />
+
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TitleWindowCloseButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TitleWindowCloseButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TitleWindowCloseButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TitleWindowCloseButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,129 @@
+<?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 close button of the Spark TitleWindow 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">
+	
+	<!-- host component -->
+	<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>
+	
+
+	<!--background fill-->
+	<s:Rect left="0" right="0" top="0" bottom="0" radiusX="3">
+		<s:stroke>
+			<s:LinearGradientStroke rotation="90">
+				<s:GradientEntry	color="0x7B7C7B"
+									color.over="0xBFBFBF"
+									color.down="0x7B7C7B"
+									color.disabled="0x666666"
+									alpha=".90"
+									/>
+				<s:GradientEntry 	color="0x7B7C7B"
+								  	color.over="0xBFBFBF"
+								  	color.down="0xBFBFBF"
+								  	color.disabled="0x666666"
+								 
+								  	alpha=".95" />  
+			</s:LinearGradientStroke>
+		</s:stroke>
+		<s:fill>
+			<s:LinearGradient rotation="270">
+				<s:GradientEntry color="0x282828"
+								 color.over="0x282828"
+								 color.down="0x333333"
+								 color.disabled="0x6A6B6A" />
+				<s:GradientEntry color="0x6A6B6A"
+								 color.over="0x6A6B6A"
+								 color.down="0x333333"
+								 color.disabled="0x6A6B6A" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!--close button-->
+	<s:Group left="3" top="3">
+		<s:Line x="4.5" xTo="4" y="4.5" yTo="4">
+			<s:stroke>
+				<s:SolidColorStroke color="0xCCCCCC" 
+									color.over="0xE6E6E6"
+									color.down="0x666666"
+									color.disabled="0x666666"
+									miterLimit="10" 
+									scaleMode="normal" 
+									weight="2"/>
+			</s:stroke>
+		</s:Line>
+		<s:Line x="0.5" xTo="4" y="4.5" yFrom="4">
+			<s:stroke>
+				<s:SolidColorStroke color="0xCCCCCC" 
+									color.over="0xE6E6E6"
+									color.down="0x666666"
+									color.disabled="0x666666" 
+									miterLimit="10" 
+									scaleMode="normal" 
+									weight="2"/>
+			</s:stroke>
+		</s:Line>
+		<s:Line x="0.5" xFrom="4" y="0.5" yFrom="4">
+			<s:stroke>
+				<s:SolidColorStroke color="0xCCCCCC" 
+									color.over="0xE6E6E6"
+									color.down="0x666666"
+									color.disabled="0x666666" 
+									miterLimit="10" 
+									scaleMode="normal" 
+									weight="2"/>
+			</s:stroke>
+		</s:Line>
+		<s:Line x="4.5" xFrom="4" y="0.5" yTo="4">
+			<s:stroke>
+				<s:SolidColorStroke color="0xCCCCCC" 
+									color.over="0xE6E6E6"
+									color.down="0x666666"
+									color.disabled="0x666666" 
+									miterLimit="10" 
+									scaleMode="normal" 
+									weight="2"/>
+			</s:stroke>
+		</s:Line>
+	</s:Group>
+</s:Skin>
\ No newline at end of file

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

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