@typlog/ui 0.14.0 → 0.15.0

package/base.css

@@ -31,6 +31,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --gray-1: #111111;
   --gray-2: #191919;
@@ -64,6 +65,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --gray-a1: #00000003;
   --gray-a2: #00000006;
@@ -97,6 +99,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --gray-a1: #00000000;
   --gray-a2: #ffffff09;
@@ -159,6 +162,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --mauve-1: #fdfcfd;
   --mauve-2: #faf9fb;
@@ -192,6 +196,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --mauve-1: #121113;
   --mauve-2: #1a191b;
@@ -225,6 +230,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --mauve-a1: #55005503;
   --mauve-a2: #2b005506;
@@ -258,6 +264,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --mauve-a1: #00000000;
   --mauve-a2: #f5f4f609;
@@ -320,6 +327,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --slate-1: #fcfcfd;
   --slate-2: #f9f9fb;
@@ -353,6 +361,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --slate-1: #111113;
   --slate-2: #18191b;
@@ -386,6 +395,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --slate-a1: #00005503;
   --slate-a2: #00005506;
@@ -419,6 +429,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --slate-a1: #00000000;
   --slate-a2: #d8f4f609;
@@ -481,6 +492,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --sage-1: #fbfdfc;
   --sage-2: #f7f9f8;
@@ -514,6 +526,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --sage-1: #101211;
   --sage-2: #171918;
@@ -547,6 +560,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --sage-a1: #00804004;
   --sage-a2: #00402008;
@@ -580,6 +594,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --sage-a1: #00000000;
   --sage-a2: #f0f2f108;
@@ -642,6 +657,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --olive-1: #fcfdfc;
   --olive-2: #f8faf8;
@@ -675,6 +691,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --olive-1: #111210;
   --olive-2: #181917;
@@ -708,6 +725,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --olive-a1: #00550003;
   --olive-a2: #00490007;
@@ -741,6 +759,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --olive-a1: #00000000;
   --olive-a2: #f1f2f008;
@@ -803,6 +822,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --sand-1: #fdfdfc;
   --sand-2: #f9f9f8;
@@ -836,6 +856,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --sand-1: #111110;
   --sand-2: #191918;
@@ -869,6 +890,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --sand-a1: #55550003;
   --sand-a2: #25250007;
@@ -902,6 +924,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --sand-a1: #00000000;
   --sand-a2: #f4f4f309;
@@ -998,6 +1021,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --amber-1: #16120c;
   --amber-2: #1d180f;
@@ -1031,6 +1055,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --amber-a1: #c0800004;
   --amber-a2: #f4d10016;
@@ -1064,6 +1089,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --amber-a1: #e63c0006;
   --amber-a2: #fd9b000d;
@@ -1129,6 +1155,7 @@
     --amber-track: color-mix(in oklab, var(--amber-8), var(--amber-9) 75%);
   }
 }
