@nswds/app 1.68.0 → 1.69.0

package/dist/styles.css

@@ -1290,6 +1290,10 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-12 {
+    width: calc(var(--spacing) * 12);
+    height: calc(var(--spacing) * 12);
+  }
   .size-\[max\(100\%\,2\.75rem\)\] {
     width: max(100%, 2.75rem);
     height: max(100%, 2.75rem);
@@ -2232,6 +2236,10 @@
     border-top-left-radius: var(--radius-md);
     border-top-right-radius: var(--radius-md);
   }
+  .rounded-t-none {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
   .rounded-t-xl {
     border-top-left-radius: var(--radius-xl);
     border-top-right-radius: var(--radius-xl);
@@ -2247,6 +2255,10 @@
     border-top-right-radius: var(--radius-md);
     border-bottom-right-radius: var(--radius-md);
   }
+  .rounded-b-none {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -3040,6 +3052,9 @@
   .pt-10 {
     padding-top: calc(var(--spacing) * 10);
   }
+  .pt-12 {
+    padding-top: calc(var(--spacing) * 12);
+  }
   .pt-14 {
     padding-top: calc(var(--spacing) * 14);
   }
@@ -3658,6 +3673,15 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .shadow-\(--nsw-card-image-border\) {
+    --tw-shadow: 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-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
     --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
     box-shadow:
@@ -3667,6 +3691,18 @@
       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:
@@ -3944,6 +3980,10 @@
     --tw-duration: 100ms;
     transition-duration: 100ms;
   }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
   .duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -4287,18 +4327,42 @@
   .\[--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;
   }
-  .\[--nsw-card-text\:var\(--color-primary-600\)\] {
-    --nsw-card-text: var(--color-primary-600);
-  }
   .\[--nsw-card-text\:var\(--color-primary-800\)\] {
     --nsw-card-text: var(--color-primary-800);
   }
   .\[--nsw-card-text\:white\] {
     --nsw-card-text: white;
   }
+  .\[--nsw-card-top-border-base\:var\(--color-accent-600\)\] {
+    --nsw-card-top-border-base: var(--color-accent-600);
+  }
+  .\[--nsw-card-top-border-base\:var\(--color-grey-200\)\] {
+    --nsw-card-top-border-base: var(--color-grey-200);
+  }
+  .\[--nsw-card-top-border-base\:var\(--color-primary-200\)\] {
+    --nsw-card-top-border-base: var(--color-primary-200);
+  }
+  .\[--nsw-card-top-border-base\:var\(--color-primary-600\)\] {
+    --nsw-card-top-border-base: var(--color-primary-600);
+  }
+  .\[--nsw-card-top-border-base\:var\(--color-primary-800\)\] {
+    --nsw-card-top-border-base: var(--color-primary-800);
+  }
+  .\[--nsw-card-top-border-hover\:var\(--color-grey-200\)\] {
+    --nsw-card-top-border-hover: var(--color-grey-200);
+  }
+  .\[--nsw-card-top-border-hover\:var\(--color-primary-800\)\] {
+    --nsw-card-top-border-hover: var(--color-primary-800);
+  }
+  .\[--nsw-card-top-border-hover\:var\(--nsw-card-top-border-base\)\] {
+    --nsw-card-top-border-hover: var(--nsw-card-top-border-base);
+  }
   .\[--switch-bg-ring\:var\(--color-accent-700\)\]\/90 {
     --switch-bg-ring: color-mix(in srgb, oklch(0.4394614068520166 0.17219599488242637 18.733343740932114) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4440,6 +4504,9 @@
   .duration-100 {
     animation-duration: 100ms;
   }
+  .duration-150 {
+    animation-duration: 150ms;
+  }
   .duration-200 {
     animation-duration: 200ms;
   }
@@ -4969,6 +5036,32 @@
         var(--tw-shadow);
     }
   }
+  .group-data-\[variant\=headline\]\:text-2xl {
+    &:is(:where(.group)[data-variant=headline] *) {
+      font-size: var(--text-2xl);
+      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;
@@ -5359,24 +5452,12 @@
       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\:top-0 {
-    &::after {
-      content: var(--tw-content);
-      top: calc(var(--spacing) * 0);
-    }
-  }
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
@@ -5389,12 +5470,6 @@
       z-index: calc(10 * -1);
     }
   }
-  .after\:z-10 {
-    &::after {
-      content: var(--tw-content);
-      z-index: 10;
-    }
-  }
   .after\:mt-\[calc\(var\(--leading-trim-end\,var\(--default-leading-trim-end\)\)-var\(--line-height\,calc\(1em\*var\(--default-line-height\)\)\)\/2\)\] {
     &::after {
       content: var(--tw-content);
@@ -5407,12 +5482,6 @@
       display: table;
     }
   }
-  .after\:h-1 {
-    &::after {
-      content: var(--tw-content);
-      height: calc(var(--spacing) * 1);
-    }
-  }
   .after\:w-1 {
     &::after {
       content: var(--tw-content);
@@ -5444,19 +5513,6 @@
       border-radius: var(--radius-sm);
     }
   }
-  .after\:rounded-t-md {
-    &::after {
-      content: var(--tw-content);
-      border-top-left-radius: var(--radius-md);
-      border-top-right-radius: var(--radius-md);
-    }
-  }
-  .after\:bg-\[var\(--nsw-card-top-border\)\] {
-    &::after {
-      content: var(--tw-content);
-      background-color: var(--nsw-card-top-border);
-    }
-  }
   .after\:ring-transparent {
     &::after {
       content: var(--tw-content);
@@ -5477,13 +5533,6 @@
       content: var(--tw-content);
     }
   }
-  .after\:content-\[\'\'\] {
-    &::after {
-      content: var(--tw-content);
-      --tw-content: "";
-      content: var(--tw-content);
-    }
-  }
   .after\:content-none {
     &::after {
       content: var(--tw-content);
@@ -5607,14 +5656,6 @@
       }
     }
   }
-  .hover\:-translate-y-0\.5 {
-    &:hover {
-      @media (hover: hover) {
-        --tw-translate-y: calc(var(--spacing) * -0.5);
-        translate: var(--tw-translate-x) var(--tw-translate-y);
-      }
-    }
-  }
   .hover\:scale-105 {
     &:hover {
       @media (hover: hover) {
@@ -5625,6 +5666,13 @@
       }
     }
   }
+  .hover\:cursor-pointer {
+    &:hover {
+      @media (hover: hover) {
+        cursor: pointer;
+      }
+    }
+  }
   .hover\:border-grey-300 {
     &:hover {
       @media (hover: hover) {
@@ -5722,13 +5770,6 @@
       }
     }
   }
-  .hover\:bg-primary-800 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
-      }
-    }
-  }
   .hover\:bg-primary-800\/10 {
     &:hover {
       @media (hover: hover) {
@@ -6024,16 +6065,6 @@
       }
     }
   }
