This is an automated email from the ASF dual-hosted git repository.

harbs pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git


The following commit(s) were added to refs/heads/develop by this push:
     new 10e2ddf82c Support tailwind color names
10e2ddf82c is described below

commit 10e2ddf82ce8527314c86b96ce149e321c8dc600
Author: Harbs <[email protected]>
AuthorDate: Tue Mar 17 14:01:18 2026 +0200

    Support tailwind color names
---
 .../projects/Style/src/main/royale/StyleClasses.as |  27 +-----
 .../main/royale/org/apache/royale/style/Icon.as    |   2 +
 .../org/apache/royale/style/colors/AmberSwatch.as  | 100 -------------------
 .../org/apache/royale/style/colors/BlueSwatch.as   | 100 -------------------
 .../org/apache/royale/style/colors/CSSColor.as     |  99 +++++++++++++++++++
 .../org/apache/royale/style/colors/ColorSwatch.as  | 108 +++++++++++++++++++++
 .../org/apache/royale/style/colors/CyanSwatch.as   | 100 -------------------
 .../apache/royale/style/colors/EmeraldSwatch.as    | 100 -------------------
 .../apache/royale/style/colors/FuchsiaSwatch.as    | 100 -------------------
 .../org/apache/royale/style/colors/GraySwatch.as   | 100 -------------------
 .../org/apache/royale/style/colors/GreenSwatch.as  | 100 -------------------
 .../org/apache/royale/style/colors/IndigoSwatch.as | 100 -------------------
 .../org/apache/royale/style/colors/LimeSwatch.as   | 100 -------------------
 .../org/apache/royale/style/colors/MauveSwatch.as  | 100 -------------------
 .../org/apache/royale/style/colors/MistSwatch.as   | 100 -------------------
 .../apache/royale/style/colors/NeutralSwatch.as    | 100 -------------------
 .../org/apache/royale/style/colors/OliveSwatch.as  | 100 -------------------
 .../org/apache/royale/style/colors/OrangeSwatch.as | 100 -------------------
 .../org/apache/royale/style/colors/PinkSwatch.as   | 100 -------------------
 .../org/apache/royale/style/colors/PurpleSwatch.as | 100 -------------------
 .../org/apache/royale/style/colors/RedSwatch.as    | 100 -------------------
 .../org/apache/royale/style/colors/RoseSwatch.as   | 100 -------------------
 .../org/apache/royale/style/colors/SkySwatch.as    | 100 -------------------
 .../org/apache/royale/style/colors/SlateSwatch.as  | 100 -------------------
 .../org/apache/royale/style/colors/StoneSwatch.as  | 100 -------------------
 .../org/apache/royale/style/colors/TaupeSwatch.as  | 100 -------------------
 .../org/apache/royale/style/colors/TealSwatch.as   | 100 -------------------
 .../org/apache/royale/style/colors/VioletSwatch.as | 100 -------------------
 .../org/apache/royale/style/colors/YellowSwatch.as | 100 -------------------
 .../org/apache/royale/style/colors/ZincSwatch.as   | 100 -------------------
 .../org/apache/royale/style/skins/CheckBoxSkin.as  |  28 +++---
 .../royale/style/stylebeads/StyleBeadBase.as       |   9 +-
 .../royale/style/stylebeads/states/PeerPseudo.as   |   2 +-
 .../org/apache/royale/style/util/StyleManager.as   |   5 +
 .../org/apache/royale/style/util/StyleTheme.as     |   1 -
 35 files changed, 237 insertions(+), 2644 deletions(-)

