@nswds/app 1.18.2 → 1.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/globals.css +1713 -1093
  2. package/dist/index.cjs +3980 -2624
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +239 -132
  5. package/dist/index.d.ts +239 -132
  6. package/dist/index.js +3946 -2590
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +1694 -1098
  9. package/dist/styles.css.map +1 -1
  10. package/package.json +4 -4
package/dist/styles.css CHANGED
@@ -35,7 +35,6 @@
35
35
  --color-slate-700: oklch(37.2% 0.044 257.287);
36
36
  --color-slate-800: oklch(27.9% 0.041 260.031);
37
37
  --color-slate-900: oklch(20.8% 0.042 265.755);
38
- --color-gray-50: oklch(98.5% 0.002 247.839);
39
38
  --color-gray-100: oklch(96.7% 0.003 264.542);
40
39
  --color-gray-200: oklch(92.8% 0.006 264.531);
41
40
  --color-gray-300: oklch(87.2% 0.01 258.338);
@@ -70,8 +69,6 @@
70
69
  --text-3xl--line-height: calc(2.25 / 1.875);
71
70
  --text-4xl: 2.25rem;
72
71
  --text-4xl--line-height: calc(2.5 / 2.25);
73
- --text-5xl: 3rem;
74
- --text-5xl--line-height: 1;
75
72
  --font-weight-normal: 400;
76
73
  --font-weight-medium: 500;
77
74
  --font-weight-semibold: 600;
@@ -85,45 +82,42 @@
85
82
  --radius-lg: 0.5rem;
86
83
  --radius-xl: 0.75rem;
87
84
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
85
+ --animate-spin: spin 1s linear infinite;
88
86
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
89
87
  --blur-sm: 8px;
90
88
  --default-transition-duration: 150ms;
91
89
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
92
90
  --default-font-family: var(--font-sans);
93
91
  --default-mono-font-family: var(--font-mono);
94
- --color-nsw-grey-50: oklch(0.985025 0 0);
95
- --color-nsw-grey-100: oklch(0.9700500000000001 0 0);
96
- --color-nsw-grey-200: oklch(0.9401 0 0);
97
- --color-nsw-grey-300: oklch(0.9016 0.0039 294.435);
98
- --color-nsw-grey-400: oklch(0.8631 0.0078 228.87);
99
- --color-nsw-grey-500: oklch(0.6447499999999999 0.0095 230.745);
100
- --color-nsw-grey-600: oklch(0.4264 0.0112 232.62);
101
- --color-nsw-grey-700: oklch(0.3479 0.0108 237.35000000000002);
102
- --color-nsw-grey-800: oklch(0.2694 0.0104 242.08);
103
- --color-nsw-grey-850: oklch(0.22225499999999998 0.00884 242.08);
104
- --color-nsw-grey-900: oklch(0.17511 0.00728 242.08);
105
- --color-nsw-grey-950: oklch(0.127965 0.005719999999999999 242.08);
106
- --color-nsw-blue-800: oklch(0.29 0.1173 259.84);
107
- --color-nsw-red-600: oklch(0.562 0.2175 20.33);
108
- --color-primary-light: oklch(0.36127499999999996 0.145425 260.07);
109
- --color-primary: oklch(0.29 0.1173 259.84);
110
- --color-primary-dark: oklch(0.23925 0.099705 259.84);
111
- --color-primary-darker: oklch(0.1885 0.08211 259.84);
112
- --color-secondary: oklch(0.9267 0.0417 227.89);
113
- --color-secondary-dark: oklch(0.9110499999999999 0.0543 226.8175);
114
- --color-secondary-darker: oklch(0.8954 0.0669 225.745);
115
- --color-tertiary: oklch(0.5751 0.2298 260.76);
116
- --color-tertiary-dark: oklch(0.503825 0.201675 260.53);
117
- --color-accent: oklch(0.562 0.2175 20.33);
118
- --color-accent-dark: oklch(0.50075 0.19485 19.529999999999998);
119
- --color-success: oklch(0.549 0.1849 142.8);
120
- --color-success-dark: oklch(0.452925 0.157165 142.8);
121
- --color-warning: oklch(0.5833 0.169705 43.9973);
122
- --color-warning-dark: oklch(0.4812225 0.14424925 43.9973);
123
- --color-error: oklch(0.502 0.1927 18.08);
124
- --color-error-dark: oklch(0.41415 0.16379500000000002 18.08);
125
- --color-info: oklch(0.4506 0.1233 262.35);
126
- --color-info-dark: oklch(0.371745 0.10480500000000001 262.35);
92
+ --color-nsw-grey-50: oklch(0.9850175274112574 0 0);
93
+ --color-nsw-grey-100: oklch(0.9700350548225147 0 0);
94
+ --color-nsw-grey-200: oklch(0.9400701096450296 0 0);
95
+ --color-nsw-grey-300: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
96
+ --color-nsw-grey-400: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
97
+ --color-nsw-grey-500: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
98
+ --color-nsw-grey-600: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
99
+ --color-nsw-grey-700: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
100
+ --color-nsw-grey-800: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
101
+ --color-nsw-grey-850: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
102
+ --color-nsw-grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
103
+ --color-nsw-grey-950: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
104
+ --color-nsw-blue-800: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
105
+ --color-nsw-red-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
106
+ --color-primary-200: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
107
+ --color-primary-250: oklch(0.9110280326138016 0.05428316129852959 226.81685418252806);
108
+ --color-primary-600: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
109
+ --color-primary-700: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
110
+ --color-primary-800: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
111
+ --color-accent-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
112
+ --color-grey-50: oklch(0.9850175274112574 0 0);
113
+ --color-grey-100: oklch(0.9700350548225147 0 0);
114
+ --color-grey-200: oklch(0.9400701096450296 0 0);
115
+ --color-grey-300: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
116
+ --color-grey-400: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
117
+ --color-grey-500: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
118
+ --color-grey-600: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
119
+ --color-grey-800: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
120
+ --color-grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
127
121
  }
128
122
  }
129
123
  @layer base {
@@ -380,6 +374,9 @@
380
374
  .top-0 {
381
375
  top: calc(var(--spacing) * 0);
382
376
  }
377
+ .top-1 {
378
+ top: calc(var(--spacing) * 1);
379
+ }
383
380
  .top-1\/2 {
384
381
  top: calc(1 / 2 * 100%);
385
382
  }
@@ -413,6 +410,9 @@
413
410
  .right-0 {
414
411
  right: calc(var(--spacing) * 0);
415
412
  }
413
+ .right-1 {
414
+ right: calc(var(--spacing) * 1);
415
+ }
416
416
  .right-2 {
417
417
  right: calc(var(--spacing) * 2);
418
418
  }
@@ -467,15 +467,18 @@
467
467
  .-m-1 {
468
468
  margin: calc(var(--spacing) * -1);
469
469
  }
470
+ .m-0 {
471
+ margin: calc(var(--spacing) * 0);
472
+ }
470
473
  .m-0\.5 {
471
474
  margin: calc(var(--spacing) * 0.5);
472
475
  }
476
+ .m-auto {
477
+ margin: auto;
478
+ }
473
479
  .-mx-1 {
474
480
  margin-inline: calc(var(--spacing) * -1);
475
481
  }
476
- .-mx-\[calc\(--spacing\(1\)-1px\)\] {
477
- margin-inline: calc(calc(calc(var(--spacing) * 1) - 1px) * -1);
478
- }
479
482
  .mx-1 {
480
483
  margin-inline: calc(var(--spacing) * 1);
481
484
  }
@@ -491,6 +494,9 @@
491
494
  .my-6 {
492
495
  margin-block: calc(var(--spacing) * 6);
493
496
  }
497
+ .my-8 {
498
+ margin-block: calc(var(--spacing) * 8);
499
+ }
494
500
  .me-1\.5 {
495
501
  margin-inline-end: calc(var(--spacing) * 1.5);
496
502
  }
@@ -545,12 +551,6 @@
545
551
  .mb-4 {
546
552
  margin-bottom: calc(var(--spacing) * 4);
547
553
  }
548
- .mb-6 {
549
- margin-bottom: calc(var(--spacing) * 6);
550
- }
551
- .mb-8 {
552
- margin-bottom: calc(var(--spacing) * 8);
553
- }
554
554
  .-ml-0\.5 {
555
555
  margin-left: calc(var(--spacing) * -0.5);
556
556
  }
@@ -596,6 +596,9 @@
596
596
  .hidden {
597
597
  display: none;
598
598
  }
599
+ .inline {
600
+ display: inline;
601
+ }
599
602
  .inline-block {
600
603
  display: inline-block;
601
604
  }
@@ -660,10 +663,6 @@
660
663
  width: calc(var(--spacing) * 10);
661
664
  height: calc(var(--spacing) * 10);
662
665
  }
663
- .size-\[2\.75rem\] {
664
- width: 2.75rem;
665
- height: 2.75rem;
666
- }
667
666
  .size-\[max\(100\%\,2\.75rem\)\] {
668
667
  width: max(100%, 2.75rem);
669
668
  height: max(100%, 2.75rem);
@@ -732,6 +731,9 @@
732
731
  .h-auto {
733
732
  height: auto;
734
733
  }
734
+ .h-fit {
735
+ height: fit-content;
736
+ }
735
737
  .h-full {
736
738
  height: 100%;
737
739
  }
@@ -792,6 +794,9 @@
792
794
  .w-10 {
793
795
  width: calc(var(--spacing) * 10);
794
796
  }
797
+ .w-12 {
798
+ width: calc(var(--spacing) * 12);
799
+ }
795
800
  .w-48 {
796
801
  width: calc(var(--spacing) * 48);
797
802
  }
@@ -807,6 +812,9 @@
807
812
  .w-80 {
808
813
  width: calc(var(--spacing) * 80);
809
814
  }
815
+ .w-96 {
816
+ width: calc(var(--spacing) * 96);
817
+ }
810
818
  .w-\[44px\] {
811
819
  width: 44px;
812
820
  }
@@ -816,6 +824,9 @@
816
824
  .w-\[100px\] {
817
825
  width: 100px;
818
826
  }
827
+ .w-\[180px\] {
828
+ width: 180px;
829
+ }
819
830
  .w-\[400px\] {
820
831
  width: 400px;
821
832
  }
@@ -956,12 +967,18 @@
956
967
  rotate: 45deg;
957
968
  }
958
969
  .transform {
959
- transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x)
960
- var(--tw-skew-y);
970
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
971
+ var(--tw-skew-y,);
961
972
  }
962
973
  .animate-pulse {
963
974
  animation: var(--animate-pulse);
964
975
  }
976
+ .animate-spin {
977
+ animation: var(--animate-spin);
978
+ }
979
+ .cursor-auto {
980
+ cursor: auto;
981
+ }
965
982
  .cursor-default {
966
983
  cursor: default;
967
984
  }
@@ -1073,6 +1090,12 @@
1073
1090
  .gap-9 {
1074
1091
  gap: calc(var(--spacing) * 9);
1075
1092
  }
