@nswds/app 1.106.0 → 1.107.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
@@ -127,6 +127,7 @@
127
127
  --color-nsw-blue-800: var(--nsw-blue-800);
128
128
  --color-nsw-red-600: var(--nsw-red-600);
129
129
  --color-primary-50: var(--nsw-blue-50);
130
+ --color-primary-100: var(--nsw-blue-100);
130
131
  --color-primary-200: var(--nsw-blue-200);
131
132
  --color-primary-250: var(--nsw-blue-250);
132
133
  --color-primary-300: var(--nsw-blue-300);
@@ -1076,9 +1077,15 @@
1076
1077
  .mt-2 {
1077
1078
  margin-top: calc(var(--spacing) * 2);
1078
1079
  }
1080
+ .mt-2\.5 {
1081
+ margin-top: calc(var(--spacing) * 2.5);
1082
+ }
1079
1083
  .mt-3 {
1080
1084
  margin-top: calc(var(--spacing) * 3);
1081
1085
  }
1086
+ .mt-3\.5 {
1087
+ margin-top: calc(var(--spacing) * 3.5);
1088
+ }
1082
1089
  .mt-4 {
1083
1090
  margin-top: calc(var(--spacing) * 4);
1084
1091
  }
@@ -1498,6 +1505,12 @@
1498
1505
  .min-h-32 {
1499
1506
  min-height: calc(var(--spacing) * 32);
1500
1507
  }
1508
+ .min-h-\[12rem\] {
1509
+ min-height: 12rem;
1510
+ }
1511
+ .min-h-\[16rem\] {
1512
+ min-height: 16rem;
1513
+ }
1501
1514
  .min-h-\[18rem\] {
1502
1515
  min-height: 18rem;
1503
1516
  }
@@ -1693,6 +1706,9 @@
1693
1706
  .max-w-60 {
1694
1707
  max-width: calc(var(--spacing) * 60);
1695
1708
  }
1709
+ .max-w-\[42rem\] {
1710
+ max-width: 42rem;
1711
+ }
1696
1712
  .max-w-\[80\%\] {
1697
1713
  max-width: 80%;
1698
1714
  }
@@ -2061,6 +2077,9 @@
2061
2077
  .gap-2 {
2062
2078
  gap: calc(var(--spacing) * 2);
2063
2079
  }
2080
+ .gap-2\.5 {
2081
+ gap: calc(var(--spacing) * 2.5);
2082
+ }
2064
2083
  .gap-3 {
2065
2084
  gap: calc(var(--spacing) * 3);
2066
2085
  }
@@ -2095,6 +2114,13 @@
2095
2114
  margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
2096
2115
  }
2097
2116
  }