diff --git a/frameworks/projects/Style/src/main/royale/StyleClasses.as 
b/frameworks/projects/Style/src/main/royale/StyleClasses.as
index 351753be36..61d0672910 100644
--- a/frameworks/projects/Style/src/main/royale/StyleClasses.as
+++ b/frameworks/projects/Style/src/main/royale/StyleClasses.as
@@ -27,32 +27,7 @@ package
         */
        internal class StyleClasses
        {
-               import org.apache.royale.style.colors.AmberSwatch; AmberSwatch;
-               import org.apache.royale.style.colors.BlueSwatch; BlueSwatch;
-               import org.apache.royale.style.colors.CyanSwatch; CyanSwatch;
-               import org.apache.royale.style.colors.EmeraldSwatch; 
EmeraldSwatch;
-               import org.apache.royale.style.colors.FuchsiaSwatch; 
FuchsiaSwatch;
-               import org.apache.royale.style.colors.GraySwatch; GraySwatch;
-               import org.apache.royale.style.colors.GreenSwatch; GreenSwatch;
-               import org.apache.royale.style.colors.IndigoSwatch; 
IndigoSwatch;
-               import org.apache.royale.style.colors.LimeSwatch; LimeSwatch;
-               import org.apache.royale.style.colors.MauveSwatch; MauveSwatch;
-               import org.apache.royale.style.colors.MistSwatch; MistSwatch;
-               import org.apache.royale.style.colors.NeutralSwatch; 
NeutralSwatch;
-               import org.apache.royale.style.colors.OliveSwatch; OliveSwatch;
-               import org.apache.royale.style.colors.OrangeSwatch; 
OrangeSwatch;
-               import org.apache.royale.style.colors.PinkSwatch; PinkSwatch;
-               import org.apache.royale.style.colors.PurpleSwatch; 
PurpleSwatch;
-               import org.apache.royale.style.colors.RedSwatch; RedSwatch;
-               import org.apache.royale.style.colors.RoseSwatch; RoseSwatch;
-               import org.apache.royale.style.colors.SkySwatch; SkySwatch;
-               import org.apache.royale.style.colors.SlateSwatch; SlateSwatch;
-               import org.apache.royale.style.colors.StoneSwatch; StoneSwatch;
-               import org.apache.royale.style.colors.TaupeSwatch; TaupeSwatch;
-               import org.apache.royale.style.colors.TealSwatch; TealSwatch;
-               import org.apache.royale.style.colors.VioletSwatch; 
VioletSwatch;
-               import org.apache.royale.style.colors.YellowSwatch; 
YellowSwatch;
-               import org.apache.royale.style.colors.ZincSwatch; ZincSwatch;
+               import org.apache.royale.style.colors.ColorSwatch; ColorSwatch;
                import org.apache.royale.style.util.StyleManager; StyleManager;
                import org.apache.royale.style.util.ThemeManager; ThemeManager;
                import org.apache.royale.style.util.ContentAlign; ContentAlign;
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/Icon.as 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/Icon.as
index c5754eb895..709acf0cc6 100644
--- a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/Icon.as
+++ b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/Icon.as
@@ -94,11 +94,13 @@ package org.apache.royale.style
                private function loadMarkup():void
                {
                        assert(iconPath, "Icon path must be provided");
+                       // TODO don't make the same request twice.
                        new 
HttpRequestTask(iconPath).exec(function(task:HttpRequestTask):void
                                {
                                        if (task.completed)
                                        {
                                                parseMarkup(new 
XML(task.resultString));
+                                               // register the loaded markup 
for future use
                                        }
                                        // TODO do we want some kind of error 
handling here?
                                });
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/AmberSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/AmberSwatch.as
deleted file mode 100644
index a4c4e1f623..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/AmberSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class AmberSwatch
-       {
-               private function AmberSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "amber-50";
-                       CSSLookup.register(name, "oklch(98.7% 0.022 95.277)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "amber-100";
-                       CSSLookup.register(name, "oklch(96.2% 0.059 95.617)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "amber-200";
-                       CSSLookup.register(name, "oklch(92.4% 0.12 95.746)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "amber-300";
-                       CSSLookup.register(name, "oklch(87.9% 0.169 91.605)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "amber-400";
-                       CSSLookup.register(name, "oklch(82.8% 0.189 84.429)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "amber-500";
-                       CSSLookup.register(name, "oklch(76.9% 0.188 70.08)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "amber-600";
-                       CSSLookup.register(name, "oklch(66.6% 0.179 58.318)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "amber-700";
-                       CSSLookup.register(name, "oklch(55.5% 0.163 48.998)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "amber-800";
-                       CSSLookup.register(name, "oklch(47.3% 0.137 46.201)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "amber-900";
-                       CSSLookup.register(name, "oklch(41.4% 0.112 45.904)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "amber-950";
-                       CSSLookup.register(name, "oklch(27.9% 0.077 45.635)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/BlueSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/BlueSwatch.as
deleted file mode 100644
index 3566fff85c..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/BlueSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class BlueSwatch
-       {
-               private function BlueSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "blue-50";
-                       CSSLookup.register(name, "oklch(97% 0.014 254.604)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "blue-100";
-                       CSSLookup.register(name, "oklch(93.2% 0.032 255.585)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "blue-200";
-                       CSSLookup.register(name, "oklch(88.2% 0.059 254.128)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "blue-300";
-                       CSSLookup.register(name, "oklch(80.9% 0.105 251.813)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "blue-400";
-                       CSSLookup.register(name, "oklch(70.7% 0.165 254.624)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "blue-500";
-                       CSSLookup.register(name, "oklch(62.3% 0.214 259.815)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "blue-600";
-                       CSSLookup.register(name, "oklch(54.6% 0.245 262.881)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "blue-700";
-                       CSSLookup.register(name, "oklch(48.8% 0.243 264.376)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "blue-800";
-                       CSSLookup.register(name, "oklch(42.4% 0.199 265.638)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "blue-900";
-                       CSSLookup.register(name, "oklch(37.9% 0.146 265.522)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "blue-950";
-                       CSSLookup.register(name, "oklch(28.2% 0.091 267.935)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/CSSColor.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/CSSColor.as
new file mode 100644
index 0000000000..826e5e594b
--- /dev/null
+++ 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/CSSColor.as
@@ -0,0 +1,99 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package org.apache.royale.style.colors
+{
+       import org.apache.royale.debugging.assert;
+       import org.apache.royale.utils.number.pinValue;
+
+       public class CSSColor
+       {
+               private function CSSColor()
+               {
+                       
+               }
+               public static function getColor(values:Array, opacity:Number = 
100, space:String = "rgb"):String{
+                       assert(values && values.length == 3, "invalid color 
values");
+
+                       var withAlpha:Boolean = opacity < 100;
+                       var alphaString:String = opacity + "%";
+                       var channels:String = values.join(" ");
+
+                       switch (space)
+                       {
+                               case "rgb":
+                               case "hsl":
+                               case "hwb":
+                               case "lab":
+                               case "lch":
+                               case "oklab":
+                               case "oklch":
+                                       return withAlpha ? space + "(" + 
channels + " / " + alphaString + ")" : space + "(" + channels + ")";
+                               default:
+                                       assert(false, "Unsupported color space: 
" + space);
+                                       break;
+                       }
+                       return "";
+               }
+
+               /**
+                * Returns an RGB array on a white -> base -> black ramp.
+                * 0 is white, 50 is the input color, 100 is black.
+                */
+               public static function getVariation(color:uint, 
grayValue:Number):Array
+               {
+                       var r:Number = (color >> 16) & 0xFF;
+                       var g:Number = (color >> 8) & 0xFF;
+                       var b:Number = color & 0xFF;
+
+                       var t:Number = pinValue(grayValue, 0, 100);
+                       var outR:Number;
+                       var outG:Number;
+                       var outB:Number;
+
+                       if (t <= 50)
+                       {
+                               var toBase:Number = t / 50;
+                               outR = 255 + (r - 255) * toBase;
+                               outG = 255 + (g - 255) * toBase;
+                               outB = 255 + (b - 255) * toBase;
+                       }
+                       else
+                       {
+                               var toBlack:Number = (t - 50) / 50;
+                               outR = r * (1 - toBlack);
+                               outG = g * (1 - toBlack);
+                               outB = b * (1 - toBlack);
+                       }
+
+                       return [Math.round(outR), Math.round(outG), 
Math.round(outB)];
+               }
+
+               /**
+                * Convenience helper for callers that have separate channel 
values.
+                */
+               public static function getVariationRGB(r:Number, g:Number, 
b:Number, grayValue:Number):Array
+               {
+                       var rr:uint = uint(pinValue(r, 0, 255));
+                       var gg:uint = uint(pinValue(g, 0, 255));
+                       var bb:uint = uint(pinValue(b, 0, 255));
+                       var color:uint = (rr << 16) | (gg << 8) | bb;
+                       return getVariation(color, grayValue);
+               }
+       }
+}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/ColorSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/ColorSwatch.as
new file mode 100644
index 0000000000..0ddb49aa79
--- /dev/null
+++ 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/ColorSwatch.as
@@ -0,0 +1,108 @@
+package org.apache.royale.style.colors
+{
+       import org.apache.royale.debugging.assert;
+       import org.apache.royale.style.util.CSSLookup;
+       import org.apache.royale.utils.CSSUtils;
+
+       public class ColorSwatch
+       {
+               // Tailwind color names.
+               public static const RED:String = "red";
+               public static const ORANGE:String = "orange";
+               public static const AMBER:String = "amber";
+               public static const YELLOW:String = "yellow";
+               public static const LIME:String = "lime";
+               public static const GREEN:String = "green";
+               public static const EMERALD:String = "emerald";
+               public static const TEAL:String = "teal";
+               public static const CYAN:String = "cyan";
+               public static const SKY:String = "sky";
+               public static const BLUE:String = "blue";
+               public static const INDIGO:String = "indigo";
+               public static const VIOLET:String = "violet";
+               public static const PURPLE:String = "purple";
+               public static const FUCHSIA:String = "fuchsia";
+               public static const PINK:String = "pink";
+               public static const ROSE:String = "rose";
+               public static const SLATE:String = "slate";
+               public static const GRAY:String = "gray";
+               public static const ZINC:String = "zinc";
+               public static const NEUTRAL:String = "neutral";
+               public static const STONE:String = "stone";
+               public static const TAUPE:String = "taupe";
+               public static const MAUVE:String = "mauve";
+               public static const MIST:String = "mist";
+               public static const OLIVE:String = "olive";
+
+               // Tailwind 500 base colors keyed by Tailwind swatch name.
+               private static const BASE_COLORS:Object = {
+                       "red": 0xFB2C36,
+                       "orange": 0xFF6900,
+                       "amber": 0xFE9A00,
+                       "yellow": 0xF0B100,
+                       "lime": 0x7CCF00,
+                       "green": 0x00C950,
+                       "emerald": 0x00BC7D,
+                       "teal": 0x00BBA7,
+                       "cyan": 0x00B8DB,
+                       "sky": 0x00A6F4,
+                       "blue": 0x2B7FFF,
+                       "indigo": 0x615FFF,
+                       "violet": 0x8E51FF,
+                       "purple": 0xAD46FF,
+                       "fuchsia": 0xE12AFB,
+                       "pink": 0xF6339A,
+                       "rose": 0xFF2056,
+                       "slate": 0x62748E,
+                       "gray": 0x6A7282,
+                       "zinc": 0x71717B,
+                       "neutral": 0x737373,
+                       "stone": 0x79716B,
+                       "taupe": 0x7C6D67,
+                       "mauve": 0x79697B,
+                       "mist": 0x67787C,
+                       "olive": 0x7C7C67
+               };
+
+               /**
+                * Subclasses must specify colorBase before calling this 
constructor.
+                */
+               public function 
ColorSwatch(swatch:String,shade:Number,opacity:Number = 100)
+               {
+                       var base:Object = BASE_COLORS[swatch] || 
CSSLookup.getProperty(swatch);
+                       assert(base, "Invalid color swatch: " + swatch);
+                       // Convert from 50,100,200... to 5,10,20... for easier 
math.
+                       shade = Math.round(shade/10);
+                       var colorVals:Array = 
CSSColor.getVariation(CSSUtils.toColor(base),shade);
+
+                       assert(opacity >= 0 && opacity <= 100, "Opacity must be 
between 0 and 100");
+                       colorBase = swatch;
+                       colorShade = shade;
+                       colorOpacity = opacity;
+                       colorSpecifier = colorBase + "-" + shade;
+                       if(opacity < 100)
+                       {
+                               colorSpecifier += "/" + opacity;
+                       }
+                       colorValue = CSSColor.getColor(colorVals, opacity, 
colorSpace);
+                       CSSLookup.register(colorSpecifier,colorValue);
+               }
+               public var colorBase:String;
+               public var colorShade:Number;
+               public var colorOpacity:Number;
+               public var colorValue:String;
+               public var colorSpace:String = "rgb";
+               public var colorSpecifier:String;
+               public static function 
fromSpecifier(specifier:String):ColorSwatch
+               {
+                       var parts:Array = specifier.split("-");
+                       assert(parts.length == 2, "Invalid color specifier: " + 
specifier);
+                       var base:String = parts[0];
+                       var shadeAndOpacity:String = parts[1];
+                       var shadeParts:Array = shadeAndOpacity.split("/");
+                       var shade:Number = Number(shadeParts[0]);
+                       var opacity:Number = shadeParts.length > 1 ? 
Number(shadeParts[1]) : 100;
+                       return new ColorSwatch(base, shade, opacity);
+               }
+       }
+}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/CyanSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/CyanSwatch.as
deleted file mode 100644
index 9dafdc81d7..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/CyanSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class CyanSwatch
-       {
-               private function CyanSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "cyan-50";
-                       CSSLookup.register(name, "oklch(98.4% 0.019 200.873)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "cyan-100";
-                       CSSLookup.register(name, "oklch(95.6% 0.045 203.388)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "cyan-200";
-                       CSSLookup.register(name, "oklch(91.7% 0.08 205.041)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "cyan-300";
-                       CSSLookup.register(name, "oklch(86.5% 0.127 207.078)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "cyan-400";
-                       CSSLookup.register(name, "oklch(78.9% 0.154 211.53)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "cyan-500";
-                       CSSLookup.register(name, "oklch(71.5% 0.143 215.221)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "cyan-600";
-                       CSSLookup.register(name, "oklch(60.9% 0.126 221.723)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "cyan-700";
-                       CSSLookup.register(name, "oklch(52% 0.105 223.128)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "cyan-800";
-                       CSSLookup.register(name, "oklch(45% 0.085 224.283)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "cyan-900";
-                       CSSLookup.register(name, "oklch(39.8% 0.07 227.392)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "cyan-950";
-                       CSSLookup.register(name, "oklch(30.2% 0.056 229.695)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/EmeraldSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/EmeraldSwatch.as
deleted file mode 100644
index 46f4ea44c6..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/EmeraldSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class EmeraldSwatch
-       {
-               private function EmeraldSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "emerald-50";
-                       CSSLookup.register(name, "oklch(97.9% 0.021 166.113)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "emerald-100";
-                       CSSLookup.register(name, "oklch(95% 0.052 163.051)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "emerald-200";
-                       CSSLookup.register(name, "oklch(90.5% 0.093 164.15)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "emerald-300";
-                       CSSLookup.register(name, "oklch(84.5% 0.143 164.978)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "emerald-400";
-                       CSSLookup.register(name, "oklch(76.5% 0.177 163.223)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "emerald-500";
-                       CSSLookup.register(name, "oklch(69.6% 0.17 162.48)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "emerald-600";
-                       CSSLookup.register(name, "oklch(59.6% 0.145 163.225)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "emerald-700";
-                       CSSLookup.register(name, "oklch(50.8% 0.118 165.612)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "emerald-800";
-                       CSSLookup.register(name, "oklch(43.2% 0.095 166.913)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "emerald-900";
-                       CSSLookup.register(name, "oklch(37.8% 0.077 168.94)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "emerald-950";
-                       CSSLookup.register(name, "oklch(26.2% 0.051 172.552)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/FuchsiaSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/FuchsiaSwatch.as
deleted file mode 100644
index 2bc9a5512c..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/FuchsiaSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class FuchsiaSwatch
-       {
-               private function FuchsiaSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "fuchsia-50";
-                       CSSLookup.register(name, "oklch(97.7% 0.017 320.058)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "fuchsia-100";
-                       CSSLookup.register(name, "oklch(95.2% 0.037 318.852)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "fuchsia-200";
-                       CSSLookup.register(name, "oklch(90.3% 0.076 319.62)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "fuchsia-300";
-                       CSSLookup.register(name, "oklch(83.3% 0.145 321.434)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "fuchsia-400";
-                       CSSLookup.register(name, "oklch(74% 0.238 322.16)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "fuchsia-500";
-                       CSSLookup.register(name, "oklch(66.7% 0.295 322.15)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "fuchsia-600";
-                       CSSLookup.register(name, "oklch(59.1% 0.293 322.896)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "fuchsia-700";
-                       CSSLookup.register(name, "oklch(51.8% 0.253 323.949)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "fuchsia-800";
-                       CSSLookup.register(name, "oklch(45.2% 0.211 324.591)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "fuchsia-900";
-                       CSSLookup.register(name, "oklch(40.1% 0.17 325.612)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "fuchsia-950";
-                       CSSLookup.register(name, "oklch(29.3% 0.136 325.661)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/GraySwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/GraySwatch.as
deleted file mode 100644
index e0ae286431..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/GraySwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class GraySwatch
-       {
-               private function GraySwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "gray-50";
-                       CSSLookup.register(name, "oklch(98.5% 0.002 247.839)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "gray-100";
-                       CSSLookup.register(name, "oklch(96.7% 0.003 264.542)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "gray-200";
-                       CSSLookup.register(name, "oklch(92.8% 0.006 264.531)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "gray-300";
-                       CSSLookup.register(name, "oklch(87.2% 0.01 258.338)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "gray-400";
-                       CSSLookup.register(name, "oklch(70.7% 0.022 261.325)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "gray-500";
-                       CSSLookup.register(name, "oklch(55.1% 0.027 264.364)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "gray-600";
-                       CSSLookup.register(name, "oklch(44.6% 0.03 256.802)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "gray-700";
-                       CSSLookup.register(name, "oklch(37.3% 0.034 259.733)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "gray-800";
-                       CSSLookup.register(name, "oklch(27.8% 0.033 256.848)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "gray-900";
-                       CSSLookup.register(name, "oklch(21% 0.034 264.665)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "gray-950";
-                       CSSLookup.register(name, "oklch(13% 0.028 261.692)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/GreenSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/GreenSwatch.as
deleted file mode 100644
index bef3c82f37..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/GreenSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class GreenSwatch
-       {
-               private function GreenSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "green-50";
-                       CSSLookup.register(name, "oklch(98.2% 0.018 155.826)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "green-100";
-                       CSSLookup.register(name, "oklch(96.2% 0.044 156.743)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "green-200";
-                       CSSLookup.register(name, "oklch(92.5% 0.084 155.995)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "green-300";
-                       CSSLookup.register(name, "oklch(87.1% 0.15 154.449)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "green-400";
-                       CSSLookup.register(name, "oklch(79.2% 0.209 151.711)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "green-500";
-                       CSSLookup.register(name, "oklch(72.3% 0.219 149.579)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "green-600";
-                       CSSLookup.register(name, "oklch(62.7% 0.194 149.214)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "green-700";
-                       CSSLookup.register(name, "oklch(52.7% 0.154 150.069)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "green-800";
-                       CSSLookup.register(name, "oklch(44.8% 0.119 151.328)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "green-900";
-                       CSSLookup.register(name, "oklch(39.3% 0.095 152.535)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "green-950";
-                       CSSLookup.register(name, "oklch(26.6% 0.065 152.934)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/IndigoSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/IndigoSwatch.as
deleted file mode 100644
index 81e9a9bba4..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/IndigoSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class IndigoSwatch
-       {
-               private function IndigoSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "indigo-50";
-                       CSSLookup.register(name, "oklch(96.2% 0.018 272.314)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "indigo-100";
-                       CSSLookup.register(name, "oklch(93% 0.034 272.788)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "indigo-200";
-                       CSSLookup.register(name, "oklch(87% 0.065 274.039)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "indigo-300";
-                       CSSLookup.register(name, "oklch(78.5% 0.115 274.713)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "indigo-400";
-                       CSSLookup.register(name, "oklch(67.3% 0.182 276.935)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "indigo-500";
-                       CSSLookup.register(name, "oklch(58.5% 0.233 277.117)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "indigo-600";
-                       CSSLookup.register(name, "oklch(51.1% 0.262 276.966)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "indigo-700";
-                       CSSLookup.register(name, "oklch(45.7% 0.24 277.023)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "indigo-800";
-                       CSSLookup.register(name, "oklch(39.8% 0.195 277.366)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "indigo-900";
-                       CSSLookup.register(name, "oklch(35.9% 0.144 278.697)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "indigo-950";
-                       CSSLookup.register(name, "oklch(25.7% 0.09 281.288)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/LimeSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/LimeSwatch.as
deleted file mode 100644
index fcc32a31e4..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/LimeSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class LimeSwatch
-       {
-               private function LimeSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "lime-50";
-                       CSSLookup.register(name, "oklch(98.6% 0.031 120.757)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "lime-100";
-                       CSSLookup.register(name, "oklch(96.7% 0.067 122.328)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "lime-200";
-                       CSSLookup.register(name, "oklch(93.8% 0.127 124.321)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "lime-300";
-                       CSSLookup.register(name, "oklch(89.7% 0.196 126.665)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "lime-400";
-                       CSSLookup.register(name, "oklch(84.1% 0.238 128.85)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "lime-500";
-                       CSSLookup.register(name, "oklch(76.8% 0.233 130.85)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "lime-600";
-                       CSSLookup.register(name, "oklch(64.8% 0.2 131.684)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "lime-700";
-                       CSSLookup.register(name, "oklch(53.2% 0.157 131.589)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "lime-800";
-                       CSSLookup.register(name, "oklch(45.3% 0.124 130.933)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "lime-900";
-                       CSSLookup.register(name, "oklch(40.5% 0.101 131.063)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "lime-950";
-                       CSSLookup.register(name, "oklch(27.4% 0.072 132.109)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/MauveSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/MauveSwatch.as
deleted file mode 100644
index e7abc3429e..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/MauveSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class MauveSwatch
-       {
-               private function MauveSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "mauve-50";
-                       CSSLookup.register(name, "oklch(98.5% 0 0)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "mauve-100";
-                       CSSLookup.register(name, "oklch(96% 0.003 325.6)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "mauve-200";
-                       CSSLookup.register(name, "oklch(92.2% 0.005 325.62)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "mauve-300";
-                       CSSLookup.register(name, "oklch(86.5% 0.012 325.68)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "mauve-400";
-                       CSSLookup.register(name, "oklch(71.1% 0.019 323.02)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "mauve-500";
-                       CSSLookup.register(name, "oklch(54.2% 0.034 322.5)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "mauve-600";
-                       CSSLookup.register(name, "oklch(43.5% 0.029 321.78)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "mauve-700";
-                       CSSLookup.register(name, "oklch(36.4% 0.029 323.89)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "mauve-800";
-                       CSSLookup.register(name, "oklch(26.3% 0.024 320.12)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "mauve-900";
-                       CSSLookup.register(name, "oklch(21.2% 0.019 322.12)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "mauve-950";
-                       CSSLookup.register(name, "oklch(14.5% 0.008 326)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/MistSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/MistSwatch.as
deleted file mode 100644
index d6024b4841..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/MistSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class MistSwatch
-       {
-               private function MistSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "mist-50";
-                       CSSLookup.register(name, "oklch(98.7% 0.002 197.1)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "mist-100";
-                       CSSLookup.register(name, "oklch(96.3% 0.002 197.1)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "mist-200";
-                       CSSLookup.register(name, "oklch(92.5% 0.005 214.3)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "mist-300";
-                       CSSLookup.register(name, "oklch(87.2% 0.007 219.6)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "mist-400";
-                       CSSLookup.register(name, "oklch(72.3% 0.014 214.4)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "mist-500";
-                       CSSLookup.register(name, "oklch(56% 0.021 213.5)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "mist-600";
-                       CSSLookup.register(name, "oklch(45% 0.017 213.2)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "mist-700";
-                       CSSLookup.register(name, "oklch(37.8% 0.015 216)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "mist-800";
-                       CSSLookup.register(name, "oklch(27.5% 0.011 216.9)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "mist-900";
-                       CSSLookup.register(name, "oklch(21.8% 0.008 223.9)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "mist-950";
-                       CSSLookup.register(name, "oklch(14.8% 0.004 228.8)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/NeutralSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/NeutralSwatch.as
deleted file mode 100644
index c300e296f5..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/NeutralSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class NeutralSwatch
-       {
-               private function NeutralSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "neutral-50";
-                       CSSLookup.register(name, "oklch(98.5% 0 0)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "neutral-100";
-                       CSSLookup.register(name, "oklch(97% 0 0)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "neutral-200";
-                       CSSLookup.register(name, "oklch(92.2% 0 0)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "neutral-300";
-                       CSSLookup.register(name, "oklch(87% 0 0)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "neutral-400";
-                       CSSLookup.register(name, "oklch(70.8% 0 0)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "neutral-500";
-                       CSSLookup.register(name, "oklch(55.6% 0 0)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "neutral-600";
-                       CSSLookup.register(name, "oklch(43.9% 0 0)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "neutral-700";
-                       CSSLookup.register(name, "oklch(37.1% 0 0)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "neutral-800";
-                       CSSLookup.register(name, "oklch(26.9% 0 0)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "neutral-900";
-                       CSSLookup.register(name, "oklch(20.5% 0 0)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "neutral-950";
-                       CSSLookup.register(name, "oklch(14.5% 0 0)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/OliveSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/OliveSwatch.as
deleted file mode 100644
index 456c92d207..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/OliveSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class OliveSwatch
-       {
-               private function OliveSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "olive-50";
-                       CSSLookup.register(name, "oklch(98.8% 0.003 106.5)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "olive-100";
-                       CSSLookup.register(name, "oklch(96.6% 0.005 106.5)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "olive-200";
-                       CSSLookup.register(name, "oklch(93% 0.007 106.5)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "olive-300";
-                       CSSLookup.register(name, "oklch(88% 0.011 106.6)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "olive-400";
-                       CSSLookup.register(name, "oklch(73.7% 0.021 106.9)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "olive-500";
-                       CSSLookup.register(name, "oklch(58% 0.031 107.3)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "olive-600";
-                       CSSLookup.register(name, "oklch(46.6% 0.025 107.3)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "olive-700";
-                       CSSLookup.register(name, "oklch(39.4% 0.023 107.4)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "olive-800";
-                       CSSLookup.register(name, "oklch(28.6% 0.016 107.4)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "olive-900";
-                       CSSLookup.register(name, "oklch(22.8% 0.013 107.4)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "olive-950";
-                       CSSLookup.register(name, "oklch(15.3% 0.006 107.1)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/OrangeSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/OrangeSwatch.as
deleted file mode 100644
index 73904e9a92..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/OrangeSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class OrangeSwatch
-       {
-               private function OrangeSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "orange-50";
-                       CSSLookup.register(name, "oklch(98% 0.016 73.684)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "orange-100";
-                       CSSLookup.register(name, "oklch(95.4% 0.038 75.164)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "orange-200";
-                       CSSLookup.register(name, "oklch(90.1% 0.076 70.697)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "orange-300";
-                       CSSLookup.register(name, "oklch(83.7% 0.128 66.29)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "orange-400";
-                       CSSLookup.register(name, "oklch(75% 0.183 55.934)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "orange-500";
-                       CSSLookup.register(name, "oklch(70.5% 0.213 47.604)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "orange-600";
-                       CSSLookup.register(name, "oklch(64.6% 0.222 41.116)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "orange-700";
-                       CSSLookup.register(name, "oklch(55.3% 0.195 38.402)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "orange-800";
-                       CSSLookup.register(name, "oklch(47% 0.157 37.304)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "orange-900";
-                       CSSLookup.register(name, "oklch(40.8% 0.123 38.172)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "orange-950";
-                       CSSLookup.register(name, "oklch(26.6% 0.079 36.259)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/PinkSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/PinkSwatch.as
deleted file mode 100644
index 8375bdc56e..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/PinkSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class PinkSwatch
-       {
-               private function PinkSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "pink-50";
-                       CSSLookup.register(name, "oklch(97.1% 0.014 343.198)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "pink-100";
-                       CSSLookup.register(name, "oklch(94.8% 0.028 342.258)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "pink-200";
-                       CSSLookup.register(name, "oklch(89.9% 0.061 343.231)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "pink-300";
-                       CSSLookup.register(name, "oklch(82.3% 0.12 346.018)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "pink-400";
-                       CSSLookup.register(name, "oklch(71.8% 0.202 349.761)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "pink-500";
-                       CSSLookup.register(name, "oklch(65.6% 0.241 354.308)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "pink-600";
-                       CSSLookup.register(name, "oklch(59.2% 0.249 0.584)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "pink-700";
-                       CSSLookup.register(name, "oklch(52.5% 0.223 3.958)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "pink-800";
-                       CSSLookup.register(name, "oklch(45.9% 0.187 3.815)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "pink-900";
-                       CSSLookup.register(name, "oklch(40.8% 0.153 2.432)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "pink-950";
-                       CSSLookup.register(name, "oklch(28.4% 0.109 3.907)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/PurpleSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/PurpleSwatch.as
deleted file mode 100644
index 1740b27943..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/PurpleSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class PurpleSwatch
-       {
-               private function PurpleSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "purple-50";
-                       CSSLookup.register(name, "oklch(97.7% 0.014 308.299)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "purple-100";
-                       CSSLookup.register(name, "oklch(94.6% 0.033 307.174)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "purple-200";
-                       CSSLookup.register(name, "oklch(90.2% 0.063 306.703)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "purple-300";
-                       CSSLookup.register(name, "oklch(82.7% 0.119 306.383)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "purple-400";
-                       CSSLookup.register(name, "oklch(71.4% 0.203 305.504)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "purple-500";
-                       CSSLookup.register(name, "oklch(62.7% 0.265 303.9)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "purple-600";
-                       CSSLookup.register(name, "oklch(55.8% 0.288 302.321)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "purple-700";
-                       CSSLookup.register(name, "oklch(49.6% 0.265 301.924)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "purple-800";
-                       CSSLookup.register(name, "oklch(43.8% 0.218 303.724)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "purple-900";
-                       CSSLookup.register(name, "oklch(38.1% 0.176 304.987)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "purple-950";
-                       CSSLookup.register(name, "oklch(29.1% 0.149 302.717)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/RedSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/RedSwatch.as
deleted file mode 100644
index 66cd5ae4a0..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/RedSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class RedSwatch
-       {
-               private function RedSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "red-50";
-                       CSSLookup.register(name, "oklch(97.1% 0.013 17.38)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "red-100";
-                       CSSLookup.register(name, "oklch(93.6% 0.032 17.717)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "red-200";
-                       CSSLookup.register(name, "oklch(88.5% 0.062 18.334)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "red-300";
-                       CSSLookup.register(name, "oklch(80.8% 0.114 19.571)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "red-400";
-                       CSSLookup.register(name, "oklch(70.4% 0.191 22.216)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "red-500";
-                       CSSLookup.register(name, "oklch(63.7% 0.237 25.331)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "red-600";
-                       CSSLookup.register(name, "oklch(57.7% 0.245 27.325)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "red-700";
-                       CSSLookup.register(name, "oklch(50.5% 0.213 27.518)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "red-800";
-                       CSSLookup.register(name, "oklch(44.4% 0.177 26.899)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "red-900";
-                       CSSLookup.register(name, "oklch(39.6% 0.141 25.723)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "red-950";
-                       CSSLookup.register(name, "oklch(25.8% 0.092 26.042)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/RoseSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/RoseSwatch.as
deleted file mode 100644
index 9001af2a2a..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/RoseSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class RoseSwatch
-       {
-               private function RoseSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "rose-50";
-                       CSSLookup.register(name, "oklch(96.9% 0.015 12.422)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "rose-100";
-                       CSSLookup.register(name, "oklch(94.1% 0.03 12.58)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "rose-200";
-                       CSSLookup.register(name, "oklch(89.2% 0.058 10.001)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "rose-300";
-                       CSSLookup.register(name, "oklch(81% 0.117 11.638)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "rose-400";
-                       CSSLookup.register(name, "oklch(71.2% 0.194 13.428)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "rose-500";
-                       CSSLookup.register(name, "oklch(64.5% 0.246 16.439)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "rose-600";
-                       CSSLookup.register(name, "oklch(58.6% 0.253 17.585)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "rose-700";
-                       CSSLookup.register(name, "oklch(51.4% 0.222 16.935)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "rose-800";
-                       CSSLookup.register(name, "oklch(45.5% 0.188 13.697)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "rose-900";
-                       CSSLookup.register(name, "oklch(41% 0.159 10.272)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "rose-950";
-                       CSSLookup.register(name, "oklch(27.1% 0.105 12.094)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/SkySwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/SkySwatch.as
deleted file mode 100644
index 812dd6fcbd..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/SkySwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class SkySwatch
-       {
-               private function SkySwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "sky-50";
-                       CSSLookup.register(name, "oklch(97.7% 0.013 236.62)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "sky-100";
-                       CSSLookup.register(name, "oklch(95.1% 0.026 236.824)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "sky-200";
-                       CSSLookup.register(name, "oklch(90.1% 0.058 230.902)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "sky-300";
-                       CSSLookup.register(name, "oklch(82.8% 0.111 230.318)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "sky-400";
-                       CSSLookup.register(name, "oklch(74.6% 0.16 232.661)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "sky-500";
-                       CSSLookup.register(name, "oklch(68.5% 0.169 237.323)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "sky-600";
-                       CSSLookup.register(name, "oklch(58.8% 0.158 241.966)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "sky-700";
-                       CSSLookup.register(name, "oklch(50% 0.134 242.749)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "sky-800";
-                       CSSLookup.register(name, "oklch(44.3% 0.11 240.79)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "sky-900";
-                       CSSLookup.register(name, "oklch(39.1% 0.09 240.876)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "sky-950";
-                       CSSLookup.register(name, "oklch(29.3% 0.066 243.157)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/SlateSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/SlateSwatch.as
deleted file mode 100644
index f8789c71be..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/SlateSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class SlateSwatch
-       {
-               private function SlateSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "slate-50";
-                       CSSLookup.register(name, "oklch(98.4% 0.003 247.858)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "slate-100";
-                       CSSLookup.register(name, "oklch(96.8% 0.007 247.896)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "slate-200";
-                       CSSLookup.register(name, "oklch(92.9% 0.013 255.508)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "slate-300";
-                       CSSLookup.register(name, "oklch(86.9% 0.022 252.894)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "slate-400";
-                       CSSLookup.register(name, "oklch(70.4% 0.04 256.788)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "slate-500";
-                       CSSLookup.register(name, "oklch(55.4% 0.046 257.417)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "slate-600";
-                       CSSLookup.register(name, "oklch(44.6% 0.043 257.281)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "slate-700";
-                       CSSLookup.register(name, "oklch(37.2% 0.044 257.287)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "slate-800";
-                       CSSLookup.register(name, "oklch(27.9% 0.041 260.031)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "slate-900";
-                       CSSLookup.register(name, "oklch(20.8% 0.042 265.755)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "slate-950";
-                       CSSLookup.register(name, "oklch(12.9% 0.042 264.695)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/StoneSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/StoneSwatch.as
deleted file mode 100644
index 523070e682..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/StoneSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class StoneSwatch
-       {
-               private function StoneSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "stone-50";
-                       CSSLookup.register(name, "oklch(98.5% 0.001 106.423)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "stone-100";
-                       CSSLookup.register(name, "oklch(97% 0.001 106.424)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "stone-200";
-                       CSSLookup.register(name, "oklch(92.3% 0.003 48.717)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "stone-300";
-                       CSSLookup.register(name, "oklch(86.9% 0.005 56.366)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "stone-400";
-                       CSSLookup.register(name, "oklch(70.9% 0.01 56.259)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "stone-500";
-                       CSSLookup.register(name, "oklch(55.3% 0.013 58.071)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "stone-600";
-                       CSSLookup.register(name, "oklch(44.4% 0.011 73.639)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "stone-700";
-                       CSSLookup.register(name, "oklch(37.4% 0.01 67.558)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "stone-800";
-                       CSSLookup.register(name, "oklch(26.8% 0.007 34.298)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "stone-900";
-                       CSSLookup.register(name, "oklch(21.6% 0.006 56.043)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "stone-950";
-                       CSSLookup.register(name, "oklch(14.7% 0.004 49.25)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/TaupeSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/TaupeSwatch.as
deleted file mode 100644
index c4a630a988..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/TaupeSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class TaupeSwatch
-       {
-               private function TaupeSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "taupe-50";
-                       CSSLookup.register(name, "oklch(98.6% 0.002 67.8)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "taupe-100";
-                       CSSLookup.register(name, "oklch(96% 0.002 17.2)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "taupe-200";
-                       CSSLookup.register(name, "oklch(92.2% 0.005 34.3)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "taupe-300";
-                       CSSLookup.register(name, "oklch(86.8% 0.007 39.5)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "taupe-400";
-                       CSSLookup.register(name, "oklch(71.4% 0.014 41.2)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "taupe-500";
-                       CSSLookup.register(name, "oklch(54.7% 0.021 43.1)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "taupe-600";
-                       CSSLookup.register(name, "oklch(43.8% 0.017 39.3)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "taupe-700";
-                       CSSLookup.register(name, "oklch(36.7% 0.016 35.7)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "taupe-800";
-                       CSSLookup.register(name, "oklch(26.8% 0.011 36.5)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "taupe-900";
-                       CSSLookup.register(name, "oklch(21.4% 0.009 43.1)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "taupe-950";
-                       CSSLookup.register(name, "oklch(14.7% 0.004 49.3)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/TealSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/TealSwatch.as
deleted file mode 100644
index b179364e19..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/TealSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class TealSwatch
-       {
-               private function TealSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "teal-50";
-                       CSSLookup.register(name, "oklch(98.4% 0.014 180.72)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "teal-100";
-                       CSSLookup.register(name, "oklch(95.3% 0.051 180.801)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "teal-200";
-                       CSSLookup.register(name, "oklch(91% 0.096 180.426)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "teal-300";
-                       CSSLookup.register(name, "oklch(85.5% 0.138 181.071)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "teal-400";
-                       CSSLookup.register(name, "oklch(77.7% 0.152 181.912)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "teal-500";
-                       CSSLookup.register(name, "oklch(70.4% 0.14 182.503)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "teal-600";
-                       CSSLookup.register(name, "oklch(60% 0.118 184.704)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "teal-700";
-                       CSSLookup.register(name, "oklch(51.1% 0.096 186.391)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "teal-800";
-                       CSSLookup.register(name, "oklch(43.7% 0.078 188.216)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "teal-900";
-                       CSSLookup.register(name, "oklch(38.6% 0.063 188.416)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "teal-950";
-                       CSSLookup.register(name, "oklch(27.7% 0.046 192.524)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/VioletSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/VioletSwatch.as
deleted file mode 100644
index abc2d79b33..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/VioletSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class VioletSwatch
-       {
-               private function VioletSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "violet-50";
-                       CSSLookup.register(name, "oklch(96.9% 0.016 293.756)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "violet-100";
-                       CSSLookup.register(name, "oklch(94.3% 0.029 294.588)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "violet-200";
-                       CSSLookup.register(name, "oklch(89.4% 0.057 293.283)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "violet-300";
-                       CSSLookup.register(name, "oklch(81.1% 0.111 293.571)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "violet-400";
-                       CSSLookup.register(name, "oklch(70.2% 0.183 293.541)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "violet-500";
-                       CSSLookup.register(name, "oklch(60.6% 0.25 292.717)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "violet-600";
-                       CSSLookup.register(name, "oklch(54.1% 0.281 293.009)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "violet-700";
-                       CSSLookup.register(name, "oklch(49.1% 0.27 292.581)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "violet-800";
-                       CSSLookup.register(name, "oklch(43.2% 0.232 292.759)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "violet-900";
-                       CSSLookup.register(name, "oklch(38% 0.189 293.745)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "violet-950";
-                       CSSLookup.register(name, "oklch(28.3% 0.141 291.089)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/YellowSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/YellowSwatch.as
deleted file mode 100644
index d014d42077..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/YellowSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class YellowSwatch
-       {
-               private function YellowSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "yellow-50";
-                       CSSLookup.register(name, "oklch(98.7% 0.026 102.212)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "yellow-100";
-                       CSSLookup.register(name, "oklch(97.3% 0.071 103.193)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "yellow-200";
-                       CSSLookup.register(name, "oklch(94.5% 0.129 101.54)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "yellow-300";
-                       CSSLookup.register(name, "oklch(90.5% 0.182 98.111)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "yellow-400";
-                       CSSLookup.register(name, "oklch(85.2% 0.199 91.936)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "yellow-500";
-                       CSSLookup.register(name, "oklch(79.5% 0.184 86.047)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "yellow-600";
-                       CSSLookup.register(name, "oklch(68.1% 0.162 75.834)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "yellow-700";
-                       CSSLookup.register(name, "oklch(55.4% 0.135 66.442)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "yellow-800";
-                       CSSLookup.register(name, "oklch(47.6% 0.114 61.907)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "yellow-900";
-                       CSSLookup.register(name, "oklch(42.1% 0.095 57.708)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "yellow-950";
-                       CSSLookup.register(name, "oklch(28.6% 0.066 53.813)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/ZincSwatch.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/ZincSwatch.as
deleted file mode 100644
index 74c924bdf1..0000000000
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/colors/ZincSwatch.as
+++ /dev/null
@@ -1,100 +0,0 @@
-////////////////////////////////////////////////////////////////////////////////
-//
-//  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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.colors
-{
-       import org.apache.royale.style.util.CSSLookup;
-
-       /**
-        * @royalesuppressexport
-        */
-       public class ZincSwatch
-       {
-               private function ZincSwatch()
-               {
-                       
-               }
-               public static function get _50():String
-               {
-                       var name:String = "zinc-50";
-                       CSSLookup.register(name, "oklch(98.5% 0 0)");
-                       return name;
-               }
-               public static function get _100():String
-               {
-                       var name:String = "zinc-100";
-                       CSSLookup.register(name, "oklch(96.7% 0.001 286.375)");
-                       return name;
-               }
-               public static function get _200():String
-               {
-                       var name:String = "zinc-200";
-                       CSSLookup.register(name, "oklch(92% 0.004 286.32)");
-                       return name;
-               }
-               public static function get _300():String
-               {
-                       var name:String = "zinc-300";
-                       CSSLookup.register(name, "oklch(87.1% 0.006 286.286)");
-                       return name;
-               }
-               public static function get _400():String
-               {
-                       var name:String = "zinc-400";
-                       CSSLookup.register(name, "oklch(70.5% 0.015 286.067)");
-                       return name;
-               }
-               public static function get _500():String
-               {
-                       var name:String = "zinc-500";
-                       CSSLookup.register(name, "oklch(55.2% 0.016 285.938)");
-                       return name;
-               }
-               public static function get _600():String
-               {
-                       var name:String = "zinc-600";
-                       CSSLookup.register(name, "oklch(44.2% 0.017 285.786)");
-                       return name;
-               }
-               public static function get _700():String
-               {
-                       var name:String = "zinc-700";
-                       CSSLookup.register(name, "oklch(37% 0.013 285.805)");
-                       return name;
-               }
-               public static function get _800():String
-               {
-                       var name:String = "zinc-800";
-                       CSSLookup.register(name, "oklch(27.4% 0.006 286.033)");
-                       return name;
-               }
-               public static function get _900():String
-               {
-                       var name:String = "zinc-900";
-                       CSSLookup.register(name, "oklch(21% 0.006 285.885)");
-                       return name;
-               }
-               public static function get _950():String
-               {
-                       var name:String = "zinc-950";
-                       CSSLookup.register(name, "oklch(14.1% 0.005 285.823)");
-                       return name;
-               }
-
-       }
-}
\ No newline at end of file
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/skins/CheckBoxSkin.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/skins/CheckBoxSkin.as
index e2eea7e931..994bef6fd3 100644
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/skins/CheckBoxSkin.as
+++ 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/skins/CheckBoxSkin.as
@@ -39,14 +39,12 @@ package org.apache.royale.style.skins
        import org.apache.royale.style.stylebeads.border.BorderRadius;
        import org.apache.royale.style.util.ThemeManager;
        import org.apache.royale.style.stylebeads.border.BorderWidth;
-       import org.apache.royale.style.colors.SlateSwatch;
        import org.apache.royale.style.stylebeads.border.BorderColor;
        import org.apache.royale.style.stylebeads.anim.Transition;
        import org.apache.royale.style.stylebeads.states.PeerPseudo;
        import org.apache.royale.style.stylebeads.states.FocusVisibleState;
        import org.apache.royale.style.stylebeads.border.Outline;
        import org.apache.royale.style.stylebeads.states.CheckedState;
-       import org.apache.royale.style.colors.OrangeSwatch;
        import org.apache.royale.style.stylebeads.background.BackgroundColor;
        import org.apache.royale.style.stylebeads.states.IndeterminateState;
        import org.apache.royale.style.stylebeads.typography.FontSize;
@@ -152,30 +150,30 @@ package org.apache.royale.style.skins
                                new WidthStyle(box),
                                new 
BorderRadius(ThemeManager.instance.activeTheme.radiusSM),
                                new BorderWidth(2),
-                               new BorderColor(SlateSwatch._500),
+                               new BorderColor("slate-500"),
                                new Transition()
                        ];
                        var peer:PeerPseudo = new PeerPseudo();
                        var focusVisible:FocusVisibleState = new 
FocusVisibleState();
                        var outline1:Outline = new Outline();
                        outline1.width = 2;
-                       outline1.color = "oklch(70.5% 0.213 47.604 / .40)";
+                       outline1.color = "orange-500/40";
                        outline1.offset = 2;
                        focusVisible.styles = [outline1];
                        var checked:CheckedState = new CheckedState();
                        checked.styles = [
-                               new BorderColor(OrangeSwatch._500),
-                               new BackgroundColor(OrangeSwatch._500)
+                               new BorderColor("orange-500"),
+                               new BackgroundColor("orange-500")
                        ];
                        var indeterminate:IndeterminateState = new 
IndeterminateState();
                        indeterminate.styles = [
-                               new BorderColor(OrangeSwatch._500),
-                               new BackgroundColor(OrangeSwatch._500)
+                               new BorderColor("orange-500"),
+                               new BackgroundColor("orange-500")
                        ];
                        var disabled:DisabledState = new DisabledState();
                        disabled.styles = [
-                               new BorderColor(SlateSwatch._300),
-                               new BackgroundColor(SlateSwatch._100)
+                               new BorderColor("slate-300"),
+                               new BackgroundColor("slate-100")
                        ];
 
                        peer.styles = [
@@ -249,12 +247,12 @@ package org.apache.royale.style.skins
                                new GridRowStart("1"),
                                new FontSize(fontSize),
                                new FontWeight("600"),
-                               new TextColor(SlateSwatch._800)
+                               new TextColor("slate-800")
                        ];
                        var peer:PeerPseudo = new PeerPseudo();
                        var disabled:DisabledState = new DisabledState();
                        disabled.styles = [
-                               new TextColor(SlateSwatch._400)
+                               new TextColor("slate-400")
                        ];
                        peer.styles = [
                                disabled
@@ -324,11 +322,11 @@ package org.apache.royale.style.skins
                                                        new OpacityStyle(0)
                                                ]),
                                                new DisabledState([
-                                                       new 
BorderColor(SlateSwatch._300)
+                                                       new 
BorderColor("slate-300"),
                                                ])
                                        ])
                                ];
-                               div.styleBeads = [styles];
+                               div.addStyleBead(styles);
                                // TODO dark mode styles
                        }
 
@@ -384,7 +382,7 @@ dark:peer-disabled:border-slate-500
                                                        new OpacityStyle(1)
                                                ]),
                                                new DisabledState([
-                                                       new 
BackgroundColor(SlateSwatch._300)
+                                                       new 
BackgroundColor("slate-300")
                                                ])
                                        ])
                                ];
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/StyleBeadBase.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/StyleBeadBase.as
index af16239c2c..8e2c2fa477 100644
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/StyleBeadBase.as
+++ 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/StyleBeadBase.as
@@ -24,6 +24,7 @@ package org.apache.royale.style.stylebeads
        import org.apache.royale.debugging.assert;
        import org.apache.royale.style.util.CSSLookup;
        import org.apache.royale.style.util.StyleData;
+       import org.apache.royale.style.colors.ColorSwatch;
        
        [DefaultProperty("styles")]
        /**
@@ -117,7 +118,13 @@ package org.apache.royale.style.stylebeads
                                        break;
                                default:
                                        // assert(CSSLookup.has(selectorVal), 
"Invalid color value: " + value);
-                                       ruleVal = 
CSSLookup.getProperty(selectorVal);
+                                       if(CSSLookup.has(selectorVal))
+                                               ruleVal = 
CSSLookup.getProperty(selectorVal);
+                                       else
+                                       {
+                                               var color:ColorSwatch = 
ColorSwatch.fromSpecifier(selectorVal);
+                                               ruleVal = color.colorValue;
+                                       }
                                        break;
                        }
                        return new StyleData(selectorVal, ruleVal,value);
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/PeerPseudo.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/PeerPseudo.as
index c687da3322..fa02d86d51 100644
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/PeerPseudo.as
+++ 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/PeerPseudo.as
@@ -32,7 +32,7 @@ package org.apache.royale.style.stylebeads.states
                {
                        var selector:String = "peer";
                        style.selectorPrefix = selector + ":" + 
style.selectorPrefix;
-                       style.rulePrefix = "." + selector + "\\:" +  
style.rulePrefix + "~";
+                       // style.rulePrefix = "." + selector + "\\:" +  
style.rulePrefix + "~";
                        style.ruleSuffix = selector + ":" + style.ruleSuffix;
                        
                        if(parentStyle)
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleManager.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleManager.as
index 131f0d46d2..451db5ab0d 100644
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleManager.as
+++ 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleManager.as
@@ -53,9 +53,14 @@ package org.apache.royale.style.util
                {
                        COMPILE::JS
                        {
+                               selector = normalizeSelector(selector);
                                getStyleSheet().insertRule(selector + "{" + 
rule + "}", ruleIdx++);
                        }
                }
+               private static function 
normalizeSelector(selector:String):String
+               {                       // TODO this is pretty naive. We should 
probably be doing some kind of parsing here.
+                       return selector.replace(/:/g, "\\:").replace(/\./g, 
"\\.");
+               }
                COMPILE::JS
                private static var ss:CSSStyleSheet;
                COMPILE::JS
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleTheme.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleTheme.as
index d706d9842b..13f18c885a 100644
--- 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleTheme.as
+++ 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleTheme.as
@@ -18,7 +18,6 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.util
 {
-       import org.apache.royale.style.colors.SlateSwatch;
 
        /**
         * @royalesuppressexport

Reply via email to