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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ScrollerSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,58 @@
+<?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" xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Scroller")]
+		]]>
+	</fx:Metadata>  
+        
+    <!--- 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/zen/src/zen/skins/ScrollerSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

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

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

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/SpinnerDecrButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/SpinnerDecrButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/SpinnerDecrButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/SpinnerDecrButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,57 @@
+<?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: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='NumericStepperDownArrow_disabledSkin')"
+    	source.down= "@Embed(source='/assets/flex_skins.swf', symbol='NumericStepperDownArrow_downSkin')"
+		source.over= "@Embed(source='/assets/flex_skins.swf', symbol='NumericStepperDownArrow_overSkin')"
+		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='NumericStepperDownArrow_upSkin')"
+    />
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/SpinnerIncrButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/SpinnerIncrButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/SpinnerIncrButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/SpinnerIncrButtonSkin.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 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: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.up= "@Embed(source='/assets/flex_skins.swf', symbol='NumericStepperUpArrow_upSkin')"
+   		source.over= "@Embed(source='/assets/flex_skins.swf', symbol='NumericStepperUpArrow_overSkin')"
+   		source.down= "@Embed(source='/assets/flex_skins.swf', symbol='NumericStepperUpArrow_downSkin')"
+    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='NumericStepperUpArrow_disabledSkin')"
+    />
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/SpinnerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/SpinnerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/SpinnerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/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:mx="library://ns.adobe.com/flex/mx"
+			 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 SpinnerIncrButtonSkin. -->
+    <s:Button id="incrementButton" left="0" right="0" top="0" height="50%" 
+             skinClass="zen.skins.SpinnerIncrButtonSkin" /> 
+    <!--- Defines the appearance of the down button. The default skin class is SpinnerDecrButtonSkin. -->
+    <s:Button id="decrementButton" left="0" right="0" bottom="0" height="50%"  
+             skinClass="zen.skins.SpinnerDecrButtonSkin" />
+
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/TabBarButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/TabBarButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/TabBarButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/TabBarButtonSkin.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 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"
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+    minWidth="21" minHeight="21" alpha.disabledStates="0.5">
+    
+    <!-- host component -->
+    <fx:Metadata>
+        <![CDATA[ 
+        /** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+        */
+        [HostComponent("spark.components.ButtonBarButton")]
+        ]]>
+    </fx:Metadata>
+    
+    <fx:Script fb:purpose="styling" >
+        
+        import spark.components.TabBar;
+
+        static private const exclusions:Array = ["labelDisplay"];
+       
+    </fx:Script>
+    
+    <!-- states -->
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+    </s:states>
+    
+	<!-- layer 1: skin -->
+	<mx:Image left="-1" top="-1" right="0" bottom="-1" maintainAspectRatio="false"
+			  source.up= "@Embed(source='/assets/flex_skins.swf', symbol='Tab_upSkin')"	
+			  source.over= "@Embed(source='/assets/flex_skins.swf', symbol='Tab_overSkin')"
+			  source.down= "@Embed(source='/assets/flex_skins.swf', symbol='Tab_downSkin')"
+			  source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='Tab_disabledSkin')"
+			  source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='TabSelected_upSkin')"
+			  source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='TabSelected_upSkin')"
+			  source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='TabSelected_upSkin')"
+			  source.disabledAndSelected="@Embed(source='/assets/flex_skins.swf', symbol='TabSelected_disabledSkin')"
+			  />
+      
+    
+    <!-- layer 2: text -->
+    <!--- The defines the appearance of the label for the first button in the ButtonBar component. -->
+    <s:Label id="labelDisplay"
+             textAlign="center"
+             verticalAlign="middle"
+             maxDisplayedLines="1"
+             horizontalCenter="0" verticalCenter="1"
+             left="10" right="10" top="2" bottom="2"
+			 color.selectedStates="0x4C2600"
+			 color="0x82826b"
+			 color.over="0xa35200">
+    </s:Label>
+    
+</s:Skin>
\ No newline at end of file

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

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

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

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextAreaBorderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextAreaBorderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextAreaBorderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextAreaBorderSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,152 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<!--- The Spark skin class for the Halo Border base class. 
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+						implements="mx.core.IRectangularBorder" mouseEnabled="false" mouseChildren="false">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.core.EdgeMetrics;
+			import mx.core.IUIComponent;
+			import mx.graphics.RectangularDropShadow;
+			
+			static private const metrics:EdgeMetrics = new EdgeMetrics(1, 1, 1, 1);
+			
+			[Bindable]
+			public var cornerRadius:Number = 0;
+			
+			private var dropShadow:RectangularDropShadow;
+			
+			public function get borderMetrics():EdgeMetrics
+			{
+				if (getStyle("borderVisible") == false ||
+					getStyle("borderStyle") == "none")
+					return EdgeMetrics.EMPTY;
+				
+				return metrics;
+			}
+			
+			public function get backgroundImageBounds():Rectangle
+			{
+				return null;
+			}
+			
+			public function set backgroundImageBounds(value:Rectangle):void
+			{
+				
+			}
+			
+			public function get hasBackgroundImage():Boolean
+			{
+				return false;
+			}
+			
+			public function layoutBackgroundImage():void
+			{
+				
+			}
+						
+			override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+			{
+				// Force a redraw to clear any existing shadow, and to force a redraw of the 
+				// border/background.
+				redrawRequested = true;
+				
+				if (getStyle("borderVisible") == false || getStyle("borderStyle") == "none")
+				{
+					border.visible = false;
+					background.left = background.top = background.right = background.bottom = 0;
+				}
+				else
+				{
+					border.visible = true;
+					background.left = background.top = background.right = background.bottom = 1;
+				}
+				
+				border.radiusX = cornerRadius;
+				background.radiusX = cornerRadius;
+				
+				super.updateDisplayList(unscaledWidth, unscaledHeight);
+				
+				if (parent && parent is IUIComponent && !IUIComponent(parent).enabled)
+					alpha = 0.5;
+				else
+					alpha = 1;
+				
+				// Draw drop shadow, if needed
+				if (getStyle("dropShadowVisible") == false ||
+					width == 0 || 
+					height == 0)
+				{
+					return;
+				}
+				
+				// Create a RectangularDropShadow object, set its properties,
+				// and draw the shadow
+				if (!dropShadow)
+					dropShadow = new RectangularDropShadow();
+				
+				dropShadow.distance = 5;
+				dropShadow.angle = 90;
+				dropShadow.color = 0;
+				dropShadow.alpha = 0.8;
+				dropShadow.blurX = 20;
+				dropShadow.blurY = 20;
+				
+				// Clear out any pending line style
+				graphics.lineStyle();
+				dropShadow.drawShadow(graphics, 0, 0, width, height);
+			}
+			
+			private function getDropShadowAngle(distance:Number,
+												direction:String):Number
+			{
+				if (direction == "left")
+					return distance >= 0 ? 135 : 225;
+					
+				else if (direction == "right")
+					return distance >= 0 ? 45 : 315;
+					
+				else // direction == "center"
+					return distance >= 0 ? 90 : 270;
+			}
+		]]>
+	</fx:Script>
+	
+	<!-- border --> 
+	<s:Rect left="0" right="0" top="0" bottom="0" radiusX="0" id="border">
+		<s:stroke>            
+			<s:SolidColorStroke id="borderStroke" color="0x82826b"/>
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- fill -->
+	<s:Rect id="background" left="1" right="1" top="1" bottom="1" radiusX="0">
+		<s:fill>
+			<s:SolidColor id="bgFill" color="0xf3f4de" />
+		</s:fill>
+	</s:Rect>
+</s:Skin>

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

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

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

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextInputBorderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextInputBorderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextInputBorderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextInputBorderSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<!--- The Spark skin class for the border of the Halo 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"
+      implements="mx.core.IBorder">
+    
+    <fx:Script>
+        <![CDATA[
+        import mx.core.EdgeMetrics;
+        import mx.core.IUIComponent;
+        
+        static private const metrics:EdgeMetrics = new EdgeMetrics(2, 2, 2, 2);
+        
+        public function get borderMetrics():EdgeMetrics
+        {
+            if (getStyle("borderStyle") == "none")
+                return EdgeMetrics.EMPTY;
+            
+            return metrics;
+        }
+        
+        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+        {     
+            if (getStyle("borderStyle") == "none")
+            {
+                border.visible = false;
+                shadow.visible = false;
+                background.visible = false;
+            }
+            else
+            {
+                if (getStyle("borderVisible") == false)
+                {
+                    border.visible = false;
+                    shadow.visible = false;
+                    background.left = background.top = background.right = background.bottom = 0;
+                    shadow.left = shadow.top = shadow.right = 0;
+                }
+                else
+                {
+                    border.visible = true;
+                    shadow.visible = true;
+                    background.left = background.top = background.right = background.bottom = 1;
+                    shadow.left = shadow.top = shadow.right = 1;
+                }
+            }
+            
+            super.updateDisplayList(unscaledWidth, unscaledHeight);
+            
+            if (parent && parent is IUIComponent && !IUIComponent(parent).enabled)
+                alpha = 0.5;
+            else
+                alpha = 1;
+        }
+        ]]>
+    </fx:Script>
+    
+    <!-- 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 -->
+    <s:Rect id="background" left="1" right="1" top="1" bottom="1">
+        <s:fill>
+            <s:SolidColor id="bgFill" color="0xf3f4de" />
+        </s:fill>
+    </s:Rect>
+    
+    <!-- shadow -->
+    <s:Rect id="shadow" left="1" top="1" right="1" height="1">
+        <s:fill>
+            <s:SolidColor color="0x000000" alpha="0.12" />
+        </s:fill>
+    </s:Rect>
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextInputSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextInputSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextInputSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/TextInputSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,178 @@
+<?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[
+			private var paddingChanged:Boolean;
+
+			/** 
+			 * @private 
+			 */     
+			private static const focusExclusions:Array = ["textDisplay"];
+			
+			/**
+			 *  @private
+			 */
+			override public function get focusSkinExclusions():Array { return focusExclusions;};
+
+			/**
+			 *  @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");
+				
+				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
+			{
+				var allStyles:Boolean = !styleProp || styleProp == "styleName";
+				
+				super.styleChanged(styleProp);
+				
+				if (allStyles || styleProp.indexOf("padding") == 0)
+				{
+					paddingChanged = true;
+					invalidateProperties();
+				}
+			}
+		]]>
+	</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 --> 
+	<!--- @private -->
+	<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>
+			<!--- @private Defines the background fill color. -->
+			<s:SolidColor id="bgFill" color="0xf3f4de" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- shadow -->
+	<!--- @private -->
+	<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 -->
+	<!--- @copy spark.components.supportClasses.SkinnableTextBase#textDisplay -->
+	<s:RichEditableText id="textDisplay"
+						verticalAlign="middle"
+						widthInChars="10"
+						left="1" right="1" top="1" bottom="1" />
+	
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/TitleWindowCloseButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/TitleWindowCloseButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/TitleWindowCloseButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/TitleWindowCloseButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,59 @@
+<?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.  
+
+     @see spark.skins.spark.TitleWindowSkin     
+
+     @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.disabled="0.5">
+    
+    <!-- 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>
+    
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			  source.up= "@Embed(source='/assets/flex_skins.swf', symbol='Panel_closeButtonUpSkin')"	
+			  source.over= "@Embed(source='/assets/flex_skins.swf', symbol='Panel_closeButtonOverSkin')"
+			  source.down= "@Embed(source='/assets/flex_skins.swf', symbol='Panel_closeButtonDownSkin')"
+			  source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='Panel_closeButtonDisabledSkin')"
+			  />
+</s:Skin>
\ No newline at end of file

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/TitleWindowSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/TitleWindowSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/TitleWindowSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/TitleWindowSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,177 @@
+<?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 TitleWindow 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="76" minHeight="76" alpha.disabled="0.5" alpha.disabledWithControlBar="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.TitleWindow")]
+		]]>
+	</fx:Metadata>      
+	
+	<s:states>
+		<s:State name="normal" stateGroups="normalGroup"/>
+		<s:State name="active" />
+		<s:State name="inactive" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" stateGroups="withControls, normalGroup"/>
+		<s:State name="activeWithControlBar" stateGroups="withControls" />
+		<s:State name="inactiveWithControlBar" />
+		<s:State name="disabledWithControlBar" stateGroups="withControls" />
+	</s:states>
+	
+	<!--- top group mask @private-->
+	<s:Group left="1" top="1" right="1" bottom="1" id="topGroupMask">
+		<!--- @private-->
+		<s:Rect id="topMaskRect" left="0" top="0" right="0" bottom="0"
+				topLeftRadiusX="10" topRightRadiusX="10" bottomLeftRadiusX="0" bottomRightRadiusX="0">
+			<s:fill>
+				<s:SolidColor alpha="0"/>
+			</s:fill>
+		</s:Rect>
+	</s:Group>
+	
+	<!--- bottom group mask @private-->
+	<s:Group left="1" top="1" right="1" bottom="1" id="bottomGroupMask" 
+			 includeIn="withControls"
+			 >
+		<!--- @private-->
+		<s:Rect id="bottomMaskRect" left="0" top="0" right="0" bottom="0"
+				topLeftRadiusX="10" topRightRadiusX="10" bottomLeftRadiusX="0" bottomRightRadiusX="0">
+			<s:fill>
+				<s:SolidColor alpha="0"/>
+			</s:fill>
+		</s:Rect>
+	</s:Group>
+	
+	<!--- layer 1: border @private -->
+	<s:Rect id="border" left="0" right="0" top="0" bottom="0"
+			topLeftRadiusX="10" topRightRadiusX="10" bottomLeftRadiusX="0" bottomRightRadiusX="0">
+		<s:stroke>
+			<!--- Defines the TitleWindowSkin class's border strole. The default value is 1. -->
+			<s:SolidColorStroke color="#82826B" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<!--- Defines the appearance of the TitleWindowSkin class's background. -->
+	<s:Rect id="background" left="1" top="1" right="1" bottom="1"
+			topLeftRadiusX="10" topRightRadiusX="10" bottomLeftRadiusX="0" bottomRightRadiusX="0">
+		<s:fill>
+			<!--- Defines the TitleWindowSkin class's background fill. The default color is 0xFFFFFF. -->
+			<s:SolidColor id="backgroundFill" color="0xAAAA89"/>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<!--- Contains the vertical stack of title bar content and control bar. -->
+	<s:Group left="1" right="1" top="1" bottom="1" id="contents">
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		<!--- @private -->
+		<s:Group id="topGroup" mask="{topGroupMask}">
+			
+			<!--- layer 0: title bar fill @private -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1">
+				<s:fill>
+					<s:SolidColor color="#AAAA89"/>
+				</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 2: title bar divider @private -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0x82826B" alpha="0.75" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<!--- Defines the appearance of the TitleWindowSkin class's title bar. -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="24" top="1" bottom="0" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#4C2600">
+			</s:Label>
+			
+			<!-- layer 4: moveArea -->
+			<!--- Defines the area where the user can drag the TitleWindow. -->
+			<s:Group id="moveArea" left="0" right="0" top="0" bottom="0" />
+			
+			<!--- Defines the appearance of the close button. -->
+			<s:Button id="closeButton" skinClass="zen.skins.TitleWindowCloseButtonSkin"
+					  width="15" height="15" right="2" top="7" />
+		</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
+		-->
+		<!---  The definition of the contentGroup skin part. -->
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<!--- @private -->
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0" 
+				 includeIn="withControls">  
+			
+			<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="#82826B" />
+					</s:fill>
+				</s:Rect>
+				<!-- layer 2: control bar fill -->
+				<s:Rect left="1" right="1" top="2" bottom="1">
+					<s:fill>
+						<s:SolidColor color="#AAAA89"/>
+					</s:fill>
+				</s:Rect>
+			</s:Group>
+			
+			<!--- layer 3: control bar @private-->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>
\ No newline at end of file

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/ToggleButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/ToggleButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/ToggleButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/ToggleButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for a Spark ToggleButton 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" minWidth="21" minHeight="21" alpha.disabledStates="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.ToggleButton")]
+		]]>
+	</fx:Metadata>
+    
+	
+	<!-- states -->
+	<s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+	</s:states>
+	
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='Button_upSkin')"	
+		source.over= "@Embed(source='/assets/flex_skins.swf', symbol='Button_overSkin')"
+		source.down= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='Button_disabledSkin')"
+		source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+		source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+		source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+		source.disabledAndSelected="@Embed(source='/assets/flex_skins.swf', symbol='Button_disabledSkin')"
+		/>
+	
+	<!-- layer 2: text -->
+	<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/zen/src/zen/skins/ToggleButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarSkin.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 VScrollBar component. The thumb and track skins are defined by the
+VScrollBarThumbSkin and VScrollBarTrackSkin 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" minWidth="15" minHeight="35" 
+			 alpha.disabled="0.5" alpha.inactive="0.5" >
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.VScrollBar")]
+		]]>
+	</fx:Metadata> 
+
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="inactive" />
+	</s:states>
+   
+    <!--- Defines the skin class for the VScrollBarSkin's track. The default skin class is VScrollBarTrackSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: zen.skins.xxxSkin -->
+    <s:Button id="track" top="16" bottom="15" height="54"
+              focusEnabled="false"
+              skinClass="zen.skins.VScrollBarTrackSkin"  />
+             
+    <!--- Defines the skin class for the VScrollBarSkin's thumb. The default skin class is VScrollBarThumbSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: zen.skins.xxxSkin -->
+    <s:Button id="thumb" 
+              focusEnabled="false"
+              skinClass="zen.skins.VScrollBarThumbSkin"  />
+    
+    <!--- Defines the skin class for the up button of the VScrollBarSkin. The default skin class is ScrollBarUpButtonSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: zen.skins.xxxSkin -->
+    <s:Button id="decrementButton" top="0"
+              focusEnabled="false"
+              skinClass="zen.skins.ScrollBarUpButtonSkin" />
+    
+    <!--- Defines the skin class for the down button of the VScrollBarSkin. The default skin class is ScrollBarDownButtonSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: zen.skins.xxxSkin -->
+    <s:Button id="incrementButton" bottom="0"
+              focusEnabled="false"
+              skinClass="zen.skins.ScrollBarDownButtonSkin" />
+
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarThumbSkin.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 the thumb of a Spark VScrollBar 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="-2" bottom="-2" maintainAspectRatio="false" rotation="0" 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="0" top="3"
+    	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/VScrollBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/VScrollBarTrackSkin.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 track of a Spark VScrollBar 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="0" right="0" top="-2" bottom="-2" maintainAspectRatio="false" rotation="0" 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/VScrollBarTrackSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/VSliderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/VSliderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/VSliderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/VSliderSkin.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 VSlider component. The thumb and track skins are defined by the
+VSliderThumbSkin and VSliderTrackSkin 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" minWidth="11" alpha.disabled="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.VSlider")]
+		]]>
+	</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 VSliderSkin class. -->
+        <fx:Component id="dataTip">
+            <s:DataRenderer minHeight="24" minWidth="40" x="20"> 
+				<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 VSliderSkin's track. The default skin class is VSliderTrackSkin. -->
+    <!-- using a graphical skin, need to increase constraints right and left so track does not scale to the bounding height of the thumb -->
+    <s:Button id="track" left="4" right="4" top="0" bottom="0" 
+              skinClass="zen.skins.VSliderTrackSkin"/>
+    <!--- Defines the skin class for the VSliderSkin's thumb. The default skin class is VSliderThumbSkin. -->
+    <s:Button id="thumb" left="0" right="0" width="11" height="11" 
+               skinClass="zen.skins.VSliderThumbSkin"/>
+
+</s:Skin>

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

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

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/VSliderThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/VSliderThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/VSliderThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/VSliderThumbSkin.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 VSlider 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>
+
+    <mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false" rotation="0"
+    	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/VSliderThumbSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

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

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

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