-  .hover\:after\:bg-primary-800 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
-        }
-      }
-    }
-  }
   .hover\:after\:bg-sidebar-border {
     &:hover {
       @media (hover: hover) {
@@ -6872,6 +6903,92 @@
       color: var(--destructive);
     }
   }
+  .data-\[has-image\=false\]\:after\:pointer-events-none {
+    &[data-has-image=false] {
+      &::after {
+        content: var(--tw-content);
+        pointer-events: none;
+      }
+    }
+  }
+  .data-\[has-image\=false\]\:after\:absolute {
+    &[data-has-image=false] {
+      &::after {
+        content: var(--tw-content);
+        position: absolute;
+      }
+    }
+  }
+  .data-\[has-image\=false\]\:after\:inset-x-0 {
+    &[data-has-image=false] {
+      &::after {
+        content: var(--tw-content);
+        inset-inline: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .data-\[has-image\=false\]\:after\:top-0 {
+    &[data-has-image=false] {
+      &::after {
+        content: var(--tw-content);
+        top: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .data-\[has-image\=false\]\:after\:z-10 {
+    &[data-has-image=false] {
+      &::after {
+        content: var(--tw-content);
+        z-index: 10;
+      }
+    }
+  }
+  .data-\[has-image\=false\]\:after\:h-1 {
+    &[data-has-image=false] {
+      &::after {
+        content: var(--tw-content);
+        height: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .data-\[has-image\=false\]\:after\:rounded-t-md {
+    &[data-has-image=false] {
+      &::after {
+        content: var(--tw-content);
+        border-top-left-radius: var(--radius-md);
+        border-top-right-radius: var(--radius-md);
+      }
+    }
+  }
+  .data-\[has-image\=false\]\:after\:bg-\[var\(--nsw-card-top-border-base\)\] {
+    &[data-has-image=false] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--nsw-card-top-border-base);
+      }
+    }
+  }
+  .data-\[has-image\=false\]\:after\:content-\[\"\"\] {
+    &[data-has-image=false] {
+      &::after {
+        content: var(--tw-content);
+        --tw-content: "";
+        content: var(--tw-content);
+      }
+    }
+  }
+  .data-\[has-image\=false\]\:hover\:after\:bg-\[var\(--nsw-card-top-border-hover\)\] {
+    &[data-has-image=false] {
+      &:hover {
+        @media (hover: hover) {
+          &::after {
+            content: var(--tw-content);
+            background-color: var(--nsw-card-top-border-hover);
+          }
+        }
+      }
+    }
+  }
   .data-\[inset\]\:pl-8 {
     &[data-inset] {
       padding-left: calc(var(--spacing) * 8);
@@ -8321,6 +8438,11 @@
       display: grid;
     }
   }
+  .sm\:aspect-2\/1 {
+    @media (width >= 40rem) {
+      aspect-ratio: 2/1;
+    }
+  }
   .sm\:size-3\.5 {
     @media (width >= 40rem) {
       width: calc(var(--spacing) * 3.5);
@@ -8988,6 +9110,11 @@
       display: inline-flex;
     }
   }
+  .lg\:aspect-3\/2 {
+    @media (width >= 64rem) {
+      aspect-ratio: 3/2;
+    }
+  }
   .lg\:aspect-auto {
     @media (width >= 64rem) {
       aspect-ratio: auto;
@@ -9887,6 +10014,14 @@
       }
     }
   }
+  .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: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);