+
 :root, .light, .light-theme {
   --blue-1: #fbfdff;
   --blue-2: #f4faff;
@@ -1162,6 +1189,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --blue-1: #0d1520;
   --blue-2: #111927;
@@ -1195,6 +1223,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --blue-a1: #0080ff04;
   --blue-a2: #008cff0b;
@@ -1228,6 +1257,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --blue-a1: #004df211;
   --blue-a2: #1166fb18;
@@ -1290,6 +1320,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --bronze-1: #fdfcfc;
   --bronze-2: #fdf7f5;
@@ -1323,6 +1354,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --bronze-1: #141110;
   --bronze-2: #1c1917;
@@ -1356,6 +1388,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --bronze-a1: #55000003;
   --bronze-a2: #cc33000a;
@@ -1389,6 +1422,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --bronze-a1: #d1110004;
   --bronze-a2: #fbbc910c;
@@ -1451,6 +1485,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --brown-1: #fefdfc;
   --brown-2: #fcf9f6;
@@ -1484,6 +1519,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --brown-1: #12110f;
   --brown-2: #1c1816;
@@ -1517,6 +1553,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --brown-a1: #aa550003;
   --brown-a2: #aa550009;
@@ -1550,6 +1587,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --brown-a1: #91110002;
   --brown-a2: #fba67c0c;
@@ -1612,6 +1650,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --crimson-1: #fffcfd;
   --crimson-2: #fef7f9;
@@ -1645,6 +1684,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --crimson-1: #191114;
   --crimson-2: #201318;
@@ -1678,6 +1718,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --crimson-a1: #ff005503;
   --crimson-a2: #e0004008;
@@ -1711,6 +1752,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --crimson-a1: #f4126709;
   --crimson-a2: #f22f7a11;
@@ -1773,6 +1815,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --cyan-1: #fafdfe;
   --cyan-2: #f2fafb;
@@ -1806,6 +1849,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --cyan-1: #0b161a;
   --cyan-2: #101b20;
@@ -1839,6 +1883,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --cyan-a1: #0099cc05;
   --cyan-a2: #009db10d;
@@ -1872,6 +1917,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --cyan-a1: #0091f70a;
   --cyan-a2: #02a7f211;
@@ -1934,6 +1980,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --gold-1: #fdfdfc;
   --gold-2: #faf9f2;
@@ -1967,6 +2014,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --gold-1: #121211;
   --gold-2: #1b1a17;
@@ -2000,6 +2048,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --gold-a1: #55550003;
   --gold-a2: #9d8a000d;
@@ -2033,6 +2082,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --gold-a1: #91911102;
   --gold-a2: #f9e29d0b;
@@ -2095,6 +2145,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --grass-1: #fbfefb;
   --grass-2: #f5fbf5;
@@ -2128,6 +2179,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --grass-1: #0e1511;
   --grass-2: #141a15;
@@ -2161,6 +2213,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --grass-a1: #00c00004;
   --grass-a2: #0099000a;
@@ -2194,6 +2247,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --grass-a1: #00de1205;
   --grass-a2: #5ef7780a;
@@ -2256,6 +2310,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --green-1: #fbfefc;
   --green-2: #f4fbf6;
@@ -2289,6 +2344,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --green-1: #0e1512;
   --green-2: #121b17;
@@ -2322,6 +2378,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --green-a1: #00c04004;
   --green-a2: #00a32f0b;
@@ -2355,6 +2412,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --green-a1: #00de4505;
   --green-a2: #29f99d0b;
@@ -2417,6 +2475,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --indigo-1: #fdfdfe;
   --indigo-2: #f7f9ff;
@@ -2450,6 +2509,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --indigo-1: #11131f;
   --indigo-2: #141726;
@@ -2483,6 +2543,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --indigo-a1: #00008002;
   --indigo-a2: #0040ff08;
@@ -2516,6 +2577,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --indigo-a1: #1133ff0f;
   --indigo-a2: #3354fa17;
@@ -2578,6 +2640,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --iris-1: #fdfdff;
   --iris-2: #f8f8ff;
@@ -2611,6 +2674,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --iris-1: #13131e;
   --iris-2: #171625;
@@ -2644,6 +2708,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --iris-a1: #0000ff02;
   --iris-a2: #0000ff07;
@@ -2677,6 +2742,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --iris-a1: #3636fe0e;
   --iris-a2: #564bf916;
@@ -2739,6 +2805,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --jade-1: #fbfefd;
   --jade-2: #f4fbf7;
@@ -2772,6 +2839,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --jade-1: #0d1512;
   --jade-2: #121c18;
@@ -2805,6 +2873,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --jade-a1: #00c08004;
   --jade-a2: #00a3460b;
@@ -2838,6 +2907,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --jade-a1: #00de4505;
   --jade-a2: #27fba60c;
@@ -2900,6 +2970,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --lime-1: #fcfdfa;
   --lime-2: #f8faf3;
@@ -2933,6 +3004,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --lime-1: #11130c;
   --lime-2: #151a10;
@@ -2966,6 +3038,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --lime-a1: #66990005;
   --lime-a2: #6b95000c;
@@ -2999,6 +3072,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --lime-a1: #11bb0003;
   --lime-a2: #78f7000a;
@@ -3064,6 +3138,7 @@
     --lime-track: color-mix(in oklab, var(--lime-8), var(--lime-9) 65%);
   }
 }
