@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/globals.css CHANGED
@@ -114,6 +114,7 @@
114
114
  --color-nsw-blue-800: var(--nsw-blue-800);
115
115
  --color-nsw-red-600: var(--nsw-red-600);
116
116
  --color-primary-50: var(--nsw-blue-50);
117
+ --color-primary-100: var(--nsw-blue-100);
117
118
  --color-primary-200: var(--nsw-blue-200);
118
119
  --color-primary-250: var(--nsw-blue-250);
119
120
  --color-primary-300: var(--nsw-blue-300);
@@ -1052,9 +1053,15 @@
1052
1053
  .mt-2 {
1053
1054
  margin-top: calc(var(--spacing) * 2);
1054
1055
  }
1056
+ .mt-2\.5 {
1057
+ margin-top: calc(var(--spacing) * 2.5);
1058
+ }
1055
1059
  .mt-3 {
1056
1060
  margin-top: calc(var(--spacing) * 3);
1057
1061
  }
1062
+ .mt-3\.5 {
1063
+ margin-top: calc(var(--spacing) * 3.5);
1064
+ }
1058
1065
  .mt-4 {
1059
1066
  margin-top: calc(var(--spacing) * 4);
1060
1067
  }
@@ -1480,6 +1487,12 @@
1480
1487
  .min-h-32 {
1481
1488
  min-height: calc(var(--spacing) * 32);
1482
1489
  }
1490
+ .min-h-\[12rem\] {
1491
+ min-height: 12rem;
1492
+ }
1493
+ .min-h-\[16rem\] {
1494
+ min-height: 16rem;
1495
+ }
1483
1496
  .min-h-\[18rem\] {
1484
1497
  min-height: 18rem;
1485
1498
  }
@@ -1675,6 +1688,9 @@
1675
1688
  .max-w-60 {
1676
1689
  max-width: calc(var(--spacing) * 60);
1677
1690
  }
1691
+ .max-w-\[42rem\] {
1692
+ max-width: 42rem;
1693
+ }
1678
1694
  .max-w-\[80\%\] {
1679
1695
  max-width: 80%;
1680
1696
  }
@@ -2065,6 +2081,9 @@
2065
2081
  .gap-2 {
2066
2082
  gap: calc(var(--spacing) * 2);
2067
2083
  }
2084
+ .gap-2\.5 {
2085
+ gap: calc(var(--spacing) * 2.5);
2086
+ }
2068
2087
  .gap-3 {
2069
2088
  gap: calc(var(--spacing) * 3);
2070
2089
  }
@@ -2099,6 +2118,13 @@
2099
2118
  margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
2100
2119
  }
2101
2120
  }
