@nswds/app 1.109.2 → 1.110.0

package/dist/styles.css

@@ -171,6 +171,7 @@
     --color-grey-950: var(--nsw-grey-950);
     --color-danger-350: var(--danger-350);
     --color-danger-500: var(--danger-500);
+    --color-danger-600: var(--danger-600);
     --color-border: var(--border);
   }
 }
@@ -2409,6 +2410,9 @@
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
+  .rounded-\[var\(--nsw-border-radius\)\] {
+    border-radius: var(--nsw-border-radius);
+  }
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -2454,9 +2458,9 @@
     border-top-right-radius: var(--radius-sm);
     border-bottom-right-radius: var(--radius-sm);
   }
-  .rounded-b-none {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
+  .\!border {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
   }
   .border {
     border-style: var(--tw-border-style);
@@ -3138,6 +3142,9 @@
   .fill-amber-500 {
     fill: var(--color-amber-500);
   }
+  .fill-black {
+    fill: var(--color-black);
+  }
   .fill-blue-500 {
     fill: var(--color-blue-500);
   }
@@ -3195,6 +3202,9 @@
   .fill-violet-500 {
     fill: var(--color-violet-500);
   }
+  .fill-white {
+    fill: var(--color-white);
+  }
   .stroke-amber-500 {
     stroke: var(--color-amber-500);
   }
@@ -3984,6 +3994,9 @@
   .text-\[\#888f92\] {
     color: #888f92;
   }
+  .text-accent-700 {
+    color: var(--color-accent-700);
+  }
   .text-accent-900 {
     color: var(--color-accent-900);
   }
@@ -4253,8 +4266,12 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
-  .shadow-\(--nsw-card-image-border\) {
-    --tw-shadow: var(--nsw-card-image-border);
+  .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\)\] {
+    --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));
     box-shadow:
       var(--tw-inset-shadow),
       var(--tw-inset-ring-shadow),
@@ -4280,18 +4297,6 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
-  .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\)\] {
-    --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));
-    box-shadow:
-      var(--tw-inset-shadow),
-      var(--tw-inset-ring-shadow),
-      var(--tw-ring-offset-shadow),
-      var(--tw-ring-shadow),
-      var(--tw-shadow);
-  }
   .shadow-lg {
     --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));
     box-shadow:
@@ -4962,9 +4967,6 @@
   .\[--nsw-card-border\:var\(--color-primary-800\)\] {
     --nsw-card-border: var(--color-primary-800);
   }
-  .\[--nsw-card-image-border\:var\(--color-grey-200\)\] {
-    --nsw-card-image-border: var(--color-grey-200);
-  }
   .\[--nsw-card-text\:grey-800\] {
     --nsw-card-text: grey-800;
   }
@@ -5348,6 +5350,23 @@
       }
     }
   }
+  .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\)\] {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --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));
+        box-shadow:
+          var(--tw-inset-shadow),
+          var(--tw-inset-ring-shadow),
+          var(--tw-ring-offset-shadow),
+          var(--tw-ring-shadow),
+          var(--tw-shadow);
+      }
+    }
+  }
   .group-hover\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):hover *) {
       @media (hover: hover) {
@@ -5696,26 +5715,6 @@
       line-height: var(--tw-leading, var(--text-2xl--line-height));
     }
   }
-  .group-data-\[variant\=highlight\]\:border-b-4 {
-    &:is(:where(.group)[data-variant=highlight] *) {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 4px;
-    }
-  }
-  .group-data-\[variant\=highlight\]\:border-b-\[var\(--nsw-card-top-border-base\)\] {
-    &:is(:where(.group)[data-variant=highlight] *) {
-      border-bottom-color: var(--nsw-card-top-border-base);
-    }
-  }
-  .group-data-\[variant\=highlight\]\:group-hover\:border-b-\[var\(--nsw-card-top-border-hover\)\] {
-    &:is(:where(.group)[data-variant=highlight] *) {
-      &:is(:where(.group):hover *) {
-        @media (hover: hover) {
-          border-bottom-color: var(--nsw-card-top-border-hover);
-        }
-      }
-    }
-  }
   .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
     &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
       display: block;
