elements-kit 0.5.1 → 0.6.0

package/dist/ui/styles/accent/pink.css

@@ -1,30 +0,0 @@
-[data-accent-color="pink"] {
-  --accent-1: var(--pink-1);
-  --accent-2: var(--pink-2);
-  --accent-3: var(--pink-3);
-  --accent-4: var(--pink-4);
-  --accent-5: var(--pink-5);
-  --accent-6: var(--pink-6);
-  --accent-7: var(--pink-7);
-  --accent-8: var(--pink-8);
-  --accent-9: var(--pink-9);
-  --accent-10: var(--pink-10);
-  --accent-11: var(--pink-11);
-  --accent-12: var(--pink-12);
-  --accent-a1: var(--pink-a1);
-  --accent-a2: var(--pink-a2);
-  --accent-a3: var(--pink-a3);
-  --accent-a4: var(--pink-a4);
-  --accent-a5: var(--pink-a5);
-  --accent-a6: var(--pink-a6);
-  --accent-a7: var(--pink-a7);
-  --accent-a8: var(--pink-a8);
-  --accent-a9: var(--pink-a9);
-  --accent-a10: var(--pink-a10);
-  --accent-a11: var(--pink-a11);
-  --accent-a12: var(--pink-a12);
-  --accent-contrast: var(--pink-contrast);
-  --accent-surface: var(--pink-surface);
-  --accent-indicator: var(--pink-indicator);
-  --accent-track: var(--pink-track);
-}

package/dist/ui/styles/accent/plum.css

@@ -1,30 +0,0 @@
-[data-accent-color="plum"] {
-  --accent-1: var(--plum-1);
-  --accent-2: var(--plum-2);
-  --accent-3: var(--plum-3);
-  --accent-4: var(--plum-4);
-  --accent-5: var(--plum-5);
-  --accent-6: var(--plum-6);
-  --accent-7: var(--plum-7);
-  --accent-8: var(--plum-8);
-  --accent-9: var(--plum-9);
-  --accent-10: var(--plum-10);
-  --accent-11: var(--plum-11);
-  --accent-12: var(--plum-12);
-  --accent-a1: var(--plum-a1);
-  --accent-a2: var(--plum-a2);
-  --accent-a3: var(--plum-a3);
-  --accent-a4: var(--plum-a4);
-  --accent-a5: var(--plum-a5);
-  --accent-a6: var(--plum-a6);
-  --accent-a7: var(--plum-a7);
-  --accent-a8: var(--plum-a8);
-  --accent-a9: var(--plum-a9);
-  --accent-a10: var(--plum-a10);
-  --accent-a11: var(--plum-a11);
-  --accent-a12: var(--plum-a12);
-  --accent-contrast: var(--plum-contrast);
-  --accent-surface: var(--plum-surface);
-  --accent-indicator: var(--plum-indicator);
-  --accent-track: var(--plum-track);
-}

package/dist/ui/styles/accent/purple.css

@@ -1,30 +0,0 @@
-[data-accent-color="purple"] {
-  --accent-1: var(--purple-1);
-  --accent-2: var(--purple-2);
-  --accent-3: var(--purple-3);
-  --accent-4: var(--purple-4);
-  --accent-5: var(--purple-5);
-  --accent-6: var(--purple-6);
-  --accent-7: var(--purple-7);
-  --accent-8: var(--purple-8);
-  --accent-9: var(--purple-9);
-  --accent-10: var(--purple-10);
-  --accent-11: var(--purple-11);
-  --accent-12: var(--purple-12);
-  --accent-a1: var(--purple-a1);
-  --accent-a2: var(--purple-a2);
-  --accent-a3: var(--purple-a3);
-  --accent-a4: var(--purple-a4);
-  --accent-a5: var(--purple-a5);
-  --accent-a6: var(--purple-a6);
-  --accent-a7: var(--purple-a7);
-  --accent-a8: var(--purple-a8);
-  --accent-a9: var(--purple-a9);
-  --accent-a10: var(--purple-a10);
-  --accent-a11: var(--purple-a11);
-  --accent-a12: var(--purple-a12);
-  --accent-contrast: var(--purple-contrast);
-  --accent-surface: var(--purple-surface);
-  --accent-indicator: var(--purple-indicator);
-  --accent-track: var(--purple-track);
-}

