@nswds/app 1.98.0 → 1.99.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.
package/dist/styles.css CHANGED
@@ -112,7 +112,6 @@
112
112
  --radius-md: 0.375rem;
113
113
  --radius-lg: 0.5rem;
114
114
  --radius-xl: 0.75rem;
115
- --radius-2xl: 1rem;
116
115
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
117
116
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
118
117
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2262,9 +2261,6 @@
2262
2261
  .rounded {
2263
2262
  border-radius: 0.25rem;
2264
2263
  }
2265
- .rounded-2xl {
2266
- border-radius: var(--radius-2xl);
2267
- }
2268
2264
  .rounded-\[1px\] {
2269
2265
  border-radius: 1px;
2270
2266
  }
@@ -2292,9 +2288,6 @@
2292
2288
  .rounded-sm {
2293
2289
  border-radius: var(--radius-sm);
2294
2290
  }
2295
- .rounded-xl {
2296
- border-radius: var(--radius-xl);
2297
- }
2298
2291
  .rounded-xs {
2299
2292
  border-radius: var(--radius-xs);
2300
2293
  }
@@ -2306,9 +2299,9 @@
2306
2299
  border-top-left-radius: 0;
2307
2300
  border-top-right-radius: 0;
2308
2301
  }
2309
- .rounded-t-xl {
2310
- border-top-left-radius: var(--radius-xl);
2311
- border-top-right-radius: var(--radius-xl);
2302
+ .rounded-t-sm {
2303
+ border-top-left-radius: var(--radius-sm);
2304
+ border-top-right-radius: var(--radius-sm);
2312
2305
  }
2313
2306
  .rounded-l-md {
2314
2307
  border-top-left-radius: var(--radius-md);
@@ -2321,6 +2314,10 @@
2321
2314
  border-top-right-radius: var(--radius-md);
2322
2315
  border-bottom-right-radius: var(--radius-md);
2323
2316
  }
2317
+ .rounded-r-sm {
2318
+ border-top-right-radius: var(--radius-sm);
2319
+ border-bottom-right-radius: var(--radius-sm);
2320
+ }
2324
2321
  .rounded-b-none {
2325
2322
  border-bottom-right-radius: 0;
2326
2323
  border-bottom-left-radius: 0;
@@ -2435,6 +2432,9 @@
2435
2432
  border-color: color-mix(in oklab, var(--border) 50%, transparent);
2436
2433
  }
2437
2434
  }
2435
+ .border-current {
2436
+ border-color: currentcolor;
2437
+ }
2438
2438
  .border-danger-500 {
2439
2439
  border-color: var(--danger-500);
2440
2440
  }
@@ -2615,6 +2615,12 @@
2615
2615
  .bg-card {
2616
2616
  background-color: var(--card);
2617
2617
  }
2618
+ .bg-current\/10 {
2619
+ background-color: currentcolor;
2620
+ @supports (color: color-mix(in lab, red, red)) {
2621
+ background-color: color-mix(in oklab, currentcolor 10%, transparent);
2622
+ }
2623
+ }
2618
2624
  .bg-cyan-500 {
2619
2625
  background-color: var(--color-cyan-500);
2620
2626
  }
@@ -5166,9 +5172,9 @@
5166
5172
  rotate: 180deg;
5167
5173
  }
5168
5174
  }
5169
- .group-data-\[variant\=floating\]\:rounded-lg {
5175
+ .group-data-\[variant\=floating\]\:rounded-sm {
5170
5176
  &:is(:where(.group)[data-variant=floating] *) {
5171
- border-radius: var(--radius-lg);
5177
+ border-radius: var(--radius-sm);
5172
5178
  }
5173
5179
  }
5174
5180
  .group-data-\[variant\=floating\]\:border {
@@ -5239,9 +5245,9 @@
5239
5245
  overflow: hidden;
5240
5246
  }
5241
5247
  }
5242
- .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
5248
+ .group-data-\[viewport\=false\]\/navigation-menu\:rounded-sm {
5243
5249
  &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
5244
- border-radius: var(--radius-md);
5250
+ border-radius: var(--radius-sm);
5245
5251
  }
5246
5252
  }
5247
5253
  .group-data-\[viewport\=false\]\/navigation-menu\:border {
@@ -5804,12 +5810,6 @@
5804
5810
  border-bottom-left-radius: 4px;
5805
5811
  }
5806
5812
  }
5807
- .first\:rounded-l-md {
5808
- &:first-child {
5809
- border-top-left-radius: var(--radius-md);
5810
- border-bottom-left-radius: var(--radius-md);
5811
- }
5812
- }
5813
5813
  .first\:rounded-l-sm {
5814
5814
  &:first-child {
5815
5815
  border-top-left-radius: var(--radius-sm);
@@ -5839,12 +5839,6 @@
5839
5839
  border-bottom-right-radius: 4px;
5840
5840
  }
5841
5841
  }