2121
+ .space-y-0\.5 {
2122
+ :where(& > :not(:last-child)) {
2123
+ --tw-space-y-reverse: 0;
2124
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
2125
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
2126
+ }
2127
+ }
2102
2128
  .space-y-1 {
2103
2129
  :where(& > :not(:last-child)) {
2104
2130
  --tw-space-y-reverse: 0;
@@ -2588,6 +2614,9 @@
2588
2614
  .border-primary {
2589
2615
  border-color: var(--primary);
2590
2616
  }
2617
+ .border-primary-100 {
2618
+ border-color: var(--color-primary-100);
2619
+ }
2591
2620
  .border-primary-200 {
2592
2621
  border-color: var(--color-primary-200);
2593
2622
  }
@@ -2858,6 +2887,12 @@
2858
2887
  .bg-primary-50 {
2859
2888
  background-color: var(--color-primary-50);
2860
2889
  }
2890
+ .bg-primary-50\/30 {
2891
+ background-color: var(--color-primary-50);
2892
+ @supports (color: color-mix(in lab, red, red)) {
2893
+ background-color: color-mix(in oklab, var(--color-primary-50) 30%, transparent);
2894
+ }
2895
+ }
2861
2896
  .bg-primary-50\/40 {
2862
2897
  background-color: var(--color-primary-50);
2863
2898
  @supports (color: color-mix(in lab, red, red)) {
@@ -2966,6 +3001,24 @@
2966
3001
  background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
2967
3002
  }
2968
3003
  }
3004
+ .bg-white\/90 {
3005
+ background-color: color-mix(in srgb, #fff 90%, transparent);
3006
+ @supports (color: color-mix(in lab, red, red)) {
3007
+ background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
3008
+ }
3009
+ }
3010
+ .bg-white\/92 {
3011
+ background-color: color-mix(in srgb, #fff 92%, transparent);
3012
+ @supports (color: color-mix(in lab, red, red)) {
3013
+ background-color: color-mix(in oklab, var(--color-white) 92%, transparent);
3014
+ }
3015
+ }
3016
+ .bg-white\/95 {
3017
+ background-color: color-mix(in srgb, #fff 95%, transparent);
3018
+ @supports (color: color-mix(in lab, red, red)) {
3019
+ background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
3020
+ }
3021
+ }
2969
3022
  .bg-zinc-950 {
2970
3023
  background-color: var(--color-zinc-950);
2971
3024
  }
@@ -3245,6 +3298,9 @@
3245
3298
  .py-3 {
3246
3299
  padding-block: calc(var(--spacing) * 3);
3247
3300
  }
3301
+ .py-3\.5 {
3302
+ padding-block: calc(var(--spacing) * 3.5);
3303
+ }
3248
3304
  .py-4 {
3249
3305
  padding-block: calc(var(--spacing) * 4);
3250
3306
  }
@@ -3444,6 +3500,10 @@
3444
3500
  font-size: var(--text-5xl);
3445
3501
  line-height: var(--tw-leading, var(--text-5xl--line-height));
3446
3502
  }
3503
+ .text-\[0\.96rem\]\/7 {
3504
+ font-size: 0.96rem;
3505
+ line-height: calc(var(--spacing) * 7);
3506
+ }
3447
3507
  .text-base {
3448
3508
  font-size: var(--text-base);
3449
3509
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3495,6 +3555,9 @@
3495
3555
  .text-\[0\.8rem\] {
3496
3556
  font-size: 0.8rem;
3497
3557
  }
3558
+ .text-\[0\.64rem\] {
3559
+ font-size: 0.64rem;
3560
+ }
3498
3561
  .text-\[0\.65rem\] {
3499
3562
  font-size: 0.65rem;
3500
3563
  }
@@ -3510,12 +3573,27 @@
3510
3573
  .text-\[0\.82rem\] {
3511
3574
  font-size: 0.82rem;
3512
3575
  }
3576
+ .text-\[0\.94rem\] {
3577
+ font-size: 0.94rem;
3578
+ }
3579
+ .text-\[0\.95rem\] {
3580
+ font-size: 0.95rem;
3581
+ }
3582
+ .text-\[1\.9rem\] {
3583
+ font-size: 1.9rem;
3584
+ }
3585
+ .text-\[2\.8rem\] {
3586
+ font-size: 2.8rem;
3587
+ }
3513
3588
  .text-\[11px\] {
3514
3589
  font-size: 11px;
3515
3590
  }
3516
3591
  .text-\[14px\] {
3517
3592
  font-size: 14px;
3518
3593
  }
3594
+ .text-\[15px\] {
3595
+ font-size: 15px;
3596
+ }
3519
3597
  .text-\[16px\] {
3520
3598
  font-size: 16px;
3521
3599
  }
@@ -3665,6 +3743,10 @@
3665
3743
  --tw-font-weight: var(--font-weight-semibold);
3666
3744
  font-weight: var(--font-weight-semibold);
3667
3745
  }
3746
+ .tracking-\[0\.1em\] {
3747
+ --tw-tracking: 0.1em;
3748
+ letter-spacing: 0.1em;
3749
+ }
3668
3750
  .tracking-\[0\.12em\] {
3669
3751
  --tw-tracking: 0.12em;
3670
3752
  letter-spacing: 0.12em;
@@ -8752,6 +8834,11 @@
8752
8834
  height: calc(var(--spacing) * 5);
8753
8835
  }
8754
8836
  }
8837
+ .sm\:h-20 {
8838
+ @media (width >= 40rem) {
8839
+ height: calc(var(--spacing) * 20);
8840
+ }
8841
+ }
8755
8842
  .sm\:h-24 {
8756
8843
  @media (width >= 40rem) {
8757
8844
  height: calc(var(--spacing) * 24);
@@ -8772,11 +8859,21 @@
8772
8859
  min-height: calc(var(--spacing) * 12);
8773
8860
  }
8774
8861
  }
8862
+ .sm\:min-h-\[17\.5rem\] {
8863
+ @media (width >= 40rem) {
8864
+ min-height: 17.5rem;
8865
+ }
8866
+ }
8775
8867
  .sm\:min-h-\[20rem\] {
8776
8868
  @media (width >= 40rem) {
8777
8869
  min-height: 20rem;
8778
8870
  }
8779
8871
  }
8872
+ .sm\:min-h-\[21rem\] {
8873
+ @media (width >= 40rem) {
8874
+ min-height: 21rem;
8875
+ }
8876
+ }
8780
8877
  .sm\:min-h-\[22rem\] {
8781
8878
  @media (width >= 40rem) {
8782
8879
  min-height: 22rem;
@@ -8937,6 +9034,11 @@
8937
9034
  gap: calc(var(--spacing) * 4);
8938
9035
  }
8939
9036
  }
9037
+ .sm\:gap-6 {
9038
+ @media (width >= 40rem) {
9039
+ gap: calc(var(--spacing) * 6);
9040
+ }
9041
+ }
8940
9042
  .sm\:gap-8 {
8941
9043
  @media (width >= 40rem) {
8942
9044
  gap: calc(var(--spacing) * 8);
@@ -8996,6 +9098,11 @@
8996
9098
  }
8997
9099
  }
8998
9100
  }
9101
+ .sm\:p-5 {
9102
+ @media (width >= 40rem) {
9103
+ padding: calc(var(--spacing) * 5);
9104
+ }
9105
+ }
8999
9106
  .sm\:p-8 {
9000
9107
  @media (width >= 40rem) {
9001
9108
  padding: calc(var(--spacing) * 8);
@@ -9116,6 +9223,11 @@
9116
9223
  padding-right: calc(var(--spacing) * 16);
9117
9224
  }
9118
9225
  }
9226
+ .sm\:pb-10 {
9227
+ @media (width >= 40rem) {
9228
+ padding-bottom: calc(var(--spacing) * 10);
9229
+ }
9230
+ }
9119
9231
  .sm\:pb-16 {
9120
9232
  @media (width >= 40rem) {
9121
9233
  padding-bottom: calc(var(--spacing) * 16);
@@ -9211,6 +9323,16 @@
9211
9323
  font-size: 0.8125rem;
9212
9324
  }
9213
9325
  }
9326
+ .sm\:text-\[2\.25rem\] {
9327
+ @media (width >= 40rem) {
9328
+ font-size: 2.25rem;
9329
+ }
9330
+ }
9331
+ .sm\:text-\[4rem\] {
9332
+ @media (width >= 40rem) {
9333
+ font-size: 4rem;
9334
+ }
9335
+ }
9214
9336
  .sm\:text-\[16px\] {
9215
9337
  @media (width >= 40rem) {
9216
9338
  font-size: 16px;
@@ -9640,6 +9762,11 @@
9640
9762
  max-width: none;
9641
9763
  }
9642
9764
  }
9765
+ .lg\:min-w-40 {
9766
+ @media (width >= 64rem) {
9767
+ min-width: calc(var(--spacing) * 40);
9768
+ }
9769
+ }
9643
9770
  .lg\:min-w-48 {
9644
9771
  @media (width >= 64rem) {
9645
9772
  min-width: calc(var(--spacing) * 48);