@nswds/app 1.93.0 → 1.95.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 CHANGED
@@ -2470,12 +2470,6 @@
2470
2470
  border-color: color-mix(in oklab, var(--color-grey-950) 5%, transparent);
2471
2471
  }
2472
2472
  }
2473
- .border-grey-950\/10 {
2474
- border-color: var(--color-grey-950);
2475
- @supports (color: color-mix(in lab, red, red)) {
2476
- border-color: color-mix(in oklab, var(--color-grey-950) 10%, transparent);
2477
- }
2478
- }
2479
2473
  .border-inherit {
2480
2474
  border-color: inherit;
2481
2475
  }
@@ -2674,15 +2668,6 @@
2674
2668
  .bg-grey-800 {
2675
2669
  background-color: var(--color-grey-800);
2676
2670
  }
2677
- .bg-grey-950 {
2678
- background-color: var(--color-grey-950);
2679
- }
2680
- .bg-grey-950\/\[2\.5\%\] {
2681
- background-color: var(--color-grey-950);
2682
- @supports (color: color-mix(in lab, red, red)) {
2683
- background-color: color-mix(in oklab, var(--color-grey-950) 2.5%, transparent);
2684
- }
2685
- }
2686
2671
  .bg-lime-500 {
2687
2672
  background-color: var(--color-lime-500);
2688
2673
  }
@@ -2995,9 +2980,6 @@
2995
2980
  .px-0 {
2996
2981
  padding-inline: calc(var(--spacing) * 0);
2997
2982
  }
2998
- .px-0\.5 {
2999
- padding-inline: calc(var(--spacing) * 0.5);
3000
- }
3001
2983
  .px-1 {
3002
2984
  padding-inline: calc(var(--spacing) * 1);
3003
2985
  }
@@ -9506,11 +9488,6 @@
9506
9488
  border-color: var(--color-gray-800);
9507
9489
  }
9508
9490
  }
9509
- .dark\:border-grey-50 {
9510
- &:where([data-theme=dark], [data-theme=dark] *) {
9511
- border-color: var(--color-grey-50);
9512
- }
9513
- }
9514
9491
  .dark\:border-grey-200\/15 {
9515
9492
  &:where([data-theme=dark], [data-theme=dark] *) {
9516
9493
  border-color: var(--color-grey-200);
@@ -9588,14 +9565,6 @@
9588
9565
  }
9589
9566
  }
9590
9567
  }
9591
- .dark\:border-white\/20 {
9592
- &:where([data-theme=dark], [data-theme=dark] *) {
9593
- border-color: color-mix(in srgb, #fff 20%, transparent);
9594
- @supports (color: color-mix(in lab, red, red)) {
9595
- border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
9596
- }
9597
- }
9598
- }
9599
9568
  .dark\:bg-\(--badge-bg\) {
9600
9569
  &:where([data-theme=dark], [data-theme=dark] *) {
9601
9570
  background-color: var(--badge-bg);
@@ -10005,6 +9974,11 @@
10005
9974
  color: var(--color-grey-200);
10006
9975
  }
10007
9976
  }
9977
+ .dark\:text-grey-300 {
9978
+ &:where([data-theme=dark], [data-theme=dark] *) {
9979
+ color: var(--color-grey-300);
9980
+ }
9981
+ }
10008
9982
  .dark\:text-grey-400 {
10009
9983
  &:where([data-theme=dark], [data-theme=dark] *) {
10010
9984
  color: var(--color-grey-400);
@@ -10158,16 +10132,39 @@
10158
10132
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders) !important;
10159
10133
  }
10160
10134
  }
10135
+ .dark\:\[--badge-bg\:var\(--color-accent-500\)\] {
10136
+ &:where([data-theme=dark], [data-theme=dark] *) {
10137
+ --badge-bg: var(--color-accent-500);
10138
+ }
10139
+ }
10161
10140
  .dark\:\[--badge-bg\:var\(--color-grey-600\)\] {
10162
10141
  &:where([data-theme=dark], [data-theme=dark] *) {
10163
10142
  --badge-bg: var(--color-grey-600);
10164
10143
  }
10165
10144
  }
10145
+ .dark\:\[--badge-bg\:var\(--color-primary-400\)\] {
10146
+ &:where([data-theme=dark], [data-theme=dark] *) {
10147
+ --badge-bg: var(--color-primary-400);
10148
+ }
10149
+ }
10150
+ .dark\:\[--badge-bg\:var\(--color-primary-500\)\] {
10151
+ &:where([data-theme=dark], [data-theme=dark] *) {
10152
+ --badge-bg: var(--color-primary-500);
10153
+ }
10154
+ }
10166
10155
  .dark\:\[--badge-bg\:var\(--color-white\)\] {
10167
10156
  &:where([data-theme=dark], [data-theme=dark] *) {
10168
10157
  --badge-bg: var(--color-white);
10169
10158
  }
10170
10159
  }
