@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 +127 -0
- package/dist/index.cjs +1618 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +18 -1
- package/dist/index.d.ts +18 -1
- package/dist/index.js +1618 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +127 -0
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
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);
|