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