10160
+ .dark\:\[--badge-border\:var\(--color-accent-500\)\]\/90 {
10161
+ &:where([data-theme=dark], [data-theme=dark] *) {
10162
+ --badge-border: var(--color-accent-500);
10163
+ @supports (color: color-mix(in lab, red, red)) {
10164
+ --badge-border: color-mix(in oklab, var(--color-accent-500) 90%, transparent);
10165
+ }
10166
+ }
10167
+ }
10171
10168
  .dark\:\[--badge-border\:var\(--color-grey-600\)\]\/90 {
10172
10169
  &:where([data-theme=dark], [data-theme=dark] *) {
10173
10170
  --badge-border: var(--color-grey-600);
@@ -10176,6 +10173,22 @@
10176
10173
  }
10177
10174
  }
10178
10175
  }
10176
+ .dark\:\[--badge-border\:var\(--color-primary-400\)\]\/90 {
10177
+ &:where([data-theme=dark], [data-theme=dark] *) {
10178
+ --badge-border: var(--color-primary-400);
10179
+ @supports (color: color-mix(in lab, red, red)) {
10180
+ --badge-border: color-mix(in oklab, var(--color-primary-400) 90%, transparent);
10181
+ }
10182
+ }
10183
+ }
10184
+ .dark\:\[--badge-border\:var\(--color-primary-500\)\]\/90 {
10185
+ &:where([data-theme=dark], [data-theme=dark] *) {
10186
+ --badge-border: var(--color-primary-500);
10187
+ @supports (color: color-mix(in lab, red, red)) {
10188
+ --badge-border: color-mix(in oklab, var(--color-primary-500) 90%, transparent);
10189
+ }
10190
+ }
10191
+ }
10179
10192
  .dark\:\[--badge-border\:var\(--color-white\)\]\/90 {
10180
10193
  &:where([data-theme=dark], [data-theme=dark] *) {
10181
10194
  --badge-border: color-mix(in srgb, #fff 90%, transparent);
@@ -10184,6 +10197,14 @@
10184
10197
  }
10185
10198
  }
10186
10199
  }
10200
+ .dark\:\[--badge-hover-overlay\:var\(--color-accent-500\)\]\/30 {
10201
+ &:where([data-theme=dark], [data-theme=dark] *) {
10202
+ --badge-hover-overlay: var(--color-accent-500);
10203
+ @supports (color: color-mix(in lab, red, red)) {
10204
+ --badge-hover-overlay: color-mix(in oklab, var(--color-accent-500) 30%, transparent);
10205
+ }
10206
+ }
10207
+ }
10187
10208
  .dark\:\[--badge-hover-overlay\:var\(--color-grey-200\)\]\/20 {
10188
10209
  &:where([data-theme=dark], [data-theme=dark] *) {
10189
10210
  --badge-hover-overlay: var(--color-grey-200);
@@ -10192,6 +10213,22 @@
10192
10213
  }
10193
10214
  }
10194
10215
  }
10216
+ .dark\:\[--badge-hover-overlay\:var\(--color-primary-400\)\]\/30 {
10217
+ &:where([data-theme=dark], [data-theme=dark] *) {
10218
+ --badge-hover-overlay: var(--color-primary-400);
10219
+ @supports (color: color-mix(in lab, red, red)) {
10220
+ --badge-hover-overlay: color-mix(in oklab, var(--color-primary-400) 30%, transparent);
10221
+ }
10222
+ }
10223
+ }
10224
+ .dark\:\[--badge-hover-overlay\:var\(--color-primary-500\)\]\/30 {
10225
+ &:where([data-theme=dark], [data-theme=dark] *) {
10226
+ --badge-hover-overlay: var(--color-primary-500);
10227
+ @supports (color: color-mix(in lab, red, red)) {
10228
+ --badge-hover-overlay: color-mix(in oklab, var(--color-primary-500) 30%, transparent);
10229
+ }
10230
+ }
10231
+ }
10195
10232
  .dark\:\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/50 {
10196
10233
  &:where([data-theme=dark], [data-theme=dark] *) {
10197
10234
  --badge-hover-overlay: var(--color-primary-800);
@@ -10210,16 +10247,44 @@
10210
10247
  --badge-text: var(--color-white);
10211
10248
  }
10212
10249
  }
10250
+ .dark\:\[--badge-text\:white\] {
10251
+ &:where([data-theme=dark], [data-theme=dark] *) {
10252
+ --badge-text: white;
10253
+ }
10254
+ }
10255
+ .dark\:\[--btn-bg\:var\(--color-accent-500\)\] {
10256
+ &:where([data-theme=dark], [data-theme=dark] *) {
10257
+ --btn-bg: var(--color-accent-500);
10258
+ }
10259
+ }
10213
10260
  .dark\:\[--btn-bg\:var\(--color-grey-600\)\] {
10214
10261
  &:where([data-theme=dark], [data-theme=dark] *) {
10215
10262
  --btn-bg: var(--color-grey-600);
10216
10263
  }
10217
10264
  }