package/dist/ui/styles/accent/red.css

@@ -1,30 +0,0 @@
-[data-accent-color="red"] {
-  --accent-1: var(--red-1);
-  --accent-2: var(--red-2);
-  --accent-3: var(--red-3);
-  --accent-4: var(--red-4);
-  --accent-5: var(--red-5);
-  --accent-6: var(--red-6);
-  --accent-7: var(--red-7);
-  --accent-8: var(--red-8);
-  --accent-9: var(--red-9);
-  --accent-10: var(--red-10);
-  --accent-11: var(--red-11);
-  --accent-12: var(--red-12);
-  --accent-a1: var(--red-a1);
-  --accent-a2: var(--red-a2);
-  --accent-a3: var(--red-a3);
-  --accent-a4: var(--red-a4);
-  --accent-a5: var(--red-a5);
-  --accent-a6: var(--red-a6);
-  --accent-a7: var(--red-a7);
-  --accent-a8: var(--red-a8);
-  --accent-a9: var(--red-a9);
-  --accent-a10: var(--red-a10);
-  --accent-a11: var(--red-a11);
-  --accent-a12: var(--red-a12);
-  --accent-contrast: var(--red-contrast);
-  --accent-surface: var(--red-surface);
-  --accent-indicator: var(--red-indicator);
-  --accent-track: var(--red-track);
-}

package/dist/ui/styles/accent/ruby.css

@@ -1,30 +0,0 @@
-[data-accent-color="ruby"] {
-  --accent-1: var(--ruby-1);
-  --accent-2: var(--ruby-2);
-  --accent-3: var(--ruby-3);
-  --accent-4: var(--ruby-4);
-  --accent-5: var(--ruby-5);
-  --accent-6: var(--ruby-6);
-  --accent-7: var(--ruby-7);
-  --accent-8: var(--ruby-8);
-  --accent-9: var(--ruby-9);
-  --accent-10: var(--ruby-10);
-  --accent-11: var(--ruby-11);
-  --accent-12: var(--ruby-12);
-  --accent-a1: var(--ruby-a1);
-  --accent-a2: var(--ruby-a2);
-  --accent-a3: var(--ruby-a3);
-  --accent-a4: var(--ruby-a4);
-  --accent-a5: var(--ruby-a5);
-  --accent-a6: var(--ruby-a6);
-  --accent-a7: var(--ruby-a7);
-  --accent-a8: var(--ruby-a8);
-  --accent-a9: var(--ruby-a9);
-  --accent-a10: var(--ruby-a10);
-  --accent-a11: var(--ruby-a11);
-  --accent-a12: var(--ruby-a12);
-  --accent-contrast: var(--ruby-contrast);
-  --accent-surface: var(--ruby-surface);
-  --accent-indicator: var(--ruby-indicator);
-  --accent-track: var(--ruby-track);
-}

package/dist/ui/styles/accent/sky.css