+
 :root, .light, .light-theme {
   --mint-1: #f9fefd;
   --mint-2: #f2fbf9;
@@ -3097,6 +3172,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --mint-1: #0e1515;
   --mint-2: #0f1b1b;
@@ -3130,6 +3206,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --mint-a1: #00d5aa06;
   --mint-a2: #00b18a0d;
@@ -3163,6 +3240,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --mint-a1: #00dede05;
   --mint-a2: #00f9f90b;
@@ -3228,6 +3306,7 @@
     --mint-track: color-mix(in oklab, var(--mint-8), var(--mint-9) 65%);
   }
 }
+
 :root, .light, .light-theme {
   --orange-1: #fefcfb;
   --orange-2: #fff7ed;
@@ -3261,6 +3340,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --orange-1: #17120e;
   --orange-2: #1e160f;
@@ -3294,6 +3374,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --orange-a1: #c0400004;
   --orange-a2: #ff8e0012;
@@ -3327,6 +3408,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --orange-a1: #ec360007;
   --orange-a2: #fe6d000e;
@@ -3389,6 +3471,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --pink-1: #fffcfe;
   --pink-2: #fef7fb;
@@ -3422,6 +3505,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --pink-1: #191117;
   --pink-2: #21121d;
@@ -3455,6 +3539,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --pink-a1: #ff00aa03;
   --pink-a2: #e0008008;
@@ -3488,6 +3573,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --pink-a1: #f412bc09;
   --pink-a2: #f420bb12;
@@ -3550,6 +3636,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --plum-1: #fefcff;
   --plum-2: #fdf7fd;
@@ -3583,6 +3670,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --plum-1: #181118;
   --plum-2: #201320;
@@ -3616,6 +3704,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --plum-a1: #aa00ff03;
   --plum-a2: #c000c008;
@@ -3649,6 +3738,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --plum-a1: #f112f108;
   --plum-a2: #f22ff211;
@@ -3711,6 +3801,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --purple-1: #fefcfe;
   --purple-2: #fbf7fe;
@@ -3744,6 +3835,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --purple-1: #18111b;
   --purple-2: #1e1523;
@@ -3777,6 +3869,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --purple-a1: #aa00aa03;
   --purple-a2: #8000e008;
@@ -3810,6 +3903,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --purple-a1: #b412f90b;
   --purple-a2: #b744f714;
@@ -3872,6 +3966,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --red-1: #fffcfc;
   --red-2: #fff7f7;
@@ -3905,6 +4000,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --red-1: #191111;
   --red-2: #201314;
@@ -3938,6 +4034,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --red-a1: #ff000003;
   --red-a2: #ff000008;
@@ -3971,6 +4068,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --red-a1: #f4121209;
   --red-a2: #f22f3e11;
@@ -4033,6 +4131,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --ruby-1: #fffcfd;
   --ruby-2: #fff7f8;
@@ -4066,6 +4165,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --ruby-1: #191113;
   --ruby-2: #1e1517;
@@ -4099,6 +4199,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --ruby-a1: #ff005503;
   --ruby-a2: #ff002008;
@@ -4132,6 +4233,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --ruby-a1: #f4124a09;
   --ruby-a2: #fe5a7f0e;
@@ -4194,6 +4296,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --sky-1: #f9feff;
   --sky-2: #f1fafd;
@@ -4227,6 +4330,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --sky-1: #0d141f;
   --sky-2: #111a27;
@@ -4260,6 +4364,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --sky-a1: #00d5ff06;
   --sky-a2: #00a4db0e;
@@ -4293,6 +4398,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --sky-a1: #0044ff0f;
   --sky-a2: #1171fb18;
@@ -4358,6 +4464,7 @@
     --sky-track: color-mix(in oklab, var(--sky-8), var(--sky-9) 65%);
   }
 }
