@nswds/app 1.100.0 → 1.102.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 +154 -9
- package/dist/index.cjs +732 -498
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +731 -497
- package/dist/index.js.map +1 -1
- package/dist/styles.css +164 -9
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1305,10 +1305,6 @@
|
|
|
1305
1305
|
width: calc(var(--spacing) * 12);
|
|
1306
1306
|
height: calc(var(--spacing) * 12);
|
|
1307
1307
|
}
|
|
1308
|
-
.size-14 {
|
|
1309
|
-
width: calc(var(--spacing) * 14);
|
|
1310
|
-
height: calc(var(--spacing) * 14);
|
|
1311
|
-
}
|
|
1312
1308
|
.size-\[max\(100\%\,2\.75rem\)\] {
|
|
1313
1309
|
width: max(100%, 2.75rem);
|
|
1314
1310
|
height: max(100%, 2.75rem);
|
|
@@ -1543,6 +1539,9 @@
|
|
|
1543
1539
|
.w-10 {
|
|
1544
1540
|
width: calc(var(--spacing) * 10);
|
|
1545
1541
|
}
|
|
1542
|
+
.w-11 {
|
|
1543
|
+
width: calc(var(--spacing) * 11);
|
|
1544
|
+
}
|
|
1546
1545
|
.w-12 {
|
|
1547
1546
|
width: calc(var(--spacing) * 12);
|
|
1548
1547
|
}
|
|
@@ -2211,6 +2210,11 @@
|
|
|
2211
2210
|
border-color: var(--color-gray-100);
|
|
2212
2211
|
}
|
|
2213
2212
|
}
|
|
2213
|
+
.divide-grey-100 {
|
|
2214
|
+
:where(& > :not(:last-child)) {
|
|
2215
|
+
border-color: var(--color-grey-100);
|
|
2216
|
+
}
|
|
2217
|
+
}
|
|
2214
2218
|
.divide-grey-200 {
|
|
2215
2219
|
:where(& > :not(:last-child)) {
|
|
2216
2220
|
border-color: var(--color-grey-200);
|
|
@@ -2445,6 +2449,9 @@
|
|
|
2445
2449
|
.border-current {
|
|
2446
2450
|
border-color: currentcolor;
|
|
2447
2451
|
}
|
|
2452
|
+
.border-danger-200 {
|
|
2453
|
+
border-color: var(--danger-200);
|
|
2454
|
+
}
|
|
2448
2455
|
.border-danger-500 {
|
|
2449
2456
|
border-color: var(--danger-500);
|
|
2450
2457
|
}
|
|
@@ -2463,6 +2470,18 @@
|
|
|
2463
2470
|
.border-grey-300 {
|
|
2464
2471
|
border-color: var(--color-grey-300);
|
|
2465
2472
|
}
|
|
2473
|
+
.border-grey-300\/70 {
|
|
2474
|
+
border-color: var(--color-grey-300);
|
|
2475
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2476
|
+
border-color: color-mix(in oklab, var(--color-grey-300) 70%, transparent);
|
|
2477
|
+
}
|
|
2478
|
+
}
|
|
2479
|
+
.border-grey-300\/80 {
|
|
2480
|
+
border-color: var(--color-grey-300);
|
|
2481
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2482
|
+
border-color: color-mix(in oklab, var(--color-grey-300) 80%, transparent);
|
|
2483
|
+
}
|
|
2484
|
+
}
|
|
2466
2485
|
.border-grey-400 {
|
|
2467
2486
|
border-color: var(--color-grey-400);
|
|
2468
2487
|
}
|
|
@@ -2538,6 +2557,9 @@
|
|
|
2538
2557
|
.border-slate-200 {
|
|
2539
2558
|
border-color: var(--color-slate-200);
|
|
2540
2559
|
}
|
|
2560
|
+
.border-success-200 {
|
|
2561
|
+
border-color: var(--success-200);
|
|
2562
|
+
}
|
|
2541
2563
|
.border-success-450 {
|
|
2542
2564
|
border-color: var(--success-450);
|
|
2543
2565
|
}
|
|
@@ -3329,12 +3351,18 @@
|
|
|
3329
3351
|
.text-\[0\.8rem\] {
|
|
3330
3352
|
font-size: 0.8rem;
|
|
3331
3353
|
}
|
|
3354
|
+
.text-\[0\.65rem\] {
|
|
3355
|
+
font-size: 0.65rem;
|
|
3356
|
+
}
|
|
3332
3357
|
.text-\[0\.72rem\] {
|
|
3333
3358
|
font-size: 0.72rem;
|
|
3334
3359
|
}
|
|
3335
3360
|
.text-\[14px\] {
|
|
3336
3361
|
font-size: 14px;
|
|
3337
3362
|
}
|
|
3363
|
+
.text-\[16px\] {
|
|
3364
|
+
font-size: 16px;
|
|
3365
|
+
}
|
|
3338
3366
|
.text-\[calc\(var\(--display-font-size-1\)_\*_var\(--heading-font-size-adjust\)\)\] {
|
|
3339
3367
|
font-size: calc(var(--display-font-size-1) * var(--heading-font-size-adjust));
|
|
3340
3368
|
}
|
|
@@ -3457,6 +3485,10 @@
|
|
|
3457
3485
|
--tw-leading: var(--leading-tight);
|
|
3458
3486
|
line-height: var(--leading-tight);
|
|
3459
3487
|
}
|
|
3488
|
+
.font-\[700\] {
|
|
3489
|
+
--tw-font-weight: 700;
|
|
3490
|
+
font-weight: 700;
|
|
3491
|
+
}
|
|
3460
3492
|
.font-\[var\(--heading-font-family\)\] {
|
|
3461
3493
|
--tw-font-weight: var(--heading-font-family);
|
|
3462
3494
|
font-weight: var(--heading-font-family);
|
|
@@ -3477,6 +3509,10 @@
|
|
|
3477
3509
|
--tw-font-weight: var(--font-weight-semibold);
|
|
3478
3510
|
font-weight: var(--font-weight-semibold);
|
|
3479
3511
|
}
|
|
3512
|
+
.tracking-\[0\.14em\] {
|
|
3513
|
+
--tw-tracking: 0.14em;
|
|
3514
|
+
letter-spacing: 0.14em;
|
|
3515
|
+
}
|
|
3480
3516
|
.tracking-\[0\.16em\] {
|
|
3481
3517
|
--tw-tracking: 0.16em;
|
|
3482
3518
|
letter-spacing: 0.16em;
|
|
@@ -3816,6 +3852,15 @@
|
|
|
3816
3852
|
var(--tw-ring-shadow),
|
|
3817
3853
|
var(--tw-shadow);
|
|
3818
3854
|
}
|
|
3855
|
+
.shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.28\)\] {
|
|
3856
|
+
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.28));
|
|
3857
|
+
box-shadow:
|
|
3858
|
+
var(--tw-inset-shadow),
|
|
3859
|
+
var(--tw-inset-ring-shadow),
|
|
3860
|
+
var(--tw-ring-offset-shadow),
|
|
3861
|
+
var(--tw-ring-shadow),
|
|
3862
|
+
var(--tw-shadow);
|
|
3863
|
+
}
|
|
3819
3864
|
.shadow-\[inset_0_1px_0_var\(--nsw-card-image-border\)\,inset_1px_0_0_var\(--nsw-card-image-border\)\,inset_-1px_0_0_var\(--nsw-card-image-border\)\] {
|
|
3820
3865
|
--tw-shadow:
|
|
3821
3866
|
inset 0 1px 0 var(--tw-shadow-color, var(--nsw-card-image-border)),
|
|
@@ -5899,6 +5944,13 @@
|
|
|
5899
5944
|
}
|
|
5900
5945
|
}
|
|
5901
5946
|
}
|
|
5947
|
+
.hover\:scale-\[1\.01\] {
|
|
5948
|
+
&:hover {
|
|
5949
|
+
@media (hover: hover) {
|
|
5950
|
+
scale: 1.01;
|
|
5951
|
+
}
|
|
5952
|
+
}
|
|
5953
|
+
}
|
|
5902
5954
|
.hover\:scale-\[1\.03\] {
|
|
5903
5955
|
&:hover {
|
|
5904
5956
|
@media (hover: hover) {
|
|
@@ -6188,6 +6240,19 @@
|
|
|
6188
6240
|
}
|
|
6189
6241
|
}
|
|
6190
6242
|
}
|
|
6243
|
+
.hover\:shadow-sm {
|
|
6244
|
+
&:hover {
|
|
6245
|
+
@media (hover: hover) {
|
|
6246
|
+
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
6247
|
+
box-shadow:
|
|
6248
|
+
var(--tw-inset-shadow),
|
|
6249
|
+
var(--tw-inset-ring-shadow),
|
|
6250
|
+
var(--tw-ring-offset-shadow),
|
|
6251
|
+
var(--tw-ring-shadow),
|
|
6252
|
+
var(--tw-shadow);
|
|
6253
|
+
}
|
|
6254
|
+
}
|
|
6255
|
+
}
|
|
6191
6256
|
.hover\:ring-4 {
|
|
6192
6257
|
&:hover {
|
|
6193
6258
|
@media (hover: hover) {
|
|
@@ -8952,6 +9017,12 @@
|
|
|
8952
9017
|
line-height: var(--tw-leading, var(--text-6xl--line-height));
|
|
8953
9018
|
}
|
|
8954
9019
|
}
|
|
9020
|
+
.sm\:text-base {
|
|
9021
|
+
@media (width >= 40rem) {
|
|
9022
|
+
font-size: var(--text-base);
|
|
9023
|
+
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
9024
|
+
}
|
|
9025
|
+
}
|
|
8955
9026
|
.sm\:text-base\/7 {
|
|
8956
9027
|
@media (width >= 40rem) {
|
|
8957
9028
|
font-size: var(--text-base);
|
|
@@ -8981,6 +9052,17 @@
|
|
|
8981
9052
|
font-size: 0.8125rem;
|
|
8982
9053
|
}
|
|
8983
9054
|
}
|
|
9055
|
+
.sm\:text-\[16px\] {
|
|
9056
|
+
@media (width >= 40rem) {
|
|
9057
|
+
font-size: 16px;
|
|
9058
|
+
}
|
|
9059
|
+
}
|
|
9060
|
+
.sm\:font-\[700\] {
|
|
9061
|
+
@media (width >= 40rem) {
|
|
9062
|
+
--tw-font-weight: 700;
|
|
9063
|
+
font-weight: 700;
|
|
9064
|
+
}
|
|
9065
|
+
}
|
|
8984
9066
|
.sm\:duration-300 {
|
|
8985
9067
|
@media (width >= 40rem) {
|
|
8986
9068
|
--tw-duration: 300ms;
|
|
@@ -9628,11 +9710,6 @@
|
|
|
9628
9710
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
9629
9711
|
}
|
|
9630
9712
|
}
|
|
9631
|
-
.xl\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(18rem\,0\.9fr\)\] {
|
|
9632
|
-
@media (width >= 80rem) {
|
|
9633
|
-
grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
|
|
9634
|
-
}
|
|
9635
|
-
}
|
|
9636
9713
|
.xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(18rem\,0\.72fr\)\] {
|
|
9637
9714
|
@media (width >= 80rem) {
|
|
9638
9715
|
grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.72fr);
|
|
@@ -9688,6 +9765,13 @@
|
|
|
9688
9765
|
}
|
|
9689
9766
|
}
|
|
9690
9767
|
}
|
|
9768
|
+
.dark\:divide-grey-800 {
|
|
9769
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9770
|
+
:where(& > :not(:last-child)) {
|
|
9771
|
+
border-color: var(--color-grey-800);
|
|
9772
|
+
}
|
|
9773
|
+
}
|
|
9774
|
+
}
|
|
9691
9775
|
.dark\:border-b {
|
|
9692
9776
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9693
9777
|
border-bottom-style: var(--tw-border-style);
|
|
@@ -9725,6 +9809,14 @@
|
|
|
9725
9809
|
border-color: var(--danger-700);
|
|
9726
9810
|
}
|
|
9727
9811
|
}
|
|
9812
|
+
.dark\:border-danger-900\/60 {
|
|
9813
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9814
|
+
border-color: var(--danger-900);
|
|
9815
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9816
|
+
border-color: color-mix(in oklab, var(--danger-900) 60%, transparent);
|
|
9817
|
+
}
|
|
9818
|
+
}
|
|
9819
|
+
}
|
|
9728
9820
|
.dark\:border-gray-600 {
|
|
9729
9821
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9730
9822
|
border-color: var(--color-gray-600);
|
|
@@ -9756,11 +9848,32 @@
|
|
|
9756
9848
|
border-color: var(--color-grey-400);
|
|
9757
9849
|
}
|
|
9758
9850
|
}
|
|
9851
|
+
.dark\:border-grey-500 {
|
|
9852
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9853
|
+
border-color: var(--color-grey-500);
|
|
9854
|
+
}
|
|
9855
|
+
}
|
|
9759
9856
|
.dark\:border-grey-600 {
|
|
9760
9857
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9761
9858
|
border-color: var(--color-grey-600);
|
|
9762
9859
|
}
|
|
9763
9860
|
}
|
|
9861
|
+
.dark\:border-grey-600\/70 {
|
|
9862
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9863
|
+
border-color: var(--color-grey-600);
|
|
9864
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9865
|
+
border-color: color-mix(in oklab, var(--color-grey-600) 70%, transparent);
|
|
9866
|
+
}
|
|
9867
|
+
}
|
|
9868
|
+
}
|
|
9869
|
+
.dark\:border-grey-600\/80 {
|
|
9870
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9871
|
+
border-color: var(--color-grey-600);
|
|
9872
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9873
|
+
border-color: color-mix(in oklab, var(--color-grey-600) 80%, transparent);
|
|
9874
|
+
}
|
|
9875
|
+
}
|
|
9876
|
+
}
|
|
9764
9877
|
.dark\:border-grey-700 {
|
|
9765
9878
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9766
9879
|
border-color: var(--color-grey-700);
|
|
@@ -9791,6 +9904,14 @@
|
|
|
9791
9904
|
border-color: var(--color-slate-800);
|
|
9792
9905
|
}
|
|
9793
9906
|
}
|
|
9907
|
+
.dark\:border-success-900\/60 {
|
|
9908
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9909
|
+
border-color: var(--success-900);
|
|
9910
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9911
|
+
border-color: color-mix(in oklab, var(--success-900) 60%, transparent);
|
|
9912
|
+
}
|
|
9913
|
+
}
|
|
9914
|
+
}
|
|
9794
9915
|
.dark\:border-transparent {
|
|
9795
9916
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9796
9917
|
border-color: transparent;
|
|
@@ -9893,6 +10014,14 @@
|
|
|
9893
10014
|
}
|
|
9894
10015
|
}
|
|
9895
10016
|
}
|
|
10017
|
+
.dark\:bg-danger-950\/20 {
|
|
10018
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
10019
|
+
background-color: var(--danger-950);
|
|
10020
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10021
|
+
background-color: color-mix(in oklab, var(--danger-950) 20%, transparent);
|
|
10022
|
+
}
|
|
10023
|
+
}
|
|
10024
|
+
}
|
|
9896
10025
|
.dark\:bg-danger-950\/30 {
|
|
9897
10026
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9898
10027
|
background-color: var(--danger-950);
|
|
@@ -9929,6 +10058,11 @@
|
|
|
9929
10058
|
background-color: var(--color-gray-950);
|
|
9930
10059
|
}
|
|
9931
10060
|
}
|
|
10061
|
+
.dark\:bg-grey-100 {
|
|
10062
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
10063
|
+
background-color: var(--color-grey-100);
|
|
10064
|
+
}
|
|
10065
|
+
}
|
|
9932
10066
|
.dark\:bg-grey-500 {
|
|
9933
10067
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9934
10068
|
background-color: var(--color-grey-500);
|
|
@@ -9970,6 +10104,14 @@
|
|
|
9970
10104
|
background-color: var(--color-grey-900);
|
|
9971
10105
|
}
|
|
9972
10106
|
}
|
|
10107
|
+
.dark\:bg-grey-900\/40 {
|
|
10108
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
10109
|
+
background-color: var(--color-grey-900);
|
|
10110
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10111
|
+
background-color: color-mix(in oklab, var(--color-grey-900) 40%, transparent);
|
|
10112
|
+
}
|
|
10113
|
+
}
|
|
10114
|
+
}
|
|
9973
10115
|
.dark\:bg-grey-900\/60 {
|
|
9974
10116
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
9975
10117
|
background-color: var(--color-grey-900);
|
|
@@ -10004,6 +10146,11 @@
|
|
|
10004
10146
|
}
|
|
10005
10147
|
}
|
|
10006
10148
|
}
|
|
10149
|
+
.dark\:bg-primary-700 {
|
|
10150
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
10151
|
+
background-color: var(--color-primary-700);
|
|
10152
|
+
}
|
|
10153
|
+
}
|
|
10007
10154
|
.dark\:bg-primary-950 {
|
|
10008
10155
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
10009
10156
|
background-color: var(--color-primary-950);
|
|
@@ -10038,6 +10185,14 @@
|
|
|
10038
10185
|
}
|
|
10039
10186
|
}
|
|
10040
10187
|
}
|
|
10188
|
+
.dark\:bg-success-950\/20 {
|
|
10189
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
10190
|
+
background-color: var(--success-950);
|
|
10191
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10192
|
+
background-color: color-mix(in oklab, var(--success-950) 20%, transparent);
|
|
10193
|
+
}
|
|
10194
|
+
}
|
|
10195
|
+
}
|
|
10041
10196
|
.dark\:bg-success-950\/30 {
|
|
10042
10197
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
10043
10198
|
background-color: var(--success-950);
|