@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/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);
|