2117
+ .space-y-0\.5 {
2118
+ :where(& > :not(:last-child)) {
2119
+ --tw-space-y-reverse: 0;
2120
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
2121
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
2122
+ }
2123
+ }
2098
2124
  .space-y-1 {
2099
2125
  :where(& > :not(:last-child)) {
2100
2126
  --tw-space-y-reverse: 0;
@@ -2567,6 +2593,9 @@
2567
2593
  .border-primary {
2568
2594
  border-color: var(--primary);
2569
2595
  }
2596
+ .border-primary-100 {
2597
+ border-color: var(--color-primary-100);
2598
+ }
2570
2599
  .border-primary-200 {
2571
2600
  border-color: var(--color-primary-200);
2572
2601
  }
@@ -2825,6 +2854,12 @@
2825
2854
  .bg-primary-50 {
2826
2855
  background-color: var(--color-primary-50);
2827
2856
  }
2857
+ .bg-primary-50\/30 {
2858
+ background-color: var(--color-primary-50);
2859
+ @supports (color: color-mix(in lab, red, red)) {
2860
+ background-color: color-mix(in oklab, var(--color-primary-50) 30%, transparent);
2861
+ }
2862
+ }
2828
2863
  .bg-primary-50\/40 {
2829
2864
  background-color: var(--color-primary-50);
2830
2865
  @supports (color: color-mix(in lab, red, red)) {
@@ -2933,6 +2968,24 @@
2933
2968
  background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
2934
2969
  }
2935
2970
  }
2971
+ .bg-white\/90 {
2972
+ background-color: color-mix(in srgb, #fff 90%, transparent);
2973
+ @supports (color: color-mix(in lab, red, red)) {
2974
+ background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
2975
+ }
2976
+ }
2977
+ .bg-white\/92 {
2978
+ background-color: color-mix(in srgb, #fff 92%, transparent);
2979
+ @supports (color: color-mix(in lab, red, red)) {
2980
+ background-color: color-mix(in oklab, var(--color-white) 92%, transparent);
2981
+ }
2982
+ }
2983
+ .bg-white\/95 {
2984
+ background-color: color-mix(in srgb, #fff 95%, transparent);
2985
+ @supports (color: color-mix(in lab, red, red)) {
2986
+ background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
2987
+ }
2988
+ }
2936
2989
  .bg-zinc-950 {
2937
2990
  background-color: var(--color-zinc-950);
2938
2991
  }
@@ -3212,6 +3265,9 @@
3212
3265
  .py-3 {
3213
3266
  padding-block: calc(var(--spacing) * 3);
3214
3267
  }
3268
+ .py-3\.5 {
3269
+ padding-block: calc(var(--spacing) * 3.5);
3270
+ }
3215
3271
  .py-4 {
3216
3272
  padding-block: calc(var(--spacing) * 4);
3217
3273
  }
@@ -3405,6 +3461,10 @@
3405
3461
  font-size: var(--text-5xl);
3406
3462
  line-height: var(--tw-leading, var(--text-5xl--line-height));
3407
3463
  }
3464
+ .text-\[0\.96rem\]\/7 {
3465
+ font-size: 0.96rem;
3466
+ line-height: calc(var(--spacing) * 7);
3467
+ }
3408
3468
  .text-base {
3409
3469
  font-size: var(--text-base);
3410
3470
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3456,6 +3516,9 @@
3456
3516
  .text-\[0\.8rem\] {
3457
3517
  font-size: 0.8rem;
3458
3518
  }
3519
+ .text-\[0\.64rem\] {
3520
+ font-size: 0.64rem;
3521
+ }
3459
3522
  .text-\[0\.65rem\] {
3460
3523
  font-size: 0.65rem;
3461
3524
  }
@@ -3471,12 +3534,27 @@
3471
3534
  .text-\[0\.82rem\] {
3472
3535
  font-size: 0.82rem;
3473
3536
  }
3537
+ .text-\[0\.94rem\] {
3538
+ font-size: 0.94rem;
3539
+ }
3540
+ .text-\[0\.95rem\] {
3541
+ font-size: 0.95rem;
3542
+ }
3543
+ .text-\[1\.9rem\] {
3544
+ font-size: 1.9rem;
3545
+ }
3546
+ .text-\[2\.8rem\] {
3547
+ font-size: 2.8rem;
3548
+ }
3474
3549
  .text-\[11px\] {
3475
3550
  font-size: 11px;
3476
3551
  }
3477
3552
  .text-\[14px\] {
3478
3553
  font-size: 14px;
3479
3554
  }
3555
+ .text-\[15px\] {
3556
+ font-size: 15px;
3557
+ }
3480
3558
  .text-\[16px\] {
3481
3559
  font-size: 16px;
3482
3560
  }
@@ -3626,6 +3704,10 @@
3626
3704
  --tw-font-weight: var(--font-weight-semibold);
3627
3705
  font-weight: var(--font-weight-semibold);
3628
3706
  }
3707
+ .tracking-\[0\.1em\] {
3708
+ --tw-tracking: 0.1em;
3709
+ letter-spacing: 0.1em;
3710
+ }
3629
3711
  .tracking-\[0\.12em\] {
3630
3712
  --tw-tracking: 0.12em;
3631
3713
  letter-spacing: 0.12em;
@@ -8904,6 +8986,11 @@
8904
8986
  height: calc(var(--spacing) * 5);
8905
8987
  }
8906
8988
  }
8989
+ .sm\:h-20 {
8990
+ @media (width >= 40rem) {
8991
+ height: calc(var(--spacing) * 20);
8992
+ }
8993
+ }
8907
8994
  .sm\:h-24 {
8908
8995
  @media (width >= 40rem) {
8909
8996
  height: calc(var(--spacing) * 24);
@@ -8924,11 +9011,21 @@
8924
9011
  min-height: calc(var(--spacing) * 12);
8925
9012
  }
8926
9013
  }
9014
+ .sm\:min-h-\[17\.5rem\] {
9015
+ @media (width >= 40rem) {
9016
+ min-height: 17.5rem;
9017
+ }
9018
+ }
8927
9019
  .sm\:min-h-\[20rem\] {
8928
9020
  @media (width >= 40rem) {
8929
9021
  min-height: 20rem;
8930
9022
  }
8931
9023
  }
9024
+ .sm\:min-h-\[21rem\] {
9025
+ @media (width >= 40rem) {
9026
+ min-height: 21rem;
9027
+ }
9028
+ }
8932
9029
  .sm\:min-h-\[22rem\] {
8933
9030
  @media (width >= 40rem) {
8934
9031
  min-height: 22rem;
@@ -9089,6 +9186,11 @@
9089
9186
  gap: calc(var(--spacing) * 4);
9090
9187
  }
9091
9188
  }
9189
+ .sm\:gap-6 {
9190
+ @media (width >= 40rem) {
9191
+ gap: calc(var(--spacing) * 6);
9192
+ }
9193
+ }
9092
9194
  .sm\:gap-8 {
9093
9195
  @media (width >= 40rem) {
9094
9196
  gap: calc(var(--spacing) * 8);
@@ -9148,6 +9250,11 @@
9148
9250
  }
9149
9251
  }
9150
9252
  }
9253
+ .sm\:p-5 {
9254
+ @media (width >= 40rem) {
9255
+ padding: calc(var(--spacing) * 5);
9256
+ }
9257
+ }
9151
9258
  .sm\:p-8 {
9152
9259
  @media (width >= 40rem) {
9153
9260
  padding: calc(var(--spacing) * 8);
@@ -9268,6 +9375,11 @@
9268
9375
  padding-right: calc(var(--spacing) * 16);
9269
9376
  }
9270
9377
  }
9378
+ .sm\:pb-10 {
9379
+ @media (width >= 40rem) {
9380
+ padding-bottom: calc(var(--spacing) * 10);
9381
+ }
9382
+ }
9271
9383
  .sm\:pb-16 {
9272
9384
  @media (width >= 40rem) {
9273
9385
  padding-bottom: calc(var(--spacing) * 16);
@@ -9363,6 +9475,16 @@
9363
9475
  font-size: 0.8125rem;
9364
9476
  }
9365
9477
  }
9478
+ .sm\:text-\[2\.25rem\] {
9479
+ @media (width >= 40rem) {
9480
+ font-size: 2.25rem;
9481
+ }
9482
+ }
9483
+ .sm\:text-\[4rem\] {
9484
+ @media (width >= 40rem) {
9485
+ font-size: 4rem;
9486
+ }
9487
+ }
9366
9488
  .sm\:text-\[16px\] {
9367
9489
  @media (width >= 40rem) {
9368
9490
  font-size: 16px;
@@ -9797,6 +9919,11 @@
9797
9919
  max-width: none;
9798
9920
  }
9799
9921
  }
9922
+ .lg\:min-w-40 {
9923
+ @media (width >= 64rem) {
9924
+ min-width: calc(var(--spacing) * 40);
9925
+ }
9926
+ }
9800
9927
  .lg\:min-w-48 {
9801
9928
  @media (width >= 64rem) {
9802
9929
  min-width: calc(var(--spacing) * 48);