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 2a04904b3a Added CSSLookup
2a04904b3a is described below

commit 2a04904b3a1b347298a98260d008306fdebac45b
Author: Harbs <[email protected]>
AuthorDate: Wed Feb 25 10:17:28 2026 +0200

    Added CSSLookup
---
 frameworks/projects/Style/README.md                | 14 ++++
 .../org/apache/royale/style/colors/AmberSwatch.as  | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/BlueSwatch.as   | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/CyanSwatch.as   | 68 +++++++++++++-------
 .../apache/royale/style/colors/EmeraldSwatch.as    | 68 +++++++++++++-------
 .../apache/royale/style/colors/FuchsiaSwatch.as    | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/GraySwatch.as   | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/GreenSwatch.as  | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/IndigoSwatch.as | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/LimeSwatch.as   | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/MauveSwatch.as  | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/MistSwatch.as   | 68 +++++++++++++-------
 .../apache/royale/style/colors/NeutralSwatch.as    | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/OliveSwatch.as  | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/OrangeSwatch.as | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/PinkSwatch.as   | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/PurpleSwatch.as | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/RedSwatch.as    | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/RoseSwatch.as   | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/SkySwatch.as    | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/SlateSwatch.as  | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/StoneSwatch.as  | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/TaupeSwatch.as  | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/TealSwatch.as   | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/VioletSwatch.as | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/YellowSwatch.as | 68 +++++++++++++-------
 .../org/apache/royale/style/colors/ZincSwatch.as   | 68 +++++++++++++-------
 .../{effects => filters}/BackdropFilter.as         |  0
 .../{effects => filters}/FilterEffect.as           |  0
 .../{effects => filters}/FilterEffectBase.as       |  0
 .../org/apache/royale/style/util/CSSLookup.as      | 74 ++++++++++++++++++++++
 31 files changed, 1284 insertions(+), 572 deletions(-)

diff --git a/frameworks/projects/Style/README.md 
b/frameworks/projects/Style/README.md
index 28105a5827..81ec16d4e2 100644
--- a/frameworks/projects/Style/README.md
+++ b/frameworks/projects/Style/README.md
@@ -58,6 +58,20 @@ SVG icons are created at runtime as well, enabling:
 - scalable icon rendering,
 - flexible icon usage without requiring a large set of precompiled assets.
 
+## Implementation Details
+
+### CSS Variables and Lookups
+- This component set supports faux CSS variables by using a global CSS lookup 
system.
+- Custom CSS variables can be registered and used anywhere CSS values are 
accepted, such as in style beads or component styles.
+- The naming of these vartiables is flexible, but they must be registered with 
the CSS lookup system to be used in styles.
+-- The names must **not** include the `--` prefix that is typically used in 
CSS variable naming. For example, a color variable would be registered as 
`primary` instead of `--primary`.
+
+### Colors
+- Colors are defined as static properties on color swatch classes (e.g., 
`SkySwatch._500`).
+- When accessed, these properties register the color value with a global CSS 
lookup and return a string name that can be used in style beads and components.
+- This allows for dynamic color generation and usage without needing to 
pre-generate static CSS classes for each color variant.
+- Anywhere colors are applied, the string name of the color should be used, , 
but the nmes must be registered by CSSLookup first.
+
 ## Why this project
 
 Traditional styling in large component systems can become rigid over time. 