10265
+ .dark\:\[--btn-bg\:var\(--color-primary-400\)\] {
10266
+ &:where([data-theme=dark], [data-theme=dark] *) {
10267
+ --btn-bg: var(--color-primary-400);
10268
+ }
10269
+ }
10270
+ .dark\:\[--btn-bg\:var\(--color-primary-500\)\] {
10271
+ &:where([data-theme=dark], [data-theme=dark] *) {
10272
+ --btn-bg: var(--color-primary-500);
10273
+ }
10274
+ }
10218
10275
  .dark\:\[--btn-bg\:var\(--color-white\)\] {
10219
10276
  &:where([data-theme=dark], [data-theme=dark] *) {
10220
10277
  --btn-bg: var(--color-white);
10221
10278
  }
10222
10279
  }
10280
+ .dark\:\[--btn-border\:var\(--color-accent-500\)\]\/90 {
10281
+ &:where([data-theme=dark], [data-theme=dark] *) {
10282
+ --btn-border: var(--color-accent-500);
10283
+ @supports (color: color-mix(in lab, red, red)) {
10284
+ --btn-border: color-mix(in oklab, var(--color-accent-500) 90%, transparent);
10285
+ }
10286
+ }
10287
+ }
10223
10288
  .dark\:\[--btn-border\:var\(--color-grey-600\)\]\/90 {
10224
10289
  &:where([data-theme=dark], [data-theme=dark] *) {
10225
10290
  --btn-border: var(--color-grey-600);
@@ -10228,6 +10293,22 @@
10228
10293
  }
10229
10294
  }
10230
10295
  }
10296
+ .dark\:\[--btn-border\:var\(--color-primary-400\)\]\/90 {
10297
+ &:where([data-theme=dark], [data-theme=dark] *) {
10298
+ --btn-border: var(--color-primary-400);
10299
+ @supports (color: color-mix(in lab, red, red)) {
10300
+ --btn-border: color-mix(in oklab, var(--color-primary-400) 90%, transparent);
10301
+ }
10302
+ }
10303
+ }
10304
+ .dark\:\[--btn-border\:var\(--color-primary-500\)\]\/90 {
10305
+ &:where([data-theme=dark], [data-theme=dark] *) {
10306
+ --btn-border: var(--color-primary-500);
10307
+ @supports (color: color-mix(in lab, red, red)) {
10308
+ --btn-border: color-mix(in oklab, var(--color-primary-500) 90%, transparent);
10309
+ }
10310
+ }
10311
+ }
10231
10312
  .dark\:\[--btn-border\:var\(--color-white\)\]\/90 {
10232
10313
  &:where([data-theme=dark], [data-theme=dark] *) {
10233
10314
  --btn-border: color-mix(in srgb, #fff 90%, transparent);
@@ -10236,6 +10317,14 @@
10236
10317
  }
10237
10318
  }
10238
10319
  }
10320
+ .dark\:\[--btn-hover-overlay\:var\(--color-accent-500\)\]\/30 {
10321
+ &:where([data-theme=dark], [data-theme=dark] *) {
10322
+ --btn-hover-overlay: var(--color-accent-500);
10323
+ @supports (color: color-mix(in lab, red, red)) {
10324
+ --btn-hover-overlay: color-mix(in oklab, var(--color-accent-500) 30%, transparent);
10325
+ }
10326
+ }
10327
+ }
10239
10328
  .dark\:\[--btn-hover-overlay\:var\(--color-grey-600\)\]\/50 {
10240
10329
  &:where([data-theme=dark], [data-theme=dark] *) {
10241
10330
  --btn-hover-overlay: var(--color-grey-600);
@@ -10244,19 +10333,27 @@
10244
10333
  }
10245
10334
  }
10246
10335
  }
10247
- .dark\:\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/50 {
10336
+ .dark\:\[--btn-hover-overlay\:var\(--color-primary-400\)\]\/30 {
10248
10337
  &:where([data-theme=dark], [data-theme=dark] *) {
10249
- --btn-hover-overlay: var(--color-primary-800);
10338
+ --btn-hover-overlay: var(--color-primary-400);
10250
10339
  @supports (color: color-mix(in lab, red, red)) {
10251
- --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
10340
+ --btn-hover-overlay: color-mix(in oklab, var(--color-primary-400) 30%, transparent);
10252
10341
  }
10253
10342
  }
10254
10343
  }
10255
- .dark\:\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
10344
+ .dark\:\[--btn-hover-overlay\:var\(--color-primary-500\)\]\/30 {
10256
10345
  &:where([data-theme=dark], [data-theme=dark] *) {
10257
- --btn-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
10346
+ --btn-hover-overlay: var(--color-primary-500);
10258
10347
  @supports (color: color-mix(in lab, red, red)) {
10259
- --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
10348
+ --btn-hover-overlay: color-mix(in oklab, var(--color-primary-500) 30%, transparent);
10349
+ }
10350
+ }
10351
+ }
10352
+ .dark\:\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/50 {
10353
+ &:where([data-theme=dark], [data-theme=dark] *) {
10354
+ --btn-hover-overlay: var(--color-primary-800);
10355
+ @supports (color: color-mix(in lab, red, red)) {
10356
+ --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
10260
10357
  }
10261
10358
  }
10262
10359
  }
@@ -10298,6 +10395,91 @@
10298
10395
  --focus-outline: var(--color-white);
10299
10396
  }