1093
+ .gap-\[calc\(--spacing\(1\)\*1\.5\)\] {
1094
+ gap: calc(calc(var(--spacing) * 1) * 1.5);
1095
+ }
1096
+ .gap-\[calc\(--spacing\(2\)\)\] {
1097
+ gap: calc(calc(var(--spacing) * 2));
1098
+ }
1076
1099
  .space-y-2 {
1077
1100
  :where(& > :not(:last-child)) {
1078
1101
  --tw-space-y-reverse: 0;
@@ -1238,6 +1261,10 @@
1238
1261
  border-style: var(--tw-border-style);
1239
1262
  border-width: 1px;
1240
1263
  }
1264
+ .border-0 {
1265
+ border-style: var(--tw-border-style);
1266
+ border-width: 0px;
1267
+ }
1241
1268
  .border-1 {
1242
1269
  border-style: var(--tw-border-style);
1243
1270
  border-width: 1px;
@@ -1274,6 +1301,24 @@
1274
1301
  --tw-border-style: dashed;
1275
1302
  border-style: dashed;
1276
1303
  }
1304
+ .border-\(--badge-bg\) {
1305
+ border-color: var(--badge-bg);
1306
+ }
1307
+ .border-\(--badge-bg\)\/50 {
1308
+ border-color: var(--badge-bg);
1309
+ @supports (color: color-mix(in lab, red, red)) {
1310
+ border-color: color-mix(in oklab, var(--badge-bg) 50%, transparent);
1311
+ }
1312
+ }
1313
+ .border-\(--btn-bg\) {
1314
+ border-color: var(--btn-bg);
1315
+ }
1316
+ .border-\(--btn-bg\)\/50 {
1317
+ border-color: var(--btn-bg);
1318
+ @supports (color: color-mix(in lab, red, red)) {
1319
+ border-color: color-mix(in oklab, var(--btn-bg) 50%, transparent);
1320
+ }
1321
+ }
1277
1322
  .border-\(--toggle-border\) {
1278
1323
  border-color: var(--toggle-border);
1279
1324
  }
@@ -1292,6 +1337,16 @@
1292
1337
  .border-gray-300 {
1293
1338
  border-color: var(--color-gray-300);
1294
1339
  }
1340
+ .border-grey-200 {
1341
+ border-color: oklch(0.9400701096450296 0 0);
1342
+ }
1343
+ .border-grey-950\/10 {
1344
+ border-color: color-mix(
1345
+ in oklab,
1346
+ oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%,
1347
+ transparent
1348
+ );
1349
+ }
1295
1350
  .border-input {
1296
1351
  border-color: var(--input);
1297
1352
  }
@@ -1301,9 +1356,6 @@
1301
1356
  .border-nsw-grey-400 {
1302
1357
  border-color: var(--color-nsw-grey-400);
1303
1358
  }
1304
- .border-primary {
1305
- border-color: oklch(0.29 0.1173 259.84);
1306
- }
1307
1359
  .border-red-400 {
1308
1360
  border-color: var(--color-red-400);
1309
1361
  }
@@ -1319,12 +1371,33 @@
1319
1371
  .border-l-transparent {
1320
1372
  border-left-color: transparent;
1321
1373
  }
1322
- .bg-\(--badge-bg\) {
1374
+ .bg-\(--badge-bg\)\/5 {
1323
1375
  background-color: var(--badge-bg);
1376
+ @supports (color: color-mix(in lab, red, red)) {
1377
+ background-color: color-mix(in oklab, var(--badge-bg) 5%, transparent);
1378
+ }
1379
+ }
1380
+ .bg-\(--badge-border\) {
1381
+ background-color: var(--badge-border);
1382
+ }
1383
+ .bg-\(--btn-bg\)\/5 {
1384
+ background-color: var(--btn-bg);
1385
+ @supports (color: color-mix(in lab, red, red)) {
1386
+ background-color: color-mix(in oklab, var(--btn-bg) 5%, transparent);
1387
+ }
1388
+ }
1389
+ .bg-\(--btn-bg\)\/10 {
1390
+ background-color: var(--btn-bg);
1391
+ @supports (color: color-mix(in lab, red, red)) {
1392
+ background-color: color-mix(in oklab, var(--btn-bg) 10%, transparent);
1393
+ }
1324
1394
  }
1325
1395
  .bg-\(--btn-border\) {
1326
1396
  background-color: var(--btn-border);
1327
1397
  }
1398
+ .bg-\(--btn-transparent\) {
1399
+ background-color: var(--btn-transparent);
1400
+ }
1328
1401
  .bg-background {
1329
1402
  background-color: var(--background);
1330
1403
  }
@@ -1340,15 +1413,28 @@
1340
1413
  .bg-border {
1341
1414
  background-color: var(--border);
1342
1415
  }
1343
- .bg-gray-50 {
1344
- background-color: var(--color-gray-50);
1416
+ .bg-gray-800 {
1417
+ background-color: var(--color-gray-800);
1345
1418
  }
1346
- .bg-gray-100 {
1347
- background-color: var(--color-gray-100);
1419
+ .bg-gray-900 {
1420
+ background-color: var(--color-gray-900);
1348
1421
  }
1349
1422
  .bg-green-50 {
1350
1423
  background-color: var(--color-green-50);
1351
1424
  }
1425
+ .bg-grey-50 {
1426
+ background-color: oklch(0.9850175274112574 0 0);
1427
+ }
1428
+ .bg-grey-100 {
1429
+ background-color: oklch(0.9700350548225147 0 0);
1430
+ }
1431
+ .bg-grey-950\/\[2\.5\%\] {
1432
+ background-color: color-mix(
1433
+ in oklab,
1434
+ oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 2.5%,
1435
+ transparent
1436
+ );
1437
+ }
1352
1438
  .bg-muted {
1353
1439
  background-color: var(--muted);
1354
1440
  }
@@ -1373,21 +1459,16 @@
1373
1459
  .bg-nsw-grey-800 {
1374
1460
  background-color: var(--color-nsw-grey-800);
1375
1461
  }
1376
- .bg-primary {
1377
- background-color: oklch(0.29 0.1173 259.84);
1378
- }
1379
- .bg-primary\/10 {
1380
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
1381
- }
1382
- .bg-primary\/20 {
1383
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 20%, transparent);
1462
+ .bg-primary-800\/10 {
1463
+ background-color: color-mix(
1464
+ in oklab,
1465
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
1466
+ transparent
1467
+ );
1384
1468
  }
1385
1469
  .bg-purple-50 {
1386
1470
  background-color: var(--color-purple-50);
1387
1471
  }
1388
- .bg-secondary {
1389
- background-color: oklch(0.9267 0.0417 227.89);
1390
- }
1391
1472
  .bg-transparent {
1392
1473
  background-color: transparent;
1393
1474
  }
@@ -1432,8 +1513,8 @@
1432
1513
  .fill-nsw-red-600 {
1433
1514
  fill: var(--color-nsw-red-600);
1434
1515
  }
1435
- .fill-primary {
1436
- fill: oklch(0.29 0.1173 259.84);
1516
+ .fill-primary-800 {
1517
+ fill: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
1437
1518
  }
1438
1519
  .p-0 {
1439
1520
  padding: calc(var(--spacing) * 0);
@@ -1444,9 +1525,6 @@
1444
1525
  .p-2 {
1445
1526
  padding: calc(var(--spacing) * 2);
1446
1527
  }
1447
- .p-3 {
1448
- padding: calc(var(--spacing) * 3);
1449
- }
1450
1528
  .p-4 {
1451
1529
  padding: calc(var(--spacing) * 4);
1452
1530
  }
@@ -1468,6 +1546,9 @@
1468
1546
  .p-px {
1469
1547
  padding: 1px;
1470
1548
  }
1549
+ .px-0\.5 {
1550
+ padding-inline: calc(var(--spacing) * 0.5);
1551
+ }
1471
1552
  .px-1\.5 {
1472
1553
  padding-inline: calc(var(--spacing) * 1.5);
1473
1554
  }
@@ -1489,24 +1570,27 @@
1489
1570
  .px-6 {
1490
1571
  padding-inline: calc(var(--spacing) * 6);
1491
1572
  }
1492
- .px-\[calc\(--spacing\(1\)-1px\)\] {
1493
- padding-inline: calc(calc(var(--spacing) * 1) - 1px);
1573
+ .px-\[calc\(--spacing\(1\)\*1\.5\)\] {
1574
+ padding-inline: calc(calc(var(--spacing) * 1) * 1.5);
1494
1575
  }
1495
- .px-\[calc\(--spacing\(3\)-1px\)\] {
1496
- padding-inline: calc(calc(var(--spacing) * 3) - 1px);
1576
+ .px-\[calc\(--spacing\(2\)\)\] {
1577
+ padding-inline: calc(calc(var(--spacing) * 2));
1497
1578
  }
1498
- .px-\[calc\(--spacing\(3\.5\)-1px\)\] {
1499
- padding-inline: calc(calc(var(--spacing) * 3.5) - 1px);
1579
+ .px-\[calc\(--spacing\(2\)\*1\.25\)\] {
1580
+ padding-inline: calc(calc(var(--spacing) * 2) * 1.25);
1500
1581
  }
1501
1582
  .px-\[calc\(--spacing\(4\)-1px\)\] {
1502
1583
  padding-inline: calc(calc(var(--spacing) * 4) - 1px);
1503
1584
  }
1585
+ .px-\[calc\(--spacing\(5\)-1px\)\] {
1586
+ padding-inline: calc(calc(var(--spacing) * 5) - 1px);
1587
+ }
1588
+ .px-\[calc\(--spacing\(6\)-1px\)\] {
1589
+ padding-inline: calc(calc(var(--spacing) * 6) - 1px);
1590
+ }
1504
1591
  .py-0 {
1505
1592
  padding-block: calc(var(--spacing) * 0);
1506
1593
  }
1507
- .py-0\.5 {
1508
- padding-block: calc(var(--spacing) * 0.5);
1509
- }
1510
1594
  .py-1 {
1511
1595
  padding-block: calc(var(--spacing) * 1);
1512
1596
  }
@@ -1531,21 +1615,24 @@
1531
1615
  .py-6 {
1532
1616
  padding-block: calc(var(--spacing) * 6);
1533
1617
  }
1534
- .py-12 {
1535
- padding-block: calc(var(--spacing) * 12);
1536
- }
1537
1618
  .py-16 {
1538
1619
  padding-block: calc(var(--spacing) * 16);
1539
1620
  }
1540
- .py-\[calc\(--spacing\(2\)-1px\)\] {
1541
- padding-block: calc(calc(var(--spacing) * 2) - 1px);
1621
+ .py-\[calc\(--spacing\(1\)\)\] {
1622
+ padding-block: calc(calc(var(--spacing) * 1));
1542
1623
  }
1543
- .py-\[calc\(--spacing\(2\.5\)-1px\)\] {
1544
- padding-block: calc(calc(var(--spacing) * 2.5) - 1px);
1624
+ .py-\[calc\(--spacing\(1\)\*0\.5\)\] {
1625
+ padding-block: calc(calc(var(--spacing) * 1) * 0.5);
1545
1626
  }
1546
1627
  .py-\[calc\(--spacing\(3\)-1px\)\] {
1547
1628
  padding-block: calc(calc(var(--spacing) * 3) - 1px);
1548
1629
  }
1630
+ .py-\[calc\(--spacing\(4\)-1px\)\] {
1631
+ padding-block: calc(calc(var(--spacing) * 4) - 1px);
1632
+ }
1633
+ .py-\[calc\(--spacing\(5\)-1px\)\] {
1634
+ padding-block: calc(calc(var(--spacing) * 5) - 1px);
1635
+ }
1549
1636
  .pt-0 {
1550
1637
  padding-top: calc(var(--spacing) * 0);
1551
1638
  }
@@ -1573,6 +1660,12 @@
1573
1660
  .pr-8 {
1574
1661
  padding-right: calc(var(--spacing) * 8);
1575
1662
  }
1663
+ .pr-12 {
1664
+ padding-right: calc(var(--spacing) * 12);
1665
+ }
1666
+ .pb-0 {
1667
+ padding-bottom: calc(var(--spacing) * 0);
1668
+ }
1576
1669
  .pb-4 {
1577
1670
  padding-bottom: calc(var(--spacing) * 4);
1578
1671
  }
@@ -1634,6 +1727,10 @@
1634
1727
  font-size: var(--text-base);
1635
1728
  line-height: var(--tw-leading, var(--text-base--line-height));
1636
1729
  }
1730
+ .text-base\/5 {
1731
+ font-size: var(--text-base);
1732
+ line-height: calc(var(--spacing) * 5);
1733
+ }
1637
1734
  .text-base\/6 {
1638
1735
  font-size: var(--text-base);
1639
1736
  line-height: calc(var(--spacing) * 6);
@@ -1666,10 +1763,81 @@
1666
1763
  font-size: var(--text-xs);
1667
1764
  line-height: var(--tw-leading, var(--text-xs--line-height));
1668
1765
  }
1766
+ .text-\[calc\(var\(--font-size-1\)_\*_var\(--heading-font-size-adjust\)\)\] {
1767
+ font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
1768
+ }
1769
+ .text-\[calc\(var\(--font-size-2\)_\*_var\(--heading-font-size-adjust\)\)\] {
1770
+ font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
1771
+ }
1772
+ .text-\[calc\(var\(--font-size-3\)_\*_var\(--heading-font-size-adjust\)\)\] {
1773
+ font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
1774
+ }
1775
+ .text-\[calc\(var\(--font-size-4\)_\*_var\(--heading-font-size-adjust\)\)\] {
1776
+ font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
1777
+ }
1778
+ .text-\[calc\(var\(--font-size-5\)_\*_var\(--heading-font-size-adjust\)\)\] {
1779
+ font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
1780
+ }
1781
+ .text-\[calc\(var\(--font-size-6\)_\*_var\(--heading-font-size-adjust\)\)\] {
1782
+ font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
1783
+ }
1784
+ .text-\[calc\(var\(--font-size-7\)_\*_var\(--heading-font-size-adjust\)\)\] {
1785
+ font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
1786
+ }
1787
+ .text-\[calc\(var\(--font-size-8\)_\*_var\(--heading-font-size-adjust\)\)\] {
1788
+ font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
1789
+ }
1790
+ .text-\[calc\(var\(--font-size-9\)_\*_var\(--heading-font-size-adjust\)\)\] {
1791
+ font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
1792
+ }
1793
+ .leading-\[var\(--heading-line-height-1\)\] {
1794
+ --tw-leading: var(--heading-line-height-1);
1795
+ line-height: var(--heading-line-height-1);
1796
+ }
1797
+ .leading-\[var\(--heading-line-height-2\)\] {
1798
+ --tw-leading: var(--heading-line-height-2);
1799
+ line-height: var(--heading-line-height-2);
1800
+ }
1801
+ .leading-\[var\(--heading-line-height-3\)\] {
1802
+ --tw-leading: var(--heading-line-height-3);
1803
+ line-height: var(--heading-line-height-3);
1804
+ }
1805
+ .leading-\[var\(--heading-line-height-4\)\] {
1806
+ --tw-leading: var(--heading-line-height-4);
1807
+ line-height: var(--heading-line-height-4);
1808
+ }
1809
+ .leading-\[var\(--heading-line-height-5\)\] {
1810
+ --tw-leading: var(--heading-line-height-5);
1811
+ line-height: var(--heading-line-height-5);
1812
+ }
1813
+ .leading-\[var\(--heading-line-height-6\)\] {
1814
+ --tw-leading: var(--heading-line-height-6);
1815
+ line-height: var(--heading-line-height-6);
1816
+ }
1817
+ .leading-\[var\(--heading-line-height-7\)\] {
1818
+ --tw-leading: var(--heading-line-height-7);
1819
+ line-height: var(--heading-line-height-7);
1820
+ }
1821
+ .leading-\[var\(--heading-line-height-8\)\] {
1822
+ --tw-leading: var(--heading-line-height-8);
1823
+ line-height: var(--heading-line-height-8);
1824
+ }
1825
+ .leading-\[var\(--heading-line-height-9\)\] {
1826
+ --tw-leading: var(--heading-line-height-9);
1827
+ line-height: var(--heading-line-height-9);
1828
+ }
1829
+ .leading-\[var\(--line-height\)\] {
1830
+ --tw-leading: var(--line-height);
1831
+ line-height: var(--line-height);
1832
+ }
1669
1833
  .leading-none {
1670
1834
  --tw-leading: 1;
1671
1835
  line-height: 1;
1672
1836
  }
1837
+ .font-\[var\(--heading-font-family\)\] {
1838
+ --tw-font-weight: var(--heading-font-family);
1839
+ font-weight: var(--heading-font-family);
1840
+ }
1673
1841
  .font-bold {
1674
1842
  --tw-font-weight: var(--font-weight-bold);
1675
1843
  font-weight: var(--font-weight-bold);
@@ -1686,6 +1854,42 @@
1686
1854
  --tw-font-weight: var(--font-weight-semibold);
1687
1855
  font-weight: var(--font-weight-semibold);
1688
1856
  }
1857
+ .tracking-\[calc\(var\(--letter-spacing-1\)_\+_var\(--heading-letter-spacing\)\)\] {
1858
+ --tw-tracking: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
1859
+ letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
1860
+ }
1861
+ .tracking-\[calc\(var\(--letter-spacing-2\)_\+_var\(--heading-letter-spacing\)\)\] {
1862
+ --tw-tracking: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
1863
+ letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
1864
+ }
1865
+ .tracking-\[calc\(var\(--letter-spacing-3\)_\+_var\(--heading-letter-spacing\)\)\] {
1866
+ --tw-tracking: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
1867
+ letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
1868
+ }
1869
+ .tracking-\[calc\(var\(--letter-spacing-4\)_\+_var\(--heading-letter-spacing\)\)\] {
1870
+ --tw-tracking: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
1871
+ letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
1872
+ }
1873
+ .tracking-\[calc\(var\(--letter-spacing-5\)_\+_var\(--heading-letter-spacing\)\)\] {
1874
+ --tw-tracking: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
1875
+ letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
1876
+ }
1877
+ .tracking-\[calc\(var\(--letter-spacing-6\)_\+_var\(--heading-letter-spacing\)\)\] {
1878
+ --tw-tracking: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
1879
+ letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
1880
+ }
1881
+ .tracking-\[calc\(var\(--letter-spacing-7\)_\+_var\(--heading-letter-spacing\)\)\] {
1882
+ --tw-tracking: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
1883
+ letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
1884
+ }
1885
+ .tracking-\[calc\(var\(--letter-spacing-8\)_\+_var\(--heading-letter-spacing\)\)\] {
1886
+ --tw-tracking: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
1887
+ letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
1888
+ }
1889
+ .tracking-\[calc\(var\(--letter-spacing-9\)_\+_var\(--heading-letter-spacing\)\)\] {
1890
+ --tw-tracking: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
1891
+ letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
1892
+ }
1689
1893
  .tracking-tight {
1690
1894
  --tw-tracking: var(--tracking-tight);
1691
1895
  letter-spacing: var(--tracking-tight);
@@ -1709,8 +1913,17 @@
1709
1913
  .whitespace-nowrap {
1710
1914
  white-space: nowrap;
1711
1915
  }
1712
- .text-accent-dark {
1713
- color: oklch(0.50075 0.19485 19.529999999999998);
1916
+ .text-\(--badge-bg\) {
1917
+ color: var(--badge-bg);
1918
+ }
1919
+ .text-\(--badge-text\) {
1920
+ color: var(--badge-text);
1921
+ }
1922
+ .text-\(--btn-bg\) {
1923
+ color: var(--btn-bg);
1924
+ }
1925
+ .text-\(--btn-text\) {
1926
+ color: var(--btn-text);
1714
1927
  }
1715
1928
  .text-blue-500 {
1716
1929
  color: var(--color-blue-500);
@@ -1724,29 +1937,35 @@
1724
1937
  .text-current {
1725
1938
  color: currentcolor;
1726
1939
  }
1727
- .text-error-dark {
1728
- color: oklch(0.41415 0.16379500000000002 18.08);
1729
- }
1730
1940
  .text-foreground {
1731
1941
  color: var(--foreground);
1732
1942
  }
1733
1943
  .text-gray-500 {
1734
1944
  color: var(--color-gray-500);
1735
1945
  }
1736
- .text-gray-600 {
1737
- color: var(--color-gray-600);
1738
- }
1739
- .text-gray-800 {
1740
- color: var(--color-gray-800);
1741
- }
1742
1946
  .text-gray-900 {
1743
1947
  color: var(--color-gray-900);
1744
1948
  }
1745
1949
  .text-green-500 {
1746
1950
  color: var(--color-green-500);
1747
1951
  }
1748
- .text-info-dark {
1749
- color: oklch(0.371745 0.10480500000000001 262.35);
1952
+ .text-grey-300 {
1953
+ color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
1954
+ }
1955
+ .text-grey-500 {
1956
+ color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
1957
+ }
1958
+ .text-grey-600 {
1959
+ color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
1960
+ }
1961
+ .text-grey-800 {
1962
+ color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
1963
+ }
1964
+ .text-grey-900 {
1965
+ color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
1966
+ }
1967
+ .text-grey-950 {
1968
+ color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
1750
1969
  }
1751
1970
  .text-muted-foreground {
1752
1971
  color: var(--muted-foreground);
@@ -1760,35 +1979,26 @@
1760
1979
  .text-nsw-grey-800 {
1761
1980
  color: var(--color-nsw-grey-800);
1762
1981
  }
1763
- .text-primary {
1764
- color: oklch(0.29 0.1173 259.84);
1982
+ .text-primary-700 {
1983
+ color: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
1765
1984
  }
1766
- .text-primary-dark {
1767
- color: oklch(0.23925 0.099705 259.84);
1985
+ .text-primary-750 {
1986
+ color: oklch(0.3612771781572896 0.1454302157585341 260.07053568790974);
1768
1987
  }
1769
- .text-primary-light {
1770
- color: oklch(0.36127499999999996 0.145425 260.07);
1988
+ .text-primary-800 {
1989
+ color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
1771
1990
  }
1772
1991
  .text-purple-500 {
1773
1992
  color: var(--color-purple-500);
1774
1993
  }
1775
- .text-secondary {
1776
- color: oklch(0.9267 0.0417 227.89);
1777
- }
1778
1994
  .text-slate-500 {
1779
1995
  color: var(--color-slate-500);
1780
1996
  }
1781
1997
  .text-slate-900 {
1782
1998
  color: var(--color-slate-900);
1783
1999
  }
1784
- .text-success-dark {
1785
- color: oklch(0.452925 0.157165 142.8);
1786
- }
1787
- .text-tertiary-dark {
1788
- color: oklch(0.503825 0.201675 260.53);
1789
- }
1790
- .text-warning-dark {
1791
- color: oklch(0.4812225 0.14424925 43.9973);
2000
+ .text-transparent {
2001
+ color: transparent;
1792
2002
  }
1793
2003
  .text-white {
1794
2004
  color: var(--color-white);
@@ -1808,8 +2018,12 @@
1808
2018
  .underline {
1809
2019
  text-decoration-line: underline;
1810
2020
  }
1811
- .decoration-1 {
1812
- text-decoration-thickness: 1px;
2021
+ .decoration-primary-800\/50 {
2022
+ text-decoration-color: color-mix(
2023
+ in oklab,
2024
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 50%,
2025
+ transparent
2026
+ );
1813
2027
  }
1814
2028
  .underline-offset-4 {
1815
2029
  text-underline-offset: 4px;
@@ -1894,6 +2108,9 @@
1894
2108
  --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
1895
2109
  }
1896
2110
  }
2111
+ .ring-offset-white {
2112
+ --tw-ring-offset-color: var(--color-white);
2113
+ }
1897
2114
  .outline-hidden {
1898
2115
  --tw-outline-style: none;
1899
2116
  outline-style: none;
@@ -1926,7 +2143,12 @@
1926
2143
  rotate,
1927
2144
  filter,
1928
2145
  -webkit-backdrop-filter,
1929
- backdrop-filter;
2146
+ backdrop-filter,
2147
+ display,
2148
+ visibility,
2149
+ content-visibility,
2150
+ overlay,
2151
+ pointer-events;
1930
2152
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1931
2153
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1932
2154
  }
@@ -1935,6 +2157,11 @@
1935
2157
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1936
2158
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1937
2159
  }
2160
+ .transition-\[width\,box-shadow\,background-color\] {
2161
+ transition-property: width, box-shadow, background-color;
2162
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2163
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2164
+ }
1938
2165
  .transition-all {
1939
2166
  transition-property: all;
1940
2167
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1994,233 +2221,330 @@
1994
2221
  --tw-outline-style: none;
1995
2222
  outline-style: none;
1996
2223
  }
2224
+ .select-auto {
2225
+ -webkit-user-select: auto;
2226
+ user-select: auto;
2227
+ }
1997
2228
  .select-none {
1998
2229
  -webkit-user-select: none;
1999
2230
  user-select: none;
2000
2231
  }
2001
- .\[--badge-bg\:transparent\] {
2002
- --badge-bg: transparent;
2232
+ .\[--badge-bg\:var\(--color-accent-600\)\] {
2233
+ --badge-bg: var(--color-accent-600);
2234
+ }
2235
+ .\[--badge-bg\:var\(--color-grey-200\)\] {
2236
+ --badge-bg: var(--color-grey-200);
2237
+ }
2238
+ .\[--badge-bg\:var\(--color-grey-600\)\] {
2239
+ --badge-bg: var(--color-grey-600);
2240
+ }
2241
+ .\[--badge-bg\:var\(--color-primary-200\)\] {
2242
+ --badge-bg: var(--color-primary-200);
2243
+ }
2244
+ .\[--badge-bg\:var\(--color-primary-600\)\] {
2245
+ --badge-bg: var(--color-primary-600);
2246
+ }
2247
+ .\[--badge-bg\:var\(--color-primary-800\)\] {
2248
+ --badge-bg: var(--color-primary-800);
2249
+ }
2250
+ .\[--badge-bg\:var\(--color-white\)\] {
2251
+ --badge-bg: var(--color-white);
2252
+ }
2253
+ .\[--badge-border\:var\(--color-accent-600\)\]\/90 {
2254
+ --badge-border: color-mix(
2255
+ in srgb,
2256
+ oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 90%,
2257
+ transparent
2258
+ );
2259
+ @supports (color: color-mix(in lab, red, red)) {
2260
+ --badge-border: color-mix(in oklab, var(--color-accent-600) 90%, transparent);
2261
+ }
2003
2262
  }
2004
- .\[--badge-bg\:var\(--color-accent\)\]\/10 {
2005
- --badge-bg: color-mix(in srgb, oklch(0.562 0.2175 20.33) 10%, transparent);
2263
+ .\[--badge-border\:var\(--color-grey-200\)\]\/90 {
2264
+ --badge-border: color-mix(in srgb, oklch(0.9400701096450296 0 0) 90%, transparent);
2006
2265
  @supports (color: color-mix(in lab, red, red)) {
2007
- --badge-bg: color-mix(in oklab, var(--color-accent) 10%, transparent);
2266
+ --badge-border: color-mix(in oklab, var(--color-grey-200) 90%, transparent);
2008
2267
  }
2009
2268
  }
2010
- .\[--badge-bg\:var\(--color-error\)\]\/10 {
2011
- --badge-bg: color-mix(in srgb, oklch(0.502 0.1927 18.08) 10%, transparent);
2269
+ .\[--badge-border\:var\(--color-grey-600\)\]\/90 {
2270
+ --badge-border: color-mix(
2271
+ in srgb,
2272
+ oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%,
2273
+ transparent
2274
+ );
2012
2275
  @supports (color: color-mix(in lab, red, red)) {
2013
- --badge-bg: color-mix(in oklab, var(--color-error) 10%, transparent);
2276
+ --badge-border: color-mix(in oklab, var(--color-grey-600) 90%, transparent);
2014
2277
  }
2015
2278
  }
2016
- .\[--badge-bg\:var\(--color-info\)\]\/10 {
2017
- --badge-bg: color-mix(in srgb, oklch(0.4506 0.1233 262.35) 10%, transparent);
2279
+ .\[--badge-border\:var\(--color-primary-200\)\]\/90 {
2280
+ --badge-border: color-mix(
2281
+ in srgb,
2282
+ oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 90%,
2283
+ transparent
2284
+ );
2018
2285
  @supports (color: color-mix(in lab, red, red)) {
2019
- --badge-bg: color-mix(in oklab, var(--color-info) 10%, transparent);
2286
+ --badge-border: color-mix(in oklab, var(--color-primary-200) 90%, transparent);
2020
2287
  }
2021
2288
  }
2022
- .\[--badge-bg\:var\(--color-nsw-grey-700\)\]\/10 {
2023
- --badge-bg: color-mix(in srgb, oklch(0.3479 0.0108 237.35000000000002) 10%, transparent);
2289
+ .\[--badge-border\:var\(--color-primary-600\)\]\/90 {
2290
+ --badge-border: color-mix(
2291
+ in srgb,
2292
+ oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 90%,
2293
+ transparent
2294
+ );
2024
2295
  @supports (color: color-mix(in lab, red, red)) {
2025
- --badge-bg: color-mix(in oklab, var(--color-nsw-grey-700) 10%, transparent);
2296
+ --badge-border: color-mix(in oklab, var(--color-primary-600) 90%, transparent);
2026
2297
  }
2027
2298
  }
2028
- .\[--badge-bg\:var\(--color-primary\)\] {
2029
- --badge-bg: var(--color-primary);
2299
+ .\[--badge-border\:var\(--color-primary-800\)\]\/90 {
2300
+ --badge-border: color-mix(
2301
+ in srgb,
2302
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%,
2303
+ transparent
2304
+ );
2305
+ @supports (color: color-mix(in lab, red, red)) {
2306
+ --badge-border: color-mix(in oklab, var(--color-primary-800) 90%, transparent);
2307
+ }
2030
2308
  }
2031
- .\[--badge-bg\:var\(--color-primary\)\]\/10 {
2032
- --badge-bg: color-mix(in srgb, oklch(0.29 0.1173 259.84) 10%, transparent);
2309
+ .\[--badge-border\:var\(--color-white\)\]\/90 {
2310
+ --badge-border: color-mix(in srgb, #fff 90%, transparent);
2033
2311
  @supports (color: color-mix(in lab, red, red)) {
2034
- --badge-bg: color-mix(in oklab, var(--color-primary) 10%, transparent);
2312
+ --badge-border: color-mix(in oklab, var(--color-white) 90%, transparent);
2035
2313
  }
2036
2314
  }
2037
- .\[--badge-bg\:var\(--color-secondary\)\]\/80 {
2038
- --badge-bg: color-mix(in srgb, oklch(0.9267 0.0417 227.89) 80%, transparent);
2315
+ .\[--badge-hover-overlay\:var\(--color-accent-600\)\]\/10 {
2316
+ --badge-hover-overlay: color-mix(
2317
+ in srgb,
2318
+ oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 10%,
2319
+ transparent
2320
+ );
2039
2321
  @supports (color: color-mix(in lab, red, red)) {
2040
- --badge-bg: color-mix(in oklab, var(--color-secondary) 80%, transparent);
2322
+ --badge-hover-overlay: color-mix(in oklab, var(--color-accent-600) 10%, transparent);
2041
2323
  }
2042
2324
  }
2043
- .\[--badge-bg\:var\(--color-success\)\]\/10 {
2044
- --badge-bg: color-mix(in srgb, oklch(0.549 0.1849 142.8) 10%, transparent);
2325
+ .\[--badge-hover-overlay\:var\(--color-grey-200\)\]\/10 {
2326
+ --badge-hover-overlay: color-mix(in srgb, oklch(0.9400701096450296 0 0) 10%, transparent);
2045
2327
  @supports (color: color-mix(in lab, red, red)) {
2046
- --badge-bg: color-mix(in oklab, var(--color-success) 10%, transparent);
2328
+ --badge-hover-overlay: color-mix(in oklab, var(--color-grey-200) 10%, transparent);
2047
2329
  }
2048
2330
  }
2049
- .\[--badge-bg\:var\(--color-tertiary\)\]\/10 {
2050
- --badge-bg: color-mix(in srgb, oklch(0.5751 0.2298 260.76) 10%, transparent);
2331
+ .\[--badge-hover-overlay\:var\(--color-primary-200\)\]\/30 {
2332
+ --badge-hover-overlay: color-mix(
2333
+ in srgb,
2334
+ oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 30%,
2335
+ transparent
2336
+ );
2051
2337
  @supports (color: color-mix(in lab, red, red)) {
2052
- --badge-bg: color-mix(in oklab, var(--color-tertiary) 10%, transparent);
2338
+ --badge-hover-overlay: color-mix(in oklab, var(--color-primary-200) 30%, transparent);
2053
2339
  }
2054
2340
  }
2055
- .\[--badge-bg\:var\(--color-warning\)\]\/10 {
2056
- --badge-bg: color-mix(in srgb, oklch(0.5833 0.169705 43.9973) 10%, transparent);
2341
+ .\[--badge-hover-overlay\:var\(--color-primary-600\)\]\/10 {
2342
+ --badge-hover-overlay: color-mix(
2343
+ in srgb,
2344
+ oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 10%,
2345
+ transparent
2346
+ );
2057
2347
  @supports (color: color-mix(in lab, red, red)) {
2058
- --badge-bg: color-mix(in oklab, var(--color-warning) 10%, transparent);
2348
+ --badge-hover-overlay: color-mix(in oklab, var(--color-primary-600) 10%, transparent);
2059
2349
  }
2060
2350
  }
2061
- .\[--badge-bg\:var\(--color-white\)\]\/10 {
2062
- --badge-bg: color-mix(in srgb, #fff 10%, transparent);
2351
+ .\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/10 {
2352
+ --badge-hover-overlay: color-mix(
2353
+ in srgb,
2354
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
2355
+ transparent
2356
+ );
2063
2357
  @supports (color: color-mix(in lab, red, red)) {
2064
- --badge-bg: color-mix(in oklab, var(--color-white) 10%, transparent);
2358
+ --badge-hover-overlay: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
2065
2359
  }
2066
2360
  }
2067
- .\[--badge-bg\:white\] {
2068
- --badge-bg: white;
2361
+ .\[--badge-text\:var\(--color-grey-800\)\] {
2362
+ --badge-text: var(--color-grey-800);
2363
+ }
2364
+ .\[--badge-text\:var\(--color-primary-800\)\] {
2365
+ --badge-text: var(--color-primary-800);
2366
+ }
2367
+ .\[--badge-text\:var\(--color-white\)\] {
2368
+ --badge-text: var(--color-white);
2069
2369
  }
2070
- .\[--btn-bg\:var\(--color-accent\)\] {
2071
- --btn-bg: var(--color-accent);
2370
+ .\[--btn-bg\:var\(--color-accent-600\)\] {
2371
+ --btn-bg: var(--color-accent-600);
2072
2372
  }
2073
- .\[--btn-bg\:var\(--color-error\)\] {
2074
- --btn-bg: var(--color-error);
2373
+ .\[--btn-bg\:var\(--color-grey-200\)\] {
2374
+ --btn-bg: var(--color-grey-200);
2075
2375
  }
2076
- .\[--btn-bg\:var\(--color-nsw-grey-600\)\] {
2077
- --btn-bg: var(--color-nsw-grey-600);
2376
+ .\[--btn-bg\:var\(--color-grey-600\)\] {
2377
+ --btn-bg: var(--color-grey-600);
2078
2378
  }
2079
- .\[--btn-bg\:var\(--color-primary\)\] {
2080
- --btn-bg: var(--color-primary);
2379
+ .\[--btn-bg\:var\(--color-primary-200\)\] {
2380
+ --btn-bg: var(--color-primary-200);
2081
2381
  }
2082
- .\[--btn-bg\:var\(--color-secondary\)\] {
2083
- --btn-bg: var(--color-secondary);
2382
+ .\[--btn-bg\:var\(--color-primary-600\)\] {
2383
+ --btn-bg: var(--color-primary-600);
2084
2384
  }
2085
- .\[--btn-bg\:var\(--color-tertiary\)\] {
2086
- --btn-bg: var(--color-tertiary);
2385
+ .\[--btn-bg\:var\(--color-primary-800\)\] {
2386
+ --btn-bg: var(--color-primary-800);
2087
2387
  }
2088
- .\[--btn-bg\:white\] {
2089
- --btn-bg: white;
2388
+ .\[--btn-bg\:var\(--color-white\)\] {
2389
+ --btn-bg: var(--color-white);
2090
2390
  }
2091
- .\[--btn-border\:var\(--color-accent-dark\)\]\/90 {
2092
- --btn-border: color-mix(in srgb, oklch(0.50075 0.19485 19.529999999999998) 90%, transparent);
2391
+ .\[--btn-border\:var\(--color-accent-600\)\]\/90 {
2392
+ --btn-border: color-mix(
2393
+ in srgb,
2394
+ oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 90%,
2395
+ transparent
2396
+ );
2093
2397
  @supports (color: color-mix(in lab, red, red)) {
2094
- --btn-border: color-mix(in oklab, var(--color-accent-dark) 90%, transparent);
2398
+ --btn-border: color-mix(in oklab, var(--color-accent-600) 90%, transparent);
2095
2399
  }
2096
2400
  }
2097
- .\[--btn-border\:var\(--color-error-dark\)\]\/90 {
2098
- --btn-border: color-mix(in srgb, oklch(0.41415 0.16379500000000002 18.08) 90%, transparent);
2401
+ .\[--btn-border\:var\(--color-grey-200\)\] {
2402
+ --btn-border: var(--color-grey-200);
2403
+ }
2404
+ .\[--btn-border\:var\(--color-grey-600\)\]\/90 {
2405
+ --btn-border: color-mix(
2406
+ in srgb,
2407
+ oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%,
2408
+ transparent
2409
+ );
2099
2410
  @supports (color: color-mix(in lab, red, red)) {
2100
- --btn-border: color-mix(in oklab, var(--color-error-dark) 90%, transparent);
2411
+ --btn-border: color-mix(in oklab, var(--color-grey-600) 90%, transparent);
2101
2412
  }
2102
2413
  }
2103
- .\[--btn-border\:var\(--color-nsw-grey-200\)\] {
2104
- --btn-border: var(--color-nsw-grey-200);
2105
- }
2106
- .\[--btn-border\:var\(--color-nsw-grey-700\)\]\/90 {
2107
- --btn-border: color-mix(in srgb, oklch(0.3479 0.0108 237.35000000000002) 90%, transparent);
2414
+ .\[--btn-border\:var\(--color-primary-200\)\]\/90 {
2415
+ --btn-border: color-mix(
2416
+ in srgb,
2417
+ oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 90%,
2418
+ transparent
2419
+ );
2108
2420
  @supports (color: color-mix(in lab, red, red)) {
2109
- --btn-border: color-mix(in oklab, var(--color-nsw-grey-700) 90%, transparent);
2421
+ --btn-border: color-mix(in oklab, var(--color-primary-200) 90%, transparent);
2110
2422
  }
2111
2423
  }
2112
- .\[--btn-border\:var\(--color-nsw-grey-800\)\]\/10 {
2113
- --btn-border: color-mix(in srgb, oklch(0.2694 0.0104 242.08) 10%, transparent);
2424
+ .\[--btn-border\:var\(--color-primary-600\)\]\/90 {
2425
+ --btn-border: color-mix(
2426
+ in srgb,
2427
+ oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 90%,
2428
+ transparent
2429
+ );
2114
2430
  @supports (color: color-mix(in lab, red, red)) {
2115
- --btn-border: color-mix(in oklab, var(--color-nsw-grey-800) 10%, transparent);
2431
+ --btn-border: color-mix(in oklab, var(--color-primary-600) 90%, transparent);
2116
2432
  }
2117
2433
  }
2118
- .\[--btn-border\:var\(--color-primary-dark\)\]\/90 {
2119
- --btn-border: color-mix(in srgb, oklch(0.23925 0.099705 259.84) 90%, transparent);
2434
+ .\[--btn-border\:var\(--color-primary-800\)\]\/90 {
2435
+ --btn-border: color-mix(
2436
+ in srgb,
2437
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%,
2438
+ transparent
2439
+ );
2120
2440
  @supports (color: color-mix(in lab, red, red)) {
2121
- --btn-border: color-mix(in oklab, var(--color-primary-dark) 90%, transparent);
2441
+ --btn-border: color-mix(in oklab, var(--color-primary-800) 90%, transparent);
2122
2442
  }
2123
2443
  }
2124
- .\[--btn-border\:var\(--color-secondary-dark\)\]\/80 {
2125
- --btn-border: color-mix(in srgb, oklch(0.9110499999999999 0.0543 226.8175) 80%, transparent);
2444
+ .\[--btn-border\:var\(--color-white\)\]\/90 {
2445
+ --btn-border: color-mix(in srgb, #fff 90%, transparent);
2126
2446
  @supports (color: color-mix(in lab, red, red)) {
2127
- --btn-border: color-mix(in oklab, var(--color-secondary-dark) 80%, transparent);
2447
+ --btn-border: color-mix(in oklab, var(--color-white) 90%, transparent);
2128
2448
  }
2129
2449
  }
2130
- .\[--btn-border\:var\(--color-tertiary-dark\)\]\/90 {
2131
- --btn-border: color-mix(in srgb, oklch(0.503825 0.201675 260.53) 90%, transparent);
2450
+ .\[--btn-hover-overlay\:var\(--color-accent-600\)\]\/10 {
2451
+ --btn-hover-overlay: color-mix(
2452
+ in srgb,
2453
+ oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 10%,
2454
+ transparent
2455
+ );
2132
2456
  @supports (color: color-mix(in lab, red, red)) {
2133
- --btn-border: color-mix(in oklab, var(--color-tertiary-dark) 90%, transparent);
2457
+ --btn-hover-overlay: color-mix(in oklab, var(--color-accent-600) 10%, transparent);
2134
2458
  }
2135
2459
  }
2136
- .\[--btn-hover-overlay\:var\(--color-nsw-grey-800\)\]\/\[2\.5\%\] {
2137
- --btn-hover-overlay: color-mix(in srgb, oklch(0.2694 0.0104 242.08) 2.5%, transparent);
2460
+ .\[--btn-hover-overlay\:var\(--color-grey-200\)\]\/50 {
2461
+ --btn-hover-overlay: color-mix(in srgb, oklch(0.9400701096450296 0 0) 50%, transparent);
2138
2462
  @supports (color: color-mix(in lab, red, red)) {
2139
- --btn-hover-overlay: color-mix(in oklab, var(--color-nsw-grey-800) 2.5%, transparent);
2463
+ --btn-hover-overlay: color-mix(in oklab, var(--color-grey-200) 50%, transparent);
2140
2464
  }
2141
2465
  }
2142
- .\[--btn-hover-overlay\:var\(--color-nsw-grey-850\)\]\/10 {
2466
+ .\[--btn-hover-overlay\:var\(--color-grey-600\)\]\/10 {
2143
2467
  --btn-hover-overlay: color-mix(
2144
2468
  in srgb,
2145
- oklch(0.22225499999999998 0.00884 242.08) 10%,
2469
+ oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 10%,
2146
2470
  transparent
2147
2471
  );
2148
2472
  @supports (color: color-mix(in lab, red, red)) {
2149
- --btn-hover-overlay: color-mix(in oklab, var(--color-nsw-grey-850) 10%, transparent);
2473
+ --btn-hover-overlay: color-mix(in oklab, var(--color-grey-600) 10%, transparent);
2150
2474
  }
2151
2475
  }
2152
- .\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
2153
- --btn-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
2476
+ .\[--btn-hover-overlay\:var\(--color-primary-200\)\]\/10 {
2477
+ --btn-hover-overlay: color-mix(
2478
+ in srgb,
2479
+ oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 10%,
2480
+ transparent
2481
+ );
2154
2482
  @supports (color: color-mix(in lab, red, red)) {
2155
- --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
2483
+ --btn-hover-overlay: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
2156
2484
  }
2157
2485
  }
2158
- .\[--btn-hover-overlay\:var\(--color-white\)\]\/25 {
2159
- --btn-hover-overlay: color-mix(in srgb, #fff 25%, transparent);
2486
+ .\[--btn-hover-overlay\:var\(--color-primary-600\)\]\/10 {
2487
+ --btn-hover-overlay: color-mix(
2488
+ in srgb,
2489
+ oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 10%,
2490
+ transparent
2491
+ );
2160
2492
  @supports (color: color-mix(in lab, red, red)) {
2161
- --btn-hover-overlay: color-mix(in oklab, var(--color-white) 25%, transparent);
2493
+ --btn-hover-overlay: color-mix(in oklab, var(--color-primary-600) 10%, transparent);
2162
2494
  }
2163
2495
  }
2164
- .\[--btn-icon\:var\(--color-nsw-grey-800\)\] {
2165
- --btn-icon: var(--color-nsw-grey-800);
2166
- }
2167
- .\[--btn-icon\:var\(--color-primary\)\] {
2168
- --btn-icon: var(--color-primary);
2169
- }
2170
- .\[--btn-icon\:var\(--color-white\)\] {
2171
- --btn-icon: var(--color-white);
2172
- }
2173
- .\[--focus-outline\:var\(--color-accent-dark\)\] {
2174
- --focus-outline: var(--color-accent-dark);
2175
- }
2176
- .\[--focus-outline\:var\(--color-error-dark\)\] {
2177
- --focus-outline: var(--color-error-dark);
2178
- }
2179
- .\[--focus-outline\:var\(--color-info-dark\)\] {
2180
- --focus-outline: var(--color-info-dark);
2181
- }
2182
- .\[--focus-outline\:var\(--color-nsw-grey-400\)\] {
2183
- --focus-outline: var(--color-nsw-grey-400);
2184
- }
2185
- .\[--focus-outline\:var\(--color-nsw-grey-700\)\]\/25 {
2186
- --focus-outline: color-mix(in srgb, oklch(0.3479 0.0108 237.35000000000002) 25%, transparent);
2496
+ .\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/10 {
2497
+ --btn-hover-overlay: color-mix(
2498
+ in srgb,
2499
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
2500
+ transparent
2501
+ );
2187
2502
  @supports (color: color-mix(in lab, red, red)) {
2188
- --focus-outline: color-mix(in oklab, var(--color-nsw-grey-700) 25%, transparent);
2503
+ --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
2189
2504
  }
2190
2505
  }
2191
- .\[--focus-outline\:var\(--color-primary\)\] {
2192
- --focus-outline: var(--color-primary);
2193
- }
2194
- .\[--focus-outline\:var\(--color-primary\)\]\/35 {
2195
- --focus-outline: color-mix(in srgb, oklch(0.29 0.1173 259.84) 35%, transparent);
2506
+ .\[--btn-hover-overlay\:var\(--color-white\)\]\/15 {
2507
+ --btn-hover-overlay: color-mix(in srgb, #fff 15%, transparent);
2196
2508
  @supports (color: color-mix(in lab, red, red)) {
2197
- --focus-outline: color-mix(in oklab, var(--color-primary) 35%, transparent);
2509
+ --btn-hover-overlay: color-mix(in oklab, var(--color-white) 15%, transparent);
2198
2510
  }
2199
2511
  }
2200
- .\[--focus-outline\:var\(--color-primary\)\]\/40 {
2201
- --focus-outline: color-mix(in srgb, oklch(0.29 0.1173 259.84) 40%, transparent);
2202
- @supports (color: color-mix(in lab, red, red)) {
2203
- --focus-outline: color-mix(in oklab, var(--color-primary) 40%, transparent);
2204
- }
2512
+ .\[--btn-text\:var\(--color-grey-800\)\] {
2513
+ --btn-text: var(--color-grey-800);
2205
2514
  }
2206
- .\[--focus-outline\:var\(--color-secondary-darker\)\] {
2207
- --focus-outline: var(--color-secondary-darker);
2515
+ .\[--btn-text\:var\(--color-primary-800\)\] {
2516
+ --btn-text: var(--color-primary-800);
2208
2517
  }
2209
- .\[--focus-outline\:var\(--color-success-dark\)\] {
2210
- --focus-outline: var(--color-success-dark);
2518
+ .\[--btn-text\:white\] {
2519
+ --btn-text: white;
2211
2520
  }
2212
- .\[--focus-outline\:var\(--color-tertiary\)\]\/35 {
2213
- --focus-outline: color-mix(in srgb, oklch(0.5751 0.2298 260.76) 35%, transparent);
2214
- @supports (color: color-mix(in lab, red, red)) {
2215
- --focus-outline: color-mix(in oklab, var(--color-tertiary) 35%, transparent);
2216
- }
2521
+ .\[--focus-outline\:var\(--color-accent-600\)\] {
2522
+ --focus-outline: var(--color-accent-600);
2523
+ }
2524
+ .\[--focus-outline\:var\(--color-grey-300\)\] {
2525
+ --focus-outline: var(--color-grey-300);
2526
+ }
2527
+ .\[--focus-outline\:var\(--color-grey-600\)\] {
2528
+ --focus-outline: var(--color-grey-600);
2529
+ }
2530
+ .\[--focus-outline\:var\(--color-primary-200\)\] {
2531
+ --focus-outline: var(--color-primary-200);
2217
2532
  }
2218
- .\[--focus-outline\:var\(--color-warning-dark\)\] {
2219
- --focus-outline: var(--color-warning-dark);
2533
+ .\[--focus-outline\:var\(--color-primary-600\)\] {
2534
+ --focus-outline: var(--color-primary-600);
2535
+ }
2536
+ .\[--focus-outline\:var\(--color-primary-800\)\] {
2537
+ --focus-outline: var(--color-primary-800);
2220
2538
  }
2221
2539
  .\[--focus-outline\:var\(--color-white\)\] {
2222
2540
  --focus-outline: var(--color-white);
2223
2541
  }
2542
+ .\[--leading-trim-end\:var\(--heading-leading-trim-end\)\] {
2543
+ --leading-trim-end: var(--heading-leading-trim-end);
2544
+ }
2545
+ .\[--leading-trim-start\:var\(--heading-leading-trim-start\)\] {
2546
+ --leading-trim-start: var(--heading-leading-trim-start);
2547
+ }
2224
2548
  .\[--toggle-border\:var\(--color-nsw-grey-200\)\] {
2225
2549
  --toggle-border: var(--color-nsw-grey-200);
2226
2550
  }
@@ -2245,6 +2569,15 @@
2245
2569
  .zoom-in-95 {
2246
2570
  --tw-enter-scale: 0.95;
2247
2571
  }
2572
+ .group-focus-within\:bg-primary-800\/10 {
2573
+ &:is(:where(.group):focus-within *) {
2574
+ background-color: color-mix(
2575
+ in oklab,
2576
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
2577
+ transparent
2578
+ );
2579
+ }
2580
+ }
2248
2581
  .group-hover\:fill-nsw-grey-900 {
2249
2582
  &:is(:where(.group):hover *) {
2250
2583
  @media (hover: hover) {
@@ -2259,159 +2592,54 @@
2259
2592
  }
2260
2593
  }
2261
2594
  }
2262
- .group-data-active\:bg-nsw-grey-300 {
2595
+ .group-data-active\:border-\(--badge-bg\) {
2263
2596
  &:is(:where(.group)[data-active] *) {
2264
- background-color: var(--color-nsw-grey-300);
2597
+ border-color: var(--badge-bg);
2265
2598
  }
2266
2599
  }
2267
- .group-data-active\:bg-primary\/5 {
2268
- &:is(:where(.group)[data-active] *) {
2269
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 5%, transparent);
2600
+ .group-data-hover\:border-\(--badge-bg\) {
2601
+ &:is(:where(.group)[data-hover] *) {
2602
+ border-color: var(--badge-bg);
2270
2603
  }
2271
2604
  }
2272
- .group-data-hover\:border-nsw-grey-300 {
2273
- &:is(:where(.group)[data-hover] *) {
2274
- border-color: var(--color-nsw-grey-300);
2605
+ .group-data-\[disabled\=true\]\:pointer-events-none {
2606
+ &:is(:where(.group)[data-disabled='true'] *) {
2607
+ pointer-events: none;
2275
2608
  }
2276
2609
  }
2277
- .group-data-hover\:bg-nsw-grey-200 {
2278
- &:is(:where(.group)[data-hover] *) {
2279
- background-color: var(--color-nsw-grey-200);
2610
+ .group-data-\[disabled\=true\]\:opacity-50 {
2611
+ &:is(:where(.group)[data-disabled='true'] *) {
2612
+ opacity: 50%;
2280
2613
  }
2281
2614
  }
2282
- .group-data-hover\:bg-primary\/10 {
2283
- &:is(:where(.group)[data-hover] *) {
2284
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
2615
+ .group-data-\[state\=open\]\:rotate-90 {
2616
+ &:is(:where(.group)[data-state='open'] *) {
2617
+ rotate: 90deg;
2285
2618
  }
2286
2619
  }
2287
- .group-data-hover\:\[--badge-bg\:var\(--color-accent\)\]\/20 {
2288
- &:is(:where(.group)[data-hover] *) {
2289
- --badge-bg: color-mix(in srgb, oklch(0.562 0.2175 20.33) 20%, transparent);
2290
- @supports (color: color-mix(in lab, red, red)) {
2291
- --badge-bg: color-mix(in oklab, var(--color-accent) 20%, transparent);
2292
- }
2620
+ .group-data-\[state\=open\]\:rotate-180 {
2621
+ &:is(:where(.group)[data-state='open'] *) {
2622
+ rotate: 180deg;
2293
2623
  }
2294
2624
  }
2295
- .group-data-hover\:\[--badge-bg\:var\(--color-error\)\]\/20 {
2296
- &:is(:where(.group)[data-hover] *) {
2297
- --badge-bg: color-mix(in srgb, oklch(0.502 0.1927 18.08) 20%, transparent);
2298
- @supports (color: color-mix(in lab, red, red)) {
2299
- --badge-bg: color-mix(in oklab, var(--color-error) 20%, transparent);
2300
- }
2625
+ .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
2626
+ &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction='bottom'] *) {
2627
+ display: block;
2301
2628
  }
2302
2629
  }
2303
- .group-data-hover\:\[--badge-bg\:var\(--color-info\)\]\/20 {
2304
- &:is(:where(.group)[data-hover] *) {
2305
- --badge-bg: color-mix(in srgb, oklch(0.4506 0.1233 262.35) 20%, transparent);
2306
- @supports (color: color-mix(in lab, red, red)) {
2307
- --badge-bg: color-mix(in oklab, var(--color-info) 20%, transparent);
2308
- }
2630
+ .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
2631
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2632
+ top: 100%;
2309
2633
  }
2310
2634
  }
2311
- .group-data-hover\:\[--badge-bg\:var\(--color-nsw-grey-700\)\]\/20 {
2312
- &:is(:where(.group)[data-hover] *) {
2313
- --badge-bg: color-mix(in srgb, oklch(0.3479 0.0108 237.35000000000002) 20%, transparent);
2314
- @supports (color: color-mix(in lab, red, red)) {
2315
- --badge-bg: color-mix(in oklab, var(--color-nsw-grey-700) 20%, transparent);
2316
- }
2635
+ .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
2636
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2637
+ margin-top: calc(var(--spacing) * 1.5);
2317
2638
  }
2318
2639
  }
2319
- .group-data-hover\:\[--badge-bg\:var\(--color-nsw-grey-800\)\]\/10 {
2320
- &:is(:where(.group)[data-hover] *) {
2321
- --badge-bg: color-mix(in srgb, oklch(0.2694 0.0104 242.08) 10%, transparent);
2322
- @supports (color: color-mix(in lab, red, red)) {
2323
- --badge-bg: color-mix(in oklab, var(--color-nsw-grey-800) 10%, transparent);
2324
- }
2325
- }
2326
- }
2327
- .group-data-hover\:\[--badge-bg\:var\(--color-primary\)\]\/20 {
2328
- &:is(:where(.group)[data-hover] *) {
2329
- --badge-bg: color-mix(in srgb, oklch(0.29 0.1173 259.84) 20%, transparent);
2330
- @supports (color: color-mix(in lab, red, red)) {
2331
- --badge-bg: color-mix(in oklab, var(--color-primary) 20%, transparent);
2332
- }
2333
- }
2334
- }
2335
- .group-data-hover\:\[--badge-bg\:var\(--color-primary-dark\)\] {
2336
- &:is(:where(.group)[data-hover] *) {
2337
- --badge-bg: var(--color-primary-dark);
2338
- }
2339
- }
2340
- .group-data-hover\:\[--badge-bg\:var\(--color-secondary-dark\)\] {
2341
- &:is(:where(.group)[data-hover] *) {
2342
- --badge-bg: var(--color-secondary-dark);
2343
- }
2344
- }
2345
- .group-data-hover\:\[--badge-bg\:var\(--color-success\)\]\/20 {
2346
- &:is(:where(.group)[data-hover] *) {
2347
- --badge-bg: color-mix(in srgb, oklch(0.549 0.1849 142.8) 20%, transparent);
2348
- @supports (color: color-mix(in lab, red, red)) {
2349
- --badge-bg: color-mix(in oklab, var(--color-success) 20%, transparent);
2350
- }
2351
- }
2352
- }
2353
- .group-data-hover\:\[--badge-bg\:var\(--color-tertiary\)\]\/20 {
2354
- &:is(:where(.group)[data-hover] *) {
2355
- --badge-bg: color-mix(in srgb, oklch(0.5751 0.2298 260.76) 20%, transparent);
2356
- @supports (color: color-mix(in lab, red, red)) {
2357
- --badge-bg: color-mix(in oklab, var(--color-tertiary) 20%, transparent);
2358
- }
2359
- }
2360
- }
2361
- .group-data-hover\:\[--badge-bg\:var\(--color-warning\)\]\/20 {
2362
- &:is(:where(.group)[data-hover] *) {
2363
- --badge-bg: color-mix(in srgb, oklch(0.5833 0.169705 43.9973) 20%, transparent);
2364
- @supports (color: color-mix(in lab, red, red)) {
2365
- --badge-bg: color-mix(in oklab, var(--color-warning) 20%, transparent);
2366
- }
2367
- }
2368
- }
2369
- .group-data-hover\:\[--badge-bg\:var\(--color-white\)\]\/20 {
2370
- &:is(:where(.group)[data-hover] *) {
2371
- --badge-bg: color-mix(in srgb, #fff 20%, transparent);
2372
- @supports (color: color-mix(in lab, red, red)) {
2373
- --badge-bg: color-mix(in oklab, var(--color-white) 20%, transparent);
2374
- }
2375
- }
2376
- }
2377
- .group-data-\[disabled\=true\]\:pointer-events-none {
2378
- &:is(:where(.group)[data-disabled='true'] *) {
2379
- pointer-events: none;
2380
- }
2381
- }
2382
- .group-data-\[disabled\=true\]\:opacity-50 {
2383
- &:is(:where(.group)[data-disabled='true'] *) {
2384
- opacity: 50%;
2385
- }
2386
- }
2387
- .group-data-\[state\=open\]\:rotate-90 {
2388
- &:is(:where(.group)[data-state='open'] *) {
2389
- rotate: 90deg;
2390
- }
2391
- }
2392
- .group-data-\[state\=open\]\:rotate-180 {
2393
- &:is(:where(.group)[data-state='open'] *) {
2394
- rotate: 180deg;
2395
- }
2396
- }
2397
- .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
2398
- &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction='bottom'] *) {
2399
- display: block;
2400
- }
2401
- }
2402
- .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
2403
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2404
- top: 100%;
2405
- }
2406
- }
2407
- .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
2408
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2409
- margin-top: calc(var(--spacing) * 1.5);
2410
- }
2411
- }
2412
- .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
2413
- &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2414
- overflow: hidden;
2640
+ .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
2641
+ &:is(:where(.group\/navigation-menu)[data-viewport='false'] *) {
2642
+ overflow: hidden;
2415
2643
  }
2416
2644
  }
2417
2645
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
@@ -2446,6 +2674,16 @@
2446
2674
  animation-duration: 200ms;
2447
2675
  }
2448
2676
  }
2677
+ .group-\[\.w-full\]\:flex-row {
2678
+ &:is(:where(.group):is(.w-full) *) {
2679
+ flex-direction: row;
2680
+ }
2681
+ }
2682
+ .peer-focus\:pointer-events-auto {
2683
+ &:is(:where(.peer):focus ~ *) {
2684
+ pointer-events: auto;
2685
+ }
2686
+ }
2449
2687
  .peer-disabled\:cursor-not-allowed {
2450
2688
  &:is(:where(.peer):disabled ~ *) {
2451
2689
  cursor: not-allowed;
@@ -2456,14 +2694,6 @@
2456
2694
  opacity: 50%;
2457
2695
  }
2458
2696
  }
2459
- .selection\:bg-primary {
2460
- & *::selection {
2461
- background-color: oklch(0.29 0.1173 259.84);
2462
- }
2463
- &::selection {
2464
- background-color: oklch(0.29 0.1173 259.84);
2465
- }
2466
- }
2467
2697
  .file\:inline-flex {
2468
2698
  &::file-selector-button {
2469
2699
  display: inline-flex;
@@ -2502,11 +2732,36 @@
2502
2732
  color: var(--foreground);
2503
2733
  }
2504
2734
  }
2735
+ .placeholder\:text-grey-500 {
2736
+ &::placeholder {
2737
+ color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
2738
+ }
2739
+ }
2740
+ .placeholder\:text-grey-700 {
2741
+ &::placeholder {
2742
+ color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
2743
+ }
2744
+ }
2505
2745
  .placeholder\:text-muted-foreground {
2506
2746
  &::placeholder {
2507
2747
  color: var(--muted-foreground);
2508
2748
  }
2509
2749
  }
2750
+ .placeholder\:text-transparent {
2751
+ &::placeholder {
2752
+ color: transparent;
2753
+ }
2754
+ }
2755
+ .placeholder\:opacity-0 {
2756
+ &::placeholder {
2757
+ opacity: 0%;
2758
+ }
2759
+ }
2760
+ .placeholder\:opacity-100 {
2761
+ &::placeholder {
2762
+ opacity: 100%;
2763
+ }
2764
+ }
2510
2765
  .before\:absolute {
2511
2766
  &::before {
2512
2767
  content: var(--tw-content);
@@ -2525,18 +2780,78 @@
2525
2780
  z-index: calc(10 * -1);
2526
2781
  }
2527
2782
  }
2783
+ .before\:mb-\[calc\(var\(--leading-trim-start\,var\(--default-leading-trim-start\)\)-var\(--line-height\,calc\(1em\*var\(--default-line-height\)\)\)\/2\)\] {
2784
+ &::before {
2785
+ content: var(--tw-content);
2786
+ margin-bottom: calc(
2787
+ var(--leading-trim-start, var(--default-leading-trim-start)) -
2788
+ var(--line-height, calc(1em * var(--default-line-height))) / 2
2789
+ );
2790
+ }
2791
+ }
2792
+ .before\:table {
2793
+ &::before {
2794
+ content: var(--tw-content);
2795
+ display: table;
2796
+ }
2797
+ }
2528
2798
  .before\:rounded-\[calc\(var\(--radius-sm\)-1px\)\] {
2529
2799
  &::before {
2530
2800
  content: var(--tw-content);
2531
2801
  border-radius: calc(var(--radius-sm) - 1px);
2532
2802
  }
2533
2803
  }
2804
+ .before\:bg-\(--badge-bg\) {
2805
+ &::before {
2806
+ content: var(--tw-content);
2807
+ background-color: var(--badge-bg);
2808
+ }
2809
+ }
2810
+ .before\:bg-\(--badge-bg\)\/5 {
2811
+ &::before {
2812
+ content: var(--tw-content);
2813
+ background-color: var(--badge-bg);
2814
+ @supports (color: color-mix(in lab, red, red)) {
2815
+ background-color: color-mix(in oklab, var(--badge-bg) 5%, transparent);
2816
+ }
2817
+ }
2818
+ }
2534
2819
  .before\:bg-\(--btn-bg\) {
2535
2820
  &::before {
2536
2821
  content: var(--tw-content);
2537
2822
  background-color: var(--btn-bg);
2538
2823
  }
2539
2824
  }
2825
+ .before\:bg-\(--btn-bg\)\/5 {
2826
+ &::before {
2827
+ content: var(--tw-content);
2828
+ background-color: var(--btn-bg);
2829
+ @supports (color: color-mix(in lab, red, red)) {
2830
+ background-color: color-mix(in oklab, var(--btn-bg) 5%, transparent);
2831
+ }
2832
+ }
2833
+ }
2834
+ .before\:bg-\(--btn-bg\)\/10 {
2835
+ &::before {
2836
+ content: var(--tw-content);
2837
+ background-color: var(--btn-bg);
2838
+ @supports (color: color-mix(in lab, red, red)) {
2839
+ background-color: color-mix(in oklab, var(--btn-bg) 10%, transparent);
2840
+ }
2841
+ }
2842
+ }
2843
+ .before\:bg-\(--btn-transparent\) {
2844
+ &::before {
2845
+ content: var(--tw-content);
2846
+ background-color: var(--btn-transparent);
2847
+ }
2848
+ }
2849
+ .before\:bg-transparent {
2850
+ &::before {
2851
+ content: var(--tw-content);
2852
+ background-color: transparent;
2853
+ }
2854
+ }
2540
2855
  .before\:shadow-sm {
2541
2856
  &::before {
2542
2857
  content: var(--tw-content);
@@ -2548,6 +2863,20 @@
2548
2863
  var(--tw-ring-shadow), var(--tw-shadow);
2549
2864
  }
2550
2865
  }
2866
+ .before\:content-\[\"\"\] {
2867
+ &::before {
2868
+ content: var(--tw-content);
2869
+ --tw-content: '';
2870
+ content: var(--tw-content);
2871
+ }
2872
+ }
2873
+ .before\:content-none {
2874
+ &::before {
2875
+ content: var(--tw-content);
2876
+ --tw-content: none;
2877
+ content: none;
2878
+ }
2879
+ }
2551
2880
  .after\:absolute {
2552
2881
  &::after {
2553
2882
  content: var(--tw-content);
@@ -2578,6 +2907,21 @@
2578
2907
  z-index: calc(10 * -1);
2579
2908
  }
2580
2909
  }
2910
+ .after\:mt-\[calc\(var\(--leading-trim-end\,var\(--default-leading-trim-end\)\)-var\(--line-height\,calc\(1em\*var\(--default-line-height\)\)\)\/2\)\] {
2911
+ &::after {
2912
+ content: var(--tw-content);
2913
+ margin-top: calc(
2914
+ var(--leading-trim-end, var(--default-leading-trim-end)) -
2915
+ var(--line-height, calc(1em * var(--default-line-height))) / 2
2916
+ );
2917
+ }
2918
+ }
2919
+ .after\:table {
2920
+ &::after {
2921
+ content: var(--tw-content);
2922
+ display: table;
2923
+ }
2924
+ }
2581
2925
  .after\:w-1 {
2582
2926
  &::after {
2583
2927
  content: var(--tw-content);
@@ -2597,17 +2941,34 @@
2597
2941
  border-radius: calc(var(--radius-sm) - 1px);
2598
2942
  }
2599
2943
  }
2600
- .after\:shadow-\[shadow\:inset_0_1px_--theme\(--color-white\/15\%\)\] {
2944
+ .after\:content-\[\"\"\] {
2601
2945
  &::after {
2602
2946
  content: var(--tw-content);
2603
- --tw-shadow: inset 0 1px var(--tw-shadow-color, color-mix(in srgb, #fff 15%, transparent));
2604
- @supports (color: color-mix(in lab, red, red)) {
2605
- --tw-shadow: inset 0 1px
2606
- var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 15%, transparent));
2947
+ --tw-content: '';
2948
+ content: var(--tw-content);
2949
+ }
2950
+ }
2951
+ .after\:content-none {
2952
+ &::after {
2953
+ content: var(--tw-content);
2954
+ --tw-content: none;
2955
+ content: none;
2956
+ }
2957
+ }
2958
+ .group-data-active\:after\:bg-\(--badge-hover-overlay\) {
2959
+ &:is(:where(.group)[data-active] *) {
2960
+ &::after {
2961
+ content: var(--tw-content);
2962
+ background-color: var(--badge-hover-overlay);
2963
+ }
2964
+ }
2965
+ }
2966
+ .group-data-hover\:after\:bg-\(--badge-hover-overlay\) {
2967
+ &:is(:where(.group)[data-hover] *) {
2968
+ &::after {
2969
+ content: var(--tw-content);
2970
+ background-color: var(--badge-hover-overlay);
2607
2971
  }
2608
- box-shadow:
2609
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
2610
- var(--tw-ring-shadow), var(--tw-shadow);
2611
2972
  }
2612
2973
  }
2613
2974
  .first\:rounded-l-sm {
@@ -2652,13 +3013,6 @@
2652
3013
  }
2653
3014
  }
2654
3015
  }
2655
- .hover\:bg-accent {
2656
- &:hover {
2657
- @media (hover: hover) {
2658
- background-color: oklch(0.562 0.2175 20.33);
2659
- }
2660
- }
2661
- }
2662
3016
  .hover\:bg-blue-100 {
2663
3017
  &:hover {
2664
3018
  @media (hover: hover) {
@@ -2680,48 +3034,52 @@
2680
3034
  }
2681
3035
  }
2682
3036
  }
2683
- .hover\:bg-muted\/50 {
3037
+ .hover\:bg-grey-100 {
2684
3038
  &:hover {
2685
3039
  @media (hover: hover) {
2686
- background-color: var(--muted);
2687
- @supports (color: color-mix(in lab, red, red)) {
2688
- background-color: color-mix(in oklab, var(--muted) 50%, transparent);
2689
- }
3040
+ background-color: oklch(0.9700350548225147 0 0);
2690
3041
  }
2691
3042
  }
2692
3043
  }
2693
- .hover\:bg-nsw-grey-100 {
3044
+ .hover\:bg-grey-300 {
2694
3045
  &:hover {
2695
3046
  @media (hover: hover) {
2696
- background-color: var(--color-nsw-grey-100);
3047
+ background-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
2697
3048
  }
2698
3049
  }
2699
3050
  }
2700
- .hover\:bg-primary\/10 {
3051
+ .hover\:bg-muted\/50 {
2701
3052
  &:hover {
2702
3053
  @media (hover: hover) {
2703
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3054
+ background-color: var(--muted);
3055
+ @supports (color: color-mix(in lab, red, red)) {
3056
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
3057
+ }
2704
3058
  }
2705
3059
  }
2706
3060
  }
2707
- .hover\:bg-primary\/90 {
3061
+ .hover\:bg-nsw-grey-100 {
2708
3062
  &:hover {
2709
3063
  @media (hover: hover) {
2710
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 90%, transparent);
3064
+ background-color: var(--color-nsw-grey-100);
2711
3065
  }
2712
3066
  }
2713
3067
  }
2714
- .hover\:bg-purple-100 {
3068
+ .hover\:bg-primary-800\/10 {
2715
3069
  &:hover {
2716
3070
  @media (hover: hover) {
2717
- background-color: var(--color-purple-100);
3071
+ background-color: color-mix(
3072
+ in oklab,
3073
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
3074
+ transparent
3075
+ );
2718
3076
  }
2719
3077
  }
2720
3078
  }
2721
- .hover\:bg-secondary\/80 {
3079
+ .hover\:bg-purple-100 {
2722
3080
  &:hover {
2723
3081
  @media (hover: hover) {
2724
- background-color: color-mix(in oklab, oklch(0.9267 0.0417 227.89) 80%, transparent);
3082
+ background-color: var(--color-purple-100);
2725
3083
  }
2726
3084
  }
2727
3085
  }
@@ -2747,17 +3105,17 @@
2747
3105
  }
2748
3106
  }
2749
3107
  }
2750
- .hover\:text-gray-600 {
3108
+ .hover\:text-green-600 {
2751
3109
  &:hover {
2752
3110
  @media (hover: hover) {
2753
- color: var(--color-gray-600);
3111
+ color: var(--color-green-600);
2754
3112
  }
2755
3113
  }
2756
3114
  }
2757
- .hover\:text-green-600 {
3115
+ .hover\:text-grey-600 {
2758
3116
  &:hover {
2759
3117
  @media (hover: hover) {
2760
- color: var(--color-green-600);
3118
+ color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
2761
3119
  }
2762
3120
  }
2763
3121
  }
@@ -2775,17 +3133,24 @@
2775
3133
  }
2776
3134
  }
2777
3135
  }
2778
- .hover\:text-primary {
3136
+ .hover\:text-primary-700 {
2779
3137
  &:hover {
2780
3138
  @media (hover: hover) {
2781
- color: oklch(0.29 0.1173 259.84);
3139
+ color: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
2782
3140
  }
2783
3141
  }
2784
3142
  }
2785
- .hover\:text-primary-darkest {
3143
+ .hover\:text-primary-800 {
2786
3144
  &:hover {
2787
3145
  @media (hover: hover) {
2788
- color: oklch(0.13774999999999998 0.064515 259.84);
3146
+ color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
3147
+ }
3148
+ }
3149
+ }
3150
+ .hover\:text-primary-850 {
3151
+ &:hover {
3152
+ @media (hover: hover) {
3153
+ color: oklch(0.23924891632195233 0.0997013828336979 259.841936589881);
2789
3154
  }
2790
3155
  }
2791
3156
  }
@@ -2847,9 +3212,13 @@
2847
3212
  z-index: 10;
2848
3213
  }
2849
3214
  }
2850
- .focus\:bg-primary\/10 {
3215
+ .focus\:bg-primary-800\/10 {
2851
3216
  &:focus {
2852
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3217
+ background-color: color-mix(
3218
+ in oklab,
3219
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
3220
+ transparent
3221
+ );
2853
3222
  }
2854
3223
  }
2855
3224
  .focus\:outline {
@@ -2890,37 +3259,14 @@
2890
3259
  outline-color: var(--btn-bg);
2891
3260
  }
2892
3261
  }
2893
- .focus\:outline-\(--toggle-border\) {
2894
- &:focus {
2895
- outline-color: var(--toggle-border);
2896
- }
2897
- }
2898
- .focus\:outline-\[var\(--focus-outline\)\] {
3262
+ .focus\:outline-\(--focus-outline\) {
2899
3263
  &:focus {
2900
3264
  outline-color: var(--focus-outline);
2901
3265
  }
2902
3266
  }
2903
- .focus\:outline-nsw-grey-200 {
2904
- &:focus {
2905
- outline-color: var(--color-nsw-grey-200);
2906
- }
2907
- }
2908
- .focus\:outline-nsw-grey-300 {
2909
- &:focus {
2910
- outline-color: var(--color-nsw-grey-300);
2911
- }
2912
- }
2913
- .focus\:outline-nsw-grey-800\/20 {
2914
- &:focus {
2915
- outline-color: color-mix(in srgb, oklch(0.2694 0.0104 242.08) 20%, transparent);
2916
- @supports (color: color-mix(in lab, red, red)) {
2917
- outline-color: color-mix(in oklab, var(--color-nsw-grey-800) 20%, transparent);
2918
- }
2919
- }
2920
- }
2921
- .focus\:outline-primary {
3267
+ .focus\:outline-\(--toggle-border\) {
2922
3268
  &:focus {
2923
- outline-color: oklch(0.29 0.1173 259.84);
3269
+ outline-color: var(--toggle-border);
2924
3270
  }
2925
3271
  }
2926
3272
  .focus-visible\:z-10 {
@@ -2942,6 +3288,15 @@
2942
3288
  var(--tw-ring-shadow), var(--tw-shadow);
2943
3289
  }
2944
3290
  }
3291
+ .focus-visible\:ring-2 {
3292
+ &:focus-visible {
3293
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
3294
+ var(--tw-ring-color, currentcolor);
3295
+ box-shadow:
3296
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3297
+ var(--tw-ring-shadow), var(--tw-shadow);
3298
+ }
3299
+ }
2945
3300
  .focus-visible\:ring-4 {
2946
3301
  &:focus-visible {
2947
3302
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width))
@@ -2969,6 +3324,15 @@
2969
3324
  var(--tw-ring-shadow), var(--tw-shadow);
2970
3325
  }
2971
3326
  }
3327
+ .focus-visible\:ring-primary-650\/70 {
3328
+ &:focus-visible {
3329
+ --tw-ring-color: color-mix(
3330
+ in oklab,
3331
+ oklch(0.5038341615701663 0.20169915825513662 260.52773388396713) 70%,
3332
+ transparent
3333
+ );
3334
+ }
3335
+ }
2972
3336
  .focus-visible\:ring-ring {
2973
3337
  &:focus-visible {
2974
3338
  --tw-ring-color: var(--ring);
@@ -2989,6 +3353,13 @@
2989
3353
  var(--tw-ring-offset-color);
2990
3354
  }
2991
3355
  }
3356
+ .focus-visible\:ring-offset-2 {
3357
+ &:focus-visible {
3358
+ --tw-ring-offset-width: 2px;
3359
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
3360
+ var(--tw-ring-offset-color);
3361
+ }
3362
+ }
2992
3363
  .focus-visible\:outline-hidden {
2993
3364
  &:focus-visible {
2994
3365
  --tw-outline-style: none;
@@ -3010,6 +3381,12 @@
3010
3381
  outline-color: var(--ring);
3011
3382
  }
3012
3383
  }
3384
+ .focus-visible\:outline-none {
3385
+ &:focus-visible {
3386
+ --tw-outline-style: none;
3387
+ outline-style: none;
3388
+ }
3389
+ }
3013
3390
  .disabled\:pointer-events-none {
3014
3391
  &:disabled {
3015
3392
  pointer-events: none;
@@ -3040,62 +3417,9 @@
3040
3417
  column-gap: calc(var(--spacing) * 3);
3041
3418
  }
3042
3419
  }
3043
- .aria-invalid\:border-error {
3044
- &[aria-invalid='true'] {
3045
- border-color: oklch(0.502 0.1927 18.08);
3046
- }
3047
- }
3048
- .aria-invalid\:ring-error\/20 {
3049
- &[aria-invalid='true'] {
3050
- --tw-ring-color: color-mix(in oklab, oklch(0.502 0.1927 18.08) 20%, transparent);
3051
- }
3052
- }
3053
- .data-active\:bg-nsw-grey-300 {
3054
- &[data-active] {
3055
- background-color: var(--color-nsw-grey-300);
3056
- }
3057
- }
3058
- .data-active\:bg-primary {
3059
- &[data-active] {
3060
- background-color: oklch(0.29 0.1173 259.84);
3061
- }
3062
- }
3063
- .data-active\:text-white {
3064
- &[data-active] {
3065
- color: var(--color-white);
3066
- }
3067
- }
3068
- .data-active\:\[--btn-border\:var\(--color-nsw-grey-300\)\] {
3420
+ .data-active\:border-\(--btn-bg\) {
3069
3421
  &[data-active] {
3070
- --btn-border: var(--color-nsw-grey-300);
3071
- }
3072
- }
3073
- .data-active\:\[--btn-border\:var\(--color-nsw-grey-850\)\]\/15 {
3074
- &[data-active] {
3075
- --btn-border: color-mix(in srgb, oklch(0.22225499999999998 0.00884 242.08) 15%, transparent);
3076
- @supports (color: color-mix(in lab, red, red)) {
3077
- --btn-border: color-mix(in oklab, var(--color-nsw-grey-850) 15%, transparent);
3078
- }
3079
- }
3080
- }
3081
- .data-active\:\[--btn-icon\:var\(--color-nsw-grey-50\)\] {
3082
- &[data-active] {
3083
- --btn-icon: var(--color-nsw-grey-50);
3084
- }
3085
- }
3086
- .data-active\:\[--btn-icon\:var\(--color-nsw-grey-850\)\] {
3087
- &[data-active] {
3088
- --btn-icon: var(--color-nsw-grey-850);
3089
- }
3090
- }
3091
- .data-active\:\[--btn-icon\:var\(--color-nsw-grey-900\)\] {
3092
- &[data-active] {
3093
- --btn-icon: var(--color-nsw-grey-900);
3094
- }
3095
- }
3096
- .data-active\:\[--btn-icon\:var\(--color-white\)\] {
3097
- &[data-active] {
3098
- --btn-icon: var(--color-white);
3422
+ border-color: var(--btn-bg);
3099
3423
  }
3100
3424
  }
3101
3425
  .data-active\:after\:bg-\(--btn-hover-overlay\) {
@@ -3138,47 +3462,14 @@
3138
3462
  }
3139
3463
  }
3140
3464
  }
3141
- .data-hover\:bg-nsw-grey-200 {
3465
+ .data-hover\:border-\(--btn-bg\) {
3142
3466
  &[data-hover] {
3143
- background-color: var(--color-nsw-grey-200);
3467
+ border-color: var(--btn-bg);
3144
3468
  }
3145
3469
  }
3146
- .data-hover\:bg-primary {
3470
+ .data-hover\:decoration-primary-800 {
3147
3471
  &[data-hover] {
3148
- background-color: oklch(0.29 0.1173 259.84);
3149
- }
3150
- }
3151
- .data-hover\:text-white {
3152
- &[data-hover] {
3153
- color: var(--color-white);
3154
- }
3155
- }
3156
- .data-hover\:\[--btn-border\:var\(--color-nsw-grey-850\)\]\/15 {
3157
- &[data-hover] {
3158
- --btn-border: color-mix(in srgb, oklch(0.22225499999999998 0.00884 242.08) 15%, transparent);
3159
- @supports (color: color-mix(in lab, red, red)) {
3160
- --btn-border: color-mix(in oklab, var(--color-nsw-grey-850) 15%, transparent);
3161
- }
3162
- }
3163
- }
3164
- .data-hover\:\[--btn-icon\:var\(--color-nsw-grey-50\)\] {
3165
- &[data-hover] {
3166
- --btn-icon: var(--color-nsw-grey-50);
3167
- }
3168
- }
3169
- .data-hover\:\[--btn-icon\:var\(--color-nsw-grey-850\)\] {
3170
- &[data-hover] {
3171
- --btn-icon: var(--color-nsw-grey-850);
3172
- }
3173
- }
3174
- .data-hover\:\[--btn-icon\:var\(--color-nsw-grey-900\)\] {
3175
- &[data-hover] {
3176
- --btn-icon: var(--color-nsw-grey-900);
3177
- }
3178
- }
3179
- .data-hover\:\[--btn-icon\:var\(--color-white\)\] {
3180
- &[data-hover] {
3181
- --btn-icon: var(--color-white);
3472
+ text-decoration-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
3182
3473
  }
3183
3474
  }
3184
3475
  .data-hover\:after\:bg-\(--btn-hover-overlay\) {
@@ -3189,19 +3480,27 @@
3189
3480
  }
3190
3481
  }
3191
3482
  }
3192
- .data-\[active\=true\]\:hover\:bg-primary\/10 {
3483
+ .data-\[active\=true\]\:hover\:bg-primary-800\/10 {
3193
3484
  &[data-active='true'] {
3194
3485
  &:hover {
3195
3486
  @media (hover: hover) {
3196
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3487
+ background-color: color-mix(
3488
+ in oklab,
3489
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
3490
+ transparent
3491
+ );
3197
3492
  }
3198
3493
  }
3199
3494
  }
3200
3495
  }
3201
- .data-\[active\=true\]\:focus\:bg-primary\/10 {
3496
+ .data-\[active\=true\]\:focus\:bg-primary-800\/10 {
3202
3497
  &[data-active='true'] {
3203
3498
  &:focus {
3204
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3499
+ background-color: color-mix(
3500
+ in oklab,
3501
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
3502
+ transparent
3503
+ );
3205
3504
  }
3206
3505
  }
3207
3506
  }
@@ -3399,9 +3698,13 @@
3399
3698
  color: var(--muted-foreground);
3400
3699
  }
3401
3700
  }
3402
- .data-\[selected\=true\]\:bg-primary\/10 {
3701
+ .data-\[selected\=true\]\:bg-primary-800\/10 {
3403
3702
  &[data-selected='true'] {
3404
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
3703
+ background-color: color-mix(
3704
+ in oklab,
3705
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
3706
+ transparent
3707
+ );
3405
3708
  }
3406
3709
  }
3407
3710
  .data-\[side\=bottom\]\:translate-y-1 {
@@ -3465,17 +3768,17 @@
3465
3768
  }
3466
3769
  }
3467
3770
  }
3468
- .\*\:data-\[slot\=icon\]\:-mx-0\.5 {
3771
+ .\*\:data-\[slot\=icon\]\:-mx-0\.25 {
3469
3772
  :is(& > *) {
3470
3773
  &[data-slot='icon'] {
3471
- margin-inline: calc(var(--spacing) * -0.5);
3774
+ margin-inline: calc(var(--spacing) * -0.25);
3472
3775
  }
3473
3776
  }
3474
3777
  }
3475
- .\*\:data-\[slot\=icon\]\:my-0\.5 {
3778
+ .\*\:data-\[slot\=icon\]\:my-0\.25 {
3476
3779
  :is(& > *) {
3477
3780
  &[data-slot='icon'] {
3478
- margin-block: calc(var(--spacing) * 0.5);
3781
+ margin-block: calc(var(--spacing) * 0.25);
3479
3782
  }
3480
3783
  }
3481
3784
  }
@@ -3570,11 +3873,6 @@
3570
3873
  }
3571
3874
  }
3572
3875
  }
3573
- .data-\[state\=active\]\:border-accent {
3574
- &[data-state='active'] {
3575
- border-color: oklch(0.562 0.2175 20.33);
3576
- }
3577
- }
3578
3876
  .data-\[state\=active\]\:bg-background {
3579
3877
  &[data-state='active'] {
3580
3878
  background-color: var(--background);
@@ -3606,14 +3904,14 @@
3606
3904
  translate: var(--tw-translate-x) var(--tw-translate-y);
3607
3905
  }
3608
3906
  }
3609
- .data-\[state\=checked\]\:border-primary {
3907
+ .data-\[state\=checked\]\:border-primary-800 {
3610
3908
  &[data-state='checked'] {
3611
- border-color: oklch(0.29 0.1173 259.84);
3909
+ border-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
3612
3910
  }
3613
3911
  }
3614
- .data-\[state\=checked\]\:bg-primary {
3912
+ .data-\[state\=checked\]\:bg-primary-800 {
3615
3913
  &[data-state='checked'] {
3616
- background-color: oklch(0.29 0.1173 259.84);
3914
+ background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
3617
3915
  }
3618
3916
  }
3619
3917
  .data-\[state\=closed\]\:duration-300 {
@@ -3726,9 +4024,13 @@
3726
4024
  background-color: var(--color-nsw-grey-100);
3727
4025
  }
3728
4026
  }
3729
- .data-\[state\=on\]\:bg-primary\/10 {
4027
+ .data-\[state\=on\]\:bg-primary-800\/10 {
3730
4028
  &[data-state='on'] {
3731
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
4029
+ background-color: color-mix(
4030
+ in oklab,
4031
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
4032
+ transparent
4033
+ );
3732
4034
  }
3733
4035
  }
3734
4036
  .data-\[state\=on\]\:bg-purple-500 {
@@ -3746,9 +4048,13 @@
3746
4048
  color: var(--color-white);
3747
4049
  }
3748
4050
  }
3749
- .data-\[state\=open\]\:bg-primary\/10 {
4051
+ .data-\[state\=open\]\:bg-primary-800\/10 {
3750
4052
  &[data-state='open'] {
3751
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
4053
+ background-color: color-mix(
4054
+ in oklab,
4055
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
4056
+ transparent
4057
+ );
3752
4058
  }
3753
4059
  }
3754
4060
  .data-\[state\=open\]\:duration-500 {
@@ -3835,19 +4141,27 @@
3835
4141
  }
3836
4142
  }
3837
4143
  }
3838
- .data-\[state\=open\]\:hover\:bg-primary\/10 {
4144
+ .data-\[state\=open\]\:hover\:bg-primary-800\/10 {
3839
4145
  &[data-state='open'] {
3840
4146
  &:hover {
3841
4147
  @media (hover: hover) {
3842
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
4148
+ background-color: color-mix(
4149
+ in oklab,
4150
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
4151
+ transparent
4152
+ );
3843
4153
  }
3844
4154
  }
3845
4155
  }
3846
4156
  }
3847
- .data-\[state\=open\]\:focus\:bg-primary\/10 {
4157
+ .data-\[state\=open\]\:focus\:bg-primary-800\/10 {
3848
4158
  &[data-state='open'] {
3849
4159
  &:focus {
3850
- background-color: color-mix(in oklab, oklch(0.29 0.1173 259.84) 10%, transparent);
4160
+ background-color: color-mix(
4161
+ in oklab,
4162
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
4163
+ transparent
4164
+ );
3851
4165
  }
3852
4166
  }
3853
4167
  }
@@ -3883,25 +4197,202 @@
3883
4197
  --tw-enter-opacity: 0;
3884
4198
  }
3885
4199
  }
3886
- .data-\[variant\=outline\]\:border-l-0 {
3887
- &[data-variant='outline'] {
3888
- border-left-style: var(--tw-border-style);
3889
- border-left-width: 0px;
4200
+ .data-\[variant\=outline\]\:border-l-0 {
4201
+ &[data-variant='outline'] {
4202
+ border-left-style: var(--tw-border-style);
4203
+ border-left-width: 0px;
4204
+ }
4205
+ }
4206
+ .data-\[variant\=outline\]\:shadow-xs {
4207
+ &[data-variant='outline'] {
4208
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
4209
+ box-shadow:
4210
+ var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
4211
+ var(--tw-ring-shadow), var(--tw-shadow);
4212
+ }
4213
+ }
4214
+ .data-\[variant\=outline\]\:\[--badge-hover-overlay\:var\(--color-grey-200\)\]\/20 {
4215
+ &[data-variant='outline'] {
4216
+ --badge-hover-overlay: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
4217
+ @supports (color: color-mix(in lab, red, red)) {
4218
+ --badge-hover-overlay: color-mix(in oklab, var(--color-grey-200) 20%, transparent);
4219
+ }
4220
+ }
4221
+ }
4222
+ .data-\[variant\=outline\]\:first\:border-l {
4223
+ &[data-variant='outline'] {
4224
+ &:first-child {
4225
+ border-left-style: var(--tw-border-style);
4226
+ border-left-width: 1px;
4227
+ }
4228
+ }
4229
+ }
4230
+ .data-\[variant\=soft\]\:\[--badge-bg\:var\(--color-grey-500\)\] {
4231
+ &[data-variant='soft'] {
4232
+ --badge-bg: var(--color-grey-500);
4233
+ }
4234
+ }
4235
+ .data-\[variant\=soft\]\:\[--btn-bg\:var\(--color-grey-400\)\] {
4236
+ &[data-variant='soft'] {
4237
+ --btn-bg: var(--color-grey-400);
4238
+ }
4239
+ }
4240
+ .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-accent-600\)\]\/20 {
4241
+ &[data-variant='soft'] {
4242
+ --focus-outline: color-mix(
4243
+ in srgb,
4244
+ oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 20%,
4245
+ transparent
4246
+ );
4247
+ @supports (color: color-mix(in lab, red, red)) {
4248
+ --focus-outline: color-mix(in oklab, var(--color-accent-600) 20%, transparent);
4249
+ }
4250
+ }
4251
+ }
4252
+ .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-grey-600\)\]\/20 {
4253
+ &[data-variant='soft'] {
4254
+ --focus-outline: color-mix(
4255
+ in srgb,
4256
+ oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 20%,
4257
+ transparent
4258
+ );
4259
+ @supports (color: color-mix(in lab, red, red)) {
4260
+ --focus-outline: color-mix(in oklab, var(--color-grey-600) 20%, transparent);
4261
+ }
4262
+ }
4263
+ }
4264
+ .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-200\)\]\/20 {
4265
+ &[data-variant='soft'] {
4266
+ --focus-outline: color-mix(
4267
+ in srgb,
4268
+ oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 20%,
4269
+ transparent
4270
+ );
4271
+ @supports (color: color-mix(in lab, red, red)) {
4272
+ --focus-outline: color-mix(in oklab, var(--color-primary-200) 20%, transparent);
4273
+ }
4274
+ }
4275
+ }
4276
+ .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-600\)\]\/20 {
4277
+ &[data-variant='soft'] {
4278
+ --focus-outline: color-mix(
4279
+ in srgb,
4280
+ oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 20%,
4281
+ transparent
4282
+ );
4283
+ @supports (color: color-mix(in lab, red, red)) {
4284
+ --focus-outline: color-mix(in oklab, var(--color-primary-600) 20%, transparent);
4285
+ }
4286
+ }
4287
+ }
4288
+ .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-800\)\]\/20 {
4289
+ &[data-variant='soft'] {
4290
+ --focus-outline: color-mix(
4291
+ in srgb,
4292
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 20%,
4293
+ transparent
4294
+ );
4295
+ @supports (color: color-mix(in lab, red, red)) {
4296
+ --focus-outline: color-mix(in oklab, var(--color-primary-800) 20%, transparent);
4297
+ }
4298
+ }
4299
+ }
4300
+ .data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-white\)\]\/20 {
4301
+ &[data-variant='soft'] {
4302
+ --focus-outline: color-mix(in srgb, #fff 20%, transparent);
4303
+ @supports (color: color-mix(in lab, red, red)) {
4304
+ --focus-outline: color-mix(in oklab, var(--color-white) 20%, transparent);
4305
+ }
4306
+ }
4307
+ }
4308
+ .data-\[variant\=solid\]\:text-grey-800 {
4309
+ &[data-variant='solid'] {
4310
+ color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
4311
+ }
4312
+ }
4313
+ .data-\[variant\=solid\]\:\[--badge-hover-overlay\:var\(--color-grey-400\)\]\/50 {
4314
+ &[data-variant='solid'] {
4315
+ --badge-hover-overlay: color-mix(
4316
+ in srgb,
4317
+ oklch(0.8630965162073586 0.007776237801518043 228.8687380011113) 50%,
4318
+ transparent
4319
+ );
4320
+ @supports (color: color-mix(in lab, red, red)) {
4321
+ --badge-hover-overlay: color-mix(in oklab, var(--color-grey-400) 50%, transparent);
4322
+ }
4323
+ }
4324
+ }
4325
+ .data-\[variant\=solid\]\:\[--badge-hover-overlay\:var\(--color-primary-250\)\] {
4326
+ &[data-variant='solid'] {
4327
+ --badge-hover-overlay: var(--color-primary-250);
4328
+ }
4329
+ }
4330
+ .data-\[variant\=solid\]\:\[--badge-hover-overlay\:var\(--color-white\)\]\/10 {
4331
+ &[data-variant='solid'] {
4332
+ --badge-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
4333
+ @supports (color: color-mix(in lab, red, red)) {
4334
+ --badge-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
4335
+ }
4336
+ }
4337
+ }
4338
+ .data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-grey-800\)\]\/10 {
4339
+ &[data-variant='solid'] {
4340
+ --btn-hover-overlay: color-mix(
4341
+ in srgb,
4342
+ oklch(0.26941250740174183 0.010359971488680036 242.08383926925922) 10%,
4343
+ transparent
4344
+ );
4345
+ @supports (color: color-mix(in lab, red, red)) {
4346
+ --btn-hover-overlay: color-mix(in oklab, var(--color-grey-800) 10%, transparent);
4347
+ }
4348
+ }
4349
+ }
4350
+ .data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/10 {
4351
+ &[data-variant='solid'] {
4352
+ --btn-hover-overlay: color-mix(
4353
+ in srgb,
4354
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%,
4355
+ transparent
4356
+ );
4357
+ @supports (color: color-mix(in lab, red, red)) {
4358
+ --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
4359
+ }
4360
+ }
4361
+ }
4362
+ .data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
4363
+ &[data-variant='solid'] {
4364
+ --btn-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
4365
+ @supports (color: color-mix(in lab, red, red)) {
4366
+ --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
4367
+ }
4368
+ }
4369
+ }
4370
+ .data-\[variant\=surface\]\:\[--badge-bg\:var\(--color-grey-500\)\] {
4371
+ &[data-variant='surface'] {
4372
+ --badge-bg: var(--color-grey-500);
4373
+ }
4374
+ }
4375
+ .data-\[variant\=surface\]\:\[--btn-bg\:var\(--color-grey-400\)\] {
4376
+ &[data-variant='surface'] {
4377
+ --btn-bg: var(--color-grey-400);
3890
4378
  }
3891
4379
  }
3892
- .data-\[variant\=outline\]\:shadow-xs {
3893
- &[data-variant='outline'] {
3894
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
3895
- box-shadow:
3896
- var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
3897
- var(--tw-ring-shadow), var(--tw-shadow);
4380
+ .data-\[variant\=surface\]\:\[--focus-outline\:var\(--color-grey-600\)\] {
4381
+ &[data-variant='surface'] {
4382
+ --focus-outline: var(--color-grey-600);
3898
4383
  }
3899
4384
  }
3900
- .data-\[variant\=outline\]\:first\:border-l {
3901
- &[data-variant='outline'] {
3902
- &:first-child {
3903
- border-left-style: var(--tw-border-style);
3904
- border-left-width: 1px;
4385
+ .data-\[variant\=surface\]\:data-active\:\[--btn-border\:var\(--color-grey-300\)\] {
4386
+ &[data-variant='surface'] {
4387
+ &[data-active] {
4388
+ --btn-border: var(--color-grey-300);
4389
+ }
4390
+ }
4391
+ }
4392
+ .data-\[variant\=surface\]\:data-hover\:\[--btn-border\:var\(--color-grey-300\)\] {
4393
+ &[data-variant='surface'] {
4394
+ &[data-hover] {
4395
+ --btn-border: var(--color-grey-300);
3905
4396
  }
3906
4397
  }
3907
4398
  }
@@ -4076,34 +4567,34 @@
4076
4567
  padding-inline: calc(var(--spacing) * 6);
4077
4568
  }
4078
4569
  }
4079
- .sm\:px-\[calc\(--spacing\(2\.5\)-1px\)\] {
4570
+ .sm\:px-\[calc\(--spacing\(3\.5\)-1px\)\] {
4080
4571
  @media (width >= 40rem) {
4081
- padding-inline: calc(calc(var(--spacing) * 2.5) - 1px);
4572
+ padding-inline: calc(calc(var(--spacing) * 3.5) - 1px);
4082
4573
  }
4083
4574
  }
4084
- .sm\:px-\[calc\(--spacing\(3\)-1px\)\] {
4575
+ .sm\:px-\[calc\(--spacing\(4\.5\)-1px\)\] {
4085
4576
  @media (width >= 40rem) {
4086
- padding-inline: calc(calc(var(--spacing) * 3) - 1px);
4577
+ padding-inline: calc(calc(var(--spacing) * 4.5) - 1px);
4087
4578
  }
4088
4579
  }
4089
- .sm\:px-\[calc\(--spacing\(3\.5\)-1px\)\] {
4580
+ .sm\:px-\[calc\(--spacing\(5\.5\)-1px\)\] {
4090
4581
  @media (width >= 40rem) {
4091
- padding-inline: calc(calc(var(--spacing) * 3.5) - 1px);
4582
+ padding-inline: calc(calc(var(--spacing) * 5.5) - 1px);
4092
4583
  }
4093
4584
  }
4094
- .sm\:py-\[calc\(--spacing\(1\)-1px\)\] {
4585
+ .sm\:py-\[calc\(--spacing\(2\)-1px\)\] {
4095
4586
  @media (width >= 40rem) {
4096
- padding-block: calc(calc(var(--spacing) * 1) - 1px);
4587
+ padding-block: calc(calc(var(--spacing) * 2) - 1px);
4097
4588
  }
4098
4589
  }
4099
- .sm\:py-\[calc\(--spacing\(1\.5\)-1px\)\] {
4590
+ .sm\:py-\[calc\(--spacing\(3\)-1px\)\] {
4100
4591
  @media (width >= 40rem) {
4101
- padding-block: calc(calc(var(--spacing) * 1.5) - 1px);
4592
+ padding-block: calc(calc(var(--spacing) * 3) - 1px);
4102
4593
  }
4103
4594
  }
4104
- .sm\:py-\[calc\(--spacing\(2\)-1px\)\] {
4595
+ .sm\:py-\[calc\(--spacing\(4\)-1px\)\] {
4105
4596
  @media (width >= 40rem) {
4106
- padding-block: calc(calc(var(--spacing) * 2) - 1px);
4597
+ padding-block: calc(calc(var(--spacing) * 4) - 1px);
4107
4598
  }
4108
4599
  }
4109
4600
  .sm\:pr-2\.5 {
@@ -4131,6 +4622,12 @@
4131
4622
  text-align: left;
4132
4623
  }
4133
4624
  }
4625
+ .sm\:text-sm\/5 {
4626
+ @media (width >= 40rem) {
4627
+ font-size: var(--text-sm);
4628
+ line-height: calc(var(--spacing) * 5);
4629
+ }
4630
+ }
4134
4631
  .sm\:text-sm\/6 {
4135
4632
  @media (width >= 40rem) {
4136
4633
  font-size: var(--text-sm);
@@ -4143,11 +4640,16 @@
4143
4640
  line-height: calc(var(--spacing) * 5);
4144
4641
  }
4145
4642
  }
4146
- .sm\:\*\:data-\[slot\=icon\]\:my-1 {
4643
+ .sm\:text-\[0\.8125rem\] {
4644
+ @media (width >= 40rem) {
4645
+ font-size: 0.8125rem;
4646
+ }
4647
+ }
4648
+ .sm\:\*\:data-\[slot\=icon\]\:my-0\.5 {
4147
4649
  @media (width >= 40rem) {
4148
4650
  :is(& > *) {
4149
4651
  &[data-slot='icon'] {
4150
- margin-block: calc(var(--spacing) * 1);
4652
+ margin-block: calc(var(--spacing) * 0.5);
4151
4653
  }
4152
4654
  }
4153
4655
  }
@@ -4231,21 +4733,11 @@
4231
4733
  grid-template-columns: repeat(4, minmax(0, 1fr));
4232
4734
  }
4233
4735
  }
4234
- .md\:grid-cols-7 {
4235
- @media (width >= 48rem) {
4236
- grid-template-columns: repeat(7, minmax(0, 1fr));
4237
- }
4238
- }
4239
4736
  .md\:grid-cols-19 {
4240
4737
  @media (width >= 48rem) {
4241
4738
  grid-template-columns: repeat(19, minmax(0, 1fr));
4242
4739
  }
4243
4740
  }
4244
- .md\:flex-row {
4245
- @media (width >= 48rem) {
4246
- flex-direction: row;
4247
- }
4248
- }
4249
4741
  .md\:text-sm {
4250
4742
  @media (width >= 48rem) {
4251
4743
  font-size: var(--text-sm);
@@ -4366,18 +4858,6 @@
4366
4858
  text-align: left;
4367
4859
  }
4368
4860
  }
4369
- .lg\:text-3xl {
4370
- @media (width >= 64rem) {
4371
- font-size: var(--text-3xl);
4372
- line-height: var(--tw-leading, var(--text-3xl--line-height));
4373
- }
4374
- }
4375
- .lg\:text-5xl {
4376
- @media (width >= 64rem) {
4377
- font-size: var(--text-5xl);
4378
- line-height: var(--tw-leading, var(--text-5xl--line-height));
4379
- }
4380
- }
4381
4861
  .lg\:text-sm {
4382
4862
  @media (width >= 64rem) {
4383
4863
  font-size: var(--text-sm);
@@ -4449,27 +4929,50 @@
4449
4929
  display: none;
4450
4930
  }
4451
4931
  }
4452
- .dark\:border-gray-600 {
4932
+ .dark\:border-\(--badge-bg\) {
4453
4933
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4454
- border-color: var(--color-gray-600);
4934
+ border-color: var(--badge-bg);
4455
4935
  }
4456
4936
  }
4457
- .dark\:border-nsw-grey-50 {
4937
+ .dark\:border-\(--badge-bg\)\/50 {
4458
4938
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4459
- border-color: var(--color-nsw-grey-50);
4939
+ border-color: var(--badge-bg);
4940
+ @supports (color: color-mix(in lab, red, red)) {
4941
+ border-color: color-mix(in oklab, var(--badge-bg) 50%, transparent);
4942
+ }
4943
+ }
4944
+ }
4945
+ .dark\:border-\(--btn-bg\) {
4946
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
4947
+ border-color: var(--btn-bg);
4460
4948
  }
4461
4949
  }
4462
- .dark\:border-nsw-grey-200\/10 {
4950
+ .dark\:border-\(--btn-bg\)\/50 {
4463
4951
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4464
- border-color: color-mix(in srgb, oklch(0.9401 0 0) 10%, transparent);
4952
+ border-color: var(--btn-bg);
4465
4953
  @supports (color: color-mix(in lab, red, red)) {
4466
- border-color: color-mix(in oklab, var(--color-nsw-grey-200) 10%, transparent);
4954
+ border-color: color-mix(in oklab, var(--btn-bg) 50%, transparent);
4467
4955
  }
4468
4956
  }
4469
4957
  }
4958
+ .dark\:border-gray-600 {
4959
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
4960
+ border-color: var(--color-gray-600);
4961
+ }
4962
+ }
4963
+ .dark\:border-grey-600 {
4964
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
4965
+ border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
4966
+ }
4967
+ }
4968
+ .dark\:border-nsw-grey-50 {
4969
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
4970
+ border-color: var(--color-nsw-grey-50);
4971
+ }
4972
+ }
4470
4973
  .dark\:border-nsw-grey-200\/15 {
4471
4974
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4472
- border-color: color-mix(in srgb, oklch(0.9401 0 0) 15%, transparent);
4975
+ border-color: color-mix(in srgb, oklch(0.9400701096450296 0 0) 15%, transparent);
4473
4976
  @supports (color: color-mix(in lab, red, red)) {
4474
4977
  border-color: color-mix(in oklab, var(--color-nsw-grey-200) 15%, transparent);
4475
4978
  }
@@ -4477,7 +4980,7 @@
4477
4980
  }
4478
4981
  .dark\:border-nsw-grey-200\/20 {
4479
4982
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4480
- border-color: color-mix(in srgb, oklch(0.9401 0 0) 20%, transparent);
4983
+ border-color: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
4481
4984
  @supports (color: color-mix(in lab, red, red)) {
4482
4985
  border-color: color-mix(in oklab, var(--color-nsw-grey-200) 20%, transparent);
4483
4986
  }
@@ -4501,24 +5004,83 @@
4501
5004
  }
4502
5005
  }
4503
5006
  }
5007
+ .dark\:border-white\/20 {
5008
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5009
+ border-color: color-mix(in srgb, #fff 20%, transparent);
5010
+ @supports (color: color-mix(in lab, red, red)) {
5011
+ border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
5012
+ }
5013
+ }
5014
+ }
4504
5015
  .dark\:bg-\(--badge-bg\) {
4505
5016
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4506
5017
  background-color: var(--badge-bg);
4507
5018
  }
4508
5019
  }
5020
+ .dark\:bg-\(--badge-bg\)\/20 {
5021
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5022
+ background-color: var(--badge-bg);
5023
+ @supports (color: color-mix(in lab, red, red)) {
5024
+ background-color: color-mix(in oklab, var(--badge-bg) 20%, transparent);
5025
+ }
5026
+ }
5027
+ }
5028
+ .dark\:bg-\(--badge-bg\)\/30 {
5029
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5030
+ background-color: var(--badge-bg);
5031
+ @supports (color: color-mix(in lab, red, red)) {
5032
+ background-color: color-mix(in oklab, var(--badge-bg) 30%, transparent);
5033
+ }
5034
+ }
5035
+ }
4509
5036
  .dark\:bg-\(--btn-bg\) {
4510
5037
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4511
5038
  background-color: var(--btn-bg);
4512
5039
  }
4513
5040
  }
4514
- .dark\:bg-blue-950 {
5041
+ .dark\:bg-\(--btn-bg\)\/20 {
4515
5042
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4516
- background-color: var(--color-blue-950);
5043
+ background-color: var(--btn-bg);
5044
+ @supports (color: color-mix(in lab, red, red)) {
5045
+ background-color: color-mix(in oklab, var(--btn-bg) 20%, transparent);
5046
+ }
5047
+ }
5048
+ }
5049
+ .dark\:bg-\(--btn-bg\)\/30 {
5050
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5051
+ background-color: var(--btn-bg);
5052
+ @supports (color: color-mix(in lab, red, red)) {
5053
+ background-color: color-mix(in oklab, var(--btn-bg) 30%, transparent);
5054
+ }
5055
+ }
5056
+ }
5057
+ .dark\:bg-\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/40 {
5058
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5059
+ background-color: color-mix(
5060
+ in srgb,
5061
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 40%,
5062
+ transparent
5063
+ );
5064
+ @supports (color: color-mix(in lab, red, red)) {
5065
+ background-color: color-mix(in oklab, var(--color-primary-800) 40%, transparent);
5066
+ }
5067
+ }
5068
+ }
5069
+ .dark\:bg-\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/40 {
5070
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5071
+ background-color: color-mix(
5072
+ in srgb,
5073
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 40%,
5074
+ transparent
5075
+ );
5076
+ @supports (color: color-mix(in lab, red, red)) {
5077
+ background-color: color-mix(in oklab, var(--color-primary-800) 40%, transparent);
5078
+ }
4517
5079
  }
4518
5080
  }
4519
- .dark\:bg-gray-700 {
5081
+ .dark\:bg-blue-950 {
4520
5082
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4521
- background-color: var(--color-gray-700);
5083
+ background-color: var(--color-blue-950);
4522
5084
  }
4523
5085
  }
4524
5086
  .dark\:bg-gray-800 {
@@ -4526,9 +5088,19 @@
4526
5088
  background-color: var(--color-gray-800);
4527
5089
  }
4528
5090
  }
4529
- .dark\:bg-gray-900 {
5091
+ .dark\:bg-grey-700 {
5092
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5093
+ background-color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
5094
+ }
5095
+ }
5096
+ .dark\:bg-grey-800 {
4530
5097
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4531
- background-color: var(--color-gray-900);
5098
+ background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
5099
+ }
5100
+ }
5101
+ .dark\:bg-grey-900 {
5102
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5103
+ background-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
4532
5104
  }
4533
5105
  }
4534
5106
  .dark\:bg-input\/30 {
@@ -4541,7 +5113,7 @@
4541
5113
  }
4542
5114
  .dark\:bg-nsw-grey-100\/20 {
4543
5115
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4544
- background-color: color-mix(in srgb, oklch(0.9700500000000001 0 0) 20%, transparent);
5116
+ background-color: color-mix(in srgb, oklch(0.9700350548225147 0 0) 20%, transparent);
4545
5117
  @supports (color: color-mix(in lab, red, red)) {
4546
5118
  background-color: color-mix(in oklab, var(--color-nsw-grey-100) 20%, transparent);
4547
5119
  }
@@ -4565,11 +5137,11 @@
4565
5137
  background-color: transparent;
4566
5138
  }
4567
5139
  }
4568
- .dark\:bg-white\/15 {
5140
+ .dark\:bg-white\/5 {
4569
5141
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4570
- background-color: color-mix(in srgb, #fff 15%, transparent);
5142
+ background-color: color-mix(in srgb, #fff 5%, transparent);
4571
5143
  @supports (color: color-mix(in lab, red, red)) {
4572
- background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
5144
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
4573
5145
  }
4574
5146
  }
4575
5147
  }
@@ -4588,39 +5160,29 @@
4588
5160
  color: var(--color-gray-400);
4589
5161
  }
4590
5162
  }
4591
- .dark\:text-muted-foreground {
4592
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4593
- color: var(--muted-foreground);
4594
- }
4595
- }
4596
- .dark\:text-nsw-grey-200 {
5163
+ .dark\:text-grey-200 {
4597
5164
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4598
- color: var(--color-nsw-grey-200);
5165
+ color: oklch(0.9400701096450296 0 0);
4599
5166
  }
4600
5167
  }
4601
- .dark\:text-nsw-grey-400 {
4602
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4603
- color: var(--color-nsw-grey-400);
4604
- }
4605
- }
4606
- .dark\:text-nsw-grey-800 {
5168
+ .dark\:text-grey-400 {
4607
5169
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4608
- color: var(--color-nsw-grey-800);
5170
+ color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
4609
5171
  }
4610
5172
  }
4611
- .dark\:text-primary {
5173
+ .dark\:text-muted-foreground {
4612
5174
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4613
- color: oklch(0.29 0.1173 259.84);
5175
+ color: var(--muted-foreground);
4614
5176
  }
4615
5177
  }
4616
- .dark\:text-primary-dark {
5178
+ .dark\:text-nsw-grey-400 {
4617
5179
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4618
- color: oklch(0.23925 0.099705 259.84);
5180
+ color: var(--color-nsw-grey-400);
4619
5181
  }
4620
5182
  }
4621
- .dark\:text-secondary {
5183
+ .dark\:text-primary-500 {
4622
5184
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4623
- color: oklch(0.9267 0.0417 227.89);
5185
+ color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
4624
5186
  }
4625
5187
  }
4626
5188
  .dark\:text-slate-400 {
@@ -4633,11 +5195,11 @@
4633
5195
  color: var(--color-white);
4634
5196
  }
4635
5197
  }
4636
- .dark\:text-white\/80 {
5198
+ .dark\:decoration-white\/50 {
4637
5199
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4638
- color: color-mix(in srgb, #fff 80%, transparent);
5200
+ text-decoration-color: color-mix(in srgb, #fff 50%, transparent);
4639
5201
  @supports (color: color-mix(in lab, red, red)) {
4640
- color: color-mix(in oklab, var(--color-white) 80%, transparent);
5202
+ text-decoration-color: color-mix(in oklab, var(--color-white) 50%, transparent);
4641
5203
  }
4642
5204
  }
4643
5205
  }
@@ -4662,73 +5224,9 @@
4662
5224
  var(--tw-backdrop-sepia,);
4663
5225
  }
4664
5226
  }
4665
- .dark\:\[--badge-bg\:var\(--color-accent\)\]\/50 {
4666
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4667
- --badge-bg: color-mix(in srgb, oklch(0.562 0.2175 20.33) 50%, transparent);
4668
- @supports (color: color-mix(in lab, red, red)) {
4669
- --badge-bg: color-mix(in oklab, var(--color-accent) 50%, transparent);
4670
- }
4671
- }
4672
- }
4673
- .dark\:\[--badge-bg\:var\(--color-error\)\]\/50 {
4674
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4675
- --badge-bg: color-mix(in srgb, oklch(0.502 0.1927 18.08) 50%, transparent);
4676
- @supports (color: color-mix(in lab, red, red)) {
4677
- --badge-bg: color-mix(in oklab, var(--color-error) 50%, transparent);
4678
- }
4679
- }
4680
- }
4681
- .dark\:\[--badge-bg\:var\(--color-info\)\]\/50 {
4682
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4683
- --badge-bg: color-mix(in srgb, oklch(0.4506 0.1233 262.35) 50%, transparent);
4684
- @supports (color: color-mix(in lab, red, red)) {
4685
- --badge-bg: color-mix(in oklab, var(--color-info) 50%, transparent);
4686
- }
4687
- }
4688
- }
4689
- .dark\:\[--badge-bg\:var\(--color-nsw-grey-100\)\] {
4690
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4691
- --badge-bg: var(--color-nsw-grey-100);
4692
- }
4693
- }
4694
- .dark\:\[--badge-bg\:var\(--color-primary\)\]\/90 {
4695
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4696
- --badge-bg: color-mix(in srgb, oklch(0.29 0.1173 259.84) 90%, transparent);
4697
- @supports (color: color-mix(in lab, red, red)) {
4698
- --badge-bg: color-mix(in oklab, var(--color-primary) 90%, transparent);
4699
- }
4700
- }
4701
- }
4702
- .dark\:\[--badge-bg\:var\(--color-secondary\)\]\/30 {
5227
+ .dark\:\[--badge-bg\:var\(--color-grey-600\)\] {
4703
5228
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4704
- --badge-bg: color-mix(in srgb, oklch(0.9267 0.0417 227.89) 30%, transparent);
4705
- @supports (color: color-mix(in lab, red, red)) {
4706
- --badge-bg: color-mix(in oklab, var(--color-secondary) 30%, transparent);
4707
- }
4708
- }
4709
- }
4710
- .dark\:\[--badge-bg\:var\(--color-success\)\]\/50 {
4711
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4712
- --badge-bg: color-mix(in srgb, oklch(0.549 0.1849 142.8) 50%, transparent);
4713
- @supports (color: color-mix(in lab, red, red)) {
4714
- --badge-bg: color-mix(in oklab, var(--color-success) 50%, transparent);
4715
- }
4716
- }
4717
- }
4718
- .dark\:\[--badge-bg\:var\(--color-tertiary\)\]\/50 {
4719
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4720
- --badge-bg: color-mix(in srgb, oklch(0.5751 0.2298 260.76) 50%, transparent);
4721
- @supports (color: color-mix(in lab, red, red)) {
4722
- --badge-bg: color-mix(in oklab, var(--color-tertiary) 50%, transparent);
4723
- }
4724
- }
4725
- }
4726
- .dark\:\[--badge-bg\:var\(--color-warning\)\]\/50 {
4727
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4728
- --badge-bg: color-mix(in srgb, oklch(0.5833 0.169705 43.9973) 50%, transparent);
4729
- @supports (color: color-mix(in lab, red, red)) {
4730
- --badge-bg: color-mix(in oklab, var(--color-warning) 50%, transparent);
4731
- }
5229
+ --badge-bg: var(--color-grey-600);
4732
5230
  }
4733
5231
  }
4734
5232
  .dark\:\[--badge-bg\:var\(--color-white\)\] {
@@ -4736,310 +5234,167 @@
4736
5234
  --badge-bg: var(--color-white);
4737
5235
  }
4738
5236
  }
4739
- .dark\:\[--badge-bg\:white\]\/15 {
4740
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4741
- --badge-bg: color-mix(in oklab, white 15%, transparent);
4742
- }
4743
- }
4744
- .dark\:\[--btn-bg\:var\(--color-nsw-grey-600\)\] {
4745
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4746
- --btn-bg: var(--color-nsw-grey-600);
4747
- }
4748
- }
4749
- .dark\:\[--btn-bg\:var\(--color-nsw-grey-800\)\] {
4750
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4751
- --btn-bg: var(--color-nsw-grey-800);
4752
- }
4753
- }
4754
- .dark\:\[--btn-bg\:var\(--color-primary-light\)\] {
4755
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4756
- --btn-bg: var(--color-primary-light);
4757
- }
4758
- }
4759
- .dark\:\[--btn-bg\:white\] {
4760
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4761
- --btn-bg: white;
4762
- }
4763
- }
4764
- .dark\:\[--btn-hover-overlay\:var\(--color-nsw-grey-800\)\]\/5 {
5237
+ .dark\:\[--badge-border\:var\(--color-grey-600\)\]\/90 {
4765
5238
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4766
- --btn-hover-overlay: color-mix(in srgb, oklch(0.2694 0.0104 242.08) 5%, transparent);
4767
- @supports (color: color-mix(in lab, red, red)) {
4768
- --btn-hover-overlay: color-mix(in oklab, var(--color-nsw-grey-800) 5%, transparent);
4769
- }
4770
- }
4771
- }
4772
- .dark\:\[--btn-hover-overlay\:var\(--color-primary-dark\)\]\/5 {
4773
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4774
- --btn-hover-overlay: color-mix(in srgb, oklch(0.23925 0.099705 259.84) 5%, transparent);
4775
- @supports (color: color-mix(in lab, red, red)) {
4776
- --btn-hover-overlay: color-mix(in oklab, var(--color-primary-dark) 5%, transparent);
4777
- }
4778
- }
4779
- }
4780
- .dark\:\[--btn-hover-overlay\:var\(--color-white\)\]\/5 {
4781
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4782
- --btn-hover-overlay: color-mix(in srgb, #fff 5%, transparent);
4783
- @supports (color: color-mix(in lab, red, red)) {
4784
- --btn-hover-overlay: color-mix(in oklab, var(--color-white) 5%, transparent);
4785
- }
4786
- }
4787
- }
4788
- .dark\:\[--btn-icon\:var\(--color-primary-dark\)\] {
4789
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4790
- --btn-icon: var(--color-primary-dark);
4791
- }
4792
- }
4793
- .dark\:\[--btn-icon\:var\(--color-white\)\] {
4794
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4795
- --btn-icon: var(--color-white);
4796
- }
4797
- }
4798
- .dark\:\[--focus-outline\:var\(--color-accent-dark\)\]\/80 {
4799
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4800
- --focus-outline: color-mix(
4801
- in srgb,
4802
- oklch(0.50075 0.19485 19.529999999999998) 80%,
4803
- transparent
4804
- );
4805
- @supports (color: color-mix(in lab, red, red)) {
4806
- --focus-outline: color-mix(in oklab, var(--color-accent-dark) 80%, transparent);
4807
- }
4808
- }
4809
- }
4810
- .dark\:\[--focus-outline\:var\(--color-error-dark\)\]\/80 {
4811
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4812
- --focus-outline: color-mix(
4813
- in srgb,
4814
- oklch(0.41415 0.16379500000000002 18.08) 80%,
4815
- transparent
4816
- );
4817
- @supports (color: color-mix(in lab, red, red)) {
4818
- --focus-outline: color-mix(in oklab, var(--color-error-dark) 80%, transparent);
4819
- }
4820
- }
4821
- }
4822
- .dark\:\[--focus-outline\:var\(--color-info-dark\)\]\/80 {
4823
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4824
- --focus-outline: color-mix(
5239
+ --badge-border: color-mix(
4825
5240
  in srgb,
4826
- oklch(0.371745 0.10480500000000001 262.35) 80%,
5241
+ oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%,
4827
5242
  transparent
4828
5243
  );
4829
5244
  @supports (color: color-mix(in lab, red, red)) {
4830
- --focus-outline: color-mix(in oklab, var(--color-info-dark) 80%, transparent);
4831
- }
4832
- }
4833
- }
4834
- .dark\:\[--focus-outline\:var\(--color-primary-light\)\] {
4835
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4836
- --focus-outline: var(--color-primary-light);
4837
- }
4838
- }
4839
- .dark\:\[--focus-outline\:var\(--color-secondary\)\]\/55 {
4840
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4841
- --focus-outline: color-mix(in srgb, oklch(0.9267 0.0417 227.89) 55%, transparent);
4842
- @supports (color: color-mix(in lab, red, red)) {
4843
- --focus-outline: color-mix(in oklab, var(--color-secondary) 55%, transparent);
5245
+ --badge-border: color-mix(in oklab, var(--color-grey-600) 90%, transparent);
4844
5246
  }
4845
5247
  }
4846
5248
  }
4847
- .dark\:\[--focus-outline\:var\(--color-success-dark\)\]\/80 {
5249
+ .dark\:\[--badge-border\:var\(--color-white\)\]\/90 {
4848
5250
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4849
- --focus-outline: color-mix(in srgb, oklch(0.452925 0.157165 142.8) 80%, transparent);
5251
+ --badge-border: color-mix(in srgb, #fff 90%, transparent);
4850
5252
  @supports (color: color-mix(in lab, red, red)) {
4851
- --focus-outline: color-mix(in oklab, var(--color-success-dark) 80%, transparent);
5253
+ --badge-border: color-mix(in oklab, var(--color-white) 90%, transparent);
4852
5254
  }
4853
5255
  }
4854
5256
  }
4855
- .dark\:\[--focus-outline\:var\(--color-tertiary\)\]\/80 {
5257
+ .dark\:\[--badge-hover-overlay\:var\(--color-grey-200\)\]\/20 {
4856
5258
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4857
- --focus-outline: color-mix(in srgb, oklch(0.5751 0.2298 260.76) 80%, transparent);
5259
+ --badge-hover-overlay: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
4858
5260
  @supports (color: color-mix(in lab, red, red)) {
4859
- --focus-outline: color-mix(in oklab, var(--color-tertiary) 80%, transparent);
5261
+ --badge-hover-overlay: color-mix(in oklab, var(--color-grey-200) 20%, transparent);
4860
5262
  }
4861
5263
  }
4862
5264
  }
4863
- .dark\:\[--focus-outline\:var\(--color-warning-dark\)\]\/80 {
5265
+ .dark\:\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/50 {
4864
5266
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4865
- --focus-outline: color-mix(in srgb, oklch(0.4812225 0.14424925 43.9973) 80%, transparent);
4866
- @supports (color: color-mix(in lab, red, red)) {
4867
- --focus-outline: color-mix(in oklab, var(--color-warning-dark) 80%, transparent);
4868
- }
4869
- }
4870
- }
4871
- .dark\:\[--focus-outline\:var\(--color-white\)\] {
4872
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4873
- --focus-outline: var(--color-white);
4874
- }
4875
- }
4876
- .dark\:\[--focus-outline\:var\(--color-white\)\]\/25 {
4877
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4878
- --focus-outline: color-mix(in srgb, #fff 25%, transparent);
5267
+ --badge-hover-overlay: color-mix(
5268
+ in srgb,
5269
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 50%,
5270
+ transparent
5271
+ );
4879
5272
  @supports (color: color-mix(in lab, red, red)) {
4880
- --focus-outline: color-mix(in oklab, var(--color-white) 25%, transparent);
5273
+ --badge-hover-overlay: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
4881
5274
  }
4882
5275
  }
4883
5276
  }
4884
- .dark\:\[--focus-outline\:white\] {
4885
- &:where([data-theme='dark'], [data-theme='dark'] *) {
4886
- --focus-outline: white;
4887
- }
4888
- }
4889
- .dark\:\[--focus-outline\:white\]\/30 {
5277
+ .dark\:\[--badge-text\:var\(--color-grey-800\)\] {
4890
5278
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4891
- --focus-outline: color-mix(in oklab, white 30%, transparent);
5279
+ --badge-text: var(--color-grey-800);
4892
5280
  }
4893
5281
  }
4894
- .dark\:\[--toggle-border\:white\]\/40 {
5282
+ .dark\:\[--badge-text\:var\(--color-white\)\] {
4895
5283
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4896
- --toggle-border: color-mix(in oklab, white 40%, transparent);
5284
+ --badge-text: var(--color-white);
4897
5285
  }
4898
5286
  }
4899
- .dark\:group-hover\:fill-nsw-grey-500 {
5287
+ .dark\:\[--btn-bg\:var\(--color-grey-600\)\] {
4900
5288
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4901
- &:is(:where(.group):hover *) {
4902
- @media (hover: hover) {
4903
- fill: var(--color-nsw-grey-500);
4904
- }
4905
- }
5289
+ --btn-bg: var(--color-grey-600);
4906
5290
  }
4907
5291
  }
4908
- .dark\:group-data-active\:bg-white\/15 {
5292
+ .dark\:\[--btn-bg\:var\(--color-white\)\] {
4909
5293
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4910
- &:is(:where(.group)[data-active] *) {
4911
- background-color: color-mix(in srgb, #fff 15%, transparent);
4912
- @supports (color: color-mix(in lab, red, red)) {
4913
- background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
4914
- }
4915
- }
5294
+ --btn-bg: var(--color-white);
4916
5295
  }
4917
5296
  }
4918
- .dark\:group-data-hover\:border-nsw-grey-200\/20 {
5297
+ .dark\:\[--btn-border\:var\(--color-grey-600\)\]\/90 {
4919
5298
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4920
- &:is(:where(.group)[data-hover] *) {
4921
- border-color: color-mix(in srgb, oklch(0.9401 0 0) 20%, transparent);
4922
- @supports (color: color-mix(in lab, red, red)) {
4923
- border-color: color-mix(in oklab, var(--color-nsw-grey-200) 20%, transparent);
4924
- }
5299
+ --btn-border: color-mix(
5300
+ in srgb,
5301
+ oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 90%,
5302
+ transparent
5303
+ );
5304
+ @supports (color: color-mix(in lab, red, red)) {
5305
+ --btn-border: color-mix(in oklab, var(--color-grey-600) 90%, transparent);
4925
5306
  }
4926
5307
  }
4927
5308
  }
4928
- .dark\:group-data-hover\:bg-white\/10 {
5309
+ .dark\:\[--btn-border\:var\(--color-white\)\]\/90 {
4929
5310
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4930
- &:is(:where(.group)[data-hover] *) {
4931
- background-color: color-mix(in srgb, #fff 10%, transparent);
4932
- @supports (color: color-mix(in lab, red, red)) {
4933
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
4934
- }
5311
+ --btn-border: color-mix(in srgb, #fff 90%, transparent);
5312
+ @supports (color: color-mix(in lab, red, red)) {
5313
+ --btn-border: color-mix(in oklab, var(--color-white) 90%, transparent);
4935
5314
  }
4936
5315
  }
4937
5316
  }
4938
- .dark\:group-data-hover\:bg-white\/20 {
5317
+ .dark\:\[--btn-hover-overlay\:var\(--color-grey-600\)\]\/50 {
4939
5318
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4940
- &:is(:where(.group)[data-hover] *) {
4941
- background-color: color-mix(in srgb, #fff 20%, transparent);
4942
- @supports (color: color-mix(in lab, red, red)) {
4943
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
4944
- }
5319
+ --btn-hover-overlay: color-mix(
5320
+ in srgb,
5321
+ oklch(0.426426783985819 0.011202235626284581 232.61715023407646) 50%,
5322
+ transparent
5323
+ );
5324
+ @supports (color: color-mix(in lab, red, red)) {
5325
+ --btn-hover-overlay: color-mix(in oklab, var(--color-grey-600) 50%, transparent);
4945
5326
  }
4946
5327
  }
4947
5328
  }
4948
- .dark\:group-data-hover\:\[--badge-bg\:var\(--color-accent\)\]\/80 {
5329
+ .dark\:\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/50 {
4949
5330
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4950
- &:is(:where(.group)[data-hover] *) {
4951
- --badge-bg: color-mix(in srgb, oklch(0.562 0.2175 20.33) 80%, transparent);
4952
- @supports (color: color-mix(in lab, red, red)) {
4953
- --badge-bg: color-mix(in oklab, var(--color-accent) 80%, transparent);
4954
- }
5331
+ --btn-hover-overlay: color-mix(
5332
+ in srgb,
5333
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 50%,
5334
+ transparent
5335
+ );
5336
+ @supports (color: color-mix(in lab, red, red)) {
5337
+ --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
4955
5338
  }
4956
5339
  }
4957
5340
  }
4958
- .dark\:group-data-hover\:\[--badge-bg\:var\(--color-error\)\]\/80 {
5341
+ .dark\:\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
4959
5342
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4960
- &:is(:where(.group)[data-hover] *) {
4961
- --badge-bg: color-mix(in srgb, oklch(0.502 0.1927 18.08) 80%, transparent);
4962
- @supports (color: color-mix(in lab, red, red)) {
4963
- --badge-bg: color-mix(in oklab, var(--color-error) 80%, transparent);
4964
- }
5343
+ --btn-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
5344
+ @supports (color: color-mix(in lab, red, red)) {
5345
+ --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
4965
5346
  }
4966
5347
  }
4967
5348
  }
4968
- .dark\:group-data-hover\:\[--badge-bg\:var\(--color-info\)\]\/80 {
5349
+ .dark\:\[--btn-hover-overlay\:var\(--color-white\)\]\/15 {
4969
5350
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4970
- &:is(:where(.group)[data-hover] *) {
4971
- --badge-bg: color-mix(in srgb, oklch(0.4506 0.1233 262.35) 80%, transparent);
4972
- @supports (color: color-mix(in lab, red, red)) {
4973
- --badge-bg: color-mix(in oklab, var(--color-info) 80%, transparent);
4974
- }
5351
+ --btn-hover-overlay: color-mix(in srgb, #fff 15%, transparent);
5352
+ @supports (color: color-mix(in lab, red, red)) {
5353
+ --btn-hover-overlay: color-mix(in oklab, var(--color-white) 15%, transparent);
4975
5354
  }
4976
5355
  }
4977
5356
  }
4978
- .dark\:group-data-hover\:\[--badge-bg\:var\(--color-nsw-grey-100\)\] {
5357
+ .dark\:\[--btn-text\:var\(--color-grey-800\)\] {
4979
5358
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4980
- &:is(:where(.group)[data-hover] *) {
4981
- --badge-bg: var(--color-nsw-grey-100);
4982
- }
5359
+ --btn-text: var(--color-grey-800);
4983
5360
  }
4984
5361
  }
4985
- .dark\:group-data-hover\:\[--badge-bg\:var\(--color-nsw-grey-200\)\] {
5362
+ .dark\:\[--btn-text\:white\] {
4986
5363
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4987
- &:is(:where(.group)[data-hover] *) {
4988
- --badge-bg: var(--color-nsw-grey-200);
4989
- }
5364
+ --btn-text: white;
4990
5365
  }
4991
5366
  }
4992
- .dark\:group-data-hover\:\[--badge-bg\:var\(--color-primary-light\)\] {
5367
+ .dark\:\[--focus-outline\:var\(--color-grey-100\)\] {
4993
5368
  &:where([data-theme='dark'], [data-theme='dark'] *) {
4994
- &:is(:where(.group)[data-hover] *) {
4995
- --badge-bg: var(--color-primary-light);
4996
- }
5369
+ --focus-outline: var(--color-grey-100);
4997
5370
  }
4998
5371
  }
4999
- .dark\:group-data-hover\:\[--badge-bg\:var\(--color-secondary\)\]\/45 {
5372
+ .dark\:\[--focus-outline\:var\(--color-grey-500\)\] {
5000
5373
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5001
- &:is(:where(.group)[data-hover] *) {
5002
- --badge-bg: color-mix(in srgb, oklch(0.9267 0.0417 227.89) 45%, transparent);
5003
- @supports (color: color-mix(in lab, red, red)) {
5004
- --badge-bg: color-mix(in oklab, var(--color-secondary) 45%, transparent);
5005
- }
5006
- }
5374
+ --focus-outline: var(--color-grey-500);
5007
5375
  }
5008
5376
  }
5009
- .dark\:group-data-hover\:\[--badge-bg\:var\(--color-success\)\]\/80 {
5377
+ .dark\:\[--focus-outline\:var\(--color-grey-600\)\] {
5010
5378
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5011
- &:is(:where(.group)[data-hover] *) {
5012
- --badge-bg: color-mix(in srgb, oklch(0.549 0.1849 142.8) 80%, transparent);
5013
- @supports (color: color-mix(in lab, red, red)) {
5014
- --badge-bg: color-mix(in oklab, var(--color-success) 80%, transparent);
5015
- }
5016
- }
5379
+ --focus-outline: var(--color-grey-600);
5017
5380
  }
5018
5381
  }
5019
- .dark\:group-data-hover\:\[--badge-bg\:var\(--color-tertiary\)\]\/80 {
5382
+ .dark\:\[--focus-outline\:var\(--color-white\)\] {
5020
5383
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5021
- &:is(:where(.group)[data-hover] *) {
5022
- --badge-bg: color-mix(in srgb, oklch(0.5751 0.2298 260.76) 80%, transparent);
5023
- @supports (color: color-mix(in lab, red, red)) {
5024
- --badge-bg: color-mix(in oklab, var(--color-tertiary) 80%, transparent);
5025
- }
5026
- }
5384
+ --focus-outline: var(--color-white);
5027
5385
  }
5028
5386
  }
5029
- .dark\:group-data-hover\:\[--badge-bg\:var\(--color-warning\)\]\/80 {
5387
+ .dark\:\[--toggle-border\:white\]\/40 {
5030
5388
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5031
- &:is(:where(.group)[data-hover] *) {
5032
- --badge-bg: color-mix(in srgb, oklch(0.5833 0.169705 43.9973) 80%, transparent);
5033
- @supports (color: color-mix(in lab, red, red)) {
5034
- --badge-bg: color-mix(in oklab, var(--color-warning) 80%, transparent);
5035
- }
5036
- }
5389
+ --toggle-border: color-mix(in oklab, white 40%, transparent);
5037
5390
  }
5038
5391
  }
5039
- .dark\:group-data-hover\:\[--badge-bg\:white\]\/20 {
5392
+ .dark\:group-hover\:fill-nsw-grey-500 {
5040
5393
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5041
- &:is(:where(.group)[data-hover] *) {
5042
- --badge-bg: color-mix(in oklab, white 20%, transparent);
5394
+ &:is(:where(.group):hover *) {
5395
+ @media (hover: hover) {
5396
+ fill: var(--color-nsw-grey-500);
5397
+ }
5043
5398
  }
5044
5399
  }
5045
5400
  }
@@ -5058,6 +5413,17 @@
5058
5413
  }
5059
5414
  }
5060
5415
  }
5416
+ .dark\:before\:bg-white\/5 {
5417
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5418
+ &::before {
5419
+ content: var(--tw-content);
5420
+ background-color: color-mix(in srgb, #fff 5%, transparent);
5421
+ @supports (color: color-mix(in lab, red, red)) {
5422
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
5423
+ }
5424
+ }
5425
+ }
5426
+ }
5061
5427
  .dark\:after\:-inset-px {
5062
5428
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5063
5429
  &::after {
@@ -5092,6 +5458,15 @@
5092
5458
  }
5093
5459
  }
5094
5460
  }
5461
+ .dark\:hover\:bg-grey-700 {
5462
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5463
+ &:hover {
5464
+ @media (hover: hover) {
5465
+ background-color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
5466
+ }
5467
+ }
5468
+ }
5469
+ }
5095
5470
  .dark\:hover\:bg-input\/50 {
5096
5471
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5097
5472
  &:hover {
@@ -5143,218 +5518,338 @@
5143
5518
  }
5144
5519
  }
5145
5520
  }
5146
- .hover\:dark\:text-gray-300 {
5521
+ .hover\:dark\:text-grey-300 {
5147
5522
  &:hover {
5148
5523
  @media (hover: hover) {
5149
5524
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5150
- color: var(--color-gray-300);
5525
+ color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
5151
5526
  }
5152
5527
  }
5153
5528
  }
5154
5529
  }
5155
- .dark\:hover\:outline-white\/10 {
5530
+ .dark\:hover\:\[--toggle-border\:white\]\/50 {
5156
5531
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5157
5532
  &:hover {
5158
5533
  @media (hover: hover) {
5159
- outline-color: color-mix(in srgb, #fff 10%, transparent);
5160
- @supports (color: color-mix(in lab, red, red)) {
5161
- outline-color: color-mix(in oklab, var(--color-white) 10%, transparent);
5162
- }
5534
+ --toggle-border: color-mix(in oklab, white 50%, transparent);
5163
5535
  }
5164
5536
  }
5165
5537
  }
5166
5538
  }
5167
- .dark\:hover\:\[--toggle-border\:white\]\/50 {
5539
+ .dark\:data-hover\:decoration-white {
5168
5540
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5169
- &:hover {
5170
- @media (hover: hover) {
5171
- --toggle-border: color-mix(in oklab, white 50%, transparent);
5172
- }
5541
+ &[data-hover] {
5542
+ text-decoration-color: var(--color-white);
5173
5543
  }
5174
5544
  }
5175
5545
  }
5176
- .dark\:focus\:outline-nsw-grey-300\/20 {
5546
+ .dark\:data-\[state\=active\]\:bg-input\/30 {
5177
5547
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5178
- &:focus {
5179
- outline-color: color-mix(in srgb, oklch(0.9016 0.0039 294.435) 20%, transparent);
5548
+ &[data-state='active'] {
5549
+ background-color: var(--input);
5180
5550
  @supports (color: color-mix(in lab, red, red)) {
5181
- outline-color: color-mix(in oklab, var(--color-nsw-grey-300) 20%, transparent);
5551
+ background-color: color-mix(in oklab, var(--input) 30%, transparent);
5182
5552
  }
5183
5553
  }
5184
5554
  }
5185
5555
  }
5186
- .dark\:focus\:outline-white {
5556
+ .dark\:data-\[state\=active\]\:text-foreground {
5187
5557
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5188
- &:focus {
5189
- outline-color: var(--color-white);
5558
+ &[data-state='active'] {
5559
+ color: var(--foreground);
5190
5560
  }
5191
5561
  }
5192
5562
  }
5193
- .dark\:aria-invalid\:ring-error\/40 {
5563
+ .dark\:data-\[state\=checked\]\:bg-primary-800 {
5194
5564
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5195
- &[aria-invalid='true'] {
5196
- --tw-ring-color: color-mix(in oklab, oklch(0.502 0.1927 18.08) 40%, transparent);
5565
+ &[data-state='checked'] {
5566
+ background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
5197
5567
  }
5198
5568
  }
5199
5569
  }
5200
- .dark\:data-active\:bg-white {
5570
+ .dark\:data-\[state\=on\]\:bg-white\/10 {
5201
5571
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5202
- &[data-active] {
5203
- background-color: var(--color-white);
5572
+ &[data-state='on'] {
5573
+ background-color: color-mix(in srgb, #fff 10%, transparent);
5574
+ @supports (color: color-mix(in lab, red, red)) {
5575
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
5576
+ }
5204
5577
  }
5205
5578
  }
5206
5579
  }
5207
- .dark\:data-active\:bg-white\/10 {
5580
+ .dark\:data-\[state\=on\]\:text-white {
5208
5581
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5209
- &[data-active] {
5210
- background-color: color-mix(in srgb, #fff 10%, transparent);
5582
+ &[data-state='on'] {
5583
+ color: var(--color-white);
5584
+ }
5585
+ }
5586
+ }
5587
+ .dark\:data-\[state\=unchecked\]\:bg-foreground {
5588
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5589
+ &[data-state='unchecked'] {
5590
+ background-color: var(--foreground);
5591
+ }
5592
+ }
5593
+ }
5594
+ .dark\:data-\[state\=unchecked\]\:bg-input\/80 {
5595
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5596
+ &[data-state='unchecked'] {
5597
+ background-color: var(--input);
5211
5598
  @supports (color: color-mix(in lab, red, red)) {
5212
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
5599
+ background-color: color-mix(in oklab, var(--input) 80%, transparent);
5213
5600
  }
5214
5601
  }
5215
5602
  }
5216
5603
  }
5217
- .dark\:data-active\:text-primary {
5604
+ .dark\:data-\[variant\=ghost\]\:bg-transparent {
5218
5605
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5219
- &[data-active] {
5220
- color: oklch(0.29 0.1173 259.84);
5606
+ &[data-variant='ghost'] {
5607
+ background-color: transparent;
5221
5608
  }
5222
5609
  }
5223
5610
  }
5224
- .dark\:data-active\:\[--btn-icon\:var\(--color-nsw-grey-50\)\] {
5611
+ .dark\:data-\[variant\=outline\]\:border-\[--badge-hover-overlay\:var\(--color-primary-700\)\] {
5225
5612
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5226
- &[data-active] {
5227
- --btn-icon: var(--color-nsw-grey-50);
5613
+ &[data-variant='outline'] {
5614
+ border-color: var(--color-primary-700);
5228
5615
  }
5229
5616
  }
5230
5617
  }
5231
- .dark\:data-active\:\[--btn-icon\:var\(--color-primary\)\] {
5618
+ .dark\:data-\[variant\=outline\]\:border-\[--btn-hover-overlay\:var\(--color-primary-700\)\] {
5232
5619
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5233
- &[data-active] {
5234
- --btn-icon: var(--color-primary);
5620
+ &[data-variant='outline'] {
5621
+ border-color: var(--color-primary-700);
5235
5622
  }
5236
5623
  }
5237
5624
  }
5238
- .dark\:data-active\:\[--btn-icon\:var\(--color-primary-darker\)\] {
5625
+ .dark\:data-\[variant\=outline\]\:\[--btn-border\:var\(--color-grey-600\)\] {
5239
5626
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5240
- &[data-active] {
5241
- --btn-icon: var(--color-primary-darker);
5627
+ &[data-variant='outline'] {
5628
+ --btn-border: var(--color-grey-600);
5242
5629
  }
5243
5630
  }
5244
5631
  }
5245
- .dark\:data-active\:\[--btn-icon\:var\(--color-white\)\] {
5632
+ .dark\:data-\[variant\=outline\]\:\[--focus-outline\:var\(--color-grey-100\)\]\/30 {
5246
5633
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5247
- &[data-active] {
5248
- --btn-icon: var(--color-white);
5634
+ &[data-variant='outline'] {
5635
+ --focus-outline: color-mix(in srgb, oklch(0.9700350548225147 0 0) 30%, transparent);
5636
+ @supports (color: color-mix(in lab, red, red)) {
5637
+ --focus-outline: color-mix(in oklab, var(--color-grey-100) 30%, transparent);
5638
+ }
5249
5639
  }
5250
5640
  }
5251
5641
  }
5252
- .dark\:data-hover\:bg-white {
5642
+ .dark\:data-\[variant\=soft\]\:\[--btn-bg\:var\(--color-grey-400\)\] {
5253
5643
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5254
- &[data-hover] {
5255
- background-color: var(--color-white);
5644
+ &[data-variant='soft'] {
5645
+ --btn-bg: var(--color-grey-400);
5256
5646
  }
5257
5647
  }
5258
5648
  }
5259
- .dark\:data-hover\:bg-white\/10 {
5649
+ .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-accent-600\)\]\/60 {
5260
5650
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5261
- &[data-hover] {
5262
- background-color: color-mix(in srgb, #fff 10%, transparent);
5651
+ &[data-variant='soft'] {
5652
+ --focus-outline: color-mix(
5653
+ in srgb,
5654
+ oklch(0.5619554183945837 0.2175050118438328 20.33356497329407) 60%,
5655
+ transparent
5656
+ );
5263
5657
  @supports (color: color-mix(in lab, red, red)) {
5264
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
5658
+ --focus-outline: color-mix(in oklab, var(--color-accent-600) 60%, transparent);
5265
5659
  }
5266
5660
  }
5267
5661
  }
5268
5662
  }
5269
- .dark\:data-hover\:text-primary {
5663
+ .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-grey-200\)\]\/20 {
5270
5664
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5271
- &[data-hover] {
5272
- color: oklch(0.29 0.1173 259.84);
5665
+ &[data-variant='soft'] {
5666
+ --focus-outline: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
5667
+ @supports (color: color-mix(in lab, red, red)) {
5668
+ --focus-outline: color-mix(in oklab, var(--color-grey-200) 20%, transparent);
5669
+ }
5273
5670
  }
5274
5671
  }
5275
5672
  }
5276
- .dark\:data-hover\:\[--btn-icon\:var\(--color-nsw-grey-50\)\] {
5673
+ .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-grey-200\)\]\/30 {
5277
5674
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5278
- &[data-hover] {
5279
- --btn-icon: var(--color-nsw-grey-50);
5675
+ &[data-variant='soft'] {
5676
+ --focus-outline: color-mix(in srgb, oklch(0.9400701096450296 0 0) 30%, transparent);
5677
+ @supports (color: color-mix(in lab, red, red)) {
5678
+ --focus-outline: color-mix(in oklab, var(--color-grey-200) 30%, transparent);
5679
+ }
5280
5680
  }
5281
5681
  }
5282
5682
  }
5283
- .dark\:data-hover\:\[--btn-icon\:var\(--color-primary\)\] {
5683
+ .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-200\)\]\/60 {
5284
5684
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5285
- &[data-hover] {
5286
- --btn-icon: var(--color-primary);
5685
+ &[data-variant='soft'] {
5686
+ --focus-outline: color-mix(
5687
+ in srgb,
5688
+ oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 60%,
5689
+ transparent
5690
+ );
5691
+ @supports (color: color-mix(in lab, red, red)) {
5692
+ --focus-outline: color-mix(in oklab, var(--color-primary-200) 60%, transparent);
5693
+ }
5287
5694
  }
5288
5695
  }
5289
5696
  }
5290
- .dark\:data-hover\:\[--btn-icon\:var\(--color-primary-darker\)\] {
5697
+ .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-600\)\]\/60 {
5291
5698
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5292
- &[data-hover] {
5293
- --btn-icon: var(--color-primary-darker);
5699
+ &[data-variant='soft'] {
5700
+ --focus-outline: color-mix(
5701
+ in srgb,
5702
+ oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 60%,
5703
+ transparent
5704
+ );
5705
+ @supports (color: color-mix(in lab, red, red)) {
5706
+ --focus-outline: color-mix(in oklab, var(--color-primary-600) 60%, transparent);
5707
+ }
5294
5708
  }
5295
5709
  }
5296
5710
  }
5297
- .dark\:data-hover\:\[--btn-icon\:var\(--color-white\)\] {
5711
+ .dark\:data-\[variant\=soft\]\:\[--focus-outline\:var\(--color-primary-800\)\]\/60 {
5298
5712
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5299
- &[data-hover] {
5300
- --btn-icon: var(--color-white);
5713
+ &[data-variant='soft'] {
5714
+ --focus-outline: color-mix(
5715
+ in srgb,
5716
+ oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 60%,
5717
+ transparent
5718
+ );
5719
+ @supports (color: color-mix(in lab, red, red)) {
5720
+ --focus-outline: color-mix(in oklab, var(--color-primary-800) 60%, transparent);
5721
+ }
5301
5722
  }
5302
5723
  }
5303
5724
  }
5304
- .dark\:data-\[state\=active\]\:bg-input\/30 {
5725
+ .dark\:data-\[variant\=solid\]\:bg-\[--badge-hover-overlay\:var\(--color-primary-800\)\] {
5305
5726
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5306
- &[data-state='active'] {
5307
- background-color: var(--input);
5727
+ &[data-variant='solid'] {
5728
+ background-color: var(--color-primary-800);
5729
+ }
5730
+ }
5731
+ }
5732
+ .dark\:data-\[variant\=solid\]\:bg-\[--btn-hover-overlay\:var\(--color-primary-800\)\] {
5733
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5734
+ &[data-variant='solid'] {
5735
+ background-color: var(--color-primary-800);
5736
+ }
5737
+ }
5738
+ }
5739
+ .dark\:data-\[variant\=solid\]\:text-grey-800 {
5740
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5741
+ &[data-variant='solid'] {
5742
+ color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
5743
+ }
5744
+ }
5745
+ }
5746
+ .dark\:data-\[variant\=solid\]\:\[--badge-hover-overlay\:var\(--color-white\)\]\/5 {
5747
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5748
+ &[data-variant='solid'] {
5749
+ --badge-hover-overlay: color-mix(in srgb, #fff 5%, transparent);
5308
5750
  @supports (color: color-mix(in lab, red, red)) {
5309
- background-color: color-mix(in oklab, var(--input) 30%, transparent);
5751
+ --badge-hover-overlay: color-mix(in oklab, var(--color-white) 5%, transparent);
5310
5752
  }
5311
5753
  }
5312
5754
  }
5313
5755
  }
5314
- .dark\:data-\[state\=active\]\:text-foreground {
5756
+ .dark\:data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-white\)\]\/5 {
5315
5757
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5316
- &[data-state='active'] {
5317
- color: var(--foreground);
5758
+ &[data-variant='solid'] {
5759
+ --btn-hover-overlay: color-mix(in srgb, #fff 5%, transparent);
5760
+ @supports (color: color-mix(in lab, red, red)) {
5761
+ --btn-hover-overlay: color-mix(in oklab, var(--color-white) 5%, transparent);
5762
+ }
5318
5763
  }
5319
5764
  }
5320
5765
  }
5321
- .dark\:data-\[state\=checked\]\:bg-primary {
5766
+ .dark\:data-\[variant\=surface\]\:border-\[--badge-hover-overlay\:var\(--color-primary-700\)\]\/60 {
5322
5767
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5323
- &[data-state='checked'] {
5324
- background-color: oklch(0.29 0.1173 259.84);
5768
+ &[data-variant='surface'] {
5769
+ border-color: color-mix(
5770
+ in srgb,
5771
+ oklch(0.43255566986372795 0.17356468700683536 260.29913478593846) 60%,
5772
+ transparent
5773
+ );
5774
+ @supports (color: color-mix(in lab, red, red)) {
5775
+ border-color: color-mix(in oklab, var(--color-primary-700) 60%, transparent);
5776
+ }
5325
5777
  }
5326
5778
  }
5327
5779
  }
5328
- .dark\:data-\[state\=on\]\:bg-white\/10 {
5780
+ .dark\:data-\[variant\=surface\]\:border-\[--btn-hover-overlay\:var\(--color-primary-700\)\]\/60 {
5329
5781
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5330
- &[data-state='on'] {
5331
- background-color: color-mix(in srgb, #fff 10%, transparent);
5782
+ &[data-variant='surface'] {
5783
+ border-color: color-mix(
5784
+ in srgb,
5785
+ oklch(0.43255566986372795 0.17356468700683536 260.29913478593846) 60%,
5786
+ transparent
5787
+ );
5332
5788
  @supports (color: color-mix(in lab, red, red)) {
5333
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
5789
+ border-color: color-mix(in oklab, var(--color-primary-700) 60%, transparent);
5334
5790
  }
5335
5791
  }
5336
5792
  }
5337
5793
  }
5338
- .dark\:data-\[state\=on\]\:text-white {
5794
+ .dark\:data-\[variant\=surface\]\:\[--btn-bg\:var\(--color-grey-400\)\] {
5339
5795
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5340
- &[data-state='on'] {
5341
- color: var(--color-white);
5796
+ &[data-variant='surface'] {
5797
+ --btn-bg: var(--color-grey-400);
5342
5798
  }
5343
5799
  }
5344
5800
  }
5345
- .dark\:data-\[state\=unchecked\]\:bg-foreground {
5801
+ .dark\:data-\[variant\=surface\]\:\[--focus-outline\:var\(--color-grey-200\)\]\/20 {
5346
5802
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5347
- &[data-state='unchecked'] {
5348
- background-color: var(--foreground);
5803
+ &[data-variant='surface'] {
5804
+ --focus-outline: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
5805
+ @supports (color: color-mix(in lab, red, red)) {
5806
+ --focus-outline: color-mix(in oklab, var(--color-grey-200) 20%, transparent);
5807
+ }
5349
5808
  }
5350
5809
  }
5351
5810
  }
5352
- .dark\:data-\[state\=unchecked\]\:bg-input\/80 {
5811
+ .dark\:data-\[variant\=surface\]\:\[--focus-outline\:var\(--color-white\)\]\/70 {
5353
5812
  &:where([data-theme='dark'], [data-theme='dark'] *) {
5354
- &[data-state='unchecked'] {
5355
- background-color: var(--input);
5813
+ &[data-variant='surface'] {
5814
+ --focus-outline: color-mix(in srgb, #fff 70%, transparent);
5356
5815
  @supports (color: color-mix(in lab, red, red)) {
5357
- background-color: color-mix(in oklab, var(--input) 80%, transparent);
5816
+ --focus-outline: color-mix(in oklab, var(--color-white) 70%, transparent);
5817
+ }
5818
+ }
5819
+ }
5820
+ }
5821
+ .dark\:data-\[variant\=surface\]\:data-active\:border-\[--badge-hover-overlay\:var\(--color-primary-700\)\] {
5822
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5823
+ &[data-variant='surface'] {
5824
+ &[data-active] {
5825
+ border-color: var(--color-primary-700);
5826
+ }
5827
+ }
5828
+ }
5829
+ }
5830
+ .dark\:data-\[variant\=surface\]\:data-active\:border-\[--btn-hover-overlay\:var\(--color-primary-700\)\] {
5831
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5832
+ &[data-variant='surface'] {
5833
+ &[data-active] {
5834
+ border-color: var(--color-primary-700);
5835
+ }
5836
+ }
5837
+ }
5838
+ }
5839
+ .dark\:data-\[variant\=surface\]\:data-hover\:border-\[--badge-hover-overlay\:var\(--color-primary-700\)\] {
5840
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5841
+ &[data-variant='surface'] {
5842
+ &[data-hover] {
5843
+ border-color: var(--color-primary-700);
5844
+ }
5845
+ }
5846
+ }
5847
+ }
5848
+ .dark\:data-\[variant\=surface\]\:data-hover\:border-\[--btn-hover-overlay\:var\(--color-primary-700\)\] {
5849
+ &:where([data-theme='dark'], [data-theme='dark'] *) {
5850
+ &[data-variant='surface'] {
5851
+ &[data-hover] {
5852
+ border-color: var(--color-primary-700);
5358
5853
  }
5359
5854
  }
5360
5855
  }
@@ -5605,38 +6100,104 @@
5605
6100
  }
5606
6101
  }
5607
6102
  :root {
5608
- --background: var(--color-white);
5609
- --foreground: var(--color-nsw-grey-800);
5610
- --muted: var(--color-nsw-grey-100);
5611
- --muted-foreground: var(--color-nsw-grey-600);
5612
- --border: var(--color-nsw-grey-100);
5613
- --input: var(--color-nsw-grey-200);
5614
- --ring: var(--color-nsw-grey-600);
5615
- }
5616
- [data-theme='dark'] {
5617
- --background: var(--color-nsw-grey-900);
5618
- --foreground: var(--color-nsw-grey-50);
5619
- --muted: var(--color-nsw-grey-600);
5620
- --muted-foreground: var(--color-nsw-grey-200);
5621
- --border: var(--color-nsw-grey-100) / 10;
5622
- --input: var(--color-nsw-grey-50);
5623
- --ring: var(--color-nsw-grey-200);
5624
- }
5625
- @layer base {
5626
- * {
5627
- border-color: var(--border);
5628
- outline-color: var(--ring);
5629
- @supports (color: color-mix(in lab, red, red)) {
5630
- outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
5631
- }
5632
- }
5633
- body {
5634
- background-color: var(--background);
5635
- color: var(--foreground);
5636
- }
5637
- [inert] ::-webkit-scrollbar {
5638
- display: none;
5639
- }
6103
+ --font-size-1: calc(12px * var(--scaling));
6104
+ --font-size-2: calc(14px * var(--scaling));
6105
+ --font-size-3: calc(16px * var(--scaling));
6106
+ --font-size-4: calc(18px * var(--scaling));
6107
+ --font-size-5: calc(20px * var(--scaling));
6108
+ --font-size-6: calc(24px * var(--scaling));
6109
+ --font-size-7: calc(28px * var(--scaling));
6110
+ --font-size-8: calc(35px * var(--scaling));
6111
+ --font-size-9: calc(60px * var(--scaling));
6112
+ --font-weight-light: 300;
6113
+ --font-weight-regular: 400;
6114
+ --font-weight-medium: 500;
6115
+ --font-weight-bold: 700;
6116
+ --line-height-1: calc(16px * var(--scaling));
6117
+ --line-height-2: calc(20px * var(--scaling));
6118
+ --line-height-3: calc(24px * var(--scaling));
6119
+ --line-height-4: calc(26px * var(--scaling));
6120
+ --line-height-5: calc(28px * var(--scaling));
6121
+ --line-height-6: calc(30px * var(--scaling));
6122
+ --line-height-7: calc(36px * var(--scaling));
6123
+ --line-height-8: calc(40px * var(--scaling));
6124
+ --line-height-9: calc(60px * var(--scaling));
6125
+ --letter-spacing-1: 0.0025em;
6126
+ --letter-spacing-2: 0em;
6127
+ --letter-spacing-3: 0em;
6128
+ --letter-spacing-4: -0.0025em;
6129
+ --letter-spacing-5: -0.005em;
6130
+ --letter-spacing-6: -0.00625em;
6131
+ --letter-spacing-7: -0.0075em;
6132
+ --letter-spacing-8: -0.01em;
6133
+ --letter-spacing-9: -0.025em;
6134
+ --default-font-family:
6135
+ 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
6136
+ 'Open Sans', system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
6137
+ --default-font-size: var(--font-size-3);
6138
+ --default-font-style: normal;
6139
+ --default-font-weight: var(--font-weight-regular);
6140
+ --default-line-height: 1.5;
6141
+ --default-letter-spacing: 0em;
6142
+ --default-leading-trim-start: 0.42em;
6143
+ --default-leading-trim-end: 0.36em;
6144
+ --heading-font-family: var(--default-font-family);
6145
+ --heading-font-size-adjust: 1;
6146
+ --heading-font-style: normal;
6147
+ --heading-leading-trim-start: var(--default-leading-trim-start);
6148
+ --heading-leading-trim-end: var(--default-leading-trim-end);
6149
+ --heading-letter-spacing: 0em;
6150
+ --heading-line-height-1: calc(16px * var(--scaling));
6151
+ --heading-line-height-2: calc(18px * var(--scaling));
6152
+ --heading-line-height-3: calc(22px * var(--scaling));
6153
+ --heading-line-height-4: calc(24px * var(--scaling));
6154
+ --heading-line-height-5: calc(26px * var(--scaling));
6155
+ --heading-line-height-6: calc(30px * var(--scaling));
6156
+ --heading-line-height-7: calc(36px * var(--scaling));
6157
+ --heading-line-height-8: calc(40px * var(--scaling));
6158
+ --heading-line-height-9: calc(60px * var(--scaling));
6159
+ --code-font-family:
6160
+ 'Menlo', 'Consolas (Custom)', 'Bitstream Vera Sans Mono', monospace, 'Apple Color Emoji',
6161
+ 'Segoe UI Emoji';
6162
+ --code-font-size-adjust: 0.95;
6163
+ --code-font-style: normal;
6164
+ --code-font-weight: inherit;
6165
+ --code-letter-spacing: -0.007em;
6166
+ --code-padding-top: 0.1em;
6167
+ --code-padding-bottom: 0.1em;
6168
+ --code-padding-left: 0.25em;
6169
+ --code-padding-right: 0.25em;
6170
+ --strong-font-family: var(--default-font-family);
6171
+ --strong-font-size-adjust: 1;
6172
+ --strong-font-style: inherit;
6173
+ --strong-font-weight: var(--font-weight-bold);
6174
+ --strong-letter-spacing: 0em;
6175
+ --em-font-family: 'Times New Roman', 'Times', serif;
6176
+ --em-font-size-adjust: 1.18;
6177
+ --em-font-style: italic;
6178
+ --em-font-weight: inherit;
6179
+ --em-letter-spacing: -0.025em;
6180
+ --quote-font-family: 'Times New Roman', 'Times', serif;
6181
+ --quote-font-size-adjust: 1.18;
6182
+ --quote-font-style: italic;
6183
+ --quote-font-weight: inherit;
6184
+ --quote-letter-spacing: -0.025em;
6185
+ --tab-active-letter-spacing: -0.01em;
6186
+ --tab-active-word-spacing: 0em;
6187
+ --tab-inactive-letter-spacing: 0em;
6188
+ --tab-inactive-word-spacing: 0em;
6189
+ }
6190
+ body {
6191
+ overflow-wrap: break-word;
6192
+ font-family: var(--default-font-family);
6193
+ font-size: var(--default-font-size);
6194
+ font-weight: var(--default-font-weight);
6195
+ font-style: var(--default-font-style);
6196
+ line-height: var(--default-line-height);
6197
+ letter-spacing: var(--default-letter-spacing);
6198
+ text-size-adjust: none;
6199
+ -webkit-font-smoothing: antialiased;
6200
+ -moz-osx-font-smoothing: grayscale;
5640
6201
  }
5641
6202
  code[class*='language-'],
5642
6203
  pre[class*='language-'] {
@@ -6188,6 +6749,41 @@ code.language-html .token.comment {
6188
6749
  .dark #carbonads .carbon-poweredby {
6189
6750
  --tw-bg-opacity: 1;
6190
6751
  }
6752
+ :root {
6753
+ --scaling: 1;
6754
+ --background: var(--color-white);
6755
+ --foreground: var(--color-grey-800);
6756
+ --muted: var(--color-grey-100);
6757
+ --muted-foreground: var(--color-grey-600);
6758
+ --border: var(--color-grey-100);
6759
+ --input: var(--color-grey-200);
6760
+ --ring: var(--color-grey-600);
6761
+ }
6762
+ [data-theme='dark'] {
6763
+ --background: var(--color-grey-900);
6764
+ --foreground: var(--color-grey-50);
6765
+ --muted: var(--color-grey-600);
6766
+ --muted-foreground: var(--color-grey-200);
6767
+ --border: var(--color-grey-100) / 10;
6768
+ --input: var(--color-grey-50);
6769
+ --ring: var(--color-grey-200);
6770
+ }
6771
+ @layer base {
6772
+ * {
6773
+ border-color: var(--border);
6774
+ outline-color: var(--ring);
6775
+ @supports (color: color-mix(in lab, red, red)) {
6776
+ outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
6777
+ }
6778
+ }
6779
+ body {
6780
+ background-color: var(--background);
6781
+ color: var(--foreground);
6782
+ }
6783
+ [inert] ::-webkit-scrollbar {
6784
+ display: none;
6785
+ }
6786
+ }
6191
6787
  @keyframes enter {
6192
6788
  from {
6193
6789
  opacity: var(--tw-enter-opacity, 1);
@@ -6237,27 +6833,22 @@ code.language-html .token.comment {
6237
6833
  @property --tw-rotate-x {
6238
6834
  syntax: '*';
6239
6835
  inherits: false;
6240
- initial-value: rotateX(0);
6241
6836
  }
6242
6837
  @property --tw-rotate-y {
6243
6838
  syntax: '*';
6244
6839
  inherits: false;
6245
- initial-value: rotateY(0);
6246
6840
  }
6247
6841
  @property --tw-rotate-z {
6248
6842
  syntax: '*';
6249
6843
  inherits: false;
6250
- initial-value: rotateZ(0);
6251
6844
  }
6252
6845
  @property --tw-skew-x {
6253
6846
  syntax: '*';
6254
6847
  inherits: false;
6255
- initial-value: skewX(0);
6256
6848
  }
6257
6849
  @property --tw-skew-y {
6258
6850
  syntax: '*';
6259
6851
  inherits: false;
6260
- initial-value: skewY(0);
6261
6852
  }
6262
6853
  @property --tw-space-y-reverse {
6263
6854
  syntax: '*';
@@ -6447,6 +7038,11 @@ code.language-html .token.comment {
6447
7038
  syntax: '*';
6448
7039
  inherits: false;
6449
7040
  }
7041
+ @keyframes spin {
7042
+ to {
7043
+ transform: rotate(360deg);
7044
+ }
7045
+ }
6450
7046
  @keyframes pulse {
6451
7047
  50% {
6452
7048
  opacity: 0.5;
@@ -6465,11 +7061,11 @@ code.language-html .token.comment {
6465
7061
  --tw-scale-x: 1;
6466
7062
  --tw-scale-y: 1;
6467
7063
  --tw-scale-z: 1;
6468
- --tw-rotate-x: rotateX(0);
6469
- --tw-rotate-y: rotateY(0);
6470
- --tw-rotate-z: rotateZ(0);
6471
- --tw-skew-x: skewX(0);
6472
- --tw-skew-y: skewY(0);
7064
+ --tw-rotate-x: initial;
7065
+ --tw-rotate-y: initial;
7066
+ --tw-rotate-z: initial;
7067
+ --tw-skew-x: initial;
7068
+ --tw-skew-y: initial;
6473
7069
  --tw-space-y-reverse: 0;
6474
7070
  --tw-space-x-reverse: 0;
6475
7071
  --tw-border-style: solid;
@@ -6515,5 +7111,5 @@ code.language-html .token.comment {
6515
7111
  }
6516
7112
  }
6517
7113
  }
6518
- /*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
7114
+ /*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
6519
7115
  /*# sourceMappingURL=styles.css.map */