5842
- .last\:rounded-r-md {
5843
- &:last-child {
5844
- border-top-right-radius: var(--radius-md);
5845
- border-bottom-right-radius: var(--radius-md);
5846
- }
5847
- }
5848
5842
  .last\:rounded-r-sm {
5849
5843
  &:last-child {
5850
5844
  border-top-right-radius: var(--radius-sm);
@@ -7427,15 +7421,15 @@
7427
7421
  color: var(--muted-foreground);
7428
7422
  }
7429
7423
  }
7430
- .data-\[range-end\=true\]\:rounded-md {
7424
+ .data-\[range-end\=true\]\:rounded-sm {
7431
7425
  &[data-range-end=true] {
7432
- border-radius: var(--radius-md);
7426
+ border-radius: var(--radius-sm);
7433
7427
  }
7434
7428
  }
7435
- .data-\[range-end\=true\]\:rounded-r-md {
7429
+ .data-\[range-end\=true\]\:rounded-r-sm {
7436
7430
  &[data-range-end=true] {
7437
- border-top-right-radius: var(--radius-md);
7438
- border-bottom-right-radius: var(--radius-md);
7431
+ border-top-right-radius: var(--radius-sm);
7432
+ border-bottom-right-radius: var(--radius-sm);
7439
7433
  }
7440
7434
  }
7441
7435
  .data-\[range-end\=true\]\:bg-primary {
@@ -7463,15 +7457,15 @@
7463
7457
  color: var(--accent-foreground);
7464
7458
  }
7465
7459
  }
7466
- .data-\[range-start\=true\]\:rounded-md {
7460
+ .data-\[range-start\=true\]\:rounded-sm {
7467
7461
  &[data-range-start=true] {
7468
- border-radius: var(--radius-md);
7462
+ border-radius: var(--radius-sm);
7469
7463
  }
7470
7464
  }
7471
- .data-\[range-start\=true\]\:rounded-l-md {
7465
+ .data-\[range-start\=true\]\:rounded-l-sm {
7472
7466
  &[data-range-start=true] {
7473
- border-top-left-radius: var(--radius-md);
7474
- border-bottom-left-radius: var(--radius-md);
7467
+ border-top-left-radius: var(--radius-sm);
7468
+ border-bottom-left-radius: var(--radius-sm);
7475
7469
  }
7476
7470
  }
7477
7471
  .data-\[range-start\=true\]\:bg-primary {
@@ -8514,10 +8508,10 @@
8514
8508
  max-height: 80vh;
8515
8509
  }
8516
8510
  }
8517
- .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg {
8511
+ .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-sm {
8518
8512
  &[data-vaul-drawer-direction=bottom] {
8519
- border-top-left-radius: var(--radius-lg);
8520
- border-top-right-radius: var(--radius-lg);
8513
+ border-top-left-radius: var(--radius-sm);
8514
+ border-top-right-radius: var(--radius-sm);
8521
8515
  }
8522
8516
  }
8523
8517
  .data-\[vaul-drawer-direction\=bottom\]\:border-t {
@@ -8588,10 +8582,10 @@
8588
8582
  max-height: 80vh;
8589
8583
  }
8590
8584
  }
8591
- .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg {
8585
+ .data-\[vaul-drawer-direction\=top\]\:rounded-b-sm {
8592
8586
  &[data-vaul-drawer-direction=top] {
8593
- border-bottom-right-radius: var(--radius-lg);
8594
- border-bottom-left-radius: var(--radius-lg);
8587
+ border-bottom-right-radius: var(--radius-sm);
8588
+ border-bottom-left-radius: var(--radius-sm);
8595
8589
  }
8596
8590
  }
8597
8591
  .data-\[vaul-drawer-direction\=top\]\:border-b {
@@ -9629,6 +9623,11 @@
9629
9623
  grid-template-columns: repeat(5, minmax(0, 1fr));
9630
9624
  }
9631
9625
  }
9626
+ .xl\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(18rem\,0\.9fr\)\] {
9627
+ @media (width >= 80rem) {
9628
+ grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
9629
+ }
9630
+ }
9632
9631
  .xl\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(20rem\,0\.9fr\)\] {
9633
9632
  @media (width >= 80rem) {
9634
9633
  grid-template-columns: minmax(0, 1.3fr) minmax(20rem, 0.9fr);
@@ -13229,7 +13228,9 @@
13229
13228
  @layer theme {
13230
13229
  :root {
13231
13230
  --scaling: 1;
13232
- --radius: 0.25rem;
13231
+ --nsw-border-radius: 0.25rem;
13232
+ --radius: var(--nsw-border-radius);
13233
+ --radius-sm: var(--nsw-border-radius);
13233
13234
  --background: oklch(1 0 0);
13234
13235
  --foreground: var(--color-grey-950);
13235
13236
  --card: oklch(1 0 0);