@@ -1,30 +0,0 @@
-[data-accent-color="sky"] {
-  --accent-1: var(--sky-1);
-  --accent-2: var(--sky-2);
-  --accent-3: var(--sky-3);
-  --accent-4: var(--sky-4);
-  --accent-5: var(--sky-5);
-  --accent-6: var(--sky-6);
-  --accent-7: var(--sky-7);
-  --accent-8: var(--sky-8);
-  --accent-9: var(--sky-9);
-  --accent-10: var(--sky-10);
-  --accent-11: var(--sky-11);
-  --accent-12: var(--sky-12);
-  --accent-a1: var(--sky-a1);
-  --accent-a2: var(--sky-a2);
-  --accent-a3: var(--sky-a3);
-  --accent-a4: var(--sky-a4);
-  --accent-a5: var(--sky-a5);
-  --accent-a6: var(--sky-a6);
-  --accent-a7: var(--sky-a7);
-  --accent-a8: var(--sky-a8);
-  --accent-a9: var(--sky-a9);
-  --accent-a10: var(--sky-a10);
-  --accent-a11: var(--sky-a11);
-  --accent-a12: var(--sky-a12);
-  --accent-contrast: var(--sky-contrast);
-  --accent-surface: var(--sky-surface);
-  --accent-indicator: var(--sky-indicator);
-  --accent-track: var(--sky-track);
-}

package/dist/ui/styles/accent/teal.css

@@ -1,30 +0,0 @@
-[data-accent-color="teal"] {
-  --accent-1: var(--teal-1);
-  --accent-2: var(--teal-2);
-  --accent-3: var(--teal-3);
-  --accent-4: var(--teal-4);
-  --accent-5: var(--teal-5);
-  --accent-6: var(--teal-6);
-  --accent-7: var(--teal-7);
-  --accent-8: var(--teal-8);
-  --accent-9: var(--teal-9);
-  --accent-10: var(--teal-10);
-  --accent-11: var(--teal-11);
-  --accent-12: var(--teal-12);
-  --accent-a1: var(--teal-a1);
-  --accent-a2: var(--teal-a2);
-  --accent-a3: var(--teal-a3);
-  --accent-a4: var(--teal-a4);
-  --accent-a5: var(--teal-a5);
-  --accent-a6: var(--teal-a6);
-  --accent-a7: var(--teal-a7);
-  --accent-a8: var(--teal-a8);
-  --accent-a9: var(--teal-a9);
-  --accent-a10: var(--teal-a10);
-  --accent-a11: var(--teal-a11);
-  --accent-a12: var(--teal-a12);
-  --accent-contrast: var(--teal-contrast);
-  --accent-surface: var(--teal-surface);
-  --accent-indicator: var(--teal-indicator);
-  --accent-track: var(--teal-track);
-}

package/dist/ui/styles/accent/tomato.css

@@ -1,30 +0,0 @@
-[data-accent-color="tomato"] {
-  --accent-1: var(--tomato-1);
-  --accent-2: var(--tomato-2);
-  --accent-3: var(--tomato-3);
-  --accent-4: var(--tomato-4);
-  --accent-5: var(--tomato-5);
-  --accent-6: var(--tomato-6);
-  --accent-7: var(--tomato-7);
-  --accent-8: var(--tomato-8);
-  --accent-9: var(--tomato-9);
-  --accent-10: var(--tomato-10);
-  --accent-11: var(--tomato-11);
-  --accent-12: var(--tomato-12);
-  --accent-a1: var(--tomato-a1);
-  --accent-a2: var(--tomato-a2);
-  --accent-a3: var(--tomato-a3);
-  --accent-a4: var(--tomato-a4);
-  --accent-a5: var(--tomato-a5);
-  --accent-a6: var(--tomato-a6);
-  --accent-a7: var(--tomato-a7);
-  --accent-a8: var(--tomato-a8);
-  --accent-a9: var(--tomato-a9);
-  --accent-a10: var(--tomato-a10);
-  --accent-a11: var(--tomato-a11);
-  --accent-a12: var(--tomato-a12);
-  --accent-contrast: var(--tomato-contrast);
-  --accent-surface: var(--tomato-surface);
-  --accent-indicator: var(--tomato-indicator);
-  --accent-track: var(--tomato-track);
-}

package/dist/ui/styles/accent/violet.css

