@nswds/app 1.42.0 → 1.44.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 (11) hide show
  1. package/dist/globals.css +374 -656
  2. package/dist/index.cjs +1198 -964
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +21 -28
  5. package/dist/index.d.ts +21 -28
  6. package/dist/index.js +1197 -964
  7. package/dist/index.js.map +1 -1
  8. package/dist/package.json +2 -1
  9. package/dist/styles.css +384 -656
  10. package/dist/styles.css.map +1 -1
  11. package/package.json +12 -2
package/dist/globals.css CHANGED
@@ -7,47 +7,17 @@
7
7
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
8
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
9
  "Courier New", monospace;
10
- --color-red-200: oklch(88.5% 0.062 18.334);
11
10
  --color-red-400: oklch(70.4% 0.191 22.216);
12
11
  --color-red-500: oklch(63.7% 0.237 25.331);
13
12
  --color-red-600: oklch(57.7% 0.245 27.325);
14
- --color-red-700: oklch(50.5% 0.213 27.518);
15
- --color-red-900: oklch(39.6% 0.141 25.723);
16
- --color-orange-500: oklch(70.5% 0.213 47.604);
17
- --color-orange-600: oklch(64.6% 0.222 41.116);
18
- --color-orange-900: oklch(40.8% 0.123 38.172);
19
- --color-amber-400: oklch(82.8% 0.189 84.429);
20
13
  --color-amber-500: oklch(76.9% 0.188 70.08);
21
- --color-amber-950: oklch(27.9% 0.077 45.635);
22
- --color-yellow-200: oklch(94.5% 0.129 101.54);
23
- --color-yellow-300: oklch(90.5% 0.182 98.111);
24
- --color-yellow-400: oklch(85.2% 0.199 91.936);
25
- --color-yellow-500: oklch(79.5% 0.184 86.047);
26
- --color-yellow-950: oklch(28.6% 0.066 53.813);
27
- --color-lime-300: oklch(89.7% 0.196 126.665);
28
- --color-lime-400: oklch(84.1% 0.238 128.85);
29
14
  --color-lime-500: oklch(76.8% 0.233 130.85);
30
- --color-lime-950: oklch(27.4% 0.072 132.109);
31
15
  --color-green-50: oklch(98.2% 0.018 155.826);
32
16
  --color-green-100: oklch(96.2% 0.044 156.743);
33
17
  --color-green-500: oklch(72.3% 0.219 149.579);
34
18
  --color-green-600: oklch(62.7% 0.194 149.214);
35
- --color-green-700: oklch(52.7% 0.154 150.069);
36
- --color-green-900: oklch(39.3% 0.095 152.535);
37
- --color-emerald-200: oklch(90.5% 0.093 164.15);
38
19
  --color-emerald-500: oklch(69.6% 0.17 162.48);
39
- --color-emerald-600: oklch(59.6% 0.145 163.225);
40
- --color-emerald-900: oklch(37.8% 0.077 168.94);
41
- --color-teal-600: oklch(60% 0.118 184.704);
42
- --color-teal-700: oklch(51.1% 0.096 186.391);
43
- --color-teal-900: oklch(38.6% 0.063 188.416);
44
- --color-cyan-300: oklch(86.5% 0.127 207.078);
45
- --color-cyan-400: oklch(78.9% 0.154 211.53);
46
20
  --color-cyan-500: oklch(71.5% 0.143 215.221);
47
- --color-cyan-950: oklch(30.2% 0.056 229.695);
48
- --color-sky-500: oklch(68.5% 0.169 237.323);
49
- --color-sky-600: oklch(58.8% 0.158 241.966);
50
- --color-sky-900: oklch(39.1% 0.09 240.876);
51
21
  --color-blue-50: oklch(97% 0.014 254.604);
52
22
  --color-blue-100: oklch(93.2% 0.032 255.585);
53
23
  --color-blue-200: oklch(88.2% 0.059 254.128);
@@ -60,24 +30,13 @@
60
30
  --color-blue-950: oklch(28.2% 0.091 267.935);
61
31
  --color-indigo-500: oklch(58.5% 0.233 277.117);
62
32
  --color-indigo-600: oklch(51.1% 0.262 276.966);
63
- --color-indigo-900: oklch(35.9% 0.144 278.697);
64
33
  --color-violet-500: oklch(60.6% 0.25 292.717);
65
- --color-violet-600: oklch(54.1% 0.281 293.009);
66
- --color-violet-900: oklch(38% 0.189 293.745);
67
34
  --color-purple-50: oklch(97.7% 0.014 308.299);
68
35
  --color-purple-100: oklch(94.6% 0.033 307.174);
69
36
  --color-purple-500: oklch(62.7% 0.265 303.9);
70
37
  --color-purple-600: oklch(55.8% 0.288 302.321);
71
- --color-purple-900: oklch(38.1% 0.176 304.987);
72
38
  --color-fuchsia-500: oklch(66.7% 0.295 322.15);
73
- --color-fuchsia-600: oklch(59.1% 0.293 322.896);
74
- --color-fuchsia-900: oklch(40.1% 0.17 325.612);
75
39
  --color-pink-500: oklch(65.6% 0.241 354.308);
76
- --color-pink-600: oklch(59.2% 0.249 0.584);
77
- --color-pink-900: oklch(40.8% 0.153 2.432);
78
- --color-rose-500: oklch(64.5% 0.246 16.439);
79
- --color-rose-600: oklch(58.6% 0.253 17.585);
80
- --color-rose-900: oklch(41% 0.159 10.272);
81
40
  --color-slate-200: oklch(92.9% 0.013 255.508);
82
41
  --color-slate-300: oklch(86.9% 0.022 252.894);
83
42
  --color-slate-400: oklch(70.4% 0.04 256.788);
@@ -96,12 +55,8 @@
96
55
  --color-gray-800: oklch(27.8% 0.033 256.848);
97
56
  --color-gray-900: oklch(21% 0.034 264.665);
98
57
  --color-gray-950: oklch(13% 0.028 261.692);
99
- --color-zinc-200: oklch(92% 0.004 286.32);
100
58
  --color-zinc-400: oklch(70.5% 0.015 286.067);
101
59
  --color-zinc-500: oklch(55.2% 0.016 285.938);
102
- --color-zinc-600: oklch(44.2% 0.017 285.786);
103
- --color-zinc-700: oklch(37% 0.013 285.805);
104
- --color-zinc-900: oklch(21% 0.006 285.885);
105
60
  --color-zinc-950: oklch(14.1% 0.005 285.823);
106
61
  --color-black: #000;
107
62
  --color-white: #fff;
@@ -153,17 +108,6 @@
153
108
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
154
109
  --default-font-family: var(--font-sans);
155
110
  --default-mono-font-family: var(--font-mono);
156
- --color-nsw-grey-50: oklch(0.9850175274112574 0 0);
157
- --color-nsw-grey-100: oklch(0.9700350548225147 0 0);
158
- --color-nsw-grey-200: oklch(0.9400701096450296 0 0);
159
- --color-nsw-grey-300: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
160
- --color-nsw-grey-400: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
161
- --color-nsw-grey-500: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
162
- --color-nsw-grey-600: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
163
- --color-nsw-grey-700: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
164
- --color-nsw-grey-800: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
165
- --color-nsw-grey-850: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
166
- --color-nsw-grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
167
111
  --color-nsw-blue-800: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
168
112
  --color-nsw-red-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
169
113
  --color-primary-200: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
@@ -172,8 +116,12 @@
172
116
  --color-primary-600: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
173
117
  --color-primary-700: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
174
118
  --color-primary-800: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
119
+ --color-primary-900: oklch(0.18849914619305336 0.08210702115716298 259.841936589881);
120
+ --color-primary-950: oklch(0.13774937606415438 0.06451265948062805 259.841936589881);
175
121
  --color-accent-400: oklch(0.8508832985659317 0.08303006573514653 10.570704332640352);
176
122
  --color-accent-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
123
+ --color-accent-700: oklch(0.4394614068520166 0.17219599488242637 18.733343740932114);
124
+ --color-accent-900: oklch(0.20602880695114223 0.08882088454471393 17.133122508570153);
177
125
  --color-grey-50: oklch(0.9850175274112574 0 0);
178
126
  --color-grey-100: oklch(0.9700350548225147 0 0);
179
127
  --color-grey-200: oklch(0.9400701096450296 0 0);
@@ -189,12 +137,17 @@
189
137
  --color-grey-850: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
190
138
  --color-grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
191
139
  --color-grey-950: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
140
+ --color-success-200: oklch(0.8881421904403819 0.06088399550378008 142.11752406542539);
192
141
  --color-success-450: oklch(0.6326270919832794 0.153487552492673 142.8252122365381);
193
142
  --color-success-500: oklch(0.6047649705534097 0.16397310554979067 142.81705960187193);
194
143
  --color-success-550: oklch(0.57690284912354 0.17445865860690835 142.80890696720576);
144
+ --color-warning-200: oklch(0.8959111115456492 0.05444639161441583 43.9454781334139);
145
+ --color-warning-500: oklch(0.635112024028673 0.15086229457323366 43.85506733863466);
146
+ --color-danger-200: oklch(0.8752324051148354 0.06298134064642778 18.42817489942577);
195
147
  --color-danger-350: oklch(0.6894558094295998 0.12762346824748136 18.339098516052807);
196
148
  --color-danger-450: oklch(0.5961466901234453 0.1600594003984286 18.251840020312933);
197
149
  --color-danger-500: oklch(0.5647631027123693 0.17094795668235796 18.194273652364046);
150
+ --color-danger-700: oklch(0.3732298962531466 0.1454959508530616 19.3735136259701);
198
151
  --color-border: var(--border);
199
152
  --animate-hide: hide 150ms cubic-bezier(0.16, 1, 0.3, 1);
200
153
  --animate-slide-down-and-fade: slideDownAndFade 150ms cubic-bezier(0.16, 1, 0.3, 1);
@@ -1293,15 +1246,27 @@
1293
1246
  .h-12 {
1294
1247
  height: calc(var(--spacing) * 12);
1295
1248
  }
1249
+ .h-16 {
1250
+ height: calc(var(--spacing) * 16);
1251
+ }
1296
1252
  .h-24 {
1297
1253
  height: calc(var(--spacing) * 24);
1298
1254
  }
1299
1255
  .h-40 {
1300
1256
  height: calc(var(--spacing) * 40);
1301
1257
  }
1258
+ .h-48 {
1259
+ height: calc(var(--spacing) * 48);
1260
+ }
1261
+ .h-64 {
1262
+ height: calc(var(--spacing) * 64);
1263
+ }
1302
1264
  .h-80 {
1303
1265
  height: calc(var(--spacing) * 80);
1304
1266
  }
1267
+ .h-120 {
1268
+ height: calc(var(--spacing) * 120);
1269
+ }
1305
1270
  .h-\[3px\] {
1306
1271
  height: 3px;
1307
1272
  }
