@nswds/app 1.43.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 (10) 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/styles.css +384 -656
  9. package/dist/styles.css.map +1 -1
  10. package/package.json +12 -2
package/dist/styles.css CHANGED
@@ -21,47 +21,17 @@
21
21
  "Liberation Mono",
22
22
  "Courier New",
23
23
  monospace;
24
- --color-red-200: oklch(88.5% 0.062 18.334);
25
24
  --color-red-400: oklch(70.4% 0.191 22.216);
26
25
  --color-red-500: oklch(63.7% 0.237 25.331);
27
26
  --color-red-600: oklch(57.7% 0.245 27.325);
28
- --color-red-700: oklch(50.5% 0.213 27.518);
29
- --color-red-900: oklch(39.6% 0.141 25.723);
30
- --color-orange-500: oklch(70.5% 0.213 47.604);
31
- --color-orange-600: oklch(64.6% 0.222 41.116);
32
- --color-orange-900: oklch(40.8% 0.123 38.172);
33
- --color-amber-400: oklch(82.8% 0.189 84.429);
34
27
  --color-amber-500: oklch(76.9% 0.188 70.08);
35
- --color-amber-950: oklch(27.9% 0.077 45.635);
36
- --color-yellow-200: oklch(94.5% 0.129 101.54);
37
- --color-yellow-300: oklch(90.5% 0.182 98.111);
38
- --color-yellow-400: oklch(85.2% 0.199 91.936);
39
- --color-yellow-500: oklch(79.5% 0.184 86.047);
40
- --color-yellow-950: oklch(28.6% 0.066 53.813);
41
- --color-lime-300: oklch(89.7% 0.196 126.665);
42
- --color-lime-400: oklch(84.1% 0.238 128.85);
43
28
  --color-lime-500: oklch(76.8% 0.233 130.85);
44
- --color-lime-950: oklch(27.4% 0.072 132.109);
45
29
  --color-green-50: oklch(98.2% 0.018 155.826);
46
30
  --color-green-100: oklch(96.2% 0.044 156.743);
47
31
  --color-green-500: oklch(72.3% 0.219 149.579);
48
32
  --color-green-600: oklch(62.7% 0.194 149.214);
49
- --color-green-700: oklch(52.7% 0.154 150.069);
50
- --color-green-900: oklch(39.3% 0.095 152.535);
51
- --color-emerald-200: oklch(90.5% 0.093 164.15);
52
33
  --color-emerald-500: oklch(69.6% 0.17 162.48);
53
- --color-emerald-600: oklch(59.6% 0.145 163.225);
54
- --color-emerald-900: oklch(37.8% 0.077 168.94);
55
- --color-teal-600: oklch(60% 0.118 184.704);
56
- --color-teal-700: oklch(51.1% 0.096 186.391);
57
- --color-teal-900: oklch(38.6% 0.063 188.416);
58
- --color-cyan-300: oklch(86.5% 0.127 207.078);
59
- --color-cyan-400: oklch(78.9% 0.154 211.53);
60
34
  --color-cyan-500: oklch(71.5% 0.143 215.221);
61
- --color-cyan-950: oklch(30.2% 0.056 229.695);
62
- --color-sky-500: oklch(68.5% 0.169 237.323);
63
- --color-sky-600: oklch(58.8% 0.158 241.966);
64
- --color-sky-900: oklch(39.1% 0.09 240.876);
65
35
  --color-blue-50: oklch(97% 0.014 254.604);
66
36
  --color-blue-100: oklch(93.2% 0.032 255.585);
67
37
  --color-blue-200: oklch(88.2% 0.059 254.128);
@@ -74,24 +44,13 @@
74
44
  --color-blue-950: oklch(28.2% 0.091 267.935);
75
45
  --color-indigo-500: oklch(58.5% 0.233 277.117);
76
46
  --color-indigo-600: oklch(51.1% 0.262 276.966);
77
- --color-indigo-900: oklch(35.9% 0.144 278.697);
78
47
  --color-violet-500: oklch(60.6% 0.25 292.717);
79
- --color-violet-600: oklch(54.1% 0.281 293.009);
80
- --color-violet-900: oklch(38% 0.189 293.745);
81
48
  --color-purple-50: oklch(97.7% 0.014 308.299);
82
49
  --color-purple-100: oklch(94.6% 0.033 307.174);
83
50
  --color-purple-500: oklch(62.7% 0.265 303.9);
84
51
  --color-purple-600: oklch(55.8% 0.288 302.321);
85
- --color-purple-900: oklch(38.1% 0.176 304.987);
86
52
  --color-fuchsia-500: oklch(66.7% 0.295 322.15);
87
- --color-fuchsia-600: oklch(59.1% 0.293 322.896);
88
- --color-fuchsia-900: oklch(40.1% 0.17 325.612);
89
53
  --color-pink-500: oklch(65.6% 0.241 354.308);
90
- --color-pink-600: oklch(59.2% 0.249 0.584);
91
- --color-pink-900: oklch(40.8% 0.153 2.432);
92
- --color-rose-500: oklch(64.5% 0.246 16.439);
93
- --color-rose-600: oklch(58.6% 0.253 17.585);
94
- --color-rose-900: oklch(41% 0.159 10.272);
95
54
  --color-slate-200: oklch(92.9% 0.013 255.508);
96
55
  --color-slate-300: oklch(86.9% 0.022 252.894);
97
56
  --color-slate-400: oklch(70.4% 0.04 256.788);
@@ -110,12 +69,8 @@
110
69
  --color-gray-800: oklch(27.8% 0.033 256.848);
111
70
  --color-gray-900: oklch(21% 0.034 264.665);
112
71
  --color-gray-950: oklch(13% 0.028 261.692);
113
- --color-zinc-200: oklch(92% 0.004 286.32);
114
72
  --color-zinc-400: oklch(70.5% 0.015 286.067);
115
73
  --color-zinc-500: oklch(55.2% 0.016 285.938);
116
- --color-zinc-600: oklch(44.2% 0.017 285.786);
117
- --color-zinc-700: oklch(37% 0.013 285.805);
118
- --color-zinc-900: oklch(21% 0.006 285.885);
119
74
  --color-zinc-950: oklch(14.1% 0.005 285.823);
120
75
  --color-black: #000;
121
76
  --color-white: #fff;
@@ -166,17 +121,6 @@
166
121
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
167
122
  --default-font-family: var(--font-sans);
168
123
  --default-mono-font-family: var(--font-mono);
169
- --color-nsw-grey-50: oklch(0.9850175274112574 0 0);
170
- --color-nsw-grey-100: oklch(0.9700350548225147 0 0);
171
- --color-nsw-grey-200: oklch(0.9400701096450296 0 0);
172
- --color-nsw-grey-300: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
173
- --color-nsw-grey-400: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
174
- --color-nsw-grey-500: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
175
- --color-nsw-grey-600: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
176
- --color-nsw-grey-700: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
177
- --color-nsw-grey-800: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
178
- --color-nsw-grey-850: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
179
- --color-nsw-grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
180
124
  --color-nsw-blue-800: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
181
125
  --color-nsw-red-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
182
126
  --color-primary-200: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
@@ -185,8 +129,12 @@
185
129
  --color-primary-600: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
186
130
  --color-primary-700: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
187
131
  --color-primary-800: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
132
+ --color-primary-900: oklch(0.18849914619305336 0.08210702115716298 259.841936589881);
133
+ --color-primary-950: oklch(0.13774937606415438 0.06451265948062805 259.841936589881);
188
134
  --color-accent-400: oklch(0.8508832985659317 0.08303006573514653 10.570704332640352);
189
135
  --color-accent-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
136
+ --color-accent-700: oklch(0.4394614068520166 0.17219599488242637 18.733343740932114);
137
+ --color-accent-900: oklch(0.20602880695114223 0.08882088454471393 17.133122508570153);
190
138
  --color-grey-50: oklch(0.9850175274112574 0 0);
191
139
  --color-grey-100: oklch(0.9700350548225147 0 0);
192
140
  --color-grey-200: oklch(0.9400701096450296 0 0);
@@ -202,12 +150,17 @@
202
150
  --color-grey-850: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
203
151
  --color-grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
204
152
  --color-grey-950: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
153
+ --color-success-200: oklch(0.8881421904403819 0.06088399550378008 142.11752406542539);
205
154
  --color-success-450: oklch(0.6326270919832794 0.153487552492673 142.8252122365381);
206
155
  --color-success-500: oklch(0.6047649705534097 0.16397310554979067 142.81705960187193);
207
156
  --color-success-550: oklch(0.57690284912354 0.17445865860690835 142.80890696720576);
157
+ --color-warning-200: oklch(0.8959111115456492 0.05444639161441583 43.9454781334139);
158
+ --color-warning-500: oklch(0.635112024028673 0.15086229457323366 43.85506733863466);
159
+ --color-danger-200: oklch(0.8752324051148354 0.06298134064642778 18.42817489942577);
208
160
  --color-danger-350: oklch(0.6894558094295998 0.12762346824748136 18.339098516052807);
209
161
  --color-danger-450: oklch(0.5961466901234453 0.1600594003984286 18.251840020312933);
210
162
  --color-danger-500: oklch(0.5647631027123693 0.17094795668235796 18.194273652364046);
163
+ --color-danger-700: oklch(0.3732298962531466 0.1454959508530616 19.3735136259701);
211
164
  --color-border: var(--border);
212
165
  --animate-hide: hide 150ms cubic-bezier(0.16, 1, 0.3, 1);
213
166
  --animate-slide-down-and-fade: slideDownAndFade 150ms cubic-bezier(0.16, 1, 0.3, 1);
@@ -1311,15 +1264,27 @@
1311
1264
  .h-12 {
1312
1265
  height: calc(var(--spacing) * 12);
1313
1266
  }
1267
+ .h-16 {
1268
+ height: calc(var(--spacing) * 16);
1269
+ }
1314
1270
  .h-24 {
1315
1271
  height: calc(var(--spacing) * 24);
1316
1272
  }
1317
1273
  .h-40 {
1318
1274
  height: calc(var(--spacing) * 40);
1319
1275
  }
1276
+ .h-48 {
1277
+ height: calc(var(--spacing) * 48);
1278
+ }
1279
+ .h-64 {
1280
+ height: calc(var(--spacing) * 64);
1281
+ }
1320
1282
  .h-80 {
1321
1283
  height: calc(var(--spacing) * 80);
1322
1284
  }
1285
+ .h-120 {
1286
+ height: calc(var(--spacing) * 120);
1287
+ }
1323
1288
  .h-\[3px\] {
1324
1289
  height: 3px;
1325
1290
  }
@@ -1383,6 +1348,9 @@
1383
1348
  .min-h-\[200px\] {
1384
1349
  min-height: 200px;
1385
1350
  }
1351
+ .min-h-dvh {
1352
+ min-height: 100dvh;
1353
+ }
1386
1354
  .w-\(--cell-size\) {
1387
1355
  width: var(--cell-size);
1388
1356
  }
@@ -1431,12 +1399,21 @@
1431
1399
  .w-12 {
1432
1400
  width: calc(var(--spacing) * 12);
1433
1401
  }
1402
+ .w-16 {
1403
+ width: calc(var(--spacing) * 16);
1404
+ }
1434
1405
  .w-20 {
1435
1406
  width: calc(var(--spacing) * 20);
1436
1407
  }
1408
+ .w-24 {
1409
+ width: calc(var(--spacing) * 24);
1410
+ }
1437
1411
  .w-28 {
1438
1412
  width: calc(var(--spacing) * 28);
1439
1413
  }
1414
+ .w-32 {
1415
+ width: calc(var(--spacing) * 32);
1416
+ }
1440
1417
  .w-40 {
1441
1418
  width: calc(var(--spacing) * 40);
1442
1419
  }
@@ -1452,12 +1429,12 @@
1452
1429
  .w-72 {
1453
1430
  width: calc(var(--spacing) * 72);
1454
1431
  }
1455
- .w-80 {
1456
- width: calc(var(--spacing) * 80);
1457
- }
1458
1432
  .w-96 {
1459
1433
  width: calc(var(--spacing) * 96);
1460
1434
  }
1435
+ .w-100 {
1436
+ width: calc(var(--spacing) * 100);
1437
+ }
1461
1438
  .w-\[44px\] {
1462
1439
  width: 44px;
1463
1440
  }
@@ -2176,6 +2153,9 @@
2176
2153
  border-color: color-mix(in oklab, var(--border) 50%, transparent);
2177
2154
  }
2178
2155
  }
2156
+ .border-danger-500 {
2157
+ border-color: var(--color-danger-500);
2158
+ }
2179
2159
  .border-gray-100 {
2180
2160
  border-color: var(--color-gray-100);
2181
2161
  }
@@ -2215,11 +2195,8 @@
2215
2195
  .border-input {
2216
2196
  border-color: var(--input);
2217
2197
  }
2218
- .border-nsw-grey-200 {
2219
- border-color: var(--color-nsw-grey-200);
2220
- }
2221
- .border-nsw-grey-600 {
2222
- border-color: var(--color-nsw-grey-600);
2198
+ .border-muted {
2199
+ border-color: var(--muted);
2223
2200
  }
2224
2201
  .border-primary {
2225
2202
  border-color: var(--primary);
@@ -2236,9 +2213,6 @@
2236
2213
  .border-red-400 {
2237
2214
  border-color: var(--color-red-400);
2238
2215
  }
2239
- .border-red-500 {
2240
- border-color: var(--color-red-500);
2241
- }
2242
2216
  .border-slate-200 {
2243
2217
  border-color: var(--color-slate-200);
2244
2218
  }
@@ -2317,9 +2291,15 @@
2317
2291
  .bg-cyan-500 {
2318
2292
  background-color: var(--color-cyan-500);
2319
2293
  }
2294
+ .bg-danger-200 {
2295
+ background-color: var(--color-danger-200);
2296
+ }
2320
2297
  .bg-danger-450 {
2321
2298
  background-color: var(--color-danger-450);
2322
2299
  }
2300
+ .bg-danger-500 {
2301
+ background-color: var(--color-danger-500);
2302
+ }
2323
2303
  .bg-destructive {
2324
2304
  background-color: var(--destructive);
2325
2305
  }
@@ -2329,9 +2309,6 @@
2329
2309
  background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
2330
2310
  }
2331
2311
  }
2332
- .bg-emerald-200 {
2333
- background-color: var(--color-emerald-200);
2334
- }
2335
2312
  .bg-emerald-500 {
2336
2313
  background-color: var(--color-emerald-500);
2337
2314
  }
@@ -2341,9 +2318,6 @@
2341
2318
  .bg-fuchsia-500 {
2342
2319
  background-color: var(--color-fuchsia-500);
2343
2320
  }
2344
- .bg-gray-200 {
2345
- background-color: var(--color-gray-200);
2346
- }
2347
2321
  .bg-gray-400 {
2348
2322
  background-color: var(--color-gray-400);
2349
2323
  }
@@ -2365,9 +2339,18 @@
2365
2339
  .bg-grey-100 {
2366
2340
  background-color: oklch(0.9700350548225147 0 0);
2367
2341
  }
2342
+ .bg-grey-200 {
2343
+ background-color: oklch(0.9400701096450296 0 0);
2344
+ }
2368
2345
  .bg-grey-300 {
2369
2346
  background-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
2370
2347
  }
2348
+ .bg-grey-500 {
2349
+ background-color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
2350
+ }
2351
+ .bg-grey-600 {
2352
+ background-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
2353
+ }
2371
2354
  .bg-grey-800 {
2372
2355
  background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
2373
2356
  }
@@ -2380,30 +2363,27 @@
2380
2363
  .bg-muted {
2381
2364
  background-color: var(--muted);
2382
2365
  }
2366
+ .bg-muted\/30 {
2367
+ background-color: var(--muted);
2368
+ @supports (color: color-mix(in lab, red, red)) {
2369
+ background-color: color-mix(in oklab, var(--muted) 30%, transparent);
2370
+ }
2371
+ }
2383
2372
  .bg-muted\/50 {
2384
2373
  background-color: var(--muted);
2385
2374
  @supports (color: color-mix(in lab, red, red)) {
2386
2375
  background-color: color-mix(in oklab, var(--muted) 50%, transparent);
2387
2376
  }
2388
2377
  }
2389
- .bg-nsw-grey-50 {
2390
- background-color: var(--color-nsw-grey-50);
2391
- }
2392
- .bg-nsw-grey-200 {
2393
- background-color: var(--color-nsw-grey-200);
2394
- }
2395
- .bg-nsw-grey-600 {
2396
- background-color: var(--color-nsw-grey-600);
2397
- }
2398
- .bg-nsw-grey-800 {
2399
- background-color: var(--color-nsw-grey-800);
2400
- }
2401
2378
  .bg-pink-500 {
2402
2379
  background-color: var(--color-pink-500);
2403
2380
  }
2404
2381
  .bg-popover {
2405
2382
  background-color: var(--popover);
2406
2383
  }
2384
+ .bg-primary-200 {
2385
+ background-color: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
2386
+ }
2407
2387
  .bg-primary-500 {
2408
2388
  background-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
2409
2389
  }
@@ -2419,15 +2399,12 @@
2419
2399
  .bg-purple-50 {
2420
2400
  background-color: var(--color-purple-50);
2421
2401
  }
2422
- .bg-red-200 {
2423
- background-color: var(--color-red-200);
2424
- }
2425
- .bg-red-500 {
2426
- background-color: var(--color-red-500);
2427
- }
2428
2402
  .bg-secondary {
2429
2403
  background-color: var(--secondary);
2430
2404
  }
2405
+ .bg-success-200 {
2406
+ background-color: var(--color-success-200);
2407
+ }
2431
2408
  .bg-success-450 {
2432
2409
  background-color: var(--color-success-450);
2433
2410
  }
@@ -2440,6 +2417,12 @@
2440
2417
  .bg-violet-500 {
2441
2418
  background-color: var(--color-violet-500);
2442
2419
  }
2420
+ .bg-warning-200 {
2421
+ background-color: var(--color-warning-200);
2422
+ }
2423
+ .bg-warning-500 {
2424
+ background-color: var(--color-warning-500);
2425
+ }
2443
2426
  .bg-white {
2444
2427
  background-color: var(--color-white);
2445
2428
  }
@@ -2449,15 +2432,6 @@
2449
2432
  background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
2450
2433
  }
2451
2434
  }
2452
- .bg-yellow-200 {
2453
- background-color: var(--color-yellow-200);
2454
- }
2455
- .bg-yellow-500 {
2456
- background-color: var(--color-yellow-500);
2457
- }
2458
- .bg-zinc-200 {
2459
- background-color: var(--color-zinc-200);
2460
- }
2461
2435
  .bg-zinc-950 {
2462
2436
  background-color: var(--color-zinc-950);
2463
2437
  }
@@ -2478,12 +2452,12 @@
2478
2452
  --tw-gradient-position: to right in oklab;
2479
2453
  background-image: linear-gradient(var(--tw-gradient-stops));
2480
2454
  }
2481
- .from-grey-800 {
2482
- --tw-gradient-from: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
2455
+ .from-grey-600 {
2456
+ --tw-gradient-from: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
2483
2457
  --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));
2484
2458
  }
2485
- .from-nsw-grey-600 {
2486
- --tw-gradient-from: var(--color-nsw-grey-600);
2459
+ .from-grey-800 {
2460
+ --tw-gradient-from: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
2487
2461
  --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));
2488
2462
  }
2489
2463
  .fill-amber-500 {
@@ -2516,21 +2490,21 @@
2516
2490
  .fill-gray-900 {
2517
2491
  fill: var(--color-gray-900);
2518
2492
  }
2493
+ .fill-grey-600 {
2494
+ fill: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
2495
+ }
2496
+ .fill-grey-700 {
2497
+ fill: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
2498
+ }
2499
+ .fill-grey-800 {
2500
+ fill: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
2501
+ }
2519
2502
  .fill-lime-500 {
2520
2503
  fill: var(--color-lime-500);
2521
2504
  }
2522
2505
  .fill-nsw-blue-800 {
2523
2506
  fill: var(--color-nsw-blue-800);
2524
2507
  }
2525
- .fill-nsw-grey-600 {
2526
- fill: var(--color-nsw-grey-600);
2527
- }
2528
- .fill-nsw-grey-700 {
2529
- fill: var(--color-nsw-grey-700);
2530
- }
2531
- .fill-nsw-grey-800 {
2532
- fill: var(--color-nsw-grey-800);
2533
- }
2534
2508
  .fill-nsw-red-600 {
2535
2509
  fill: var(--color-nsw-red-600);
2536
2510
  }
@@ -2549,9 +2523,6 @@
2549
2523
  .stroke-amber-500 {
2550
2524
  stroke: var(--color-amber-500);
2551
2525
  }
2552
- .stroke-blue-200 {
2553
- stroke: var(--color-blue-200);
2554
- }
2555
2526
  .stroke-blue-500 {
2556
2527
  stroke: var(--color-blue-500);
2557
2528
  }
@@ -2561,8 +2532,11 @@
2561
2532
  .stroke-cyan-500 {
2562
2533
  stroke: var(--color-cyan-500);
2563
2534
  }
2564
- .stroke-emerald-200 {
2565
- stroke: var(--color-emerald-200);
2535
+ .stroke-danger-200 {
2536
+ stroke: var(--color-danger-200);
2537
+ }
2538
+ .stroke-danger-500 {
2539
+ stroke: var(--color-danger-500);
2566
2540
  }
2567
2541
  .stroke-emerald-500 {
2568
2542
  stroke: var(--color-emerald-500);
@@ -2576,6 +2550,12 @@
2576
2550
  .stroke-gray-500 {
2577
2551
  stroke: var(--color-gray-500);
2578
2552
  }
2553
+ .stroke-grey-200 {
2554
+ stroke: oklch(0.9400701096450296 0 0);
2555
+ }
2556
+ .stroke-grey-500 {
2557
+ stroke: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
2558
+ }
2579
2559
  .stroke-grey-800 {
2580
2560
  stroke: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
2581
2561
  }
@@ -2585,23 +2565,29 @@
2585
2565
  .stroke-pink-500 {
2586
2566
  stroke: var(--color-pink-500);
2587
2567
  }
2588
- .stroke-red-200 {
2589
- stroke: var(--color-red-200);
2568
+ .stroke-primary-200 {
2569
+ stroke: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
2570
+ }
2571
+ .stroke-primary-500 {
2572
+ stroke: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
2590
2573
  }
2591
- .stroke-red-500 {
2592
- stroke: var(--color-red-500);
2574
+ .stroke-success-200 {
2575
+ stroke: var(--color-success-200);
2576
+ }
2577
+ .stroke-success-500 {
2578
+ stroke: var(--color-success-500);
2593
2579
  }
2594
2580
  .stroke-violet-500 {
2595
2581
  stroke: var(--color-violet-500);
2596
2582
  }
2597
- .stroke-white {
2598
- stroke: var(--color-white);
2583
+ .stroke-warning-200 {
2584
+ stroke: var(--color-warning-200);
2599
2585
  }
2600
- .stroke-yellow-200 {
2601
- stroke: var(--color-yellow-200);
2586
+ .stroke-warning-500 {
2587
+ stroke: var(--color-warning-500);
2602
2588
  }
2603
- .stroke-yellow-500 {
2604
- stroke: var(--color-yellow-500);
2589
+ .stroke-white {
2590
+ stroke: var(--color-white);
2605
2591
  }
2606
2592
  .stroke-1 {
2607
2593
  stroke-width: 1;
@@ -3178,18 +3164,6 @@
3178
3164
  .text-muted-foreground {
3179
3165
  color: var(--muted-foreground);
3180
3166
  }
3181
- .text-nsw-blue-800 {
3182
- color: var(--color-nsw-blue-800);
3183
- }
3184
- .text-nsw-grey-600 {
3185
- color: var(--color-nsw-grey-600);
3186
- }
3187
- .text-nsw-grey-700 {
3188
- color: var(--color-nsw-grey-700);
3189
- }
3190
- .text-nsw-grey-800 {
3191
- color: var(--color-nsw-grey-800);
3192
- }
3193
3167
  .text-pink-500 {
3194
3168
  color: var(--color-pink-500);
3195
3169
  }
@@ -3408,12 +3382,12 @@
3408
3382
  --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
3409
3383
  }
3410
3384
  }
3385
+ .ring-danger-200 {
3386
+ --tw-ring-color: var(--color-danger-200);
3387
+ }
3411
3388
  .ring-grey-950\/10 {
3412
3389
  --tw-ring-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%, transparent);
3413
3390
  }
3414
- .ring-red-200 {
3415
- --tw-ring-color: var(--color-red-200);
3416
- }
3417
3391
  .ring-ring\/50 {
3418
3392
  --tw-ring-color: var(--ring);
3419
3393
  @supports (color: color-mix(in lab, red, red)) {
@@ -3445,8 +3419,8 @@
3445
3419
  .outline-offset-2 {
3446
3420
  outline-offset: 2px;
3447
3421
  }
3448
- .outline-blue-500 {
3449
- outline-color: var(--color-blue-500);
3422
+ .outline-primary-500 {
3423
+ outline-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
3450
3424
  }
3451
3425
  .outline-transparent {
3452
3426
  outline-color: transparent;
@@ -3860,10 +3834,10 @@
3860
3834
  .\[--leading-trim-start\:var\(--heading-leading-trim-start\)\] {
3861
3835
  --leading-trim-start: var(--heading-leading-trim-start);
3862
3836
  }
3863
- .\[--switch-bg-ring\:var\(--color-amber-500\)\]\/80 {
3864
- --switch-bg-ring: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);
3837
+ .\[--switch-bg-ring\:var\(--color-accent-700\)\]\/90 {
3838
+ --switch-bg-ring: color-mix(in srgb, oklch(0.4394614068520166 0.17219599488242637 18.733343740932114) 90%, transparent);
3865
3839
  @supports (color: color-mix(in lab, red, red)) {
3866
- --switch-bg-ring: color-mix(in oklab, var(--color-amber-500) 80%, transparent);
3840
+ --switch-bg-ring: color-mix(in oklab, var(--color-accent-700) 90%, transparent);
3867
3841
  }
3868
3842
  }
3869
3843
  .\[--switch-bg-ring\:var\(--color-black\)\]\/15 {
@@ -3872,170 +3846,53 @@
3872
3846
  --switch-bg-ring: color-mix(in oklab, var(--color-black) 15%, transparent);
3873
3847
  }
3874
3848
  }
3875
- .\[--switch-bg-ring\:var\(--color-blue-700\)\]\/90 {
3876
- --switch-bg-ring: color-mix(in srgb, oklch(48.8% 0.243 264.376) 90%, transparent);
3877
- @supports (color: color-mix(in lab, red, red)) {
3878
- --switch-bg-ring: color-mix(in oklab, var(--color-blue-700) 90%, transparent);
3879
- }
3880
- }
3881
- .\[--switch-bg-ring\:var\(--color-cyan-400\)\]\/80 {
3882
- --switch-bg-ring: color-mix(in srgb, oklch(78.9% 0.154 211.53) 80%, transparent);
3883
- @supports (color: color-mix(in lab, red, red)) {
3884
- --switch-bg-ring: color-mix(in oklab, var(--color-cyan-400) 80%, transparent);
3885
- }
3886
- }
3887
- .\[--switch-bg-ring\:var\(--color-emerald-600\)\]\/90 {
3888
- --switch-bg-ring: color-mix(in srgb, oklch(59.6% 0.145 163.225) 90%, transparent);
3889
- @supports (color: color-mix(in lab, red, red)) {
3890
- --switch-bg-ring: color-mix(in oklab, var(--color-emerald-600) 90%, transparent);
3891
- }
3892
- }
3893
- .\[--switch-bg-ring\:var\(--color-fuchsia-600\)\]\/90 {
3894
- --switch-bg-ring: color-mix(in srgb, oklch(59.1% 0.293 322.896) 90%, transparent);
3895
- @supports (color: color-mix(in lab, red, red)) {
3896
- --switch-bg-ring: color-mix(in oklab, var(--color-fuchsia-600) 90%, transparent);
3897
- }
3898
- }
3899
- .\[--switch-bg-ring\:var\(--color-green-700\)\]\/90 {
3900
- --switch-bg-ring: color-mix(in srgb, oklch(52.7% 0.154 150.069) 90%, transparent);
3901
- @supports (color: color-mix(in lab, red, red)) {
3902
- --switch-bg-ring: color-mix(in oklab, var(--color-green-700) 90%, transparent);
3903
- }
3904
- }
3905
- .\[--switch-bg-ring\:var\(--color-indigo-600\)\]\/90 {
3906
- --switch-bg-ring: color-mix(in srgb, oklch(51.1% 0.262 276.966) 90%, transparent);
3907
- @supports (color: color-mix(in lab, red, red)) {
3908
- --switch-bg-ring: color-mix(in oklab, var(--color-indigo-600) 90%, transparent);
3909
- }
3910
- }
3911
- .\[--switch-bg-ring\:var\(--color-lime-400\)\]\/80 {
3912
- --switch-bg-ring: color-mix(in srgb, oklch(84.1% 0.238 128.85) 80%, transparent);
3913
- @supports (color: color-mix(in lab, red, red)) {
3914
- --switch-bg-ring: color-mix(in oklab, var(--color-lime-400) 80%, transparent);
3915
- }
3916
- }
3917
- .\[--switch-bg-ring\:var\(--color-orange-600\)\]\/90 {
3918
- --switch-bg-ring: color-mix(in srgb, oklch(64.6% 0.222 41.116) 90%, transparent);
3919
- @supports (color: color-mix(in lab, red, red)) {
3920
- --switch-bg-ring: color-mix(in oklab, var(--color-orange-600) 90%, transparent);
3921
- }
3922
- }
3923
- .\[--switch-bg-ring\:var\(--color-pink-600\)\]\/90 {
3924
- --switch-bg-ring: color-mix(in srgb, oklch(59.2% 0.249 0.584) 90%, transparent);
3925
- @supports (color: color-mix(in lab, red, red)) {
3926
- --switch-bg-ring: color-mix(in oklab, var(--color-pink-600) 90%, transparent);
3927
- }
3928
- }
3929
- .\[--switch-bg-ring\:var\(--color-purple-600\)\]\/90 {
3930
- --switch-bg-ring: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
3931
- @supports (color: color-mix(in lab, red, red)) {
3932
- --switch-bg-ring: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
3933
- }
3934
- }
3935
- .\[--switch-bg-ring\:var\(--color-red-700\)\]\/90 {
3936
- --switch-bg-ring: color-mix(in srgb, oklch(50.5% 0.213 27.518) 90%, transparent);
3937
- @supports (color: color-mix(in lab, red, red)) {
3938
- --switch-bg-ring: color-mix(in oklab, var(--color-red-700) 90%, transparent);
3939
- }
3940
- }
3941
- .\[--switch-bg-ring\:var\(--color-rose-600\)\]\/90 {
3942
- --switch-bg-ring: color-mix(in srgb, oklch(58.6% 0.253 17.585) 90%, transparent);
3943
- @supports (color: color-mix(in lab, red, red)) {
3944
- --switch-bg-ring: color-mix(in oklab, var(--color-rose-600) 90%, transparent);
3945
- }
3946
- }
3947
- .\[--switch-bg-ring\:var\(--color-sky-600\)\]\/80 {
3948
- --switch-bg-ring: color-mix(in srgb, oklch(58.8% 0.158 241.966) 80%, transparent);
3949
- @supports (color: color-mix(in lab, red, red)) {
3950
- --switch-bg-ring: color-mix(in oklab, var(--color-sky-600) 80%, transparent);
3951
- }
3952
- }
3953
- .\[--switch-bg-ring\:var\(--color-teal-700\)\]\/90 {
3954
- --switch-bg-ring: color-mix(in srgb, oklch(51.1% 0.096 186.391) 90%, transparent);
3849
+ .\[--switch-bg-ring\:var\(--color-grey-700\)\]\/90 {
3850
+ --switch-bg-ring: color-mix(in srgb, oklch(0.3479196456937804 0.010781103557482309 237.35049475166784) 90%, transparent);
3955
3851
  @supports (color: color-mix(in lab, red, red)) {
3956
- --switch-bg-ring: color-mix(in oklab, var(--color-teal-700) 90%, transparent);
3852
+ --switch-bg-ring: color-mix(in oklab, var(--color-grey-700) 90%, transparent);
3957
3853
  }
3958
3854
  }
3959
- .\[--switch-bg-ring\:var\(--color-violet-600\)\]\/90 {
3960
- --switch-bg-ring: color-mix(in srgb, oklch(54.1% 0.281 293.009) 90%, transparent);
3855
+ .\[--switch-bg-ring\:var\(--color-grey-950\)\]\/90 {
3856
+ --switch-bg-ring: color-mix(in srgb, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 90%, transparent);
3961
3857
  @supports (color: color-mix(in lab, red, red)) {
3962
- --switch-bg-ring: color-mix(in oklab, var(--color-violet-600) 90%, transparent);
3858
+ --switch-bg-ring: color-mix(in oklab, var(--color-grey-950) 90%, transparent);
3963
3859
  }
3964
3860
  }
3965
- .\[--switch-bg-ring\:var\(--color-yellow-400\)\]\/80 {
3966
- --switch-bg-ring: color-mix(in srgb, oklch(85.2% 0.199 91.936) 80%, transparent);
3861
+ .\[--switch-bg-ring\:var\(--color-primary-200\)\]\/80 {
3862
+ --switch-bg-ring: color-mix(in srgb, oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 80%, transparent);
3967
3863
  @supports (color: color-mix(in lab, red, red)) {
3968
- --switch-bg-ring: color-mix(in oklab, var(--color-yellow-400) 80%, transparent);
3864
+ --switch-bg-ring: color-mix(in oklab, var(--color-primary-200) 80%, transparent);
3969
3865
  }
3970
3866
  }
3971
- .\[--switch-bg-ring\:var\(--color-zinc-700\)\]\/90 {
3972
- --switch-bg-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
3867
+ .\[--switch-bg-ring\:var\(--color-primary-600\)\]\/80 {
3868
+ --switch-bg-ring: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 80%, transparent);
3973
3869
  @supports (color: color-mix(in lab, red, red)) {
3974
- --switch-bg-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
3870
+ --switch-bg-ring: color-mix(in oklab, var(--color-primary-600) 80%, transparent);
3975
3871
  }
3976
3872
  }
3977
- .\[--switch-bg-ring\:var\(--color-zinc-950\)\]\/90 {
3978
- --switch-bg-ring: color-mix(in srgb, oklch(14.1% 0.005 285.823) 90%, transparent);
3873
+ .\[--switch-bg-ring\:var\(--color-primary-800\)\]\/90 {
3874
+ --switch-bg-ring: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%, transparent);
3979
3875
  @supports (color: color-mix(in lab, red, red)) {
3980
- --switch-bg-ring: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
3876
+ --switch-bg-ring: color-mix(in oklab, var(--color-primary-800) 90%, transparent);
3981
3877
  }
3982
3878
  }
3983
- .\[--switch-bg\:var\(--color-amber-400\)\] {
3984
- --switch-bg: var(--color-amber-400);
3985
- }
3986
- .\[--switch-bg\:var\(--color-blue-600\)\] {
3987
- --switch-bg: var(--color-blue-600);
3988
- }
3989
- .\[--switch-bg\:var\(--color-cyan-300\)\] {
3990
- --switch-bg: var(--color-cyan-300);
3991
- }
3992
- .\[--switch-bg\:var\(--color-emerald-500\)\] {
3993
- --switch-bg: var(--color-emerald-500);
3994
- }
3995
- .\[--switch-bg\:var\(--color-fuchsia-500\)\] {
3996
- --switch-bg: var(--color-fuchsia-500);
3997
- }
3998
- .\[--switch-bg\:var\(--color-green-600\)\] {
3999
- --switch-bg: var(--color-green-600);
4000
- }
4001
- .\[--switch-bg\:var\(--color-indigo-500\)\] {
4002
- --switch-bg: var(--color-indigo-500);
4003
- }
4004
- .\[--switch-bg\:var\(--color-lime-300\)\] {
4005
- --switch-bg: var(--color-lime-300);
4006
- }
4007
- .\[--switch-bg\:var\(--color-orange-500\)\] {
4008
- --switch-bg: var(--color-orange-500);
4009
- }
4010
- .\[--switch-bg\:var\(--color-pink-500\)\] {
4011
- --switch-bg: var(--color-pink-500);
4012
- }
4013
- .\[--switch-bg\:var\(--color-purple-500\)\] {
4014
- --switch-bg: var(--color-purple-500);
4015
- }
4016
- .\[--switch-bg\:var\(--color-red-600\)\] {
4017
- --switch-bg: var(--color-red-600);
4018
- }
4019
- .\[--switch-bg\:var\(--color-rose-500\)\] {
4020
- --switch-bg: var(--color-rose-500);
3879
+ .\[--switch-bg\:var\(--color-accent-600\)\] {
3880
+ --switch-bg: var(--color-accent-600);
4021
3881
  }
4022
- .\[--switch-bg\:var\(--color-sky-500\)\] {
4023
- --switch-bg: var(--color-sky-500);
3882
+ .\[--switch-bg\:var\(--color-grey-600\)\] {
3883
+ --switch-bg: var(--color-grey-600);
4024
3884
  }
4025
- .\[--switch-bg\:var\(--color-teal-600\)\] {
4026
- --switch-bg: var(--color-teal-600);
3885
+ .\[--switch-bg\:var\(--color-grey-900\)\] {
3886
+ --switch-bg: var(--color-grey-900);
4027
3887
  }
4028
- .\[--switch-bg\:var\(--color-violet-500\)\] {
4029
- --switch-bg: var(--color-violet-500);
3888
+ .\[--switch-bg\:var\(--color-primary-200\)\] {
3889
+ --switch-bg: var(--color-primary-200);
4030
3890
  }
4031
- .\[--switch-bg\:var\(--color-yellow-300\)\] {
4032
- --switch-bg: var(--color-yellow-300);
3891
+ .\[--switch-bg\:var\(--color-primary-600\)\] {
3892
+ --switch-bg: var(--color-primary-600);
4033
3893
  }
4034
- .\[--switch-bg\:var\(--color-zinc-600\)\] {
4035
- --switch-bg: var(--color-zinc-600);
4036
- }
4037
- .\[--switch-bg\:var\(--color-zinc-900\)\] {
4038
- --switch-bg: var(--color-zinc-900);
3894
+ .\[--switch-bg\:var\(--color-primary-800\)\] {
3895
+ --switch-bg: var(--color-primary-800);
4039
3896
  }
4040
3897
  .\[--switch-bg\:white\] {
4041
3898
  --switch-bg: white;
@@ -4043,206 +3900,71 @@
4043
3900
  .\[--switch-ring\:transparent\] {
4044
3901
  --switch-ring: transparent;
4045
3902
  }
4046
- .\[--switch-ring\:var\(--color-blue-700\)\]\/90 {
4047
- --switch-ring: color-mix(in srgb, oklch(48.8% 0.243 264.376) 90%, transparent);
4048
- @supports (color: color-mix(in lab, red, red)) {
4049
- --switch-ring: color-mix(in oklab, var(--color-blue-700) 90%, transparent);
4050
- }
4051
- }
4052
- .\[--switch-ring\:var\(--color-emerald-600\)\]\/90 {
4053
- --switch-ring: color-mix(in srgb, oklch(59.6% 0.145 163.225) 90%, transparent);
4054
- @supports (color: color-mix(in lab, red, red)) {
4055
- --switch-ring: color-mix(in oklab, var(--color-emerald-600) 90%, transparent);
4056
- }
4057
- }
4058
- .\[--switch-ring\:var\(--color-fuchsia-600\)\]\/90 {
4059
- --switch-ring: color-mix(in srgb, oklch(59.1% 0.293 322.896) 90%, transparent);
4060
- @supports (color: color-mix(in lab, red, red)) {
4061
- --switch-ring: color-mix(in oklab, var(--color-fuchsia-600) 90%, transparent);
4062
- }
4063
- }
4064
- .\[--switch-ring\:var\(--color-green-700\)\]\/90 {
4065
- --switch-ring: color-mix(in srgb, oklch(52.7% 0.154 150.069) 90%, transparent);
3903
+ .\[--switch-ring\:var\(--color-accent-700\)\]\/90 {
3904
+ --switch-ring: color-mix(in srgb, oklch(0.4394614068520166 0.17219599488242637 18.733343740932114) 90%, transparent);
4066
3905
  @supports (color: color-mix(in lab, red, red)) {
4067
- --switch-ring: color-mix(in oklab, var(--color-green-700) 90%, transparent);
3906
+ --switch-ring: color-mix(in oklab, var(--color-accent-700) 90%, transparent);
4068
3907
  }
4069
3908
  }
4070
- .\[--switch-ring\:var\(--color-indigo-600\)\]\/90 {
4071
- --switch-ring: color-mix(in srgb, oklch(51.1% 0.262 276.966) 90%, transparent);
3909
+ .\[--switch-ring\:var\(--color-grey-700\)\]\/90 {
3910
+ --switch-ring: color-mix(in srgb, oklch(0.3479196456937804 0.010781103557482309 237.35049475166784) 90%, transparent);
4072
3911
  @supports (color: color-mix(in lab, red, red)) {
4073
- --switch-ring: color-mix(in oklab, var(--color-indigo-600) 90%, transparent);
3912
+ --switch-ring: color-mix(in oklab, var(--color-grey-700) 90%, transparent);
4074
3913
  }
4075
3914
  }
4076
- .\[--switch-ring\:var\(--color-orange-600\)\]\/90 {
4077
- --switch-ring: color-mix(in srgb, oklch(64.6% 0.222 41.116) 90%, transparent);
3915
+ .\[--switch-ring\:var\(--color-grey-950\)\]\/90 {
3916
+ --switch-ring: color-mix(in srgb, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 90%, transparent);
4078
3917
  @supports (color: color-mix(in lab, red, red)) {
4079
- --switch-ring: color-mix(in oklab, var(--color-orange-600) 90%, transparent);
3918
+ --switch-ring: color-mix(in oklab, var(--color-grey-950) 90%, transparent);
4080
3919
  }
4081
3920
  }
4082
- .\[--switch-ring\:var\(--color-pink-600\)\]\/90 {
4083
- --switch-ring: color-mix(in srgb, oklch(59.2% 0.249 0.584) 90%, transparent);
3921
+ .\[--switch-ring\:var\(--color-primary-600\)\]\/80 {
3922
+ --switch-ring: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 80%, transparent);
4084
3923
  @supports (color: color-mix(in lab, red, red)) {
4085
- --switch-ring: color-mix(in oklab, var(--color-pink-600) 90%, transparent);
3924
+ --switch-ring: color-mix(in oklab, var(--color-primary-600) 80%, transparent);
4086
3925
  }
4087
3926
  }
4088
- .\[--switch-ring\:var\(--color-purple-600\)\]\/90 {
4089
- --switch-ring: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
3927
+ .\[--switch-ring\:var\(--color-primary-800\)\]\/90 {
3928
+ --switch-ring: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%, transparent);
4090
3929
  @supports (color: color-mix(in lab, red, red)) {
4091
- --switch-ring: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
3930
+ --switch-ring: color-mix(in oklab, var(--color-primary-800) 90%, transparent);
4092
3931
  }
4093
3932
  }
4094
- .\[--switch-ring\:var\(--color-red-700\)\]\/90 {
4095
- --switch-ring: color-mix(in srgb, oklch(50.5% 0.213 27.518) 90%, transparent);
4096
- @supports (color: color-mix(in lab, red, red)) {
4097
- --switch-ring: color-mix(in oklab, var(--color-red-700) 90%, transparent);
4098
- }
4099
- }
4100
- .\[--switch-ring\:var\(--color-rose-600\)\]\/90 {
4101
- --switch-ring: color-mix(in srgb, oklch(58.6% 0.253 17.585) 90%, transparent);
4102
- @supports (color: color-mix(in lab, red, red)) {
4103
- --switch-ring: color-mix(in oklab, var(--color-rose-600) 90%, transparent);
4104
- }
4105
- }
4106
- .\[--switch-ring\:var\(--color-sky-600\)\]\/80 {
4107
- --switch-ring: color-mix(in srgb, oklch(58.8% 0.158 241.966) 80%, transparent);
4108
- @supports (color: color-mix(in lab, red, red)) {
4109
- --switch-ring: color-mix(in oklab, var(--color-sky-600) 80%, transparent);
4110
- }
4111
- }
4112
- .\[--switch-ring\:var\(--color-teal-700\)\]\/90 {
4113
- --switch-ring: color-mix(in srgb, oklch(51.1% 0.096 186.391) 90%, transparent);
4114
- @supports (color: color-mix(in lab, red, red)) {
4115
- --switch-ring: color-mix(in oklab, var(--color-teal-700) 90%, transparent);
4116
- }
4117
- }
4118
- .\[--switch-ring\:var\(--color-violet-600\)\]\/90 {
4119
- --switch-ring: color-mix(in srgb, oklch(54.1% 0.281 293.009) 90%, transparent);
4120
- @supports (color: color-mix(in lab, red, red)) {
4121
- --switch-ring: color-mix(in oklab, var(--color-violet-600) 90%, transparent);
4122
- }
4123
- }
4124
- .\[--switch-ring\:var\(--color-zinc-700\)\]\/90 {
4125
- --switch-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
4126
- @supports (color: color-mix(in lab, red, red)) {
4127
- --switch-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
4128
- }
3933
+ .\[--switch-shadow\:transparent\] {
3934
+ --switch-shadow: transparent;
4129
3935
  }
4130
- .\[--switch-ring\:var\(--color-zinc-950\)\]\/90 {
4131
- --switch-ring: color-mix(in srgb, oklch(14.1% 0.005 285.823) 90%, transparent);
3936
+ .\[--switch-shadow\:var\(--color-accent-900\)\]\/20 {
3937
+ --switch-shadow: color-mix(in srgb, oklch(0.20602880695114223 0.08882088454471393 17.133122508570153) 20%, transparent);
4132
3938
  @supports (color: color-mix(in lab, red, red)) {
4133
- --switch-ring: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
3939
+ --switch-shadow: color-mix(in oklab, var(--color-accent-900) 20%, transparent);
4134
3940
  }
4135
3941
  }
4136
- .\[--switch-shadow\:transparent\] {
4137
- --switch-shadow: transparent;
4138
- }
4139
3942
  .\[--switch-shadow\:var\(--color-black\)\]\/10 {
4140
3943
  --switch-shadow: color-mix(in srgb, #000 10%, transparent);
4141
3944
  @supports (color: color-mix(in lab, red, red)) {
4142
3945
  --switch-shadow: color-mix(in oklab, var(--color-black) 10%, transparent);
4143
3946
  }
4144
3947
  }
4145
- .\[--switch-shadow\:var\(--color-blue-900\)\]\/20 {
4146
- --switch-shadow: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
4147
- @supports (color: color-mix(in lab, red, red)) {
4148
- --switch-shadow: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
4149
- }
4150
- }
4151
- .\[--switch-shadow\:var\(--color-emerald-900\)\]\/20 {
4152
- --switch-shadow: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
4153
- @supports (color: color-mix(in lab, red, red)) {
4154
- --switch-shadow: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
4155
- }
4156
- }
4157
- .\[--switch-shadow\:var\(--color-fuchsia-900\)\]\/20 {
4158
- --switch-shadow: color-mix(in srgb, oklch(40.1% 0.17 325.612) 20%, transparent);
4159
- @supports (color: color-mix(in lab, red, red)) {
4160
- --switch-shadow: color-mix(in oklab, var(--color-fuchsia-900) 20%, transparent);
4161
- }
4162
- }
4163
- .\[--switch-shadow\:var\(--color-green-900\)\]\/20 {
4164
- --switch-shadow: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
4165
- @supports (color: color-mix(in lab, red, red)) {
4166
- --switch-shadow: color-mix(in oklab, var(--color-green-900) 20%, transparent);
4167
- }
4168
- }
4169
- .\[--switch-shadow\:var\(--color-indigo-900\)\]\/20 {
4170
- --switch-shadow: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
4171
- @supports (color: color-mix(in lab, red, red)) {
4172
- --switch-shadow: color-mix(in oklab, var(--color-indigo-900) 20%, transparent);
4173
- }
4174
- }
4175
- .\[--switch-shadow\:var\(--color-orange-900\)\]\/20 {
4176
- --switch-shadow: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
4177
- @supports (color: color-mix(in lab, red, red)) {
4178
- --switch-shadow: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
4179
- }
4180
- }
4181
- .\[--switch-shadow\:var\(--color-pink-900\)\]\/20 {
4182
- --switch-shadow: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);
4183
- @supports (color: color-mix(in lab, red, red)) {
4184
- --switch-shadow: color-mix(in oklab, var(--color-pink-900) 20%, transparent);
4185
- }
4186
- }
4187
- .\[--switch-shadow\:var\(--color-purple-900\)\]\/20 {
4188
- --switch-shadow: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
4189
- @supports (color: color-mix(in lab, red, red)) {
4190
- --switch-shadow: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
4191
- }
4192
- }
4193
- .\[--switch-shadow\:var\(--color-red-900\)\]\/20 {
4194
- --switch-shadow: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
4195
- @supports (color: color-mix(in lab, red, red)) {
4196
- --switch-shadow: color-mix(in oklab, var(--color-red-900) 20%, transparent);
4197
- }
4198
- }
4199
- .\[--switch-shadow\:var\(--color-rose-900\)\]\/20 {
4200
- --switch-shadow: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent);
4201
- @supports (color: color-mix(in lab, red, red)) {
4202
- --switch-shadow: color-mix(in oklab, var(--color-rose-900) 20%, transparent);
4203
- }
4204
- }
4205
- .\[--switch-shadow\:var\(--color-sky-900\)\]\/20 {
4206
- --switch-shadow: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
4207
- @supports (color: color-mix(in lab, red, red)) {
4208
- --switch-shadow: color-mix(in oklab, var(--color-sky-900) 20%, transparent);
4209
- }
4210
- }
4211
- .\[--switch-shadow\:var\(--color-teal-900\)\]\/20 {
4212
- --switch-shadow: color-mix(in srgb, oklch(38.6% 0.063 188.416) 20%, transparent);
4213
- @supports (color: color-mix(in lab, red, red)) {
4214
- --switch-shadow: color-mix(in oklab, var(--color-teal-900) 20%, transparent);
4215
- }
4216
- }
4217
- .\[--switch-shadow\:var\(--color-violet-900\)\]\/20 {
4218
- --switch-shadow: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
3948
+ .\[--switch-shadow\:var\(--color-primary-900\)\]\/20 {
3949
+ --switch-shadow: color-mix(in srgb, oklch(0.18849914619305336 0.08210702115716298 259.841936589881) 20%, transparent);
4219
3950
  @supports (color: color-mix(in lab, red, red)) {
4220
- --switch-shadow: color-mix(in oklab, var(--color-violet-900) 20%, transparent);
3951
+ --switch-shadow: color-mix(in oklab, var(--color-primary-900) 20%, transparent);
4221
3952
  }
4222
3953
  }
4223
- .\[--switch\:var\(--color-amber-950\)\] {
4224
- --switch: var(--color-amber-950);
3954
+ .\[--switch\:var\(--color-grey-950\)\] {
3955
+ --switch: var(--color-grey-950);
4225
3956
  }
4226
- .\[--switch\:var\(--color-cyan-950\)\] {
4227
- --switch: var(--color-cyan-950);
4228
- }
4229
- .\[--switch\:var\(--color-lime-950\)\] {
4230
- --switch: var(--color-lime-950);
4231
- }
4232
- .\[--switch\:var\(--color-yellow-950\)\] {
4233
- --switch: var(--color-yellow-950);
4234
- }
4235
- .\[--switch\:var\(--color-zinc-950\)\] {
4236
- --switch: var(--color-zinc-950);
3957
+ .\[--switch\:var\(--color-primary-950\)\] {
3958
+ --switch: var(--color-primary-950);
4237
3959
  }
4238
3960
  .\[--switch\:white\] {
4239
3961
  --switch: white;
4240
3962
  }
4241
- .\[--toggle-border\:var\(--color-nsw-grey-200\)\] {
4242
- --toggle-border: var(--color-nsw-grey-200);
3963
+ .\[--toggle-border\:var\(--color-grey-200\)\] {
3964
+ --toggle-border: var(--color-grey-200);
4243
3965
  }
4244
- .\[--toggle-border\:var\(--color-nsw-grey-300\)\] {
4245
- --toggle-border: var(--color-nsw-grey-300);
3966
+ .\[--toggle-border\:var\(--color-grey-300\)\] {
3967
+ --toggle-border: var(--color-grey-300);
4246
3968
  }
4247
3969
  .\[scrollbar-width\:none\] {
4248
3970
  scrollbar-width: none;
@@ -4354,10 +4076,10 @@
4354
4076
  }
4355
4077
  }
4356
4078
  }
4357
- .group-hover\:bg-nsw-grey-800 {
4079
+ .group-hover\:bg-grey-800 {
4358
4080
  &:is(:where(.group):hover *) {
4359
4081
  @media (hover: hover) {
4360
- background-color: var(--color-nsw-grey-800);
4082
+ background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
4361
4083
  }
4362
4084
  }
4363
4085
  }
@@ -4382,10 +4104,10 @@
4382
4104
  }
4383
4105
  }
4384
4106
  }
4385
- .group-hover\:fill-nsw-grey-900 {
4107
+ .group-hover\:fill-grey-900 {
4386
4108
  &:is(:where(.group):hover *) {
4387
4109
  @media (hover: hover) {
4388
- fill: var(--color-nsw-grey-900);
4110
+ fill: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
4389
4111
  }
4390
4112
  }
4391
4113
  }
@@ -5232,13 +4954,6 @@
5232
4954
  }
5233
4955
  }
5234
4956
  }
5235
- .hover\:bg-nsw-grey-100 {
5236
- &:hover {
5237
- @media (hover: hover) {
5238
- background-color: var(--color-nsw-grey-100);
5239
- }
5240
- }
5241
- }
5242
4957
  .hover\:bg-primary-800\/10 {
5243
4958
  &:hover {
5244
4959
  @media (hover: hover) {
@@ -5335,38 +5050,24 @@
5335
5050
  }
5336
5051
  }
5337
5052
  }
5338
- .hover\:text-grey-850 {
5053
+ .hover\:text-grey-800 {
5339
5054
  &:hover {
5340
5055
  @media (hover: hover) {
5341
- color: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
5342
- }
5343
- }
5344
- }
5345
- .hover\:text-grey-950 {
5346
- &:hover {
5347
- @media (hover: hover) {
5348
- color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
5349
- }
5350
- }
5351
- }
5352
- .hover\:text-nsw-grey-600 {
5353
- &:hover {
5354
- @media (hover: hover) {
5355
- color: var(--color-nsw-grey-600);
5056
+ color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
5356
5057
  }
5357
5058
  }
5358
5059
  }
5359
- .hover\:text-nsw-grey-800 {
5060
+ .hover\:text-grey-850 {
5360
5061
  &:hover {
5361
5062
  @media (hover: hover) {
5362
- color: var(--color-nsw-grey-800);
5063
+ color: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
5363
5064
  }
5364
5065
  }
5365
5066
  }
5366
- .hover\:text-nsw-grey-850 {
5067
+ .hover\:text-grey-950 {
5367
5068
  &:hover {
5368
5069
  @media (hover: hover) {
5369
- color: var(--color-nsw-grey-850);
5070
+ color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
5370
5071
  }
5371
5072
  }
5372
5073
  }
@@ -5453,10 +5154,10 @@
5453
5154
  }
5454
5155
  }
5455
5156
  }
5456
- .hover\:\[--toggle-border\:var\(--color-nsw-grey-400\)\] {
5157
+ .hover\:\[--toggle-border\:var\(--color-grey-400\)\] {
5457
5158
  &:hover {
5458
5159
  @media (hover: hover) {
5459
- --toggle-border: var(--color-nsw-grey-400);
5160
+ --toggle-border: var(--color-grey-400);
5460
5161
  }
5461
5162
  }
5462
5163
  }
@@ -5465,14 +5166,14 @@
5465
5166
  z-index: 10;
5466
5167
  }
5467
5168
  }
5468
- .focus\:border-blue-500 {
5169
+ .focus\:border-grey-600 {
5469
5170
  &:focus {
5470
- border-color: var(--color-blue-500);
5171
+ border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
5471
5172
  }
5472
5173
  }
5473
- .focus\:border-grey-600 {
5174
+ .focus\:border-primary-500 {
5474
5175
  &:focus {
5475
- border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
5176
+ border-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
5476
5177
  }
5477
5178
  }
5478
5179
  .focus\:bg-primary-800\/10 {
@@ -5507,9 +5208,9 @@
5507
5208
  var(--tw-shadow);
5508
5209
  }
5509
5210
  }
5510
- .focus\:ring-blue-200 {
5211
+ .focus\:ring-primary-200 {
5511
5212
  &:focus {
5512
- --tw-ring-color: var(--color-blue-200);
5213
+ --tw-ring-color: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
5513
5214
  }
5514
5215
  }
5515
5216
  .focus\:ring-primary-650\/70 {
@@ -5875,9 +5576,9 @@
5875
5576
  pointer-events: none;
5876
5577
  }
5877
5578
  }
5878
- .data-disabled\:bg-zinc-200 {
5579
+ .data-disabled\:bg-grey-200 {
5879
5580
  &[data-disabled] {
5880
- background-color: var(--color-zinc-200);
5581
+ background-color: oklch(0.9400701096450296 0 0);
5881
5582
  }
5882
5583
  }
5883
5584
  .data-disabled\:opacity-50 {
@@ -5921,10 +5622,10 @@
5921
5622
  }
5922
5623
  }
5923
5624
  }
5924
- .data-disabled\:data-checked\:bg-zinc-200 {
5625
+ .data-disabled\:data-checked\:bg-grey-200 {
5925
5626
  &[data-disabled] {
5926
5627
  &[data-checked] {
5927
- background-color: var(--color-zinc-200);
5628
+ background-color: oklch(0.9400701096450296 0 0);
5928
5629
  }
5929
5630
  }
5930
5631
  }
@@ -6999,9 +6700,9 @@
6999
6700
  background-color: var(--color-green-500);
7000
6701
  }
7001
6702
  }
7002
- .data-\[state\=on\]\:bg-nsw-grey-100 {
6703
+ .data-\[state\=on\]\:bg-grey-100 {
7003
6704
  &[data-state=on] {
7004
- background-color: var(--color-nsw-grey-100);
6705
+ background-color: oklch(0.9700350548225147 0 0);
7005
6706
  }
7006
6707
  }
7007
6708
  .data-\[state\=on\]\:bg-primary-800\/10 {
@@ -7014,9 +6715,9 @@
7014
6715
  background-color: var(--color-purple-500);
7015
6716
  }
7016
6717
  }
7017
- .data-\[state\=on\]\:text-nsw-grey-850 {
6718
+ .data-\[state\=on\]\:text-grey-850 {
7018
6719
  &[data-state=on] {
7019
- color: var(--color-nsw-grey-850);
6720
+ color: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
7020
6721
  }
7021
6722
  }
7022
6723
  .data-\[state\=on\]\:text-white {
@@ -7535,6 +7236,11 @@
7535
7236
  grid-template-columns: repeat(3, minmax(0, 1fr));
7536
7237
  }
7537
7238
  }
7239
+ .sm\:grid-cols-4 {
7240
+ @media (width >= 40rem) {
7241
+ grid-template-columns: repeat(4, minmax(0, 1fr));
7242
+ }
7243
+ }
7538
7244
  .sm\:grid-cols-\[--spacing\(4\)_1fr\] {
7539
7245
  @media (width >= 40rem) {
7540
7246
  grid-template-columns: calc(var(--spacing) * 4) 1fr;
@@ -7698,11 +7404,6 @@
7698
7404
  padding-left: calc(var(--spacing) * 1.5);
7699
7405
  }
7700
7406
  }
7701
- .sm\:pl-4 {
7702
- @media (width >= 40rem) {
7703
- padding-left: calc(var(--spacing) * 4);
7704
- }
7705
- }
7706
7407
  .sm\:pl-\[calc\(--spacing\(4\)-1px\)\] {
7707
7408
  @media (width >= 40rem) {
7708
7409
  padding-left: calc(calc(var(--spacing) * 4) - 1px);
@@ -8020,6 +7721,21 @@
8020
7721
  }
8021
7722
  }
8022
7723
  }
7724
+ .lg\:rounded-sm {
7725
+ @media (width >= 64rem) {
7726
+ border-radius: var(--radius-sm);
7727
+ }
7728
+ }
7729
+ .lg\:bg-white {
7730
+ @media (width >= 64rem) {
7731
+ background-color: var(--color-white);
7732
+ }
7733
+ }
7734
+ .lg\:p-10 {
7735
+ @media (width >= 64rem) {
7736
+ padding: calc(var(--spacing) * 10);
7737
+ }
7738
+ }
8023
7739
  .lg\:px-4 {
8024
7740
  @media (width >= 64rem) {
8025
7741
  padding-inline: calc(var(--spacing) * 4);
@@ -8061,6 +7777,33 @@
8061
7777
  line-height: var(--tw-leading, var(--text-sm--line-height));
8062
7778
  }
8063
7779
  }
7780
+ .lg\:shadow-xs {
7781
+ @media (width >= 64rem) {
7782
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
7783
+ box-shadow:
7784
+ var(--tw-inset-shadow),
7785
+ var(--tw-inset-ring-shadow),
7786
+ var(--tw-ring-offset-shadow),
7787
+ var(--tw-ring-shadow),
7788
+ var(--tw-shadow);
7789
+ }
7790
+ }
7791
+ .lg\:ring-1 {
7792
+ @media (width >= 64rem) {
7793
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
7794
+ box-shadow:
7795
+ var(--tw-inset-shadow),
7796
+ var(--tw-inset-ring-shadow),
7797
+ var(--tw-ring-offset-shadow),
7798
+ var(--tw-ring-shadow),
7799
+ var(--tw-shadow);
7800
+ }
7801
+ }
7802
+ .lg\:ring-grey-950\/5 {
7803
+ @media (width >= 64rem) {
7804
+ --tw-ring-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 5%, transparent);
7805
+ }
7806
+ }
8064
7807
  .xl\:sticky {
8065
7808
  @media (width >= 80rem) {
8066
7809
  position: sticky;
@@ -8152,6 +7895,11 @@
8152
7895
  }
8153
7896
  }
8154
7897
  }
7898
+ .dark\:border-danger-700 {
7899
+ &:where([data-theme=dark], [data-theme=dark] *) {
7900
+ border-color: var(--color-danger-700);
7901
+ }
7902
+ }
8155
7903
  .dark\:border-gray-600 {
8156
7904
  &:where([data-theme=dark], [data-theme=dark] *) {
8157
7905
  border-color: var(--color-gray-600);
@@ -8162,32 +7910,24 @@
8162
7910
  border-color: var(--color-gray-800);
8163
7911
  }
8164
7912
  }
8165
- .dark\:border-grey-200\/15 {
8166
- &:where([data-theme=dark], [data-theme=dark] *) {
8167
- border-color: color-mix(in oklab, oklch(0.9400701096450296 0 0) 15%, transparent);
8168
- }
8169
- }
8170
- .dark\:border-grey-600 {
7913
+ .dark\:border-grey-50 {
8171
7914
  &:where([data-theme=dark], [data-theme=dark] *) {
8172
- border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
7915
+ border-color: oklch(0.9850175274112574 0 0);
8173
7916
  }
8174
7917
  }
8175
- .dark\:border-nsw-grey-50 {
7918
+ .dark\:border-grey-200\/15 {
8176
7919
  &:where([data-theme=dark], [data-theme=dark] *) {
8177
- border-color: var(--color-nsw-grey-50);
7920
+ border-color: color-mix(in oklab, oklch(0.9400701096450296 0 0) 15%, transparent);
8178
7921
  }
8179
7922
  }
8180
- .dark\:border-nsw-grey-200\/20 {
7923
+ .dark\:border-grey-200\/20 {
8181
7924
  &:where([data-theme=dark], [data-theme=dark] *) {
8182
- border-color: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
8183
- @supports (color: color-mix(in lab, red, red)) {
8184
- border-color: color-mix(in oklab, var(--color-nsw-grey-200) 20%, transparent);
8185
- }
7925
+ border-color: color-mix(in oklab, oklch(0.9400701096450296 0 0) 20%, transparent);
8186
7926
  }
8187
7927
  }
8188
- .dark\:border-red-700 {
7928
+ .dark\:border-grey-600 {
8189
7929
  &:where([data-theme=dark], [data-theme=dark] *) {
8190
- border-color: var(--color-red-700);
7930
+ border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
8191
7931
  }
8192
7932
  }
8193
7933
  .dark\:border-slate-800 {
@@ -8282,19 +8022,6 @@
8282
8022
  }
8283
8023
  }
8284
8024
  }
8285
- .dark\:bg-blue-500 {
8286
- &:where([data-theme=dark], [data-theme=dark] *) {
8287
- background-color: var(--color-blue-500);
8288
- }
8289
- }
8290
- .dark\:bg-blue-500\/30 {
8291
- &:where([data-theme=dark], [data-theme=dark] *) {
8292
- background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
8293
- @supports (color: color-mix(in lab, red, red)) {
8294
- background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
8295
- }
8296
- }
8297
- }
8298
8025
  .dark\:bg-blue-900 {
8299
8026
  &:where([data-theme=dark], [data-theme=dark] *) {
8300
8027
  background-color: var(--color-blue-900);
@@ -8305,16 +8032,16 @@
8305
8032
  background-color: var(--color-blue-950);
8306
8033
  }
8307
8034
  }
8308
- .dark\:bg-emerald-500 {
8035
+ .dark\:bg-danger-500 {
8309
8036
  &:where([data-theme=dark], [data-theme=dark] *) {
8310
- background-color: var(--color-emerald-500);
8037
+ background-color: var(--color-danger-500);
8311
8038
  }
8312
8039
  }
8313
- .dark\:bg-emerald-500\/30 {
8040
+ .dark\:bg-danger-500\/30 {
8314
8041
  &:where([data-theme=dark], [data-theme=dark] *) {
8315
- background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
8042
+ background-color: color-mix(in srgb, oklch(0.5647631027123693 0.17094795668235796 18.194273652364046) 30%, transparent);
8316
8043
  @supports (color: color-mix(in lab, red, red)) {
8317
- background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
8044
+ background-color: color-mix(in oklab, var(--color-danger-500) 30%, transparent);
8318
8045
  }
8319
8046
  }
8320
8047
  }
@@ -8328,27 +8055,24 @@
8328
8055
  background-color: var(--color-gray-400);
8329
8056
  }
8330
8057
  }
8331
- .dark\:bg-gray-500 {
8058
+ .dark\:bg-gray-800 {
8332
8059
  &:where([data-theme=dark], [data-theme=dark] *) {
8333
- background-color: var(--color-gray-500);
8060
+ background-color: var(--color-gray-800);
8334
8061
  }
8335
8062
  }
8336
- .dark\:bg-gray-500\/40 {
8063
+ .dark\:bg-gray-950 {
8337
8064
  &:where([data-theme=dark], [data-theme=dark] *) {
8338
- background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 40%, transparent);
8339
- @supports (color: color-mix(in lab, red, red)) {
8340
- background-color: color-mix(in oklab, var(--color-gray-500) 40%, transparent);
8341
- }
8065
+ background-color: var(--color-gray-950);
8342
8066
  }
8343
8067
  }
8344
- .dark\:bg-gray-800 {
8068
+ .dark\:bg-grey-500 {
8345
8069
  &:where([data-theme=dark], [data-theme=dark] *) {
8346
- background-color: var(--color-gray-800);
8070
+ background-color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
8347
8071
  }
8348
8072
  }
8349
- .dark\:bg-gray-950 {
8073
+ .dark\:bg-grey-500\/40 {
8350
8074
  &:where([data-theme=dark], [data-theme=dark] *) {
8351
- background-color: var(--color-gray-950);
8075
+ background-color: color-mix(in oklab, oklch(0.6447616500965888 0.009489236713901311 230.74294411759388) 40%, transparent);
8352
8076
  }
8353
8077
  }
8354
8078
  .dark\:bg-grey-700 {
@@ -8379,29 +8103,34 @@
8379
8103
  }
8380
8104
  }
8381
8105
  }
8382
- .dark\:bg-nsw-grey-800 {
8106
+ .dark\:bg-primary-500 {
8383
8107
  &:where([data-theme=dark], [data-theme=dark] *) {
8384
- background-color: var(--color-nsw-grey-800);
8108
+ background-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
8385
8109
  }
8386
8110
  }
8387
- .dark\:bg-red-500 {
8111
+ .dark\:bg-primary-500\/30 {
8388
8112
  &:where([data-theme=dark], [data-theme=dark] *) {
8389
- background-color: var(--color-red-500);
8113
+ background-color: color-mix(in oklab, oklch(0.719602022988773 0.1609881523353869 242.17574150873253) 30%, transparent);
8390
8114
  }
8391
8115
  }
8392
- .dark\:bg-red-500\/30 {
8116
+ .dark\:bg-slate-900\/95 {
8393
8117
  &:where([data-theme=dark], [data-theme=dark] *) {
8394
- background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
8118
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
8395
8119
  @supports (color: color-mix(in lab, red, red)) {
8396
- background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
8120
+ background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
8397
8121
  }
8398
8122
  }
8399
8123
  }
8400
- .dark\:bg-slate-900\/95 {
8124
+ .dark\:bg-success-500 {
8401
8125
  &:where([data-theme=dark], [data-theme=dark] *) {
8402
- background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
8126
+ background-color: var(--color-success-500);
8127
+ }
8128
+ }
8129
+ .dark\:bg-success-500\/30 {
8130
+ &:where([data-theme=dark], [data-theme=dark] *) {
8131
+ background-color: color-mix(in srgb, oklch(0.6047649705534097 0.16397310554979067 142.81705960187193) 30%, transparent);
8403
8132
  @supports (color: color-mix(in lab, red, red)) {
8404
- background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
8133
+ background-color: color-mix(in oklab, var(--color-success-500) 30%, transparent);
8405
8134
  }
8406
8135
  }
8407
8136
  }
@@ -8410,6 +8139,19 @@
8410
8139
  background-color: transparent;
8411
8140
  }
8412
8141
  }
8142
+ .dark\:bg-warning-500 {
8143
+ &:where([data-theme=dark], [data-theme=dark] *) {
8144
+ background-color: var(--color-warning-500);
8145
+ }
8146
+ }
8147
+ .dark\:bg-warning-500\/30 {
8148
+ &:where([data-theme=dark], [data-theme=dark] *) {
8149
+ background-color: color-mix(in srgb, oklch(0.635112024028673 0.15086229457323366 43.85506733863466) 30%, transparent);
8150
+ @supports (color: color-mix(in lab, red, red)) {
8151
+ background-color: color-mix(in oklab, var(--color-warning-500) 30%, transparent);
8152
+ }
8153
+ }
8154
+ }
8413
8155
  .dark\:bg-white {
8414
8156
  &:where([data-theme=dark], [data-theme=dark] *) {
8415
8157
  background-color: var(--color-white);
@@ -8439,19 +8181,6 @@
8439
8181
  }
8440
8182
  }
8441
8183
  }
8442
- .dark\:bg-yellow-500 {
8443
- &:where([data-theme=dark], [data-theme=dark] *) {
8444
- background-color: var(--color-yellow-500);
8445
- }
8446
- }
8447
- .dark\:bg-yellow-500\/30 {
8448
- &:where([data-theme=dark], [data-theme=dark] *) {
8449
- background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
8450
- @supports (color: color-mix(in lab, red, red)) {
8451
- background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
8452
- }
8453
- }
8454
- }
8455
8184
  .dark\:fill-gray-50 {
8456
8185
  &:where([data-theme=dark], [data-theme=dark] *) {
8457
8186
  fill: var(--color-gray-50);
@@ -8472,9 +8201,9 @@
8472
8201
  fill: var(--color-gray-500);
8473
8202
  }
8474
8203
  }
8475
- .dark\:fill-nsw-grey-100 {
8204
+ .dark\:fill-grey-100 {
8476
8205
  &:where([data-theme=dark], [data-theme=dark] *) {
8477
- fill: var(--color-nsw-grey-100);
8206
+ fill: oklch(0.9700350548225147 0 0);
8478
8207
  }
8479
8208
  }
8480
8209
  .dark\:fill-white {
@@ -8482,83 +8211,77 @@
8482
8211
  fill: var(--color-white);
8483
8212
  }
8484
8213
  }
8485
- .dark\:stroke-blue-500 {
8214
+ .dark\:stroke-danger-500 {
8486
8215
  &:where([data-theme=dark], [data-theme=dark] *) {
8487
- stroke: var(--color-blue-500);
8216
+ stroke: var(--color-danger-500);
8488
8217
  }
8489
8218
  }
8490
- .dark\:stroke-blue-500\/30 {
8219
+ .dark\:stroke-danger-500\/30 {
8491
8220
  &:where([data-theme=dark], [data-theme=dark] *) {
8492
- stroke: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
8221
+ stroke: color-mix(in srgb, oklch(0.5647631027123693 0.17094795668235796 18.194273652364046) 30%, transparent);
8493
8222
  @supports (color: color-mix(in lab, red, red)) {
8494
- stroke: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
8223
+ stroke: color-mix(in oklab, var(--color-danger-500) 30%, transparent);
8495
8224
  }
8496
8225
  }
8497
8226
  }
8498
- .dark\:stroke-emerald-500 {
8227
+ .dark\:stroke-gray-800 {
8499
8228
  &:where([data-theme=dark], [data-theme=dark] *) {
8500
- stroke: var(--color-emerald-500);
8229
+ stroke: var(--color-gray-800);
8501
8230
  }
8502
8231
  }
8503
- .dark\:stroke-emerald-500\/30 {
8232
+ .dark\:stroke-gray-950 {
8504
8233
  &:where([data-theme=dark], [data-theme=dark] *) {
8505
- stroke: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
8506
- @supports (color: color-mix(in lab, red, red)) {
8507
- stroke: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
8508
- }
8234
+ stroke: var(--color-gray-950);
8509
8235
  }
8510
8236
  }
8511
- .dark\:stroke-gray-500 {
8237
+ .dark\:stroke-grey-400 {
8512
8238
  &:where([data-theme=dark], [data-theme=dark] *) {
8513
- stroke: var(--color-gray-500);
8239
+ stroke: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
8514
8240
  }
8515
8241
  }
8516
- .dark\:stroke-gray-500\/40 {
8242
+ .dark\:stroke-grey-500 {
8517
8243
  &:where([data-theme=dark], [data-theme=dark] *) {
8518
- stroke: color-mix(in srgb, oklch(55.1% 0.027 264.364) 40%, transparent);
8519
- @supports (color: color-mix(in lab, red, red)) {
8520
- stroke: color-mix(in oklab, var(--color-gray-500) 40%, transparent);
8521
- }
8244
+ stroke: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
8522
8245
  }
8523
8246
  }
8524
- .dark\:stroke-gray-800 {
8247
+ .dark\:stroke-grey-500\/40 {
8525
8248
  &:where([data-theme=dark], [data-theme=dark] *) {
8526
- stroke: var(--color-gray-800);
8249
+ stroke: color-mix(in oklab, oklch(0.6447616500965888 0.009489236713901311 230.74294411759388) 40%, transparent);
8527
8250
  }
8528
8251
  }
8529
- .dark\:stroke-gray-950 {
8252
+ .dark\:stroke-primary-500 {
8530
8253
  &:where([data-theme=dark], [data-theme=dark] *) {
8531
- stroke: var(--color-gray-950);
8254
+ stroke: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
8532
8255
  }
8533
8256
  }
8534
- .dark\:stroke-grey-400 {
8257
+ .dark\:stroke-primary-500\/30 {
8535
8258
  &:where([data-theme=dark], [data-theme=dark] *) {
8536
- stroke: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
8259
+ stroke: color-mix(in oklab, oklch(0.719602022988773 0.1609881523353869 242.17574150873253) 30%, transparent);
8537
8260
  }
8538
8261
  }
8539
- .dark\:stroke-red-500 {
8262
+ .dark\:stroke-success-500 {
8540
8263
  &:where([data-theme=dark], [data-theme=dark] *) {
8541
- stroke: var(--color-red-500);
8264
+ stroke: var(--color-success-500);
8542
8265
  }
8543
8266
  }
8544
- .dark\:stroke-red-500\/30 {
8267
+ .dark\:stroke-success-500\/30 {
8545
8268
  &:where([data-theme=dark], [data-theme=dark] *) {
8546
- stroke: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
8269
+ stroke: color-mix(in srgb, oklch(0.6047649705534097 0.16397310554979067 142.81705960187193) 30%, transparent);
8547
8270
  @supports (color: color-mix(in lab, red, red)) {
8548
- stroke: color-mix(in oklab, var(--color-red-500) 30%, transparent);
8271
+ stroke: color-mix(in oklab, var(--color-success-500) 30%, transparent);
8549
8272
  }
8550
8273
  }
8551
8274
  }
8552
- .dark\:stroke-yellow-500 {
8275
+ .dark\:stroke-warning-500 {
8553
8276
  &:where([data-theme=dark], [data-theme=dark] *) {
8554
- stroke: var(--color-yellow-500);
8277
+ stroke: var(--color-warning-500);
8555
8278
  }
8556
8279
  }
8557
- .dark\:stroke-yellow-500\/30 {
8280
+ .dark\:stroke-warning-500\/30 {
8558
8281
  &:where([data-theme=dark], [data-theme=dark] *) {
8559
- stroke: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
8282
+ stroke: color-mix(in srgb, oklch(0.635112024028673 0.15086229457323366 43.85506733863466) 30%, transparent);
8560
8283
  @supports (color: color-mix(in lab, red, red)) {
8561
- stroke: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
8284
+ stroke: color-mix(in oklab, var(--color-warning-500) 30%, transparent);
8562
8285
  }
8563
8286
  }
8564
8287
  }
@@ -8587,6 +8310,11 @@
8587
8310
  color: var(--color-gray-900);
8588
8311
  }
8589
8312
  }
8313
+ .dark\:text-grey-50 {
8314
+ &:where([data-theme=dark], [data-theme=dark] *) {
8315
+ color: oklch(0.9850175274112574 0 0);
8316
+ }
8317
+ }
8590
8318
  .dark\:text-grey-200 {
8591
8319
  &:where([data-theme=dark], [data-theme=dark] *) {
8592
8320
  color: oklch(0.9400701096450296 0 0);
@@ -8602,11 +8330,6 @@
8602
8330
  color: var(--muted-foreground);
8603
8331
  }
8604
8332
  }
8605
- .dark\:text-nsw-grey-400 {
8606
- &:where([data-theme=dark], [data-theme=dark] *) {
8607
- color: var(--color-nsw-grey-400);
8608
- }
8609
- }
8610
8333
  .dark\:text-primary-500 {
8611
8334
  &:where([data-theme=dark], [data-theme=dark] *) {
8612
8335
  color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
@@ -8651,17 +8374,17 @@
8651
8374
  var(--tw-shadow);
8652
8375
  }
8653
8376
  }
8654
- .dark\:ring-gray-950 {
8377
+ .dark\:ring-danger-700\/30 {
8655
8378
  &:where([data-theme=dark], [data-theme=dark] *) {
8656
- --tw-ring-color: var(--color-gray-950);
8379
+ --tw-ring-color: color-mix(in srgb, oklch(0.3732298962531466 0.1454959508530616 19.3735136259701) 30%, transparent);
8380
+ @supports (color: color-mix(in lab, red, red)) {
8381
+ --tw-ring-color: color-mix(in oklab, var(--color-danger-700) 30%, transparent);
8382
+ }
8657
8383
  }
8658
8384
  }
8659
- .dark\:ring-red-700\/30 {
8385
+ .dark\:ring-gray-950 {
8660
8386
  &:where([data-theme=dark], [data-theme=dark] *) {
8661
- --tw-ring-color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 30%, transparent);
8662
- @supports (color: color-mix(in lab, red, red)) {
8663
- --tw-ring-color: color-mix(in oklab, var(--color-red-700) 30%, transparent);
8664
- }
8387
+ --tw-ring-color: var(--color-gray-950);
8665
8388
  }
8666
8389
  }
8667
8390
  .dark\:ring-white\/10 {
@@ -8680,9 +8403,9 @@
8680
8403
  }
8681
8404
  }
8682
8405
  }
8683
- .dark\:outline-blue-500 {
8406
+ .dark\:outline-primary-500 {
8684
8407
  &:where([data-theme=dark], [data-theme=dark] *) {
8685
- outline-color: var(--color-blue-500);
8408
+ outline-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
8686
8409
  }
8687
8410
  }
8688
8411
  .dark\:backdrop-blur-sm {
@@ -8885,17 +8608,17 @@
8885
8608
  --switch-ring: transparent;
8886
8609
  }
8887
8610
  }
8888
- .dark\:\[--switch-ring\:var\(--color-zinc-700\)\]\/90 {
8611
+ .dark\:\[--switch-ring\:var\(--color-grey-700\)\]\/90 {
8889
8612
  &:where([data-theme=dark], [data-theme=dark] *) {
8890
- --switch-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
8613
+ --switch-ring: color-mix(in srgb, oklch(0.3479196456937804 0.010781103557482309 237.35049475166784) 90%, transparent);
8891
8614
  @supports (color: color-mix(in lab, red, red)) {
8892
- --switch-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
8615
+ --switch-ring: color-mix(in oklab, var(--color-grey-700) 90%, transparent);
8893
8616
  }
8894
8617
  }
8895
8618
  }
8896
- .dark\:\[--switch\:var\(--color-zinc-900\)\] {
8619
+ .dark\:\[--switch\:var\(--color-grey-900\)\] {
8897
8620
  &:where([data-theme=dark], [data-theme=dark] *) {
8898
- --switch: var(--color-zinc-900);
8621
+ --switch: var(--color-grey-900);
8899
8622
  }
8900
8623
  }
8901
8624
  .dark\:\[--toggle-border\:white\]\/40 {
@@ -8917,11 +8640,11 @@
8917
8640
  }
8918
8641
  }
8919
8642
  }
8920
- .dark\:group-hover\:fill-nsw-grey-500 {
8643
+ .dark\:group-hover\:fill-grey-500 {
8921
8644
  &:where([data-theme=dark], [data-theme=dark] *) {
8922
8645
  &:is(:where(.group):hover *) {
8923
8646
  @media (hover: hover) {
8924
- fill: var(--color-nsw-grey-500);
8647
+ fill: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
8925
8648
  }
8926
8649
  }
8927
8650
  }
@@ -8989,10 +8712,10 @@
8989
8712
  }
8990
8713
  }
8991
8714
  }
8992
- .dark\:group-data-\[state\=checked\]\:border-nsw-grey-400 {
8715
+ .dark\:group-data-\[state\=checked\]\:border-grey-400 {
8993
8716
  &:where([data-theme=dark], [data-theme=dark] *) {
8994
8717
  &:is(:where(.group)[data-state=checked] *) {
8995
- border-color: var(--color-nsw-grey-400);
8718
+ border-color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
8996
8719
  }
8997
8720
  }
8998
8721
  }
@@ -9108,15 +8831,6 @@
9108
8831
  }
9109
8832
  }
9110
8833
  }
9111
- .dark\:hover\:bg-nsw-grey-700 {
9112
- &:where([data-theme=dark], [data-theme=dark] *) {
9113
- &:hover {
9114
- @media (hover: hover) {
9115
- background-color: var(--color-nsw-grey-700);
9116
- }
9117
- }
9118
- }
9119
- }
9120
8834
  .dark\:hover\:bg-white\/10 {
9121
8835
  &:where([data-theme=dark], [data-theme=dark] *) {
9122
8836
  &:hover {
@@ -9183,20 +8897,17 @@
9183
8897
  }
9184
8898
  }
9185
8899
  }
9186
- .dark\:focus\:border-blue-700 {
8900
+ .dark\:focus\:border-primary-700 {
9187
8901
  &:where([data-theme=dark], [data-theme=dark] *) {
9188
8902
  &:focus {
9189
- border-color: var(--color-blue-700);
8903
+ border-color: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
9190
8904
  }
9191
8905
  }
9192
8906
  }
9193
- .dark\:focus\:ring-blue-700\/30 {
8907
+ .dark\:focus\:ring-primary-700\/30 {
9194
8908
  &:where([data-theme=dark], [data-theme=dark] *) {
9195
8909
  &:focus {
9196
- --tw-ring-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 30%, transparent);
9197
- @supports (color: color-mix(in lab, red, red)) {
9198
- --tw-ring-color: color-mix(in oklab, var(--color-blue-700) 30%, transparent);
9199
- }
8910
+ --tw-ring-color: color-mix(in oklab, oklch(0.43255566986372795 0.17356468700683536 260.29913478593846) 30%, transparent);
9200
8911
  }
9201
8912
  }
9202
8913
  }
@@ -9686,6 +9397,23 @@
9686
9397
  }
9687
9398
  }
9688
9399
  }
9400
+ .dark\:lg\:bg-grey-900 {
9401
+ &:where([data-theme=dark], [data-theme=dark] *) {
9402
+ @media (width >= 64rem) {
9403
+ background-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
9404
+ }
9405
+ }
9406
+ }
9407
+ .dark\:lg\:ring-white\/10 {
9408
+ &:where([data-theme=dark], [data-theme=dark] *) {
9409
+ @media (width >= 64rem) {
9410
+ --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
9411
+ @supports (color: color-mix(in lab, red, red)) {
9412
+ --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
9413
+ }
9414
+ }
9415
+ }
9416
+ }
9689
9417
  .forced-colors\:stroke-\[CanvasText\] {
9690
9418
  @media (forced-colors: active) {
9691
9419
  stroke: CanvasText;
@@ -10045,9 +9773,9 @@
10045
9773
  border-bottom-left-radius: var(--radius-md);
10046
9774
  }
10047
9775
  }
10048
- .\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-800 {
9776
+ .\[\&\:has\(\[data-state\=checked\]\)\]\:border-grey-800 {
10049
9777
  &:has([data-state=checked]) {
10050
- border-color: var(--color-nsw-grey-800);
9778
+ border-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
10051
9779
  }
10052
9780
  }
10053
9781
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {