@typlog/ui 0.13.1 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typlog/ui",
-  "version": "0.13.1",
+  "version": "0.14.0",
   "license": "MIT",
   "type": "module",
   "description": "Themed components for Reka UI with Radix colors.",

package/tailwind.css

@@ -14,6 +14,7 @@
     border-color: var(--gray-a4);
   }
 }
+
 @theme {
   --color-amber-1: var(--amber-1);
   --color-amber-2: var(--amber-2);
@@ -46,6 +47,7 @@
   --color-amber-indicator: var(--amber-indicator);
   --color-amber-track: var(--amber-track);
 }
+
 @theme {
   --color-blue-1: var(--blue-1);
   --color-blue-2: var(--blue-2);
@@ -78,6 +80,7 @@
   --color-blue-indicator: var(--blue-indicator);
   --color-blue-track: var(--blue-track);
 }
+
 @theme {
   --color-bronze-1: var(--bronze-1);
   --color-bronze-2: var(--bronze-2);
@@ -110,6 +113,7 @@
   --color-bronze-indicator: var(--bronze-indicator);
   --color-bronze-track: var(--bronze-track);
 }
+
 @theme {
   --color-brown-1: var(--brown-1);
   --color-brown-2: var(--brown-2);
@@ -142,6 +146,7 @@
   --color-brown-indicator: var(--brown-indicator);
   --color-brown-track: var(--brown-track);
 }
+
 @theme {
   --color-crimson-1: var(--crimson-1);
   --color-crimson-2: var(--crimson-2);
@@ -174,6 +179,7 @@
   --color-crimson-indicator: var(--crimson-indicator);
   --color-crimson-track: var(--crimson-track);
 }
+
 @theme {
   --color-cyan-1: var(--cyan-1);
   --color-cyan-2: var(--cyan-2);
@@ -206,6 +212,7 @@
   --color-cyan-indicator: var(--cyan-indicator);
   --color-cyan-track: var(--cyan-track);
 }
+
 @theme {
   --color-gold-1: var(--gold-1);
   --color-gold-2: var(--gold-2);
@@ -238,6 +245,7 @@
   --color-gold-indicator: var(--gold-indicator);
   --color-gold-track: var(--gold-track);
 }
+
 @theme {
   --color-grass-1: var(--grass-1);
   --color-grass-2: var(--grass-2);
@@ -270,6 +278,7 @@
   --color-grass-indicator: var(--grass-indicator);
   --color-grass-track: var(--grass-track);
 }
+
 @theme {
   --color-gray-1: var(--gray-1);
   --color-gray-2: var(--gray-2);
@@ -302,6 +311,7 @@
   --color-gray-indicator: var(--gray-indicator);
   --color-gray-track: var(--gray-track);
 }
+
 @theme {
   --color-green-1: var(--green-1);
   --color-green-2: var(--green-2);
@@ -334,6 +344,7 @@
   --color-green-indicator: var(--green-indicator);
   --color-green-track: var(--green-track);
 }
+
 @theme {
   --color-indigo-1: var(--indigo-1);
   --color-indigo-2: var(--indigo-2);
@@ -366,6 +377,7 @@
   --color-indigo-indicator: var(--indigo-indicator);
   --color-indigo-track: var(--indigo-track);
 }
+
 @theme {
   --color-iris-1: var(--iris-1);
   --color-iris-2: var(--iris-2);
@@ -398,6 +410,7 @@
   --color-iris-indicator: var(--iris-indicator);
   --color-iris-track: var(--iris-track);
 }
+
 @theme {
   --color-jade-1: var(--jade-1);
   --color-jade-2: var(--jade-2);
@@ -430,6 +443,7 @@
   --color-jade-indicator: var(--jade-indicator);
   --color-jade-track: var(--jade-track);
 }
+
 @theme {
   --color-lime-1: var(--lime-1);
   --color-lime-2: var(--lime-2);
@@ -462,6 +476,7 @@
   --color-lime-indicator: var(--lime-indicator);
   --color-lime-track: var(--lime-track);
 }
+
 @theme {
   --color-mint-1: var(--mint-1);
   --color-mint-2: var(--mint-2);
@@ -494,6 +509,7 @@
   --color-mint-indicator: var(--mint-indicator);
   --color-mint-track: var(--mint-track);
 }
