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

package/dist/plum-alpha.css

@@ -63,52 +63,19 @@
   --plum-a12: var(--plum-a12-dark-p3, var(--plum-a12-dark, var(--plum-a12-light-p3, var(--plum-a12-light))));
 }
 
-@utility bg-plum-a1 {
-  background-color: var(--plum-a1);
-}
-
-@utility text-plum-a1 {
-  color: var(--plum-a1);
-}
-
-@utility border-plum-a1 {
-  border-color: var(--plum-a1);
-}
-
-@utility divide-plum-a1 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a1);
-  }
-}
-
-@utility ring-plum-a1 {
-  --tw-ring-color: var(--plum-a1);
-}
-
-@utility stroke-plum-a1 {
-  stroke: var(--plum-a1);
-}
-
-@utility fill-plum-a1 {
-  fill: var(--plum-a1);
-}
-
-@utility placeholder-plum-a1 {
-  &::placeholder {
-    color: var(--plum-a1);
-  }
-}
-
-@utility caret-plum-a1 {
-  caret-color: var(--plum-a1);
-}
-
-@utility outline-plum-a1 {
-  outline-color: var(--plum-a1);
-}
-
-@utility decoration-plum-a1 {
-  text-decoration-color: var(--plum-a1);
+@theme inline {
+  --color-plum-a1: var(--plum-a1);
+  --color-plum-a2: var(--plum-a2);
+  --color-plum-a3: var(--plum-a3);
+  --color-plum-a4: var(--plum-a4);
+  --color-plum-a5: var(--plum-a5);
+  --color-plum-a6: var(--plum-a6);
+  --color-plum-a7: var(--plum-a7);
+  --color-plum-a8: var(--plum-a8);
+  --color-plum-a9: var(--plum-a9);
+  --color-plum-a10: var(--plum-a10);
+  --color-plum-a11: var(--plum-a11);
+  --color-plum-a12: var(--plum-a12);
 }
 
 @utility brand-plum-alpha {
@@ -140,531 +107,3 @@
   --neutral-a11: var(--plum-a11);
   --neutral-a12: var(--plum-a12);
 }
-
-@utility bg-plum-a2 {
-  background-color: var(--plum-a2);
-}
-
-@utility text-plum-a2 {
-  color: var(--plum-a2);
-}
-
-@utility border-plum-a2 {
-  border-color: var(--plum-a2);
-}
-
-@utility divide-plum-a2 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a2);
-  }
-}
-
-@utility ring-plum-a2 {
-  --tw-ring-color: var(--plum-a2);
-}
-
-@utility stroke-plum-a2 {
-  stroke: var(--plum-a2);
-}
-
-@utility fill-plum-a2 {
-  fill: var(--plum-a2);
-}
-
-@utility placeholder-plum-a2 {
-  &::placeholder {
-    color: var(--plum-a2);
-  }
-}
-
-@utility caret-plum-a2 {
-  caret-color: var(--plum-a2);
-}
-
-@utility outline-plum-a2 {
-  outline-color: var(--plum-a2);
-}
-
-@utility decoration-plum-a2 {
-  text-decoration-color: var(--plum-a2);
-}
-
-@utility bg-plum-a3 {
-  background-color: var(--plum-a3);
-}
-
-@utility text-plum-a3 {
-  color: var(--plum-a3);
-}
-
-@utility border-plum-a3 {
-  border-color: var(--plum-a3);
-}
-
-@utility divide-plum-a3 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a3);
-  }
-}
-
-@utility ring-plum-a3 {
-  --tw-ring-color: var(--plum-a3);
-}
-
-@utility stroke-plum-a3 {
-  stroke: var(--plum-a3);
-}
-
-@utility fill-plum-a3 {
-  fill: var(--plum-a3);
-}
-
-@utility placeholder-plum-a3 {
-  &::placeholder {
-    color: var(--plum-a3);
-  }
-}
-
-@utility caret-plum-a3 {
-  caret-color: var(--plum-a3);
-}
-
-@utility outline-plum-a3 {
-  outline-color: var(--plum-a3);
-}
-
-@utility decoration-plum-a3 {
-  text-decoration-color: var(--plum-a3);
-}
-
-@utility bg-plum-a4 {
-  background-color: var(--plum-a4);
-}
-
-@utility text-plum-a4 {
-  color: var(--plum-a4);
-}
-
-@utility border-plum-a4 {
-  border-color: var(--plum-a4);
-}
-
-@utility divide-plum-a4 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a4);
-  }
-}
-
-@utility ring-plum-a4 {
-  --tw-ring-color: var(--plum-a4);
-}
-
-@utility stroke-plum-a4 {
-  stroke: var(--plum-a4);
-}
-
-@utility fill-plum-a4 {
-  fill: var(--plum-a4);
-}
-
-@utility placeholder-plum-a4 {
-  &::placeholder {
-    color: var(--plum-a4);
-  }
-}
-
-@utility caret-plum-a4 {
-  caret-color: var(--plum-a4);
-}
-
-@utility outline-plum-a4 {
-  outline-color: var(--plum-a4);
-}
-
-@utility decoration-plum-a4 {
-  text-decoration-color: var(--plum-a4);
-}
-
-@utility bg-plum-a5 {
-  background-color: var(--plum-a5);
-}
-
-@utility text-plum-a5 {
-  color: var(--plum-a5);
-}
-
-@utility border-plum-a5 {
-  border-color: var(--plum-a5);
-}
-
-@utility divide-plum-a5 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a5);
-  }
-}
-
-@utility ring-plum-a5 {
-  --tw-ring-color: var(--plum-a5);
-}
-
-@utility stroke-plum-a5 {
-  stroke: var(--plum-a5);
-}
-
-@utility fill-plum-a5 {
-  fill: var(--plum-a5);
-}
-
-@utility placeholder-plum-a5 {
-  &::placeholder {
-    color: var(--plum-a5);
-  }
-}
-
-@utility caret-plum-a5 {
-  caret-color: var(--plum-a5);
-}
-
-@utility outline-plum-a5 {
-  outline-color: var(--plum-a5);
-}
-
-@utility decoration-plum-a5 {
-  text-decoration-color: var(--plum-a5);
-}
-
-@utility bg-plum-a6 {
-  background-color: var(--plum-a6);
-}
-
-@utility text-plum-a6 {
-  color: var(--plum-a6);
-}
-
-@utility border-plum-a6 {
-  border-color: var(--plum-a6);
-}
-
-@utility divide-plum-a6 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a6);
-  }
-}
-
-@utility ring-plum-a6 {
-  --tw-ring-color: var(--plum-a6);
-}
-
-@utility stroke-plum-a6 {
-  stroke: var(--plum-a6);
-}
-
-@utility fill-plum-a6 {
-  fill: var(--plum-a6);
-}
-
-@utility placeholder-plum-a6 {
-  &::placeholder {
-    color: var(--plum-a6);
-  }
-}
-
-@utility caret-plum-a6 {
-  caret-color: var(--plum-a6);
-}
-
-@utility outline-plum-a6 {
-  outline-color: var(--plum-a6);
-}
-
-@utility decoration-plum-a6 {
-  text-decoration-color: var(--plum-a6);
-}
-
-@utility bg-plum-a7 {
-  background-color: var(--plum-a7);
-}
-
-@utility text-plum-a7 {
-  color: var(--plum-a7);
-}
-
-@utility border-plum-a7 {
-  border-color: var(--plum-a7);
-}
-
-@utility divide-plum-a7 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a7);
-  }
-}
-
-@utility ring-plum-a7 {
-  --tw-ring-color: var(--plum-a7);
-}
-
-@utility stroke-plum-a7 {
-  stroke: var(--plum-a7);
-}
-
-@utility fill-plum-a7 {
-  fill: var(--plum-a7);
-}
-
-@utility placeholder-plum-a7 {
-  &::placeholder {
-    color: var(--plum-a7);
-  }
-}
-
-@utility caret-plum-a7 {
-  caret-color: var(--plum-a7);
-}
-
-@utility outline-plum-a7 {
-  outline-color: var(--plum-a7);
-}
-
-@utility decoration-plum-a7 {
-  text-decoration-color: var(--plum-a7);
-}
-
-@utility bg-plum-a8 {
-  background-color: var(--plum-a8);
-}
-
-@utility text-plum-a8 {
-  color: var(--plum-a8);
-}
-
-@utility border-plum-a8 {
-  border-color: var(--plum-a8);
-}
-
-@utility divide-plum-a8 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a8);
-  }
-}
-
-@utility ring-plum-a8 {
-  --tw-ring-color: var(--plum-a8);
-}
-
-@utility stroke-plum-a8 {
-  stroke: var(--plum-a8);
-}
-
-@utility fill-plum-a8 {
-  fill: var(--plum-a8);
-}
-
-@utility placeholder-plum-a8 {
-  &::placeholder {
-    color: var(--plum-a8);
-  }
-}
-
-@utility caret-plum-a8 {
-  caret-color: var(--plum-a8);
-}
-
-@utility outline-plum-a8 {
-  outline-color: var(--plum-a8);
-}
-
-@utility decoration-plum-a8 {
-  text-decoration-color: var(--plum-a8);
-}
-
-@utility bg-plum-a9 {
-  background-color: var(--plum-a9);
-}
-
-@utility text-plum-a9 {
-  color: var(--plum-a9);
-}
-
-@utility border-plum-a9 {
-  border-color: var(--plum-a9);
-}
-
-@utility divide-plum-a9 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a9);
-  }
-}
-
-@utility ring-plum-a9 {
-  --tw-ring-color: var(--plum-a9);
-}
-
-@utility stroke-plum-a9 {
-  stroke: var(--plum-a9);
-}
-
-@utility fill-plum-a9 {
-  fill: var(--plum-a9);
-}
-
-@utility placeholder-plum-a9 {
-  &::placeholder {
-    color: var(--plum-a9);
-  }
-}
-
-@utility caret-plum-a9 {
-  caret-color: var(--plum-a9);
-}
-
-@utility outline-plum-a9 {
-  outline-color: var(--plum-a9);
-}
-
-@utility decoration-plum-a9 {
-  text-decoration-color: var(--plum-a9);
-}
-
-@utility bg-plum-a10 {
-  background-color: var(--plum-a10);
-}
-
-@utility text-plum-a10 {
-  color: var(--plum-a10);
-}
-
-@utility border-plum-a10 {
-  border-color: var(--plum-a10);
-}
-
-@utility divide-plum-a10 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a10);
-  }
-}
-
-@utility ring-plum-a10 {
-  --tw-ring-color: var(--plum-a10);
-}
-
-@utility stroke-plum-a10 {
-  stroke: var(--plum-a10);
-}
-
-@utility fill-plum-a10 {
-  fill: var(--plum-a10);
-}
-
-@utility placeholder-plum-a10 {
-  &::placeholder {
-    color: var(--plum-a10);
-  }
-}
-
-@utility caret-plum-a10 {
-  caret-color: var(--plum-a10);
-}
-
-@utility outline-plum-a10 {
-  outline-color: var(--plum-a10);
-}
-
-@utility decoration-plum-a10 {
-  text-decoration-color: var(--plum-a10);
-}
-
-@utility bg-plum-a11 {
-  background-color: var(--plum-a11);
-}
-
-@utility text-plum-a11 {
-  color: var(--plum-a11);
-}
-
-@utility border-plum-a11 {
-  border-color: var(--plum-a11);
-}
-
-@utility divide-plum-a11 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a11);
-  }
-}
-
-@utility ring-plum-a11 {
-  --tw-ring-color: var(--plum-a11);
-}
-
-@utility stroke-plum-a11 {
-  stroke: var(--plum-a11);
-}
-
-@utility fill-plum-a11 {
-  fill: var(--plum-a11);
-}
-
-@utility placeholder-plum-a11 {
-  &::placeholder {
-    color: var(--plum-a11);
-  }
-}
-
-@utility caret-plum-a11 {
-  caret-color: var(--plum-a11);
-}
-
-@utility outline-plum-a11 {
-  outline-color: var(--plum-a11);
-}
-
-@utility decoration-plum-a11 {
-  text-decoration-color: var(--plum-a11);
-}
-
-@utility bg-plum-a12 {
-  background-color: var(--plum-a12);
-}
-
-@utility text-plum-a12 {
-  color: var(--plum-a12);
-}
-
-@utility border-plum-a12 {
-  border-color: var(--plum-a12);
-}
-
-@utility divide-plum-a12 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--plum-a12);
-  }
-}
-
-@utility ring-plum-a12 {
-  --tw-ring-color: var(--plum-a12);
-}
-
-@utility stroke-plum-a12 {
-  stroke: var(--plum-a12);
-}
-
-@utility fill-plum-a12 {
-  fill: var(--plum-a12);
-}
-
-@utility placeholder-plum-a12 {
-  &::placeholder {
-    color: var(--plum-a12);
-  }
-}
-
-@utility caret-plum-a12 {
-  caret-color: var(--plum-a12);
-}
-
-@utility outline-plum-a12 {
-  outline-color: var(--plum-a12);
-}
-
-@utility decoration-plum-a12 {
-  text-decoration-color: var(--plum-a12);
-}