@nswds/app 1.54.3 → 1.54.7

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
@@ -582,6 +582,12 @@
582
582
  .my-8 {
583
583
  margin-block: calc(var(--spacing) * 8);
584
584
  }
585
+ .my-\[32px\] {
586
+ margin-block: 32px;
587
+ }
588
+ .my-auto {
589
+ margin-block: auto;
590
+ }
585
591
  .me-1 {
586
592
  margin-inline-end: calc(var(--spacing) * 1);
587
593
  }
@@ -1075,6 +1081,9 @@
1075
1081
  .mb-12 {
1076
1082
  margin-bottom: calc(var(--spacing) * 12);
1077
1083
  }
1084
+ .mb-\[40px\] {
1085
+ margin-bottom: 40px;
1086
+ }
1078
1087
  .-ml-0 {
1079
1088
  margin-left: calc(var(--spacing) * -0);
1080
1089
  }
@@ -1501,6 +1510,9 @@
1501
1510
  .w-\[400px\] {
1502
1511
  width: 400px;
1503
1512
  }
1513
+ .w-\[600px\] {
1514
+ width: 600px;
1515
+ }
1504
1516
  .w-\[calc\(var\(--sidebar-width-icon\)\+1px\)\]\! {
1505
1517
  width: calc(var(--sidebar-width-icon) + 1px) !important;
1506
1518
  }
@@ -1537,6 +1549,9 @@
1537
1549
  .max-w-60 {
1538
1550
  max-width: calc(var(--spacing) * 60);
1539
1551
  }
1552
+ .max-w-\[600px\] {
1553
+ max-width: 600px;
1554
+ }
1540
1555
  .max-w-\[calc\(100\%-2rem\)\] {
1541
1556
  max-width: calc(100% - 2rem);
1542
1557
  }
@@ -2209,10 +2224,6 @@
2209
2224
  border-bottom-style: var(--tw-border-style);
2210
2225
  border-bottom-width: 1px;
2211
2226
  }
2212
- .border-b-1 {
2213
- border-bottom-style: var(--tw-border-style);
2214
- border-bottom-width: 1px;
2215
- }
2216
2227
  .border-b-2 {
2217
2228
  border-bottom-style: var(--tw-border-style);
2218
2229
  border-bottom-width: 2px;
@@ -2229,6 +2240,10 @@
2229
2240
  --tw-border-style: none;
2230
2241
  border-style: none;
2231
2242
  }
2243
+ .border-solid {
2244
+ --tw-border-style: solid;
2245
+ border-style: solid;
2246
+ }
2232
2247
  .border-\(--badge-bg\) {
2233
2248
  border-color: var(--badge-bg);
2234
2249
  }
@@ -2253,6 +2268,9 @@
2253
2268
  .border-\(--toggle-border\) {
2254
2269
  border-color: var(--toggle-border);
2255
2270
  }
2271
+ .border-\[\#ebebeb\] {
2272
+ border-color: #ebebeb;
2273
+ }
2256
2274
  .border-blue-200 {
2257
2275
  border-color: var(--color-blue-200);
2258
2276
  }
@@ -2775,6 +2793,9 @@
2775
2793
  .p-\[3px\] {
2776
2794
  padding: 3px;
2777
2795
  }
2796
+ .p-\[56px\] {
2797
+ padding: 56px;
2798
+ }
2778
2799
  .p-px {
2779
2800
  padding: 1px;
2780
2801
  }
@@ -2820,6 +2841,9 @@
2820
2841
  .px-\[0\.5px\] {
2821
2842
  padding-inline: 0.5px;
2822
2843
  }
2844
+ .px-\[32px\] {
2845
+ padding-inline: 32px;
2846
+ }
2823
2847
  .px-\[calc\(--spacing\(1\)\*1\.5\)\] {
2824
2848
  padding-inline: calc(calc(var(--spacing) * 1) * 1.5);
2825
2849
  }