10300
10397
  }
10398
+ .dark\:\[--nsw-card-bg\:var\(--color-grey-850\)\] {
10399
+ &:where([data-theme=dark], [data-theme=dark] *) {
10400
+ --nsw-card-bg: var(--color-grey-850);
10401
+ }
10402
+ }
10403
+ .dark\:\[--nsw-card-bg\:var\(--color-primary-400\)\] {
10404
+ &:where([data-theme=dark], [data-theme=dark] *) {
10405
+ --nsw-card-bg: var(--color-primary-400);
10406
+ }
10407
+ }
10408
+ .dark\:\[--nsw-card-bg\:var\(--color-primary-500\)\] {
10409
+ &:where([data-theme=dark], [data-theme=dark] *) {
10410
+ --nsw-card-bg: var(--color-primary-500);
10411
+ }
10412
+ }
10413
+ .dark\:\[--nsw-card-bg\:var\(--color-primary-600\)\] {
10414
+ &:where([data-theme=dark], [data-theme=dark] *) {
10415
+ --nsw-card-bg: var(--color-primary-600);
10416
+ }
10417
+ }
10418
+ .dark\:\[--nsw-card-border\:var\(--color-grey-700\)\] {
10419
+ &:where([data-theme=dark], [data-theme=dark] *) {
10420
+ --nsw-card-border: var(--color-grey-700);
10421
+ }
10422
+ }
10423
+ .dark\:\[--nsw-card-border\:var\(--color-primary-400\)\] {
10424
+ &:where([data-theme=dark], [data-theme=dark] *) {
10425
+ --nsw-card-border: var(--color-primary-400);
10426
+ }
10427
+ }
10428
+ .dark\:\[--nsw-card-border\:var\(--color-primary-500\)\] {
10429
+ &:where([data-theme=dark], [data-theme=dark] *) {
10430
+ --nsw-card-border: var(--color-primary-500);
10431
+ }
10432
+ }
10433
+ .dark\:\[--nsw-card-border\:var\(--color-primary-600\)\] {
10434
+ &:where([data-theme=dark], [data-theme=dark] *) {
10435
+ --nsw-card-border: var(--color-primary-600);
10436
+ }
10437
+ }
10438
+ .dark\:\[--nsw-card-image-border\:var\(--color-grey-700\)\] {
10439
+ &:where([data-theme=dark], [data-theme=dark] *) {
10440
+ --nsw-card-image-border: var(--color-grey-700);
10441
+ }
10442
+ }
10443
+ .dark\:\[--nsw-card-text\:var\(--color-grey-100\)\] {
10444
+ &:where([data-theme=dark], [data-theme=dark] *) {
10445
+ --nsw-card-text: var(--color-grey-100);
10446
+ }
10447
+ }
10448
+ .dark\:\[--nsw-card-text\:white\] {
10449
+ &:where([data-theme=dark], [data-theme=dark] *) {
10450
+ --nsw-card-text: white;
10451
+ }
10452
+ }
10453
+ .dark\:\[--nsw-card-top-border-base\:var\(--color-grey-700\)\] {
10454
+ &:where([data-theme=dark], [data-theme=dark] *) {
10455
+ --nsw-card-top-border-base: var(--color-grey-700);
10456
+ }
10457
+ }
10458
+ .dark\:\[--nsw-card-top-border-base\:var\(--color-primary-400\)\] {
10459
+ &:where([data-theme=dark], [data-theme=dark] *) {
10460
+ --nsw-card-top-border-base: var(--color-primary-400);
10461
+ }
10462
+ }
10463
+ .dark\:\[--nsw-card-top-border-base\:var\(--color-primary-500\)\] {
10464
+ &:where([data-theme=dark], [data-theme=dark] *) {
10465
+ --nsw-card-top-border-base: var(--color-primary-500);
10466
+ }
10467
+ }
10468
+ .dark\:\[--nsw-card-top-border-base\:var\(--color-primary-600\)\] {
10469
+ &:where([data-theme=dark], [data-theme=dark] *) {
10470
+ --nsw-card-top-border-base: var(--color-primary-600);
10471
+ }
10472
+ }
10473
+ .dark\:\[--nsw-card-top-border-hover\:var\(--color-grey-700\)\] {
10474
+ &:where([data-theme=dark], [data-theme=dark] *) {
10475
+ --nsw-card-top-border-hover: var(--color-grey-700);
10476
+ }
10477
+ }
10478
+ .dark\:\[--nsw-card-top-border-hover\:var\(--color-primary-600\)\] {
10479
+ &:where([data-theme=dark], [data-theme=dark] *) {
10480
+ --nsw-card-top-border-hover: var(--color-primary-600);
10481
+ }
10482
+ }
10301
10483
  .dark\:\[--switch-bg-ring\:transparent\] {
10302
10484
  &:where([data-theme=dark], [data-theme=dark] *) {
10303
10485
  --switch-bg-ring: transparent;
@@ -10435,6 +10617,24 @@
10435
10617
  }
10436
10618
  }
