@nswds/app 1.59.0 → 1.61.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
@@ -2465,6 +2465,12 @@
2465
2465
  background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
2466
2466
  }
2467
2467
  }
2468
+ .bg-black\/80 {
2469
+ background-color: color-mix(in srgb, #000 80%, transparent);
2470
+ @supports (color: color-mix(in lab, red, red)) {
2471
+ background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
2472
+ }
2473
+ }
2468
2474
  .bg-blue-50 {
2469
2475
  background-color: var(--color-blue-50);
2470
2476
  }
@@ -3567,6 +3573,9 @@
3567
3573
  .opacity-50 {
3568
3574
  opacity: 50%;
3569
3575
  }
3576
+ .opacity-70 {
3577
+ opacity: 70%;
3578
+ }
3570
3579
  .opacity-80 {
3571
3580
  opacity: 80%;
3572
3581
  }
@@ -7237,6 +7246,11 @@
7237
7246
  --tw-exit-translate-x: -100%;
7238
7247
  }
7239
7248
  }
7249
+ .data-\[state\=closed\]\:slide-out-to-left-1\/2 {
7250
+ &[data-state="closed"] {
7251
+ --tw-exit-translate-x: -50%;
7252
+ }
7253
+ }
7240
7254
  .data-\[state\=closed\]\:slide-out-to-right {
7241
7255
  &[data-state="closed"] {
7242
7256
  --tw-exit-translate-x: 100%;
@@ -7247,6 +7261,11 @@
7247
7261
  --tw-exit-translate-y: -100%;
7248
7262
  }
7249
7263
  }
7264
+ .data-\[state\=closed\]\:slide-out-to-top-\[48\%\] {
7265
+ &[data-state="closed"] {
7266
+ --tw-exit-translate-y: -48%;
7267
+ }
7268
+ }
7250
7269
  .data-\[state\=closed\]\:zoom-out-95 {
7251
7270
  &[data-state="closed"] {
7252
7271
  --tw-exit-scale: .95;
@@ -7424,6 +7443,11 @@
7424
7443
  --tw-enter-translate-x: -100%;
7425
7444
  }
7426
7445
  }
7446
+ .data-\[state\=open\]\:slide-in-from-left-1\/2 {
7447
+ &[data-state="open"] {
7448
+ --tw-enter-translate-x: -50%;
7449
+ }
7450
+ }
7427
7451
  .data-\[state\=open\]\:slide-in-from-right {
7428
7452
  &[data-state="open"] {
7429
7453
  --tw-enter-translate-x: 100%;
@@ -7434,6 +7458,11 @@
7434
7458
  --tw-enter-translate-y: -100%;
7435
7459
  }
7436
7460
  }
7461
+ .data-\[state\=open\]\:slide-in-from-top-\[48\%\] {
7462
+ &[data-state="open"] {
7463
+ --tw-enter-translate-y: -48%;
7464
+ }
7465
+ }
7437
7466
  .data-\[state\=open\]\:zoom-in-90 {
7438
7467
  &[data-state="open"] {
7439
7468
  --tw-enter-scale: .9;
@@ -7946,6 +7975,15 @@
7946
7975
  gap: calc(var(--spacing) * 4);
7947
7976
  }
7948
7977
  }
7978
+ .sm\:space-x-2 {
7979
+ @media (width >= 40rem) {
7980
+ :where(& > :not(:last-child)) {
7981
+ --tw-space-x-reverse: 0;
7982
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
7983
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
7984
+ }
7985
+ }
7986
+ }
7949
7987
  .sm\:divide-x {
7950
7988
  @media (width >= 40rem) {
7951
7989
  :where(& > :not(:last-child)) {
@@ -7967,6 +8005,11 @@
7967
8005
  }
7968
8006
  }
7969
8007
  }
8008
+ .sm\:rounded-lg {
8009
+ @media (width >= 40rem) {
8010
+ border-radius: var(--radius-lg);
8011
+ }
8012
+ }
7970
8013
  .sm\:border-x {
7971
8014
  @media (width >= 40rem) {
7972
8015
  border-inline-style: var(--tw-border-style);
@@ -11696,6 +11739,10 @@ body {
11696
11739
  [inert] ::-webkit-scrollbar {
11697
11740
  display: none;
11698
11741
  }
11742
+ button:not(:disabled),
11743
+ [role='button']:not(:disabled) {
11744
+ cursor: pointer;
11745
+ }
11699
11746
  }
11700
11747
  .dark {
11701
11748
  --sidebar: hsl(240 5.9% 10%);