@@ -1,30 +0,0 @@
-[data-accent-color="violet"] {
-  --accent-1: var(--violet-1);
-  --accent-2: var(--violet-2);
-  --accent-3: var(--violet-3);
-  --accent-4: var(--violet-4);
-  --accent-5: var(--violet-5);
-  --accent-6: var(--violet-6);
-  --accent-7: var(--violet-7);
-  --accent-8: var(--violet-8);
-  --accent-9: var(--violet-9);
-  --accent-10: var(--violet-10);
-  --accent-11: var(--violet-11);
-  --accent-12: var(--violet-12);
-  --accent-a1: var(--violet-a1);
-  --accent-a2: var(--violet-a2);
-  --accent-a3: var(--violet-a3);
-  --accent-a4: var(--violet-a4);
-  --accent-a5: var(--violet-a5);
-  --accent-a6: var(--violet-a6);
-  --accent-a7: var(--violet-a7);
-  --accent-a8: var(--violet-a8);
-  --accent-a9: var(--violet-a9);
-  --accent-a10: var(--violet-a10);
-  --accent-a11: var(--violet-a11);
-  --accent-a12: var(--violet-a12);
-  --accent-contrast: var(--violet-contrast);
-  --accent-surface: var(--violet-surface);
-  --accent-indicator: var(--violet-indicator);
-  --accent-track: var(--violet-track);
-}

package/dist/ui/styles/accent/yellow.css

@@ -1,30 +0,0 @@
-[data-accent-color="yellow"] {
-  --accent-1: var(--yellow-1);
-  --accent-2: var(--yellow-2);
-  --accent-3: var(--yellow-3);
-  --accent-4: var(--yellow-4);
-  --accent-5: var(--yellow-5);
-  --accent-6: var(--yellow-6);
-  --accent-7: var(--yellow-7);
-  --accent-8: var(--yellow-8);
-  --accent-9: var(--yellow-9);
-  --accent-10: var(--yellow-10);
-  --accent-11: var(--yellow-11);
-  --accent-12: var(--yellow-12);
-  --accent-a1: var(--yellow-a1);
-  --accent-a2: var(--yellow-a2);
-  --accent-a3: var(--yellow-a3);
-  --accent-a4: var(--yellow-a4);
-  --accent-a5: var(--yellow-a5);
-  --accent-a6: var(--yellow-a6);
-  --accent-a7: var(--yellow-a7);
-  --accent-a8: var(--yellow-a8);
-  --accent-a9: var(--yellow-a9);
-  --accent-a10: var(--yellow-a10);
-  --accent-a11: var(--yellow-a11);
-  --accent-a12: var(--yellow-a12);
-  --accent-contrast: var(--yellow-contrast);
-  --accent-surface: var(--yellow-surface);
-  --accent-indicator: var(--yellow-indicator);
-  --accent-track: var(--yellow-track);
-}

package/dist/ui/styles/base.css