10437
10619
  }
10620
+ .dark\:group-hover\:group-data-\[color\=primary\]\:text-grey-100 {
10621
+ &:where([data-theme=dark], [data-theme=dark] *) {
10622
+ &:is(:where(.group):hover *) {
10623
+ @media (hover: hover) {
10624
+ &:is(:where(.group)[data-color="primary"] *) {
10625
+ color: var(--color-grey-100);
10626
+ }
10627
+ }
10628
+ }
10629
+ }
10630
+ }
10631
+ .dark\:group-data-\[color\=secondary\]\:text-white {
10632
+ &:where([data-theme=dark], [data-theme=dark] *) {
10633
+ &:is(:where(.group)[data-color="secondary"] *) {
10634
+ color: var(--color-white);
10635
+ }
10636
+ }
10637
+ }
10438
10638
  .dark\:group-data-\[disabled\=true\]\:text-grey-400 {
10439
10639
  &:where([data-theme=dark], [data-theme=dark] *) {
10440
10640
  &:is(:where(.group)[data-disabled="true"] *) {
@@ -10449,6 +10649,13 @@
10449
10649
  }
10450
10650
  }
10451
10651
  }
10652
+ .dark\:placeholder\:text-grey-300 {
10653
+ &:where([data-theme=dark], [data-theme=dark] *) {
10654
+ &::placeholder {
10655
+ color: var(--color-grey-300);
10656
+ }
10657
+ }
10658
+ }
10452
10659
  .dark\:before\:hidden {
10453
10660
  &:where([data-theme=dark], [data-theme=dark] *) {
10454
10661
  &::before {
@@ -10687,6 +10894,60 @@
10687
10894
  }
10688
10895
  }
10689
10896
  }
10897
+ .dark\:hover\:\[--nsw-card-bg\:var\(--color-grey-850\)\] {
10898
+ &:where([data-theme=dark], [data-theme=dark] *) {
10899
+ &:hover {
10900
+ @media (hover: hover) {
10901
+ --nsw-card-bg: var(--color-grey-850);
10902
+ }
10903
+ }
10904
+ }
10905
+ }
10906
+ .dark\:hover\:\[--nsw-card-bg\:var\(--color-primary-600\)\] {
10907
+ &:where([data-theme=dark], [data-theme=dark] *) {
10908
+ &:hover {
10909
+ @media (hover: hover) {
10910
+ --nsw-card-bg: var(--color-primary-600);
10911
+ }
10912
+ }
10913
+ }
10914
+ }
10915
+ .dark\:hover\:\[--nsw-card-border\:var\(--color-grey-700\)\] {
10916
+ &:where([data-theme=dark], [data-theme=dark] *) {
10917
+ &:hover {
10918
+ @media (hover: hover) {
10919
+ --nsw-card-border: var(--color-grey-700);
10920
+ }
10921
+ }
10922
+ }
10923
+ }
10924
+ .dark\:hover\:\[--nsw-card-border\:var\(--color-primary-600\)\] {
10925
+ &:where([data-theme=dark], [data-theme=dark] *) {
10926
+ &:hover {
10927
+ @media (hover: hover) {
10928
+ --nsw-card-border: var(--color-primary-600);
10929
+ }
10930
+ }
10931
+ }
10932
+ }
10933
+ .dark\:hover\:\[--nsw-card-text\:var\(--color-grey-100\)\] {
10934
+ &:where([data-theme=dark], [data-theme=dark] *) {
10935
+ &:hover {
10936
+ @media (hover: hover) {
10937
+ --nsw-card-text: var(--color-grey-100);
10938
+ }
10939
+ }
10940
+ }
10941
+ }
10942
+ .dark\:hover\:\[--nsw-card-text\:white\] {
10943
+ &:where([data-theme=dark], [data-theme=dark] *) {
10944
+ &:hover {
10945
+ @media (hover: hover) {
10946
+ --nsw-card-text: white;
10947
+ }
10948
+ }
10949
+ }
10950
+ }
10690
10951
  .dark\:hover\:\[--toggle-border\:white\]\/50 {
10691
10952
  &:where([data-theme=dark], [data-theme=dark] *) {
10692
10953
  &:hover {
@@ -10703,6 +10964,23 @@
10703
10964
  }
10704
10965
  }
10705
10966
  }
10967
+ .dark\:focus\:bg-primary-200\/10 {
10968
+ &:where([data-theme=dark], [data-theme=dark] *) {
10969
+ &:focus {
10970
+ background-color: var(--color-primary-200);
10971
+ @supports (color: color-mix(in lab, red, red)) {
10972
+ background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
10973
+ }
10974
+ }
10975
+ }
10976
+ }
10977
+ .dark\:focus\:text-primary-200 {
10978
+ &:where([data-theme=dark], [data-theme=dark] *) {
10979
+ &:focus {
10980
+ color: var(--color-primary-200);
10981
+ }
10982
+ }
10983
+ }
10706
10984
  .dark\:focus\:ring-primary-700\/30 {
10707
10985
  &:where([data-theme=dark], [data-theme=dark] *) {
10708
10986
  &:focus {
@@ -10895,6 +11173,13 @@
10895
11173
  }
10896
11174
  }
10897
11175
  }