This project aims to keep Royale styling lightweight, composable, and 
application-driven by combining:
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
index 76bc10577e..517960813f 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("amber-50","oklch(98.7% 0.022 
95.277)") ;
+                       var name:String = "amber-50";
+                       CSSLookup.register(name, "oklch(98.7% 0.022 95.277)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("amber-100","oklch(96.2% 0.059 
95.617)") ;
+                       var name:String = "amber-100";
+                       CSSLookup.register(name, "oklch(96.2% 0.059 95.617)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("amber-200","oklch(92.4% 0.12 
95.746)") ;
+                       var name:String = "amber-200";
+                       CSSLookup.register(name, "oklch(92.4% 0.12 95.746)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("amber-300","oklch(87.9% 0.169 
91.605)") ;
+                       var name:String = "amber-300";
+                       CSSLookup.register(name, "oklch(87.9% 0.169 91.605)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("amber-400","oklch(82.8% 0.189 
84.429)") ;
+                       var name:String = "amber-400";
+                       CSSLookup.register(name, "oklch(82.8% 0.189 84.429)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("amber-500","oklch(76.9% 0.188 
70.08)") ;
+                       var name:String = "amber-500";
+                       CSSLookup.register(name, "oklch(76.9% 0.188 70.08)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("amber-600","oklch(66.6% 0.179 
58.318)") ;
+                       var name:String = "amber-600";
+                       CSSLookup.register(name, "oklch(66.6% 0.179 58.318)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("amber-700","oklch(55.5% 0.163 
48.998)") ;
+                       var name:String = "amber-700";
+                       CSSLookup.register(name, "oklch(55.5% 0.163 48.998)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("amber-800","oklch(47.3% 0.137 
46.201)") ;
+                       var name:String = "amber-800";
+                       CSSLookup.register(name, "oklch(47.3% 0.137 46.201)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("amber-900","oklch(41.4% 0.112 
45.904)") ;
+                       var name:String = "amber-900";
+                       CSSLookup.register(name, "oklch(41.4% 0.112 45.904)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("amber-950","oklch(27.9% 0.077 
45.635)") ;
+                       var name:String = "amber-950";
+                       CSSLookup.register(name, "oklch(27.9% 0.077 45.635)");
+                       return name;
                }
 
        }
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
index 91fd54b880..e72457b4dc 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("blue-50","oklch(97% 0.014 
254.604)") ;
+                       var name:String = "blue-50";
+                       CSSLookup.register(name, "oklch(97% 0.014 254.604)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("blue-100","oklch(93.2% 0.032 
255.585)") ;
+                       var name:String = "blue-100";
+                       CSSLookup.register(name, "oklch(93.2% 0.032 255.585)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("blue-200","oklch(88.2% 0.059 
254.128)") ;
+                       var name:String = "blue-200";
+                       CSSLookup.register(name, "oklch(88.2% 0.059 254.128)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("blue-300","oklch(80.9% 0.105 
251.813)") ;
+                       var name:String = "blue-300";
+                       CSSLookup.register(name, "oklch(80.9% 0.105 251.813)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("blue-400","oklch(70.7% 0.165 
254.624)") ;
+                       var name:String = "blue-400";
+                       CSSLookup.register(name, "oklch(70.7% 0.165 254.624)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("blue-500","oklch(62.3% 0.214 
259.815)") ;
+                       var name:String = "blue-500";
+                       CSSLookup.register(name, "oklch(62.3% 0.214 259.815)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("blue-600","oklch(54.6% 0.245 
262.881)") ;
+                       var name:String = "blue-600";
+                       CSSLookup.register(name, "oklch(54.6% 0.245 262.881)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("blue-700","oklch(48.8% 0.243 
264.376)") ;
+                       var name:String = "blue-700";
+                       CSSLookup.register(name, "oklch(48.8% 0.243 264.376)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("blue-800","oklch(42.4% 0.199 
265.638)") ;
+                       var name:String = "blue-800";
+                       CSSLookup.register(name, "oklch(42.4% 0.199 265.638)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("blue-900","oklch(37.9% 0.146 
265.522)") ;
+                       var name:String = "blue-900";
+                       CSSLookup.register(name, "oklch(37.9% 0.146 265.522)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("blue-950","oklch(28.2% 0.091 
267.935)") ;
+                       var name:String = "blue-950";
+                       CSSLookup.register(name, "oklch(28.2% 0.091 267.935)");
+                       return name;
                }
 
        }
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
index a969baa02f..a21ba55b42 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("cyan-50","oklch(98.4% 0.019 
200.873)") ;
+                       var name:String = "cyan-50";
+                       CSSLookup.register(name, "oklch(98.4% 0.019 200.873)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("cyan-100","oklch(95.6% 0.045 
203.388)") ;
+                       var name:String = "cyan-100";
+                       CSSLookup.register(name, "oklch(95.6% 0.045 203.388)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("cyan-200","oklch(91.7% 0.08 
205.041)") ;
+                       var name:String = "cyan-200";
+                       CSSLookup.register(name, "oklch(91.7% 0.08 205.041)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("cyan-300","oklch(86.5% 0.127 
207.078)") ;
+                       var name:String = "cyan-300";
+                       CSSLookup.register(name, "oklch(86.5% 0.127 207.078)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("cyan-400","oklch(78.9% 0.154 
211.53)") ;
+                       var name:String = "cyan-400";
+                       CSSLookup.register(name, "oklch(78.9% 0.154 211.53)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("cyan-500","oklch(71.5% 0.143 
215.221)") ;
+                       var name:String = "cyan-500";
+                       CSSLookup.register(name, "oklch(71.5% 0.143 215.221)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("cyan-600","oklch(60.9% 0.126 
221.723)") ;
+                       var name:String = "cyan-600";
+                       CSSLookup.register(name, "oklch(60.9% 0.126 221.723)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("cyan-700","oklch(52% 0.105 
223.128)") ;
+                       var name:String = "cyan-700";
+                       CSSLookup.register(name, "oklch(52% 0.105 223.128)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("cyan-800","oklch(45% 0.085 
224.283)") ;
+                       var name:String = "cyan-800";
+                       CSSLookup.register(name, "oklch(45% 0.085 224.283)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("cyan-900","oklch(39.8% 0.07 
227.392)") ;
+                       var name:String = "cyan-900";
+                       CSSLookup.register(name, "oklch(39.8% 0.07 227.392)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("cyan-950","oklch(30.2% 0.056 
229.695)") ;
+                       var name:String = "cyan-950";
+                       CSSLookup.register(name, "oklch(30.2% 0.056 229.695)");
+                       return name;
                }
 
        }
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
index 73543dc5d3..109dba7d19 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("emerald-50","oklch(97.9% 0.021 
166.113)") ;
+                       var name:String = "emerald-50";
+                       CSSLookup.register(name, "oklch(97.9% 0.021 166.113)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("emerald-100","oklch(95% 0.052 
163.051)") ;
+                       var name:String = "emerald-100";
+                       CSSLookup.register(name, "oklch(95% 0.052 163.051)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("emerald-200","oklch(90.5% 0.093 
164.15)") ;
+                       var name:String = "emerald-200";
+                       CSSLookup.register(name, "oklch(90.5% 0.093 164.15)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("emerald-300","oklch(84.5% 0.143 
164.978)") ;
+                       var name:String = "emerald-300";
+                       CSSLookup.register(name, "oklch(84.5% 0.143 164.978)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("emerald-400","oklch(76.5% 0.177 
163.223)") ;
+                       var name:String = "emerald-400";
+                       CSSLookup.register(name, "oklch(76.5% 0.177 163.223)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("emerald-500","oklch(69.6% 0.17 
162.48)") ;
+                       var name:String = "emerald-500";
+                       CSSLookup.register(name, "oklch(69.6% 0.17 162.48)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("emerald-600","oklch(59.6% 0.145 
163.225)") ;
+                       var name:String = "emerald-600";
+                       CSSLookup.register(name, "oklch(59.6% 0.145 163.225)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("emerald-700","oklch(50.8% 0.118 
165.612)") ;
+                       var name:String = "emerald-700";
+                       CSSLookup.register(name, "oklch(50.8% 0.118 165.612)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("emerald-800","oklch(43.2% 0.095 
166.913)") ;
+                       var name:String = "emerald-800";
+                       CSSLookup.register(name, "oklch(43.2% 0.095 166.913)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("emerald-900","oklch(37.8% 0.077 
168.94)") ;
+                       var name:String = "emerald-900";
+                       CSSLookup.register(name, "oklch(37.8% 0.077 168.94)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("emerald-950","oklch(26.2% 0.051 
172.552)") ;
+                       var name:String = "emerald-950";
+                       CSSLookup.register(name, "oklch(26.2% 0.051 172.552)");
+                       return name;
                }
 
        }
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
index e77eefb339..e28a01bd6a 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("fuchsia-50","oklch(97.7% 0.017 
320.058)") ;
+                       var name:String = "fuchsia-50";
+                       CSSLookup.register(name, "oklch(97.7% 0.017 320.058)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("fuchsia-100","oklch(95.2% 0.037 
318.852)") ;
+                       var name:String = "fuchsia-100";
+                       CSSLookup.register(name, "oklch(95.2% 0.037 318.852)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("fuchsia-200","oklch(90.3% 0.076 
319.62)") ;
+                       var name:String = "fuchsia-200";
+                       CSSLookup.register(name, "oklch(90.3% 0.076 319.62)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("fuchsia-300","oklch(83.3% 0.145 
321.434)") ;
+                       var name:String = "fuchsia-300";
+                       CSSLookup.register(name, "oklch(83.3% 0.145 321.434)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("fuchsia-400","oklch(74% 0.238 
322.16)") ;
+                       var name:String = "fuchsia-400";
+                       CSSLookup.register(name, "oklch(74% 0.238 322.16)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("fuchsia-500","oklch(66.7% 0.295 
322.15)") ;
+                       var name:String = "fuchsia-500";
+                       CSSLookup.register(name, "oklch(66.7% 0.295 322.15)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("fuchsia-600","oklch(59.1% 0.293 
322.896)") ;
+                       var name:String = "fuchsia-600";
+                       CSSLookup.register(name, "oklch(59.1% 0.293 322.896)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("fuchsia-700","oklch(51.8% 0.253 
323.949)") ;
+                       var name:String = "fuchsia-700";
+                       CSSLookup.register(name, "oklch(51.8% 0.253 323.949)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("fuchsia-800","oklch(45.2% 0.211 
324.591)") ;
+                       var name:String = "fuchsia-800";
+                       CSSLookup.register(name, "oklch(45.2% 0.211 324.591)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("fuchsia-900","oklch(40.1% 0.17 
325.612)") ;
+                       var name:String = "fuchsia-900";
+                       CSSLookup.register(name, "oklch(40.1% 0.17 325.612)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("fuchsia-950","oklch(29.3% 0.136 
325.661)") ;
+                       var name:String = "fuchsia-950";
+                       CSSLookup.register(name, "oklch(29.3% 0.136 325.661)");
+                       return name;
                }
 
        }
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
index a598be031e..5ab1c46622 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("gray-50","oklch(98.5% 0.002 
247.839)") ;
+                       var name:String = "gray-50";
+                       CSSLookup.register(name, "oklch(98.5% 0.002 247.839)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("gray-100","oklch(96.7% 0.003 
264.542)") ;
+                       var name:String = "gray-100";
+                       CSSLookup.register(name, "oklch(96.7% 0.003 264.542)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("gray-200","oklch(92.8% 0.006 
264.531)") ;
+                       var name:String = "gray-200";
+                       CSSLookup.register(name, "oklch(92.8% 0.006 264.531)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("gray-300","oklch(87.2% 0.01 
258.338)") ;
+                       var name:String = "gray-300";
+                       CSSLookup.register(name, "oklch(87.2% 0.01 258.338)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("gray-400","oklch(70.7% 0.022 
261.325)") ;
+                       var name:String = "gray-400";
+                       CSSLookup.register(name, "oklch(70.7% 0.022 261.325)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("gray-500","oklch(55.1% 0.027 
264.364)") ;
+                       var name:String = "gray-500";
+                       CSSLookup.register(name, "oklch(55.1% 0.027 264.364)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("gray-600","oklch(44.6% 0.03 
256.802)") ;
+                       var name:String = "gray-600";
+                       CSSLookup.register(name, "oklch(44.6% 0.03 256.802)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("gray-700","oklch(37.3% 0.034 
259.733)") ;
+                       var name:String = "gray-700";
+                       CSSLookup.register(name, "oklch(37.3% 0.034 259.733)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("gray-800","oklch(27.8% 0.033 
256.848)") ;
+                       var name:String = "gray-800";
+                       CSSLookup.register(name, "oklch(27.8% 0.033 256.848)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("gray-900","oklch(21% 0.034 
264.665)") ;
+                       var name:String = "gray-900";
+                       CSSLookup.register(name, "oklch(21% 0.034 264.665)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("gray-950","oklch(13% 0.028 
261.692)") ;
+                       var name:String = "gray-950";
+                       CSSLookup.register(name, "oklch(13% 0.028 261.692)");
+                       return name;
                }
 
        }
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
index dc56a17605..cd00d4631f 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("green-50","oklch(98.2% 0.018 
155.826)") ;
+                       var name:String = "green-50";
+                       CSSLookup.register(name, "oklch(98.2% 0.018 155.826)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("green-100","oklch(96.2% 0.044 
156.743)") ;
+                       var name:String = "green-100";
+                       CSSLookup.register(name, "oklch(96.2% 0.044 156.743)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("green-200","oklch(92.5% 0.084 
155.995)") ;
+                       var name:String = "green-200";
+                       CSSLookup.register(name, "oklch(92.5% 0.084 155.995)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("green-300","oklch(87.1% 0.15 
154.449)") ;
+                       var name:String = "green-300";
+                       CSSLookup.register(name, "oklch(87.1% 0.15 154.449)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("green-400","oklch(79.2% 0.209 
151.711)") ;
+                       var name:String = "green-400";
+                       CSSLookup.register(name, "oklch(79.2% 0.209 151.711)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("green-500","oklch(72.3% 0.219 
149.579)") ;
+                       var name:String = "green-500";
+                       CSSLookup.register(name, "oklch(72.3% 0.219 149.579)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("green-600","oklch(62.7% 0.194 
149.214)") ;
+                       var name:String = "green-600";
+                       CSSLookup.register(name, "oklch(62.7% 0.194 149.214)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("green-700","oklch(52.7% 0.154 
150.069)") ;
+                       var name:String = "green-700";
+                       CSSLookup.register(name, "oklch(52.7% 0.154 150.069)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("green-800","oklch(44.8% 0.119 
151.328)") ;
+                       var name:String = "green-800";
+                       CSSLookup.register(name, "oklch(44.8% 0.119 151.328)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("green-900","oklch(39.3% 0.095 
152.535)") ;
+                       var name:String = "green-900";
+                       CSSLookup.register(name, "oklch(39.3% 0.095 152.535)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("green-950","oklch(26.6% 0.065 
152.934)") ;
+                       var name:String = "green-950";
+                       CSSLookup.register(name, "oklch(26.6% 0.065 152.934)");
+                       return name;
                }
 
        }
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
index 54266f8bfe..705974c6e7 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("indigo-50","oklch(96.2% 0.018 
272.314)") ;
+                       var name:String = "indigo-50";
+                       CSSLookup.register(name, "oklch(96.2% 0.018 272.314)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("indigo-100","oklch(93% 0.034 
272.788)") ;
+                       var name:String = "indigo-100";
+                       CSSLookup.register(name, "oklch(93% 0.034 272.788)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("indigo-200","oklch(87% 0.065 
274.039)") ;
+                       var name:String = "indigo-200";
+                       CSSLookup.register(name, "oklch(87% 0.065 274.039)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("indigo-300","oklch(78.5% 0.115 
274.713)") ;
+                       var name:String = "indigo-300";
+                       CSSLookup.register(name, "oklch(78.5% 0.115 274.713)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("indigo-400","oklch(67.3% 0.182 
276.935)") ;
+                       var name:String = "indigo-400";
+                       CSSLookup.register(name, "oklch(67.3% 0.182 276.935)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("indigo-500","oklch(58.5% 0.233 
277.117)") ;
+                       var name:String = "indigo-500";
+                       CSSLookup.register(name, "oklch(58.5% 0.233 277.117)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("indigo-600","oklch(51.1% 0.262 
276.966)") ;
+                       var name:String = "indigo-600";
+                       CSSLookup.register(name, "oklch(51.1% 0.262 276.966)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("indigo-700","oklch(45.7% 0.24 
277.023)") ;
+                       var name:String = "indigo-700";
+                       CSSLookup.register(name, "oklch(45.7% 0.24 277.023)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("indigo-800","oklch(39.8% 0.195 
277.366)") ;
+                       var name:String = "indigo-800";
+                       CSSLookup.register(name, "oklch(39.8% 0.195 277.366)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("indigo-900","oklch(35.9% 0.144 
278.697)") ;
+                       var name:String = "indigo-900";
+                       CSSLookup.register(name, "oklch(35.9% 0.144 278.697)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("indigo-950","oklch(25.7% 0.09 
281.288)") ;
+                       var name:String = "indigo-950";
+                       CSSLookup.register(name, "oklch(25.7% 0.09 281.288)");
+                       return name;
                }
 
        }
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
index 56a8700552..bd09c79ce2 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("lime-50","oklch(98.6% 0.031 
120.757)") ;
+                       var name:String = "lime-50";
+                       CSSLookup.register(name, "oklch(98.6% 0.031 120.757)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("lime-100","oklch(96.7% 0.067 
122.328)") ;
+                       var name:String = "lime-100";
+                       CSSLookup.register(name, "oklch(96.7% 0.067 122.328)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("lime-200","oklch(93.8% 0.127 
124.321)") ;
+                       var name:String = "lime-200";
+                       CSSLookup.register(name, "oklch(93.8% 0.127 124.321)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("lime-300","oklch(89.7% 0.196 
126.665)") ;
+                       var name:String = "lime-300";
+                       CSSLookup.register(name, "oklch(89.7% 0.196 126.665)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("lime-400","oklch(84.1% 0.238 
128.85)") ;
+                       var name:String = "lime-400";
+                       CSSLookup.register(name, "oklch(84.1% 0.238 128.85)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("lime-500","oklch(76.8% 0.233 
130.85)") ;
+                       var name:String = "lime-500";
+                       CSSLookup.register(name, "oklch(76.8% 0.233 130.85)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("lime-600","oklch(64.8% 0.2 
131.684)") ;
+                       var name:String = "lime-600";
+                       CSSLookup.register(name, "oklch(64.8% 0.2 131.684)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("lime-700","oklch(53.2% 0.157 
131.589)") ;
+                       var name:String = "lime-700";
+                       CSSLookup.register(name, "oklch(53.2% 0.157 131.589)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("lime-800","oklch(45.3% 0.124 
130.933)") ;
+                       var name:String = "lime-800";
+                       CSSLookup.register(name, "oklch(45.3% 0.124 130.933)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("lime-900","oklch(40.5% 0.101 
131.063)") ;
+                       var name:String = "lime-900";
+                       CSSLookup.register(name, "oklch(40.5% 0.101 131.063)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("lime-950","oklch(27.4% 0.072 
132.109)") ;
+                       var name:String = "lime-950";
+                       CSSLookup.register(name, "oklch(27.4% 0.072 132.109)");
+                       return name;
                }
 
        }
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
index a01209fcfb..7a5f0a434a 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("mauve-50","oklch(98.5% 0 0)") ;
+                       var name:String = "mauve-50";
+                       CSSLookup.register(name, "oklch(98.5% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("mauve-100","oklch(96% 0.003 
325.6)") ;
+                       var name:String = "mauve-100";
+                       CSSLookup.register(name, "oklch(96% 0.003 325.6)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("mauve-200","oklch(92.2% 0.005 
325.62)") ;
+                       var name:String = "mauve-200";
+                       CSSLookup.register(name, "oklch(92.2% 0.005 325.62)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("mauve-300","oklch(86.5% 0.012 
325.68)") ;
+                       var name:String = "mauve-300";
+                       CSSLookup.register(name, "oklch(86.5% 0.012 325.68)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("mauve-400","oklch(71.1% 0.019 
323.02)") ;
+                       var name:String = "mauve-400";
+                       CSSLookup.register(name, "oklch(71.1% 0.019 323.02)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("mauve-500","oklch(54.2% 0.034 
322.5)") ;
+                       var name:String = "mauve-500";
+                       CSSLookup.register(name, "oklch(54.2% 0.034 322.5)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("mauve-600","oklch(43.5% 0.029 
321.78)") ;
+                       var name:String = "mauve-600";
+                       CSSLookup.register(name, "oklch(43.5% 0.029 321.78)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("mauve-700","oklch(36.4% 0.029 
323.89)") ;
+                       var name:String = "mauve-700";
+                       CSSLookup.register(name, "oklch(36.4% 0.029 323.89)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("mauve-800","oklch(26.3% 0.024 
320.12)") ;
+                       var name:String = "mauve-800";
+                       CSSLookup.register(name, "oklch(26.3% 0.024 320.12)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("mauve-900","oklch(21.2% 0.019 
322.12)") ;
+                       var name:String = "mauve-900";
+                       CSSLookup.register(name, "oklch(21.2% 0.019 322.12)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("mauve-950","oklch(14.5% 0.008 
326)") ;
+                       var name:String = "mauve-950";
+                       CSSLookup.register(name, "oklch(14.5% 0.008 326)");
+                       return name;
                }
 
        }
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
index 9b7f0cdce9..578b389a9f 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("mist-50","oklch(98.7% 0.002 
197.1)") ;
+                       var name:String = "mist-50";
+                       CSSLookup.register(name, "oklch(98.7% 0.002 197.1)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("mist-100","oklch(96.3% 0.002 
197.1)") ;
+                       var name:String = "mist-100";
+                       CSSLookup.register(name, "oklch(96.3% 0.002 197.1)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("mist-200","oklch(92.5% 0.005 
214.3)") ;
+                       var name:String = "mist-200";
+                       CSSLookup.register(name, "oklch(92.5% 0.005 214.3)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("mist-300","oklch(87.2% 0.007 
219.6)") ;
+                       var name:String = "mist-300";
+                       CSSLookup.register(name, "oklch(87.2% 0.007 219.6)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("mist-400","oklch(72.3% 0.014 
214.4)") ;
+                       var name:String = "mist-400";
+                       CSSLookup.register(name, "oklch(72.3% 0.014 214.4)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("mist-500","oklch(56% 0.021 
213.5)") ;
+                       var name:String = "mist-500";
+                       CSSLookup.register(name, "oklch(56% 0.021 213.5)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("mist-600","oklch(45% 0.017 
213.2)") ;
+                       var name:String = "mist-600";
+                       CSSLookup.register(name, "oklch(45% 0.017 213.2)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("mist-700","oklch(37.8% 0.015 
216)") ;
+                       var name:String = "mist-700";
+                       CSSLookup.register(name, "oklch(37.8% 0.015 216)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("mist-800","oklch(27.5% 0.011 
216.9)") ;
+                       var name:String = "mist-800";
+                       CSSLookup.register(name, "oklch(27.5% 0.011 216.9)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("mist-900","oklch(21.8% 0.008 
223.9)") ;
+                       var name:String = "mist-900";
+                       CSSLookup.register(name, "oklch(21.8% 0.008 223.9)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("mist-950","oklch(14.8% 0.004 
228.8)") ;
+                       var name:String = "mist-950";
+                       CSSLookup.register(name, "oklch(14.8% 0.004 228.8)");
+                       return name;
                }
 
        }
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
index 7c46e9fd36..199f1e58bb 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("neutral-50","oklch(98.5% 0 0)") ;
+                       var name:String = "neutral-50";
+                       CSSLookup.register(name, "oklch(98.5% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("neutral-100","oklch(97% 0 0)") ;
+                       var name:String = "neutral-100";
+                       CSSLookup.register(name, "oklch(97% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("neutral-200","oklch(92.2% 0 0)") ;
+                       var name:String = "neutral-200";
+                       CSSLookup.register(name, "oklch(92.2% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("neutral-300","oklch(87% 0 0)") ;
+                       var name:String = "neutral-300";
+                       CSSLookup.register(name, "oklch(87% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("neutral-400","oklch(70.8% 0 0)") ;
+                       var name:String = "neutral-400";
+                       CSSLookup.register(name, "oklch(70.8% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("neutral-500","oklch(55.6% 0 0)") ;
+                       var name:String = "neutral-500";
+                       CSSLookup.register(name, "oklch(55.6% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("neutral-600","oklch(43.9% 0 0)") ;
+                       var name:String = "neutral-600";
+                       CSSLookup.register(name, "oklch(43.9% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("neutral-700","oklch(37.1% 0 0)") ;
+                       var name:String = "neutral-700";
+                       CSSLookup.register(name, "oklch(37.1% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("neutral-800","oklch(26.9% 0 0)") ;
+                       var name:String = "neutral-800";
+                       CSSLookup.register(name, "oklch(26.9% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("neutral-900","oklch(20.5% 0 0)") ;
+                       var name:String = "neutral-900";
+                       CSSLookup.register(name, "oklch(20.5% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("neutral-950","oklch(14.5% 0 0)") ;
+                       var name:String = "neutral-950";
+                       CSSLookup.register(name, "oklch(14.5% 0 0)");
+                       return name;
                }
 
        }
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
index c38dcb43e0..026c3d6fb2 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("olive-50","oklch(98.8% 0.003 
106.5)") ;
+                       var name:String = "olive-50";
+                       CSSLookup.register(name, "oklch(98.8% 0.003 106.5)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("olive-100","oklch(96.6% 0.005 
106.5)") ;
+                       var name:String = "olive-100";
+                       CSSLookup.register(name, "oklch(96.6% 0.005 106.5)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("olive-200","oklch(93% 0.007 
106.5)") ;
+                       var name:String = "olive-200";
+                       CSSLookup.register(name, "oklch(93% 0.007 106.5)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("olive-300","oklch(88% 0.011 
106.6)") ;
+                       var name:String = "olive-300";
+                       CSSLookup.register(name, "oklch(88% 0.011 106.6)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("olive-400","oklch(73.7% 0.021 
106.9)") ;
+                       var name:String = "olive-400";
+                       CSSLookup.register(name, "oklch(73.7% 0.021 106.9)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("olive-500","oklch(58% 0.031 
107.3)") ;
+                       var name:String = "olive-500";
+                       CSSLookup.register(name, "oklch(58% 0.031 107.3)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("olive-600","oklch(46.6% 0.025 
107.3)") ;
+                       var name:String = "olive-600";
+                       CSSLookup.register(name, "oklch(46.6% 0.025 107.3)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("olive-700","oklch(39.4% 0.023 
107.4)") ;
+                       var name:String = "olive-700";
+                       CSSLookup.register(name, "oklch(39.4% 0.023 107.4)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("olive-800","oklch(28.6% 0.016 
107.4)") ;
+                       var name:String = "olive-800";
+                       CSSLookup.register(name, "oklch(28.6% 0.016 107.4)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("olive-900","oklch(22.8% 0.013 
107.4)") ;
+                       var name:String = "olive-900";
+                       CSSLookup.register(name, "oklch(22.8% 0.013 107.4)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("olive-950","oklch(15.3% 0.006 
107.1)") ;
+                       var name:String = "olive-950";
+                       CSSLookup.register(name, "oklch(15.3% 0.006 107.1)");
+                       return name;
                }
 
        }
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
index 28a7cfcf4b..9a9e344220 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("orange-50","oklch(98% 0.016 
73.684)") ;
+                       var name:String = "orange-50";
+                       CSSLookup.register(name, "oklch(98% 0.016 73.684)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("orange-100","oklch(95.4% 0.038 
75.164)") ;
+                       var name:String = "orange-100";
+                       CSSLookup.register(name, "oklch(95.4% 0.038 75.164)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("orange-200","oklch(90.1% 0.076 
70.697)") ;
+                       var name:String = "orange-200";
+                       CSSLookup.register(name, "oklch(90.1% 0.076 70.697)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("orange-300","oklch(83.7% 0.128 
66.29)") ;
+                       var name:String = "orange-300";
+                       CSSLookup.register(name, "oklch(83.7% 0.128 66.29)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("orange-400","oklch(75% 0.183 
55.934)") ;
+                       var name:String = "orange-400";
+                       CSSLookup.register(name, "oklch(75% 0.183 55.934)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("orange-500","oklch(70.5% 0.213 
47.604)") ;
+                       var name:String = "orange-500";
+                       CSSLookup.register(name, "oklch(70.5% 0.213 47.604)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("orange-600","oklch(64.6% 0.222 
41.116)") ;
+                       var name:String = "orange-600";
+                       CSSLookup.register(name, "oklch(64.6% 0.222 41.116)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("orange-700","oklch(55.3% 0.195 
38.402)") ;
+                       var name:String = "orange-700";
+                       CSSLookup.register(name, "oklch(55.3% 0.195 38.402)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("orange-800","oklch(47% 0.157 
37.304)") ;
+                       var name:String = "orange-800";
+                       CSSLookup.register(name, "oklch(47% 0.157 37.304)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("orange-900","oklch(40.8% 0.123 
38.172)") ;
+                       var name:String = "orange-900";
+                       CSSLookup.register(name, "oklch(40.8% 0.123 38.172)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("orange-950","oklch(26.6% 0.079 
36.259)") ;
+                       var name:String = "orange-950";
+                       CSSLookup.register(name, "oklch(26.6% 0.079 36.259)");
+                       return name;
                }
 
        }
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
index 6d15ca34a2..3340a5fa6f 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("pink-50","oklch(97.1% 0.014 
343.198)") ;
+                       var name:String = "pink-50";
+                       CSSLookup.register(name, "oklch(97.1% 0.014 343.198)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("pink-100","oklch(94.8% 0.028 
342.258)") ;
+                       var name:String = "pink-100";
+                       CSSLookup.register(name, "oklch(94.8% 0.028 342.258)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("pink-200","oklch(89.9% 0.061 
343.231)") ;
+                       var name:String = "pink-200";
+                       CSSLookup.register(name, "oklch(89.9% 0.061 343.231)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("pink-300","oklch(82.3% 0.12 
346.018)") ;
+                       var name:String = "pink-300";
+                       CSSLookup.register(name, "oklch(82.3% 0.12 346.018)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("pink-400","oklch(71.8% 0.202 
349.761)") ;
+                       var name:String = "pink-400";
+                       CSSLookup.register(name, "oklch(71.8% 0.202 349.761)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("pink-500","oklch(65.6% 0.241 
354.308)") ;
+                       var name:String = "pink-500";
+                       CSSLookup.register(name, "oklch(65.6% 0.241 354.308)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("pink-600","oklch(59.2% 0.249 
0.584)") ;
+                       var name:String = "pink-600";
+                       CSSLookup.register(name, "oklch(59.2% 0.249 0.584)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("pink-700","oklch(52.5% 0.223 
3.958)") ;
+                       var name:String = "pink-700";
+                       CSSLookup.register(name, "oklch(52.5% 0.223 3.958)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("pink-800","oklch(45.9% 0.187 
3.815)") ;
+                       var name:String = "pink-800";
+                       CSSLookup.register(name, "oklch(45.9% 0.187 3.815)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("pink-900","oklch(40.8% 0.153 
2.432)") ;
+                       var name:String = "pink-900";
+                       CSSLookup.register(name, "oklch(40.8% 0.153 2.432)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("pink-950","oklch(28.4% 0.109 
3.907)") ;
+                       var name:String = "pink-950";
+                       CSSLookup.register(name, "oklch(28.4% 0.109 3.907)");
+                       return name;
                }
 
        }
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
index de280ac96a..94275e2e02 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("purple-50","oklch(97.7% 0.014 
308.299)") ;
+                       var name:String = "purple-50";
+                       CSSLookup.register(name, "oklch(97.7% 0.014 308.299)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("purple-100","oklch(94.6% 0.033 
307.174)") ;
+                       var name:String = "purple-100";
+                       CSSLookup.register(name, "oklch(94.6% 0.033 307.174)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("purple-200","oklch(90.2% 0.063 
306.703)") ;
+                       var name:String = "purple-200";
+                       CSSLookup.register(name, "oklch(90.2% 0.063 306.703)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("purple-300","oklch(82.7% 0.119 
306.383)") ;
+                       var name:String = "purple-300";
+                       CSSLookup.register(name, "oklch(82.7% 0.119 306.383)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("purple-400","oklch(71.4% 0.203 
305.504)") ;
+                       var name:String = "purple-400";
+                       CSSLookup.register(name, "oklch(71.4% 0.203 305.504)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("purple-500","oklch(62.7% 0.265 
303.9)") ;
+                       var name:String = "purple-500";
+                       CSSLookup.register(name, "oklch(62.7% 0.265 303.9)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("purple-600","oklch(55.8% 0.288 
302.321)") ;
+                       var name:String = "purple-600";
+                       CSSLookup.register(name, "oklch(55.8% 0.288 302.321)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("purple-700","oklch(49.6% 0.265 
301.924)") ;
+                       var name:String = "purple-700";
+                       CSSLookup.register(name, "oklch(49.6% 0.265 301.924)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("purple-800","oklch(43.8% 0.218 
303.724)") ;
+                       var name:String = "purple-800";
+                       CSSLookup.register(name, "oklch(43.8% 0.218 303.724)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("purple-900","oklch(38.1% 0.176 
304.987)") ;
+                       var name:String = "purple-900";
+                       CSSLookup.register(name, "oklch(38.1% 0.176 304.987)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("purple-950","oklch(29.1% 0.149 
302.717)") ;
+                       var name:String = "purple-950";
+                       CSSLookup.register(name, "oklch(29.1% 0.149 302.717)");
+                       return name;
                }
 
        }
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
index 6bbc832f39..ef2474e223 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("red-50","oklch(97.1% 0.013 
17.38)") ;
+                       var name:String = "red-50";
+                       CSSLookup.register(name, "oklch(97.1% 0.013 17.38)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("red-100","oklch(93.6% 0.032 
17.717)") ;
+                       var name:String = "red-100";
+                       CSSLookup.register(name, "oklch(93.6% 0.032 17.717)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("red-200","oklch(88.5% 0.062 
18.334)") ;
+                       var name:String = "red-200";
+                       CSSLookup.register(name, "oklch(88.5% 0.062 18.334)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("red-300","oklch(80.8% 0.114 
19.571)") ;
+                       var name:String = "red-300";
+                       CSSLookup.register(name, "oklch(80.8% 0.114 19.571)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("red-400","oklch(70.4% 0.191 
22.216)") ;
+                       var name:String = "red-400";
+                       CSSLookup.register(name, "oklch(70.4% 0.191 22.216)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("red-500","oklch(63.7% 0.237 
25.331)") ;
+                       var name:String = "red-500";
+                       CSSLookup.register(name, "oklch(63.7% 0.237 25.331)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("red-600","oklch(57.7% 0.245 
27.325)") ;
+                       var name:String = "red-600";
+                       CSSLookup.register(name, "oklch(57.7% 0.245 27.325)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("red-700","oklch(50.5% 0.213 
27.518)") ;
+                       var name:String = "red-700";
+                       CSSLookup.register(name, "oklch(50.5% 0.213 27.518)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("red-800","oklch(44.4% 0.177 
26.899)") ;
+                       var name:String = "red-800";
+                       CSSLookup.register(name, "oklch(44.4% 0.177 26.899)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("red-900","oklch(39.6% 0.141 
25.723)") ;
+                       var name:String = "red-900";
+                       CSSLookup.register(name, "oklch(39.6% 0.141 25.723)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("red-950","oklch(25.8% 0.092 
26.042)") ;
+                       var name:String = "red-950";
+                       CSSLookup.register(name, "oklch(25.8% 0.092 26.042)");
+                       return name;
                }
 
        }
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
index f518425684..f675c3b389 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("rose-50","oklch(96.9% 0.015 
12.422)") ;
+                       var name:String = "rose-50";
+                       CSSLookup.register(name, "oklch(96.9% 0.015 12.422)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("rose-100","oklch(94.1% 0.03 
12.58)") ;
+                       var name:String = "rose-100";
+                       CSSLookup.register(name, "oklch(94.1% 0.03 12.58)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("rose-200","oklch(89.2% 0.058 
10.001)") ;
+                       var name:String = "rose-200";
+                       CSSLookup.register(name, "oklch(89.2% 0.058 10.001)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("rose-300","oklch(81% 0.117 
11.638)") ;
+                       var name:String = "rose-300";
+                       CSSLookup.register(name, "oklch(81% 0.117 11.638)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("rose-400","oklch(71.2% 0.194 
13.428)") ;
+                       var name:String = "rose-400";
+                       CSSLookup.register(name, "oklch(71.2% 0.194 13.428)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("rose-500","oklch(64.5% 0.246 
16.439)") ;
+                       var name:String = "rose-500";
+                       CSSLookup.register(name, "oklch(64.5% 0.246 16.439)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("rose-600","oklch(58.6% 0.253 
17.585)") ;
+                       var name:String = "rose-600";
+                       CSSLookup.register(name, "oklch(58.6% 0.253 17.585)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("rose-700","oklch(51.4% 0.222 
16.935)") ;
+                       var name:String = "rose-700";
+                       CSSLookup.register(name, "oklch(51.4% 0.222 16.935)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("rose-800","oklch(45.5% 0.188 
13.697)") ;
+                       var name:String = "rose-800";
+                       CSSLookup.register(name, "oklch(45.5% 0.188 13.697)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("rose-900","oklch(41% 0.159 
10.272)") ;
+                       var name:String = "rose-900";
+                       CSSLookup.register(name, "oklch(41% 0.159 10.272)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("rose-950","oklch(27.1% 0.105 
12.094)") ;
+                       var name:String = "rose-950";
+                       CSSLookup.register(name, "oklch(27.1% 0.105 12.094)");
+                       return name;
                }
 
        }
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
index c9aed89c6b..bbe1ec1714 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("sky-50","oklch(97.7% 0.013 
236.62)") ;
+                       var name:String = "sky-50";
+                       CSSLookup.register(name, "oklch(97.7% 0.013 236.62)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("sky-100","oklch(95.1% 0.026 
236.824)") ;
+                       var name:String = "sky-100";
+                       CSSLookup.register(name, "oklch(95.1% 0.026 236.824)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("sky-200","oklch(90.1% 0.058 
230.902)") ;
+                       var name:String = "sky-200";
+                       CSSLookup.register(name, "oklch(90.1% 0.058 230.902)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("sky-300","oklch(82.8% 0.111 
230.318)") ;
+                       var name:String = "sky-300";
+                       CSSLookup.register(name, "oklch(82.8% 0.111 230.318)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("sky-400","oklch(74.6% 0.16 
232.661)") ;
+                       var name:String = "sky-400";
+                       CSSLookup.register(name, "oklch(74.6% 0.16 232.661)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("sky-500","oklch(68.5% 0.169 
237.323)") ;
+                       var name:String = "sky-500";
+                       CSSLookup.register(name, "oklch(68.5% 0.169 237.323)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("sky-600","oklch(58.8% 0.158 
241.966)") ;
+                       var name:String = "sky-600";
+                       CSSLookup.register(name, "oklch(58.8% 0.158 241.966)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("sky-700","oklch(50% 0.134 
242.749)") ;
+                       var name:String = "sky-700";
+                       CSSLookup.register(name, "oklch(50% 0.134 242.749)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("sky-800","oklch(44.3% 0.11 
240.79)") ;
+                       var name:String = "sky-800";
+                       CSSLookup.register(name, "oklch(44.3% 0.11 240.79)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("sky-900","oklch(39.1% 0.09 
240.876)") ;
+                       var name:String = "sky-900";
+                       CSSLookup.register(name, "oklch(39.1% 0.09 240.876)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("sky-950","oklch(29.3% 0.066 
243.157)") ;
+                       var name:String = "sky-950";
+                       CSSLookup.register(name, "oklch(29.3% 0.066 243.157)");
+                       return name;
                }
 
        }
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
index 14a681d2cf..caf82d1bfe 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("slate-50","oklch(98.4% 0.003 
247.858)") ;
+                       var name:String = "slate-50";
+                       CSSLookup.register(name, "oklch(98.4% 0.003 247.858)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("slate-100","oklch(96.8% 0.007 
247.896)") ;
+                       var name:String = "slate-100";
+                       CSSLookup.register(name, "oklch(96.8% 0.007 247.896)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("slate-200","oklch(92.9% 0.013 
255.508)") ;
+                       var name:String = "slate-200";
+                       CSSLookup.register(name, "oklch(92.9% 0.013 255.508)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("slate-300","oklch(86.9% 0.022 
252.894)") ;
+                       var name:String = "slate-300";
+                       CSSLookup.register(name, "oklch(86.9% 0.022 252.894)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("slate-400","oklch(70.4% 0.04 
256.788)") ;
+                       var name:String = "slate-400";
+                       CSSLookup.register(name, "oklch(70.4% 0.04 256.788)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("slate-500","oklch(55.4% 0.046 
257.417)") ;
+                       var name:String = "slate-500";
+                       CSSLookup.register(name, "oklch(55.4% 0.046 257.417)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("slate-600","oklch(44.6% 0.043 
257.281)") ;
+                       var name:String = "slate-600";
+                       CSSLookup.register(name, "oklch(44.6% 0.043 257.281)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("slate-700","oklch(37.2% 0.044 
257.287)") ;
+                       var name:String = "slate-700";
+                       CSSLookup.register(name, "oklch(37.2% 0.044 257.287)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("slate-800","oklch(27.9% 0.041 
260.031)") ;
+                       var name:String = "slate-800";
+                       CSSLookup.register(name, "oklch(27.9% 0.041 260.031)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("slate-900","oklch(20.8% 0.042 
265.755)") ;
+                       var name:String = "slate-900";
+                       CSSLookup.register(name, "oklch(20.8% 0.042 265.755)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("slate-950","oklch(12.9% 0.042 
264.695)") ;
+                       var name:String = "slate-950";
+                       CSSLookup.register(name, "oklch(12.9% 0.042 264.695)");
+                       return name;
                }
 
        }
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
index 411b606f2a..f8ff6258f3 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("stone-50","oklch(98.5% 0.001 
106.423)") ;
+                       var name:String = "stone-50";
+                       CSSLookup.register(name, "oklch(98.5% 0.001 106.423)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("stone-100","oklch(97% 0.001 
106.424)") ;
+                       var name:String = "stone-100";
+                       CSSLookup.register(name, "oklch(97% 0.001 106.424)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("stone-200","oklch(92.3% 0.003 
48.717)") ;
+                       var name:String = "stone-200";
+                       CSSLookup.register(name, "oklch(92.3% 0.003 48.717)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("stone-300","oklch(86.9% 0.005 
56.366)") ;
+                       var name:String = "stone-300";
+                       CSSLookup.register(name, "oklch(86.9% 0.005 56.366)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("stone-400","oklch(70.9% 0.01 
56.259)") ;
+                       var name:String = "stone-400";
+                       CSSLookup.register(name, "oklch(70.9% 0.01 56.259)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("stone-500","oklch(55.3% 0.013 
58.071)") ;
+                       var name:String = "stone-500";
+                       CSSLookup.register(name, "oklch(55.3% 0.013 58.071)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("stone-600","oklch(44.4% 0.011 
73.639)") ;
+                       var name:String = "stone-600";
+                       CSSLookup.register(name, "oklch(44.4% 0.011 73.639)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("stone-700","oklch(37.4% 0.01 
67.558)") ;
+                       var name:String = "stone-700";
+                       CSSLookup.register(name, "oklch(37.4% 0.01 67.558)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("stone-800","oklch(26.8% 0.007 
34.298)") ;
+                       var name:String = "stone-800";
+                       CSSLookup.register(name, "oklch(26.8% 0.007 34.298)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("stone-900","oklch(21.6% 0.006 
56.043)") ;
+                       var name:String = "stone-900";
+                       CSSLookup.register(name, "oklch(21.6% 0.006 56.043)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("stone-950","oklch(14.7% 0.004 
49.25)") ;
+                       var name:String = "stone-950";
+                       CSSLookup.register(name, "oklch(14.7% 0.004 49.25)");
+                       return name;
                }
 
        }
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
index a11fbfd901..d646742bc1 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("taupe-50","oklch(98.6% 0.002 
67.8)") ;
+                       var name:String = "taupe-50";
+                       CSSLookup.register(name, "oklch(98.6% 0.002 67.8)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("taupe-100","oklch(96% 0.002 
17.2)") ;
+                       var name:String = "taupe-100";
+                       CSSLookup.register(name, "oklch(96% 0.002 17.2)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("taupe-200","oklch(92.2% 0.005 
34.3)") ;
+                       var name:String = "taupe-200";
+                       CSSLookup.register(name, "oklch(92.2% 0.005 34.3)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("taupe-300","oklch(86.8% 0.007 
39.5)") ;
+                       var name:String = "taupe-300";
+                       CSSLookup.register(name, "oklch(86.8% 0.007 39.5)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("taupe-400","oklch(71.4% 0.014 
41.2)") ;
+                       var name:String = "taupe-400";
+                       CSSLookup.register(name, "oklch(71.4% 0.014 41.2)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("taupe-500","oklch(54.7% 0.021 
43.1)") ;
+                       var name:String = "taupe-500";
+                       CSSLookup.register(name, "oklch(54.7% 0.021 43.1)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("taupe-600","oklch(43.8% 0.017 
39.3)") ;
+                       var name:String = "taupe-600";
+                       CSSLookup.register(name, "oklch(43.8% 0.017 39.3)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("taupe-700","oklch(36.7% 0.016 
35.7)") ;
+                       var name:String = "taupe-700";
+                       CSSLookup.register(name, "oklch(36.7% 0.016 35.7)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("taupe-800","oklch(26.8% 0.011 
36.5)") ;
+                       var name:String = "taupe-800";
+                       CSSLookup.register(name, "oklch(26.8% 0.011 36.5)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("taupe-900","oklch(21.4% 0.009 
43.1)") ;
+                       var name:String = "taupe-900";
+                       CSSLookup.register(name, "oklch(21.4% 0.009 43.1)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("taupe-950","oklch(14.7% 0.004 
49.3)") ;
+                       var name:String = "taupe-950";
+                       CSSLookup.register(name, "oklch(14.7% 0.004 49.3)");
+                       return name;
                }
 
        }
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
index 765072da6b..b949791254 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("teal-50","oklch(98.4% 0.014 
180.72)") ;
+                       var name:String = "teal-50";
+                       CSSLookup.register(name, "oklch(98.4% 0.014 180.72)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("teal-100","oklch(95.3% 0.051 
180.801)") ;
+                       var name:String = "teal-100";
+                       CSSLookup.register(name, "oklch(95.3% 0.051 180.801)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("teal-200","oklch(91% 0.096 
180.426)") ;
+                       var name:String = "teal-200";
+                       CSSLookup.register(name, "oklch(91% 0.096 180.426)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("teal-300","oklch(85.5% 0.138 
181.071)") ;
+                       var name:String = "teal-300";
+                       CSSLookup.register(name, "oklch(85.5% 0.138 181.071)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("teal-400","oklch(77.7% 0.152 
181.912)") ;
+                       var name:String = "teal-400";
+                       CSSLookup.register(name, "oklch(77.7% 0.152 181.912)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("teal-500","oklch(70.4% 0.14 
182.503)") ;
+                       var name:String = "teal-500";
+                       CSSLookup.register(name, "oklch(70.4% 0.14 182.503)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("teal-600","oklch(60% 0.118 
184.704)") ;
+                       var name:String = "teal-600";
+                       CSSLookup.register(name, "oklch(60% 0.118 184.704)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("teal-700","oklch(51.1% 0.096 
186.391)") ;
+                       var name:String = "teal-700";
+                       CSSLookup.register(name, "oklch(51.1% 0.096 186.391)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("teal-800","oklch(43.7% 0.078 
188.216)") ;
+                       var name:String = "teal-800";
+                       CSSLookup.register(name, "oklch(43.7% 0.078 188.216)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("teal-900","oklch(38.6% 0.063 
188.416)") ;
+                       var name:String = "teal-900";
+                       CSSLookup.register(name, "oklch(38.6% 0.063 188.416)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("teal-950","oklch(27.7% 0.046 
192.524)") ;
+                       var name:String = "teal-950";
+                       CSSLookup.register(name, "oklch(27.7% 0.046 192.524)");
+                       return name;
                }
 
        }
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
index 37c9a32da8..71e6f6f9fa 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("violet-50","oklch(96.9% 0.016 
293.756)") ;
+                       var name:String = "violet-50";
+                       CSSLookup.register(name, "oklch(96.9% 0.016 293.756)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("violet-100","oklch(94.3% 0.029 
294.588)") ;
+                       var name:String = "violet-100";
+                       CSSLookup.register(name, "oklch(94.3% 0.029 294.588)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("violet-200","oklch(89.4% 0.057 
293.283)") ;
+                       var name:String = "violet-200";
+                       CSSLookup.register(name, "oklch(89.4% 0.057 293.283)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("violet-300","oklch(81.1% 0.111 
293.571)") ;
+                       var name:String = "violet-300";
+                       CSSLookup.register(name, "oklch(81.1% 0.111 293.571)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("violet-400","oklch(70.2% 0.183 
293.541)") ;
+                       var name:String = "violet-400";
+                       CSSLookup.register(name, "oklch(70.2% 0.183 293.541)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("violet-500","oklch(60.6% 0.25 
292.717)") ;
+                       var name:String = "violet-500";
+                       CSSLookup.register(name, "oklch(60.6% 0.25 292.717)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("violet-600","oklch(54.1% 0.281 
293.009)") ;
+                       var name:String = "violet-600";
+                       CSSLookup.register(name, "oklch(54.1% 0.281 293.009)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("violet-700","oklch(49.1% 0.27 
292.581)") ;
+                       var name:String = "violet-700";
+                       CSSLookup.register(name, "oklch(49.1% 0.27 292.581)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("violet-800","oklch(43.2% 0.232 
292.759)") ;
+                       var name:String = "violet-800";
+                       CSSLookup.register(name, "oklch(43.2% 0.232 292.759)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("violet-900","oklch(38% 0.189 
293.745)") ;
+                       var name:String = "violet-900";
+                       CSSLookup.register(name, "oklch(38% 0.189 293.745)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("violet-950","oklch(28.3% 0.141 
291.089)") ;
+                       var name:String = "violet-950";
+                       CSSLookup.register(name, "oklch(28.3% 0.141 291.089)");
+                       return name;
                }
 
        }
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
index 9a8930d5f3..bb1138c52f 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("yellow-50","oklch(98.7% 0.026 
102.212)") ;
+                       var name:String = "yellow-50";
+                       CSSLookup.register(name, "oklch(98.7% 0.026 102.212)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("yellow-100","oklch(97.3% 0.071 
103.193)") ;
+                       var name:String = "yellow-100";
+                       CSSLookup.register(name, "oklch(97.3% 0.071 103.193)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("yellow-200","oklch(94.5% 0.129 
101.54)") ;
+                       var name:String = "yellow-200";
+                       CSSLookup.register(name, "oklch(94.5% 0.129 101.54)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("yellow-300","oklch(90.5% 0.182 
98.111)") ;
+                       var name:String = "yellow-300";
+                       CSSLookup.register(name, "oklch(90.5% 0.182 98.111)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("yellow-400","oklch(85.2% 0.199 
91.936)") ;
+                       var name:String = "yellow-400";
+                       CSSLookup.register(name, "oklch(85.2% 0.199 91.936)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("yellow-500","oklch(79.5% 0.184 
86.047)") ;
+                       var name:String = "yellow-500";
+                       CSSLookup.register(name, "oklch(79.5% 0.184 86.047)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("yellow-600","oklch(68.1% 0.162 
75.834)") ;
+                       var name:String = "yellow-600";
+                       CSSLookup.register(name, "oklch(68.1% 0.162 75.834)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("yellow-700","oklch(55.4% 0.135 
66.442)") ;
+                       var name:String = "yellow-700";
+                       CSSLookup.register(name, "oklch(55.4% 0.135 66.442)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("yellow-800","oklch(47.6% 0.114 
61.907)") ;
+                       var name:String = "yellow-800";
+                       CSSLookup.register(name, "oklch(47.6% 0.114 61.907)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("yellow-900","oklch(42.1% 0.095 
57.708)") ;
+                       var name:String = "yellow-900";
+                       CSSLookup.register(name, "oklch(42.1% 0.095 57.708)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("yellow-950","oklch(28.6% 0.066 
53.813)") ;
+                       var name:String = "yellow-950";
+                       CSSLookup.register(name, "oklch(28.6% 0.066 53.813)");
+                       return name;
                }
 
        }
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
index fe1f16069a..173e5294d0 100644
--- 
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
@@ -18,6 +18,8 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.style.colors
 {
+       import org.apache.royale.style.util.CSSLookup;
+
        /**
         * @royalesuppressexport
         */
@@ -28,59 +30,81 @@ package org.apache.royale.style.colors
                        
                }
                COMPILE::JS
-               public static function get _50():ColorPair
+               public static function get _50():String
                {
-                       return new ColorPair("zinc-50","oklch(98.5% 0 0)") ;
+                       var name:String = "zinc-50";
+                       CSSLookup.register(name, "oklch(98.5% 0 0)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _100():ColorPair
+               public static function get _100():String
                {
-                       return new ColorPair("zinc-100","oklch(96.7% 0.001 
286.375)") ;
+                       var name:String = "zinc-100";
+                       CSSLookup.register(name, "oklch(96.7% 0.001 286.375)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _200():ColorPair
+               public static function get _200():String
                {
-                       return new ColorPair("zinc-200","oklch(92% 0.004 
286.32)") ;
+                       var name:String = "zinc-200";
+                       CSSLookup.register(name, "oklch(92% 0.004 286.32)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _300():ColorPair
+               public static function get _300():String
                {
-                       return new ColorPair("zinc-300","oklch(87.1% 0.006 
286.286)") ;
+                       var name:String = "zinc-300";
+                       CSSLookup.register(name, "oklch(87.1% 0.006 286.286)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _400():ColorPair
+               public static function get _400():String
                {
-                       return new ColorPair("zinc-400","oklch(70.5% 0.015 
286.067)") ;
+                       var name:String = "zinc-400";
+                       CSSLookup.register(name, "oklch(70.5% 0.015 286.067)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _500():ColorPair
+               public static function get _500():String
                {
-                       return new ColorPair("zinc-500","oklch(55.2% 0.016 
285.938)") ;
+                       var name:String = "zinc-500";
+                       CSSLookup.register(name, "oklch(55.2% 0.016 285.938)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _600():ColorPair
+               public static function get _600():String
                {
-                       return new ColorPair("zinc-600","oklch(44.2% 0.017 
285.786)") ;
+                       var name:String = "zinc-600";
+                       CSSLookup.register(name, "oklch(44.2% 0.017 285.786)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _700():ColorPair
+               public static function get _700():String
                {
-                       return new ColorPair("zinc-700","oklch(37% 0.013 
285.805)") ;
+                       var name:String = "zinc-700";
+                       CSSLookup.register(name, "oklch(37% 0.013 285.805)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _800():ColorPair
+               public static function get _800():String
                {
-                       return new ColorPair("zinc-800","oklch(27.4% 0.006 
286.033)") ;
+                       var name:String = "zinc-800";
+                       CSSLookup.register(name, "oklch(27.4% 0.006 286.033)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _900():ColorPair
+               public static function get _900():String
                {
-                       return new ColorPair("zinc-900","oklch(21% 0.006 
285.885)") ;
+                       var name:String = "zinc-900";
+                       CSSLookup.register(name, "oklch(21% 0.006 285.885)");
+                       return name;
                }
                COMPILE::JS
-               public static function get _950():ColorPair
+               public static function get _950():String
                {
-                       return new ColorPair("zinc-950","oklch(14.1% 0.005 
285.823)") ;
+                       var name:String = "zinc-950";
+                       CSSLookup.register(name, "oklch(14.1% 0.005 285.823)");
+                       return name;
                }
 
        }
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/effects/BackdropFilter.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/filters/BackdropFilter.as
similarity index 100%
rename from 
frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/effects/BackdropFilter.as
rename to 
frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/filters/BackdropFilter.as
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/effects/FilterEffect.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/filters/FilterEffect.as
similarity index 100%
rename from 
frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/effects/FilterEffect.as
rename to 
frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/filters/FilterEffect.as
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/effects/FilterEffectBase.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/filters/FilterEffectBase.as
similarity index 100%
rename from 
frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/effects/FilterEffectBase.as
rename to 
frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/filters/FilterEffectBase.as
diff --git 
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/CSSLookup.as
 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/CSSLookup.as
new file mode 100644
index 0000000000..fe40a0ebbe
--- /dev/null
+++ 
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/CSSLookup.as
@@ -0,0 +1,74 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.util
+{
+       import org.apache.royale.debugging.assert;
+
+       /**
+        * The CSSLookup class is a utility for looking up CSS properties and 
their associated selectors and rules.
+        * It is used internally by the style system to manage and apply styles 
to components.
+        * 
+        * It is similar to CSS variables, but does not use the "--" syntax and 
is not inherited.
+        * It is more of a lookup table for styles that can be applied to 
components.
+        */
+       public class CSSLookup
+       {
+               private function CSSLookup()
+               {
+                       
+               }
+               COMPILE::JS
+               private static const propMap:Map = new Map();
+
+               public static function register(name:String, 
property:String):void
+               {
+                       COMPILE::JS
+                       {
+                               assert(name.indexOf("--") != 0, "CSSLookup does 
not support CSS variables. The name should not start with '--': " + name);
+                               // Only add once. "has" is much faster than 
running "set" again.
+                               if(propMap.has(name))
+                                       return;
+
+                               propMap.set(name, property);
+                       }
+               }
+               public static function getProperty(name:String):String
+               {
+                       COMPILE::JS
+                       {
+                               return propMap.get(name);
+                       }
+                       COMPILE::SWF
+                       {
+                               return null;
+                       }
+               }
+               public static function has(name:String):Boolean
+               {
+                       COMPILE::JS
+                       {
+                               return propMap.has(name);
+                       }
+                       COMPILE::SWF
+                       {
+                               return false;
+                       }
+               }
+       }
+}
\ No newline at end of file

Reply via email to