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 [20/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/zen/src/zen/skins/ComboBoxSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,224 @@
+<?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); */
+                }
+            }
+            
+            /**
+             *  @private
+             */
+            override public function styleChanged(styleProp:String):void
+            {
+                super.styleChanged(styleProp);
+                
+                if (!styleProp || styleProp.indexOf("padding") == 0)
+                {
+                    paddingChanged = true;
+                    invalidateProperties();
+                }
+                if (!styleProp || styleProp == "cornerRadius")
+                {
+                    cornerRadiusChanged = true;
+                    invalidateProperties();
+                }                
+            }
+            
+            /**
+             * @private
+             */
+            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+            {
+                if (getStyle("borderVisible") == false)
+                {
+                    if (border)
+                        border.visible = false;
+                    if (background)
+                    {
+                        background.left = background.top = background.right = background.bottom = 0;
+                    }
+                    if (scroller)
+                        scroller.minViewportInset = 0;
+                }
+                else
+                {
+                    if (border)
+                        border.visible = true;
+                    if (background)
+                    {
+                        background.left = background.top = background.right = background.bottom = 1;
+                    }
+                    if (scroller)
+                        scroller.minViewportInset = 1;
+                }
+                
+                if (dropShadow)
+                    dropShadow.visible = getStyle("dropShadowVisible");
+                
+                //openButton.setStyle("cornerRadius", getStyle("cornerRadius"));
+                
+                if (borderStroke)
+                {
+                    borderStroke.color = getStyle("borderColor");
+                    borderStroke.alpha = getStyle("borderAlpha");
+                }
+                super.updateDisplayList(unscaledWidth, unscaledHeight);
+            }
+        ]]>
+    </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" color="0x82826b"/>
+                </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="0xf3f4de" />
+                </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="spark.skins.spark.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="zen.skins.ComboBoxButtonSkin" />  
+    <!--- The text input area of the ComboBox. -->
+    <s:TextInput id="textInput"
+                 left="0" right="19" top="0" bottom="0" 
+                 skinClass="zen.skins.ComboBoxTextInputSkin"/> 
+    
+</s:Skin>
+

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxTextInputSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxTextInputSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxTextInputSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ComboBoxTextInputSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,184 @@
+<?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 var cornerRadius:Number = 0;
+        
+        
+        /**
+         *  @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)
+            {
+                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");
+            
+            /* var cr:Number = getStyle("cornerRadius");
+            
+            if (cornerRadius != cr)
+            {
+                cornerRadius = cr;
+                shadow.bottomLeftRadiusX = shadow.topLeftRadiusX = cornerRadius;
+                border.bottomLeftRadiusX = border.topLeftRadiusX = cornerRadius;
+                background.bottomLeftRadiusX = background.topLeftRadiusX = cornerRadius;
+            } */
+            
+            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>
+    
+    <!-- border --> 
+    <s:Rect left="0" right="0" top="0" bottom="0" id="border">
+        <s:stroke>     
+            <s:SolidColorStroke id="borderStroke" weight="1" color="0x82826b" />
+        </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="0xf3f4de" />
+        </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"
+              widthInChars="10"
+              left="1" right="1" top="1" bottom="1" />
+
+</s:Skin>

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

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

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/DefaultComplexItemRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/DefaultComplexItemRenderer.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/DefaultComplexItemRenderer.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/DefaultComplexItemRenderer.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,76 @@
+<?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 DefaultComplexItemRenderer class is an item renderer class that 
+displays a Flex component in a Group container. 
+Each component is wrapped in its own Group container. 
+Therefore, it is useful when the children of the container 
+are visual elements, such as Flex components. .  
+
+@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" 
+				autoDrawBackground="true">
+	<!-- Setting autoDrawBackground will automatically draw the selection/rollover background rectangle for you.  
+	If you would like to customize the appearance of your item renderer even further when 
+	the item renderer is selected or hovered, you should turn this flag off and use states.  
+	For more information on this and custom item renderer examples, check out the Flex documentation.
+	-->
+	
+	<fx:Script>
+		<![CDATA[
+			
+			import mx.core.IVisualElement; 
+			
+			/**
+			 * @copy spark.components.DataRenderer#data
+			 */
+			[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>
+	
+	<!--- The container used to wrap each Flex component defined in the host component. -->
+	<s:Group id="contentGroup" verticalCenter="0" left="2" right="2" top="2" bottom="2" />
+	
+</s:ItemRenderer>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/DefaultItemRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/DefaultItemRenderer.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/DefaultItemRenderer.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/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" alpha="0.0"
+				color.normalAndShowsCaret="0xd0d1ab" 
+				color.hovered="0xd0d1ab"
+				color.hoveredAndShowsCaret="0xd0d1ab"
+				color.selected="0xa35200"
+				color.selectedAndShowsCaret="0xa35200"
+				/>
+		</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/zen/src/zen/skins/DefaultItemRenderer.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/DropDownListButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/DropDownListButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/DropDownListButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/DropDownListButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,60 @@
+<?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:fb="http://ns.adobe.com/flashbuilder/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 minWidth="21" minHeight="21">
+	
+	<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>
+    
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_upSkin')"	
+		source.over= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_overSkin')"
+		source.down= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_downSkin')"
+    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_disabledSkin')"
+		/>
+		
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/DropDownListSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/DropDownListSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/DropDownListSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/DropDownListSkin.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 Spark DropDownList component. 
+The skin for the anchor button for a DropDownList component 
+is defined by the DropDownListButtonSkin class.  
+
+@see spark.components.DropDownList        
+@see spark.skins.spark.DropDownListButtonSkin
+
+@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.DropDownList")]
+		]]>
+	</fx:Metadata> 
+	
+	<fx:Script fb:purpose="styling">
+		<![CDATA[            
+			
+			/**
+			 * @private
+			 */
+			override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+			{
+				if (getStyle("borderVisible") == false)
+				{
+					if (border)
+						border.visible = false;
+					if (background)
+					{
+						background.left = background.top = background.right = background.bottom = 0;
+					}
+					if (scroller)
+						scroller.minViewportInset = 0;
+				}
+				else
+				{
+					if (border)
+						border.visible = true;
+					if (background)
+					{
+						background.left = background.top = background.right = background.bottom = 1;
+					}
+					if (scroller)
+						scroller.minViewportInset = 1;
+				}
+				
+				if (dropShadow)
+					dropShadow.visible = getStyle("dropShadowVisible");
+				
+				openButton.setStyle("cornerRadius", getStyle("cornerRadius"));
+				
+				if (borderStroke)
+				{
+					borderStroke.color = getStyle("borderColor");
+					borderStroke.alpha = getStyle("borderAlpha");
+				}
+				super.updateDisplayList(unscaledWidth, unscaledHeight);
+			}
+		]]>
+	</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" color="0x82826b" />
+				</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="0xf3f4de" />
+				</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="zen.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 DropDownList. The default skin is DropDownListButtonSkin. -->
+	<s:Button id="openButton" left="0" right="0" top="0" bottom="0" focusEnabled="false"
+			  skinClass="zen.skins.DropDownListButtonSkin" />  
+	<!--- The prompt area of the DropDownList. -->
+	<s:Label id="labelDisplay" verticalAlign="middle" maxDisplayedLines="1" 
+			 mouseEnabled="false" mouseChildren="false"
+			 left="7" right="30" top="2" bottom="2" width="75" verticalCenter="1" color="0xEEEFC4"/> 
+	
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,73 @@
+<?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 HScrollBar component. The thumb and track skins are defined by the
+HScrollBarThumbSkin and HScrollBarTrackSkin 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" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 minWidth="35" minHeight="15" 
+			 alpha.disabled="0.5" alpha.inactive="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.HScrollBar")]
+		]]>
+	</fx:Metadata> 
+    
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="inactive" />
+	</s:states>
+    
+    <!--- Defines the skin class for the HScrollBarSkin's track. The default skin class is HScrollBarTrackSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: zen.skins.xxxSkin -->
+    <s:Button id="track" left="16" right="15" width="54"
+              focusEnabled="false"
+              skinClass="zen.skins.HScrollBarTrackSkin" />
+    <!--- Defines the skin class for the HScrollBarSkin's thumb. The default skin class is HScrollBarThumbSkin. -->
+   	<!-- when using custom theme set path to theme's skin MXML files: zen.skins.xxxSkin -->
+    <s:Button id="thumb" 
+              focusEnabled="false"
+              skinClass="zen.skins.HScrollBarThumbSkin"  />
+
+    <!--- Defines the skin class for the left button of the HScrollBarSkin. The default skin class is ScrollBarLeftButtonSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: zen.skins.xxxSkin -->
+    <s:Button id="decrementButton" left="0"
+              focusEnabled="false"
+              skinClass="zen.skins.ScrollBarLeftButtonSkin"  />
+              
+    <!--- Defines the skin class for the right button of the HScrollBarSkin. The default skin class is ScrollBarRightButtonSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: zen.skins.xxxSkin -->
+    <s:Button id="incrementButton" right="0"
+              focusEnabled="false"
+              skinClass="zen.skins.ScrollBarRightButtonSkin" />
+
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,60 @@
+<?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 thumb of a Spark HScrollBar 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:mx="library://ns.adobe.com/flex/mx"
+			 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>
+    <!-- Skin -->
+    <mx:Image left="0" right="0" top="0" bottom="0" maintainAspectRatio="false" rotation="90" minHeight="24"
+    	source.up="@Embed(source='/assets/flex_skins.swf', symbol='ScrollThumb_upSkin')"
+    	source.over="@Embed(source='/assets/flex_skins.swf', symbol='ScrollThumb_overSkin')"
+    	source.down="@Embed(source='/assets/flex_skins.swf', symbol='ScrollThumb_downSkin')"
+    />
+
+    <!-- Thumb Icon -->
+    <mx:Image horizontalCenter="0" rotation="90" top="5"
+    	source.up="@Embed(source='/assets/flex_skins.swf', symbol='ScrollBar_thumbIcon')"
+    	source.over="@Embed(source='/assets/flex_skins.swf', symbol='ScrollBar_thumbIcon')"
+    	source.down="@Embed(source='/assets/flex_skins.swf', symbol='ScrollBar_thumbIcon')"
+    />
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/HScrollBarTrackSkin.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 track on a Spark HScrollBar 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:mx="library://ns.adobe.com/flex/mx"
+			 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="down" />
+        <s:State name="over" />
+        <s:State name="disabled" />
+    </s:states>
+
+	 <!-- Skin -->
+    <mx:Image left="-2" right="-2" top="-0" bottom="0" maintainAspectRatio="false" rotation="90" minWidth="15" minHeight="15"
+    	source.disabled="@Embed(source='/assets/flex_skins.swf', symbol='ScrollTrack_disabledSkin')"
+		source.up="@Embed(source='/assets/flex_skins.swf', symbol='ScrollTrack_Skin')"
+		source.over="@Embed(source='/assets/flex_skins.swf', symbol='ScrollTrack_Skin')"
+		source.down="@Embed(source='/assets/flex_skins.swf', symbol='ScrollTrack_Skin')"
+ 		/>
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,72 @@
+<?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 HSlider component. The thumb and track skins are defined by the
+HSliderThumbSkin and HSliderTrackSkin 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:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minHeight="11" alpha.disabled="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.HSlider")]
+		]]>
+	</fx:Metadata> 
+    
+    
+    <s:states>
+    	<s:State name="normal" />
+    	<s:State name="disabled" />
+    </s:states>
+    
+    <fx:Declarations>
+	<!--- Defines the appearance of the the Slider's DataTip. To customize the DataTip's appearance, create a custom HSliderSkin class. -->
+        <fx:Component id="dataTip">    	
+			<s:DataRenderer minHeight="24" y="-34">	
+				<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+						  source= "@Embed(source='/assets/flex_skins.swf', symbol='ToolTip_borderSkin')"/>
+				
+				<s:Label id="labelDisplay" text="{data}"
+						 horizontalCenter="0" verticalCenter="1"
+						 left="5" right="5" top="5" bottom="5"
+						 textAlign="center" verticalAlign="middle"
+						 fontWeight="normal" color="0x4C2600" fontSize="11">
+				</s:Label>
+			</s:DataRenderer>
+	   </fx:Component>
+	</fx:Declarations>
+    
+    <!--- Defines the skin class for the HSliderSkin's track. The default skin class is HSliderTrackSkin. -->
+    <!-- using a graphical skin, need to increase constraints top and bottom so track does not scale to the bounding height of the thumb -->
+    <s:Button id="track" left="0" right="0" top="4" bottom="4"
+    		skinClass="zen.skins.HSliderTrackSkin"/>
+    <!--- Defines the skin class for the HSliderSkin's thumb. The default skin class is HSliderThumbSkin. -->
+    <s:Button id="thumb" top="0" bottom="0" width="11" height="11" 
+             skinClass="zen.skins.HSliderThumbSkin"/>
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderThumbSkin.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 thumb of a Spark HSlider 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:mx="library://ns.adobe.com/flex/mx"
+			 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>
+
+    <!-- Skin -->
+ 	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_disabledSkin')"
+    	source.down= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_downSkin')"
+		source.over= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_overSkin')"
+		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_upSkin')"
+    />
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/HSliderTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,62 @@
+<?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 track of a Spark HSlider 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:mx="library://ns.adobe.com/flex/mx"
+			 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="down" />
+        <s:State name="over" />
+        <s:State name="disabled" />
+    </s:states>
+
+	<!-- skin -->
+   <mx:Image top="0" left="0" bottom="0" right="0" maintainAspectRatio="false"
+    	source.up="@Embed(source='/assets/flex_skins.swf', symbol='SliderTrack_Skin')"
+    	source.over="@Embed(source='/assets/flex_skins.swf', symbol='SliderTrack_Skin')"
+    	source.down="@Embed(source='/assets/flex_skins.swf', symbol='SliderTrack_Skin')"
+    	source.disabled="@Embed(source='/assets/flex_skins.swf', symbol='SliderTrack_Skin')"
+    />
+	<!-- hit area -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:fill>
+			<s:SolidColor alpha="0"/>
+		</s:fill>
+	</s:Rect>
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ListSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ListSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ListSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ListSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,124 @@
+<?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 List component.  
+
+@see spark.components.List
+
+@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="112" minHeight="112"
+			 alpha.disabled="0.5" blendMode="normal"> 
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.List")]
+		]]>
+	</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;
+				scroller.minViewportInset = 1;
+			}
+			else
+			{
+				border.visible = false;
+				background.left = background.top = background.right = background.bottom = 0;
+				scroller.minViewportInset = 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" />
+    </s:states>
+    
+	<fx:Declarations>
+		<!--- Defines the appearance of the the List's drop indicator.
+		To customize the drop indicator appearance, create a custom ListSkin class.
+		The List's layout takes care to size and position the dropIndicator.
+		The size of the <code>dropIndicator</code> is typically set to the size of the gaps between the items.
+		The minimum and maximum settings are typically respected only in the direction
+		along the major axis (the gap axis).  For example a VerticalLayout ignores the 
+		<code>minWidth</code> and <code>maxWidth</code> settings, 
+		but respect <code>minHeight</code> and <code>maxHeight</code>. -->
+		<fx:Component id="dropIndicator">
+			<s:Group minWidth="3" minHeight="3" maxWidth="3" maxHeight="3">
+				<s:Rect left="0" right="0" top="0" bottom="0">
+					<s:fill>
+						<!--- Defines the color of the background. -->
+						<s:SolidColor color="0xBBBBBB" />
+					</s:fill>
+					<s:stroke>
+						<s:SolidColorStroke color="0x868686" weight="1"/>
+					</s:stroke>
+				</s:Rect>
+			</s:Group>
+		</fx:Component>
+	</fx:Declarations>
+	
+	<!-- border -->
+	<s:Rect left="0" right="0" top="0" bottom="0" id="border">
+		<s:stroke>
+			<s:SolidColorStroke id="borderStroke" weight="1" color="0x82826b" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- fill -->
+	<!--- Defines the background appearance of the list-based component. -->
+	<s:Rect id="background" left="1" right="1" top="1" bottom="1" >
+		<s:fill>
+			<!--- Defines the color of the background. The default color is 0xFFFFFF. -->
+			<s:SolidColor id="bgFill" color="0xf3f4de" />
+		</s:fill>
+	</s:Rect>
+	
+	<!--- The Scroller component to add scroll bars to the list. -->
+	<s:Scroller left="0" top="0" right="0" bottom="0" id="scroller" minViewportInset="1" hasFocusableChildren="false">
+		<!--- The container for the data items. -->
+		<s:DataGroup id="dataGroup" itemRenderer="zen.skins.DefaultItemRenderer">
+			<s:layout>
+				<s:VerticalLayout gap="0" horizontalAlign="contentJustify" />
+			</s:layout>
+		</s:DataGroup>
+	</s:Scroller>
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/NumericStepperSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/NumericStepperSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/NumericStepperSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/NumericStepperSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,61 @@
+<?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> 
+    
+    
+    <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 SpinnerIncrButtonSkin. -->
+    <s:Button id="incrementButton" right="0" top="0" height="50%" 
+             skinClass="zen.skins.SpinnerIncrButtonSkin" />
+             
+    <!--- Defines the appearance of the NumericStepper component's down button. The default class is SpinnerDecrButtonSkin. -->
+    <s:Button id="decrementButton" right="0" bottom="0" height="50%" 
+              skinClass="zen.skins.SpinnerDecrButtonSkin" />
+                   
+    <!--- 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="zen.skins.NumericStepperTextInputSkin" />
+    	
+</s:Skin>
\ No newline at end of file

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

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

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/PanelSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/PanelSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/PanelSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/PanelSkin.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 default skin class for a Spark Panel container.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" blendMode="normal" mouseEnabled="false" 
+			 minWidth="131" minHeight="127" alpha.disabled="0.5" alpha.disabledWithControlBar="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Panel")]
+		]]>
+	</fx:Metadata> 
+    
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" stateGroups="withControls" />
+		<s:State name="disabledWithControlBar" stateGroups="withControls" />
+	</s:states>
+    
+	
+	
+	<s:Group left="0" right="0" top="0" bottom="0">
+		<!-- drop shadow -->
+		<s:Rect left="0" top="0" right="0" bottom="0" 
+				topLeftRadiusX="11" topRightRadiusX="11" bottomLeftRadiusX="0" bottomRightRadiusX="0">
+			<s:filters>
+				<s:DropShadowFilter blurX="20" blurY="20" alpha="0.32" distance="11" angle="90"/>
+			</s:filters>
+			<s:fill>
+				<s:SolidColor color="0x82826B" />
+			</s:fill>
+		</s:Rect>
+		
+		<!-- top group mask -->
+		<s:Group left="1" top="1" right="1" bottom="1" id="topGroupMask" >
+			<s:Rect id="topMaskRect" left="0" top="0" right="0" bottom="0"
+					topLeftRadiusX="10" topRightRadiusX="10">
+				<s:fill>
+					<s:SolidColor alpha="0"/>
+				</s:fill>
+			</s:Rect>
+		</s:Group>
+		
+		<!-- bottom group mask -->
+		<s:Group left="1" top="1" right="1" bottom="1" id="bottomGroupMask" 
+				 includeIn="normalWithControlBar, disabledWithControlBar">
+			<s:Rect id="bottomMaskRect" left="0" top="0" right="0" bottom="0"
+					bottomLeftRadiusX="8" bottomRightRadiusX="8">
+				<s:fill>
+					<s:SolidColor alpha="0"/>
+				</s:fill>
+			</s:Rect>
+		</s:Group>
+		
+		<!-- layer 1: border -->
+		<s:Rect left="0" right="0" top="0" bottom="0"
+				topLeftRadiusX="10" topRightRadiusX="10" bottomRightRadiusX="8" bottomLeftRadiusX="8">
+			<s:stroke>
+				<s:SolidColorStroke color="#aaaa8a" alpha="0" 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" radiusX="10" radiusY="10">
+	        <s:fill>
+		    <!--- Defines the  PanelSkin class's background fill. The default color is 0xFFFFFF. -->
+	            <s:SolidColor color="0xAAAA89" id="bgFill" />
+	        </s:fill>
+	    </s:Rect>
+	    
+		<!-- layer 3: title bar image-->
+		<mx:Image left="1" right="1" top="0" height="30"
+		  	source= "@Embed(source='/assets/flex_skins.swf', symbol='Title_sparkGraphic_backgroundSkin')"	
+		 />
+		<!-- layer 5: text -->
+		<!--- Defines the appearance of the PanelSkin class's title bar. -->
+		<s:Label id="titleDisplay" maxDisplayedLines="1"
+				 left="9" right="3" top="1" minHeight="30"
+				 verticalAlign="middle" fontWeight="bold"
+				 color="0x4C2600">
+		</s:Label>
+		<!-- layer 6: Content Area -->
+		<s:Rect id="contentArea" left="1" right="1" top="34" bottom="1" 
+				topLeftRadiusX="0" topRightRadiusX="0" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+			<s:fill>
+					<s:SolidColor color="0xAAAA89"/> 
+			</s:fill>
+		</s:Rect>
+	
+		<s:Group left="0" right="0" top="34" bottom="0" id="contents">
+			<s:layout>
+				<s:VerticalLayout gap="0" horizontalAlign="justify" />
+			</s:layout>
+			
+			<s:Group id="contentGroup" width="100%" height="100%" top="34" minWidth="0" minHeight="0">
+			</s:Group>
+			
+			<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+					 includeIn="normalWithControlBar, disabledWithControlBar" >
+				
+				<s:Group left="0" right="0" top="0" bottom="0" mask="{bottomGroupMask}">
+					<!-- Layer 1: controlBar -->
+					<s:Rect id="controlBar" left="0" right="0" top="0" bottom="0"
+							topLeftRadiusX="0" topRightRadiusX="0" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+						<s:fill>
+							<s:SolidColor color="0xAAAA89"/>
+						</s:fill>
+						<s:stroke>
+							<s:SolidColorStroke color="0x82826B"/>
+						</s:stroke>
+					</s:Rect>
+				</s:Group>
+				<!-- layer 3: control bar -->
+				<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+					<s:layout>
+						<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+					</s:layout>
+				</s:Group>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/RadioButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/RadioButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/RadioButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/RadioButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,82 @@
+<?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:mx="library://ns.adobe.com/flex/mx"
+			 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 left="0" verticalCenter="0">
+    <!-- skin -->
+ 	<mx:Image 
+ 		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='RadioButton_upIcon')"
+ 		source.over="@Embed(source='/assets/flex_skins.swf', symbol='RadioButton_overIcon')"
+ 		source.down= "@Embed(source='/assets/flex_skins.swf', symbol='RadioButton_downIcon')"
+ 		source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='RadioButton_disabledIcon')"
+		source.disabledAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='RadioButtonSelected_disabledIcon')"
+		source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='RadioButtonSelected_downIcon')"
+		source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='RadioButtonSelected_overIcon')"
+		source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='RadioButtonSelected_upIcon')"
+ 		/>
+    </s:Group>
+
+	<!--- 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="0" bottom="0" verticalCenter="1" />
+
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarDownButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarDownButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarDownButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarDownButtonSkin.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 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:mx="library://ns.adobe.com/flex/mx"
+			 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>
+
+     <!-- Skin -->
+   	<mx:Image left="0" top="0" right="0" bottom="0"
+    	source.disabled="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowDown_disabledSkin')"
+    	source.down="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowDown_downSkin')"
+		source.over="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowDown_overSkin')"
+		source.up="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowDown_upSkin')"
+    />
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarLeftButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarLeftButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarLeftButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarLeftButtonSkin.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 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:mx="library://ns.adobe.com/flex/mx"
+			 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>
+    
+    <!-- Skin -->
+   	<mx:Image left="0" top="0" right="0" bottom="0" rotation="90"
+    	source.disabled="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowDown_disabledSkin')"
+    	source.down="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowDown_downSkin')"
+		source.over="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowDown_overSkin')"
+		source.up="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowDown_upSkin')"
+    />
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarRightButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarRightButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarRightButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollBarRightButtonSkin.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 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:mx="library://ns.adobe.com/flex/mx"
+			 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>
+
+     <!-- Skin -->
+   	<mx:Image left="0" top="0" right="0" bottom="0" rotation="90"
+    	source.disabled="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowUp_disabledSkin')"
+    	source.down="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowUp_downSkin')"
+		source.over="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowUp_overSkin')"
+		source.up="@Embed(source='/assets/flex_skins.swf', symbol='ScrollArrowUp_upSkin')"
+    />
+</s:Skin>

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

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