@@ -1,156 +0,0 @@
-:root {
-  --black-a1: #0000000d;
-  --black-a2: #0000001a;
-  --black-a3: #00000026;
-  --black-a4: #0003;
-  --black-a5: #0000004d;
-  --black-a6: #0006;
-  --black-a7: #00000080;
-  --black-a8: #0009;
-  --black-a9: #000000b3;
-  --black-a10: #000c;
-  --black-a11: #000000e6;
-  --black-a12: #000000f2;
-}
-
-@supports (color: color(display-p3 1 1 1)) {
-  @media (color-gamut: p3) {
-    :root {
-      --black-a1: color(display-p3 0 0 0 / .05);
-      --black-a2: color(display-p3 0 0 0 / .1);
-      --black-a3: color(display-p3 0 0 0 / .15);
-      --black-a4: color(display-p3 0 0 0 / .2);
-      --black-a5: color(display-p3 0 0 0 / .3);
-      --black-a6: color(display-p3 0 0 0 / .4);
-      --black-a7: color(display-p3 0 0 0 / .5);
-      --black-a8: color(display-p3 0 0 0 / .6);
-      --black-a9: color(display-p3 0 0 0 / .7);
-      --black-a10: color(display-p3 0 0 0 / .8);
-      --black-a11: color(display-p3 0 0 0 / .9);
-      --black-a12: color(display-p3 0 0 0 / .95);
-    }
-  }
-}
-
-:root {
-  --white-a1: #ffffff0d;
-  --white-a2: #ffffff1a;
-  --white-a3: #ffffff26;
-  --white-a4: #fff3;
-  --white-a5: #ffffff4d;
-  --white-a6: #fff6;
-  --white-a7: #ffffff80;
-  --white-a8: #fff9;
-  --white-a9: #ffffffb3;
-  --white-a10: #fffc;
-  --white-a11: #ffffffe6;
-  --white-a12: #fffffff2;
-}
-
-@supports (color: color(display-p3 1 1 1)) {
-  @media (color-gamut: p3) {
-    :root {
-      --white-a1: color(display-p3 1 1 1 / .05);
-      --white-a2: color(display-p3 1 1 1 / .1);
-      --white-a3: color(display-p3 1 1 1 / .15);
-      --white-a4: color(display-p3 1 1 1 / .2);
-      --white-a5: color(display-p3 1 1 1 / .3);
-      --white-a6: color(display-p3 1 1 1 / .4);
-      --white-a7: color(display-p3 1 1 1 / .5);
-      --white-a8: color(display-p3 1 1 1 / .6);
-      --white-a9: color(display-p3 1 1 1 / .7);
-      --white-a10: color(display-p3 1 1 1 / .8);
-      --white-a11: color(display-p3 1 1 1 / .9);
-      --white-a12: color(display-p3 1 1 1 / .95);
-    }
-  }
-}
-
-:where(:root) {
-  --color-background: white;
-  --color-overlay: var(--black-a6);
-  --color-panel-solid: white;
-  --color-panel-translucent: #ffffffb3;
-  --color-surface: #ffffffd9;
-}
-
-:is(.dark, .dark-theme) {
-  --color-background: var(--gray-1);
-  --color-overlay: var(--black-a8);
-  --color-panel-solid: var(--gray-2);
-  --color-panel-translucent: var(--gray-a2);
-  --color-surface: #00000040;
-}
-
-:where(:root) {
-  --color-transparent: #0000;
-}
-
-@supports (color: color(display-p3 1 1 1)) {
-  @media (color-gamut: p3) {
-    :root {
-      --color-transparent: color(display-p3 0 0 0 / 0);
-    }
-  }
-}
-
-:where(.light, .light-theme) {
-  --lightningcss-light: initial;
-  --lightningcss-dark: ;
-  color-scheme: light;
-}
-
-:where(.dark, .dark-theme) {
-  --lightningcss-light: ;
-  --lightningcss-dark: initial;
-  color-scheme: dark;
-}
-
-:root, [data-accent-color]:where(:not([data-accent-color=""], [data-accent-color="gray"])) {
-  --focus-1: var(--accent-1);
-  --focus-2: var(--accent-2);
-  --focus-3: var(--accent-3);
-  --focus-4: var(--accent-4);
-  --focus-5: var(--accent-5);
-  --focus-6: var(--accent-6);
-  --focus-7: var(--accent-7);
-  --focus-8: var(--accent-8);
-  --focus-9: var(--accent-9);
-  --focus-10: var(--accent-10);
-  --focus-11: var(--accent-11);
-  --focus-12: var(--accent-12);
-  --focus-a1: var(--accent-a1);
-  --focus-a2: var(--accent-a2);
-  --focus-a3: var(--accent-a3);
-  --focus-a4: var(--accent-a4);
-  --focus-a5: var(--accent-a5);
-  --focus-a6: var(--accent-a6);
-  --focus-a7: var(--accent-a7);
-  --focus-a8: var(--accent-a8);
-  --focus-a9: var(--accent-a9);
-  --focus-a10: var(--accent-a10);
-  --focus-a11: var(--accent-a11);
-  --focus-a12: var(--accent-a12);
-}
-
-::selection {
-  background-color: var(--focus-a5);
-}
-
-:root {
-  color: var(--gray-12);
-}
-
-:where([data-has-background="true"]) {
-  background-color: var(--color-background);
-}
-
-:where([data-panel-background="solid"]) {
-  --color-panel: var(--color-panel-solid);
-  --backdrop-filter-panel: none;
-}
-
-:where([data-panel-background="translucent"]) {
-  --color-panel: var(--color-panel-translucent);
-  --backdrop-filter-panel: blur(64px);
-}