11176
+ .dark\:data-\[placeholder\]\:text-grey-400 {
11177
+ &:where([data-theme=dark], [data-theme=dark] *) {
11178
+ &[data-placeholder] {
11179
+ color: var(--color-grey-400);
11180
+ }
11181
+ }
11182
+ }
10898
11183
  .dark\:\*\:data-\[slot\=icon\]\:fill-zinc-400 {
10899
11184
  &:where([data-theme=dark], [data-theme=dark] *) {
10900
11185
  :is(& > *) {
@@ -11159,6 +11444,16 @@
11159
11444
  }
11160
11445
  }
11161
11446
  }
11447
+ .dark\:data-\[variant\=solid\]\:\[--badge-hover-overlay\:var\(--color-white\)\]\/10 {
11448
+ &:where([data-theme=dark], [data-theme=dark] *) {
11449
+ &[data-variant="solid"] {
11450
+ --badge-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
11451
+ @supports (color: color-mix(in lab, red, red)) {
11452
+ --badge-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
11453
+ }
11454
+ }
11455
+ }
11456
+ }
11162
11457
  .dark\:data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-white\)\]\/5 {
11163
11458
  &:where([data-theme=dark], [data-theme=dark] *) {
11164
11459
  &[data-variant="solid"] {
@@ -11169,6 +11464,16 @@
11169
11464
  }
11170
11465
  }
11171
11466
  }