@@ -1365,6 +1330,9 @@
1365
1330
  .min-h-\[200px\] {
1366
1331
  min-height: 200px;
1367
1332
  }
1333
+ .min-h-dvh {
1334
+ min-height: 100dvh;
1335
+ }
1368
1336
  .w-\(--cell-size\) {
1369
1337
  width: var(--cell-size);
1370
1338
  }
@@ -1413,12 +1381,21 @@
1413
1381
  .w-12 {
1414
1382
  width: calc(var(--spacing) * 12);
1415
1383
  }
1384
+ .w-16 {
1385
+ width: calc(var(--spacing) * 16);
1386
+ }
1416
1387
  .w-20 {
1417
1388
  width: calc(var(--spacing) * 20);
1418
1389
  }
1390
+ .w-24 {
1391
+ width: calc(var(--spacing) * 24);
1392
+ }
1419
1393
  .w-28 {
1420
1394
  width: calc(var(--spacing) * 28);
1421
1395
  }
1396
+ .w-32 {
1397
+ width: calc(var(--spacing) * 32);
1398
+ }
1422
1399
  .w-40 {
1423
1400
  width: calc(var(--spacing) * 40);
1424
1401
  }
@@ -1434,12 +1411,12 @@
1434
1411
  .w-72 {
1435
1412
  width: calc(var(--spacing) * 72);
1436
1413
  }
1437
- .w-80 {
1438
- width: calc(var(--spacing) * 80);
1439
- }
1440
1414
  .w-96 {
1441
1415
  width: calc(var(--spacing) * 96);
1442
1416
  }
1417
+ .w-100 {
1418
+ width: calc(var(--spacing) * 100);
1419
+ }
1443
1420
  .w-\[44px\] {
1444
1421
  width: 44px;
1445
1422
  }
@@ -2188,6 +2165,9 @@
2188
2165
  border-color: color-mix(in oklab, var(--border) 50%, transparent);
2189
2166
  }
2190
2167
  }
2168
+ .border-danger-500 {
2169
+ border-color: var(--color-danger-500);
2170
+ }
2191
2171
  .border-gray-100 {
2192
2172
  border-color: var(--color-gray-100);
2193
2173
  }
@@ -2233,11 +2213,8 @@
2233
2213
  .border-input {
2234
2214
  border-color: var(--input);
2235
2215
  }
2236
- .border-nsw-grey-200 {
2237
- border-color: var(--color-nsw-grey-200);
2238
- }
2239
- .border-nsw-grey-600 {
2240
- border-color: var(--color-nsw-grey-600);
2216
+ .border-muted {
2217
+ border-color: var(--muted);
2241
2218
  }
2242
2219
  .border-primary {
2243
2220
  border-color: var(--primary);
@@ -2254,9 +2231,6 @@
2254
2231
  .border-red-400 {
2255
2232
  border-color: var(--color-red-400);
2256
2233
  }
2257
- .border-red-500 {
2258
- border-color: var(--color-red-500);
2259
- }
2260
2234
  .border-slate-200 {
2261
2235
  border-color: var(--color-slate-200);
2262
2236
  }
@@ -2338,9 +2312,15 @@
2338
2312
  .bg-cyan-500 {
2339
2313
  background-color: var(--color-cyan-500);
2340
2314
  }
2315
+ .bg-danger-200 {
2316
+ background-color: var(--color-danger-200);
2317
+ }
2341
2318
  .bg-danger-450 {
2342
2319
  background-color: var(--color-danger-450);
2343
2320
  }
2321
+ .bg-danger-500 {
2322
+ background-color: var(--color-danger-500);
2323
+ }
2344
2324
  .bg-destructive {
2345
2325
  background-color: var(--destructive);
2346
2326
  }
@@ -2350,9 +2330,6 @@
2350
2330
  background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
2351
2331
  }
2352
2332
  }
2353
- .bg-emerald-200 {
2354
- background-color: var(--color-emerald-200);
2355
- }
2356
2333
  .bg-emerald-500 {
2357
2334
  background-color: var(--color-emerald-500);
2358
2335
  }
@@ -2362,9 +2339,6 @@
2362
2339
  .bg-fuchsia-500 {
2363
2340
  background-color: var(--color-fuchsia-500);
2364
2341
  }
2365
- .bg-gray-200 {
2366
- background-color: var(--color-gray-200);
2367
- }
2368
2342
  .bg-gray-400 {
2369
2343
  background-color: var(--color-gray-400);
2370
2344
  }
@@ -2386,9 +2360,18 @@
2386
2360
  .bg-grey-100 {
2387
2361
  background-color: oklch(0.9700350548225147 0 0);
2388
2362
  }
2363
+ .bg-grey-200 {
2364
+ background-color: oklch(0.9400701096450296 0 0);
2365
+ }
2389
2366
  .bg-grey-300 {
2390
2367
  background-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
2391
2368
  }
2369
+ .bg-grey-500 {
2370
+ background-color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
2371
+ }
2372
+ .bg-grey-600 {
2373
+ background-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
2374
+ }
2392
2375
  .bg-grey-800 {
2393
2376
  background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
2394
2377
  }
@@ -2404,30 +2387,27 @@
2404
2387
  .bg-muted {
2405
2388
  background-color: var(--muted);
2406
2389
  }
2390
+ .bg-muted\/30 {
2391
+ background-color: var(--muted);
2392
+ @supports (color: color-mix(in lab, red, red)) {
2393
+ background-color: color-mix(in oklab, var(--muted) 30%, transparent);
2394
+ }
2395
+ }
2407
2396
  .bg-muted\/50 {
2408
2397
  background-color: var(--muted);
2409
2398
  @supports (color: color-mix(in lab, red, red)) {
2410
2399
  background-color: color-mix(in oklab, var(--muted) 50%, transparent);
2411
2400
  }
2412
2401
  }
2413
- .bg-nsw-grey-50 {
2414
- background-color: var(--color-nsw-grey-50);
2415
- }
2416
- .bg-nsw-grey-200 {
2417
- background-color: var(--color-nsw-grey-200);
2418
- }
2419
- .bg-nsw-grey-600 {
2420
- background-color: var(--color-nsw-grey-600);
2421
- }
2422
- .bg-nsw-grey-800 {
2423
- background-color: var(--color-nsw-grey-800);
2424
- }
2425
2402
  .bg-pink-500 {
2426
2403
  background-color: var(--color-pink-500);
2427
2404
  }
2428
2405
  .bg-popover {
2429
2406
  background-color: var(--popover);
2430
2407
  }
2408
+ .bg-primary-200 {
2409
+ background-color: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
2410
+ }
2431
2411
  .bg-primary-500 {
2432
2412
  background-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
2433
2413
  }
@@ -2443,15 +2423,12 @@
2443
2423
  .bg-purple-50 {
2444
2424
  background-color: var(--color-purple-50);
2445
2425
  }
2446
- .bg-red-200 {
2447
- background-color: var(--color-red-200);
2448
- }
2449
- .bg-red-500 {
2450
- background-color: var(--color-red-500);
2451
- }
2452
2426
  .bg-secondary {
2453
2427
  background-color: var(--secondary);
2454
2428
  }
2429
+ .bg-success-200 {
2430
+ background-color: var(--color-success-200);
2431
+ }
2455
2432
  .bg-success-450 {
2456
2433
  background-color: var(--color-success-450);
2457
2434
  }
@@ -2464,6 +2441,12 @@
2464
2441
  .bg-violet-500 {
2465
2442
  background-color: var(--color-violet-500);
2466
2443
  }
2444
+ .bg-warning-200 {
2445
+ background-color: var(--color-warning-200);
2446
+ }
2447
+ .bg-warning-500 {
2448
+ background-color: var(--color-warning-500);
2449
+ }
2467
2450
  .bg-white {
2468
2451
  background-color: var(--color-white);
2469
2452
  }
@@ -2473,15 +2456,6 @@
2473
2456
  background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
2474
2457
  }
2475
2458
  }
2476
- .bg-yellow-200 {
2477
- background-color: var(--color-yellow-200);
2478
- }
2479
- .bg-yellow-500 {
2480
- background-color: var(--color-yellow-500);
2481
- }
2482
- .bg-zinc-200 {
2483
- background-color: var(--color-zinc-200);
2484
- }
2485
2459
  .bg-zinc-950 {
2486
2460
  background-color: var(--color-zinc-950);
2487
2461
  }
@@ -2502,12 +2476,12 @@
2502
2476
  --tw-gradient-position: to right in oklab;
2503
2477
  background-image: linear-gradient(var(--tw-gradient-stops));
2504
2478
  }
