@nswds/app 1.26.0 → 1.28.0

package/dist/globals.css

@@ -116,6 +116,11 @@
     --color-grey-600: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
     --color-grey-800: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
     --color-grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
+    --color-success-450: oklch(0.6326270919832794 0.153487552492673 142.8252122365381);
+    --color-success-500: oklch(0.6047649705534097 0.16397310554979067 142.81705960187193);
+    --color-success-550: oklch(0.57690284912354 0.17445865860690835 142.80890696720576);
+    --color-danger-450: oklch(0.5961466901234453 0.1600594003984286 18.251840020312933);
+    --color-danger-500: oklch(0.5647631027123693 0.17094795668235796 18.194273652364046);
   }
 }
 @layer base {
@@ -516,6 +521,12 @@
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
+  .ml-3 {
+    margin-left: calc(var(--spacing) * 3);
+  }
+  .ml-4 {
+    margin-left: calc(var(--spacing) * 4);
+  }
   .ml-5 {
     margin-left: calc(var(--spacing) * 5);
   }
@@ -723,6 +734,12 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
+  .w-0 {
+    width: calc(var(--spacing) * 0);
+  }
+  .w-0\.5 {
+    width: calc(var(--spacing) * 0.5);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1123,6 +1140,13 @@
       margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-9 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-12 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1352,6 +1376,9 @@
   .border-grey-200 {
     border-color: oklch(0.9400701096450296 0 0);
   }
+  .border-grey-300 {
+    border-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
+  }
   .border-grey-950 {
     border-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
   }
@@ -1370,12 +1397,18 @@
   .border-nsw-grey-600 {
     border-color: var(--color-nsw-grey-600);
   }
+  .border-primary-500 {
+    border-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
+  }
   .border-red-400 {
     border-color: var(--color-red-400);
   }
   .border-slate-200 {
     border-color: var(--color-slate-200);
   }
+  .border-success-450 {
+    border-color: var(--color-success-450);
+  }
   .border-transparent {
     border-color: transparent;
   }
@@ -1430,6 +1463,9 @@
   .bg-border {
     background-color: var(--border);
   }
+  .bg-danger-450 {
+    background-color: var(--color-danger-450);
+  }
   .bg-gray-800 {
     background-color: var(--color-gray-800);
   }
@@ -1445,6 +1481,9 @@
   .bg-grey-100 {
     background-color: oklch(0.9700350548225147 0 0);
   }
+  .bg-grey-300 {
+    background-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
+  }
   .bg-grey-950 {
     background-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
   }
@@ -1475,6 +1514,9 @@
   .bg-nsw-grey-800 {
     background-color: var(--color-nsw-grey-800);
   }
+  .bg-primary-500 {
+    background-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
+  }
   .bg-primary-800 {
     background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
   }
@@ -1487,6 +1529,12 @@
   .bg-purple-50 {
     background-color: var(--color-purple-50);
   }
+  .bg-success-450 {
+    background-color: var(--color-success-450);
+  }
+  .bg-success-500 {
+    background-color: var(--color-success-500);
+  }
   .bg-transparent {
     background-color: transparent;
   }
@@ -1685,6 +1733,9 @@
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
@@ -2008,9 +2059,15 @@
   .text-nsw-grey-600 {
     color: var(--color-nsw-grey-600);
   }
+  .text-nsw-grey-700 {
+    color: var(--color-nsw-grey-700);
+  }
   .text-nsw-grey-800 {
     color: var(--color-nsw-grey-800);
   }
+  .text-primary-500 {
+    color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
+  }
   .text-primary-700 {
     color: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
   }
@@ -2035,6 +2092,9 @@
   .text-slate-900 {
     color: var(--color-slate-900);
   }
+  .text-success-450 {
+    color: var(--color-success-450);
+  }
   .text-transparent {
     color: transparent;
   }
@@ -2498,6 +2558,76 @@
       background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
     }
   }
+  .group-hover\:border-danger-500 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        border-color: var(--color-danger-500);
+      }
+    }
+  }
+  .group-hover\:border-gray-400 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        border-color: var(--color-gray-400);
+      }
+    }
+  }
+  .group-hover\:border-primary-550 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        border-color: oklch(0.6473573381326887 0.19541089091941238 251.4660372453642);
+      }
+    }
+  }
+  .group-hover\:border-success-550 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        border-color: var(--color-success-550);
+      }
+    }
+  }
+  .group-hover\:bg-danger-500 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--color-danger-500);
+      }
+    }
+  }
+  .group-hover\:bg-grey-300 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
+      }
+    }
+  }
+  .group-hover\:bg-nsw-grey-800 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--color-nsw-grey-800);
+      }
+    }
+  }
+  .group-hover\:bg-primary-550 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: oklch(0.6473573381326887 0.19541089091941238 251.4660372453642);
+      }
+    }
+  }
+  .group-hover\:bg-success-450 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--color-success-450);
+      }
+    }
+  }
+  .group-hover\:bg-success-500 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--color-success-500);
+      }
+    }
+  }
   .group-hover\:fill-nsw-grey-900 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2505,6 +2635,13 @@
       }
     }
   }
+  .group-hover\:text-white {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
   .group-hover\:opacity-100 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -3057,6 +3194,13 @@
       }
     }
   }
+  .hover\:text-nsw-grey-800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-nsw-grey-800);
+      }
+    }
+  }
   .hover\:text-nsw-grey-850 {
     &:hover {
       @media (hover: hover) {