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

package/dist/yellow-alpha.css

@@ -63,148 +63,43 @@
   --yellow-a12: var(--yellow-a12-dark-p3, var(--yellow-a12-dark, var(--yellow-a12-light-p3, var(--yellow-a12-light))));
 }
 
-@utility bg-yellow-a1 {
-  background-color: var(--yellow-a1);
-}
-
-@utility bg-warning-a1 {
-  background-color: var(--yellow-a1);
-}
-
-@utility bg-pending-a1 {
-  background-color: var(--yellow-a1);
-}
-
-@utility text-yellow-a1 {
-  color: var(--yellow-a1);
-}
-
-@utility text-warning-a1 {
-  color: var(--yellow-a1);
-}
-
-@utility text-pending-a1 {
-  color: var(--yellow-a1);
-}
-
-@utility border-yellow-a1 {
-  border-color: var(--yellow-a1);
-}
-
-@utility border-warning-a1 {
-  border-color: var(--yellow-a1);
-}
-
-@utility border-pending-a1 {
-  border-color: var(--yellow-a1);
-}
-
-@utility divide-yellow-a1 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a1);
-  }
-}
-
-@utility divide-warning-a1 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a1);
-  }
-}
-
-@utility divide-pending-a1 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a1);
-  }
-}
-
-@utility ring-yellow-a1 {
-  --tw-ring-color: var(--yellow-a1);
-}
-
-@utility ring-warning-a1 {
-  --tw-ring-color: var(--yellow-a1);
-}
-
-@utility ring-pending-a1 {
-  --tw-ring-color: var(--yellow-a1);
-}
-
-@utility stroke-yellow-a1 {
-  stroke: var(--yellow-a1);
-}
-
-@utility stroke-warning-a1 {
-  stroke: var(--yellow-a1);
-}
-
-@utility stroke-pending-a1 {
-  stroke: var(--yellow-a1);
-}
-
-@utility fill-yellow-a1 {
-  fill: var(--yellow-a1);
-}
-
-@utility fill-warning-a1 {
-  fill: var(--yellow-a1);
-}
-
-@utility fill-pending-a1 {
-  fill: var(--yellow-a1);
-}
-
-@utility placeholder-yellow-a1 {
-  &::placeholder {
-    color: var(--yellow-a1);
-  }
-}
-
-@utility placeholder-warning-a1 {
-  &::placeholder {
-    color: var(--yellow-a1);
-  }
-}
-
-@utility placeholder-pending-a1 {
-  &::placeholder {
-    color: var(--yellow-a1);
-  }
-}
-
-@utility caret-yellow-a1 {
-  caret-color: var(--yellow-a1);
-}
-
-@utility caret-warning-a1 {
-  caret-color: var(--yellow-a1);
-}
-
-@utility caret-pending-a1 {
-  caret-color: var(--yellow-a1);
-}
-
-@utility outline-yellow-a1 {
-  outline-color: var(--yellow-a1);
-}
-
-@utility outline-warning-a1 {
-  outline-color: var(--yellow-a1);
-}
-
-@utility outline-pending-a1 {
-  outline-color: var(--yellow-a1);
-}
-
-@utility decoration-yellow-a1 {
-  text-decoration-color: var(--yellow-a1);
-}
-
-@utility decoration-warning-a1 {
-  text-decoration-color: var(--yellow-a1);
-}
-
-@utility decoration-pending-a1 {
-  text-decoration-color: var(--yellow-a1);
+@theme inline {
+  --color-yellow-a1: var(--yellow-a1);
+  --color-warning-a1: var(--yellow-a1);
+  --color-pending-a1: var(--yellow-a1);
+  --color-yellow-a2: var(--yellow-a2);
+  --color-warning-a2: var(--yellow-a2);
+  --color-pending-a2: var(--yellow-a2);
+  --color-yellow-a3: var(--yellow-a3);
+  --color-warning-a3: var(--yellow-a3);
+  --color-pending-a3: var(--yellow-a3);
+  --color-yellow-a4: var(--yellow-a4);
+  --color-warning-a4: var(--yellow-a4);
+  --color-pending-a4: var(--yellow-a4);
+  --color-yellow-a5: var(--yellow-a5);
+  --color-warning-a5: var(--yellow-a5);
+  --color-pending-a5: var(--yellow-a5);
+  --color-yellow-a6: var(--yellow-a6);
+  --color-warning-a6: var(--yellow-a6);
+  --color-pending-a6: var(--yellow-a6);
+  --color-yellow-a7: var(--yellow-a7);
+  --color-warning-a7: var(--yellow-a7);
+  --color-pending-a7: var(--yellow-a7);
+  --color-yellow-a8: var(--yellow-a8);
+  --color-warning-a8: var(--yellow-a8);
+  --color-pending-a8: var(--yellow-a8);
+  --color-yellow-a9: var(--yellow-a9);
+  --color-warning-a9: var(--yellow-a9);
+  --color-pending-a9: var(--yellow-a9);
+  --color-yellow-a10: var(--yellow-a10);
+  --color-warning-a10: var(--yellow-a10);
+  --color-pending-a10: var(--yellow-a10);
+  --color-yellow-a11: var(--yellow-a11);
+  --color-warning-a11: var(--yellow-a11);
+  --color-pending-a11: var(--yellow-a11);
+  --color-yellow-a12: var(--yellow-a12);
+  --color-warning-a12: var(--yellow-a12);
+  --color-pending-a12: var(--yellow-a12);
 }
 
 @utility brand-yellow-alpha {
@@ -236,1587 +131,3 @@
   --neutral-a11: var(--yellow-a11);
   --neutral-a12: var(--yellow-a12);
 }
-
-@utility bg-yellow-a2 {
-  background-color: var(--yellow-a2);
-}
-
-@utility bg-warning-a2 {
-  background-color: var(--yellow-a2);
-}
-
-@utility bg-pending-a2 {
-  background-color: var(--yellow-a2);
-}
-
-@utility text-yellow-a2 {
-  color: var(--yellow-a2);
-}
-
-@utility text-warning-a2 {
-  color: var(--yellow-a2);
-}
-
-@utility text-pending-a2 {
-  color: var(--yellow-a2);
-}
-
-@utility border-yellow-a2 {
-  border-color: var(--yellow-a2);
-}
-
-@utility border-warning-a2 {
-  border-color: var(--yellow-a2);
-}
-
-@utility border-pending-a2 {
-  border-color: var(--yellow-a2);
-}
-
-@utility divide-yellow-a2 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a2);
-  }
-}
-
-@utility divide-warning-a2 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a2);
-  }
-}
-
-@utility divide-pending-a2 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a2);
-  }
-}
-
-@utility ring-yellow-a2 {
-  --tw-ring-color: var(--yellow-a2);
-}
-
-@utility ring-warning-a2 {
-  --tw-ring-color: var(--yellow-a2);
-}
-
-@utility ring-pending-a2 {
-  --tw-ring-color: var(--yellow-a2);
-}
-
-@utility stroke-yellow-a2 {
-  stroke: var(--yellow-a2);
-}
-
-@utility stroke-warning-a2 {
-  stroke: var(--yellow-a2);
-}
-
-@utility stroke-pending-a2 {
-  stroke: var(--yellow-a2);
-}
-
-@utility fill-yellow-a2 {
-  fill: var(--yellow-a2);
-}
-
-@utility fill-warning-a2 {
-  fill: var(--yellow-a2);
-}
-
-@utility fill-pending-a2 {
-  fill: var(--yellow-a2);
-}
-
-@utility placeholder-yellow-a2 {
-  &::placeholder {
-    color: var(--yellow-a2);
-  }
-}
-
-@utility placeholder-warning-a2 {
-  &::placeholder {
-    color: var(--yellow-a2);
-  }
-}
-
-@utility placeholder-pending-a2 {
-  &::placeholder {
-    color: var(--yellow-a2);
-  }
-}
-
-@utility caret-yellow-a2 {
-  caret-color: var(--yellow-a2);
-}
-
-@utility caret-warning-a2 {
-  caret-color: var(--yellow-a2);
-}
-
-@utility caret-pending-a2 {
-  caret-color: var(--yellow-a2);
-}
-
-@utility outline-yellow-a2 {
-  outline-color: var(--yellow-a2);
-}
-
-@utility outline-warning-a2 {
-  outline-color: var(--yellow-a2);
-}
-
-@utility outline-pending-a2 {
-  outline-color: var(--yellow-a2);
-}
-
-@utility decoration-yellow-a2 {
-  text-decoration-color: var(--yellow-a2);
-}
-
-@utility decoration-warning-a2 {
-  text-decoration-color: var(--yellow-a2);
-}
-
-@utility decoration-pending-a2 {
-  text-decoration-color: var(--yellow-a2);
-}
-
-@utility bg-yellow-a3 {
-  background-color: var(--yellow-a3);
-}
-
-@utility bg-warning-a3 {
-  background-color: var(--yellow-a3);
-}
-
-@utility bg-pending-a3 {
-  background-color: var(--yellow-a3);
-}
-
-@utility text-yellow-a3 {
-  color: var(--yellow-a3);
-}
-
-@utility text-warning-a3 {
-  color: var(--yellow-a3);
-}
-
-@utility text-pending-a3 {
-  color: var(--yellow-a3);
-}
-
-@utility border-yellow-a3 {
-  border-color: var(--yellow-a3);
-}
-
-@utility border-warning-a3 {
-  border-color: var(--yellow-a3);
-}
-
-@utility border-pending-a3 {
-  border-color: var(--yellow-a3);
-}
-
-@utility divide-yellow-a3 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a3);
-  }
-}
-
-@utility divide-warning-a3 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a3);
-  }
-}
-
-@utility divide-pending-a3 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a3);
-  }
-}
-
-@utility ring-yellow-a3 {
-  --tw-ring-color: var(--yellow-a3);
-}
-
-@utility ring-warning-a3 {
-  --tw-ring-color: var(--yellow-a3);
-}
-
-@utility ring-pending-a3 {
-  --tw-ring-color: var(--yellow-a3);
-}
-
-@utility stroke-yellow-a3 {
-  stroke: var(--yellow-a3);
-}
-
-@utility stroke-warning-a3 {
-  stroke: var(--yellow-a3);
-}
-
-@utility stroke-pending-a3 {
-  stroke: var(--yellow-a3);
-}
-
-@utility fill-yellow-a3 {
-  fill: var(--yellow-a3);
-}
-
-@utility fill-warning-a3 {
-  fill: var(--yellow-a3);
-}
-
-@utility fill-pending-a3 {
-  fill: var(--yellow-a3);
-}
-
-@utility placeholder-yellow-a3 {
-  &::placeholder {
-    color: var(--yellow-a3);
-  }
-}
-
-@utility placeholder-warning-a3 {
-  &::placeholder {
-    color: var(--yellow-a3);
-  }
-}
-
-@utility placeholder-pending-a3 {
-  &::placeholder {
-    color: var(--yellow-a3);
-  }
-}
-
-@utility caret-yellow-a3 {
-  caret-color: var(--yellow-a3);
-}
-
-@utility caret-warning-a3 {
-  caret-color: var(--yellow-a3);
-}
-
-@utility caret-pending-a3 {
-  caret-color: var(--yellow-a3);
-}
-
-@utility outline-yellow-a3 {
-  outline-color: var(--yellow-a3);
-}
-
-@utility outline-warning-a3 {
-  outline-color: var(--yellow-a3);
-}
-
-@utility outline-pending-a3 {
-  outline-color: var(--yellow-a3);
-}
-
-@utility decoration-yellow-a3 {
-  text-decoration-color: var(--yellow-a3);
-}
-
-@utility decoration-warning-a3 {
-  text-decoration-color: var(--yellow-a3);
-}
-
-@utility decoration-pending-a3 {
-  text-decoration-color: var(--yellow-a3);
-}
-
-@utility bg-yellow-a4 {
-  background-color: var(--yellow-a4);
-}
-
-@utility bg-warning-a4 {
-  background-color: var(--yellow-a4);
-}
-
-@utility bg-pending-a4 {
-  background-color: var(--yellow-a4);
-}
-
-@utility text-yellow-a4 {
-  color: var(--yellow-a4);
-}
-
-@utility text-warning-a4 {
-  color: var(--yellow-a4);
-}
-
-@utility text-pending-a4 {
-  color: var(--yellow-a4);
-}
-
-@utility border-yellow-a4 {
-  border-color: var(--yellow-a4);
-}
-
-@utility border-warning-a4 {
-  border-color: var(--yellow-a4);
-}
-
-@utility border-pending-a4 {
-  border-color: var(--yellow-a4);
-}
-
-@utility divide-yellow-a4 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a4);
-  }
-}
-
-@utility divide-warning-a4 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a4);
-  }
-}
-
-@utility divide-pending-a4 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a4);
-  }
-}
-
-@utility ring-yellow-a4 {
-  --tw-ring-color: var(--yellow-a4);
-}
-
-@utility ring-warning-a4 {
-  --tw-ring-color: var(--yellow-a4);
-}
-
-@utility ring-pending-a4 {
-  --tw-ring-color: var(--yellow-a4);
-}
-
-@utility stroke-yellow-a4 {
-  stroke: var(--yellow-a4);
-}
-
-@utility stroke-warning-a4 {
-  stroke: var(--yellow-a4);
-}
-
-@utility stroke-pending-a4 {
-  stroke: var(--yellow-a4);
-}
-
-@utility fill-yellow-a4 {
-  fill: var(--yellow-a4);
-}
-
-@utility fill-warning-a4 {
-  fill: var(--yellow-a4);
-}
-
-@utility fill-pending-a4 {
-  fill: var(--yellow-a4);
-}
-
-@utility placeholder-yellow-a4 {
-  &::placeholder {
-    color: var(--yellow-a4);
-  }
-}
-
-@utility placeholder-warning-a4 {
-  &::placeholder {
-    color: var(--yellow-a4);
-  }
-}
-
-@utility placeholder-pending-a4 {
-  &::placeholder {
-    color: var(--yellow-a4);
-  }
-}
-
-@utility caret-yellow-a4 {
-  caret-color: var(--yellow-a4);
-}
-
-@utility caret-warning-a4 {
-  caret-color: var(--yellow-a4);
-}
-
-@utility caret-pending-a4 {
-  caret-color: var(--yellow-a4);
-}
-
-@utility outline-yellow-a4 {
-  outline-color: var(--yellow-a4);
-}
-
-@utility outline-warning-a4 {
-  outline-color: var(--yellow-a4);
-}
-
-@utility outline-pending-a4 {
-  outline-color: var(--yellow-a4);
-}
-
-@utility decoration-yellow-a4 {
-  text-decoration-color: var(--yellow-a4);
-}
-
-@utility decoration-warning-a4 {
-  text-decoration-color: var(--yellow-a4);
-}
-
-@utility decoration-pending-a4 {
-  text-decoration-color: var(--yellow-a4);
-}
-
-@utility bg-yellow-a5 {
-  background-color: var(--yellow-a5);
-}
-
-@utility bg-warning-a5 {
-  background-color: var(--yellow-a5);
-}
-
-@utility bg-pending-a5 {
-  background-color: var(--yellow-a5);
-}
-
-@utility text-yellow-a5 {
-  color: var(--yellow-a5);
-}
-
-@utility text-warning-a5 {
-  color: var(--yellow-a5);
-}
-
-@utility text-pending-a5 {
-  color: var(--yellow-a5);
-}
-
-@utility border-yellow-a5 {
-  border-color: var(--yellow-a5);
-}
-
-@utility border-warning-a5 {
-  border-color: var(--yellow-a5);
-}
-
-@utility border-pending-a5 {
-  border-color: var(--yellow-a5);
-}
-
-@utility divide-yellow-a5 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a5);
-  }
-}
-
-@utility divide-warning-a5 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a5);
-  }
-}
-
-@utility divide-pending-a5 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a5);
-  }
-}
-
-@utility ring-yellow-a5 {
-  --tw-ring-color: var(--yellow-a5);
-}
-
-@utility ring-warning-a5 {
-  --tw-ring-color: var(--yellow-a5);
-}
-
-@utility ring-pending-a5 {
-  --tw-ring-color: var(--yellow-a5);
-}
-
-@utility stroke-yellow-a5 {
-  stroke: var(--yellow-a5);
-}
-
-@utility stroke-warning-a5 {
-  stroke: var(--yellow-a5);
-}
-
-@utility stroke-pending-a5 {
-  stroke: var(--yellow-a5);
-}
-
-@utility fill-yellow-a5 {
-  fill: var(--yellow-a5);
-}
-
-@utility fill-warning-a5 {
-  fill: var(--yellow-a5);
-}
-
-@utility fill-pending-a5 {
-  fill: var(--yellow-a5);
-}
-
-@utility placeholder-yellow-a5 {
-  &::placeholder {
-    color: var(--yellow-a5);
-  }
-}
-
-@utility placeholder-warning-a5 {
-  &::placeholder {
-    color: var(--yellow-a5);
-  }
-}
-
-@utility placeholder-pending-a5 {
-  &::placeholder {
-    color: var(--yellow-a5);
-  }
-}
-
-@utility caret-yellow-a5 {
-  caret-color: var(--yellow-a5);
-}
-
-@utility caret-warning-a5 {
-  caret-color: var(--yellow-a5);
-}
-
-@utility caret-pending-a5 {
-  caret-color: var(--yellow-a5);
-}
-
-@utility outline-yellow-a5 {
-  outline-color: var(--yellow-a5);
-}
-
-@utility outline-warning-a5 {
-  outline-color: var(--yellow-a5);
-}
-
-@utility outline-pending-a5 {
-  outline-color: var(--yellow-a5);
-}
-
-@utility decoration-yellow-a5 {
-  text-decoration-color: var(--yellow-a5);
-}
-
-@utility decoration-warning-a5 {
-  text-decoration-color: var(--yellow-a5);
-}
-
-@utility decoration-pending-a5 {
-  text-decoration-color: var(--yellow-a5);
-}
-
-@utility bg-yellow-a6 {
-  background-color: var(--yellow-a6);
-}
-
-@utility bg-warning-a6 {
-  background-color: var(--yellow-a6);
-}
-
-@utility bg-pending-a6 {
-  background-color: var(--yellow-a6);
-}
-
-@utility text-yellow-a6 {
-  color: var(--yellow-a6);
-}
-
-@utility text-warning-a6 {
-  color: var(--yellow-a6);
-}
-
-@utility text-pending-a6 {
-  color: var(--yellow-a6);
-}
-
-@utility border-yellow-a6 {
-  border-color: var(--yellow-a6);
-}
-
-@utility border-warning-a6 {
-  border-color: var(--yellow-a6);
-}
-
-@utility border-pending-a6 {
-  border-color: var(--yellow-a6);
-}
-
-@utility divide-yellow-a6 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a6);
-  }
-}
-
-@utility divide-warning-a6 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a6);
-  }
-}
-
-@utility divide-pending-a6 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a6);
-  }
-}
-
-@utility ring-yellow-a6 {
-  --tw-ring-color: var(--yellow-a6);
-}
-
-@utility ring-warning-a6 {
-  --tw-ring-color: var(--yellow-a6);
-}
-
-@utility ring-pending-a6 {
-  --tw-ring-color: var(--yellow-a6);
-}
-
-@utility stroke-yellow-a6 {
-  stroke: var(--yellow-a6);
-}
-
-@utility stroke-warning-a6 {
-  stroke: var(--yellow-a6);
-}
-
-@utility stroke-pending-a6 {
-  stroke: var(--yellow-a6);
-}
-
-@utility fill-yellow-a6 {
-  fill: var(--yellow-a6);
-}
-
-@utility fill-warning-a6 {
-  fill: var(--yellow-a6);
-}
-
-@utility fill-pending-a6 {
-  fill: var(--yellow-a6);
-}
-
-@utility placeholder-yellow-a6 {
-  &::placeholder {
-    color: var(--yellow-a6);
-  }
-}
-
-@utility placeholder-warning-a6 {
-  &::placeholder {
-    color: var(--yellow-a6);
-  }
-}
-
-@utility placeholder-pending-a6 {
-  &::placeholder {
-    color: var(--yellow-a6);
-  }
-}
-
-@utility caret-yellow-a6 {
-  caret-color: var(--yellow-a6);
-}
-
-@utility caret-warning-a6 {
-  caret-color: var(--yellow-a6);
-}
-
-@utility caret-pending-a6 {
-  caret-color: var(--yellow-a6);
-}
-
-@utility outline-yellow-a6 {
-  outline-color: var(--yellow-a6);
-}
-
-@utility outline-warning-a6 {
-  outline-color: var(--yellow-a6);
-}
-
-@utility outline-pending-a6 {
-  outline-color: var(--yellow-a6);
-}
-
-@utility decoration-yellow-a6 {
-  text-decoration-color: var(--yellow-a6);
-}
-
-@utility decoration-warning-a6 {
-  text-decoration-color: var(--yellow-a6);
-}
-
-@utility decoration-pending-a6 {
-  text-decoration-color: var(--yellow-a6);
-}
-
-@utility bg-yellow-a7 {
-  background-color: var(--yellow-a7);
-}
-
-@utility bg-warning-a7 {
-  background-color: var(--yellow-a7);
-}
-
-@utility bg-pending-a7 {
-  background-color: var(--yellow-a7);
-}
-
-@utility text-yellow-a7 {
-  color: var(--yellow-a7);
-}
-
-@utility text-warning-a7 {
-  color: var(--yellow-a7);
-}
-
-@utility text-pending-a7 {
-  color: var(--yellow-a7);
-}
-
-@utility border-yellow-a7 {
-  border-color: var(--yellow-a7);
-}
-
-@utility border-warning-a7 {
-  border-color: var(--yellow-a7);
-}
-
-@utility border-pending-a7 {
-  border-color: var(--yellow-a7);
-}
-
-@utility divide-yellow-a7 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a7);
-  }
-}
-
-@utility divide-warning-a7 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a7);
-  }
-}
-
-@utility divide-pending-a7 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a7);
-  }
-}
-
-@utility ring-yellow-a7 {
-  --tw-ring-color: var(--yellow-a7);
-}
-
-@utility ring-warning-a7 {
-  --tw-ring-color: var(--yellow-a7);
-}
-
-@utility ring-pending-a7 {
-  --tw-ring-color: var(--yellow-a7);
-}
-
-@utility stroke-yellow-a7 {
-  stroke: var(--yellow-a7);
-}
-
-@utility stroke-warning-a7 {
-  stroke: var(--yellow-a7);
-}
-
-@utility stroke-pending-a7 {
-  stroke: var(--yellow-a7);
-}
-
-@utility fill-yellow-a7 {
-  fill: var(--yellow-a7);
-}
-
-@utility fill-warning-a7 {
-  fill: var(--yellow-a7);
-}
-
-@utility fill-pending-a7 {
-  fill: var(--yellow-a7);
-}
-
-@utility placeholder-yellow-a7 {
-  &::placeholder {
-    color: var(--yellow-a7);
-  }
-}
-
-@utility placeholder-warning-a7 {
-  &::placeholder {
-    color: var(--yellow-a7);
-  }
-}
-
-@utility placeholder-pending-a7 {
-  &::placeholder {
-    color: var(--yellow-a7);
-  }
-}
-
-@utility caret-yellow-a7 {
-  caret-color: var(--yellow-a7);
-}
-
-@utility caret-warning-a7 {
-  caret-color: var(--yellow-a7);
-}
-
-@utility caret-pending-a7 {
-  caret-color: var(--yellow-a7);
-}
-
-@utility outline-yellow-a7 {
-  outline-color: var(--yellow-a7);
-}
-
-@utility outline-warning-a7 {
-  outline-color: var(--yellow-a7);
-}
-
-@utility outline-pending-a7 {
-  outline-color: var(--yellow-a7);
-}
-
-@utility decoration-yellow-a7 {
-  text-decoration-color: var(--yellow-a7);
-}
-
-@utility decoration-warning-a7 {
-  text-decoration-color: var(--yellow-a7);
-}
-
-@utility decoration-pending-a7 {
-  text-decoration-color: var(--yellow-a7);
-}
-
-@utility bg-yellow-a8 {
-  background-color: var(--yellow-a8);
-}
-
-@utility bg-warning-a8 {
-  background-color: var(--yellow-a8);
-}
-
-@utility bg-pending-a8 {
-  background-color: var(--yellow-a8);
-}
-
-@utility text-yellow-a8 {
-  color: var(--yellow-a8);
-}
-
-@utility text-warning-a8 {
-  color: var(--yellow-a8);
-}
-
-@utility text-pending-a8 {
-  color: var(--yellow-a8);
-}
-
-@utility border-yellow-a8 {
-  border-color: var(--yellow-a8);
-}
-
-@utility border-warning-a8 {
-  border-color: var(--yellow-a8);
-}
-
-@utility border-pending-a8 {
-  border-color: var(--yellow-a8);
-}
-
-@utility divide-yellow-a8 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a8);
-  }
-}
-
-@utility divide-warning-a8 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a8);
-  }
-}
-
-@utility divide-pending-a8 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a8);
-  }
-}
-
-@utility ring-yellow-a8 {
-  --tw-ring-color: var(--yellow-a8);
-}
-
-@utility ring-warning-a8 {
-  --tw-ring-color: var(--yellow-a8);
-}
-
-@utility ring-pending-a8 {
-  --tw-ring-color: var(--yellow-a8);
-}
-
-@utility stroke-yellow-a8 {
-  stroke: var(--yellow-a8);
-}
-
-@utility stroke-warning-a8 {
-  stroke: var(--yellow-a8);
-}
-
-@utility stroke-pending-a8 {
-  stroke: var(--yellow-a8);
-}
-
-@utility fill-yellow-a8 {
-  fill: var(--yellow-a8);
-}
-
-@utility fill-warning-a8 {
-  fill: var(--yellow-a8);
-}
-
-@utility fill-pending-a8 {
-  fill: var(--yellow-a8);
-}
-
-@utility placeholder-yellow-a8 {
-  &::placeholder {
-    color: var(--yellow-a8);
-  }
-}
-
-@utility placeholder-warning-a8 {
-  &::placeholder {
-    color: var(--yellow-a8);
-  }
-}
-
-@utility placeholder-pending-a8 {
-  &::placeholder {
-    color: var(--yellow-a8);
-  }
-}
-
-@utility caret-yellow-a8 {
-  caret-color: var(--yellow-a8);
-}
-
-@utility caret-warning-a8 {
-  caret-color: var(--yellow-a8);
-}
-
-@utility caret-pending-a8 {
-  caret-color: var(--yellow-a8);
-}
-
-@utility outline-yellow-a8 {
-  outline-color: var(--yellow-a8);
-}
-
-@utility outline-warning-a8 {
-  outline-color: var(--yellow-a8);
-}
-
-@utility outline-pending-a8 {
-  outline-color: var(--yellow-a8);
-}
-
-@utility decoration-yellow-a8 {
-  text-decoration-color: var(--yellow-a8);
-}
-
-@utility decoration-warning-a8 {
-  text-decoration-color: var(--yellow-a8);
-}
-
-@utility decoration-pending-a8 {
-  text-decoration-color: var(--yellow-a8);
-}
-
-@utility bg-yellow-a9 {
-  background-color: var(--yellow-a9);
-}
-
-@utility bg-warning-a9 {
-  background-color: var(--yellow-a9);
-}
-
-@utility bg-pending-a9 {
-  background-color: var(--yellow-a9);
-}
-
-@utility text-yellow-a9 {
-  color: var(--yellow-a9);
-}
-
-@utility text-warning-a9 {
-  color: var(--yellow-a9);
-}
-
-@utility text-pending-a9 {
-  color: var(--yellow-a9);
-}
-
-@utility border-yellow-a9 {
-  border-color: var(--yellow-a9);
-}
-
-@utility border-warning-a9 {
-  border-color: var(--yellow-a9);
-}
-
-@utility border-pending-a9 {
-  border-color: var(--yellow-a9);
-}
-
-@utility divide-yellow-a9 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a9);
-  }
-}
-
-@utility divide-warning-a9 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a9);
-  }
-}
-
-@utility divide-pending-a9 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a9);
-  }
-}
-
-@utility ring-yellow-a9 {
-  --tw-ring-color: var(--yellow-a9);
-}
-
-@utility ring-warning-a9 {
-  --tw-ring-color: var(--yellow-a9);
-}
-
-@utility ring-pending-a9 {
-  --tw-ring-color: var(--yellow-a9);
-}
-
-@utility stroke-yellow-a9 {
-  stroke: var(--yellow-a9);
-}
-
-@utility stroke-warning-a9 {
-  stroke: var(--yellow-a9);
-}
-
-@utility stroke-pending-a9 {
-  stroke: var(--yellow-a9);
-}
-
-@utility fill-yellow-a9 {
-  fill: var(--yellow-a9);
-}
-
-@utility fill-warning-a9 {
-  fill: var(--yellow-a9);
-}
-
-@utility fill-pending-a9 {
-  fill: var(--yellow-a9);
-}
-
-@utility placeholder-yellow-a9 {
-  &::placeholder {
-    color: var(--yellow-a9);
-  }
-}
-
-@utility placeholder-warning-a9 {
-  &::placeholder {
-    color: var(--yellow-a9);
-  }
-}
-
-@utility placeholder-pending-a9 {
-  &::placeholder {
-    color: var(--yellow-a9);
-  }
-}
-
-@utility caret-yellow-a9 {
-  caret-color: var(--yellow-a9);
-}
-
-@utility caret-warning-a9 {
-  caret-color: var(--yellow-a9);
-}
-
-@utility caret-pending-a9 {
-  caret-color: var(--yellow-a9);
-}
-
-@utility outline-yellow-a9 {
-  outline-color: var(--yellow-a9);
-}
-
-@utility outline-warning-a9 {
-  outline-color: var(--yellow-a9);
-}
-
-@utility outline-pending-a9 {
-  outline-color: var(--yellow-a9);
-}
-
-@utility decoration-yellow-a9 {
-  text-decoration-color: var(--yellow-a9);
-}
-
-@utility decoration-warning-a9 {
-  text-decoration-color: var(--yellow-a9);
-}
-
-@utility decoration-pending-a9 {
-  text-decoration-color: var(--yellow-a9);
-}
-
-@utility bg-yellow-a10 {
-  background-color: var(--yellow-a10);
-}
-
-@utility bg-warning-a10 {
-  background-color: var(--yellow-a10);
-}
-
-@utility bg-pending-a10 {
-  background-color: var(--yellow-a10);
-}
-
-@utility text-yellow-a10 {
-  color: var(--yellow-a10);
-}
-
-@utility text-warning-a10 {
-  color: var(--yellow-a10);
-}
-
-@utility text-pending-a10 {
-  color: var(--yellow-a10);
-}
-
-@utility border-yellow-a10 {
-  border-color: var(--yellow-a10);
-}
-
-@utility border-warning-a10 {
-  border-color: var(--yellow-a10);
-}
-
-@utility border-pending-a10 {
-  border-color: var(--yellow-a10);
-}
-
-@utility divide-yellow-a10 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a10);
-  }
-}
-
-@utility divide-warning-a10 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a10);
-  }
-}
-
-@utility divide-pending-a10 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a10);
-  }
-}
-
-@utility ring-yellow-a10 {
-  --tw-ring-color: var(--yellow-a10);
-}
-
-@utility ring-warning-a10 {
-  --tw-ring-color: var(--yellow-a10);
-}
-
-@utility ring-pending-a10 {
-  --tw-ring-color: var(--yellow-a10);
-}
-
-@utility stroke-yellow-a10 {
-  stroke: var(--yellow-a10);
-}
-
-@utility stroke-warning-a10 {
-  stroke: var(--yellow-a10);
-}
-
-@utility stroke-pending-a10 {
-  stroke: var(--yellow-a10);
-}
-
-@utility fill-yellow-a10 {
-  fill: var(--yellow-a10);
-}
-
-@utility fill-warning-a10 {
-  fill: var(--yellow-a10);
-}
-
-@utility fill-pending-a10 {
-  fill: var(--yellow-a10);
-}
-
-@utility placeholder-yellow-a10 {
-  &::placeholder {
-    color: var(--yellow-a10);
-  }
-}
-
-@utility placeholder-warning-a10 {
-  &::placeholder {
-    color: var(--yellow-a10);
-  }
-}
-
-@utility placeholder-pending-a10 {
-  &::placeholder {
-    color: var(--yellow-a10);
-  }
-}
-
-@utility caret-yellow-a10 {
-  caret-color: var(--yellow-a10);
-}
-
-@utility caret-warning-a10 {
-  caret-color: var(--yellow-a10);
-}
-
-@utility caret-pending-a10 {
-  caret-color: var(--yellow-a10);
-}
-
-@utility outline-yellow-a10 {
-  outline-color: var(--yellow-a10);
-}
-
-@utility outline-warning-a10 {
-  outline-color: var(--yellow-a10);
-}
-
-@utility outline-pending-a10 {
-  outline-color: var(--yellow-a10);
-}
-
-@utility decoration-yellow-a10 {
-  text-decoration-color: var(--yellow-a10);
-}
-
-@utility decoration-warning-a10 {
-  text-decoration-color: var(--yellow-a10);
-}
-
-@utility decoration-pending-a10 {
-  text-decoration-color: var(--yellow-a10);
-}
-
-@utility bg-yellow-a11 {
-  background-color: var(--yellow-a11);
-}
-
-@utility bg-warning-a11 {
-  background-color: var(--yellow-a11);
-}
-
-@utility bg-pending-a11 {
-  background-color: var(--yellow-a11);
-}
-
-@utility text-yellow-a11 {
-  color: var(--yellow-a11);
-}
-
-@utility text-warning-a11 {
-  color: var(--yellow-a11);
-}
-
-@utility text-pending-a11 {
-  color: var(--yellow-a11);
-}
-
-@utility border-yellow-a11 {
-  border-color: var(--yellow-a11);
-}
-
-@utility border-warning-a11 {
-  border-color: var(--yellow-a11);
-}
-
-@utility border-pending-a11 {
-  border-color: var(--yellow-a11);
-}
-
-@utility divide-yellow-a11 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a11);
-  }
-}
-
-@utility divide-warning-a11 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a11);
-  }
-}
-
-@utility divide-pending-a11 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a11);
-  }
-}
-
-@utility ring-yellow-a11 {
-  --tw-ring-color: var(--yellow-a11);
-}
-
-@utility ring-warning-a11 {
-  --tw-ring-color: var(--yellow-a11);
-}
-
-@utility ring-pending-a11 {
-  --tw-ring-color: var(--yellow-a11);
-}
-
-@utility stroke-yellow-a11 {
-  stroke: var(--yellow-a11);
-}
-
-@utility stroke-warning-a11 {
-  stroke: var(--yellow-a11);
-}
-
-@utility stroke-pending-a11 {
-  stroke: var(--yellow-a11);
-}
-
-@utility fill-yellow-a11 {
-  fill: var(--yellow-a11);
-}
-
-@utility fill-warning-a11 {
-  fill: var(--yellow-a11);
-}
-
-@utility fill-pending-a11 {
-  fill: var(--yellow-a11);
-}
-
-@utility placeholder-yellow-a11 {
-  &::placeholder {
-    color: var(--yellow-a11);
-  }
-}
-
-@utility placeholder-warning-a11 {
-  &::placeholder {
-    color: var(--yellow-a11);
-  }
-}
-
-@utility placeholder-pending-a11 {
-  &::placeholder {
-    color: var(--yellow-a11);
-  }
-}
-
-@utility caret-yellow-a11 {
-  caret-color: var(--yellow-a11);
-}
-
-@utility caret-warning-a11 {
-  caret-color: var(--yellow-a11);
-}
-
-@utility caret-pending-a11 {
-  caret-color: var(--yellow-a11);
-}
-
-@utility outline-yellow-a11 {
-  outline-color: var(--yellow-a11);
-}
-
-@utility outline-warning-a11 {
-  outline-color: var(--yellow-a11);
-}
-
-@utility outline-pending-a11 {
-  outline-color: var(--yellow-a11);
-}
-
-@utility decoration-yellow-a11 {
-  text-decoration-color: var(--yellow-a11);
-}
-
-@utility decoration-warning-a11 {
-  text-decoration-color: var(--yellow-a11);
-}
-
-@utility decoration-pending-a11 {
-  text-decoration-color: var(--yellow-a11);
-}
-
-@utility bg-yellow-a12 {
-  background-color: var(--yellow-a12);
-}
-
-@utility bg-warning-a12 {
-  background-color: var(--yellow-a12);
-}
-
-@utility bg-pending-a12 {
-  background-color: var(--yellow-a12);
-}
-
-@utility text-yellow-a12 {
-  color: var(--yellow-a12);
-}
-
-@utility text-warning-a12 {
-  color: var(--yellow-a12);
-}
-
-@utility text-pending-a12 {
-  color: var(--yellow-a12);
-}
-
-@utility border-yellow-a12 {
-  border-color: var(--yellow-a12);
-}
-
-@utility border-warning-a12 {
-  border-color: var(--yellow-a12);
-}
-
-@utility border-pending-a12 {
-  border-color: var(--yellow-a12);
-}
-
-@utility divide-yellow-a12 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a12);
-  }
-}
-
-@utility divide-warning-a12 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a12);
-  }
-}
-
-@utility divide-pending-a12 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--yellow-a12);
-  }
-}
-
-@utility ring-yellow-a12 {
-  --tw-ring-color: var(--yellow-a12);
-}
-
-@utility ring-warning-a12 {
-  --tw-ring-color: var(--yellow-a12);
-}
-
-@utility ring-pending-a12 {
-  --tw-ring-color: var(--yellow-a12);
-}
-
-@utility stroke-yellow-a12 {
-  stroke: var(--yellow-a12);
-}
-
-@utility stroke-warning-a12 {
-  stroke: var(--yellow-a12);
-}
-
-@utility stroke-pending-a12 {
-  stroke: var(--yellow-a12);
-}
-
-@utility fill-yellow-a12 {
-  fill: var(--yellow-a12);
-}
-
-@utility fill-warning-a12 {
-  fill: var(--yellow-a12);
-}
-
-@utility fill-pending-a12 {
-  fill: var(--yellow-a12);
-}
-
-@utility placeholder-yellow-a12 {
-  &::placeholder {
-    color: var(--yellow-a12);
-  }
-}
-
-@utility placeholder-warning-a12 {
-  &::placeholder {
-    color: var(--yellow-a12);
-  }
-}
-
-@utility placeholder-pending-a12 {
-  &::placeholder {
-    color: var(--yellow-a12);
-  }
-}
-
-@utility caret-yellow-a12 {
-  caret-color: var(--yellow-a12);
-}
-
-@utility caret-warning-a12 {
-  caret-color: var(--yellow-a12);
-}
-
-@utility caret-pending-a12 {
-  caret-color: var(--yellow-a12);
-}
-
-@utility outline-yellow-a12 {
-  outline-color: var(--yellow-a12);
-}
-
-@utility outline-warning-a12 {
-  outline-color: var(--yellow-a12);
-}
-
-@utility outline-pending-a12 {
-  outline-color: var(--yellow-a12);
-}
-
-@utility decoration-yellow-a12 {
-  text-decoration-color: var(--yellow-a12);
-}
-
-@utility decoration-warning-a12 {
-  text-decoration-color: var(--yellow-a12);
-}
-
-@utility decoration-pending-a12 {
-  text-decoration-color: var(--yellow-a12);
-}