@@ -6179,12 +6178,24 @@
       inset: calc(var(--spacing) * 0);
     }
   }
+  .after\:inset-x-0 {
+    &::after {
+      content: var(--tw-content);
+      inset-inline: calc(var(--spacing) * 0);
+    }
+  }
   .after\:inset-y-0 {
     &::after {
       content: var(--tw-content);
       inset-block: calc(var(--spacing) * 0);
     }
   }
+  .after\:bottom-0 {
+    &::after {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
@@ -6209,6 +6220,12 @@
       display: table;
     }
   }
+  .after\:h-1 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 1);
+    }
+  }
   .after\:w-1 {
     &::after {
       content: var(--tw-content);
@@ -6234,12 +6251,46 @@
       border-radius: calc(var(--radius-sm) - 1px);
     }
   }
+  .after\:rounded-\[var\(--nsw-border-radius\)\] {
+    &::after {
+      content: var(--tw-content);
+      border-radius: var(--nsw-border-radius);
+    }
+  }
   .after\:rounded-sm {
     &::after {
       content: var(--tw-content);
       border-radius: var(--radius-sm);
     }
   }
+  .after\:rounded-b-none {
+    &::after {
+      content: var(--tw-content);
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+  .after\:bg-\[var\(--nsw-card-top-border-base\)\] {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--nsw-card-top-border-base);
+    }
+  }
+  .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\)\] {
+    &::after {
+      content: var(--tw-content);
+      --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));
+      box-shadow:
+        var(--tw-inset-shadow),
+        var(--tw-inset-ring-shadow),
+        var(--tw-ring-offset-shadow),
+        var(--tw-ring-shadow),
+        var(--tw-shadow);
+    }
+  }
   .after\:ring-transparent {
     &::after {
       content: var(--tw-content);
@@ -6259,6 +6310,12 @@
       content: var(--tw-content);
     }
   }
+  .after\:content-\[\'\'\] {
+    &::after {
+      --tw-content: "";
+      content: var(--tw-content);
+    }
+  }
   .after\:content-none {
     &::after {
       content: var(--tw-content);
@@ -6266,6 +6323,16 @@
       content: none;
     }
   }
+  .group-hover\:after\:bg-\[var\(--nsw-card-top-border-hover\)\] {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--nsw-card-top-border-hover);
+        }
+      }
+    }
+  }
   .group-data-active\:after\:bg-\(--badge-hover-overlay\) {
     &:is(:where(.group)[data-active] *) {
       &::after {
@@ -7761,12 +7828,12 @@
       }
     }
   }
-  .data-\[has-image\=false\]\:after\:rounded-t-md {
+  .data-\[has-image\=false\]\:after\:rounded-t-\[inherit\] {
     &[data-has-image=false] {
       &::after {
         content: var(--tw-content);
-        border-top-left-radius: var(--radius-md);
-        border-top-right-radius: var(--radius-md);
+        border-top-left-radius: inherit;
+        border-top-right-radius: inherit;
       }
     }
   }
@@ -10539,6 +10606,11 @@
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
+  .xl\:grid-cols-4 {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
   .xl\:grid-cols-5 {
     @media (width >= 80rem) {
       grid-template-columns: repeat(5, minmax(0, 1fr));
@@ -11284,6 +11356,11 @@
       }
     }
   }
+  .dark\:text-accent-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-accent-200);
+    }
+  }
   .dark\:text-danger-200 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--danger-200);
@@ -11460,14 +11537,6 @@
       }
     }
   }
-  .dark\:inset-ring-white\/10 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --tw-inset-ring-color: color-mix(in srgb, #fff 10%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-inset-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
-      }
-    }
-  }
   .dark\:outline-primary-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       outline-color: var(--color-primary-500);
@@ -11810,11 +11879,6 @@
       --nsw-card-border: var(--color-primary-600);
     }
   }
-  .dark\:\[--nsw-card-image-border\:var\(--color-grey-700\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --nsw-card-image-border: var(--color-grey-700);
-    }
-  }
   .dark\:\[--nsw-card-text\:var\(--color-grey-100\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --nsw-card-text: var(--color-grey-100);