@svelte-thing/tailwind-radix-colors 0.0.0 → 0.0.1

package/dist/jade.css

@@ -70,684 +70,32 @@
   --jade-indicator: var(--jade-9);
 }
 
-@utility bg-jade-1 {
-  background-color: var(--jade-1);
-}
-
-@utility text-jade-1 {
-  color: var(--jade-1);
-}
-
-@utility border-jade-1 {
-  border-color: var(--jade-1);
-}
-
-@utility divide-jade-1 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-1);
-  }
-}
-
-@utility ring-jade-1 {
-  --tw-ring-color: var(--jade-1);
-}
-
-@utility stroke-jade-1 {
-  stroke: var(--jade-1);
-}
-
-@utility fill-jade-1 {
-  fill: var(--jade-1);
-}
-
-@utility placeholder-jade-1 {
-  &::placeholder {
-    color: var(--jade-1);
-  }
-}
-
-@utility caret-jade-1 {
-  caret-color: var(--jade-1);
-}
-
-@utility outline-jade-1 {
-  outline-color: var(--jade-1);
-}
-
-@utility decoration-jade-1 {
-  text-decoration-color: var(--jade-1);
-}
-
-@utility bg-jade-app {
-  background-color: var(--jade-1);
-}
-
-@utility bg-jade-2 {
-  background-color: var(--jade-2);
-}
-
-@utility text-jade-2 {
-  color: var(--jade-2);
-}
-
-@utility border-jade-2 {
-  border-color: var(--jade-2);
-}
-
-@utility divide-jade-2 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-2);
-  }
-}
-
-@utility ring-jade-2 {
-  --tw-ring-color: var(--jade-2);
-}
-
-@utility stroke-jade-2 {
-  stroke: var(--jade-2);
-}
-
-@utility fill-jade-2 {
-  fill: var(--jade-2);
-}
-
-@utility placeholder-jade-2 {
-  &::placeholder {
-    color: var(--jade-2);
-  }
-}
-
-@utility caret-jade-2 {
-  caret-color: var(--jade-2);
-}
-
-@utility outline-jade-2 {
-  outline-color: var(--jade-2);
-}
-
-@utility decoration-jade-2 {
-  text-decoration-color: var(--jade-2);
-}
-
-@utility bg-jade-subtle {
-  background-color: var(--jade-2);
-}
-
-@utility bg-jade-3 {
-  background-color: var(--jade-3);
-}
-
-@utility text-jade-3 {
-  color: var(--jade-3);
-}
-
-@utility border-jade-3 {
-  border-color: var(--jade-3);
-}
-
-@utility divide-jade-3 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-3);
-  }
-}
-
-@utility ring-jade-3 {
-  --tw-ring-color: var(--jade-3);
-}
-
-@utility stroke-jade-3 {
-  stroke: var(--jade-3);
-}
-
-@utility fill-jade-3 {
-  fill: var(--jade-3);
-}
-
-@utility placeholder-jade-3 {
-  &::placeholder {
-    color: var(--jade-3);
-  }
-}
-
-@utility caret-jade-3 {
-  caret-color: var(--jade-3);
-}
-
-@utility outline-jade-3 {
-  outline-color: var(--jade-3);
-}
-
-@utility decoration-jade-3 {
-  text-decoration-color: var(--jade-3);
-}
-
-@utility bg-jade-ui {
-  background-color: var(--jade-3);
-}
-
-@utility bg-jade-4 {
-  background-color: var(--jade-4);
-}
-
-@utility text-jade-4 {
-  color: var(--jade-4);
-}
-
-@utility border-jade-4 {
-  border-color: var(--jade-4);
-}
-
-@utility divide-jade-4 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-4);
-  }
-}
-
-@utility ring-jade-4 {
-  --tw-ring-color: var(--jade-4);
-}
-
-@utility stroke-jade-4 {
-  stroke: var(--jade-4);
-}
-
-@utility fill-jade-4 {
-  fill: var(--jade-4);
-}
-
-@utility placeholder-jade-4 {
-  &::placeholder {
-    color: var(--jade-4);
-  }
-}
-
-@utility caret-jade-4 {
-  caret-color: var(--jade-4);
-}
-
-@utility outline-jade-4 {
-  outline-color: var(--jade-4);
-}
-
-@utility decoration-jade-4 {
-  text-decoration-color: var(--jade-4);
-}
-
-@utility bg-jade-ui-hover {
-  &:hover {
-    background-color: var(--jade-4);
-  }
-}
-
-@utility bg-jade-5 {
-  background-color: var(--jade-5);
-}
-
-@utility text-jade-5 {
-  color: var(--jade-5);
-}
-
-@utility border-jade-5 {
-  border-color: var(--jade-5);
-}
-
-@utility divide-jade-5 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-5);
-  }
-}
-
-@utility ring-jade-5 {
-  --tw-ring-color: var(--jade-5);
-}
-
-@utility stroke-jade-5 {
-  stroke: var(--jade-5);
-}
-
-@utility fill-jade-5 {
-  fill: var(--jade-5);
-}
-
-@utility placeholder-jade-5 {
-  &::placeholder {
-    color: var(--jade-5);
-  }
-}
-
-@utility caret-jade-5 {
-  caret-color: var(--jade-5);
-}
-
-@utility outline-jade-5 {
-  outline-color: var(--jade-5);
-}
-
-@utility decoration-jade-5 {
-  text-decoration-color: var(--jade-5);
-}
-
-@utility bg-jade-ui-active {
-  &:active {
-    background-color: var(--jade-5);
-  }
-}
-
-@utility bg-jade-6 {
-  background-color: var(--jade-6);
-}
-
-@utility text-jade-6 {
-  color: var(--jade-6);
-}
-
-@utility border-jade-6 {
-  border-color: var(--jade-6);
-}
-
-@utility divide-jade-6 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-6);
-  }
-}
-
-@utility ring-jade-6 {
-  --tw-ring-color: var(--jade-6);
-}
-
-@utility stroke-jade-6 {
-  stroke: var(--jade-6);
-}
-
-@utility fill-jade-6 {
-  fill: var(--jade-6);
-}
-
-@utility placeholder-jade-6 {
-  &::placeholder {
-    color: var(--jade-6);
-  }
-}
-
-@utility caret-jade-6 {
-  caret-color: var(--jade-6);
-}
-
-@utility outline-jade-6 {
-  outline-color: var(--jade-6);
-}
-
-@utility decoration-jade-6 {
-  text-decoration-color: var(--jade-6);
-}
-
-@utility border-jade-subtle {
-  border-color: var(--jade-6);
-}
-
-@utility bg-jade-7 {
-  background-color: var(--jade-7);
-}
-
-@utility text-jade-7 {
-  color: var(--jade-7);
-}
-
-@utility border-jade-7 {
-  border-color: var(--jade-7);
-}
-
-@utility divide-jade-7 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-7);
-  }
-}
-
-@utility ring-jade-7 {
-  --tw-ring-color: var(--jade-7);
-}
-
-@utility stroke-jade-7 {
-  stroke: var(--jade-7);
-}
-
-@utility fill-jade-7 {
-  fill: var(--jade-7);
-}
-
-@utility placeholder-jade-7 {
-  &::placeholder {
-    color: var(--jade-7);
-  }
-}
-
-@utility caret-jade-7 {
-  caret-color: var(--jade-7);
-}
-
-@utility outline-jade-7 {
-  outline-color: var(--jade-7);
-}
-
-@utility decoration-jade-7 {
-  text-decoration-color: var(--jade-7);
-}
-
-@utility border-jade-ui {
-  border-color: var(--jade-7);
-}
-
-@utility bg-jade-8 {
-  background-color: var(--jade-8);
-}
-
-@utility text-jade-8 {
-  color: var(--jade-8);
-}
-
-@utility border-jade-8 {
-  border-color: var(--jade-8);
-}
-
-@utility divide-jade-8 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-8);
-  }
-}
-
-@utility ring-jade-8 {
-  --tw-ring-color: var(--jade-8);
-}
-
-@utility stroke-jade-8 {
-  stroke: var(--jade-8);
-}
-
-@utility fill-jade-8 {
-  fill: var(--jade-8);
-}
-
-@utility placeholder-jade-8 {
-  &::placeholder {
-    color: var(--jade-8);
-  }
-}
-
-@utility caret-jade-8 {
-  caret-color: var(--jade-8);
-}
-
-@utility outline-jade-8 {
-  outline-color: var(--jade-8);
-}
-
-@utility decoration-jade-8 {
-  text-decoration-color: var(--jade-8);
-}
-
-@utility border-jade-ui-hover {
-  &:hover {
-    border-color: var(--jade-8);
-  }
-}
-
-@utility bg-jade-9 {
-  background-color: var(--jade-9);
-}
-
-@utility text-jade-9 {
-  color: var(--jade-9);
-}
-
-@utility border-jade-9 {
-  border-color: var(--jade-9);
-}
-
-@utility divide-jade-9 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-9);
-  }
-}
-
-@utility ring-jade-9 {
-  --tw-ring-color: var(--jade-9);
-}
-
-@utility stroke-jade-9 {
-  stroke: var(--jade-9);
-}
-
-@utility fill-jade-9 {
-  fill: var(--jade-9);
-}
-
-@utility placeholder-jade-9 {
-  &::placeholder {
-    color: var(--jade-9);
-  }
-}
-
-@utility caret-jade-9 {
-  caret-color: var(--jade-9);
-}
-
-@utility outline-jade-9 {
-  outline-color: var(--jade-9);
-}
-
-@utility decoration-jade-9 {
-  text-decoration-color: var(--jade-9);
-}
-
-@utility bg-jade-solid {
-  background-color: var(--jade-9);
-}
-
-@utility bg-jade-10 {
-  background-color: var(--jade-10);
-}
-
-@utility text-jade-10 {
-  color: var(--jade-10);
-}
-
-@utility border-jade-10 {
-  border-color: var(--jade-10);
-}
-
-@utility divide-jade-10 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-10);
-  }
-}
-
-@utility ring-jade-10 {
-  --tw-ring-color: var(--jade-10);
-}
-
-@utility stroke-jade-10 {
-  stroke: var(--jade-10);
-}
-
-@utility fill-jade-10 {
-  fill: var(--jade-10);
-}
-
-@utility placeholder-jade-10 {
-  &::placeholder {
-    color: var(--jade-10);
-  }
-}
-
-@utility caret-jade-10 {
-  caret-color: var(--jade-10);
-}
-
-@utility outline-jade-10 {
-  outline-color: var(--jade-10);
-}
-
-@utility decoration-jade-10 {
-  text-decoration-color: var(--jade-10);
-}
-
-@utility bg-jade-solid-hover {
-  &:hover {
-    background-color: var(--jade-10);
-  }
-}
-
-@utility bg-jade-11 {
-  background-color: var(--jade-11);
-}
-
-@utility text-jade-11 {
-  color: var(--jade-11);
-}
-
-@utility border-jade-11 {
-  border-color: var(--jade-11);
-}
-
-@utility divide-jade-11 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-11);
-  }
-}
-
-@utility ring-jade-11 {
-  --tw-ring-color: var(--jade-11);
-}
-
-@utility stroke-jade-11 {
-  stroke: var(--jade-11);
-}
-
-@utility fill-jade-11 {
-  fill: var(--jade-11);
-}
-
-@utility placeholder-jade-11 {
-  &::placeholder {
-    color: var(--jade-11);
-  }
-}
-
-@utility caret-jade-11 {
-  caret-color: var(--jade-11);
-}
-
-@utility outline-jade-11 {
-  outline-color: var(--jade-11);
-}
-
-@utility decoration-jade-11 {
-  text-decoration-color: var(--jade-11);
-}
-
-@utility text-jade-ui {
-  color: var(--jade-11);
-}
-
-@utility bg-jade-12 {
-  background-color: var(--jade-12);
-}
-
-@utility text-jade-12 {
-  color: var(--jade-12);
-}
-
-@utility border-jade-12 {
-  border-color: var(--jade-12);
-}
-
-@utility divide-jade-12 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-12);
-  }
-}
-
-@utility ring-jade-12 {
-  --tw-ring-color: var(--jade-12);
-}
-
-@utility stroke-jade-12 {
-  stroke: var(--jade-12);
-}
-
-@utility fill-jade-12 {
-  fill: var(--jade-12);
-}
-
-@utility placeholder-jade-12 {
-  &::placeholder {
-    color: var(--jade-12);
-  }
-}
-
-@utility caret-jade-12 {
-  caret-color: var(--jade-12);
-}
-
-@utility outline-jade-12 {
-  outline-color: var(--jade-12);
-}
-
-@utility decoration-jade-12 {
-  text-decoration-color: var(--jade-12);
-}
-
-@utility text-jade-contrast {
-  color: var(--jade-12);
-}
-
-@utility bg-jade-surface {
-  background-color: var(--jade-surface);
-}
-
-@utility text-jade-surface {
-  color: var(--jade-surface);
-}
-
-@utility border-jade-surface {
-  border-color: var(--jade-surface);
-}
-
-@utility divide-jade-surface {
-  :where(& > :not(:last-child)) {
-    border-color: var(--jade-surface);
-  }
-}
-
-@utility ring-jade-surface {
-  --tw-ring-color: var(--jade-surface);
-}
-
-@utility stroke-jade-surface {
-  stroke: var(--jade-surface);
-}
-
-@utility fill-jade-surface {
-  fill: var(--jade-surface);
-}
-
-@utility placeholder-jade-surface {
-  &::placeholder {
-    color: var(--jade-surface);
-  }
-}
-
-@utility caret-jade-surface {
-  caret-color: var(--jade-surface);
-}
-
-@utility outline-jade-surface {
-  outline-color: var(--jade-surface);
-}
-
-@utility decoration-jade-surface {
-  text-decoration-color: var(--jade-surface);
+@theme inline {
+  --color-jade-1: var(--jade-1);
+  --background-color-jade-app: var(--jade-1);
+  --color-jade-2: var(--jade-2);
+  --background-color-jade-subtle: var(--jade-2);
+  --color-jade-3: var(--jade-3);
+  --background-color-jade-ui: var(--jade-3);
+  --color-jade-4: var(--jade-4);
+  --background-color-jade-ui-hover: var(--jade-4);
+  --color-jade-5: var(--jade-5);
+  --background-color-jade-ui-active: var(--jade-5);
+  --color-jade-6: var(--jade-6);
+  --border-color-jade-subtle: var(--jade-6);
+  --color-jade-7: var(--jade-7);
+  --border-color-jade-ui: var(--jade-7);
+  --color-jade-8: var(--jade-8);
+  --border-color-jade-ui-hover: var(--jade-8);
+  --color-jade-9: var(--jade-9);
+  --background-color-jade-solid: var(--jade-9);
+  --color-jade-10: var(--jade-10);
+  --background-color-jade-solid-hover: var(--jade-10);
+  --color-jade-11: var(--jade-11);
+  --text-color-jade-ui: var(--jade-11);
+  --color-jade-12: var(--jade-12);
+  --text-color-jade-contrast: var(--jade-12);
+  --color-jade-surface: var(--jade-surface);
 }
 
 @utility brand-jade {