@@ -2919,6 +2943,9 @@
2919
2943
  .pt-14 {
2920
2944
  padding-top: calc(var(--spacing) * 14);
2921
2945
  }
2946
+ .pt-\[40px\] {
2947
+ padding-top: 40px;
2948
+ }
2922
2949
  .pr-0 {
2923
2950
  padding-right: calc(var(--spacing) * 0);
2924
2951
  }
@@ -2970,6 +2997,9 @@
2970
2997
  .pb-16 {
2971
2998
  padding-bottom: calc(var(--spacing) * 16);
2972
2999
  }
3000
+ .pb-\[24px\] {
3001
+ padding-bottom: 24px;
3002
+ }
2973
3003
  .pb-\[41px\] {
2974
3004
  padding-bottom: 41px;
2975
3005
  }
@@ -3015,6 +3045,9 @@
3015
3045
  .font-mono {
3016
3046
  font-family: var(--font-mono);
3017
3047
  }
3048
+ .font-sans {
3049
+ font-family: var(--font-sans);
3050
+ }
3018
3051
  .text-2xl {
3019
3052
  font-size: var(--text-2xl);
3020
3053
  line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -3074,6 +3107,9 @@
3074
3107
  .text-\[0\.8rem\] {
3075
3108
  font-size: 0.8rem;
3076
3109
  }
3110
+ .text-\[14px\] {
3111
+ font-size: 14px;
3112
+ }
3077
3113
  .text-\[calc\(var\(--display-font-size-1\)_\*_var\(--heading-font-size-adjust\)\)\] {
3078
3114
  font-size: calc(var(--display-font-size-1) * var(--heading-font-size-adjust));
3079
3115
  }
@@ -3128,6 +3164,10 @@
3128
3164
  --tw-leading: calc(var(--spacing) * 6);
3129
3165
  line-height: calc(var(--spacing) * 6);
3130
3166
  }
3167
+ .leading-7 {
3168
+ --tw-leading: calc(var(--spacing) * 7);
3169
+ line-height: calc(var(--spacing) * 7);
3170
+ }
3131
3171
  .leading-\[var\(--line-height\)\] {
3132
3172
  --tw-leading: var(--line-height);
3133
3173
  line-height: var(--line-height);
@@ -3265,6 +3305,9 @@
3265
3305
  .text-\(--btn-text\) {
3266
3306
  color: var(--btn-text);
3267
3307
  }
3308
+ .text-\[\#888f92\] {
3309
+ color: #888f92;
3310
+ }
3268
3311
  .text-accent-foreground {
3269
3312
  color: var(--accent-foreground);
3270
3313
  }
@@ -3310,6 +3353,9 @@
3310
3353
  .text-gray-500 {
3311
3354
  color: var(--color-gray-500);
3312
3355
  }
3356
+ .text-gray-600 {
3357
+ color: var(--color-gray-600);
3358
+ }
3313
3359
  .text-gray-700 {
3314
3360
  color: var(--color-gray-700);
3315
3361
  }
@@ -3560,6 +3606,9 @@
3560
3606
  .ring-grey-200 {
3561
3607
  --tw-ring-color: oklch(0.9400701096450296 0 0);
3562
3608
  }
3609
+ .ring-grey-300 {
3610
+ --tw-ring-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
3611
+ }
3563
3612
  .ring-grey-950 {
3564
3613
  --tw-ring-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
3565
3614
  }
@@ -3578,6 +3627,9 @@
3578
3627
  .ring-sidebar-ring {
3579
3628
  --tw-ring-color: var(--sidebar-ring);
3580
3629
  }
3630
+ .ring-transparent {
3631
+ --tw-ring-color: transparent;
3632
+ }
3581
3633
  .ring-white {
3582
3634
  --tw-ring-color: var(--color-white);
3583
3635
  }
@@ -5838,6 +5890,11 @@
5838
5890
  color: var(--sidebar-accent-foreground);
5839
5891
  }
5840
5892
  }