+
 @theme {
   --color-orange-1: var(--orange-1);
   --color-orange-2: var(--orange-2);
@@ -526,6 +542,7 @@
   --color-orange-indicator: var(--orange-indicator);
   --color-orange-track: var(--orange-track);
 }
+
 @theme {
   --color-pink-1: var(--pink-1);
   --color-pink-2: var(--pink-2);
@@ -558,6 +575,7 @@
   --color-pink-indicator: var(--pink-indicator);
   --color-pink-track: var(--pink-track);
 }
+
 @theme {
   --color-plum-1: var(--plum-1);
   --color-plum-2: var(--plum-2);
@@ -590,6 +608,7 @@
   --color-plum-indicator: var(--plum-indicator);
   --color-plum-track: var(--plum-track);
 }
+
 @theme {
   --color-purple-1: var(--purple-1);
   --color-purple-2: var(--purple-2);
@@ -622,6 +641,7 @@
   --color-purple-indicator: var(--purple-indicator);
   --color-purple-track: var(--purple-track);
 }
+
 @theme {
   --color-red-1: var(--red-1);
   --color-red-2: var(--red-2);
@@ -654,6 +674,7 @@
   --color-red-indicator: var(--red-indicator);
   --color-red-track: var(--red-track);
 }
+
 @theme {
   --color-ruby-1: var(--ruby-1);
   --color-ruby-2: var(--ruby-2);
@@ -686,6 +707,7 @@
   --color-ruby-indicator: var(--ruby-indicator);
   --color-ruby-track: var(--ruby-track);
 }
+
 @theme {
   --color-sky-1: var(--sky-1);
   --color-sky-2: var(--sky-2);
@@ -718,6 +740,7 @@
   --color-sky-indicator: var(--sky-indicator);
   --color-sky-track: var(--sky-track);
 }
+
 @theme {
   --color-teal-1: var(--teal-1);
   --color-teal-2: var(--teal-2);
@@ -750,6 +773,7 @@
   --color-teal-indicator: var(--teal-indicator);
   --color-teal-track: var(--teal-track);
 }
+
 @theme {
   --color-tomato-1: var(--tomato-1);
   --color-tomato-2: var(--tomato-2);
@@ -782,6 +806,7 @@
   --color-tomato-indicator: var(--tomato-indicator);
   --color-tomato-track: var(--tomato-track);
 }
+
 @theme {
   --color-violet-1: var(--violet-1);
   --color-violet-2: var(--violet-2);
@@ -814,6 +839,7 @@
   --color-violet-indicator: var(--violet-indicator);
   --color-violet-track: var(--violet-track);
 }
+
 @theme {
   --color-yellow-1: var(--yellow-1);
   --color-yellow-2: var(--yellow-2);
@@ -846,6 +872,8 @@
   --color-yellow-indicator: var(--yellow-indicator);
   --color-yellow-track: var(--yellow-track);
 }
+
+
 .radix-ui :where([data-gray-color='mauve']) {
   --color-mauve-1: var(--mauve-1);
   --color-mauve-2: var(--mauve-2);
@@ -878,6 +906,7 @@
   --color-mauve-indicator: var(--mauve-indicator);
   --color-mauve-track: var(--mauve-track);
 }
+
 @theme {
   --color-olive-1: var(--olive-1);
   --color-olive-2: var(--olive-2);
@@ -910,6 +939,7 @@
   --color-olive-indicator: var(--olive-indicator);
   --color-olive-track: var(--olive-track);
 }
+
 @theme {
   --color-sage-1: var(--sage-1);
   --color-sage-2: var(--sage-2);
@@ -942,6 +972,7 @@
   --color-sage-indicator: var(--sage-indicator);
   --color-sage-track: var(--sage-track);
 }
+
 @theme {
   --color-sand-1: var(--sand-1);
   --color-sand-2: var(--sand-2);
@@ -974,6 +1005,7 @@
   --color-sand-indicator: var(--sand-indicator);
   --color-sand-track: var(--sand-track);
 }
+
 @theme {
   --color-slate-1: var(--slate-1);
   --color-slate-2: var(--slate-2);
@@ -1006,6 +1038,7 @@
   --color-slate-indicator: var(--slate-indicator);
   --color-slate-track: var(--slate-track);
 }
+
 @theme {
   --color-transparent: transparent;
   --color-black: #000;