package/dist/ui/styles/gray/mauve.css

@@ -1,30 +0,0 @@
-[data-gray-color="mauve"] {
-  --gray-1: var(--mauve-1);
-  --gray-2: var(--mauve-2);
-  --gray-3: var(--mauve-3);
-  --gray-4: var(--mauve-4);
-  --gray-5: var(--mauve-5);
-  --gray-6: var(--mauve-6);
-  --gray-7: var(--mauve-7);
-  --gray-8: var(--mauve-8);
-  --gray-9: var(--mauve-9);
-  --gray-10: var(--mauve-10);
-  --gray-11: var(--mauve-11);
-  --gray-12: var(--mauve-12);
-  --gray-a1: var(--mauve-a1);
-  --gray-a2: var(--mauve-a2);
-  --gray-a3: var(--mauve-a3);
-  --gray-a4: var(--mauve-a4);
-  --gray-a5: var(--mauve-a5);
-  --gray-a6: var(--mauve-a6);
-  --gray-a7: var(--mauve-a7);
-  --gray-a8: var(--mauve-a8);
-  --gray-a9: var(--mauve-a9);
-  --gray-a10: var(--mauve-a10);
-  --gray-a11: var(--mauve-a11);
-  --gray-a12: var(--mauve-a12);
-  --gray-contrast: var(--mauve-contrast);
-  --gray-surface: var(--mauve-surface);
-  --gray-indicator: var(--mauve-indicator);
-  --gray-track: var(--mauve-track);
-}

package/dist/ui/styles/gray/olive.css

@@ -1,30 +0,0 @@
-[data-gray-color="olive"] {
-  --gray-1: var(--olive-1);
-  --gray-2: var(--olive-2);
-  --gray-3: var(--olive-3);
-  --gray-4: var(--olive-4);
-  --gray-5: var(--olive-5);
-  --gray-6: var(--olive-6);
-  --gray-7: var(--olive-7);
-  --gray-8: var(--olive-8);
-  --gray-9: var(--olive-9);
-  --gray-10: var(--olive-10);
-  --gray-11: var(--olive-11);
-  --gray-12: var(--olive-12);
-  --gray-a1: var(--olive-a1);
-  --gray-a2: var(--olive-a2);
-  --gray-a3: var(--olive-a3);
-  --gray-a4: var(--olive-a4);
-  --gray-a5: var(--olive-a5);
-  --gray-a6: var(--olive-a6);
-  --gray-a7: var(--olive-a7);
-  --gray-a8: var(--olive-a8);
-  --gray-a9: var(--olive-a9);
-  --gray-a10: var(--olive-a10);
-  --gray-a11: var(--olive-a11);
-  --gray-a12: var(--olive-a12);
-  --gray-contrast: var(--olive-contrast);
-  --gray-surface: var(--olive-surface);
-  --gray-indicator: var(--olive-indicator);
-  --gray-track: var(--olive-track);
-}

package/dist/ui/styles/gray/sage.css