5893
+ .enabled\:cursor-pointer {
5894
+ &:enabled {
5895
+ cursor: pointer;
5896
+ }
5897
+ }
5841
5898
  .disabled\:pointer-events-none {
5842
5899
  &:disabled {
5843
5900
  pointer-events: none;
@@ -6006,16 +6063,36 @@
6006
6063
  pointer-events: none;
6007
6064
  }
6008
6065
  }
6066
+ .data-disabled\:bg-grey-100 {
6067
+ &[data-disabled] {
6068
+ background-color: oklch(0.9700350548225147 0 0);
6069
+ }
6070
+ }
6009
6071
  .data-disabled\:bg-grey-200 {
6010
6072
  &[data-disabled] {
6011
6073
  background-color: oklch(0.9400701096450296 0 0);
6012
6074
  }
6013
6075
  }
6076
+ .data-disabled\:text-grey-300 {
6077
+ &[data-disabled] {
6078
+ color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
6079
+ }
6080
+ }
6081
+ .data-disabled\:text-grey-400 {
6082
+ &[data-disabled] {
6083
+ color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
6084
+ }
6085
+ }
6014
6086
  .data-disabled\:opacity-50 {
6015
6087
  &[data-disabled] {
6016
6088
  opacity: 50%;
6017
6089
  }
6018
6090
  }
6091
+ .data-disabled\:ring-grey-300 {
6092
+ &[data-disabled] {
6093
+ --tw-ring-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
6094
+ }
6095
+ }
6019
6096
  .data-disabled\:before\:bg-grey-950\/5 {
6020
6097
  &[data-disabled] {
6021
6098
  &::before {
@@ -6998,6 +7075,21 @@
6998
7075
  background-color: var(--color-blue-500);
6999
7076
  }
7000
7077
  }
7078
+ .data-\[state\=active\]\:bg-white {
7079
+ &[data-state="active"] {
7080
+ background-color: var(--color-white);
7081
+ }
7082
+ }
7083
+ .data-\[state\=active\]\:text-grey-800 {
7084
+ &[data-state="active"] {
7085
+ color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
7086
+ }
7087
+ }
7088
+ .data-\[state\=active\]\:text-grey-900 {
7089
+ &[data-state="active"] {
7090
+ color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
7091
+ }
7092
+ }
7001
7093
  .data-\[state\=active\]\:text-white {
7002
7094
  &[data-state="active"] {
7003
7095
  color: var(--color-white);
@@ -7024,6 +7116,28 @@
7024
7116
  color: var(--color-white);
7025
7117
  }
7026
7118
  }
7119
+ .enabled\:data-\[state\=checked\]\:bg-primary-600 {
7120
+ &:enabled {
7121
+ &[data-state="checked"] {
7122
+ background-color: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
7123
+ }
7124
+ }
7125
+ }
7126
+ .enabled\:data-\[state\=checked\]\:ring-0 {
7127
+ &:enabled {
7128
+ &[data-state="checked"] {
7129
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
7130
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7131
+ }
7132
+ }
7133
+ }
7134
+ .enabled\:data-\[state\=checked\]\:ring-transparent {
7135
+ &:enabled {
7136
+ &[data-state="checked"] {
7137
+ --tw-ring-color: transparent;
7138
+ }
7139
+ }
7140
+ }
7027
7141
  .data-\[state\=closed\]\:animate-hide {
7028
7142
  &[data-state="closed"] {
7029
7143
  animation: var(--animate-hide);
@@ -7124,6 +7238,28 @@
7124
7238
  --tw-exit-opacity: 0;
7125
7239
  }
7126
7240
  }
7241
+ .enabled\:data-\[state\=indeterminate\]\:bg-primary-600 {
7242
+ &:enabled {
7243
+ &[data-state="indeterminate"] {
7244
+ background-color: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
7245
+ }
7246
+ }
7247
+ }
7248
+ .enabled\:data-\[state\=indeterminate\]\:ring-0 {
7249
+ &:enabled {
7250
+ &[data-state="indeterminate"] {
7251
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
7252
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
7253
+ }
7254
+ }
7255
+ }
7256
+ .enabled\:data-\[state\=indeterminate\]\:ring-transparent {
7257
+ &:enabled {
7258
+ &[data-state="indeterminate"] {
7259
+ --tw-ring-color: transparent;
7260
+ }
7261
+ }
7262
+ }
7127
7263
  .data-\[state\=on\]\:bg-blue-500 {
7128
7264
  &[data-state="on"] {
7129
7265
  background-color: var(--color-blue-500);
@@ -8509,6 +8645,11 @@
8509
8645
  border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
8510
8646
  }
8511
8647
  }
8648
+ .dark\:border-grey-800 {
8649
+ &:where([data-theme=dark], [data-theme=dark] *) {
8650
+ border-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
8651
+ }
8652
+ }
8512
8653
  .dark\:border-input {
8513
8654
  &:where([data-theme=dark], [data-theme=dark] *) {
8514
8655
  border-color: var(--input);
@@ -8687,6 +8828,11 @@
8687
8828
  background-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
8688
8829
  }
8689
8830
  }
8831
+ .dark\:bg-grey-950 {
8832
+ &:where([data-theme=dark], [data-theme=dark] *) {
8833
+ background-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
8834
+ }
8835
+ }
8690
8836
  .dark\:bg-input\/30 {
8691
8837
  &:where([data-theme=dark], [data-theme=dark] *) {
8692
8838
  background-color: var(--input);
@@ -8892,6 +9038,11 @@
8892
9038
  color: var(--color-gray-400);
8893
9039
  }
8894
9040
  }
9041
+ .dark\:text-gray-500 {
9042
+ &:where([data-theme=dark], [data-theme=dark] *) {
9043
+ color: var(--color-gray-500);
9044
+ }
9045
+ }
8895
9046
  .dark\:text-gray-600 {
8896
9047
  &:where([data-theme=dark], [data-theme=dark] *) {
8897
9048
  color: var(--color-gray-600);
@@ -8917,6 +9068,11 @@
8917
9068
  color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
8918
9069
  }
8919
9070
  }
9071
+ .dark\:text-grey-500 {
9072
+ &:where([data-theme=dark], [data-theme=dark] *) {
9073
+ color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
9074
+ }
9075
+ }
8920
9076
  .dark\:text-muted-foreground {
8921
9077
  &:where([data-theme=dark], [data-theme=dark] *) {
8922
9078
  color: var(--muted-foreground);
@@ -8974,6 +9130,11 @@
8974
9130
  --tw-ring-color: var(--color-gray-950);
8975
9131
  }
8976
9132
  }
9133
+ .dark\:ring-grey-800 {
9134
+ &:where([data-theme=dark], [data-theme=dark] *) {
9135
+ --tw-ring-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
9136
+ }
9137
+ }
8977
9138
  .dark\:ring-white\/10 {
8978
9139
  &:where([data-theme=dark], [data-theme=dark] *) {
8979
9140
  --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
@@ -9460,6 +9621,24 @@
9460
9621
  }
9461
9622
  }
9462
9623
  }
9624
+ .dark\:hover\:text-grey-200 {
9625
+ &:where([data-theme=dark], [data-theme=dark] *) {
9626
+ &:hover {
9627
+ @media (hover: hover) {
9628
+ color: oklch(0.9400701096450296 0 0);
9629
+ }
9630
+ }
9631
+ }
9632
+ }
9633
+ .dark\:hover\:text-grey-400 {
9634
+ &:where([data-theme=dark], [data-theme=dark] *) {
9635
+ &:hover {
9636
+ @media (hover: hover) {
9637
+ color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
9638
+ }
9639
+ }
9640
+ }
9641
+ }
9463
9642
  .dark\:hover\:text-slate-300 {
9464
9643
  &:where([data-theme=dark], [data-theme=dark] *) {
9465
9644
  &:hover {
@@ -9554,6 +9733,13 @@
9554
9733
  }
9555
9734
  }
9556
9735
  }
9736
+ .dark\:data-disabled\:bg-grey-800 {
9737
+ &:where([data-theme=dark], [data-theme=dark] *) {
9738
+ &[data-disabled] {
9739
+ background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
9740
+ }
9741
+ }
9742
+ }
9557
9743
  .dark\:data-disabled\:bg-white\/15 {
9558
9744
  &:where([data-theme=dark], [data-theme=dark] *) {
9559
9745
  &[data-disabled] {
@@ -9564,6 +9750,34 @@
9564
9750
  }
9565
9751
  }
9566
9752
  }
9753
+ .dark\:data-disabled\:text-grey-500 {
9754
+ &:where([data-theme=dark], [data-theme=dark] *) {
9755
+ &[data-disabled] {
9756
+ color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
9757
+ }
9758
+ }
9759
+ }
9760
+ .dark\:data-disabled\:text-grey-600 {
9761
+ &:where([data-theme=dark], [data-theme=dark] *) {
9762
+ &[data-disabled] {
9763
+ color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
9764
+ }
9765
+ }
9766
+ }
9767
+ .dark\:data-disabled\:text-grey-700 {
9768
+ &:where([data-theme=dark], [data-theme=dark] *) {
9769
+ &[data-disabled] {
9770
+ color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
9771
+ }
9772
+ }
9773
+ }
9774
+ .dark\:data-disabled\:ring-grey-700 {
9775
+ &:where([data-theme=dark], [data-theme=dark] *) {
9776
+ &[data-disabled] {
9777
+ --tw-ring-color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
9778
+ }
9779
+ }
9780
+ }
9567
9781
  .dark\:data-disabled\:data-checked\:bg-white\/15 {
9568
9782
  &:where([data-theme=dark], [data-theme=dark] *) {
9569
9783
  &[data-disabled] {
@@ -9697,6 +9911,13 @@
9697
9911
  }
9698
9912
  }
9699
9913
  }
9914
+ .dark\:data-\[state\=active\]\:border-accent-500 {
9915
+ &:where([data-theme=dark], [data-theme=dark] *) {
9916
+ &[data-state="active"] {
9917
+ border-color: oklch(0.7064193584802577 0.15026753878948967 15.45213465296721);
9918
+ }
9919
+ }
9920
+ }
9700
9921
  .dark\:data-\[state\=active\]\:border-input {
9701
9922
  &:where([data-theme=dark], [data-theme=dark] *) {
9702
9923
  &[data-state="active"] {
@@ -9704,6 +9925,13 @@
9704
9925
  }
9705
9926
  }
9706
9927
  }
9928
+ .dark\:data-\[state\=active\]\:bg-grey-950 {
9929
+ &:where([data-theme=dark], [data-theme=dark] *) {
9930
+ &[data-state="active"] {
9931
+ background-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
9932
+ }
9933
+ }
9934
+ }
9707
9935
  .dark\:data-\[state\=active\]\:bg-input\/30 {
9708
9936
  &:where([data-theme=dark], [data-theme=dark] *) {
9709
9937
  &[data-state="active"] {
@@ -9721,6 +9949,20 @@
9721
9949
  }
9722
9950
  }
9723
9951
  }
9952
+ .dark\:data-\[state\=active\]\:text-grey-50 {
9953
+ &:where([data-theme=dark], [data-theme=dark] *) {
9954
+ &[data-state="active"] {
9955
+ color: oklch(0.9850175274112574 0 0);
9956
+ }
9957
+ }
9958
+ }
9959
+ .dark\:data-\[state\=active\]\:text-grey-200 {
9960
+ &:where([data-theme=dark], [data-theme=dark] *) {
9961
+ &[data-state="active"] {
9962
+ color: oklch(0.9400701096450296 0 0);
9963
+ }
9964
+ }
9965
+ }
9724
9966
  .dark\:data-\[state\=checked\]\:bg-primary {
9725
9967
  &:where([data-theme=dark], [data-theme=dark] *) {
9726
9968
  &[data-state="checked"] {