11467
+ .dark\:data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
11468
+ &:where([data-theme=dark], [data-theme=dark] *) {
11469
+ &[data-variant="solid"] {
11470
+ --btn-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
11471
+ @supports (color: color-mix(in lab, red, red)) {
11472
+ --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
11473
+ }
11474
+ }
11475
+ }
11476
+ }
11172
11477
  .dark\:data-\[variant\=surface\]\:border-\[--badge-hover-overlay\:var\(--color-primary-700\)\]\/60 {
11173
11478
  &:where([data-theme=dark], [data-theme=dark] *) {
11174
11479
  &[data-variant="surface"] {
@@ -11651,6 +11956,13 @@
11651
11956
  color: var(--muted-foreground);
11652
11957
  }
11653
11958
  }
11959
+ .dark\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-grey-400 {
11960
+ &:where([data-theme=dark], [data-theme=dark] *) {
11961
+ & svg:not([class*='text-']) {
11962
+ color: var(--color-grey-400);
11963
+ }
11964
+ }
11965
+ }
11654
11966
  .\[\&_svg\:not\(\[class\*\=\\\"size-\\\"\]\)\]\:size-4 {
11655
11967
  & svg:not([class*=\"size-\"]) {
11656
11968
  width: calc(var(--spacing) * 4);
@@ -12975,138 +13287,138 @@
12975
13287
  bottom: 0;
12976
13288
  right: 0;
12977
13289
  }
12978
- .dark .code-responsive-wrapper {
13290
+ .dark .code-responsive-wrapper, [data-theme='dark'] .code-responsive-wrapper {
12979
13291
  background-color: #111827;
12980
13292
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fillRule='evenodd'%3E%3Cg fill='%236b7280' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
12981
13293
  }
12982
- .dark code[class*='language-'], .dark pre[class*='language-'], pre.dark[class*='language-'] {
13294
+ .dark code[class*='language-'], .dark pre[class*='language-'], pre.dark[class*='language-'], [data-theme='dark'] code[class*='language-'], [data-theme='dark'] pre[class*='language-'], pre[data-theme='dark'][class*='language-'] {
12983
13295
  --tw-text-opacity: 1;
12984
13296
  color: rgb(241 126 184 / var(--tw-text-opacity, 1));
12985
13297
  }
12986
- .dark .highlight-line {
13298
+ .dark .highlight-line, [data-theme='dark'] .highlight-line {
12987
13299
  --tw-bg-opacity: 1;
12988
13300
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
12989
13301
  }
12990
- .dark .code-preview-wrapper + .code-syntax-wrapper > .code-syntax > .relative > [data-code-wrapper] > .highlight > pre[class*='language-'], .dark .highlight pre[class*='language-'], .dark :not(pre) > code[class*='language-'], .dark pre[class*='language-'], pre.dark[class*='language-'] {
13302
+ .dark .code-preview-wrapper + .code-syntax-wrapper > .code-syntax > .relative > [data-code-wrapper] > .highlight > pre[class*='language-'], [data-theme='dark'] .code-preview-wrapper + .code-syntax-wrapper > .code-syntax > .relative > [data-code-wrapper] > .highlight > pre[class*='language-'], .dark .highlight pre[class*='language-'], [data-theme='dark'] .highlight pre[class*='language-'], .dark :not(pre) > code[class*='language-'], [data-theme='dark'] :not(pre) > code[class*='language-'], .dark pre[class*='language-'], [data-theme='dark'] pre[class*='language-'], pre.dark[class*='language-'], pre[data-theme='dark'][class*='language-'] {
12991
13303
  --tw-bg-opacity: 1;
12992
13304
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
12993
13305
  }
12994
- .dark .token.cdata, .dark .token.comment, .dark .token.doctype, .dark .token.prolog {
13306
+ .dark .token.cdata, .dark .token.comment, .dark .token.doctype, .dark .token.prolog, [data-theme='dark'] .token.cdata, [data-theme='dark'] .token.comment, [data-theme='dark'] .token.doctype, [data-theme='dark'] .token.prolog {
12995
13307
  --tw-text-opacity: 1;
12996
13308
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
12997
13309
  }
12998
- .dark .token.punctuation {
13310
+ .dark .token.punctuation, [data-theme='dark'] .token.punctuation {
12999
13311
  --tw-text-opacity: 1;
13000
13312
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
13001
13313
  }
13002
- .dark .token.class-name, .dark .token.keyword, .dark .token.property, .dark .token.tag {
13314
+ .dark .token.class-name, .dark .token.keyword, .dark .token.property, .dark .token.tag, [data-theme='dark'] .token.class-name, [data-theme='dark'] .token.keyword, [data-theme='dark'] .token.property, [data-theme='dark'] .token.tag {
13003
13315
  --tw-text-opacity: 1;
13004
13316
  color: rgb(172 148 250 / var(--tw-text-opacity, 1));
13005
13317
  }
13006
- .dark .token.boolean, .dark .token.constant {
13318
+ .dark .token.boolean, .dark .token.constant, [data-theme='dark'] .token.boolean, [data-theme='dark'] .token.constant {
13007
13319
  --tw-text-opacity: 1;
13008
13320
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
13009
13321
  }
13010
- .dark .token.deleted, .dark .token.symbol {
13322
+ .dark .token.deleted, .dark .token.symbol, [data-theme='dark'] .token.deleted, [data-theme='dark'] .token.symbol {
13011
13323
  --tw-text-opacity: 1;
13012
13324
  color: rgb(249 128 128 / var(--tw-text-opacity, 1));
13013
13325
  }
13014
- .dark .token.number {
13326
+ .dark .token.number, [data-theme='dark'] .token.number {
13015
13327
  --tw-text-opacity: 1;
13016
13328
  color: rgb(241 126 184 / var(--tw-text-opacity, 1));
13017
13329
  }
13018
- .dark .token.attr-name, .dark .token.builtin, .dark .token.char, .dark .token.inserted, .dark .token.selector, .dark .token.string {
13330
+ .dark .token.attr-name, .dark .token.builtin, .dark .token.char, .dark .token.inserted, .dark .token.selector, .dark .token.string, [data-theme='dark'] .token.attr-name, [data-theme='dark'] .token.builtin, [data-theme='dark'] .token.char, [data-theme='dark'] .token.inserted, [data-theme='dark'] .token.selector, [data-theme='dark'] .token.string {
13019
13331
  --tw-text-opacity: 1;
13020
13332
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
13021
13333
  }
13022
- .dark .token.variable {
13334
+ .dark .token.variable, [data-theme='dark'] .token.variable {
13023
13335
  --tw-text-opacity: 1;
13024
13336
  color: rgb(172 148 250 / var(--tw-text-opacity, 1));
13025
13337
  }
13026
- .dark .token.operator {
13338
+ .dark .token.operator, [data-theme='dark'] .token.operator {
13027
13339
  --tw-text-opacity: 1;
13028
13340
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
13029
13341
  }
13030
- .dark .token.entity {
13342
+ .dark .token.entity, [data-theme='dark'] .token.entity {
13031
13343
  --tw-text-opacity: 1;
13032
13344
  color: rgb(250 202 21 / var(--tw-text-opacity, 1));
13033
13345
  }
13034
- .dark .token.url {
13346
+ .dark .token.url, [data-theme='dark'] .token.url {
13035
13347
  --tw-text-opacity: 1;
13036
13348
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
13037
13349
  }
13038
- .dark .language-css .token.string, .dark .style .token.string {
13350
+ .dark .language-css .token.string, .dark .style .token.string, [data-theme='dark'] .language-css .token.string, [data-theme='dark'] .style .token.string {
13039
13351
  --tw-text-opacity: 1;
13040
13352
  color: rgb(249 128 128 / var(--tw-text-opacity, 1));
13041
13353
  }
13042
- .dark .token.atrule, .dark .token.attr-value {
13354
+ .dark .token.atrule, .dark .token.attr-value, [data-theme='dark'] .token.atrule, [data-theme='dark'] .token.attr-value {
13043
13355
  --tw-text-opacity: 1;
13044
13356
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
13045
13357
  }
13046
- .dark .token.function {
13358
+ .dark .token.function, [data-theme='dark'] .token.function {
13047
13359
  --tw-text-opacity: 1;
13048
13360
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
13049
13361
  }
13050
- .dark .token {
13362
+ .dark .token, [data-theme='dark'] .token {
13051
13363
  --tw-text-opacity: 1;
13052
13364
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
13053
13365
  }
13054
- .dark code.language-bash, .dark code.language-tsx, .dark pre.language-bash {
13366
+ .dark code.language-bash, .dark code.language-tsx, .dark pre.language-bash, [data-theme='dark'] code.language-bash, [data-theme='dark'] code.language-tsx, [data-theme='dark'] pre.language-bash {
13055
13367
  --tw-text-opacity: 1;
13056
13368
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
13057
13369
  }
13058
- .dark code.language-tsx .token.function {
13370
+ .dark code.language-tsx .token.function, [data-theme='dark'] code.language-tsx .token.function {
13059
13371
  --tw-text-opacity: 1;
13060
13372
  color: rgb(132 225 188 / var(--tw-text-opacity, 1));
13061
13373
  }
13062
- .dark code.language-tsx .token.punctuation {
13374
+ .dark code.language-tsx .token.punctuation, [data-theme='dark'] code.language-tsx .token.punctuation {
13063
13375
  --tw-text-opacity: 1;
13064
13376
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
13065
13377
  }
13066
- .dark code.language-tsx .token.keyword {
13378
+ .dark code.language-tsx .token.keyword, [data-theme='dark'] code.language-tsx .token.keyword {
13067
13379
  --tw-text-opacity: 1;
13068
13380
  color: rgb(232 121 249 / var(--tw-text-opacity, 1));
13069
13381
  }
13070
- .dark code.language-tsx .token.comment {
13382
+ .dark code.language-tsx .token.comment, [data-theme='dark'] code.language-tsx .token.comment {
13071
13383
  --tw-text-opacity: 1;
13072
13384
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
13073
13385
  }
13074
- .dark code.language-tsx .token.class-name, .dark code.language-tsx .token.string {
13386
+ .dark code.language-tsx .token.class-name, .dark code.language-tsx .token.string, [data-theme='dark'] code.language-tsx .token.class-name, [data-theme='dark'] code.language-tsx .token.string {
13075
13387
  --tw-text-opacity: 1;
13076
13388
  color: rgb(172 148 250 / var(--tw-text-opacity, 1));
13077
13389
  }
13078
- .dark code.language-html .token.tag {
13390
+ .dark code.language-html .token.tag, [data-theme='dark'] code.language-html .token.tag {
13079
13391
  --tw-text-opacity: 1;
13080
13392
  color: rgb(232 121 249 / var(--tw-text-opacity, 1));
13081
13393
  }
13082
- .dark code.language-html .token.attr-name {
13394
+ .dark code.language-html .token.attr-name, [data-theme='dark'] code.language-html .token.attr-name {
13083
13395
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
13084
13396
  }
13085
- .dark code.language-html .token.attr-value {
13397
+ .dark code.language-html .token.attr-value, [data-theme='dark'] code.language-html .token.attr-value {
13086
13398
  --tw-text-opacity: 1;
13087
13399
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
13088
13400
  }
13089
- .dark code.language-html .token.punctuation {
13401
+ .dark code.language-html .token.punctuation, [data-theme='dark'] code.language-html .token.punctuation {
13090
13402
  --tw-text-opacity: 1;
13091
13403
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
13092
13404
  }
13093
- .dark code.language-html .token.attr-name {
13405
+ .dark code.language-html .token.attr-name, [data-theme='dark'] code.language-html .token.attr-name {
13094
13406
  --tw-text-opacity: 1;
13095
13407
  color: rgb(49 196 141 / var(--tw-text-opacity, 1));
13096
13408
  }
13097
- .dark code.language-html .token.comment {
13409
+ .dark code.language-html .token.comment, [data-theme='dark'] code.language-html .token.comment {
13098
13410
  --tw-text-opacity: 1;
13099
13411
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
13100
13412
  }
13101
- .dark #carbonads {
13413
+ .dark #carbonads, [data-theme='dark'] #carbonads {
13102
13414
  --tw-bg-opacity: 1;
13103
13415
  --tw-text-opacity: 1;
13104
13416
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
13105
13417
  }
13106
- .dark #carbonads, .dark #carbonads .carbon-poweredby {
13418
+ .dark #carbonads, .dark #carbonads .carbon-poweredby, [data-theme='dark'] #carbonads, [data-theme='dark'] #carbonads .carbon-poweredby {
13107
13419
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
13108
13420
  }
13109
- .dark #carbonads .carbon-poweredby {
13421
+ .dark #carbonads .carbon-poweredby, [data-theme='dark'] #carbonads .carbon-poweredby {
13110
13422
  --tw-bg-opacity: 1;
13111
13423
  }
13112
13424
  .prose {
@@ -13175,7 +13487,10 @@
13175
13487
  display: none;
13176
13488
  }
13177
13489
  button:not(:disabled),
13178
- [role='button']:not(:disabled) {
13490
+ [role='button']:not(:disabled),
13491
+ input[type='button']:not(:disabled),
13492
+ input[type='submit']:not(:disabled),
13493
+ input[type='reset']:not(:disabled) {
13179
13494
  cursor: pointer;
13180
13495
  }
13181
13496
  }