@@ -1,30 +0,0 @@
-[data-gray-color="sage"] {
-  --gray-1: var(--sage-1);
-  --gray-2: var(--sage-2);
-  --gray-3: var(--sage-3);
-  --gray-4: var(--sage-4);
-  --gray-5: var(--sage-5);
-  --gray-6: var(--sage-6);
-  --gray-7: var(--sage-7);
-  --gray-8: var(--sage-8);
-  --gray-9: var(--sage-9);
-  --gray-10: var(--sage-10);
-  --gray-11: var(--sage-11);
-  --gray-12: var(--sage-12);
-  --gray-a1: var(--sage-a1);
-  --gray-a2: var(--sage-a2);
-  --gray-a3: var(--sage-a3);
-  --gray-a4: var(--sage-a4);
-  --gray-a5: var(--sage-a5);
-  --gray-a6: var(--sage-a6);
-  --gray-a7: var(--sage-a7);
-  --gray-a8: var(--sage-a8);
-  --gray-a9: var(--sage-a9);
-  --gray-a10: var(--sage-a10);
-  --gray-a11: var(--sage-a11);
-  --gray-a12: var(--sage-a12);
-  --gray-contrast: var(--sage-contrast);
-  --gray-surface: var(--sage-surface);
-  --gray-indicator: var(--sage-indicator);
-  --gray-track: var(--sage-track);
-}

package/dist/ui/styles/gray/sand.css

@@ -1,30 +0,0 @@
-[data-gray-color="sand"] {
-  --gray-1: var(--sand-1);
-  --gray-2: var(--sand-2);
-  --gray-3: var(--sand-3);
-  --gray-4: var(--sand-4);
-  --gray-5: var(--sand-5);
-  --gray-6: var(--sand-6);
-  --gray-7: var(--sand-7);
-  --gray-8: var(--sand-8);
-  --gray-9: var(--sand-9);
-  --gray-10: var(--sand-10);
-  --gray-11: var(--sand-11);
-  --gray-12: var(--sand-12);
-  --gray-a1: var(--sand-a1);
-  --gray-a2: var(--sand-a2);
-  --gray-a3: var(--sand-a3);
-  --gray-a4: var(--sand-a4);
-  --gray-a5: var(--sand-a5);
-  --gray-a6: var(--sand-a6);
-  --gray-a7: var(--sand-a7);
-  --gray-a8: var(--sand-a8);
-  --gray-a9: var(--sand-a9);
-  --gray-a10: var(--sand-a10);
-  --gray-a11: var(--sand-a11);
-  --gray-a12: var(--sand-a12);
-  --gray-contrast: var(--sand-contrast);
-  --gray-surface: var(--sand-surface);
-  --gray-indicator: var(--sand-indicator);
-  --gray-track: var(--sand-track);
-}

package/dist/ui/styles/gray/slate.css

@@ -1,30 +0,0 @@
-[data-gray-color="slate"] {
-  --gray-1: var(--slate-1);
-  --gray-2: var(--slate-2);
-  --gray-3: var(--slate-3);
-  --gray-4: var(--slate-4);
-  --gray-5: var(--slate-5);
-  --gray-6: var(--slate-6);
-  --gray-7: var(--slate-7);
-  --gray-8: var(--slate-8);
-  --gray-9: var(--slate-9);
-  --gray-10: var(--slate-10);
-  --gray-11: var(--slate-11);
-  --gray-12: var(--slate-12);
-  --gray-a1: var(--slate-a1);
-  --gray-a2: var(--slate-a2);
-  --gray-a3: var(--slate-a3);
-  --gray-a4: var(--slate-a4);
-  --gray-a5: var(--slate-a5);
-  --gray-a6: var(--slate-a6);
-  --gray-a7: var(--slate-a7);
-  --gray-a8: var(--slate-a8);
-  --gray-a9: var(--slate-a9);
-  --gray-a10: var(--slate-a10);
-  --gray-a11: var(--slate-a11);
-  --gray-a12: var(--slate-a12);
-  --gray-contrast: var(--slate-contrast);
-  --gray-surface: var(--slate-surface);
-  --gray-indicator: var(--slate-indicator);
-  --gray-track: var(--slate-track);
-}