2505
- .from-grey-800 {
2506
- --tw-gradient-from: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
2479
+ .from-grey-600 {
2480
+ --tw-gradient-from: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
2507
2481
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2508
2482
  }
2509
- .from-nsw-grey-600 {
2510
- --tw-gradient-from: var(--color-nsw-grey-600);
2483
+ .from-grey-800 {
2484
+ --tw-gradient-from: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
2511
2485
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2512
2486
  }
2513
2487
  .fill-amber-500 {
@@ -2540,21 +2514,21 @@
2540
2514
  .fill-gray-900 {
2541
2515
  fill: var(--color-gray-900);
2542
2516
  }
2517
+ .fill-grey-600 {
2518
+ fill: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
2519
+ }
2520
+ .fill-grey-700 {
2521
+ fill: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
2522
+ }
2523
+ .fill-grey-800 {
2524
+ fill: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
2525
+ }
2543
2526
  .fill-lime-500 {
2544
2527
  fill: var(--color-lime-500);
2545
2528
  }
2546
2529
  .fill-nsw-blue-800 {
2547
2530
  fill: var(--color-nsw-blue-800);
2548
2531
  }
2549
- .fill-nsw-grey-600 {
2550
- fill: var(--color-nsw-grey-600);
2551
- }
2552
- .fill-nsw-grey-700 {
2553
- fill: var(--color-nsw-grey-700);
2554
- }
2555
- .fill-nsw-grey-800 {
2556
- fill: var(--color-nsw-grey-800);
2557
- }
2558
2532
  .fill-nsw-red-600 {
2559
2533
  fill: var(--color-nsw-red-600);
2560
2534
  }
@@ -2573,9 +2547,6 @@
2573
2547
  .stroke-amber-500 {
2574
2548
  stroke: var(--color-amber-500);
2575
2549
  }
2576
- .stroke-blue-200 {
2577
- stroke: var(--color-blue-200);
2578
- }
2579
2550
  .stroke-blue-500 {
2580
2551
  stroke: var(--color-blue-500);
2581
2552
  }
@@ -2585,8 +2556,11 @@
2585
2556
  .stroke-cyan-500 {
2586
2557
  stroke: var(--color-cyan-500);
2587
2558
  }
2588
- .stroke-emerald-200 {
2589
- stroke: var(--color-emerald-200);
2559
+ .stroke-danger-200 {
2560
+ stroke: var(--color-danger-200);
2561
+ }
2562
+ .stroke-danger-500 {
2563
+ stroke: var(--color-danger-500);
2590
2564
  }
2591
2565
  .stroke-emerald-500 {
2592
2566
  stroke: var(--color-emerald-500);
@@ -2600,6 +2574,12 @@
2600
2574
  .stroke-gray-500 {
2601
2575
  stroke: var(--color-gray-500);
2602
2576
  }
2577
+ .stroke-grey-200 {
2578
+ stroke: oklch(0.9400701096450296 0 0);
2579
+ }
2580
+ .stroke-grey-500 {
2581
+ stroke: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
2582
+ }
2603
2583
  .stroke-grey-800 {
2604
2584
  stroke: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
2605
2585
  }
@@ -2609,23 +2589,29 @@
2609
2589
  .stroke-pink-500 {
2610
2590
  stroke: var(--color-pink-500);
2611
2591
  }
2612
- .stroke-red-200 {
2613
- stroke: var(--color-red-200);
2592
+ .stroke-primary-200 {
2593
+ stroke: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
2614
2594
  }
2615
- .stroke-red-500 {
2616
- stroke: var(--color-red-500);
2595
+ .stroke-primary-500 {
2596
+ stroke: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
2597
+ }
2598
+ .stroke-success-200 {
2599
+ stroke: var(--color-success-200);
2600
+ }
2601
+ .stroke-success-500 {
2602
+ stroke: var(--color-success-500);
2617
2603
  }
2618
2604
  .stroke-violet-500 {
2619
2605
  stroke: var(--color-violet-500);
2620
2606
  }
2621
- .stroke-white {
2622
- stroke: var(--color-white);
2607
+ .stroke-warning-200 {
2608
+ stroke: var(--color-warning-200);
2623
2609
  }
2624
- .stroke-yellow-200 {
2625
- stroke: var(--color-yellow-200);
2610
+ .stroke-warning-500 {
2611
+ stroke: var(--color-warning-500);
2626
2612
  }
2627
- .stroke-yellow-500 {
2628
- stroke: var(--color-yellow-500);
2613
+ .stroke-white {
2614
+ stroke: var(--color-white);
2629
2615
  }
2630
2616
  .stroke-1 {
2631
2617
  stroke-width: 1;
@@ -3217,18 +3203,6 @@
3217
3203
  .text-muted-foreground {
3218
3204
  color: var(--muted-foreground);
3219
3205
  }
3220
- .text-nsw-blue-800 {
3221
- color: var(--color-nsw-blue-800);
3222
- }
3223
- .text-nsw-grey-600 {
3224
- color: var(--color-nsw-grey-600);
3225
- }
3226
- .text-nsw-grey-700 {
3227
- color: var(--color-nsw-grey-700);
3228
- }
3229
- .text-nsw-grey-800 {
3230
- color: var(--color-nsw-grey-800);
3231
- }
3232
3206
  .text-pink-500 {
3233
3207
  color: var(--color-pink-500);
3234
3208
  }
@@ -3415,15 +3389,15 @@
3415
3389
  --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
3416
3390
  }
3417
3391
  }
3392
+ .ring-danger-200 {
3393
+ --tw-ring-color: var(--color-danger-200);
3394
+ }
3418
3395
  .ring-grey-950 {
3419
3396
  --tw-ring-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
3420
3397
  }
3421
3398
  .ring-grey-950\/10 {
3422
3399
  --tw-ring-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%, transparent);
3423
3400
  }
3424
- .ring-red-200 {
3425
- --tw-ring-color: var(--color-red-200);
3426
- }
3427
3401
  .ring-ring {
3428
3402
  --tw-ring-color: var(--ring);
3429
3403
  }
@@ -3458,8 +3432,8 @@
3458
3432
  .outline-offset-2 {
3459
3433
  outline-offset: 2px;
3460
3434
  }
3461
- .outline-blue-500 {
3462
- outline-color: var(--color-blue-500);
3435
+ .outline-primary-500 {
3436
+ outline-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
3463
3437
  }
3464
3438
  .outline-transparent {
3465
3439
  outline-color: transparent;
@@ -3852,10 +3826,10 @@
3852
3826
  .\[--leading-trim-start\:var\(--heading-leading-trim-start\)\] {
3853
3827
  --leading-trim-start: var(--heading-leading-trim-start);
3854
3828
  }
3855
- .\[--switch-bg-ring\:var\(--color-amber-500\)\]\/80 {
3856
- --switch-bg-ring: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);
3829
+ .\[--switch-bg-ring\:var\(--color-accent-700\)\]\/90 {
3830
+ --switch-bg-ring: color-mix(in srgb, oklch(0.4394614068520166 0.17219599488242637 18.733343740932114) 90%, transparent);
3857
3831
  @supports (color: color-mix(in lab, red, red)) {
3858
- --switch-bg-ring: color-mix(in oklab, var(--color-amber-500) 80%, transparent);
3832
+ --switch-bg-ring: color-mix(in oklab, var(--color-accent-700) 90%, transparent);
3859
3833
  }
3860
3834
  }
3861
3835
  .\[--switch-bg-ring\:var\(--color-black\)\]\/15 {
@@ -3864,170 +3838,53 @@
3864
3838
  --switch-bg-ring: color-mix(in oklab, var(--color-black) 15%, transparent);
3865
3839
  }
3866
3840
  }
3867
- .\[--switch-bg-ring\:var\(--color-blue-700\)\]\/90 {
3868
- --switch-bg-ring: color-mix(in srgb, oklch(48.8% 0.243 264.376) 90%, transparent);
3869
- @supports (color: color-mix(in lab, red, red)) {
3870
- --switch-bg-ring: color-mix(in oklab, var(--color-blue-700) 90%, transparent);
3871
- }
3872
- }
3873
- .\[--switch-bg-ring\:var\(--color-cyan-400\)\]\/80 {
3874
- --switch-bg-ring: color-mix(in srgb, oklch(78.9% 0.154 211.53) 80%, transparent);
3875
- @supports (color: color-mix(in lab, red, red)) {
3876
- --switch-bg-ring: color-mix(in oklab, var(--color-cyan-400) 80%, transparent);
3877
- }
3878
- }
3879
- .\[--switch-bg-ring\:var\(--color-emerald-600\)\]\/90 {
3880
- --switch-bg-ring: color-mix(in srgb, oklch(59.6% 0.145 163.225) 90%, transparent);
3841
+ .\[--switch-bg-ring\:var\(--color-grey-700\)\]\/90 {
3842
+ --switch-bg-ring: color-mix(in srgb, oklch(0.3479196456937804 0.010781103557482309 237.35049475166784) 90%, transparent);
3881
3843
  @supports (color: color-mix(in lab, red, red)) {
3882
- --switch-bg-ring: color-mix(in oklab, var(--color-emerald-600) 90%, transparent);
3844
+ --switch-bg-ring: color-mix(in oklab, var(--color-grey-700) 90%, transparent);
3883
3845
  }
3884
3846
  }
3885
- .\[--switch-bg-ring\:var\(--color-fuchsia-600\)\]\/90 {
3886
- --switch-bg-ring: color-mix(in srgb, oklch(59.1% 0.293 322.896) 90%, transparent);
3847
+ .\[--switch-bg-ring\:var\(--color-grey-950\)\]\/90 {
3848
+ --switch-bg-ring: color-mix(in srgb, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 90%, transparent);
3887
3849
  @supports (color: color-mix(in lab, red, red)) {
3888
- --switch-bg-ring: color-mix(in oklab, var(--color-fuchsia-600) 90%, transparent);
3850
+ --switch-bg-ring: color-mix(in oklab, var(--color-grey-950) 90%, transparent);
3889
3851
  }
3890
3852
  }
3891
- .\[--switch-bg-ring\:var\(--color-green-700\)\]\/90 {
3892
- --switch-bg-ring: color-mix(in srgb, oklch(52.7% 0.154 150.069) 90%, transparent);
3853
+ .\[--switch-bg-ring\:var\(--color-primary-200\)\]\/80 {
3854
+ --switch-bg-ring: color-mix(in srgb, oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 80%, transparent);
3893
3855
  @supports (color: color-mix(in lab, red, red)) {
3894
- --switch-bg-ring: color-mix(in oklab, var(--color-green-700) 90%, transparent);
3856
+ --switch-bg-ring: color-mix(in oklab, var(--color-primary-200) 80%, transparent);
3895
3857
  }
3896
3858
  }
3897
- .\[--switch-bg-ring\:var\(--color-indigo-600\)\]\/90 {
3898
- --switch-bg-ring: color-mix(in srgb, oklch(51.1% 0.262 276.966) 90%, transparent);
3859
+ .\[--switch-bg-ring\:var\(--color-primary-600\)\]\/80 {
3860
+ --switch-bg-ring: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 80%, transparent);
3899
3861
  @supports (color: color-mix(in lab, red, red)) {
3900
- --switch-bg-ring: color-mix(in oklab, var(--color-indigo-600) 90%, transparent);
3862
+ --switch-bg-ring: color-mix(in oklab, var(--color-primary-600) 80%, transparent);
3901
3863
  }
3902
3864
  }
3903
- .\[--switch-bg-ring\:var\(--color-lime-400\)\]\/80 {
3904
- --switch-bg-ring: color-mix(in srgb, oklch(84.1% 0.238 128.85) 80%, transparent);
3865
+ .\[--switch-bg-ring\:var\(--color-primary-800\)\]\/90 {
3866
+ --switch-bg-ring: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%, transparent);
3905
3867
  @supports (color: color-mix(in lab, red, red)) {
3906
- --switch-bg-ring: color-mix(in oklab, var(--color-lime-400) 80%, transparent);
3868
+ --switch-bg-ring: color-mix(in oklab, var(--color-primary-800) 90%, transparent);
3907
3869
  }
3908
3870
  }
3909
- .\[--switch-bg-ring\:var\(--color-orange-600\)\]\/90 {
3910
- --switch-bg-ring: color-mix(in srgb, oklch(64.6% 0.222 41.116) 90%, transparent);
3911
- @supports (color: color-mix(in lab, red, red)) {
3912
- --switch-bg-ring: color-mix(in oklab, var(--color-orange-600) 90%, transparent);
3913
- }
3871
+ .\[--switch-bg\:var\(--color-accent-600\)\] {
3872
+ --switch-bg: var(--color-accent-600);
3914
3873
  }
3915
- .\[--switch-bg-ring\:var\(--color-pink-600\)\]\/90 {
3916
- --switch-bg-ring: color-mix(in srgb, oklch(59.2% 0.249 0.584) 90%, transparent);
3917
- @supports (color: color-mix(in lab, red, red)) {
3918
- --switch-bg-ring: color-mix(in oklab, var(--color-pink-600) 90%, transparent);
3919
- }
3920
- }
3921
- .\[--switch-bg-ring\:var\(--color-purple-600\)\]\/90 {
3922
- --switch-bg-ring: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
3923
- @supports (color: color-mix(in lab, red, red)) {
3924
- --switch-bg-ring: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
3925
- }
3926
- }
3927
- .\[--switch-bg-ring\:var\(--color-red-700\)\]\/90 {
3928
- --switch-bg-ring: color-mix(in srgb, oklch(50.5% 0.213 27.518) 90%, transparent);
3929
- @supports (color: color-mix(in lab, red, red)) {
3930
- --switch-bg-ring: color-mix(in oklab, var(--color-red-700) 90%, transparent);
3931
- }
3874
+ .\[--switch-bg\:var\(--color-grey-600\)\] {
3875
+ --switch-bg: var(--color-grey-600);
3932
3876
  }
3933
- .\[--switch-bg-ring\:var\(--color-rose-600\)\]\/90 {
3934
- --switch-bg-ring: color-mix(in srgb, oklch(58.6% 0.253 17.585) 90%, transparent);
3935
- @supports (color: color-mix(in lab, red, red)) {
3936
- --switch-bg-ring: color-mix(in oklab, var(--color-rose-600) 90%, transparent);
3937
- }
3877
+ .\[--switch-bg\:var\(--color-grey-900\)\] {
3878
+ --switch-bg: var(--color-grey-900);
3938
3879
  }
3939
- .\[--switch-bg-ring\:var\(--color-sky-600\)\]\/80 {
3940
- --switch-bg-ring: color-mix(in srgb, oklch(58.8% 0.158 241.966) 80%, transparent);
3941
- @supports (color: color-mix(in lab, red, red)) {
3942
- --switch-bg-ring: color-mix(in oklab, var(--color-sky-600) 80%, transparent);
3943
- }
3880
+ .\[--switch-bg\:var\(--color-primary-200\)\] {
3881
+ --switch-bg: var(--color-primary-200);
3944
3882
  }
3945
- .\[--switch-bg-ring\:var\(--color-teal-700\)\]\/90 {
3946
- --switch-bg-ring: color-mix(in srgb, oklch(51.1% 0.096 186.391) 90%, transparent);
3947
- @supports (color: color-mix(in lab, red, red)) {
3948
- --switch-bg-ring: color-mix(in oklab, var(--color-teal-700) 90%, transparent);
3949
- }
3883
+ .\[--switch-bg\:var\(--color-primary-600\)\] {
3884
+ --switch-bg: var(--color-primary-600);
3950
3885
  }
3951
- .\[--switch-bg-ring\:var\(--color-violet-600\)\]\/90 {
3952
- --switch-bg-ring: color-mix(in srgb, oklch(54.1% 0.281 293.009) 90%, transparent);
3953
- @supports (color: color-mix(in lab, red, red)) {
3954
- --switch-bg-ring: color-mix(in oklab, var(--color-violet-600) 90%, transparent);
3955
- }
3956
- }
3957
- .\[--switch-bg-ring\:var\(--color-yellow-400\)\]\/80 {
3958
- --switch-bg-ring: color-mix(in srgb, oklch(85.2% 0.199 91.936) 80%, transparent);
3959
- @supports (color: color-mix(in lab, red, red)) {
3960
- --switch-bg-ring: color-mix(in oklab, var(--color-yellow-400) 80%, transparent);
3961
- }
3962
- }
3963
- .\[--switch-bg-ring\:var\(--color-zinc-700\)\]\/90 {
3964
- --switch-bg-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
3965
- @supports (color: color-mix(in lab, red, red)) {
3966
- --switch-bg-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
3967
- }
3968
- }
3969
- .\[--switch-bg-ring\:var\(--color-zinc-950\)\]\/90 {
3970
- --switch-bg-ring: color-mix(in srgb, oklch(14.1% 0.005 285.823) 90%, transparent);
3971
- @supports (color: color-mix(in lab, red, red)) {
3972
- --switch-bg-ring: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
3973
- }
3974
- }
3975
- .\[--switch-bg\:var\(--color-amber-400\)\] {
3976
- --switch-bg: var(--color-amber-400);
3977
- }
3978
- .\[--switch-bg\:var\(--color-blue-600\)\] {
3979
- --switch-bg: var(--color-blue-600);
3980
- }
3981
- .\[--switch-bg\:var\(--color-cyan-300\)\] {
3982
- --switch-bg: var(--color-cyan-300);
3983
- }
3984
- .\[--switch-bg\:var\(--color-emerald-500\)\] {
3985
- --switch-bg: var(--color-emerald-500);
3986
- }
3987
- .\[--switch-bg\:var\(--color-fuchsia-500\)\] {
3988
- --switch-bg: var(--color-fuchsia-500);
3989
- }
3990
- .\[--switch-bg\:var\(--color-green-600\)\] {
3991
- --switch-bg: var(--color-green-600);
3992
- }
3993
- .\[--switch-bg\:var\(--color-indigo-500\)\] {
3994
- --switch-bg: var(--color-indigo-500);
3995
- }
3996
- .\[--switch-bg\:var\(--color-lime-300\)\] {
3997
- --switch-bg: var(--color-lime-300);
3998
- }
3999
- .\[--switch-bg\:var\(--color-orange-500\)\] {
4000
- --switch-bg: var(--color-orange-500);
4001
- }
4002
- .\[--switch-bg\:var\(--color-pink-500\)\] {
4003
- --switch-bg: var(--color-pink-500);
4004
- }
4005
- .\[--switch-bg\:var\(--color-purple-500\)\] {
4006
- --switch-bg: var(--color-purple-500);
4007
- }
4008
- .\[--switch-bg\:var\(--color-red-600\)\] {
4009
- --switch-bg: var(--color-red-600);
4010
- }
4011
- .\[--switch-bg\:var\(--color-rose-500\)\] {
4012
- --switch-bg: var(--color-rose-500);
4013
- }
4014
- .\[--switch-bg\:var\(--color-sky-500\)\] {
4015
- --switch-bg: var(--color-sky-500);
4016
- }
4017
- .\[--switch-bg\:var\(--color-teal-600\)\] {
4018
- --switch-bg: var(--color-teal-600);
4019
- }
4020
- .\[--switch-bg\:var\(--color-violet-500\)\] {
4021
- --switch-bg: var(--color-violet-500);
4022
- }
4023
- .\[--switch-bg\:var\(--color-yellow-300\)\] {
4024
- --switch-bg: var(--color-yellow-300);
4025
- }
4026
- .\[--switch-bg\:var\(--color-zinc-600\)\] {
4027
- --switch-bg: var(--color-zinc-600);
4028
- }
4029
- .\[--switch-bg\:var\(--color-zinc-900\)\] {
4030
- --switch-bg: var(--color-zinc-900);
3886
+ .\[--switch-bg\:var\(--color-primary-800\)\] {
3887
+ --switch-bg: var(--color-primary-800);
4031
3888
  }
4032
3889
  .\[--switch-bg\:white\] {
4033
3890
  --switch-bg: white;
@@ -4035,206 +3892,71 @@
4035
3892
  .\[--switch-ring\:transparent\] {
4036
3893
  --switch-ring: transparent;
4037
3894
  }
4038
- .\[--switch-ring\:var\(--color-blue-700\)\]\/90 {
4039
- --switch-ring: color-mix(in srgb, oklch(48.8% 0.243 264.376) 90%, transparent);
4040
- @supports (color: color-mix(in lab, red, red)) {
4041
- --switch-ring: color-mix(in oklab, var(--color-blue-700) 90%, transparent);
4042
- }
4043
- }
4044
- .\[--switch-ring\:var\(--color-emerald-600\)\]\/90 {
4045
- --switch-ring: color-mix(in srgb, oklch(59.6% 0.145 163.225) 90%, transparent);
4046
- @supports (color: color-mix(in lab, red, red)) {
4047
- --switch-ring: color-mix(in oklab, var(--color-emerald-600) 90%, transparent);
4048
- }
4049
- }
4050
- .\[--switch-ring\:var\(--color-fuchsia-600\)\]\/90 {
4051
- --switch-ring: color-mix(in srgb, oklch(59.1% 0.293 322.896) 90%, transparent);
4052
- @supports (color: color-mix(in lab, red, red)) {
4053
- --switch-ring: color-mix(in oklab, var(--color-fuchsia-600) 90%, transparent);
4054
- }
4055
- }
4056
- .\[--switch-ring\:var\(--color-green-700\)\]\/90 {
4057
- --switch-ring: color-mix(in srgb, oklch(52.7% 0.154 150.069) 90%, transparent);
4058
- @supports (color: color-mix(in lab, red, red)) {
4059
- --switch-ring: color-mix(in oklab, var(--color-green-700) 90%, transparent);
4060
- }
4061
- }
4062
- .\[--switch-ring\:var\(--color-indigo-600\)\]\/90 {
4063
- --switch-ring: color-mix(in srgb, oklch(51.1% 0.262 276.966) 90%, transparent);
4064
- @supports (color: color-mix(in lab, red, red)) {
4065
- --switch-ring: color-mix(in oklab, var(--color-indigo-600) 90%, transparent);
4066
- }
4067
- }
4068
- .\[--switch-ring\:var\(--color-orange-600\)\]\/90 {
4069
- --switch-ring: color-mix(in srgb, oklch(64.6% 0.222 41.116) 90%, transparent);
4070
- @supports (color: color-mix(in lab, red, red)) {
4071
- --switch-ring: color-mix(in oklab, var(--color-orange-600) 90%, transparent);
4072
- }
4073
- }
4074
- .\[--switch-ring\:var\(--color-pink-600\)\]\/90 {
4075
- --switch-ring: color-mix(in srgb, oklch(59.2% 0.249 0.584) 90%, transparent);
3895
+ .\[--switch-ring\:var\(--color-accent-700\)\]\/90 {
3896
+ --switch-ring: color-mix(in srgb, oklch(0.4394614068520166 0.17219599488242637 18.733343740932114) 90%, transparent);
4076
3897
  @supports (color: color-mix(in lab, red, red)) {
4077
- --switch-ring: color-mix(in oklab, var(--color-pink-600) 90%, transparent);
3898
+ --switch-ring: color-mix(in oklab, var(--color-accent-700) 90%, transparent);
4078
3899
  }
4079
3900
  }
4080
- .\[--switch-ring\:var\(--color-purple-600\)\]\/90 {
4081
- --switch-ring: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
3901
+ .\[--switch-ring\:var\(--color-grey-700\)\]\/90 {
3902
+ --switch-ring: color-mix(in srgb, oklch(0.3479196456937804 0.010781103557482309 237.35049475166784) 90%, transparent);
4082
3903
  @supports (color: color-mix(in lab, red, red)) {
4083
- --switch-ring: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
3904
+ --switch-ring: color-mix(in oklab, var(--color-grey-700) 90%, transparent);
4084
3905
  }
4085
3906
  }
4086
- .\[--switch-ring\:var\(--color-red-700\)\]\/90 {
4087
- --switch-ring: color-mix(in srgb, oklch(50.5% 0.213 27.518) 90%, transparent);
3907
+ .\[--switch-ring\:var\(--color-grey-950\)\]\/90 {
3908
+ --switch-ring: color-mix(in srgb, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 90%, transparent);
4088
3909
  @supports (color: color-mix(in lab, red, red)) {
4089
- --switch-ring: color-mix(in oklab, var(--color-red-700) 90%, transparent);
3910
+ --switch-ring: color-mix(in oklab, var(--color-grey-950) 90%, transparent);
4090
3911
  }
4091
3912
  }
4092
- .\[--switch-ring\:var\(--color-rose-600\)\]\/90 {
4093
- --switch-ring: color-mix(in srgb, oklch(58.6% 0.253 17.585) 90%, transparent);
3913
+ .\[--switch-ring\:var\(--color-primary-600\)\]\/80 {
3914
+ --switch-ring: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 80%, transparent);
4094
3915
  @supports (color: color-mix(in lab, red, red)) {
4095
- --switch-ring: color-mix(in oklab, var(--color-rose-600) 90%, transparent);
3916
+ --switch-ring: color-mix(in oklab, var(--color-primary-600) 80%, transparent);
4096
3917
  }
4097
3918
  }
4098
- .\[--switch-ring\:var\(--color-sky-600\)\]\/80 {
4099
- --switch-ring: color-mix(in srgb, oklch(58.8% 0.158 241.966) 80%, transparent);
3919
+ .\[--switch-ring\:var\(--color-primary-800\)\]\/90 {
3920
+ --switch-ring: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%, transparent);
4100
3921
  @supports (color: color-mix(in lab, red, red)) {
4101
- --switch-ring: color-mix(in oklab, var(--color-sky-600) 80%, transparent);
3922
+ --switch-ring: color-mix(in oklab, var(--color-primary-800) 90%, transparent);
4102
3923
  }
4103
3924
  }
4104
- .\[--switch-ring\:var\(--color-teal-700\)\]\/90 {
4105
- --switch-ring: color-mix(in srgb, oklch(51.1% 0.096 186.391) 90%, transparent);
4106
- @supports (color: color-mix(in lab, red, red)) {
4107
- --switch-ring: color-mix(in oklab, var(--color-teal-700) 90%, transparent);
4108
- }
4109
- }
4110
- .\[--switch-ring\:var\(--color-violet-600\)\]\/90 {
4111
- --switch-ring: color-mix(in srgb, oklch(54.1% 0.281 293.009) 90%, transparent);
4112
- @supports (color: color-mix(in lab, red, red)) {
4113
- --switch-ring: color-mix(in oklab, var(--color-violet-600) 90%, transparent);
4114
- }
4115
- }
4116
- .\[--switch-ring\:var\(--color-zinc-700\)\]\/90 {
4117
- --switch-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
4118
- @supports (color: color-mix(in lab, red, red)) {
4119
- --switch-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
4120
- }
3925
+ .\[--switch-shadow\:transparent\] {
3926
+ --switch-shadow: transparent;
4121
3927
  }
4122
- .\[--switch-ring\:var\(--color-zinc-950\)\]\/90 {
4123
- --switch-ring: color-mix(in srgb, oklch(14.1% 0.005 285.823) 90%, transparent);
3928
+ .\[--switch-shadow\:var\(--color-accent-900\)\]\/20 {
3929
+ --switch-shadow: color-mix(in srgb, oklch(0.20602880695114223 0.08882088454471393 17.133122508570153) 20%, transparent);
4124
3930
  @supports (color: color-mix(in lab, red, red)) {
4125
- --switch-ring: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
3931
+ --switch-shadow: color-mix(in oklab, var(--color-accent-900) 20%, transparent);
4126
3932
  }
4127
3933
  }
4128
- .\[--switch-shadow\:transparent\] {
4129
- --switch-shadow: transparent;
4130
- }
4131
3934
  .\[--switch-shadow\:var\(--color-black\)\]\/10 {
4132
3935
  --switch-shadow: color-mix(in srgb, #000 10%, transparent);
4133
3936
  @supports (color: color-mix(in lab, red, red)) {
4134
3937
  --switch-shadow: color-mix(in oklab, var(--color-black) 10%, transparent);
4135
3938
  }
4136
3939
  }
4137
- .\[--switch-shadow\:var\(--color-blue-900\)\]\/20 {
4138
- --switch-shadow: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
4139
- @supports (color: color-mix(in lab, red, red)) {
4140
- --switch-shadow: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
4141
- }
4142
- }
4143
- .\[--switch-shadow\:var\(--color-emerald-900\)\]\/20 {
4144
- --switch-shadow: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
4145
- @supports (color: color-mix(in lab, red, red)) {
4146
- --switch-shadow: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
4147
- }
4148
- }
4149
- .\[--switch-shadow\:var\(--color-fuchsia-900\)\]\/20 {
4150
- --switch-shadow: color-mix(in srgb, oklch(40.1% 0.17 325.612) 20%, transparent);
4151
- @supports (color: color-mix(in lab, red, red)) {
4152
- --switch-shadow: color-mix(in oklab, var(--color-fuchsia-900) 20%, transparent);
4153
- }
4154
- }
4155
- .\[--switch-shadow\:var\(--color-green-900\)\]\/20 {
4156
- --switch-shadow: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
4157
- @supports (color: color-mix(in lab, red, red)) {
4158
- --switch-shadow: color-mix(in oklab, var(--color-green-900) 20%, transparent);
4159
- }
4160
- }
4161
- .\[--switch-shadow\:var\(--color-indigo-900\)\]\/20 {
4162
- --switch-shadow: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
4163
- @supports (color: color-mix(in lab, red, red)) {
4164
- --switch-shadow: color-mix(in oklab, var(--color-indigo-900) 20%, transparent);
4165
- }
4166
- }
4167
- .\[--switch-shadow\:var\(--color-orange-900\)\]\/20 {
4168
- --switch-shadow: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
4169
- @supports (color: color-mix(in lab, red, red)) {
4170
- --switch-shadow: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
4171
- }
4172
- }
4173
- .\[--switch-shadow\:var\(--color-pink-900\)\]\/20 {
4174
- --switch-shadow: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);
4175
- @supports (color: color-mix(in lab, red, red)) {
4176
- --switch-shadow: color-mix(in oklab, var(--color-pink-900) 20%, transparent);
4177
- }
4178
- }
4179
- .\[--switch-shadow\:var\(--color-purple-900\)\]\/20 {
4180
- --switch-shadow: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
4181
- @supports (color: color-mix(in lab, red, red)) {
4182
- --switch-shadow: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
4183
- }
4184
- }
4185
- .\[--switch-shadow\:var\(--color-red-900\)\]\/20 {
4186
- --switch-shadow: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
4187
- @supports (color: color-mix(in lab, red, red)) {
4188
- --switch-shadow: color-mix(in oklab, var(--color-red-900) 20%, transparent);
4189
- }
4190
- }
4191
- .\[--switch-shadow\:var\(--color-rose-900\)\]\/20 {
4192
- --switch-shadow: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent);
4193
- @supports (color: color-mix(in lab, red, red)) {
4194
- --switch-shadow: color-mix(in oklab, var(--color-rose-900) 20%, transparent);
4195
- }
4196
- }
4197
- .\[--switch-shadow\:var\(--color-sky-900\)\]\/20 {
4198
- --switch-shadow: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
4199
- @supports (color: color-mix(in lab, red, red)) {
4200
- --switch-shadow: color-mix(in oklab, var(--color-sky-900) 20%, transparent);
4201
- }
4202
- }
4203
- .\[--switch-shadow\:var\(--color-teal-900\)\]\/20 {
4204
- --switch-shadow: color-mix(in srgb, oklch(38.6% 0.063 188.416) 20%, transparent);
4205
- @supports (color: color-mix(in lab, red, red)) {
4206
- --switch-shadow: color-mix(in oklab, var(--color-teal-900) 20%, transparent);
4207
- }
4208
- }
4209
- .\[--switch-shadow\:var\(--color-violet-900\)\]\/20 {
4210
- --switch-shadow: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
3940
+ .\[--switch-shadow\:var\(--color-primary-900\)\]\/20 {
3941
+ --switch-shadow: color-mix(in srgb, oklch(0.18849914619305336 0.08210702115716298 259.841936589881) 20%, transparent);
4211
3942
  @supports (color: color-mix(in lab, red, red)) {
4212
- --switch-shadow: color-mix(in oklab, var(--color-violet-900) 20%, transparent);
3943
+ --switch-shadow: color-mix(in oklab, var(--color-primary-900) 20%, transparent);
4213
3944
  }
4214
3945
  }
4215
- .\[--switch\:var\(--color-amber-950\)\] {
4216
- --switch: var(--color-amber-950);
4217
- }
4218
- .\[--switch\:var\(--color-cyan-950\)\] {
4219
- --switch: var(--color-cyan-950);
3946
+ .\[--switch\:var\(--color-grey-950\)\] {
3947
+ --switch: var(--color-grey-950);
4220
3948
  }
4221
- .\[--switch\:var\(--color-lime-950\)\] {
4222
- --switch: var(--color-lime-950);
4223
- }
4224
- .\[--switch\:var\(--color-yellow-950\)\] {
4225
- --switch: var(--color-yellow-950);
4226
- }
4227
- .\[--switch\:var\(--color-zinc-950\)\] {
4228
- --switch: var(--color-zinc-950);
3949
+ .\[--switch\:var\(--color-primary-950\)\] {
3950
+ --switch: var(--color-primary-950);
4229
3951
  }
4230
3952
  .\[--switch\:white\] {
4231
3953
  --switch: white;
4232
3954
  }
4233
- .\[--toggle-border\:var\(--color-nsw-grey-200\)\] {
4234
- --toggle-border: var(--color-nsw-grey-200);
3955
+ .\[--toggle-border\:var\(--color-grey-200\)\] {
3956
+ --toggle-border: var(--color-grey-200);
4235
3957
  }
4236
- .\[--toggle-border\:var\(--color-nsw-grey-300\)\] {
4237
- --toggle-border: var(--color-nsw-grey-300);
3958
+ .\[--toggle-border\:var\(--color-grey-300\)\] {
3959
+ --toggle-border: var(--color-grey-300);
4238
3960
  }
4239
3961
  .\[scrollbar-width\:none\] {
4240
3962
  scrollbar-width: none;
@@ -4352,10 +4074,10 @@
4352
4074
  }
4353
4075
  }
4354
4076
  }
4355
- .group-hover\:bg-nsw-grey-800 {
4077
+ .group-hover\:bg-grey-800 {
4356
4078
  &:is(:where(.group):hover *) {
4357
4079
  @media (hover: hover) {
4358
- background-color: var(--color-nsw-grey-800);
4080
+ background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
4359
4081
  }
4360
4082
  }
4361
4083
  }
@@ -4380,10 +4102,10 @@
4380
4102
  }
4381
4103
  }
4382
4104
  }
4383
- .group-hover\:fill-nsw-grey-900 {
4105
+ .group-hover\:fill-grey-900 {
4384
4106
  &:is(:where(.group):hover *) {
4385
4107
  @media (hover: hover) {
4386
- fill: var(--color-nsw-grey-900);
4108
+ fill: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
4387
4109
  }
4388
4110
  }
4389
4111
  }
@@ -5219,13 +4941,6 @@
5219
4941
  }
5220
4942
  }
5221
4943
  }
5222
- .hover\:bg-nsw-grey-100 {
5223
- &:hover {
5224
- @media (hover: hover) {
5225
- background-color: var(--color-nsw-grey-100);
5226
- }
5227
- }
5228
- }
5229
4944
  .hover\:bg-primary-800\/10 {
5230
4945
  &:hover {
5231
4946
  @media (hover: hover) {
@@ -5322,38 +5037,24 @@
5322
5037
  }
5323
5038
  }
5324
5039
  }
5325
- .hover\:text-grey-850 {
5040
+ .hover\:text-grey-800 {
5326
5041
  &:hover {
5327
5042
  @media (hover: hover) {
5328
- color: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
5329
- }
5330
- }
5331
- }
5332
- .hover\:text-grey-950 {
5333
- &:hover {
5334
- @media (hover: hover) {
5335
- color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
5336
- }
5337
- }
5338
- }
5339
- .hover\:text-nsw-grey-600 {
5340
- &:hover {
5341
- @media (hover: hover) {
5342
- color: var(--color-nsw-grey-600);
5043
+ color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
5343
5044
  }
5344
5045
  }
5345
5046
  }
5346
- .hover\:text-nsw-grey-800 {
5047
+ .hover\:text-grey-850 {
5347
5048
  &:hover {
5348
5049
  @media (hover: hover) {
5349
- color: var(--color-nsw-grey-800);
5050
+ color: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
5350
5051
  }
5351
5052
  }
5352
5053
  }
5353
- .hover\:text-nsw-grey-850 {
5054
+ .hover\:text-grey-950 {
5354
5055
  &:hover {
5355
5056
  @media (hover: hover) {
5356
- color: var(--color-nsw-grey-850);
5057
+ color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
5357
5058
  }
5358
5059
  }
5359
5060
  }
@@ -5435,10 +5136,10 @@
5435
5136
  }
5436
5137
  }
5437
5138
  }
5438
- .hover\:\[--toggle-border\:var\(--color-nsw-grey-400\)\] {
5139
+ .hover\:\[--toggle-border\:var\(--color-grey-400\)\] {
5439
5140
  &:hover {
5440
5141
  @media (hover: hover) {
5441
- --toggle-border: var(--color-nsw-grey-400);
5142
+ --toggle-border: var(--color-grey-400);
5442
5143
  }
5443
5144
  }
5444
5145
  }
@@ -5447,14 +5148,14 @@
5447
5148
  z-index: 10;
5448
5149
  }
5449
5150
  }
5450
- .focus\:border-blue-500 {
5151
+ .focus\:border-grey-600 {
5451
5152
  &:focus {
5452
- border-color: var(--color-blue-500);
5153
+ border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
5453
5154
  }
5454
5155
  }
5455
- .focus\:border-grey-600 {
5156
+ .focus\:border-primary-500 {
5456
5157
  &:focus {
5457
- border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
5158
+ border-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
5458
5159
  }
5459
5160
  }
5460
5161
  .focus\:bg-primary-800\/10 {
@@ -5484,9 +5185,9 @@
5484
5185
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5485
5186
  }
5486
5187
  }
5487
- .focus\:ring-blue-200 {
5188
+ .focus\:ring-primary-200 {
5488
5189
  &:focus {
5489
- --tw-ring-color: var(--color-blue-200);
5190
+ --tw-ring-color: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
5490
5191
  }
5491
5192
  }
5492
5193
  .focus\:ring-primary-650\/70 {
@@ -5822,9 +5523,9 @@
5822
5523
  pointer-events: none;
5823
5524
  }
5824
5525
  }
5825
- .data-disabled\:bg-zinc-200 {
5526
+ .data-disabled\:bg-grey-200 {
5826
5527
  &[data-disabled] {
5827
- background-color: var(--color-zinc-200);
5528
+ background-color: oklch(0.9400701096450296 0 0);
5828
5529
  }
5829
5530
  }
5830
5531
  .data-disabled\:opacity-50 {
@@ -5858,10 +5559,10 @@
5858
5559
  }
5859
5560
  }
5860
5561
  }
5861
- .data-disabled\:data-checked\:bg-zinc-200 {
5562
+ .data-disabled\:data-checked\:bg-grey-200 {
5862
5563
  &[data-disabled] {
5863
5564
  &[data-checked] {
5864
- background-color: var(--color-zinc-200);
5565
+ background-color: oklch(0.9400701096450296 0 0);
5865
5566
  }
5866
5567
  }
5867
5568
  }
@@ -6916,9 +6617,9 @@
6916
6617
  background-color: var(--color-green-500);
6917
6618
  }
6918
6619
  }
6919
- .data-\[state\=on\]\:bg-nsw-grey-100 {
6620
+ .data-\[state\=on\]\:bg-grey-100 {
6920
6621
  &[data-state="on"] {
6921
- background-color: var(--color-nsw-grey-100);
6622
+ background-color: oklch(0.9700350548225147 0 0);
6922
6623
  }
6923
6624
  }
6924
6625
  .data-\[state\=on\]\:bg-primary-800\/10 {
@@ -6931,9 +6632,9 @@
6931
6632
  background-color: var(--color-purple-500);
6932
6633
  }
6933
6634
  }
6934
- .data-\[state\=on\]\:text-nsw-grey-850 {
6635
+ .data-\[state\=on\]\:text-grey-850 {
6935
6636
  &[data-state="on"] {
6936
- color: var(--color-nsw-grey-850);
6637
+ color: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
6937
6638
  }
6938
6639
  }
6939
6640
  .data-\[state\=on\]\:text-white {
@@ -7447,6 +7148,11 @@
7447
7148
  grid-template-columns: repeat(3, minmax(0, 1fr));
7448
7149
  }
7449
7150
  }
7151
+ .sm\:grid-cols-4 {
7152
+ @media (width >= 40rem) {
7153
+ grid-template-columns: repeat(4, minmax(0, 1fr));
7154
+ }
7155
+ }
7450
7156
  .sm\:grid-cols-\[--spacing\(4\)_1fr\] {
7451
7157
  @media (width >= 40rem) {
7452
7158
  grid-template-columns: calc(var(--spacing) * 4) 1fr;
@@ -7610,11 +7316,6 @@
7610
7316
  padding-left: calc(var(--spacing) * 1.5);
7611
7317
  }
7612
7318
  }
7613
- .sm\:pl-4 {
7614
- @media (width >= 40rem) {
7615
- padding-left: calc(var(--spacing) * 4);
7616
- }
7617
- }
7618
7319
  .sm\:pl-\[calc\(--spacing\(4\)-1px\)\] {
7619
7320
  @media (width >= 40rem) {
7620
7321
  padding-left: calc(calc(var(--spacing) * 4) - 1px);
@@ -7932,6 +7633,21 @@
7932
7633
  }
7933
7634
  }
7934
7635
  }
7636
+ .lg\:rounded-sm {
7637
+ @media (width >= 64rem) {
7638
+ border-radius: var(--radius-sm);
7639
+ }
7640
+ }
7641
+ .lg\:bg-white {
7642
+ @media (width >= 64rem) {
7643
+ background-color: var(--color-white);
7644
+ }
7645
+ }
7646
+ .lg\:p-10 {
7647
+ @media (width >= 64rem) {
7648
+ padding: calc(var(--spacing) * 10);
7649
+ }
7650
+ }
7935
7651
  .lg\:px-4 {
7936
7652
  @media (width >= 64rem) {
7937
7653
  padding-inline: calc(var(--spacing) * 4);
@@ -7973,6 +7689,23 @@
7973
7689
  line-height: var(--tw-leading, var(--text-sm--line-height));
7974
7690
  }
7975
7691
  }
7692
+ .lg\:shadow-xs {
7693
+ @media (width >= 64rem) {
7694
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
7695
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7696
+ }
7697
+ }
7698
+ .lg\:ring-1 {
7699
+ @media (width >= 64rem) {
7700
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
7701
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7702
+ }
7703
+ }
7704
+ .lg\:ring-grey-950\/5 {
7705
+ @media (width >= 64rem) {
7706
+ --tw-ring-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 5%, transparent);
7707
+ }
7708
+ }
7976
7709
  .xl\:sticky {
7977
7710
  @media (width >= 80rem) {
7978
7711
  position: sticky;
@@ -8064,6 +7797,11 @@
8064
7797
  }
8065
7798
  }
8066
7799
  }
7800
+ .dark\:border-danger-700 {
7801
+ &:where([data-theme=dark], [data-theme=dark] *) {
7802
+ border-color: var(--color-danger-700);
7803
+ }
7804
+ }
8067
7805
  .dark\:border-gray-600 {
8068
7806
  &:where([data-theme=dark], [data-theme=dark] *) {
8069
7807
  border-color: var(--color-gray-600);
@@ -8074,32 +7812,24 @@
8074
7812
  border-color: var(--color-gray-800);
8075
7813
  }
8076
7814
  }
8077
- .dark\:border-grey-200\/15 {
7815
+ .dark\:border-grey-50 {
8078
7816
  &:where([data-theme=dark], [data-theme=dark] *) {
8079
- border-color: color-mix(in oklab, oklch(0.9400701096450296 0 0) 15%, transparent);
7817
+ border-color: oklch(0.9850175274112574 0 0);
8080
7818
  }
8081
7819
  }
8082
- .dark\:border-grey-600 {
8083
- &:where([data-theme=dark], [data-theme=dark] *) {
8084
- border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
8085
- }
8086
- }
8087
- .dark\:border-nsw-grey-50 {
7820
+ .dark\:border-grey-200\/15 {
8088
7821
  &:where([data-theme=dark], [data-theme=dark] *) {
8089
- border-color: var(--color-nsw-grey-50);
7822
+ border-color: color-mix(in oklab, oklch(0.9400701096450296 0 0) 15%, transparent);
8090
7823
  }
8091
7824
  }
8092
- .dark\:border-nsw-grey-200\/20 {
7825
+ .dark\:border-grey-200\/20 {
8093
7826
  &:where([data-theme=dark], [data-theme=dark] *) {
8094
- border-color: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
8095
- @supports (color: color-mix(in lab, red, red)) {
8096
- border-color: color-mix(in oklab, var(--color-nsw-grey-200) 20%, transparent);
8097
- }
7827
+ border-color: color-mix(in oklab, oklch(0.9400701096450296 0 0) 20%, transparent);
8098
7828
  }
8099
7829
  }
8100
- .dark\:border-red-700 {
7830
+ .dark\:border-grey-600 {
8101
7831
  &:where([data-theme=dark], [data-theme=dark] *) {
8102
- border-color: var(--color-red-700);
7832
+ border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
8103
7833
  }
8104
7834
  }
8105
7835
  .dark\:border-slate-800 {
@@ -8194,19 +7924,6 @@
8194
7924
  }
8195
7925
  }
8196
7926
  }
8197
- .dark\:bg-blue-500 {
8198
- &:where([data-theme=dark], [data-theme=dark] *) {
8199
- background-color: var(--color-blue-500);
8200
- }
8201
- }
8202
- .dark\:bg-blue-500\/30 {
8203
- &:where([data-theme=dark], [data-theme=dark] *) {
8204
- background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
8205
- @supports (color: color-mix(in lab, red, red)) {
8206
- background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
8207
- }
8208
- }
8209
- }
8210
7927
  .dark\:bg-blue-900 {
8211
7928
  &:where([data-theme=dark], [data-theme=dark] *) {
8212
7929
  background-color: var(--color-blue-900);
@@ -8217,16 +7934,16 @@
8217
7934
  background-color: var(--color-blue-950);
8218
7935
  }
8219
7936
  }
8220
- .dark\:bg-emerald-500 {
7937
+ .dark\:bg-danger-500 {
8221
7938
  &:where([data-theme=dark], [data-theme=dark] *) {
8222
- background-color: var(--color-emerald-500);
7939
+ background-color: var(--color-danger-500);
8223
7940
  }
8224
7941
  }
8225
- .dark\:bg-emerald-500\/30 {
7942
+ .dark\:bg-danger-500\/30 {
8226
7943
  &:where([data-theme=dark], [data-theme=dark] *) {
8227
- background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
7944
+ background-color: color-mix(in srgb, oklch(0.5647631027123693 0.17094795668235796 18.194273652364046) 30%, transparent);
8228
7945
  @supports (color: color-mix(in lab, red, red)) {
8229
- background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
7946
+ background-color: color-mix(in oklab, var(--color-danger-500) 30%, transparent);
8230
7947
  }
8231
7948
  }
8232
7949
  }
@@ -8240,27 +7957,24 @@
8240
7957
  background-color: var(--color-gray-400);
8241
7958
  }
8242
7959
  }
8243
- .dark\:bg-gray-500 {
7960
+ .dark\:bg-gray-800 {
8244
7961
  &:where([data-theme=dark], [data-theme=dark] *) {
8245
- background-color: var(--color-gray-500);
7962
+ background-color: var(--color-gray-800);
8246
7963
  }
8247
7964
  }
8248
- .dark\:bg-gray-500\/40 {
7965
+ .dark\:bg-gray-950 {
8249
7966
  &:where([data-theme=dark], [data-theme=dark] *) {
8250
- background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 40%, transparent);
8251
- @supports (color: color-mix(in lab, red, red)) {
8252
- background-color: color-mix(in oklab, var(--color-gray-500) 40%, transparent);
8253
- }
7967
+ background-color: var(--color-gray-950);
8254
7968
  }
8255
7969
  }
8256
- .dark\:bg-gray-800 {
7970
+ .dark\:bg-grey-500 {
8257
7971
  &:where([data-theme=dark], [data-theme=dark] *) {
8258
- background-color: var(--color-gray-800);
7972
+ background-color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
8259
7973
  }
8260
7974
  }
8261
- .dark\:bg-gray-950 {
7975
+ .dark\:bg-grey-500\/40 {
8262
7976
  &:where([data-theme=dark], [data-theme=dark] *) {
8263
- background-color: var(--color-gray-950);
7977
+ background-color: color-mix(in oklab, oklch(0.6447616500965888 0.009489236713901311 230.74294411759388) 40%, transparent);
8264
7978
  }
8265
7979
  }
8266
7980
  .dark\:bg-grey-700 {
@@ -8291,29 +8005,34 @@
8291
8005
  }
8292
8006
  }
8293
8007
  }
8294
- .dark\:bg-nsw-grey-800 {
8008
+ .dark\:bg-primary-500 {
8295
8009
  &:where([data-theme=dark], [data-theme=dark] *) {
8296
- background-color: var(--color-nsw-grey-800);
8010
+ background-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
8297
8011
  }
8298
8012
  }
8299
- .dark\:bg-red-500 {
8013
+ .dark\:bg-primary-500\/30 {
8300
8014
  &:where([data-theme=dark], [data-theme=dark] *) {
8301
- background-color: var(--color-red-500);
8015
+ background-color: color-mix(in oklab, oklch(0.719602022988773 0.1609881523353869 242.17574150873253) 30%, transparent);
8302
8016
  }
8303
8017
  }
8304
- .dark\:bg-red-500\/30 {
8018
+ .dark\:bg-slate-900\/95 {
8305
8019
  &:where([data-theme=dark], [data-theme=dark] *) {
8306
- background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
8020
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
8307
8021
  @supports (color: color-mix(in lab, red, red)) {
8308
- background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
8022
+ background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
8309
8023
  }
8310
8024
  }
8311
8025
  }
8312
- .dark\:bg-slate-900\/95 {
8026
+ .dark\:bg-success-500 {
8313
8027
  &:where([data-theme=dark], [data-theme=dark] *) {
8314
- background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
8028
+ background-color: var(--color-success-500);
8029
+ }
8030
+ }
8031
+ .dark\:bg-success-500\/30 {
8032
+ &:where([data-theme=dark], [data-theme=dark] *) {
8033
+ background-color: color-mix(in srgb, oklch(0.6047649705534097 0.16397310554979067 142.81705960187193) 30%, transparent);
8315
8034
  @supports (color: color-mix(in lab, red, red)) {
8316
- background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
8035
+ background-color: color-mix(in oklab, var(--color-success-500) 30%, transparent);
8317
8036
  }
8318
8037
  }
8319
8038
  }
@@ -8322,6 +8041,19 @@
8322
8041
  background-color: transparent;
8323
8042
  }
8324
8043
  }
8044
+ .dark\:bg-warning-500 {
8045
+ &:where([data-theme=dark], [data-theme=dark] *) {
8046
+ background-color: var(--color-warning-500);
8047
+ }
8048
+ }
8049
+ .dark\:bg-warning-500\/30 {
8050
+ &:where([data-theme=dark], [data-theme=dark] *) {
8051
+ background-color: color-mix(in srgb, oklch(0.635112024028673 0.15086229457323366 43.85506733863466) 30%, transparent);
8052
+ @supports (color: color-mix(in lab, red, red)) {
8053
+ background-color: color-mix(in oklab, var(--color-warning-500) 30%, transparent);
8054
+ }
8055
+ }
8056
+ }
8325
8057
  .dark\:bg-white {
8326
8058
  &:where([data-theme=dark], [data-theme=dark] *) {
8327
8059
  background-color: var(--color-white);
@@ -8351,19 +8083,6 @@
8351
8083
  }
8352
8084
  }
8353
8085
  }
8354
- .dark\:bg-yellow-500 {
8355
- &:where([data-theme=dark], [data-theme=dark] *) {
8356
- background-color: var(--color-yellow-500);
8357
- }
8358
- }
8359
- .dark\:bg-yellow-500\/30 {
8360
- &:where([data-theme=dark], [data-theme=dark] *) {
8361
- background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
8362
- @supports (color: color-mix(in lab, red, red)) {
8363
- background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
8364
- }
8365
- }
8366
- }
8367
8086
  .dark\:fill-gray-50 {
8368
8087
  &:where([data-theme=dark], [data-theme=dark] *) {
8369
8088
  fill: var(--color-gray-50);
@@ -8384,9 +8103,9 @@
8384
8103
  fill: var(--color-gray-500);
8385
8104
  }
8386
8105
  }
8387
- .dark\:fill-nsw-grey-100 {
8106
+ .dark\:fill-grey-100 {
8388
8107
  &:where([data-theme=dark], [data-theme=dark] *) {
8389
- fill: var(--color-nsw-grey-100);
8108
+ fill: oklch(0.9700350548225147 0 0);
8390
8109
  }
8391
8110
  }
8392
8111
  .dark\:fill-white {
@@ -8394,83 +8113,77 @@
8394
8113
  fill: var(--color-white);
8395
8114
  }
8396
8115
  }
8397
- .dark\:stroke-blue-500 {
8116
+ .dark\:stroke-danger-500 {
8398
8117
  &:where([data-theme=dark], [data-theme=dark] *) {
8399
- stroke: var(--color-blue-500);
8118
+ stroke: var(--color-danger-500);
8400
8119
  }
8401
8120
  }
8402
- .dark\:stroke-blue-500\/30 {
8121
+ .dark\:stroke-danger-500\/30 {
8403
8122
  &:where([data-theme=dark], [data-theme=dark] *) {
8404
- stroke: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
8123
+ stroke: color-mix(in srgb, oklch(0.5647631027123693 0.17094795668235796 18.194273652364046) 30%, transparent);
8405
8124
  @supports (color: color-mix(in lab, red, red)) {
8406
- stroke: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
8125
+ stroke: color-mix(in oklab, var(--color-danger-500) 30%, transparent);
8407
8126
  }
8408
8127
  }
8409
8128
  }
8410
- .dark\:stroke-emerald-500 {
8129
+ .dark\:stroke-gray-800 {
8411
8130
  &:where([data-theme=dark], [data-theme=dark] *) {
8412
- stroke: var(--color-emerald-500);
8131
+ stroke: var(--color-gray-800);
8413
8132
  }
8414
8133
  }
8415
- .dark\:stroke-emerald-500\/30 {
8134
+ .dark\:stroke-gray-950 {
8416
8135
  &:where([data-theme=dark], [data-theme=dark] *) {
8417
- stroke: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
8418
- @supports (color: color-mix(in lab, red, red)) {
8419
- stroke: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
8420
- }
8136
+ stroke: var(--color-gray-950);
8421
8137
  }
8422
8138
  }
8423
- .dark\:stroke-gray-500 {
8139
+ .dark\:stroke-grey-400 {
8424
8140
  &:where([data-theme=dark], [data-theme=dark] *) {
8425
- stroke: var(--color-gray-500);
8141
+ stroke: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
8426
8142
  }
8427
8143
  }
8428
- .dark\:stroke-gray-500\/40 {
8144
+ .dark\:stroke-grey-500 {
8429
8145
  &:where([data-theme=dark], [data-theme=dark] *) {
8430
- stroke: color-mix(in srgb, oklch(55.1% 0.027 264.364) 40%, transparent);
8431
- @supports (color: color-mix(in lab, red, red)) {
8432
- stroke: color-mix(in oklab, var(--color-gray-500) 40%, transparent);
8433
- }
8146
+ stroke: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
8434
8147
  }
8435
8148
  }
8436
- .dark\:stroke-gray-800 {
8149
+ .dark\:stroke-grey-500\/40 {
8437
8150
  &:where([data-theme=dark], [data-theme=dark] *) {
8438
- stroke: var(--color-gray-800);
8151
+ stroke: color-mix(in oklab, oklch(0.6447616500965888 0.009489236713901311 230.74294411759388) 40%, transparent);
8439
8152
  }
8440
8153
  }
8441
- .dark\:stroke-gray-950 {
8154
+ .dark\:stroke-primary-500 {
8442
8155
  &:where([data-theme=dark], [data-theme=dark] *) {
8443
- stroke: var(--color-gray-950);
8156
+ stroke: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
8444
8157
  }
8445
8158
  }
8446
- .dark\:stroke-grey-400 {
8159
+ .dark\:stroke-primary-500\/30 {
8447
8160
  &:where([data-theme=dark], [data-theme=dark] *) {
8448
- stroke: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
8161
+ stroke: color-mix(in oklab, oklch(0.719602022988773 0.1609881523353869 242.17574150873253) 30%, transparent);
8449
8162
  }
8450
8163
  }
8451
- .dark\:stroke-red-500 {
8164
+ .dark\:stroke-success-500 {
8452
8165
  &:where([data-theme=dark], [data-theme=dark] *) {
8453
- stroke: var(--color-red-500);
8166
+ stroke: var(--color-success-500);
8454
8167
  }
8455
8168
  }
8456
- .dark\:stroke-red-500\/30 {
8169
+ .dark\:stroke-success-500\/30 {
8457
8170
  &:where([data-theme=dark], [data-theme=dark] *) {
8458
- stroke: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
8171
+ stroke: color-mix(in srgb, oklch(0.6047649705534097 0.16397310554979067 142.81705960187193) 30%, transparent);
8459
8172
  @supports (color: color-mix(in lab, red, red)) {
8460
- stroke: color-mix(in oklab, var(--color-red-500) 30%, transparent);
8173
+ stroke: color-mix(in oklab, var(--color-success-500) 30%, transparent);
8461
8174
  }
8462
8175
  }
8463
8176
  }
8464
- .dark\:stroke-yellow-500 {
8177
+ .dark\:stroke-warning-500 {
8465
8178
  &:where([data-theme=dark], [data-theme=dark] *) {
8466
- stroke: var(--color-yellow-500);
8179
+ stroke: var(--color-warning-500);
8467
8180
  }
8468
8181
  }
8469
- .dark\:stroke-yellow-500\/30 {
8182
+ .dark\:stroke-warning-500\/30 {
8470
8183
  &:where([data-theme=dark], [data-theme=dark] *) {
8471
- stroke: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
8184
+ stroke: color-mix(in srgb, oklch(0.635112024028673 0.15086229457323366 43.85506733863466) 30%, transparent);
8472
8185
  @supports (color: color-mix(in lab, red, red)) {
8473
- stroke: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
8186
+ stroke: color-mix(in oklab, var(--color-warning-500) 30%, transparent);
8474
8187
  }
8475
8188
  }
8476
8189
  }
@@ -8499,6 +8212,11 @@
8499
8212
  color: var(--color-gray-900);
8500
8213
  }
8501
8214
  }
8215
+ .dark\:text-grey-50 {
8216
+ &:where([data-theme=dark], [data-theme=dark] *) {
8217
+ color: oklch(0.9850175274112574 0 0);
8218
+ }
8219
+ }
8502
8220
  .dark\:text-grey-200 {
8503
8221
  &:where([data-theme=dark], [data-theme=dark] *) {
8504
8222
  color: oklch(0.9400701096450296 0 0);
@@ -8514,11 +8232,6 @@
8514
8232
  color: var(--muted-foreground);
8515
8233
  }
8516
8234
  }
8517
- .dark\:text-nsw-grey-400 {
8518
- &:where([data-theme=dark], [data-theme=dark] *) {
8519
- color: var(--color-nsw-grey-400);
8520
- }
8521
- }
8522
8235
  .dark\:text-primary-500 {
8523
8236
  &:where([data-theme=dark], [data-theme=dark] *) {
8524
8237
  color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
@@ -8558,17 +8271,17 @@
8558
8271
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
8559
8272
  }
8560
8273
  }
8561
- .dark\:ring-gray-950 {
8274
+ .dark\:ring-danger-700\/30 {
8562
8275
  &:where([data-theme=dark], [data-theme=dark] *) {
8563
- --tw-ring-color: var(--color-gray-950);
8276
+ --tw-ring-color: color-mix(in srgb, oklch(0.3732298962531466 0.1454959508530616 19.3735136259701) 30%, transparent);
8277
+ @supports (color: color-mix(in lab, red, red)) {
8278
+ --tw-ring-color: color-mix(in oklab, var(--color-danger-700) 30%, transparent);
8279
+ }
8564
8280
  }
8565
8281
  }
8566
- .dark\:ring-red-700\/30 {
8282
+ .dark\:ring-gray-950 {
8567
8283
  &:where([data-theme=dark], [data-theme=dark] *) {
8568
- --tw-ring-color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 30%, transparent);
8569
- @supports (color: color-mix(in lab, red, red)) {
8570
- --tw-ring-color: color-mix(in oklab, var(--color-red-700) 30%, transparent);
8571
- }
8284
+ --tw-ring-color: var(--color-gray-950);
8572
8285
  }
8573
8286
  }
8574
8287
  .dark\:ring-white\/10 {
@@ -8587,9 +8300,9 @@
8587
8300
  }
8588
8301
  }
8589
8302
  }
8590
- .dark\:outline-blue-500 {
8303
+ .dark\:outline-primary-500 {
8591
8304
  &:where([data-theme=dark], [data-theme=dark] *) {
8592
- outline-color: var(--color-blue-500);
8305
+ outline-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
8593
8306
  }
8594
8307
  }
8595
8308
  .dark\:backdrop-blur-sm {
@@ -8792,17 +8505,17 @@
8792
8505
  --switch-ring: transparent;
8793
8506
  }
8794
8507
  }
8795
- .dark\:\[--switch-ring\:var\(--color-zinc-700\)\]\/90 {
8508
+ .dark\:\[--switch-ring\:var\(--color-grey-700\)\]\/90 {
8796
8509
  &:where([data-theme=dark], [data-theme=dark] *) {
8797
- --switch-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
8510
+ --switch-ring: color-mix(in srgb, oklch(0.3479196456937804 0.010781103557482309 237.35049475166784) 90%, transparent);
8798
8511
  @supports (color: color-mix(in lab, red, red)) {
8799
- --switch-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
8512
+ --switch-ring: color-mix(in oklab, var(--color-grey-700) 90%, transparent);
8800
8513
  }
8801
8514
  }
8802
8515
  }
8803
- .dark\:\[--switch\:var\(--color-zinc-900\)\] {
8516
+ .dark\:\[--switch\:var\(--color-grey-900\)\] {
8804
8517
  &:where([data-theme=dark], [data-theme=dark] *) {
8805
- --switch: var(--color-zinc-900);
8518
+ --switch: var(--color-grey-900);
8806
8519
  }
8807
8520
  }
8808
8521
  .dark\:\[--toggle-border\:white\]\/40 {
@@ -8824,11 +8537,11 @@
8824
8537
  }
8825
8538
  }
8826
8539
  }
8827
- .dark\:group-hover\:fill-nsw-grey-500 {
8540
+ .dark\:group-hover\:fill-grey-500 {
8828
8541
  &:where([data-theme=dark], [data-theme=dark] *) {
8829
8542
  &:is(:where(.group):hover *) {
8830
8543
  @media (hover: hover) {
8831
- fill: var(--color-nsw-grey-500);
8544
+ fill: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
8832
8545
  }
8833
8546
  }
8834
8547
  }
@@ -8896,10 +8609,10 @@
8896
8609
  }
8897
8610
  }
8898
8611
  }
8899
- .dark\:group-data-\[state\=checked\]\:border-nsw-grey-400 {
8612
+ .dark\:group-data-\[state\=checked\]\:border-grey-400 {
8900
8613
  &:where([data-theme=dark], [data-theme=dark] *) {
8901
8614
  &:is(:where(.group)[data-state="checked"] *) {
8902
- border-color: var(--color-nsw-grey-400);
8615
+ border-color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
8903
8616
  }
8904
8617
  }
8905
8618
  }
@@ -9015,15 +8728,6 @@
9015
8728
  }
9016
8729
  }
9017
8730
  }
9018
- .dark\:hover\:bg-nsw-grey-700 {
9019
- &:where([data-theme=dark], [data-theme=dark] *) {
9020
- &:hover {
9021
- @media (hover: hover) {
9022
- background-color: var(--color-nsw-grey-700);
9023
- }
9024
- }
9025
- }
9026
- }
9027
8731
  .dark\:hover\:bg-white\/10 {
9028
8732
  &:where([data-theme=dark], [data-theme=dark] *) {
9029
8733
  &:hover {
@@ -9090,20 +8794,17 @@
9090
8794
  }
9091
8795
  }
9092
8796
  }
9093
- .dark\:focus\:border-blue-700 {
8797
+ .dark\:focus\:border-primary-700 {
9094
8798
  &:where([data-theme=dark], [data-theme=dark] *) {
9095
8799
  &:focus {
9096
- border-color: var(--color-blue-700);
8800
+ border-color: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
9097
8801
  }
9098
8802
  }
9099
8803
  }
9100
- .dark\:focus\:ring-blue-700\/30 {
8804
+ .dark\:focus\:ring-primary-700\/30 {
9101
8805
  &:where([data-theme=dark], [data-theme=dark] *) {
9102
8806
  &:focus {
9103
- --tw-ring-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 30%, transparent);
9104
- @supports (color: color-mix(in lab, red, red)) {
9105
- --tw-ring-color: color-mix(in oklab, var(--color-blue-700) 30%, transparent);
9106
- }
8807
+ --tw-ring-color: color-mix(in oklab, oklch(0.43255566986372795 0.17356468700683536 260.29913478593846) 30%, transparent);
9107
8808
  }
9108
8809
  }
9109
8810
  }
@@ -9593,6 +9294,23 @@
9593
9294
  }
9594
9295
  }
9595
9296
  }
9297
+ .dark\:lg\:bg-grey-900 {
9298
+ &:where([data-theme=dark], [data-theme=dark] *) {
9299
+ @media (width >= 64rem) {
9300
+ background-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
9301
+ }
9302
+ }
9303
+ }
9304
+ .dark\:lg\:ring-white\/10 {
9305
+ &:where([data-theme=dark], [data-theme=dark] *) {
9306
+ @media (width >= 64rem) {
9307
+ --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
9308
+ @supports (color: color-mix(in lab, red, red)) {
9309
+ --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
9310
+ }
9311
+ }
9312
+ }
9313
+ }
9596
9314
  .forced-colors\:stroke-\[CanvasText\] {
9597
9315
  @media (forced-colors: active) {
9598
9316
  stroke: CanvasText;
@@ -9958,9 +9676,9 @@
9958
9676
  border-bottom-left-radius: var(--radius-md);
9959
9677
  }
9960
9678
  }
9961
- .\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-800 {
9679
+ .\[\&\:has\(\[data-state\=checked\]\)\]\:border-grey-800 {
9962
9680
  &:has([data-state=checked]) {
9963
- border-color: var(--color-nsw-grey-800);
9681
+ border-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
9964
9682
  }
9965
9683
  }
9966
9684
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {