@nswds/app 1.45.2 → 1.46.1

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.
package/dist/globals.css CHANGED
@@ -306,6 +306,9 @@
306
306
  container-type: inline-size;
307
307
  container-name: card-header;
308
308
  }
309
+ .pointer-events-auto {
310
+ pointer-events: auto;
311
+ }
309
312
  .pointer-events-none {
310
313
  pointer-events: none;
311
314
  }
@@ -509,6 +512,12 @@
509
512
  .m-0\.5 {
510
513
  margin: calc(var(--spacing) * 0.5);
511
514
  }
515
+ .m-2 {
516
+ margin: calc(var(--spacing) * 2);
517
+ }
518
+ .m-4 {
519
+ margin: calc(var(--spacing) * 4);
520
+ }
512
521
  .m-auto {
513
522
  margin: auto;
514
523
  }
@@ -1041,6 +1050,9 @@
1041
1050
  .mb-4 {
1042
1051
  margin-bottom: calc(var(--spacing) * 4);
1043
1052
  }
1053
+ .mb-12 {
1054
+ margin-bottom: calc(var(--spacing) * 12);
1055
+ }
1044
1056
  .-ml-0 {
1045
1057
  margin-left: calc(var(--spacing) * -0);
1046
1058
  }
@@ -1182,10 +1194,6 @@
1182
1194
  width: calc(var(--spacing) * 9);
1183
1195
  height: calc(var(--spacing) * 9);
1184
1196
  }
1185
- .size-10 {
1186
- width: calc(var(--spacing) * 10);
1187
- height: calc(var(--spacing) * 10);
1188
- }
1189
1197
  .size-\[max\(100\%\,2\.75rem\)\] {
1190
1198
  width: max(100%, 2.75rem);
1191
1199
  height: max(100%, 2.75rem);
@@ -1261,6 +1269,9 @@
1261
1269
  .h-80 {
1262
1270
  height: calc(var(--spacing) * 80);
1263
1271
  }
1272
+ .h-96 {
1273
+ height: calc(var(--spacing) * 96);
1274
+ }
1264
1275
  .h-120 {
1265
1276
  height: calc(var(--spacing) * 120);
1266
1277
  }
@@ -1270,9 +1281,18 @@
1270
1281
  .h-\[44px\] {
1271
1282
  height: 44px;
1272
1283
  }
1284
+ .h-\[600px\] {
1285
+ height: 600px;
1286
+ }
1273
1287
  .h-\[calc\(100\%-1px\)\] {
1274
1288
  height: calc(100% - 1px);
1275
1289
  }
1290
+ .h-\[calc\(100vh-80px\)\] {
1291
+ height: calc(100vh - 80px);
1292
+ }
1293
+ .h-\[calc\(600px-80px\)\] {
1294
+ height: calc(600px - 80px);
1295
+ }
1276
1296
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
1277
1297
  height: var(--radix-navigation-menu-viewport-height);
1278
1298
  }
@@ -1327,6 +1347,9 @@
1327
1347
  .min-h-dvh {
1328
1348
  min-height: 100dvh;
1329
1349
  }
1350
+ .min-h-screen {
1351
+ min-height: 100vh;
1352
+ }
1330
1353
  .w-\(--cell-size\) {
1331
1354
  width: var(--cell-size);
1332
1355
  }
@@ -1405,6 +1428,9 @@
1405
1428
  .w-72 {
1406
1429
  width: calc(var(--spacing) * 72);
1407
1430
  }
1431
+ .w-80 {
1432
+ width: calc(var(--spacing) * 80);
1433
+ }
1408
1434
  .w-96 {
1409
1435
  width: calc(var(--spacing) * 96);
1410
1436
  }
@@ -1468,6 +1494,9 @@
1468
1494
  .max-w-max {
1469
1495
  max-width: max-content;
1470
1496
  }
1497
+ .max-w-md {
1498
+ max-width: var(--container-md);
1499
+ }
1471
1500
  .max-w-none {
1472
1501
  max-width: none;
1473
1502
  }
@@ -1883,6 +1912,9 @@
1883
1912
  .gap-x-4 {
1884
1913
  column-gap: calc(var(--spacing) * 4);
1885
1914
  }
1915
+ .gap-x-6 {
1916
+ column-gap: calc(var(--spacing) * 6);
1917
+ }
1886
1918
  .gap-x-8 {
1887
1919
  column-gap: calc(var(--spacing) * 8);
1888
1920
  }
@@ -1950,6 +1982,11 @@
1950
1982
  border-color: var(--color-gray-100);
1951
1983
  }
1952
1984
  }
1985
+ .divide-grey-200 {
1986
+ :where(& > :not(:last-child)) {
1987
+ border-color: oklch(0.9400701096450296 0 0);
1988
+ }
1989
+ }
1953
1990
  .divide-grey-900 {
1954
1991
  :where(& > :not(:last-child)) {
1955
1992
  border-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
@@ -2171,6 +2208,9 @@
2171
2208
  .border-gray-300 {
2172
2209
  border-color: var(--color-gray-300);
2173
2210
  }
2211
+ .border-grey-100 {
2212
+ border-color: oklch(0.9700350548225147 0 0);
2213
+ }
2174
2214
  .border-grey-200 {
2175
2215
  border-color: oklch(0.9400701096450296 0 0);
2176
2216
  }
@@ -2222,6 +2262,12 @@
2222
2262
  .border-primary-800 {
2223
2263
  border-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
2224
2264
  }
2265
+ .border-primary\/20 {
2266
+ border-color: var(--primary);
2267
+ @supports (color: color-mix(in lab, red, red)) {
2268
+ border-color: color-mix(in oklab, var(--primary) 20%, transparent);
2269
+ }
2270
+ }
2225
2271
  .border-red-400 {
2226
2272
  border-color: var(--color-red-400);
2227
2273
  }
@@ -2399,6 +2445,9 @@
2399
2445
  .bg-popover {
2400
2446
  background-color: var(--popover);
2401
2447
  }
2448
+ .bg-primary {
2449
+ background-color: var(--primary);
2450
+ }
2402
2451
  .bg-primary-200 {
2403
2452
  background-color: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
2404
2453
  }
@@ -2414,6 +2463,12 @@
2414
2463
  .bg-primary-800\/20 {
2415
2464
  background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 20%, transparent);
2416
2465
  }
2466
+ .bg-primary\/10 {
2467
+ background-color: var(--primary);
2468
+ @supports (color: color-mix(in lab, red, red)) {
2469
+ background-color: color-mix(in oklab, var(--primary) 10%, transparent);
2470
+ }
2471
+ }
2417
2472
  .bg-purple-50 {
2418
2473
  background-color: var(--color-purple-50);
2419
2474
  }
@@ -2804,6 +2859,9 @@
2804
2859
  .pr-8 {
2805
2860
  padding-right: calc(var(--spacing) * 8);
2806
2861
  }
2862
+ .pr-10 {
2863
+ padding-right: calc(var(--spacing) * 10);
2864
+ }
2807
2865
  .pr-12 {
2808
2866
  padding-right: calc(var(--spacing) * 12);
2809
2867
  }
@@ -3385,6 +3443,9 @@
3385
3443
  .ring-danger-200 {
3386
3444
  --tw-ring-color: var(--color-danger-200);
3387
3445
  }
3446
+ .ring-grey-200 {
3447
+ --tw-ring-color: oklch(0.9400701096450296 0 0);
3448
+ }
3388
3449
  .ring-grey-950 {
3389
3450
  --tw-ring-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
3390
3451
  }
@@ -3546,6 +3607,9 @@
3546
3607
  .will-change-\[transform\,opacity\] {
3547
3608
  will-change: transform,opacity;
3548
3609
  }
3610
+ .will-change-transform {
3611
+ will-change: transform;
3612
+ }
3549
3613
  .forced-color-adjust-none {
3550
3614
  forced-color-adjust: none;
3551
3615
  }
@@ -5746,6 +5810,12 @@
5746
5810
  }
5747
5811
  }
5748
5812
  }
5813
+ .data-\[closed\]\:-translate-x-full {
5814
+ &[data-closed] {
5815
+ --tw-translate-x: -100%;
5816
+ translate: var(--tw-translate-x) var(--tw-translate-y);
5817
+ }
5818
+ }
5749
5819
  .data-\[closed\]\:-translate-y-1 {
5750
5820
  &[data-closed] {
5751
5821
  --tw-translate-y: calc(var(--spacing) * -1);
@@ -7304,6 +7374,11 @@
7304
7374
  padding-right: calc(var(--spacing) * 12);
7305
7375
  }
7306
7376
  }
7377
+ .sm\:pr-16 {
7378
+ @media (width >= 40rem) {
7379
+ padding-right: calc(var(--spacing) * 16);
7380
+ }
7381
+ }
7307
7382
  .sm\:pl-1\.5 {
7308
7383
  @media (width >= 40rem) {
7309
7384
  padding-left: calc(var(--spacing) * 1.5);
@@ -7342,11 +7417,22 @@
7342
7417
  font-size: 0.8125rem;
7343
7418
  }
7344
7419
  }
7420
+ .sm\:duration-300 {
7421
+ @media (width >= 40rem) {
7422
+ --tw-duration: 300ms;
7423
+ transition-duration: 300ms;
7424
+ }
7425
+ }
7345
7426
  .sm\:\[--anchor-offset\:-1\.375rem\] {
7346
7427
  @media (width >= 40rem) {
7347
7428
  --anchor-offset: -1.375rem;
7348
7429
  }
7349
7430
  }
7431
+ .sm\:duration-300 {
7432
+ @media (width >= 40rem) {
7433
+ animation-duration: 300ms;
7434
+ }
7435
+ }
7350
7436
  .sm\:group-data-checked\:translate-x-3 {
7351
7437
  @media (width >= 40rem) {
7352
7438
  &:is(:where(.group)[data-checked] *) {
@@ -7552,6 +7638,11 @@
7552
7638
  display: block;
7553
7639
  }
7554
7640
  }
7641
+ .lg\:flex {
7642
+ @media (width >= 64rem) {
7643
+ display: flex;
7644
+ }
7645
+ }
7555
7646
  .lg\:hidden {
7556
7647
  @media (width >= 64rem) {
7557
7648
  display: none;