@nswds/app 1.109.3 → 1.110.1
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 +99 -48
- package/dist/index.cjs +144 -118
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +12 -5
- package/dist/index.d.ts +12 -5
- package/dist/index.js +139 -113
- package/dist/index.js.map +1 -1
- package/dist/styles.css +120 -56
- package/dist/styles.css.map +1 -1
- package/package.json +3 -3
package/dist/globals.css
CHANGED
|
@@ -158,6 +158,7 @@
|
|
|
158
158
|
--color-grey-950: var(--nsw-grey-950);
|
|
159
159
|
--color-danger-350: var(--danger-350);
|
|
160
160
|
--color-danger-500: var(--danger-500);
|
|
161
|
+
--color-danger-600: var(--danger-600);
|
|
161
162
|
--color-border: var(--border);
|
|
162
163
|
}
|
|
163
164
|
}
|
|
@@ -2421,6 +2422,9 @@
|
|
|
2421
2422
|
.rounded-\[inherit\] {
|
|
2422
2423
|
border-radius: inherit;
|
|
2423
2424
|
}
|
|
2425
|
+
.rounded-\[var\(--nsw-border-radius\)\] {
|
|
2426
|
+
border-radius: var(--nsw-border-radius);
|
|
2427
|
+
}
|
|
2424
2428
|
.rounded-full {
|
|
2425
2429
|
border-radius: calc(infinity * 1px);
|
|
2426
2430
|
}
|
|
@@ -2466,9 +2470,9 @@
|
|
|
2466
2470
|
border-top-right-radius: var(--radius-sm);
|
|
2467
2471
|
border-bottom-right-radius: var(--radius-sm);
|
|
2468
2472
|
}
|
|
2469
|
-
|
|
2470
|
-
border-
|
|
2471
|
-
border-
|
|
2473
|
+
.\!border {
|
|
2474
|
+
border-style: var(--tw-border-style) !important;
|
|
2475
|
+
border-width: 1px !important;
|
|
2472
2476
|
}
|
|
2473
2477
|
.border {
|
|
2474
2478
|
border-style: var(--tw-border-style);
|
|
@@ -3189,6 +3193,9 @@
|
|
|
3189
3193
|
.fill-amber-500 {
|
|
3190
3194
|
fill: var(--color-amber-500);
|
|
3191
3195
|
}
|
|
3196
|
+
.fill-black {
|
|
3197
|
+
fill: var(--color-black);
|
|
3198
|
+
}
|
|
3192
3199
|
.fill-blue-500 {
|
|
3193
3200
|
fill: var(--color-blue-500);
|
|
3194
3201
|
}
|
|
@@ -3246,6 +3253,9 @@
|
|
|
3246
3253
|
.fill-violet-500 {
|
|
3247
3254
|
fill: var(--color-violet-500);
|
|
3248
3255
|
}
|
|
3256
|
+
.fill-white {
|
|
3257
|
+
fill: var(--color-white);
|
|
3258
|
+
}
|
|
3249
3259
|
.stroke-amber-500 {
|
|
3250
3260
|
stroke: var(--color-amber-500);
|
|
3251
3261
|
}
|
|
@@ -4044,6 +4054,9 @@
|
|
|
4044
4054
|
.text-\[\#888f92\] {
|
|
4045
4055
|
color: #888f92;
|
|
4046
4056
|
}
|
|
4057
|
+
.text-accent-700 {
|
|
4058
|
+
color: var(--color-accent-700);
|
|
4059
|
+
}
|
|
4047
4060
|
.text-accent-900 {
|
|
4048
4061
|
color: var(--color-accent-900);
|
|
4049
4062
|
}
|
|
@@ -4311,8 +4324,8 @@
|
|
|
4311
4324
|
--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));
|
|
4312
4325
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4313
4326
|
}
|
|
4314
|
-
.shadow-\(--nsw-card-
|
|
4315
|
-
--tw-shadow: var(--nsw-card-
|
|
4327
|
+
.shadow-\[-1px_0_0_0_var\(--nsw-card-border\)\,1px_0_0_0_var\(--nsw-card-border\)\,0_-1px_0_0_var\(--nsw-card-border\)\,0_4px_0_0_var\(--nsw-card-top-border-base\)\] {
|
|
4328
|
+
--tw-shadow: -1px 0 0 0 var(--tw-shadow-color, var(--nsw-card-border)), 1px 0 0 0 var(--tw-shadow-color, var(--nsw-card-border)), 0 -1px 0 0 var(--tw-shadow-color, var(--nsw-card-border)), 0 4px 0 0 var(--tw-shadow-color, var(--nsw-card-top-border-base));
|
|
4316
4329
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4317
4330
|
}
|
|
4318
4331
|
.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
|
|
@@ -4323,10 +4336,6 @@
|
|
|
4323
4336
|
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.28));
|
|
4324
4337
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4325
4338
|
}
|
|
4326
|
-
.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\)\] {
|
|
4327
|
-
--tw-shadow: inset 0 1px 0 var(--tw-shadow-color, var(--nsw-card-image-border)), inset 1px 0 0 var(--tw-shadow-color, var(--nsw-card-image-border)), inset -1px 0 0 var(--tw-shadow-color, var(--nsw-card-image-border));
|
|
4328
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4329
|
-
}
|
|
4330
4339
|
.shadow-lg {
|
|
4331
4340
|
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
4332
4341
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -4938,9 +4947,6 @@
|
|
|
4938
4947
|
.\[--nsw-card-border\:var\(--color-primary-800\)\] {
|
|
4939
4948
|
--nsw-card-border: var(--color-primary-800);
|
|
4940
4949
|
}
|
|
4941
|
-
.\[--nsw-card-image-border\:var\(--color-grey-200\)\] {
|
|
4942
|
-
--nsw-card-image-border: var(--color-grey-200);
|
|
4943
|
-
}
|
|
4944
4950
|
.\[--nsw-card-text\:grey-800\] {
|
|
4945
4951
|
--nsw-card-text: grey-800;
|
|
4946
4952
|
}
|
|
@@ -5324,6 +5330,14 @@
|
|
|
5324
5330
|
}
|
|
5325
5331
|
}
|
|
5326
5332
|
}
|
|
5333
|
+
.group-hover\:shadow-\[-1px_0_0_0_var\(--nsw-card-border\)\,1px_0_0_0_var\(--nsw-card-border\)\,0_-1px_0_0_var\(--nsw-card-border\)\,0_4px_0_0_var\(--nsw-card-top-border-hover\)\] {
|
|
5334
|
+
&:is(:where(.group):hover *) {
|
|
5335
|
+
@media (hover: hover) {
|
|
5336
|
+
--tw-shadow: -1px 0 0 0 var(--tw-shadow-color, var(--nsw-card-border)), 1px 0 0 0 var(--tw-shadow-color, var(--nsw-card-border)), 0 -1px 0 0 var(--tw-shadow-color, var(--nsw-card-border)), 0 4px 0 0 var(--tw-shadow-color, var(--nsw-card-top-border-hover));
|
|
5337
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5338
|
+
}
|
|
5339
|
+
}
|
|
5340
|
+
}
|
|
5327
5341
|
.group-hover\/menu-item\:opacity-100 {
|
|
5328
5342
|
&:is(:where(.group\/menu-item):hover *) {
|
|
5329
5343
|
@media (hover: hover) {
|
|
@@ -5652,26 +5666,6 @@
|
|
|
5652
5666
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
5653
5667
|
}
|
|
5654
5668
|
}
|
|
5655
|
-
.group-data-\[variant\=highlight\]\:border-b-4 {
|
|
5656
|
-
&:is(:where(.group)[data-variant="highlight"] *) {
|
|
5657
|
-
border-bottom-style: var(--tw-border-style);
|
|
5658
|
-
border-bottom-width: 4px;
|
|
5659
|
-
}
|
|
5660
|
-
}
|
|
5661
|
-
.group-data-\[variant\=highlight\]\:border-b-\[var\(--nsw-card-top-border-base\)\] {
|
|
5662
|
-
&:is(:where(.group)[data-variant="highlight"] *) {
|
|
5663
|
-
border-bottom-color: var(--nsw-card-top-border-base);
|
|
5664
|
-
}
|
|
5665
|
-
}
|
|
5666
|
-
.group-data-\[variant\=highlight\]\:group-hover\:border-b-\[var\(--nsw-card-top-border-hover\)\] {
|
|
5667
|
-
&:is(:where(.group)[data-variant="highlight"] *) {
|
|
5668
|
-
&:is(:where(.group):hover *) {
|
|
5669
|
-
@media (hover: hover) {
|
|
5670
|
-
border-bottom-color: var(--nsw-card-top-border-hover);
|
|
5671
|
-
}
|
|
5672
|
-
}
|
|
5673
|
-
}
|
|
5674
|
-
}
|
|
5675
5669
|
.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
|
|
5676
5670
|
&:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
|
|
5677
5671
|
display: block;
|
|
@@ -6131,12 +6125,24 @@
|
|
|
6131
6125
|
inset: calc(var(--spacing) * 0);
|
|
6132
6126
|
}
|
|
6133
6127
|
}
|
|
6128
|
+
.after\:inset-x-0 {
|
|
6129
|
+
&::after {
|
|
6130
|
+
content: var(--tw-content);
|
|
6131
|
+
inset-inline: calc(var(--spacing) * 0);
|
|
6132
|
+
}
|
|
6133
|
+
}
|
|
6134
6134
|
.after\:inset-y-0 {
|
|
6135
6135
|
&::after {
|
|
6136
6136
|
content: var(--tw-content);
|
|
6137
6137
|
inset-block: calc(var(--spacing) * 0);
|
|
6138
6138
|
}
|
|
6139
6139
|
}
|
|
6140
|
+
.after\:bottom-0 {
|
|
6141
|
+
&::after {
|
|
6142
|
+
content: var(--tw-content);
|
|
6143
|
+
bottom: calc(var(--spacing) * 0);
|
|
6144
|
+
}
|
|
6145
|
+
}
|
|
6140
6146
|
.after\:left-1\/2 {
|
|
6141
6147
|
&::after {
|
|
6142
6148
|
content: var(--tw-content);
|
|
@@ -6161,6 +6167,12 @@
|
|
|
6161
6167
|
display: table;
|
|
6162
6168
|
}
|
|
6163
6169
|
}
|
|
6170
|
+
.after\:h-1 {
|
|
6171
|
+
&::after {
|
|
6172
|
+
content: var(--tw-content);
|
|
6173
|
+
height: calc(var(--spacing) * 1);
|
|
6174
|
+
}
|
|
6175
|
+
}
|
|
6164
6176
|
.after\:w-1 {
|
|
6165
6177
|
&::after {
|
|
6166
6178
|
content: var(--tw-content);
|
|
@@ -6186,12 +6198,38 @@
|
|
|
6186
6198
|
border-radius: calc(var(--radius-sm) - 1px);
|
|
6187
6199
|
}
|
|
6188
6200
|
}
|
|
6201
|
+
.after\:rounded-\[var\(--nsw-border-radius\)\] {
|
|
6202
|
+
&::after {
|
|
6203
|
+
content: var(--tw-content);
|
|
6204
|
+
border-radius: var(--nsw-border-radius);
|
|
6205
|
+
}
|
|
6206
|
+
}
|
|
6189
6207
|
.after\:rounded-sm {
|
|
6190
6208
|
&::after {
|
|
6191
6209
|
content: var(--tw-content);
|
|
6192
6210
|
border-radius: var(--radius-sm);
|
|
6193
6211
|
}
|
|
6194
6212
|
}
|
|
6213
|
+
.after\:rounded-b-none {
|
|
6214
|
+
&::after {
|
|
6215
|
+
content: var(--tw-content);
|
|
6216
|
+
border-bottom-right-radius: 0;
|
|
6217
|
+
border-bottom-left-radius: 0;
|
|
6218
|
+
}
|
|
6219
|
+
}
|
|
6220
|
+
.after\:bg-\[var\(--nsw-card-top-border-base\)\] {
|
|
6221
|
+
&::after {
|
|
6222
|
+
content: var(--tw-content);
|
|
6223
|
+
background-color: var(--nsw-card-top-border-base);
|
|
6224
|
+
}
|
|
6225
|
+
}
|
|
6226
|
+
.after\:shadow-\[inset_0_1px_0_var\(--nsw-card-border\)\,inset_1px_0_0_var\(--nsw-card-border\)\,inset_-1px_0_0_var\(--nsw-card-border\)\] {
|
|
6227
|
+
&::after {
|
|
6228
|
+
content: var(--tw-content);
|
|
6229
|
+
--tw-shadow: inset 0 1px 0 var(--tw-shadow-color, var(--nsw-card-border)), inset 1px 0 0 var(--tw-shadow-color, var(--nsw-card-border)), inset -1px 0 0 var(--tw-shadow-color, var(--nsw-card-border));
|
|
6230
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
6231
|
+
}
|
|
6232
|
+
}
|
|
6195
6233
|
.after\:ring-transparent {
|
|
6196
6234
|
&::after {
|
|
6197
6235
|
content: var(--tw-content);
|
|
@@ -6211,6 +6249,12 @@
|
|
|
6211
6249
|
content: var(--tw-content);
|
|
6212
6250
|
}
|
|
6213
6251
|
}
|
|
6252
|
+
.after\:content-\[\'\'\] {
|
|
6253
|
+
&::after {
|
|
6254
|
+
--tw-content: '';
|
|
6255
|
+
content: var(--tw-content);
|
|
6256
|
+
}
|
|
6257
|
+
}
|
|
6214
6258
|
.after\:content-\[\\\"\\\"\] {
|
|
6215
6259
|
&::after {
|
|
6216
6260
|
--tw-content: \"\";
|
|
@@ -6224,6 +6268,16 @@
|
|
|
6224
6268
|
content: none;
|
|
6225
6269
|
}
|
|
6226
6270
|
}
|
|
6271
|
+
.group-hover\:after\:bg-\[var\(--nsw-card-top-border-hover\)\] {
|
|
6272
|
+
&:is(:where(.group):hover *) {
|
|
6273
|
+
@media (hover: hover) {
|
|
6274
|
+
&::after {
|
|
6275
|
+
content: var(--tw-content);
|
|
6276
|
+
background-color: var(--nsw-card-top-border-hover);
|
|
6277
|
+
}
|
|
6278
|
+
}
|
|
6279
|
+
}
|
|
6280
|
+
}
|
|
6227
6281
|
.group-data-active\:after\:bg-\(--badge-hover-overlay\) {
|
|
6228
6282
|
&:is(:where(.group)[data-active] *) {
|
|
6229
6283
|
&::after {
|
|
@@ -7644,12 +7698,12 @@
|
|
|
7644
7698
|
}
|
|
7645
7699
|
}
|
|
7646
7700
|
}
|
|
7647
|
-
.data-\[has-image\=false\]\:after\:rounded-t
|
|
7701
|
+
.data-\[has-image\=false\]\:after\:rounded-t-\[inherit\] {
|
|
7648
7702
|
&[data-has-image="false"] {
|
|
7649
7703
|
&::after {
|
|
7650
7704
|
content: var(--tw-content);
|
|
7651
|
-
border-top-left-radius:
|
|
7652
|
-
border-top-right-radius:
|
|
7705
|
+
border-top-left-radius: inherit;
|
|
7706
|
+
border-top-right-radius: inherit;
|
|
7653
7707
|
}
|
|
7654
7708
|
}
|
|
7655
7709
|
}
|
|
@@ -10390,6 +10444,11 @@
|
|
|
10390
10444
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
10391
10445
|
}
|
|
10392
10446
|
}
|
|
10447
|
+
.xl\:grid-cols-4 {
|
|
10448
|
+
@media (width >= 80rem) {
|
|
10449
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
10450
|
+
}
|
|
10451
|
+
}
|
|
10393
10452
|
.xl\:grid-cols-5 {
|
|
10394
10453
|
@media (width >= 80rem) {
|
|
10395
10454
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
@@ -11135,6 +11194,11 @@
|
|
|
11135
11194
|
}
|
|
11136
11195
|
}
|
|
11137
11196
|
}
|
|
11197
|
+
.dark\:text-accent-200 {
|
|
11198
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
11199
|
+
color: var(--color-accent-200);
|
|
11200
|
+
}
|
|
11201
|
+
}
|
|
11138
11202
|
.dark\:text-danger-200 {
|
|
11139
11203
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
11140
11204
|
color: var(--danger-200);
|
|
@@ -11306,14 +11370,6 @@
|
|
|
11306
11370
|
}
|
|
11307
11371
|
}
|
|
11308
11372
|
}
|
|
11309
|
-
.dark\:inset-ring-white\/10 {
|
|
11310
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
11311
|
-
--tw-inset-ring-color: color-mix(in srgb, #fff 10%, transparent);
|
|
11312
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
11313
|
-
--tw-inset-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
|
|
11314
|
-
}
|
|
11315
|
-
}
|
|
11316
|
-
}
|
|
11317
11373
|
.dark\:outline-primary-500 {
|
|
11318
11374
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
11319
11375
|
outline-color: var(--color-primary-500);
|
|
@@ -11656,11 +11712,6 @@
|
|
|
11656
11712
|
--nsw-card-border: var(--color-primary-600);
|
|
11657
11713
|
}
|
|
11658
11714
|
}
|
|
11659
|
-
.dark\:\[--nsw-card-image-border\:var\(--color-grey-700\)\] {
|
|
11660
|
-
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
11661
|
-
--nsw-card-image-border: var(--color-grey-700);
|
|
11662
|
-
}
|
|
11663
|
-
}
|
|
11664
11715
|
.dark\:\[--nsw-card-text\:var\(--color-grey-100\)\] {
|
|
11665
11716
|
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
11666
11717
|
--nsw-card-text: var(--color-grey-100);
|