+
 :root, .light, .light-theme {
   --teal-1: #fafefd;
   --teal-2: #f3fbf9;
@@ -4391,6 +4498,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --teal-1: #0d1514;
   --teal-2: #111c1b;
@@ -4424,6 +4532,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --teal-a1: #00cc9905;
   --teal-a2: #00aa800c;
@@ -4457,6 +4566,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --teal-a1: #00deab05;
   --teal-a2: #12fbe60c;
@@ -4519,6 +4629,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --tomato-1: #fffcfc;
   --tomato-2: #fff8f7;
@@ -4552,6 +4663,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --tomato-1: #181111;
   --tomato-2: #1f1513;
@@ -4585,6 +4697,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --tomato-a1: #ff000003;
   --tomato-a2: #ff200008;
@@ -4618,6 +4731,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --tomato-a1: #f1121208;
   --tomato-a2: #ff55330f;
@@ -4680,6 +4794,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --violet-1: #fdfcfe;
   --violet-2: #faf8ff;
@@ -4713,6 +4828,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --violet-1: #14121f;
   --violet-2: #1b1525;
@@ -4746,6 +4862,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --violet-a1: #5500aa03;
   --violet-a2: #4900ff07;
@@ -4779,6 +4896,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --violet-a1: #4422ff0f;
   --violet-a2: #853ff916;
@@ -4841,6 +4959,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --yellow-1: #fdfdf9;
   --yellow-2: #fefce9;
@@ -4874,6 +4993,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --yellow-1: #14120b;
   --yellow-2: #1b180f;
@@ -4907,6 +5027,7 @@
     }
   }
 }
+
 :root, .light, .light-theme {
   --yellow-a1: #aaaa0006;
   --yellow-a2: #f4dd0016;
@@ -4940,6 +5061,7 @@
     }
   }
 }
+
 .dark, .dark-theme {
   --yellow-a1: #d1510004;
   --yellow-a2: #f9b4000b;
@@ -5039,6 +5161,7 @@
     }
   }
 }
+
 :root {
   --white-a1: rgba(255, 255, 255, 0.05);
   --white-a2: rgba(255, 255, 255, 0.1);
@@ -6237,6 +6360,7 @@
   --gray-indicator: var(--slate-indicator);
   --gray-track: var(--slate-track);
 }
+
 .ui-root:where([data-scaling="90%"]) {
   --scaling: 0.9;
 }
@@ -6264,6 +6388,7 @@
 .ui-root:where([data-scaling="120%"]) {
   --scaling: 1.2;
 }
+
 [data-radius] {
   --radius-1: calc(3px * var(--scaling) * var(--radius-factor));
   --radius-2: calc(4px * var(--scaling) * var(--radius-factor));
@@ -6302,6 +6427,7 @@
   --radius-full: 9999px;
   --radius-thumb: 9999px;
 }
+
 .r-resize-vertical {
   resize: vertical;
 }
@@ -6460,6 +6586,7 @@
       0 16px 36px -20px var(--black-a11);
   }
 }
+
 .ui-root {
   --space-1: calc(4px * var(--scaling));
   --space-2: calc(8px * var(--scaling));
@@ -6471,6 +6598,7 @@
   --space-8: calc(48px * var(--scaling));
   --space-9: calc(64px * var(--scaling));
 }
+
 @keyframes ui-fade-in {
   from {
     opacity: 0;
@@ -6569,6 +6697,7 @@
     transform: rotate(360deg);
   }
 }
+
 .ui-root {
   --font-size-1: calc(12px * var(--scaling));
   --font-size-2: calc(14px * var(--scaling));
@@ -6615,6 +6744,7 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
 .ui-root {
   --tab-active-letter-spacing: -0.01em;
   --tab-active-word-spacing: 0em;