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 c455066e4e checkbox skin
c455066e4e is described below
commit c455066e4ef23eb034828e824c3cbd0baa6c16d8
Author: Harbs <[email protected]>
AuthorDate: Mon Mar 16 01:27:22 2026 +0200
checkbox skin
---
.../projects/Style/src/main/resources/defaults.css | 5 +-
.../Style/src/main/resources/style-manifest.xml | 4 +
.../royale/org/apache/royale/style/Application.as | 5 +
.../royale/org/apache/royale/style/CheckBox.as | 4 +-
.../royale/org/apache/royale/style/IStyleUIBase.as | 5 +
.../royale/org/apache/royale/style/StyleSkin.as | 7 +
.../royale/org/apache/royale/style/StyleUIBase.as | 14 +-
.../org/apache/royale/style/colors/AmberSwatch.as | 11 -
.../org/apache/royale/style/colors/BlueSwatch.as | 11 -
.../org/apache/royale/style/colors/CyanSwatch.as | 11 -
.../apache/royale/style/colors/EmeraldSwatch.as | 11 -
.../apache/royale/style/colors/FuchsiaSwatch.as | 11 -
.../org/apache/royale/style/colors/GraySwatch.as | 11 -
.../org/apache/royale/style/colors/GreenSwatch.as | 11 -
.../org/apache/royale/style/colors/IndigoSwatch.as | 11 -
.../org/apache/royale/style/colors/LimeSwatch.as | 11 -
.../org/apache/royale/style/colors/MauveSwatch.as | 11 -
.../org/apache/royale/style/colors/MistSwatch.as | 11 -
.../apache/royale/style/colors/NeutralSwatch.as | 11 -
.../org/apache/royale/style/colors/OliveSwatch.as | 11 -
.../org/apache/royale/style/colors/OrangeSwatch.as | 11 -
.../org/apache/royale/style/colors/PinkSwatch.as | 11 -
.../org/apache/royale/style/colors/PurpleSwatch.as | 11 -
.../org/apache/royale/style/colors/RedSwatch.as | 11 -
.../org/apache/royale/style/colors/RoseSwatch.as | 11 -
.../org/apache/royale/style/colors/SkySwatch.as | 11 -
.../org/apache/royale/style/colors/SlateSwatch.as | 11 -
.../org/apache/royale/style/colors/StoneSwatch.as | 11 -
.../org/apache/royale/style/colors/TaupeSwatch.as | 11 -
.../org/apache/royale/style/colors/TealSwatch.as | 11 -
.../org/apache/royale/style/colors/VioletSwatch.as | 11 -
.../org/apache/royale/style/colors/YellowSwatch.as | 11 -
.../org/apache/royale/style/colors/ZincSwatch.as | 11 -
.../org/apache/royale/style/skins/CheckBoxSkin.as | 349 ++++++++++++++++++++-
.../royale/style/stylebeads/StyleBeadBase.as | 2 +-
.../royale/style/stylebeads/anim/Transition.as | 57 ++++
.../style/stylebeads/anim/TransitionDuration.as | 8 +-
.../style/stylebeads/anim/TransitionProperty.as | 26 +-
.../stylebeads/anim/TransitionTimingFunction.as | 3 +
.../royale/style/stylebeads/border/Border.as | 16 +-
.../GridRowStart.as => border/BorderColor.as} | 18 +-
.../royale/style/stylebeads/border/BorderRadius.as | 2 +
.../Transform.as => border/BorderStyle.as} | 13 +-
.../royale/style/stylebeads/border/BorderWidth.as | 4 +-
.../royale/style/stylebeads/effects/BoxShadows.as | 50 +++
.../royale/style/stylebeads/flexgrid/ColumnGap.as | 4 +-
.../style/stylebeads/flexgrid/GridColumnEnd.as | 4 +-
.../style/stylebeads/flexgrid/GridColumnStart.as | 2 +-
.../royale/style/stylebeads/flexgrid/GridRowEnd.as | 4 +-
.../style/stylebeads/flexgrid/GridRowStart.as | 4 +-
.../royale/style/stylebeads/flexgrid/RowGap.as | 4 +-
.../royale/style/stylebeads/sizing/HeightStyle.as | 4 +-
.../style/stylebeads/sizing/HeightStyleBase.as | 4 +-
.../royale/style/stylebeads/sizing/MaxHeight.as | 4 +-
.../royale/style/stylebeads/sizing/MaxWidth.as | 4 +-
.../royale/style/stylebeads/sizing/MinHeight.as | 4 +-
.../royale/style/stylebeads/sizing/MinWidth.as | 4 +-
.../royale/style/stylebeads/sizing/WidthStyle.as | 4 +-
.../style/stylebeads/sizing/WidthStyleBase.as | 4 +-
.../royale/style/stylebeads/states/CheckedState.as | 13 +
.../style/stylebeads/states/DisabledState.as | 3 +-
.../style/stylebeads/states/IndeterminateState.as | 3 +-
.../royale/style/stylebeads/states/PeerPseudo.as | 20 +-
.../style/stylebeads/states/StyleStateBase.as | 15 +
.../royale/style/stylebeads/transform/Transform.as | 139 +++++++-
.../org/apache/royale/style/util/StyleTheme.as | 6 +-
.../org/apache/royale/style/util/ThemeManager.as | 3 +
67 files changed, 745 insertions(+), 389 deletions(-)
diff --git a/frameworks/projects/Style/src/main/resources/defaults.css
b/frameworks/projects/Style/src/main/resources/defaults.css
index d1e476492a..f3416bb35a 100644
--- a/frameworks/projects/Style/src/main/resources/defaults.css
+++ b/frameworks/projects/Style/src/main/resources/defaults.css
@@ -25,7 +25,10 @@ View
IBeadView: ClassReference("org.apache.royale.html.beads.GroupView");
IBeadLayout: ClassReference("org.apache.royale.style.beads.FlexLayout");
}
-
+CheckBox
+{
+ IStyleSkin:
ClassReference("org.apache.royale.style.skins.CheckBoxSkin");
+}
DataContainer
{
IBeadModel:
ClassReference("org.apache.royale.html.beads.models.DataProviderModel");
diff --git a/frameworks/projects/Style/src/main/resources/style-manifest.xml
b/frameworks/projects/Style/src/main/resources/style-manifest.xml
index fa83e9da8e..00b3a4976d 100644
--- a/frameworks/projects/Style/src/main/resources/style-manifest.xml
+++ b/frameworks/projects/Style/src/main/resources/style-manifest.xml
@@ -141,6 +141,8 @@
<component id="Outline"
class="org.apache.royale.style.stylebeads.border.Outline"/>
<component id="BorderRadius"
class="org.apache.royale.style.stylebeads.border.BorderRadius"/>
<component id="BorderWidth"
class="org.apache.royale.style.stylebeads.border.BorderWidth"/>
+ <component id="BorderStyle"
class="org.apache.royale.style.stylebeads.border.BorderStyle"/>
+ <component id="BorderColor"
class="org.apache.royale.style.stylebeads.border.BorderColor"/>
<component id="ColumnGap"
class="org.apache.royale.style.stylebeads.flexgrid.ColumnGap"/>
<component id="RowGap"
class="org.apache.royale.style.stylebeads.flexgrid.RowGap"/>
<component id="GridRow"
class="org.apache.royale.style.stylebeads.flexgrid.GridRow"/>
@@ -298,4 +300,6 @@
<component id="Ul" class="org.apache.royale.style.elements.Ul"/>
<component id="Video" class="org.apache.royale.style.elements.Video"/>
+ <component id="CheckBoxSkin"
class="org.apache.royale.style.skins.CheckBoxSkin"/>
+
</componentPackage>
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/Application.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/Application.as
index e5903e2075..d6acb5fc17 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/Application.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/Application.as
@@ -21,13 +21,18 @@ package org.apache.royale.style
import org.apache.royale.core.Application;
import org.apache.royale.binding.ApplicationDataBinding;
import org.apache.royale.core.CSSClassList;
+ import org.apache.royale.core.AllCSSValuesImpl;
+ import org.apache.royale.style.util.ThemeManager;
+ import org.apache.royale.style.util.StyleTheme;
public class Application extends org.apache.royale.core.Application
{
public function Application()
{
super();
+ valuesImpl = new AllCSSValuesImpl();
addBead(new ApplicationDataBinding());
+ ThemeManager.instance.registerTheme(new StyleTheme());
}
private var _theme:String = "";
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/CheckBox.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/CheckBox.as
index 5dbd3cbb23..092f151bce 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/CheckBox.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/CheckBox.as
@@ -247,7 +247,7 @@ package org.apache.royale.style
COMPILE::JS
{
if(value != !!_disabled){
- input.disabled = value;
+ element["disabled"] = input.disabled =
value;
}
}
_disabled = value;
@@ -334,7 +334,7 @@ package org.apache.royale.style
aria-label="Click this awesome button"
/>
- <div class="checkbox-box col-start-1 row-start-1 h-[var(--box)]
w-[var(--box)] rounded border-2 border-slate-500 transition
peer-focus-visible:ring-2 peer-focus-visible:ring-orange-500/40
peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-slate-50
peer-checked:border-orange-500 peer-checked:bg-orange-500
peer-indeterminate:border-orange-500 peer-indeterminate:bg-orange-500
peer-disabled:border-slate-300 peer-disabled:bg-slate-100 dark:border-slate-400
dark:peer-focus [...]
+ <div class="checkbox-box col-start-1 row-start-1 h-[var(--box)]
w-[var(--box)] rounded border-2 border-slate-500 transition
peer-focus-visible:outline peer-focus-visible:outline-2
peer-focus-visible:outline-orange-500 peer-focus-visible:outline-offset-2
peer-checked:border-orange-500 peer-checked:bg-orange-500
peer-indeterminate:border-orange-500 peer-indeterminate:bg-orange-500
peer-disabled:border-slate-300 peer-disabled:bg-slate-100 dark:border-slate-400
dark:peer-disabled:bor [...]
<div class="check-icon col-start-1 row-start-1 h-[var(--tick-h)]
w-[var(--tick-w)] place-self-center -translate-y-[8%] rotate-45 border-b-[3px]
border-r-[3px] border-white opacity-0 transition peer-checked:opacity-100
peer-indeterminate:opacity-0 peer-disabled:border-slate-300
dark:peer-disabled:border-slate-500"></div>
<div class="col-start-1 row-start-1 h-[14%] w-[var(--minus-w)]
place-self-center rounded bg-white opacity-0 transition
peer-indeterminate:opacity-100 peer-disabled:bg-slate-300
dark:peer-disabled:bg-slate-500"></div>
<span class="col-start-2 row-start-1 text-[length:var(--size)]
font-semibold text-slate-800 dark:text-slate-100 peer-disabled:text-slate-400
dark:peer-disabled:text-slate-500">Click this awesome button</span>
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/IStyleUIBase.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/IStyleUIBase.as
index d75ba8176f..88e53a668d 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/IStyleUIBase.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/IStyleUIBase.as
@@ -35,5 +35,10 @@ package org.apache.royale.style
function addStyleBead(bead:IStyleBead):void;
function get theme():String;
function get skin():IStyleSkin;
+ function get unit():String;
+ function set unit(value:String):void;
+ function get size():String;
+ function set size(value:String):void;
+
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/StyleSkin.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/StyleSkin.as
index 155ed902f8..942c2a7024 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/StyleSkin.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/StyleSkin.as
@@ -23,6 +23,8 @@ package org.apache.royale.style
import org.apache.royale.debugging.assert;
import org.apache.royale.style.IStyleUIBase;
import org.apache.royale.style.stylebeads.IStyleBead;
+ import org.apache.royale.style.util.ThemeManager;
+ import org.apache.royale.style.util.CSSUnit;
[DefaultProperty("styles")]
/**
* The StyleSkin class is a bead that can be added to a component to
provide styling capabilities.
@@ -71,5 +73,10 @@ package org.apache.royale.style
{
_styles = value;
}
+ protected function computeSize(value:Number,unit:String):String
+ {
+ var pixelValue:Number =
ThemeManager.instance.activeTheme.spacing * value;
+ return CSSUnit.convert(pixelValue, CSSUnit.PX, unit) +
unit;
+ }
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/StyleUIBase.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/StyleUIBase.as
index 8e668ed815..8f460a0cd6 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/StyleUIBase.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/StyleUIBase.as
@@ -72,6 +72,18 @@ package org.apache.royale.style
return ThemeManager.instance.current;
}
+ private var _unit:String = "rem";
+ [Inspectable(category="General", enumeration="px,em,rem",
defaultValue="rem")]
+ public function get unit():String
+ {
+ return _unit;
+ }
+
+ public function set unit(value:String):void
+ {
+ _unit = value;
+ }
+
private var _size:String = "md";
/**
* The size is set as "t-shirt sizing" using a string value.
@@ -99,7 +111,7 @@ package org.apache.royale.style
*/
public var styleBeads:Array;
- protected var _styleBeads:Vector.<IStyleBead>;
+ protected var _styleBeads:Vector.<IStyleBead> = new
Vector.<IStyleBead>();
/**
* @royaleignorecoercion
org.apache.royale.style.stylebeads.IStyleBead
*/
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 517960813f..a4c4e1f623 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "amber-50";
CSSLookup.register(name, "oklch(98.7% 0.022 95.277)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "amber-100";
CSSLookup.register(name, "oklch(96.2% 0.059 95.617)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "amber-200";
CSSLookup.register(name, "oklch(92.4% 0.12 95.746)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "amber-300";
CSSLookup.register(name, "oklch(87.9% 0.169 91.605)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "amber-400";
CSSLookup.register(name, "oklch(82.8% 0.189 84.429)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "amber-500";
CSSLookup.register(name, "oklch(76.9% 0.188 70.08)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "amber-600";
CSSLookup.register(name, "oklch(66.6% 0.179 58.318)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "amber-700";
CSSLookup.register(name, "oklch(55.5% 0.163 48.998)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "amber-800";
CSSLookup.register(name, "oklch(47.3% 0.137 46.201)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "amber-900";
CSSLookup.register(name, "oklch(41.4% 0.112 45.904)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "amber-950";
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 e72457b4dc..3566fff85c 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "blue-50";
CSSLookup.register(name, "oklch(97% 0.014 254.604)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "blue-100";
CSSLookup.register(name, "oklch(93.2% 0.032 255.585)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "blue-200";
CSSLookup.register(name, "oklch(88.2% 0.059 254.128)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "blue-300";
CSSLookup.register(name, "oklch(80.9% 0.105 251.813)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "blue-400";
CSSLookup.register(name, "oklch(70.7% 0.165 254.624)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "blue-500";
CSSLookup.register(name, "oklch(62.3% 0.214 259.815)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "blue-600";
CSSLookup.register(name, "oklch(54.6% 0.245 262.881)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "blue-700";
CSSLookup.register(name, "oklch(48.8% 0.243 264.376)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "blue-800";
CSSLookup.register(name, "oklch(42.4% 0.199 265.638)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "blue-900";
CSSLookup.register(name, "oklch(37.9% 0.146 265.522)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "blue-950";
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 a21ba55b42..9dafdc81d7 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "cyan-50";
CSSLookup.register(name, "oklch(98.4% 0.019 200.873)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "cyan-100";
CSSLookup.register(name, "oklch(95.6% 0.045 203.388)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "cyan-200";
CSSLookup.register(name, "oklch(91.7% 0.08 205.041)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "cyan-300";
CSSLookup.register(name, "oklch(86.5% 0.127 207.078)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "cyan-400";
CSSLookup.register(name, "oklch(78.9% 0.154 211.53)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "cyan-500";
CSSLookup.register(name, "oklch(71.5% 0.143 215.221)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "cyan-600";
CSSLookup.register(name, "oklch(60.9% 0.126 221.723)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "cyan-700";
CSSLookup.register(name, "oklch(52% 0.105 223.128)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "cyan-800";
CSSLookup.register(name, "oklch(45% 0.085 224.283)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "cyan-900";
CSSLookup.register(name, "oklch(39.8% 0.07 227.392)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "cyan-950";
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 109dba7d19..46f4ea44c6 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "emerald-50";
CSSLookup.register(name, "oklch(97.9% 0.021 166.113)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "emerald-100";
CSSLookup.register(name, "oklch(95% 0.052 163.051)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "emerald-200";
CSSLookup.register(name, "oklch(90.5% 0.093 164.15)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "emerald-300";
CSSLookup.register(name, "oklch(84.5% 0.143 164.978)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "emerald-400";
CSSLookup.register(name, "oklch(76.5% 0.177 163.223)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "emerald-500";
CSSLookup.register(name, "oklch(69.6% 0.17 162.48)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "emerald-600";
CSSLookup.register(name, "oklch(59.6% 0.145 163.225)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "emerald-700";
CSSLookup.register(name, "oklch(50.8% 0.118 165.612)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "emerald-800";
CSSLookup.register(name, "oklch(43.2% 0.095 166.913)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "emerald-900";
CSSLookup.register(name, "oklch(37.8% 0.077 168.94)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "emerald-950";
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 e28a01bd6a..2bc9a5512c 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "fuchsia-50";
CSSLookup.register(name, "oklch(97.7% 0.017 320.058)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "fuchsia-100";
CSSLookup.register(name, "oklch(95.2% 0.037 318.852)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "fuchsia-200";
CSSLookup.register(name, "oklch(90.3% 0.076 319.62)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "fuchsia-300";
CSSLookup.register(name, "oklch(83.3% 0.145 321.434)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "fuchsia-400";
CSSLookup.register(name, "oklch(74% 0.238 322.16)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "fuchsia-500";
CSSLookup.register(name, "oklch(66.7% 0.295 322.15)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "fuchsia-600";
CSSLookup.register(name, "oklch(59.1% 0.293 322.896)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "fuchsia-700";
CSSLookup.register(name, "oklch(51.8% 0.253 323.949)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "fuchsia-800";
CSSLookup.register(name, "oklch(45.2% 0.211 324.591)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "fuchsia-900";
CSSLookup.register(name, "oklch(40.1% 0.17 325.612)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "fuchsia-950";
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 5ab1c46622..e0ae286431 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "gray-50";
CSSLookup.register(name, "oklch(98.5% 0.002 247.839)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "gray-100";
CSSLookup.register(name, "oklch(96.7% 0.003 264.542)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "gray-200";
CSSLookup.register(name, "oklch(92.8% 0.006 264.531)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "gray-300";
CSSLookup.register(name, "oklch(87.2% 0.01 258.338)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "gray-400";
CSSLookup.register(name, "oklch(70.7% 0.022 261.325)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "gray-500";
CSSLookup.register(name, "oklch(55.1% 0.027 264.364)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "gray-600";
CSSLookup.register(name, "oklch(44.6% 0.03 256.802)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "gray-700";
CSSLookup.register(name, "oklch(37.3% 0.034 259.733)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "gray-800";
CSSLookup.register(name, "oklch(27.8% 0.033 256.848)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "gray-900";
CSSLookup.register(name, "oklch(21% 0.034 264.665)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "gray-950";
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 cd00d4631f..bef3c82f37 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "green-50";
CSSLookup.register(name, "oklch(98.2% 0.018 155.826)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "green-100";
CSSLookup.register(name, "oklch(96.2% 0.044 156.743)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "green-200";
CSSLookup.register(name, "oklch(92.5% 0.084 155.995)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "green-300";
CSSLookup.register(name, "oklch(87.1% 0.15 154.449)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "green-400";
CSSLookup.register(name, "oklch(79.2% 0.209 151.711)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "green-500";
CSSLookup.register(name, "oklch(72.3% 0.219 149.579)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "green-600";
CSSLookup.register(name, "oklch(62.7% 0.194 149.214)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "green-700";
CSSLookup.register(name, "oklch(52.7% 0.154 150.069)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "green-800";
CSSLookup.register(name, "oklch(44.8% 0.119 151.328)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "green-900";
CSSLookup.register(name, "oklch(39.3% 0.095 152.535)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "green-950";
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 705974c6e7..81e9a9bba4 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "indigo-50";
CSSLookup.register(name, "oklch(96.2% 0.018 272.314)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "indigo-100";
CSSLookup.register(name, "oklch(93% 0.034 272.788)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "indigo-200";
CSSLookup.register(name, "oklch(87% 0.065 274.039)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "indigo-300";
CSSLookup.register(name, "oklch(78.5% 0.115 274.713)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "indigo-400";
CSSLookup.register(name, "oklch(67.3% 0.182 276.935)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "indigo-500";
CSSLookup.register(name, "oklch(58.5% 0.233 277.117)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "indigo-600";
CSSLookup.register(name, "oklch(51.1% 0.262 276.966)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "indigo-700";
CSSLookup.register(name, "oklch(45.7% 0.24 277.023)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "indigo-800";
CSSLookup.register(name, "oklch(39.8% 0.195 277.366)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "indigo-900";
CSSLookup.register(name, "oklch(35.9% 0.144 278.697)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "indigo-950";
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 bd09c79ce2..fcc32a31e4 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "lime-50";
CSSLookup.register(name, "oklch(98.6% 0.031 120.757)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "lime-100";
CSSLookup.register(name, "oklch(96.7% 0.067 122.328)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "lime-200";
CSSLookup.register(name, "oklch(93.8% 0.127 124.321)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "lime-300";
CSSLookup.register(name, "oklch(89.7% 0.196 126.665)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "lime-400";
CSSLookup.register(name, "oklch(84.1% 0.238 128.85)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "lime-500";
CSSLookup.register(name, "oklch(76.8% 0.233 130.85)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "lime-600";
CSSLookup.register(name, "oklch(64.8% 0.2 131.684)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "lime-700";
CSSLookup.register(name, "oklch(53.2% 0.157 131.589)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "lime-800";
CSSLookup.register(name, "oklch(45.3% 0.124 130.933)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "lime-900";
CSSLookup.register(name, "oklch(40.5% 0.101 131.063)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "lime-950";
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 7a5f0a434a..e7abc3429e 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "mauve-50";
CSSLookup.register(name, "oklch(98.5% 0 0)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "mauve-100";
CSSLookup.register(name, "oklch(96% 0.003 325.6)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "mauve-200";
CSSLookup.register(name, "oklch(92.2% 0.005 325.62)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "mauve-300";
CSSLookup.register(name, "oklch(86.5% 0.012 325.68)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "mauve-400";
CSSLookup.register(name, "oklch(71.1% 0.019 323.02)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "mauve-500";
CSSLookup.register(name, "oklch(54.2% 0.034 322.5)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "mauve-600";
CSSLookup.register(name, "oklch(43.5% 0.029 321.78)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "mauve-700";
CSSLookup.register(name, "oklch(36.4% 0.029 323.89)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "mauve-800";
CSSLookup.register(name, "oklch(26.3% 0.024 320.12)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "mauve-900";
CSSLookup.register(name, "oklch(21.2% 0.019 322.12)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "mauve-950";
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 578b389a9f..d6024b4841 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "mist-50";
CSSLookup.register(name, "oklch(98.7% 0.002 197.1)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "mist-100";
CSSLookup.register(name, "oklch(96.3% 0.002 197.1)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "mist-200";
CSSLookup.register(name, "oklch(92.5% 0.005 214.3)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "mist-300";
CSSLookup.register(name, "oklch(87.2% 0.007 219.6)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "mist-400";
CSSLookup.register(name, "oklch(72.3% 0.014 214.4)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "mist-500";
CSSLookup.register(name, "oklch(56% 0.021 213.5)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "mist-600";
CSSLookup.register(name, "oklch(45% 0.017 213.2)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "mist-700";
CSSLookup.register(name, "oklch(37.8% 0.015 216)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "mist-800";
CSSLookup.register(name, "oklch(27.5% 0.011 216.9)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "mist-900";
CSSLookup.register(name, "oklch(21.8% 0.008 223.9)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "mist-950";
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 199f1e58bb..c300e296f5 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "neutral-50";
CSSLookup.register(name, "oklch(98.5% 0 0)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "neutral-100";
CSSLookup.register(name, "oklch(97% 0 0)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "neutral-200";
CSSLookup.register(name, "oklch(92.2% 0 0)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "neutral-300";
CSSLookup.register(name, "oklch(87% 0 0)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "neutral-400";
CSSLookup.register(name, "oklch(70.8% 0 0)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "neutral-500";
CSSLookup.register(name, "oklch(55.6% 0 0)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "neutral-600";
CSSLookup.register(name, "oklch(43.9% 0 0)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "neutral-700";
CSSLookup.register(name, "oklch(37.1% 0 0)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "neutral-800";
CSSLookup.register(name, "oklch(26.9% 0 0)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "neutral-900";
CSSLookup.register(name, "oklch(20.5% 0 0)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "neutral-950";
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 026c3d6fb2..456c92d207 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "olive-50";
CSSLookup.register(name, "oklch(98.8% 0.003 106.5)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "olive-100";
CSSLookup.register(name, "oklch(96.6% 0.005 106.5)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "olive-200";
CSSLookup.register(name, "oklch(93% 0.007 106.5)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "olive-300";
CSSLookup.register(name, "oklch(88% 0.011 106.6)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "olive-400";
CSSLookup.register(name, "oklch(73.7% 0.021 106.9)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "olive-500";
CSSLookup.register(name, "oklch(58% 0.031 107.3)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "olive-600";
CSSLookup.register(name, "oklch(46.6% 0.025 107.3)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "olive-700";
CSSLookup.register(name, "oklch(39.4% 0.023 107.4)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "olive-800";
CSSLookup.register(name, "oklch(28.6% 0.016 107.4)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "olive-900";
CSSLookup.register(name, "oklch(22.8% 0.013 107.4)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "olive-950";
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 9a9e344220..73904e9a92 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "orange-50";
CSSLookup.register(name, "oklch(98% 0.016 73.684)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "orange-100";
CSSLookup.register(name, "oklch(95.4% 0.038 75.164)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "orange-200";
CSSLookup.register(name, "oklch(90.1% 0.076 70.697)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "orange-300";
CSSLookup.register(name, "oklch(83.7% 0.128 66.29)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "orange-400";
CSSLookup.register(name, "oklch(75% 0.183 55.934)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "orange-500";
CSSLookup.register(name, "oklch(70.5% 0.213 47.604)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "orange-600";
CSSLookup.register(name, "oklch(64.6% 0.222 41.116)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "orange-700";
CSSLookup.register(name, "oklch(55.3% 0.195 38.402)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "orange-800";
CSSLookup.register(name, "oklch(47% 0.157 37.304)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "orange-900";
CSSLookup.register(name, "oklch(40.8% 0.123 38.172)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "orange-950";
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 3340a5fa6f..8375bdc56e 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "pink-50";
CSSLookup.register(name, "oklch(97.1% 0.014 343.198)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "pink-100";
CSSLookup.register(name, "oklch(94.8% 0.028 342.258)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "pink-200";
CSSLookup.register(name, "oklch(89.9% 0.061 343.231)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "pink-300";
CSSLookup.register(name, "oklch(82.3% 0.12 346.018)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "pink-400";
CSSLookup.register(name, "oklch(71.8% 0.202 349.761)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "pink-500";
CSSLookup.register(name, "oklch(65.6% 0.241 354.308)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "pink-600";
CSSLookup.register(name, "oklch(59.2% 0.249 0.584)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "pink-700";
CSSLookup.register(name, "oklch(52.5% 0.223 3.958)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "pink-800";
CSSLookup.register(name, "oklch(45.9% 0.187 3.815)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "pink-900";
CSSLookup.register(name, "oklch(40.8% 0.153 2.432)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "pink-950";
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 94275e2e02..1740b27943 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "purple-50";
CSSLookup.register(name, "oklch(97.7% 0.014 308.299)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "purple-100";
CSSLookup.register(name, "oklch(94.6% 0.033 307.174)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "purple-200";
CSSLookup.register(name, "oklch(90.2% 0.063 306.703)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "purple-300";
CSSLookup.register(name, "oklch(82.7% 0.119 306.383)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "purple-400";
CSSLookup.register(name, "oklch(71.4% 0.203 305.504)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "purple-500";
CSSLookup.register(name, "oklch(62.7% 0.265 303.9)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "purple-600";
CSSLookup.register(name, "oklch(55.8% 0.288 302.321)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "purple-700";
CSSLookup.register(name, "oklch(49.6% 0.265 301.924)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "purple-800";
CSSLookup.register(name, "oklch(43.8% 0.218 303.724)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "purple-900";
CSSLookup.register(name, "oklch(38.1% 0.176 304.987)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "purple-950";
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 ef2474e223..66cd5ae4a0 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "red-50";
CSSLookup.register(name, "oklch(97.1% 0.013 17.38)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "red-100";
CSSLookup.register(name, "oklch(93.6% 0.032 17.717)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "red-200";
CSSLookup.register(name, "oklch(88.5% 0.062 18.334)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "red-300";
CSSLookup.register(name, "oklch(80.8% 0.114 19.571)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "red-400";
CSSLookup.register(name, "oklch(70.4% 0.191 22.216)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "red-500";
CSSLookup.register(name, "oklch(63.7% 0.237 25.331)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "red-600";
CSSLookup.register(name, "oklch(57.7% 0.245 27.325)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "red-700";
CSSLookup.register(name, "oklch(50.5% 0.213 27.518)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "red-800";
CSSLookup.register(name, "oklch(44.4% 0.177 26.899)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "red-900";
CSSLookup.register(name, "oklch(39.6% 0.141 25.723)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "red-950";
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 f675c3b389..9001af2a2a 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "rose-50";
CSSLookup.register(name, "oklch(96.9% 0.015 12.422)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "rose-100";
CSSLookup.register(name, "oklch(94.1% 0.03 12.58)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "rose-200";
CSSLookup.register(name, "oklch(89.2% 0.058 10.001)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "rose-300";
CSSLookup.register(name, "oklch(81% 0.117 11.638)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "rose-400";
CSSLookup.register(name, "oklch(71.2% 0.194 13.428)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "rose-500";
CSSLookup.register(name, "oklch(64.5% 0.246 16.439)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "rose-600";
CSSLookup.register(name, "oklch(58.6% 0.253 17.585)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "rose-700";
CSSLookup.register(name, "oklch(51.4% 0.222 16.935)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "rose-800";
CSSLookup.register(name, "oklch(45.5% 0.188 13.697)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "rose-900";
CSSLookup.register(name, "oklch(41% 0.159 10.272)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "rose-950";
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 bbe1ec1714..812dd6fcbd 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "sky-50";
CSSLookup.register(name, "oklch(97.7% 0.013 236.62)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "sky-100";
CSSLookup.register(name, "oklch(95.1% 0.026 236.824)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "sky-200";
CSSLookup.register(name, "oklch(90.1% 0.058 230.902)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "sky-300";
CSSLookup.register(name, "oklch(82.8% 0.111 230.318)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "sky-400";
CSSLookup.register(name, "oklch(74.6% 0.16 232.661)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "sky-500";
CSSLookup.register(name, "oklch(68.5% 0.169 237.323)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "sky-600";
CSSLookup.register(name, "oklch(58.8% 0.158 241.966)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "sky-700";
CSSLookup.register(name, "oklch(50% 0.134 242.749)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "sky-800";
CSSLookup.register(name, "oklch(44.3% 0.11 240.79)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "sky-900";
CSSLookup.register(name, "oklch(39.1% 0.09 240.876)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "sky-950";
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 caf82d1bfe..f8789c71be 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "slate-50";
CSSLookup.register(name, "oklch(98.4% 0.003 247.858)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "slate-100";
CSSLookup.register(name, "oklch(96.8% 0.007 247.896)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "slate-200";
CSSLookup.register(name, "oklch(92.9% 0.013 255.508)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "slate-300";
CSSLookup.register(name, "oklch(86.9% 0.022 252.894)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "slate-400";
CSSLookup.register(name, "oklch(70.4% 0.04 256.788)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "slate-500";
CSSLookup.register(name, "oklch(55.4% 0.046 257.417)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "slate-600";
CSSLookup.register(name, "oklch(44.6% 0.043 257.281)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "slate-700";
CSSLookup.register(name, "oklch(37.2% 0.044 257.287)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "slate-800";
CSSLookup.register(name, "oklch(27.9% 0.041 260.031)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "slate-900";
CSSLookup.register(name, "oklch(20.8% 0.042 265.755)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "slate-950";
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 f8ff6258f3..523070e682 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "stone-50";
CSSLookup.register(name, "oklch(98.5% 0.001 106.423)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "stone-100";
CSSLookup.register(name, "oklch(97% 0.001 106.424)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "stone-200";
CSSLookup.register(name, "oklch(92.3% 0.003 48.717)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "stone-300";
CSSLookup.register(name, "oklch(86.9% 0.005 56.366)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "stone-400";
CSSLookup.register(name, "oklch(70.9% 0.01 56.259)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "stone-500";
CSSLookup.register(name, "oklch(55.3% 0.013 58.071)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "stone-600";
CSSLookup.register(name, "oklch(44.4% 0.011 73.639)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "stone-700";
CSSLookup.register(name, "oklch(37.4% 0.01 67.558)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "stone-800";
CSSLookup.register(name, "oklch(26.8% 0.007 34.298)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "stone-900";
CSSLookup.register(name, "oklch(21.6% 0.006 56.043)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "stone-950";
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 d646742bc1..c4a630a988 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "taupe-50";
CSSLookup.register(name, "oklch(98.6% 0.002 67.8)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "taupe-100";
CSSLookup.register(name, "oklch(96% 0.002 17.2)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "taupe-200";
CSSLookup.register(name, "oklch(92.2% 0.005 34.3)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "taupe-300";
CSSLookup.register(name, "oklch(86.8% 0.007 39.5)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "taupe-400";
CSSLookup.register(name, "oklch(71.4% 0.014 41.2)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "taupe-500";
CSSLookup.register(name, "oklch(54.7% 0.021 43.1)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "taupe-600";
CSSLookup.register(name, "oklch(43.8% 0.017 39.3)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "taupe-700";
CSSLookup.register(name, "oklch(36.7% 0.016 35.7)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "taupe-800";
CSSLookup.register(name, "oklch(26.8% 0.011 36.5)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "taupe-900";
CSSLookup.register(name, "oklch(21.4% 0.009 43.1)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "taupe-950";
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 b949791254..b179364e19 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "teal-50";
CSSLookup.register(name, "oklch(98.4% 0.014 180.72)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "teal-100";
CSSLookup.register(name, "oklch(95.3% 0.051 180.801)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "teal-200";
CSSLookup.register(name, "oklch(91% 0.096 180.426)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "teal-300";
CSSLookup.register(name, "oklch(85.5% 0.138 181.071)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "teal-400";
CSSLookup.register(name, "oklch(77.7% 0.152 181.912)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "teal-500";
CSSLookup.register(name, "oklch(70.4% 0.14 182.503)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "teal-600";
CSSLookup.register(name, "oklch(60% 0.118 184.704)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "teal-700";
CSSLookup.register(name, "oklch(51.1% 0.096 186.391)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "teal-800";
CSSLookup.register(name, "oklch(43.7% 0.078 188.216)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "teal-900";
CSSLookup.register(name, "oklch(38.6% 0.063 188.416)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "teal-950";
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 71e6f6f9fa..abc2d79b33 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "violet-50";
CSSLookup.register(name, "oklch(96.9% 0.016 293.756)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "violet-100";
CSSLookup.register(name, "oklch(94.3% 0.029 294.588)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "violet-200";
CSSLookup.register(name, "oklch(89.4% 0.057 293.283)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "violet-300";
CSSLookup.register(name, "oklch(81.1% 0.111 293.571)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "violet-400";
CSSLookup.register(name, "oklch(70.2% 0.183 293.541)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "violet-500";
CSSLookup.register(name, "oklch(60.6% 0.25 292.717)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "violet-600";
CSSLookup.register(name, "oklch(54.1% 0.281 293.009)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "violet-700";
CSSLookup.register(name, "oklch(49.1% 0.27 292.581)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "violet-800";
CSSLookup.register(name, "oklch(43.2% 0.232 292.759)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "violet-900";
CSSLookup.register(name, "oklch(38% 0.189 293.745)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "violet-950";
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 bb1138c52f..d014d42077 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "yellow-50";
CSSLookup.register(name, "oklch(98.7% 0.026 102.212)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "yellow-100";
CSSLookup.register(name, "oklch(97.3% 0.071 103.193)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "yellow-200";
CSSLookup.register(name, "oklch(94.5% 0.129 101.54)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "yellow-300";
CSSLookup.register(name, "oklch(90.5% 0.182 98.111)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "yellow-400";
CSSLookup.register(name, "oklch(85.2% 0.199 91.936)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "yellow-500";
CSSLookup.register(name, "oklch(79.5% 0.184 86.047)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "yellow-600";
CSSLookup.register(name, "oklch(68.1% 0.162 75.834)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "yellow-700";
CSSLookup.register(name, "oklch(55.4% 0.135 66.442)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "yellow-800";
CSSLookup.register(name, "oklch(47.6% 0.114 61.907)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "yellow-900";
CSSLookup.register(name, "oklch(42.1% 0.095 57.708)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "yellow-950";
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 173e5294d0..74c924bdf1 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
@@ -29,77 +29,66 @@ package org.apache.royale.style.colors
{
}
- COMPILE::JS
public static function get _50():String
{
var name:String = "zinc-50";
CSSLookup.register(name, "oklch(98.5% 0 0)");
return name;
}
- COMPILE::JS
public static function get _100():String
{
var name:String = "zinc-100";
CSSLookup.register(name, "oklch(96.7% 0.001 286.375)");
return name;
}
- COMPILE::JS
public static function get _200():String
{
var name:String = "zinc-200";
CSSLookup.register(name, "oklch(92% 0.004 286.32)");
return name;
}
- COMPILE::JS
public static function get _300():String
{
var name:String = "zinc-300";
CSSLookup.register(name, "oklch(87.1% 0.006 286.286)");
return name;
}
- COMPILE::JS
public static function get _400():String
{
var name:String = "zinc-400";
CSSLookup.register(name, "oklch(70.5% 0.015 286.067)");
return name;
}
- COMPILE::JS
public static function get _500():String
{
var name:String = "zinc-500";
CSSLookup.register(name, "oklch(55.2% 0.016 285.938)");
return name;
}
- COMPILE::JS
public static function get _600():String
{
var name:String = "zinc-600";
CSSLookup.register(name, "oklch(44.2% 0.017 285.786)");
return name;
}
- COMPILE::JS
public static function get _700():String
{
var name:String = "zinc-700";
CSSLookup.register(name, "oklch(37% 0.013 285.805)");
return name;
}
- COMPILE::JS
public static function get _800():String
{
var name:String = "zinc-800";
CSSLookup.register(name, "oklch(27.4% 0.006 286.033)");
return name;
}
- COMPILE::JS
public static function get _900():String
{
var name:String = "zinc-900";
CSSLookup.register(name, "oklch(21% 0.006 285.885)");
return name;
}
- COMPILE::JS
public static function get _950():String
{
var name:String = "zinc-950";
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/skins/CheckBoxSkin.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/skins/CheckBoxSkin.as
index 2eebf3f0c7..e2eea7e931 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/skins/CheckBoxSkin.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/skins/CheckBoxSkin.as
@@ -22,25 +22,210 @@ package org.apache.royale.style.skins
import org.apache.royale.style.IIcon;
import org.apache.royale.style.Icon;
import org.apache.royale.style.IStyleUIBase;
+ import org.apache.royale.core.IStrand;
+ import org.apache.royale.style.CheckBox;
+ import org.apache.royale.style.stylebeads.layout.Display;
+ import org.apache.royale.style.stylebeads.interact.Cursor;
+ import org.apache.royale.style.stylebeads.flexgrid.GridAutoColumns;
+ import org.apache.royale.style.stylebeads.flexgrid.AlignItems;
+ import org.apache.royale.style.stylebeads.flexgrid.RowGap;
+ import org.apache.royale.style.stylebeads.interact.UserSelect;
+ import org.apache.royale.style.stylebeads.states.DisabledState;
+ import org.apache.royale.style.stylebeads.flexgrid.GridColumn;
+ import org.apache.royale.style.stylebeads.flexgrid.GridColumnStart;
+ import org.apache.royale.style.stylebeads.flexgrid.GridRowStart;
+ import org.apache.royale.style.stylebeads.sizing.HeightStyle;
+ import org.apache.royale.style.stylebeads.sizing.WidthStyle;
+ import org.apache.royale.style.stylebeads.border.BorderRadius;
+ import org.apache.royale.style.util.ThemeManager;
+ import org.apache.royale.style.stylebeads.border.BorderWidth;
+ import org.apache.royale.style.colors.SlateSwatch;
+ import org.apache.royale.style.stylebeads.border.BorderColor;
+ import org.apache.royale.style.stylebeads.anim.Transition;
+ import org.apache.royale.style.stylebeads.states.PeerPseudo;
+ import org.apache.royale.style.stylebeads.states.FocusVisibleState;
+ import org.apache.royale.style.stylebeads.border.Outline;
+ import org.apache.royale.style.stylebeads.states.CheckedState;
+ import org.apache.royale.style.colors.OrangeSwatch;
+ import org.apache.royale.style.stylebeads.background.BackgroundColor;
+ import org.apache.royale.style.stylebeads.states.IndeterminateState;
+ import org.apache.royale.style.stylebeads.typography.FontSize;
+ import org.apache.royale.style.stylebeads.typography.TextColor;
+ import org.apache.royale.style.stylebeads.typography.FontWeight;
+ import org.apache.royale.style.elements.Div;
+ import org.apache.royale.style.stylebeads.CompositeStyle;
+ import org.apache.royale.style.stylebeads.flexgrid.PlaceContent;
+ import org.apache.royale.style.stylebeads.flexgrid.PlaceSelf;
+ import org.apache.royale.style.stylebeads.border.Border;
+ import org.apache.royale.style.stylebeads.transform.Transform;
+ import org.apache.royale.style.stylebeads.effects.OpacityStyle;
public class CheckBoxSkin extends StyleSkin implements ICheckBoxSkin
{
public function CheckBoxSkin()
{
super();
+ }
+ /**
+ .checkbox[data-size="sm"] {
+ --size: 0.875rem;
+ }
+
+ .checkbox[data-size="md"] {
+ --size: 1rem; *4;
+ }
+
+ .checkbox[data-size="lg"] {
+ --size: 1.125rem;
+ }
+
+ .checkbox[data-size="xl"] {
+ --size: 1.25rem;
+ }
+
+ */
+ /**
+ * @royaleignorecoercion org.apache.royale.style.CheckBox
+ */
+ private function get host():CheckBox
+ {
+ return _strand as CheckBox;
+ }
+ override public function set strand(value:IStrand):void
+ {
+ super.strand = value;
+ // Manually set. Don't create the default ones.
+ if(_styles)
+ return;
+ var size:Number = 16 * getMultiplier();
+ var box:String = computeSize(size * 1.25, host.unit);
+ var gap:String = computeSize(size * 0.75, host.unit);
+ var disabledStyle:DisabledState = new DisabledState();
+ disabledStyle.styles = [
+ new Cursor("auto")
+ ];
_styles = [
- // new CheckBoxBackground(),
- // new CheckBoxBorder(),
- // new CheckBoxCheckmark()
+ new Display("inline-grid"),
+ new Cursor("pointer"),
+ new GridAutoColumns(box + " auto"),
+ new AlignItems("center"),
+ new RowGap(gap),
+ new UserSelect("none"),
+ disabledStyle
];
}
+ private function getMultiplier():Number
+ {
+ var multiple:Number;
+ switch(host.size)
+ {
+ case "sm":
+ return 0.875;
+ case "md":
+ return 1;
+ case "lg":
+ return 1.125;
+ case "xl":
+ return 1.25;
+ default:
+ return 1;
+ }
+ }
private var _boxStyles:Array;
public function get boxStyles():Array
{
+ if(!_boxStyles)
+ createBoxStyles();
return _boxStyles;
}
+ private function createBoxStyles():void
+ {
+ var size:Number = 16 * getMultiplier();
+ var box:String = computeSize(size * 1.25, host.unit);
+ var gap:String = computeSize(size * 0.75, host.unit);
+ _boxStyles = [
+ new GridColumnStart("1"),
+ new GridRowStart("1"),
+ new HeightStyle(box),
+ new WidthStyle(box),
+ new
BorderRadius(ThemeManager.instance.activeTheme.radiusSM),
+ new BorderWidth(2),
+ new BorderColor(SlateSwatch._500),
+ new Transition()
+ ];
+ var peer:PeerPseudo = new PeerPseudo();
+ var focusVisible:FocusVisibleState = new
FocusVisibleState();
+ var outline1:Outline = new Outline();
+ outline1.width = 2;
+ outline1.color = "oklch(70.5% 0.213 47.604 / .40)";
+ outline1.offset = 2;
+ focusVisible.styles = [outline1];
+ var checked:CheckedState = new CheckedState();
+ checked.styles = [
+ new BorderColor(OrangeSwatch._500),
+ new BackgroundColor(OrangeSwatch._500)
+ ];
+ var indeterminate:IndeterminateState = new
IndeterminateState();
+ indeterminate.styles = [
+ new BorderColor(OrangeSwatch._500),
+ new BackgroundColor(OrangeSwatch._500)
+ ];
+ var disabled:DisabledState = new DisabledState();
+ disabled.styles = [
+ new BorderColor(SlateSwatch._300),
+ new BackgroundColor(SlateSwatch._100)
+ ];
+
+ peer.styles = [
+ focusVisible,
+ checked,
+ indeterminate,
+ disabled
+ ];
+ _boxStyles.push(peer);
+ /**
+ col-start-1
+ row-start-1
+ h-[var(--box)]
+ w-[var(--box)]
+ rounded
+ border-2
+ border-slate-500
+ transition
+ peer-focus-visible:ring-2
+ peer-focus-visible:ring-orange-500/40
+ peer-focus-visible:ring-offset-2
+ peer-focus-visible:ring-offset-slate-50
+ peer-checked:border-orange-500
+ peer-checked:bg-orange-500
+ peer-indeterminate:border-orange-500
+ peer-indeterminate:bg-orange-500
+ peer-disabled:border-slate-300
+ peer-disabled:bg-slate-100
+ dark:border-slate-400
+ dark:peer-focus-visible:ring-orange-500/40
+ dark:peer-focus-visible:ring-offset-slate-950
+ dark:peer-disabled:border-slate-600
+ dark:peer-disabled:bg-slate-800
+
+ peer-focus-visible:outline
+ peer-focus-visible:outline-2
+ peer-focus-visible:outline-orange-500/40
+ peer-focus-visible:outline-offset-2
+ peer-checked:border-orange-500
+ peer-checked:bg-orange-500
+ peer-indeterminate:border-orange-500
+ peer-indeterminate:bg-orange-500
+ peer-disabled:border-slate-300
+ peer-disabled:bg-slate-100
+ dark:border-slate-400
+ dark:peer-disabled:border-slate-600
+ dark:peer-disabled:bg-slate-800
+
+ */
+ }
public function set boxStyles(value:Array):void
{
@@ -50,8 +235,43 @@ package org.apache.royale.style.skins
public function get labelStyles():Array
{
+ if(!_labelStyles)
+ createLabelStyles();
return _labelStyles;
}
+ private function createLabelStyles():void
+ {
+ var size:Number = 16 * getMultiplier();
+ var fontSize:String = computeSize(size, host.unit);
+
+ _labelStyles = [
+ new GridColumnStart("2"),
+ new GridRowStart("1"),
+ new FontSize(fontSize),
+ new FontWeight("600"),
+ new TextColor(SlateSwatch._800)
+ ];
+ var peer:PeerPseudo = new PeerPseudo();
+ var disabled:DisabledState = new DisabledState();
+ disabled.styles = [
+ new TextColor(SlateSwatch._400)
+ ];
+ peer.styles = [
+ disabled
+ ];
+ _labelStyles.push(peer);
+/**
+ col-start-2
+ row-start-1
+ text-[length:var(--size)]
+ font-semibold
+ text-slate-800
+ dark:text-slate-100
+ peer-disabled:text-slate-400
+ dark:peer-disabled:text-slate-500
+ */
+
+ }
public function set labelStyles(value:Array):void
{
@@ -65,14 +285,71 @@ package org.apache.royale.style.skins
public function get checkIcon():IStyleUIBase
{
if(!_checkIcon){
- var iconName:String = "style_checkIconSmall";
- if(!Icon.isRegistered(iconName))
- Icon.registerIcon(iconName,
- <svg viewBox="0 0 12 10"
fill="none" aria-hidden="true" width="10" height="10">
- <path d="M1.5 5.5L4.5
8.5L10.5 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"/>
- </svg>);
- _checkIcon = new Icon(iconName);
+ var div:Div = new Div();
+ _checkIcon = div;
+ // var iconName:String = "style_checkIconSmall";
+ // if(!Icon.isRegistered(iconName))
+ // Icon.registerIcon(iconName,
+ // <svg viewBox="0 0 12 10"
fill="none" aria-hidden="true" width="10" height="10">
+ // <path d="M1.5 5.5L4.5
8.5L10.5 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"/>
+ // </svg>);
+ // _checkIcon = new Icon(iconName);
+ // --tick-h: calc(var(--size) * 0.625);
+ // --tick-w: calc(var(--size) * 0.375);
+ var size:Number = 16 * getMultiplier();
+ var transform:Transform = new Transform();
+ transform.translateY = "8%";
+ transform.rotate = "45deg";
+
+ var borderWidth:BorderWidth = new BorderWidth();
+ borderWidth.bottom = 3;
+ borderWidth.right = 3;
+ var styles:CompositeStyle = new
CompositeStyle();
+ styles.styles = [
+ new GridColumnStart("1"),
+ new GridRowStart("1"),
+ new HeightStyle(computeSize(size *
0.625, host.unit)),
+ new WidthStyle(computeSize(size *
0.375, host.unit)),
+ new PlaceSelf("center"),
+ transform,
+ borderWidth,
+ new BorderColor("white"),
+ new Transition(),
+ new OpacityStyle(0),
+ new PeerPseudo([
+ new CheckedState([
+ new OpacityStyle(1)
+ ]),
+ new IndeterminateState([
+ new OpacityStyle(0)
+ ]),
+ new DisabledState([
+ new
BorderColor(SlateSwatch._300)
+ ])
+ ])
+ ];
+ div.styleBeads = [styles];
+ // TODO dark mode styles
}
+
+/**
+col-start-1
+row-start-1
+h-[var(--tick-h)]
+w-[var(--tick-w)]
+place-self-center
+-translate-y-[8%]
+rotate-45
+border-b-[3px]
+border-r-[3px]
+border-white
+opacity-0
+transition
+peer-checked:opacity-100
+peer-indeterminate:opacity-0
+peer-disabled:border-slate-300
+dark:peer-disabled:border-slate-500
+ */
return _checkIcon;
}
@@ -88,13 +365,51 @@ package org.apache.royale.style.skins
public function get indeterminateIcon():IStyleUIBase
{
if(!_indeterminateIcon){
- var iconName:String =
"style_indeterminateIconSmall";
- if(!Icon.isRegistered(iconName))
- Icon.registerIcon(iconName,
- <svg viewBox="0 0 12 10"
fill="none" aria-hidden="true" width="10" height="10">
- <rect x="1" y="4.5"
width="10" height="1" fill="currentColor"/>
- </svg>);
- _indeterminateIcon = new Icon(iconName);
+ _indeterminateIcon = new Div();
+ var size:Number = 16 * getMultiplier();
+
+ var styles:CompositeStyle = new
CompositeStyle();
+ styles.styles = [
+ new GridColumnStart("1"),
+ new GridRowStart("1"),
+ new HeightStyle("14%"),
+ new WidthStyle(computeSize(size *
0.625, host.unit)),
+ new PlaceSelf("center"),
+ new
BorderRadius(ThemeManager.instance.activeTheme.radiusSM),
+ new BackgroundColor("white"),
+ new Transition(),
+ new OpacityStyle(0),
+ new PeerPseudo([
+ new IndeterminateState([
+ new OpacityStyle(1)
+ ]),
+ new DisabledState([
+ new
BackgroundColor(SlateSwatch._300)
+ ])
+ ])
+ ];
+ // var iconName:String =
"style_indeterminateIconSmall";
+ // if(!Icon.isRegistered(iconName))
+ // Icon.registerIcon(iconName,
+ // <svg viewBox="0 0 12 10"
fill="none" aria-hidden="true" width="10" height="10">
+ // <rect x="1" y="4.5"
width="10" height="1" fill="currentColor"/>
+ // </svg>);
+ // _indeterminateIcon = new Icon(iconName);
+/**
+ col-start-1
+ row-start-1
+ h-[14%]
+ w-[var(--minus-w)]
+ place-self-center
+ rounded
+ bg-white
+ opacity-0
+ transition
+ peer-indeterminate:opacity-100
+ peer-disabled:bg-slate-300
+ dark:peer-disabled:bg-slate-500
+ */
+
}
return _indeterminateIcon;
}
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/StyleBeadBase.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/StyleBeadBase.as
index 581a828c06..af16239c2c 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/StyleBeadBase.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/StyleBeadBase.as
@@ -116,7 +116,7 @@ package org.apache.royale.style.stylebeads
ruleVal = "#fff";
break;
default:
- assert(CSSLookup.has(selectorVal),
"Invalid color value: " + value);
+ // assert(CSSLookup.has(selectorVal),
"Invalid color value: " + value);
ruleVal =
CSSLookup.getProperty(selectorVal);
break;
}
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/Transition.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/Transition.as
new file mode 100644
index 0000000000..92405ce6fe
--- /dev/null
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/Transition.as
@@ -0,0 +1,57 @@
+package org.apache.royale.style.stylebeads.anim
+{
+ import org.apache.royale.style.stylebeads.CompositeStyle;
+ import org.apache.royale.style.util.ThemeManager;
+
+ public class Transition extends CompositeStyle
+ {
+ public function Transition(property:String= "default")
+ {
+ super();
+ _property = property;
+ propStyle = new TransitionProperty(property);
+ timingStyle = new TransitionTimingFunction("default");
+ durationStyle = new TransitionDuration("default");
+ styles = [
+ propStyle,
+ timingStyle,
+ durationStyle
+ ];
+ }
+ private var _property:String = "default";
+
+ public function get property():String
+ {
+ return _property;
+ }
+ private var propStyle:TransitionProperty;
+ public function set property(value:String):void
+ {
+ propStyle.value = _property = value;
+ }
+
+ private var _timingFunction:String = "default";
+ private var timingStyle:TransitionTimingFunction;
+ public function get timingFunction():String
+ {
+ return _timingFunction;
+ }
+
+ public function set timingFunction(value:String):void
+ {
+ timingStyle.value = _timingFunction = value;
+ }
+
+ private var _duration:String = "default";
+ public function get duration():String
+ {
+ return _duration;
+ }
+ private var durationStyle:TransitionDuration;
+ public function set duration(value:String):void
+ {
+ durationStyle.value = _duration = value;
+ }
+
+ }
+}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionDuration.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionDuration.as
index e74af4108b..8da56f4a1d 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionDuration.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionDuration.as
@@ -21,6 +21,7 @@ package org.apache.royale.style.stylebeads.anim
import org.apache.royale.style.stylebeads.LeafStyleBase;
import org.apache.royale.debugging.assert;
import org.apache.royale.style.util.CSSLookup;
+ import org.apache.royale.style.util.ThemeManager;
public class TransitionDuration extends LeafStyleBase
{
@@ -31,9 +32,12 @@ package org.apache.royale.style.stylebeads.anim
override public function set value(value:*):void
{
- assert(isVar(value) || (isInt(value) && value >= 0),
"transition-duration only accepts valid CSS variables or non-negative integers
representing milliseconds");
+ assert(value == "default" || isVar(value) ||
(isInt(value) && value >= 0), "transition-duration only accepts valid CSS
variables or non-negative integers representing milliseconds");
calculatedSelector = _value = value;
- calculatedRuleValue = isInt(value) ? value + "ms" :
fromVar(value);
+ if(value == "default")
+ calculatedRuleValue =
ThemeManager.instance.activeTheme.defaultTransitionDuration;
+ else
+ calculatedRuleValue = isInt(value) ? value +
"ms" : fromVar(value);
}
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionProperty.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionProperty.as
index f8b9f3a0e6..57b037da2f 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionProperty.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionProperty.as
@@ -39,7 +39,31 @@ package org.apache.royale.style.stylebeads.anim
override public function set value(value:*):void
{
- //TODO implement.
+ switch(value)
+ {
+ case "default":
+ calculatedRuleValue = "color,
background-color, border-color, outline-color, text-decoration-color, fill,
stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity,
box-shadow, transform, translate, scale, rotate, filter,
-webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay,
pointer-events";
+ calculatedSelector = "";
+ break;
+ case "colors":
+ calculatedRuleValue = "color,
background-color, border-color, outline-color, text-decoration-color, fill,
stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to";
+ calculatedSelector = "color";
+ break;
+ case "shadow":
+ calculatedRuleValue = "box-shadow";
+ calculatedSelector = "shadow";
+ break;
+ case "transform":
+ calculatedRuleValue = "transform,
translate, scale, rotate";
+ calculatedSelector = "transform";
+ break;
+ case "all":
+ case "opacity":
+ default:
+ calculatedSelector = _value = value;
+ calculatedRuleValue = acceptVar(value);
+ break;
+ }
}
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionTimingFunction.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionTimingFunction.as
index 8bf0810087..89e2340b7f 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionTimingFunction.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/anim/TransitionTimingFunction.as
@@ -37,6 +37,9 @@ package org.apache.royale.style.stylebeads.anim
var theme:StyleTheme =
ThemeManager.instance.activeTheme;
switch(value)
{
+ case "default":
+ ruleValue =
theme.defaultTransitionTimingFunction;
+ break;
case "in":
ruleValue = theme.easeIn;
break;
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/Border.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/Border.as
index 04ff551de0..63e5da5b20 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/Border.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/Border.as
@@ -61,12 +61,12 @@ package org.apache.royale.style.stylebeads.border
{
return _style;
}
- private var styleStyle:Style;
+ private var styleStyle:BorderStyle;
public function set style(value:String):void
{
if(!styleStyle)
{
- styleStyle = new Style();
+ styleStyle = new BorderStyle();
styles.push(styleStyle);
}
styleStyle.value = value;
@@ -126,15 +126,3 @@ class Color extends LeafStyleBase
calculatedRuleValue = styleData.rule;
}
}
-class Style extends LeafStyleBase
-{
- public function Style(value:* = null)
- {
- super("border", "border-style", value);
- }
- override public function set value(value:*):void
- {
-
assert(["solid","dashed","dotted","double","hidden","none"].indexOf(value) >=
0, "The value must be a valid border style: " + value);
- calculatedSelector = calculatedRuleValue = _value = value;
- }
-}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridRowStart.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderColor.as
similarity index 73%
copy from
frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridRowStart.as
copy to
frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderColor.as
index ef1fa81d2b..efca63a428 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridRowStart.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderColor.as
@@ -16,23 +16,23 @@
// limitations under the License.
//
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.stylebeads.flexgrid
+package org.apache.royale.style.stylebeads.border
{
import org.apache.royale.style.stylebeads.LeafStyleBase;
+ import org.apache.royale.style.util.StyleData;
- public class GridRowStart extends GridRow
+ public class BorderColor extends LeafStyleBase
{
- public function GridRowStart()
+ public function BorderColor(value:* = null)
{
- super("row-start", "grid-row-start");
+ super("border", "border-color", value);
}
-
override public function set value(value:*):void
{
- // TODO validate aspect before setting
- // https://tailwindcss.com/docs/grid-row
- calculatedRuleValue = calculatedSelector = _value =
value;
-
+ _value = value;
+ var styleData:StyleData = validateColor(value, false);
+ calculatedSelector = styleData.selector;
+ calculatedRuleValue = styleData.rule;
}
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderRadius.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderRadius.as
index 904c461a00..980d124cac 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderRadius.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderRadius.as
@@ -32,6 +32,8 @@ package org.apache.royale.style.stylebeads.border
{
super();
styles = [];
+ if(value)
+ radius = value;
}
private var _radius:*;
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/transform/Transform.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderStyle.as
similarity index 73%
copy from
frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/transform/Transform.as
copy to
frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderStyle.as
index e7527de10b..5d3ab7b3b9 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/transform/Transform.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderStyle.as
@@ -16,23 +16,22 @@
// limitations under the License.
//
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.style.stylebeads.transform
+package org.apache.royale.style.stylebeads.border
{
import org.apache.royale.style.stylebeads.LeafStyleBase;
import org.apache.royale.debugging.assert;
- public class Transform extends LeafStyleBase
+ public class BorderStyle extends LeafStyleBase
{
- public function Transform(value:* = null)
+ public function BorderStyle(value:* = null)
{
- super("transform", "transform", value);
+ super("border", "border-style", value);
}
+ [Inspectable(category="General",
enumeration="solid,dashed,dotted,double,hidden,none", defaultValue="solid")]
override public function set value(value:*):void
{
- assert(isVar(value) || value == "none", "Invalid value
for transform: " + value);
+ assert(["solid", "dashed", "dotted", "double",
"hidden", "none"].indexOf(value) >= 0, "The value must be a valid border style:
" + value);
calculatedSelector = calculatedRuleValue = _value =
value;
- if(isVar(value))
- calculatedRuleValue = fromVar(value);
}
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderWidth.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderWidth.as
index ea229a46d0..9014c8b7fd 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderWidth.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/border/BorderWidth.as
@@ -32,6 +32,8 @@ package org.apache.royale.style.stylebeads.border
{
super();
styles = [];
+ if(value)
+ this.width = value;
}
private var _width:*;
@@ -234,7 +236,7 @@ class Width extends LeafStyleBase
override public function set value(value:*):void
{
_value = value;
- calculatedRuleValue = value;
+ calculatedRuleValue = isNum(value) ? value + "px" :
acceptVar(value);
calculatedSelector = sanitizeSelector(value);
}
override public function getSelector():String
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/effects/BoxShadows.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/effects/BoxShadows.as
new file mode 100644
index 0000000000..d47900fc03
--- /dev/null
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/effects/BoxShadows.as
@@ -0,0 +1,50 @@
+package org.apache.royale.style.stylebeads.effects
+{
+ import org.apache.royale.style.stylebeads.LeafStyleBase;
+ import org.apache.royale.debugging.assert;
+ /**
+ * Multiple box shadows can be applied to an element, separated by
commas.
+ * BoxShadows should contain an array of BoxShadow or RingEffect
objects.
+ */
+ public class BoxShadows extends LeafStyleBase
+ {
+ public function BoxShadows(value:* = null)
+ {
+ super("boxes", "box-shadow", value);
+ }
+ private var _shadows:Array;
+
+ public function get shadows():Array
+ {
+ return _shadows;
+ }
+
+ public function set shadows(value:Array):void
+ {
+ _shadows = value;
+ }
+ override public function getRule():String
+ {
+ assert(shadows && shadows.length > 0, "BoxShadows style
bead requires shadows to be set");
+ var rules:Array = [];
+ for each(var shadow:LeafStyleBase in shadows)
+ {
+ rules.push(shadow.getRule());
+ }
+ calculatedRuleValue = rules.join(", ");
+ return super.getRule();
+ }
+ override public function getSelector():String
+ {
+ assert(shadows && shadows.length > 0, "BoxShadows style
bead requires shadows to be set");
+ var selectors:Array = [];
+ for each(var shadow:LeafStyleBase in shadows)
+ {
+ assert(shadow is BoxShadow || shadow is
RingEffect, "BoxShadows style bead only accepts BoxShadow or RingEffect style
beads");
+ selectors.push(shadow.getSelector());
+ }
+ calculatedSelector = selectors.join("-");
+ return super.getSelector();
+ }
+ }
+}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/ColumnGap.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/ColumnGap.as
index ab07511e8a..5974f7e1f8 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/ColumnGap.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/ColumnGap.as
@@ -21,9 +21,9 @@ package org.apache.royale.style.stylebeads.flexgrid
public class ColumnGap extends Gap
{
- public function ColumnGap()
+ public function ColumnGap(value:* = null)
{
- super("gap-x", "column-gap");
+ super("gap-x", "column-gap", value);
}
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridColumnEnd.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridColumnEnd.as
index 484e51a406..9b13d446cf 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridColumnEnd.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridColumnEnd.as
@@ -20,9 +20,9 @@ package org.apache.royale.style.stylebeads.flexgrid
{
public class GridColumnEnd extends GridColumn
{
- public function GridColumnEnd()
+ public function GridColumnEnd(value:* = null)
{
- super("col-end", "grid-column-end");
+ super("col-end", "grid-column-end", value);
}
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridColumnStart.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridColumnStart.as
index c5f88e8942..fbb58cbabb 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridColumnStart.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridColumnStart.as
@@ -20,7 +20,7 @@ package org.apache.royale.style.stylebeads.flexgrid
{
public class GridColumnStart extends GridColumn
{
- public function GridColumnStart()
+ public function GridColumnStart(value:* = null)
{
super("col-start", "grid-column-start");
}
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridRowEnd.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridRowEnd.as
index 55b2c041fd..f8070fea98 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridRowEnd.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridRowEnd.as
@@ -22,9 +22,9 @@ package org.apache.royale.style.stylebeads.flexgrid
public class GridRowEnd extends GridRow
{
- public function GridRowEnd()
+ public function GridRowEnd(value:* = null)
{
- super("row-end", "grid-row-end");
+ super("row-end", "grid-row-end", value);
}
override public function set value(value:*):void
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridRowStart.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridRowStart.as
index ef1fa81d2b..503e38a5b6 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridRowStart.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/GridRowStart.as
@@ -22,9 +22,9 @@ package org.apache.royale.style.stylebeads.flexgrid
public class GridRowStart extends GridRow
{
- public function GridRowStart()
+ public function GridRowStart(value:* = null)
{
- super("row-start", "grid-row-start");
+ super("row-start", "grid-row-start", value);
}
override public function set value(value:*):void
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/RowGap.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/RowGap.as
index aa27282750..f5836ab9eb 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/RowGap.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/flexgrid/RowGap.as
@@ -21,9 +21,9 @@ package org.apache.royale.style.stylebeads.flexgrid
public class RowGap extends Gap
{
- public function RowGap()
+ public function RowGap(value:* = null)
{
- super("gap-y", "row-gap");
+ super("gap-y", "row-gap", value);
}
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/HeightStyle.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/HeightStyle.as
index 4623e309fe..acc9ddd28c 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/HeightStyle.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/HeightStyle.as
@@ -20,9 +20,9 @@ package org.apache.royale.style.stylebeads.sizing
{
public class HeightStyle extends HeightStyleBase
{
- public function HeightStyle()
+ public function HeightStyle(value:* = null)
{
- super("h", "height");
+ super("h", "height", value);
}
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/HeightStyleBase.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/HeightStyleBase.as
index d9465b5fcd..be0ce749d0 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/HeightStyleBase.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/HeightStyleBase.as
@@ -20,9 +20,9 @@ package org.apache.royale.style.stylebeads.sizing
{
public class HeightStyleBase extends MeasurementStyleBase
{
- public function HeightStyleBase(selectorBase:String,
ruleBase:String)
+ public function HeightStyleBase(selectorBase:String,
ruleBase:String, value:* = null)
{
- super(selectorBase, ruleBase);
+ super(selectorBase, ruleBase, value);
}
override public function set value(value:*):void
{
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MaxHeight.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MaxHeight.as
index 3ed64dee10..ceed5ef4f5 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MaxHeight.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MaxHeight.as
@@ -20,9 +20,9 @@ package org.apache.royale.style.stylebeads.sizing
{
public class MaxHeight extends HeightStyleBase
{
- public function MaxHeight()
+ public function MaxHeight(value:* = null)
{
- super("max-h", "max-height");
+ super("max-h", "max-height", value);
}
}
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MaxWidth.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MaxWidth.as
index 3c1a43515a..618eec268c 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MaxWidth.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MaxWidth.as
@@ -20,9 +20,9 @@ package org.apache.royale.style.stylebeads.sizing
{
public class MaxWidth extends WidthStyleBase
{
- public function MaxWidth()
+ public function MaxWidth(value:* = null)
{
- super("max-w", "max-width");
+ super("max-w", "max-width", value);
}
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MinHeight.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MinHeight.as
index de1d27ab70..63f277cd50 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MinHeight.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MinHeight.as
@@ -20,9 +20,9 @@ package org.apache.royale.style.stylebeads.sizing
{
public class MinHeight extends HeightStyleBase
{
- public function MinHeight()
+ public function MinHeight(value:* = null)
{
- super("min-h", "min-height");
+ super("min-h", "min-height", value);
}
}
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MinWidth.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MinWidth.as
index d154b1037d..d92d63dc2b 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MinWidth.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/MinWidth.as
@@ -21,9 +21,9 @@ package org.apache.royale.style.stylebeads.sizing
public class MinWidth extends WidthStyleBase
{
- public function MinWidth()
+ public function MinWidth(value:* = null)
{
- super("min-w", "min-width");
+ super("min-w", "min-width", value);
}
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/WidthStyle.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/WidthStyle.as
index 81d32711d1..d2a45e7667 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/WidthStyle.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/WidthStyle.as
@@ -22,9 +22,9 @@ package org.apache.royale.style.stylebeads.sizing
public class WidthStyle extends WidthStyleBase
{
- public function WidthStyle()
+ public function WidthStyle(value:* = null)
{
- super("w", "width");
+ super("w", "width", value);
}
}
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/WidthStyleBase.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/WidthStyleBase.as
index 6dde98fe24..80550e89f3 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/WidthStyleBase.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/sizing/WidthStyleBase.as
@@ -20,9 +20,9 @@ package org.apache.royale.style.stylebeads.sizing
{
public class WidthStyleBase extends MeasurementStyleBase
{
- public function WidthStyleBase(selectorBase:String,
ruleBase:String)
+ public function WidthStyleBase(selectorBase:String,
ruleBase:String, value:* = null)
{
- super(selectorBase, ruleBase);
+ super(selectorBase, ruleBase, value);
}
override public function set value(value:*):void
{
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/CheckedState.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/CheckedState.as
new file mode 100644
index 0000000000..11e9837fd7
--- /dev/null
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/CheckedState.as
@@ -0,0 +1,13 @@
+package org.apache.royale.style.stylebeads.states
+{
+ public class CheckedState extends LeafDecorator
+ {
+ public function CheckedState(styles:Array = null)
+ {
+ super();
+ preDecorator = "checked:";
+ postDecorator = ":checked";
+ this.styles = styles;
+ }
+ }
+}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/DisabledState.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/DisabledState.as
index 9f53f8f737..8e4205108f 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/DisabledState.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/DisabledState.as
@@ -20,11 +20,12 @@ package org.apache.royale.style.stylebeads.states
{
public class DisabledState extends LeafDecorator
{
- public function DisabledState()
+ public function DisabledState(styles:Array = null)
{
super();
preDecorator = "disabled:";
postDecorator = ":disabled";
+ this.styles = styles;
}
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/IndeterminateState.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/IndeterminateState.as
index f84d657118..17a35887bb 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/IndeterminateState.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/IndeterminateState.as
@@ -20,11 +20,12 @@ package org.apache.royale.style.stylebeads.states
{
public class IndeterminateState extends LeafDecorator
{
- public function IndeterminateState()
+ public function IndeterminateState(styles:Array = null)
{
super();
preDecorator = "indeterminate:";
postDecorator = ":indeterminate";
+ this.styles = styles;
}
}
}
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/PeerPseudo.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/PeerPseudo.as
index d096176158..c687da3322 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/PeerPseudo.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/PeerPseudo.as
@@ -23,27 +23,17 @@ package org.apache.royale.style.stylebeads.states
public class PeerPseudo extends StyleStateBase
{
- public function PeerPseudo()
+ public function PeerPseudo(styles:Array = null)
{
super();
- }
- private var _forState:String;
- [Inspectable(category="General", enumeration="one,two,three",
defaultValue="one")]
- public function get forState():String
- {
- return _forState;
- }
-
- public function set forState(value:String):void
- {
- _forState = value;
+ this.styles = styles;
}
override public function
decorateChildStyle(style:ILeafStyleBead):void
{
- var selector:String = "peer-" + forState;
+ var selector:String = "peer";
style.selectorPrefix = selector + ":" +
style.selectorPrefix;
- style.rulePrefix = selector + "\\:" + style.rulePrefix;
- style.ruleSuffix = selector + ":" +
":is(:where(.peer):" + forState + " ~ *)" + style.ruleSuffix;
+ style.rulePrefix = "." + selector + "\\:" +
style.rulePrefix + "~";
+ style.ruleSuffix = selector + ":" + style.ruleSuffix;
if(parentStyle)
parentStyle.decorateChildStyle(style);
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/StyleStateBase.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/StyleStateBase.as
index 49ce2e49ef..f791bc8fee 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/StyleStateBase.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/states/StyleStateBase.as
@@ -28,7 +28,22 @@ package org.apache.royale.style.stylebeads.states
{
super();
}
+/**
+ *
+ * .peer:focus-visible ~ .peer-focus-visible\:ring-offset-slate-50 {
+ --tw-ring-offset-color: #f8fafc;
+}
+dark > peer > focus-visible > ring-offest: slate-950
+1. selectorPrefix is always added to the beginning.
+2. rulePrefix
+3. ruleSuffix
+selectorPrefix: dark:peer-focus-visible:ring-offset-slate-950
+.peer:focus-visible ~
.dark\:peer-focus-visible\:ring-offset-slate-950:is(.dark *) {
+ --tw-ring-offset-color: #020617;
+}
+
+ */
override public function
decorateChildStyle(style:ILeafStyleBead):void
{
//TODO: Figure out what goes in here.
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/transform/Transform.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/transform/Transform.as
index e7527de10b..7c1b7fa523 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/transform/Transform.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/stylebeads/transform/Transform.as
@@ -34,5 +34,142 @@ package org.apache.royale.style.stylebeads.transform
if(isVar(value))
calculatedRuleValue = fromVar(value);
}
+ private function calculateValue():void
+ {
+ var result:Array = [];
+ var selectors:Array = [];
+ if(translateX)
+ {
+ result.push("translateX(" + translateX + ")");
+ selectors.push("translate-x-" + translateX);
+ }
+ if(translateY)
+ {
+ result.push("translateY(" + translateY + ")");
+ selectors.push("translate-y-" + translateY);
+ }
+ if(rotate)
+ {
+ result.push("rotate(" + rotate + ")");
+ selectors.push("rotate-" + rotate);
+ }
+ if(skewX)
+ {
+ result.push("skewX(" + skewX + ")");
+ selectors.push("skew-x-" + skewX);
+ }
+ if(skewY)
+ {
+ result.push("skewY(" + skewY + ")");
+ selectors.push("skew-y-" + skewY);
+ }
+ if(scaleX)
+ {
+ result.push("scaleX(" + scaleX + ")");
+ selectors.push("scale-x-" + scaleX);
+ }
+ if(scaleY)
+ {
+ result.push("scaleY(" + scaleY + ")");
+ selectors.push("scale-y-" + scaleY);
+ }
+ calculatedRuleValue = result.join(" ");
+ calculatedSelector = selectors.join("-");
+ }
+ private var _translateX:String;
+
+ public function get translateX():String
+ {
+ return _translateX;
+ }
+
+ public function set translateX(value:String):void
+ {
+ _translateX = value;
+ calculateValue();
+ }
+ private var _translateY:String;
+
+ public function get translateY():String
+ {
+ return _translateY;
+ }
+
+ public function set translateY(value:String):void
+ {
+ _translateY = value;
+ calculateValue();
+ }
+ private var _rotate:String;
+
+ public function get rotate():String
+ {
+ return _rotate;
+ }
+
+ public function set rotate(value:String):void
+ {
+ _rotate = value;
+ calculateValue();
+ }
+ private var _skewX:String;
+
+ public function get skewX():String
+ {
+ return _skewX;
+ }
+
+ public function set skewX(value:String):void
+ {
+ _skewX = value;
+ calculateValue();
+ }
+ private var _skewY:String;
+
+ public function get skewY():String
+ {
+ return _skewY;
+ }
+
+ public function set skewY(value:String):void
+ {
+ _skewY = value;
+ calculateValue();
+ }
+ private var _scaleX:String;
+
+ public function get scaleX():String
+ {
+ return _scaleX;
+ }
+
+ public function set scaleX(value:String):void
+ {
+ _scaleX = value;
+ calculateValue();
+ }
+ private var _scaleY:String;
+
+ public function get scaleY():String
+ {
+ return _scaleY;
+ }
+
+ public function set scaleY(value:String):void
+ {
+ _scaleY = value;
+ calculateValue();
+ }
}
-}
\ No newline at end of file
+}
+
+/**
+ transform:
+ translate(var(--tw-translate-x),
+ var(--tw-translate-y))
+ rotate(var(--tw-rotate))
+ skewX(var(--tw-skew-x))
+ skewY(var(--tw-skew-y))
+ scaleX(var(--tw-scale-x))
+ scaleY(var(--tw-scale-y));
+ */
\ No newline at end of file
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleTheme.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleTheme.as
index 5a76c824f7..d706d9842b 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleTheme.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/StyleTheme.as
@@ -18,12 +18,14 @@
////////////////////////////////////////////////////////////////////////////////
package org.apache.royale.style.util
{
+ import org.apache.royale.style.colors.SlateSwatch;
+
/**
* @royalesuppressexport
*/
public class StyleTheme
{
- public function StyleTheme(name:String)
+ public function StyleTheme(name:String = "default")
{
themeName = name;
}
@@ -185,7 +187,7 @@ package org.apache.royale.style.util
public var perspectiveMidrange:String = "800px";
public var perspectiveDistant:String = "1200px";
public var aspectVideo:String = "16/9";
- public var defaultTransitionDuration:String = ".15s";
+ public var defaultTransitionDuration:String = "150ms";
public var defaultTransitionTimingFunction:String =
"cubic-bezier(.4,0,.2,1)";
public var defaultSansFamily:String = "ui-sans-serif,
system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI
Symbol', 'Noto Color Emoji'";
public var defaultSansFeatures:String =
'"cv02","cv03","cv04","cv11"';
diff --git
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/ThemeManager.as
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/ThemeManager.as
index af7a27ce8e..f8753f85a0 100644
---
a/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/ThemeManager.as
+++
b/frameworks/projects/Style/src/main/royale/org/apache/royale/style/util/ThemeManager.as
@@ -57,6 +57,9 @@ package org.apache.royale.style.util
return;
themeSet.set(theme.themeName, theme);
themes.push(theme);
+ if(!current)
+ setTheme(theme.themeName);
+
}
}
