@semanticus/semanticus-css 0.8.0 → 1.0.0

package/dist/semanticus.palette.amber.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#b7880040;--color-primary-rgb:135, 100, 0;--color-primary-bg:#ffbf00;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#87640080;--color-primary-hover:#694d00;--color-primary-hover-bg:#e8ae01;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b7880080;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#c7940030;--color-primary-rgb:199, 148, 0;--color-primary-bg:#ffbf00;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c7940080;--color-primary-hover:#e8ae01;--color-primary-hover-bg:#fecc63;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c7940060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#c7940030;--color-primary-rgb:199, 148, 0;--color-primary-bg:#ffbf00;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c7940080;--color-primary-hover:#e8ae01;--color-primary-hover-bg:#fecc63;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c7940060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
+:root,:host{--color-amber-550:#876400;--color-amber-350:#c79400;--color-amber-200:#ffbf00;--color-primary-text:light-dark(var(--color-amber-550),var(--color-amber-350));--color-primary-fill:var(--color-amber-200);--color-primary-on-fill:black;--switch-thumb-glow:light-dark(0 0 .5rem oklch(0% 0 0/.25),0 0 .5rem oklch(0% 0 0/.25))}

package/dist/semanticus.palette.azure.css

@@ -0,0 +1 @@
+:root,:host{--color-azure-550:#0172ad;--color-azure-350:#01aaff;--color-primary-text:light-dark(var(--color-azure-550),var(--color-azure-350));--color-primary-fill:var(--color-azure-550);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 .5rem oklch(0% 0 0/.25))}

package/dist/semanticus.palette.blue.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#748bf840;--color-primary-rgb:32, 96, 223;--color-primary-bg:#2060df;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#2060df80;--color-primary-hover:#184eb8;--color-primary-hover-bg:#1d59d0;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#748bf880;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#8999f930;--color-primary-rgb:137, 153, 249;--color-primary-bg:#2060df;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#8999f980;--color-primary-hover:#aeb5fb;--color-primary-hover-bg:#3c71f7;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8999f960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#8999f930;--color-primary-rgb:137, 153, 249;--color-primary-bg:#2060df;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#8999f980;--color-primary-hover:#aeb5fb;--color-primary-hover-bg:#3c71f7;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8999f960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-blue-550:#2060df;--color-blue-350:#8999f9;--color-primary-text:light-dark(var(--color-blue-550),var(--color-blue-350));--color-primary-fill:var(--color-blue-550);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.cyan.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#5ca7fa40;--color-primary-rgb:4, 120, 120;--color-primary-bg:#047878;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#04787880;--color-primary-hover:#025d5d;--color-primary-hover-bg:#046a6a;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#5ca7fa80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#0bc2c230;--color-primary-rgb:10, 194, 194;--color-primary-bg:#047878;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#0bc2c280;--color-primary-hover:#25dddd;--color-primary-hover-bg:#058686;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#0bc2c260;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#0bc2c230;--color-primary-rgb:10, 194, 194;--color-primary-bg:#047878;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#0bc2c280;--color-primary-hover:#25dddd;--color-primary-hover-bg:#058686;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#0bc2c260;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-cyan-550:#047878;--color-cyan-350:#0ab1b1;--color-primary-text:light-dark(var(--color-cyan-550),var(--color-cyan-350));--color-primary-fill:var(--color-cyan-550);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.fuchsia.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#f748b740;--color-primary-rgb:193, 32, 139;--color-primary-bg:#c1208b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c1208b80;--color-primary-hover:#98176d;--color-primary-hover-bg:#ac1c7c;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f748b780;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f983c730;--color-primary-rgb:249, 131, 199;--color-primary-bg:#c1208b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f983c780;--color-primary-hover:#f9b1d8;--color-primary-hover-bg:#ed2aac;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f983c760;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#f983c730;--color-primary-rgb:249, 131, 199;--color-primary-bg:#c1208b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f983c780;--color-primary-hover:#f9b1d8;--color-primary-hover-bg:#ed2aac;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f983c760;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-fuchsia-550:#c1208b;--color-fuchsia-350:#f869bf;--color-primary-text:light-dark(var(--color-fuchsia-550),var(--color-fuchsia-350));--color-primary-fill:var(--color-fuchsia-550);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.green.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#5cc78e40;--color-primary-rgb:43, 122, 76;--color-primary-bg:#2b7a4c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#2b7a4c80;--color-primary-hover:#20603b;--color-primary-hover-bg:#256d43;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#5cc78e80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#6ed59d30;--color-primary-rgb:110, 213, 157;--color-primary-bg:#2b7a4c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ed59d80;--color-primary-hover:#93deb5;--color-primary-hover-bg:#348e59;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ed59d60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#6ed59d30;--color-primary-rgb:110, 213, 157;--color-primary-bg:#2b7a4c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ed59d80;--color-primary-hover:#93deb5;--color-primary-hover-bg:#348e59;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ed59d60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-green-550:#33790f;--color-green-350:#4eb31b;--color-primary-text:light-dark(var(--color-green-550),var(--color-green-350));--color-primary-fill:var(--color-green-550);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.grey.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#8a99af40;--color-primary-rgb:92, 107, 130;--color-primary-bg:#bfc7d9;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#5c6b8280;--color-primary-hover:#48536b;--color-primary-hover-bg:#aab4c9;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8a99af80;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#afbdd430;--color-primary-rgb:175, 189, 212;--color-primary-bg:#bfc7d9;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#afbdd480;--color-primary-hover:#c9d3e3;--color-primary-hover-bg:#c9d3e3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#afbdd460;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#afbdd430;--color-primary-rgb:175, 189, 212;--color-primary-bg:#bfc7d9;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#afbdd480;--color-primary-hover:#c9d3e3;--color-primary-hover-bg:#c9d3e3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#afbdd460;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
+:root,:host{--color-grey-550:#6a6a6a;--color-grey-350:#9e9e9e;--color-grey-300:#ababab;--color-primary-text:light-dark(var(--color-grey-550),var(--color-grey-350));--color-primary-fill:var(--color-grey-300);--color-primary-on-fill:black;--switch-thumb-glow:light-dark(0 0 .5rem oklch(0% 0 0/.25),0 0 .5rem oklch(0% 0 0/.25))}

package/dist/semanticus.palette.indigo.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#9486e140;--color-primary-rgb:82, 78, 210;--color-primary-bg:#524ed2;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#524ed280;--color-primary-hover:#4040bf;--color-primary-hover-bg:#4040bf;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9486e180;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#b0a3e830;--color-primary-rgb:176, 163, 232;--color-primary-bg:#524ed2;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#b0a3e880;--color-primary-hover:#cac1ee;--color-primary-hover-bg:#655cd6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b0a3e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#b0a3e830;--color-primary-rgb:176, 163, 232;--color-primary-bg:#524ed2;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#b0a3e880;--color-primary-hover:#cac1ee;--color-primary-hover-bg:#655cd6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b0a3e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-indigo-600:#524ed2;--color-indigo-550:#655cd6;--color-indigo-350:#a294e5;--color-primary-text:light-dark(var(--color-indigo-550),var(--color-indigo-350));--color-primary-fill:var(--color-indigo-600);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.jade.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#60ce9b40;--color-primary-rgb:25, 147, 99;--color-primary-bg:#199363;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#19936380;--color-primary-hover:#147a51;--color-primary-hover-bg:#16885b;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#60ce9b80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#6ee7af30;--color-primary-rgb:110, 231, 175;--color-primary-bg:#199363;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ee7af80;--color-primary-hover:#93edc3;--color-primary-hover-bg:#1ea672;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ee7af60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#6ee7af30;--color-primary-rgb:110, 231, 175;--color-primary-bg:#199363;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ee7af80;--color-primary-hover:#93edc3;--color-primary-hover-bg:#1ea672;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ee7af60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-jade-550:#007a50;--color-jade-350:#00b478;--color-primary-text:light-dark(var(--color-jade-550),var(--color-jade-350));--color-primary-fill:var(--color-jade-550);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.lime.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#84c32940;--color-primary-rgb:92, 138, 18;--color-primary-bg:#b3e373;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#5c8a1280;--color-primary-hover:#466b0e;--color-primary-hover-bg:#bfea85;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#84c32980;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#9cdc3c30;--color-primary-rgb:156, 220, 60;--color-primary-bg:#b3e373;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9cdc3c80;--color-primary-hover:#b3e56b;--color-primary-hover-bg:#c2e98c;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9cdc3c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#9cdc3c30;--color-primary-rgb:156, 220, 60;--color-primary-bg:#b3e373;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9cdc3c80;--color-primary-hover:#b3e56b;--color-primary-hover-bg:#c2e98c;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9cdc3c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
+:root,:host{--color-lime-550:#577400;--color-lime-350:#82ab00;--color-lime-200:#a5d601;--color-primary-text:light-dark(var(--color-lime-550),var(--color-lime-350));--color-primary-fill:var(--color-lime-200);--color-primary-on-fill:black;--switch-thumb-glow:light-dark(0 0 .5rem oklch(0% 0 0/.25),0 0 .5rem oklch(0% 0 0/.25))}

package/dist/semanticus.palette.orange.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#ff814640;--color-primary-rgb:191, 77, 0;--color-primary-bg:#cf5300;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#bf4d0080;--color-primary-hover:#993d00;--color-primary-hover-bg:#b74900;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#ff814680;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#ff9e7030;--color-primary-rgb:255, 158, 112;--color-primary-bg:#cf5300;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#ff9e7080;--color-primary-hover:#ffb695;--color-primary-hover-bg:#e65c00;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#ff9e7060;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#ff9e7030;--color-primary-rgb:255, 158, 112;--color-primary-bg:#cf5300;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#ff9e7080;--color-primary-hover:#ffb695;--color-primary-hover-bg:#e65c00;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#ff9e7060;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-orange-550:#bd3c13;--color-orange-500:#d24317;--color-orange-350:#f56b3d;--color-primary-text:light-dark(var(--color-orange-550),var(--color-orange-350));--color-primary-fill:var(--color-orange-500);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.pink.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#f6547e40;--color-primary-rgb:199, 34, 89;--color-primary-bg:#d92662;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c7225980;--color-primary-hover:#9d1945;--color-primary-hover-bg:#b21e4f;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f6547e80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f8889e30;--color-primary-rgb:248, 136, 158;--color-primary-bg:#d92662;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f8889e80;--color-primary-hover:#f9b4be;--color-primary-hover-bg:#f42c6f;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f8889e60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#f8889e30;--color-primary-rgb:248, 136, 158;--color-primary-bg:#d92662;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f8889e80;--color-primary-hover:#f9b4be;--color-primary-hover-bg:#f42c6f;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f8889e60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-pink-550:#c72259;--color-pink-500:#d92662;--color-pink-350:#f7708e;--color-primary-text:light-dark(var(--color-pink-550),var(--color-pink-350));--color-primary-fill:var(--color-pink-500);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.pumpkin.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#e8783e40;--color-primary-rgb:158, 56, 6;--color-primary-bg:#f4a37d;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9e380680;--color-primary-hover:#7a2b05;--color-primary-hover-bg:#f6b091;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#e8783e80;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f3996f30;--color-primary-rgb:243, 153, 111;--color-primary-bg:#f4a37d;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f3996f80;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#f5b7a8;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f3996f60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#f3996f30;--color-primary-rgb:243, 153, 111;--color-primary-bg:#f4a37d;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f3996f80;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#f5b7a8;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f3996f60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
+:root,:host{--color-pumpkin-550:#9c5900;--color-pumpkin-350:#e48500;--color-pumpkin-300:#ff9500;--color-primary-text:light-dark(var(--color-pumpkin-550),var(--color-pumpkin-350));--color-primary-fill:var(--color-pumpkin-300);--color-primary-on-fill:black;--switch-thumb-glow:light-dark(0 0 .5rem oklch(0% 0 0/.25),0 0 .5rem oklch(0% 0 0/.25))}

package/dist/semanticus.palette.purple.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#cd68e040;--color-primary-rgb:146, 54, 164;--color-primary-bg:#9236a4;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9236a480;--color-primary-hover:#802e90;--color-primary-hover-bg:#802e90;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#cd68e080;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#db90e830;--color-primary-rgb:219, 144, 232;--color-primary-bg:#9236a4;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#db90e880;--color-primary-hover:#e7b6ee;--color-primary-hover-bg:#aa40bf;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#db90e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#db90e830;--color-primary-rgb:219, 144, 232;--color-primary-bg:#9236a4;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#db90e880;--color-primary-hover:#e7b6ee;--color-primary-hover-bg:#aa40bf;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#db90e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-purple-600:#9236a4;--color-purple-550:#aa40bf;--color-purple-350:#d47de4;--color-primary-text:light-dark(var(--color-purple-550),var(--color-purple-350));--color-primary-fill:var(--color-purple-600);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.red.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#f0604840;--color-primary-rgb:197, 47, 33;--color-primary-bg:#c52f21;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c52f2180;--color-primary-hover:#9b2318;--color-primary-hover-bg:#af291d;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f0604880;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f38f7930;--color-primary-rgb:243, 143, 121;--color-primary-bg:#c52f21;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f38f7980;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#ee402e;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f38f7960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#f38f7930;--color-primary-rgb:243, 143, 121;--color-primary-bg:#c52f21;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f38f7980;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#ee402e;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f38f7960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-red-550:#c52f21;--color-red-350:#f17961;--color-primary-text:light-dark(var(--color-red-550),var(--color-red-350));--color-primary-fill:var(--color-red-550);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.sand.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#b59d7740;--color-primary-rgb:107, 87, 51;--color-primary-bg:#e6d5b8;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6b573380;--color-primary-hover:#544229;--color-primary-hover-bg:#ebdcc3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b59d7780;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#c9b28c30;--color-primary-rgb:201, 178, 140;--color-primary-bg:#e6d5b8;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c9b28c80;--color-primary-hover:#dcc6a5;--color-primary-hover-bg:#ebdcc3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c9b28c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#c9b28c30;--color-primary-rgb:201, 178, 140;--color-primary-bg:#e6d5b8;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c9b28c80;--color-primary-hover:#dcc6a5;--color-primary-hover-bg:#ebdcc3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c9b28c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
+:root,:host{--color-sand-550:#6e6a60;--color-sand-350:#a39e8f;--color-sand-200:#ccc6b4;--color-primary-text:light-dark(var(--color-sand-550),var(--color-sand-350));--color-primary-fill:var(--color-sand-200);--color-primary-on-fill:black;--switch-thumb-glow:light-dark(0 0 .5rem oklch(0% 0 0/.25),0 0 .5rem oklch(0% 0 0/.25))}

package/dist/semanticus.palette.slate.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#8292aa40;--color-primary-rgb:72, 83, 107;--color-primary-bg:#48536b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#48536b80;--color-primary-hover:#383f54;--color-primary-hover-bg:#383f54;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8292aa80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#9fb0c830;--color-primary-rgb:159, 176, 200;--color-primary-bg:#48536b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9fb0c880;--color-primary-hover:#bdcce0;--color-primary-hover-bg:#525f7a;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9fb0c860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#9fb0c830;--color-primary-rgb:159, 176, 200;--color-primary-bg:#48536b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9fb0c880;--color-primary-hover:#bdcce0;--color-primary-hover-bg:#525f7a;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9fb0c860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-slate-600:#525f7a;--color-slate-550:#5d6b89;--color-slate-350:#909ebe;--color-primary-text:light-dark(var(--color-slate-550),var(--color-slate-350));--color-primary-fill:var(--color-slate-600);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.violet.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#a780d440;--color-primary-rgb:117, 64, 191;--color-primary-bg:#7540bf;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#7540bf80;--color-primary-hover:#6935b3;--color-primary-hover-bg:#6935b3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#a780d480;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#bd9fdf30;--color-primary-rgb:189, 159, 223;--color-primary-bg:#7540bf;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#bd9fdf80;--color-primary-hover:#d3bfe8;--color-primary-hover-bg:#8352c5;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#bd9fdf60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#bd9fdf30;--color-primary-rgb:189, 159, 223;--color-primary-bg:#7540bf;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#bd9fdf80;--color-primary-hover:#d3bfe8;--color-primary-hover-bg:#8352c5;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#bd9fdf60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-violet-600:#7540bf;--color-violet-550:#8352c5;--color-violet-350:#b290d9;--color-primary-text:light-dark(var(--color-violet-550),var(--color-violet-350));--color-primary-fill:var(--color-violet-600);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.palette.yellow.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#d1bc0040;--color-primary-rgb:138, 122, 0;--color-primary-bg:#fcf19c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#8a7a0080;--color-primary-hover:#6b5f00;--color-primary-hover-bg:#fdf2b4;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#d1bc0080;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#e9d40030;--color-primary-rgb:233, 212, 0;--color-primary-bg:#fcf19c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#e9d40080;--color-primary-hover:#f7ec58;--color-primary-hover-bg:#fcf4b6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#e9d40060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#e9d40030;--color-primary-rgb:233, 212, 0;--color-primary-bg:#fcf19c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#e9d40080;--color-primary-hover:#f7ec58;--color-primary-hover-bg:#fcf4b6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#e9d40060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
+:root,:host{--color-yellow-550:#756b00;--color-yellow-350:#ad9f00;--color-yellow-100:#f2df0d;--color-primary-text:light-dark(var(--color-yellow-550),var(--color-yellow-350));--color-primary-fill:var(--color-yellow-100);--color-primary-on-fill:black;--switch-thumb-glow:light-dark(0 0 .5rem oklch(0% 0 0/.25),0 0 .5rem oklch(0% 0 0/.25))}

package/dist/semanticus.palette.zinc.css

@@ -1 +1 @@
-[data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#7f8b9e40;--color-primary-rgb:82, 95, 122;--color-primary-bg:#525f7a;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#525f7a80;--color-primary-hover:#424b61;--color-primary-hover-bg:#424b61;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#7f8b9e80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#9ba8bd30;--color-primary-rgb:155, 168, 189;--color-primary-bg:#525f7a;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9ba8bd80;--color-primary-hover:#bac5d4;--color-primary-hover-bg:#5d6b89;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9ba8bd60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#9ba8bd30;--color-primary-rgb:155, 168, 189;--color-primary-bg:#525f7a;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9ba8bd80;--color-primary-hover:#bac5d4;--color-primary-hover-bg:#5d6b89;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9ba8bd60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
+:root,:host{--color-zinc-550:#646b79;--color-zinc-350:#969eaf;--color-primary-text:light-dark(var(--color-zinc-550),var(--color-zinc-350));--color-primary-fill:var(--color-zinc-550);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 0 oklch(0% 0 0/0))}

package/dist/semanticus.size.pico.css

@@ -1 +1 @@
-:root{--font-family-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-sans-serif:system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--font-family-emoji);--font-family-monospace:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--font-family-emoji);--font-family:var(--font-family-sans-serif);--line-height:1.5;--font-weight:400;--font-size:100%;--text-underline-offset:.1rem;--border-radius:.25rem;--border-width:.0625rem;--outline-width:.125rem;--transition:.2s ease-in-out;--spacing:1rem;--responsive-multiplier:1;--typography-spacing-vertical:1rem;--block-spacing-vertical:var(--spacing);--block-spacing-horizontal:var(--spacing);--grid-column-gap:var(--spacing);--grid-row-gap:var(--spacing);--form-element-spacing-vertical:.75rem;--form-element-spacing-horizontal:1rem;--group-shadow:0 0 0 transparent;--group-shadow-focus-with-button:0 0 0 var(--outline-width) var(--color-primary-focus);--group-shadow-focus-with-input:0 0 0 .0625rem var(--form-border-color);--modal-overlay-backdrop-filter:blur(.375rem);--nav-link-spacing-vertical:.5rem;--nav-link-spacing-horizontal:.5rem;--nav-breadcrumb-divider:">";--sidebar-width:25%}:host{--font-family-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-sans-serif:system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--font-family-emoji);--font-family-monospace:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--font-family-emoji);--font-family:var(--font-family-sans-serif);--line-height:1.5;--font-weight:400;--font-size:100%;--text-underline-offset:.1rem;--border-radius:.25rem;--border-width:.0625rem;--outline-width:.125rem;--transition:.2s ease-in-out;--spacing:1rem;--responsive-multiplier:1;--typography-spacing-vertical:1rem;--block-spacing-vertical:var(--spacing);--block-spacing-horizontal:var(--spacing);--grid-column-gap:var(--spacing);--grid-row-gap:var(--spacing);--form-element-spacing-vertical:.75rem;--form-element-spacing-horizontal:1rem;--group-shadow:0 0 0 transparent;--group-shadow-focus-with-button:0 0 0 var(--outline-width) var(--color-primary-focus);--group-shadow-focus-with-input:0 0 0 .0625rem var(--form-border-color);--modal-overlay-backdrop-filter:blur(.375rem);--nav-link-spacing-vertical:.5rem;--nav-link-spacing-horizontal:.5rem;--nav-breadcrumb-divider:">";--sidebar-width:25%}@media (width>=576px){:root{--font-size:106.25%;--sidebar-width:max(25%, 150px);--responsive-multiplier:1.25}:host{--font-size:106.25%;--sidebar-width:max(25%, 150px);--responsive-multiplier:1.25}}@media (width>=768px){:root{--font-size:112.5%;--sidebar-width:max(22%, 180px);--responsive-multiplier:1.5}:host{--font-size:112.5%;--sidebar-width:max(22%, 180px);--responsive-multiplier:1.5}}@media (width>=1024px){:root{--font-size:118.75%;--sidebar-width:max(20%, 200px);--responsive-multiplier:1.75}:host{--font-size:118.75%;--sidebar-width:max(20%, 200px);--responsive-multiplier:1.75}}@media (width>=1280px){:root{--font-size:125%;--sidebar-width:max(18%, 220px);--responsive-multiplier:2}:host{--font-size:125%;--sidebar-width:max(18%, 220px);--responsive-multiplier:2}}@media (width>=1536px){:root{--font-size:131.25%;--sidebar-width:clamp(240px, 16%, 300px);--responsive-multiplier:2.25}:host{--font-size:131.25%;--sidebar-width:clamp(240px, 16%, 300px);--responsive-multiplier:2.25}}
+:root{--font-family-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-sans-serif:system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--font-family-emoji);--font-family-monospace:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--font-family-emoji);--font-family:var(--font-family-sans-serif);--line-height:1.5;--font-weight:400;--font-size:100%;--text-underline-offset:.1rem;--radius:.25rem;--border-size:.0625rem;--outline-size:.125rem;--transition:.2s ease-in-out;--base-spacing:1rem;--spacing:var(--base-spacing);--typography-spacing-vertical:1rem;--input-spacing-vertical:.75rem;--input-spacing-horizontal:1rem;--group-shadow:0 0 0 transparent;--group-shadow-focus-button:0 0 0 var(--outline-size) var(--color-primary-focus-ring);--group-shadow-focus-input:0 0 0 .0625rem var(--input-border);--nav-link-gap:calc(var(--spacing) * .5);--nav-breadcrumb-divider:">";--sidebar-size:25%}:host{--font-family-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-sans-serif:system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--font-family-emoji);--font-family-monospace:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--font-family-emoji);--font-family:var(--font-family-sans-serif);--line-height:1.5;--font-weight:400;--font-size:100%;--text-underline-offset:.1rem;--radius:.25rem;--border-size:.0625rem;--outline-size:.125rem;--transition:.2s ease-in-out;--base-spacing:1rem;--spacing:var(--base-spacing);--typography-spacing-vertical:1rem;--input-spacing-vertical:.75rem;--input-spacing-horizontal:1rem;--group-shadow:0 0 0 transparent;--group-shadow-focus-button:0 0 0 var(--outline-size) var(--color-primary-focus-ring);--group-shadow-focus-input:0 0 0 .0625rem var(--input-border);--nav-link-gap:calc(var(--spacing) * .5);--nav-breadcrumb-divider:">";--sidebar-size:25%}@media (width>=576px){:root{--font-size:106.25%;--sidebar-size:max(25%, 150px);--spacing:calc(var(--base-spacing) * 1.25)}:host{--font-size:106.25%;--sidebar-size:max(25%, 150px);--spacing:calc(var(--base-spacing) * 1.25)}}@media (width>=768px){:root{--font-size:112.5%;--sidebar-size:max(22%, 180px);--spacing:calc(var(--base-spacing) * 1.5)}:host{--font-size:112.5%;--sidebar-size:max(22%, 180px);--spacing:calc(var(--base-spacing) * 1.5)}}@media (width>=1024px){:root{--font-size:118.75%;--sidebar-size:max(20%, 200px);--spacing:calc(var(--base-spacing) * 1.75)}:host{--font-size:118.75%;--sidebar-size:max(20%, 200px);--spacing:calc(var(--base-spacing) * 1.75)}}@media (width>=1280px){:root{--font-size:125%;--sidebar-size:max(18%, 220px);--spacing:calc(var(--base-spacing) * 2)}:host{--font-size:125%;--sidebar-size:max(18%, 220px);--spacing:calc(var(--base-spacing) * 2)}}@media (width>=1536px){:root{--font-size:131.25%;--sidebar-size:clamp(240px, 16%, 300px);--spacing:calc(var(--base-spacing) * 2.25)}:host{--font-size:131.25%;--sidebar-size:clamp(240px, 16%, 300px);--spacing:calc(var(--base-spacing) * 2.25)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semanticus/semanticus-css",
-  "version": "0.8.0",
+  "version": "1.0.0",
   "description": "lightweight CSS framework that prioritizes semantic HTML and ARIA-focused accessibility, with a small set of atomic utilities",
   "author": "Joao Goncalves",
   "style": "./dist/semanticus.css",
@@ -9,7 +9,9 @@
   "jsdelivr": "./dist/semanticus.css",
   "exports": {
     ".": "./dist/semanticus.css",
+    "./no-utilities": "./dist/semanticus-no-utilities.css",
     "./semantics": "./dist/semanticus-semantics.css",
+    "./utilities": "./dist/semanticus-utilities.css",
     "./palettes/*": "./dist/semanticus.palette.*.css",
     "./sizes/*": "./dist/semanticus.size.*.css",
     "./src/*": "./src/*",
@@ -63,36 +65,46 @@
     "src/**/*.css"
   ],
   "devDependencies": {
-    "backstopjs": "^6.3.25",
+    "@playwright/test": "^1.59.1",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/html-vite": "^10.4.0",
+    "@types/node": "^25.6.0",
     "browserslist": "^4.28.2",
     "highlight.js": "^11.11.1",
     "lightningcss": "^1.32.0",
     "lightningcss-cli": "^1.32.0",
-    "puppeteer": "^23.0.0",
+    "storybook": "^10.4.0",
     "stylelint": "^17.7.0",
     "stylelint-config-standard": "^40.0.0",
+    "tsx": "^4.21.0",
     "vitepress": "^2.0.0-alpha.17"
   },
   "scripts": {
-    "start": "npm run docs:dev",
-    "demo": "node scripts/demo.js",
+    "start": "npm run build && npm run docs:dev",
+    "dev": "npm run storybook",
     "lint": "stylelint \"src/**/*.css\"",
     "lint:fix": "stylelint \"src/**/*.css\" --fix",
-    "test": "npx backstopjs test",
-    "test:snapshot": "npx backstopjs reference",
-    "test:kill-zombies": "pkill -f '(chrome)?(--headless)'",
     "check": "npm run lint && npm run build",
+    "storybook": "storybook dev -p 6006",
+    "demo:server": "tsx --tsconfig scripts/tsconfig.json scripts/demo-server.ts",
+    "test": "npx playwright test",
+    "test:update-snapshots": "npx playwright test -u",
+    "kill-zombies": "sh -c 'PORT=${PORT:-4000}; pids=$(lsof -t -i :$PORT); if [ -n \"$pids\" ]; then echo \"Killing PIDs: $pids\"; kill -9 $pids; else echo \"No processes listening on port $PORT\"; fi'",
+    "kill-playwright": "sh -c 'pgrep -af playwright | awk \"{print $1}\" | xargs -r kill -9 || true'",
     "prepublishOnly": "npm run lint && npm run build",
-    "release:sync-versions": "node scripts/sync-version-references.js",
-    "build": "npm run build:css && npm run build:palettes && npm run build:sizes && npm run build:update-size-claims",
-    "build:css": "npm run build:full && npm run build:semantics",
+    "release:sync-versions": "tsx --tsconfig scripts/tsconfig.json scripts/sync-version-references.ts",
+    "build": "npm run build:css && npm run build:palettes && npm run build:sizes",
+    "build:css": "npm run build:full && npm run build:standard && npm run build:semantics && npm run build:utilities",
     "build:full": "lightningcss --bundle --minify --browserslist src/index.css -o dist/semanticus.css --custom-media",
+    "build:standard": "lightningcss --bundle --minify --browserslist src/no-utilities.css -o dist/semanticus-no-utilities.css --custom-media",
     "build:semantics": "lightningcss --bundle --minify --browserslist src/semantics/index.css -o dist/semanticus-semantics.css --custom-media",
-    "build:palettes": "node scripts/build-palettes.js",
-    "build:sizes": "node scripts/build-sizes.js",
-    "build:update-size-claims": "node scripts/update-size-claims.js",
-    "docs:dev": "npm run build && vitepress dev docs",
+    "build:utilities": "lightningcss --bundle --minify --browserslist src/utilities/index.css -o dist/semanticus-utilities.css --custom-media",
+    "build:palettes": "tsx --tsconfig scripts/tsconfig.json scripts/build-palettes.ts",
+    "build:sizes": "tsx --tsconfig scripts/tsconfig.json scripts/build-sizes.ts",
+    "docs:dev": "vitepress dev docs",
     "docs:build": "npm run build && vitepress build docs",
-    "docs:preview": "npm run build && vitepress preview docs"
+    "docs:preview": "npm run docs:build && vitepress preview docs",
+    "docs:generate-comparison-table": "tsx --tsconfig scripts/tsconfig.json scripts/generate-comparison-table.ts",
+    "docs:update-size-claims": "npm run build && npm run docs:generate-comparison-table && tsx --tsconfig scripts/tsconfig.json scripts/update-size-claims.ts"
   }
 }

package/src/components/_card.css

@@ -0,0 +1,84 @@
+.card,
+.pane,
+.panel {
+  --shadow: var(--dialog-shadow);
+  --color-background: var(--dialog-fill);
+  --border-color: var(--dialog-border);
+
+  padding-block: var(--spacing);
+  padding-inline: var(--spacing);
+  margin-bottom: var(--spacing);
+  border-radius: var(--radius);
+  border: var(--border-size) solid var(--border-color);
+  background: var(--color-background);
+  box-shadow: var(--shadow);
+  position: relative;
+
+  > header,
+  > footer {
+    width: auto;
+    margin-inline: calc(var(--spacing) * -1);
+    padding-inline: var(--spacing);
+    background-color: var(--dialog-section-fill);
+  }
+
+  > header {
+    margin-top: calc(var(--spacing) * -1);
+    border-bottom: var(--border-size) solid var(--dialog-section-border);
+    border-top-right-radius: var(--radius);
+    border-top-left-radius: var(--radius);
+  }
+
+  > footer {
+    margin-bottom: calc(var(--spacing) * -1);
+    border-top: var(--border-size) solid var(--dialog-section-border);
+    border-bottom-right-radius: var(--radius);
+    border-bottom-left-radius: var(--radius);
+    display: flex;
+    justify-content: end;
+    gap: calc(var(--nav-link-gap) * 1.5);
+  }
+
+  > :last-child:is(hgroup) {
+    margin-bottom: 0;
+  }
+
+  /* Close button styling */
+  [rel="prev"] {
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    display: block;
+    width: 1rem;
+    height: 1rem;
+    top: var(--spacing);
+    right: var(--spacing);
+    border: none;
+    border-radius: 0;
+    background-image: var(--icon-close);
+    background-position: center;
+    background-size: auto 1rem;
+    background-repeat: no-repeat;
+    background-color: transparent;
+    box-shadow: none;
+    opacity: 0.5;
+    transition: opacity var(--transition);
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+}
+
+.pane,
+.panel {
+  --dialog-shadow: none;
+  --shadow: none;
+}
+
+.pane {
+  --dialog-border: transparent;
+  --border-color: transparent;
+
+  border-radius: 0;
+}

package/src/components/_sidebar.css

@@ -0,0 +1,49 @@
+aside.sidebar {
+  z-index: 1020;
+  position: sticky !important;
+  top: 0;
+  max-height: 100svh;
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+
+  /* Opening animation using @starting-style (Chrome 117+, Firefox 129+, Safari 17.4+) */
+  /* Gracefully degrades to instant appearance in unsupported browsers */
+  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
+
+  &:popover-open {
+    display: flex !important;
+    width: 60% !important;
+    box-shadow: var(--shadow);
+    background-color: var(--color-background) !important;
+    left: 0;
+    right: unset;
+
+    &[data-placement="right"] {
+      left: unset;
+      right: 0;
+    }
+  }
+
+  &::backdrop {
+    backdrop-filter: blur(0.375rem);
+    background-color: var(--dialog-overlay);
+    transition: backdrop-filter 0.2s ease-in-out, background-color 0.2s ease-in-out;
+  }
+}
+
+@starting-style {
+  aside.sidebar:popover-open {
+    opacity: 0;
+    transform: translateX(-20px);
+
+    &[data-placement="right"] {
+      transform: translateX(20px);
+    }
+  }
+
+  aside.sidebar:popover-open::backdrop {
+    backdrop-filter: none;
+    background-color: transparent;
+  }
+}

package/src/components/modules.css

@@ -0,0 +1,2 @@
+@import "./_card.css";
+@import "./_sidebar.css";

package/src/index.css

@@ -1,11 +1,9 @@
 /*!
- * Semanticus CSS v0.8.0 (https://semanticus.design/)
+ * Semanticus CSS v0.9.0 (https://semanticus.design/)
  *
- * A ARIA-centric, semantic HTML — enhanced by atomic utilities
+ * A ARIA-centric, semantic HTML — enhanced with components and variants and utilities
  *
- * Original works:
- * - Pico CSS: Copyright (c) 2019-2024 Pico CSS - https://picocss.com
- * - Bootstrap Utilities: Copyright (c) 2011-2026 The Bootstrap Authors - https://getbootstrap.com
+ * Original works: see https://github.com/semanticus/semanticus-css/blob/main/NOTICE for copyright and license details
  *
  * Modifications: Copyright (c) 2026 Joao Goncalves
  * Licensed under MIT (https://github.com/semanticus/semanticus-css/blob/main/LICENSE)
@@ -14,14 +12,14 @@
 /* Global variables */
 @import './variables/_all.css';
 
-/* Normalize */
-@import './_normalize.css';
-
 /* Semantics */
 @import './semantics/modules.css';
 
-/* Utilities */
-@import './utilities/modules.css';
+/* Components */
+@import './components/modules.css';
 
 /* Variants */
 @import './variants/modules.css';
+
+/* Utilities */
+@import './utilities/modules.css';

package/src/no-utilities.css

@@ -0,0 +1,22 @@
+/*!
+ * Semanticus CSS v0.9.0 (https://semanticus.design/)
+ *
+ * A ARIA-centric, semantic HTML — enhanced by components and variants (no utilities)
+ *
+ * Original works: see https://github.com/semanticus/semanticus-css/blob/main/NOTICE for copyright and license details
+ *
+ * Modifications: Copyright (c) 2026 Joao Goncalves
+ * Licensed under MIT (https://github.com/semanticus/semanticus-css/blob/main/LICENSE)
+ */
+
+/* Global variables */
+@import './variables/_all.css';
+
+/* Semantics */
+@import './semantics/modules.css';
+
+/* Components */
+@import './components/modules.css';
+
+/* Variants */
+@import './variants/modules.css';

package/src/palettes/amber.css

@@ -1,56 +1,31 @@
-/*
-  Semanticus CSS Palette: Amber
-  Overrides primary color variables for the amber palette
-*/
+:root,
+:host {
+  /* --color-amber-950: #161003; */
+  /* --color-amber-900: #231a03; */
+  /* --color-amber-850: #312302; */
+  /* --color-amber-800: #3f2d00; */
+  /* --color-amber-750: #4d3700; */
+  /* --color-amber-700: #5b4200; */
+  /* --color-amber-650: #694d00; */
+  /* --color-amber-600: #785800; */
+  --color-amber-550: #876400;
+  /* --color-amber-500: #977000; */
+  /* --color-amber-450: #a77c00; */
+  /* --color-amber-400: #b78800; */
+  --color-amber-350: #c79400;
+  /* --color-amber-300: #d8a100; */
+  /* --color-amber-250: #e8ae01; */
+  --color-amber-200: #ffbf00;
+  /* --color-amber-150: #fecc63; */
+  /* --color-amber-100: #fddea6; */
+  /* --color-amber-50: #fcefd9; */
+  /* --color-amber: var(--color-amber-550); */
 
-/* Light theme - Amber */
-[data-theme="light"],
-:root:not([data-theme="dark"]),
-:host(:not([data-theme="dark"])) {
-  --color-text-selection: rgba(183, 136, 0, 0.25);
-  --color-primary-rgb: 135, 100, 0;
-  --color-primary-bg: #ffbf00;
-  --color-primary-border: var(--color-primary-bg);
-  --color-primary-underline: rgba(135, 100, 0, 0.5);
-  --color-primary-hover: #694d00;
-  --color-primary-hover-bg: #e8ae01;
-  --color-primary-hover-border: var(--color-primary-hover-bg);
-  --color-primary-hover-underline: var(--color-primary-hover);
-  --color-primary-focus: rgba(183, 136, 0, 0.5);
-  --color-primary-inverse: #000;
-  --switch-thumb-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
-}
-
-/* Dark theme - Amber */
-@media only screen and (prefers-color-scheme: dark) {
-  :root:not([data-theme]),
-  :host(:not([data-theme])) {
-    --color-text-selection: rgba(199, 148, 0, 0.1875);
-    --color-primary-rgb: 199, 148, 0;
-    --color-primary-bg: #ffbf00;
-    --color-primary-border: var(--color-primary-bg);
-    --color-primary-underline: rgba(199, 148, 0, 0.5);
-    --color-primary-hover: #e8ae01;
-    --color-primary-hover-bg: #fecc63;
-    --color-primary-hover-border: var(--color-primary-hover-bg);
-    --color-primary-hover-underline: var(--color-primary-hover);
-    --color-primary-focus: rgba(199, 148, 0, 0.375);
-    --color-primary-inverse: #000;
-    --switch-thumb-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
-  }
-}
+  /* System tokens */
+  --color-primary-text: light-dark(var(--color-amber-550), var(--color-amber-350));
+  --color-primary-fill: var(--color-amber-200);
+  --color-primary-on-fill: black;
 
-[data-theme="dark"] {
-  --color-text-selection: rgba(199, 148, 0, 0.1875);
-  --color-primary-rgb: 199, 148, 0;
-  --color-primary-bg: #ffbf00;
-  --color-primary-border: var(--color-primary-bg);
-  --color-primary-underline: rgba(199, 148, 0, 0.5);
-  --color-primary-hover: #e8ae01;
-  --color-primary-hover-bg: #fecc63;
-  --color-primary-hover-border: var(--color-primary-hover-bg);
-  --color-primary-hover-underline: var(--color-primary-hover);
-  --color-primary-focus: rgba(199, 148, 0, 0.375);
-  --color-primary-inverse: #000;
-  --switch-thumb-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
+  /* Component tokens */
+  --switch-thumb-glow: light-dark(0 0 0.5rem oklch(0% 0 0deg / 0.25), 0 0 0.5rem oklch(0% 0 0deg / 0.25));
 }

package/src/palettes/azure.css

@@ -0,0 +1,31 @@
+:root,
+:host {
+  /* --color-azure-950: #04121d; */
+  /* --color-azure-900: #061e2f; */
+  /* --color-azure-850: #052940; */
+  /* --color-azure-800: #033452; */
+  /* --color-azure-750: #014063; */
+  /* --color-azure-700: #014c75; */
+  /* --color-azure-650: #015887; */
+  /* --color-azure-600: #02659a; */
+  --color-azure-550: #0172ad;
+  /* --color-azure-500: #017fc0; */
+  /* --color-azure-450: #018cd4; */
+  /* --color-azure-400: #029ae8; */
+  --color-azure-350: #01aaff;
+  /* --color-azure-300: #51b4ff; */
+  /* --color-azure-250: #79c0ff; */
+  /* --color-azure-200: #9bccfd; */
+  /* --color-azure-150: #b7d9fc; */
+  /* --color-azure-100: #d1e5fb; */
+  /* --color-azure-50: #e9f2fc; */
+  /* --color-azure: var(--color-azure-550); */
+
+  /* System tokens */
+  --color-primary-text: light-dark(var(--color-azure-550), var(--color-azure-350));
+  --color-primary-fill: var(--color-azure-550);
+  --color-primary-on-fill: white;
+
+  /* Component tokens */
+  --switch-thumb-glow: light-dark(0 0 0 oklch(0% 0 0deg / 0), 0 0 0.5rem oklch(0% 0 0deg / 0.25));
+}