@nswds/app 1.101.0 → 1.103.0

package/dist/globals.css

@@ -1362,9 +1362,15 @@
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
+  .h-44 {
+    height: calc(var(--spacing) * 44);
+  }
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
+  .h-52 {
+    height: calc(var(--spacing) * 52);
+  }
   .h-64 {
     height: calc(var(--spacing) * 64);
   }
@@ -1449,6 +1455,9 @@
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
+  .min-h-11 {
+    min-height: calc(var(--spacing) * 11);
+  }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
@@ -2554,6 +2563,9 @@
   .border-primary-600 {
     border-color: var(--color-primary-600);
   }
+  .border-primary-700 {
+    border-color: var(--color-primary-700);
+  }
   .border-primary-800 {
     border-color: var(--color-primary-800);
   }
@@ -2728,6 +2740,18 @@
   .bg-grey-50 {
     background-color: var(--color-grey-50);
   }
+  .bg-grey-50\/60 {
+    background-color: var(--color-grey-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-grey-50) 60%, transparent);
+    }
+  }
+  .bg-grey-50\/70 {
+    background-color: var(--color-grey-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-grey-50) 70%, transparent);
+    }
+  }
   .bg-grey-100 {
     background-color: var(--color-grey-100);
   }
@@ -2854,6 +2878,9 @@
   .bg-success-500 {
     background-color: var(--success-500);
   }
+  .bg-success-700 {
+    background-color: var(--success-700);
+  }
   .bg-transparent {
     background-color: transparent;
   }
@@ -3163,6 +3190,9 @@
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
+  .py-7 {
+    padding-block: calc(var(--spacing) * 7);
+  }
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
@@ -3343,6 +3373,10 @@
     font-size: var(--text-4xl);
     line-height: var(--tw-leading, var(--text-4xl--line-height));
   }
+  .text-5xl {
+    font-size: var(--text-5xl);
+    line-height: var(--tw-leading, var(--text-5xl--line-height));
+  }
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3393,6 +3427,9 @@
   .text-\[0\.65rem\] {
     font-size: 0.65rem;
   }
+  .text-\[0\.68rem\] {
+    font-size: 0.68rem;
+  }
   .text-\[0\.72rem\] {
     font-size: 0.72rem;
   }
@@ -3548,6 +3585,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[0\.12em\] {
+    --tw-tracking: 0.12em;
+    letter-spacing: 0.12em;
+  }
   .tracking-\[0\.14em\] {
     --tw-tracking: 0.14em;
     letter-spacing: 0.14em;
@@ -3867,6 +3908,9 @@
   .opacity-80 {
     opacity: 80%;
   }
+  .opacity-90 {
+    opacity: 90%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -3987,6 +4031,9 @@
   .ring-primary-500 {
     --tw-ring-color: var(--color-primary-500);
   }
+  .ring-primary-700 {
+    --tw-ring-color: var(--color-primary-700);
+  }
   .ring-ring {
     --tw-ring-color: var(--ring);
   }
@@ -4012,6 +4059,15 @@
   .ring-offset-background {
     --tw-ring-offset-color: var(--background);
   }
+  .ring-offset-grey-50 {
+    --tw-ring-offset-color: var(--color-grey-50);
+  }
+  .ring-offset-grey-50\/60 {
+    --tw-ring-offset-color: var(--color-grey-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-offset-color: color-mix(in oklab, var(--color-grey-50) 60%, transparent);
+    }
+  }
   .ring-offset-white {
     --tw-ring-offset-color: var(--color-white);
   }
@@ -5871,6 +5927,14 @@
       }
     }
   }
+  .hover\:-translate-y-px {
+    &:hover {
+      @media (hover: hover) {
+        --tw-translate-y: -1px;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .hover\:scale-105 {
     &:hover {
       @media (hover: hover) {
@@ -5992,6 +6056,13 @@
       }
     }
   }
+  .hover\:bg-primary-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-50);
+      }
+    }
+  }
   .hover\:bg-primary-800\/10 {
     &:hover {
       @media (hover: hover) {
@@ -8656,6 +8727,11 @@
       align-items: center;
     }
   }
+  .sm\:items-end {
+    @media (width >= 40rem) {
+      align-items: flex-end;
+    }
+  }
   .sm\:justify-between {
     @media (width >= 40rem) {
       justify-content: space-between;
@@ -8750,6 +8826,11 @@
       padding-inline: calc(var(--spacing) * 6);
     }
   }
+  .sm\:px-8 {
+    @media (width >= 40rem) {
+      padding-inline: calc(var(--spacing) * 8);
+    }
+  }
   .sm\:px-\[calc\(--spacing\(3\.5\)-1px\)\] {
     @media (width >= 40rem) {
       padding-inline: calc(calc(var(--spacing) * 3.5) - 1px);
@@ -8785,6 +8866,11 @@
       padding-block: calc(var(--spacing) * 3);
     }
   }
+  .sm\:py-8 {
+    @media (width >= 40rem) {
+      padding-block: calc(var(--spacing) * 8);
+    }
+  }
   .sm\:py-\[calc\(--spacing\(2\)-1px\)\] {
     @media (width >= 40rem) {
       padding-block: calc(calc(var(--spacing) * 2) - 1px);
@@ -8850,6 +8936,12 @@
       text-align: left;
     }
   }
+  .sm\:text-4xl {
+    @media (width >= 40rem) {
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
+    }
+  }
   .sm\:text-5xl {
     @media (width >= 40rem) {
       font-size: var(--text-5xl);
@@ -9340,6 +9432,11 @@
       grid-template-columns: 18rem 1fr;
     }
   }
+  .lg\:grid-cols-\[18rem_minmax\(0\,1fr\)\] {
+    @media (width >= 64rem) {
+      grid-template-columns: 18rem minmax(0,1fr);
+    }
+  }
   .lg\:grid-cols-\[20rem_1fr\] {
     @media (width >= 64rem) {
       grid-template-columns: 20rem 1fr;
@@ -9535,6 +9632,11 @@
       flex: none;
     }
   }
+  .xl\:grid-cols-3 {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .xl\:grid-cols-5 {
     @media (width >= 80rem) {
       grid-template-columns: repeat(5, minmax(0, 1fr));