@westpac/ui 0.55.3 → 0.56.1

package/dist/css/westpac-ui.css

@@ -3313,6 +3313,9 @@ body {
 .-right-2 {
   right: -0.75rem;
 }
+.bottom-0 {
+  bottom: 0rem;
+}
 .bottom-full {
   bottom: 100%;
 }
@@ -3502,14 +3505,6 @@ body {
   margin-left: -1.5rem;
   margin-right: -1.5rem;
 }
-.-my-0\.5 {
-  margin-top: -0.1875rem;
-  margin-bottom: -0.1875rem;
-}
-.-my-1\.5 {
-  margin-top: -0.5625rem;
-  margin-bottom: -0.5625rem;
-}
 .-my-2 {
   margin-top: -0.75rem;
   margin-bottom: -0.75rem;
@@ -3554,14 +3549,6 @@ body {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
 }
-.my-\[-0\.3125rem\] {
-  margin-top: -0.3125rem;
-  margin-bottom: -0.3125rem;
-}
-.my-\[-0\.5rem\] {
-  margin-top: -0.5rem;
-  margin-bottom: -0.5rem;
-}
 .\!mb-0 {
   margin-bottom: 0rem !important;
 }
@@ -3607,12 +3594,6 @@ body {
 .mb-5 {
   margin-bottom: 1.875rem;
 }
-.mb-\[-0\.25rem\] {
-  margin-bottom: -0.25rem;
-}
-.mb-\[-0\.625rem\] {
-  margin-bottom: -0.625rem;
-}
 .mb-\[-1px\] {
   margin-bottom: -1px;
 }
@@ -3942,6 +3923,18 @@ body {
 .h-screen {
   height: 100vh;
 }
+.max-h-5 {
+  max-height: 1.875rem;
+}
+.max-h-6 {
+  max-height: 2.25rem;
+}
+.max-h-7 {
+  max-height: 2.625rem;
+}
+.max-h-8 {
+  max-height: 3rem;
+}
 .max-h-\[400px\] {
   max-height: 400px;
 }
@@ -3960,24 +3953,24 @@ body {
 .min-h-12 {
   min-height: 4.5rem;
 }
-.min-h-5 {
-  min-height: 1.875rem;
-}
-.min-h-6 {
-  min-height: 2.25rem;
-}
-.min-h-7 {
-  min-height: 2.625rem;
-}
-.min-h-8 {
-  min-height: 3rem;
-}
 .min-h-9 {
   min-height: 3.375rem;
 }
+.min-h-\[1\.75rem\] {
+  min-height: 1.75rem;
+}
 .min-h-\[17\.5rem\] {
   min-height: 17.5rem;
 }
+.min-h-\[2\.125rem\] {
+  min-height: 2.125rem;
+}
+.min-h-\[2\.5rem\] {
+  min-height: 2.5rem;
+}
+.min-h-\[2\.875rem\] {
+  min-height: 2.875rem;
+}
 .min-h-\[90px\] {
   min-height: 90px;
 }
@@ -4423,6 +4416,9 @@ body {
 .justify-between {
   justify-content: space-between;
 }
+.gap-0 {
+  gap: 0rem;
+}
 .gap-1 {
   gap: 0.375rem;
 }
@@ -8950,14 +8946,6 @@ body {
   .xsl\:row-span-6 {
     grid-row: span 6 / span 6;
   }
-  .xsl\:-my-0\.5 {
-    margin-top: -0.1875rem;
-    margin-bottom: -0.1875rem;
-  }
-  .xsl\:-my-1\.5 {
-    margin-top: -0.5625rem;
-    margin-bottom: -0.5625rem;
-  }
   .xsl\:mx-\[-8vw\] {
     margin-left: -8vw;
     margin-right: -8vw;
@@ -8970,14 +8958,6 @@ body {
     margin-top: 0.75rem;
     margin-bottom: 0.75rem;
   }
-  .xsl\:my-\[-0\.3125rem\] {
-    margin-top: -0.3125rem;
-    margin-bottom: -0.3125rem;
-  }
-  .xsl\:my-\[-0\.5rem\] {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
   .xsl\:-mr-1\.5 {
     margin-right: -0.5625rem;
   }
@@ -9011,12 +8991,6 @@ body {
   .xsl\:mb-5 {
     margin-bottom: 1.875rem;
   }
-  .xsl\:mb-\[-0\.25rem\] {
-    margin-bottom: -0.25rem;
-  }
-  .xsl\:mb-\[-0\.625rem\] {
-    margin-bottom: -0.625rem;
-  }
   .xsl\:mb-\[-1px\] {
     margin-bottom: -1px;
   }
@@ -9041,9 +9015,6 @@ body {
   .xsl\:mr-\[0\.25rem\] {
     margin-right: 0.25rem;
   }
-  .xsl\:mt-1 {
-    margin-top: 0.375rem;
-  }
   .xsl\:mt-2 {
     margin-top: 0.75rem;
   }
@@ -9149,6 +9120,18 @@ body {
   .xsl\:h-screen {
     height: 100vh;
   }
+  .xsl\:max-h-5 {
+    max-height: 1.875rem;
+  }
+  .xsl\:max-h-6 {
+    max-height: 2.25rem;
+  }
+  .xsl\:max-h-7 {
+    max-height: 2.625rem;
+  }
+  .xsl\:max-h-8 {
+    max-height: 3rem;
+  }
   .xsl\:max-h-screen {
     max-height: 100vh;
   }
@@ -9158,20 +9141,20 @@ body {
   .xsl\:min-h-12 {
     min-height: 4.5rem;
   }
-  .xsl\:min-h-5 {
-    min-height: 1.875rem;
+  .xsl\:min-h-9 {
+    min-height: 3.375rem;
   }
-  .xsl\:min-h-6 {
-    min-height: 2.25rem;
+  .xsl\:min-h-\[1\.75rem\] {
+    min-height: 1.75rem;
   }
-  .xsl\:min-h-7 {
-    min-height: 2.625rem;
+  .xsl\:min-h-\[2\.125rem\] {
+    min-height: 2.125rem;
   }
-  .xsl\:min-h-8 {
-    min-height: 3rem;
+  .xsl\:min-h-\[2\.5rem\] {
+    min-height: 2.5rem;
   }
-  .xsl\:min-h-9 {
-    min-height: 3.375rem;
+  .xsl\:min-h-\[2\.875rem\] {
+    min-height: 2.875rem;
   }
   .xsl\:w-0 {
     width: 0rem;
@@ -9384,6 +9367,9 @@ body {
   .xsl\:justify-between {
     justify-content: space-between;
   }
+  .xsl\:gap-0 {
+    gap: 0rem;
+  }
   .xsl\:gap-1\.5 {
     gap: 0.5625rem;
   }
@@ -9762,10 +9748,6 @@ body {
     padding-top: 1.125rem;
     padding-bottom: 1.125rem;
   }
-  .xsl\:py-\[0\.25rem\] {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
   .xsl\:py-\[0\.3125rem\] {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
@@ -9960,10 +9942,6 @@ body {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-text-10), var(--tw-text-opacity, 1));
   }
-  .xsl\:text-text-50 {
-    --tw-text-opacity: 1;
-    color: rgba(var(--colors-text-50), var(--tw-text-opacity, 1));
-  }
   .xsl\:text-warning {
     --tw-text-opacity: 1;
     color: rgb(197 59 0 / var(--tw-text-opacity, 1));
@@ -10679,14 +10657,6 @@ body {
   .sm\:row-span-6 {
     grid-row: span 6 / span 6;
   }
-  .sm\:-my-0\.5 {
-    margin-top: -0.1875rem;
-    margin-bottom: -0.1875rem;
-  }
-  .sm\:-my-1\.5 {
-    margin-top: -0.5625rem;
-    margin-bottom: -0.5625rem;
-  }
   .sm\:mx-\[-8vw\] {
     margin-left: -8vw;
     margin-right: -8vw;
@@ -10699,14 +10669,6 @@ body {
     margin-top: 0.75rem;
     margin-bottom: 0.75rem;
   }
-  .sm\:my-\[-0\.3125rem\] {
-    margin-top: -0.3125rem;
-    margin-bottom: -0.3125rem;
-  }
-  .sm\:my-\[-0\.5rem\] {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
   .sm\:-ml-4 {
     margin-left: -1.5rem;
   }
@@ -10746,12 +10708,6 @@ body {
   .sm\:mb-5 {
     margin-bottom: 1.875rem;
   }
-  .sm\:mb-\[-0\.25rem\] {
-    margin-bottom: -0.25rem;
-  }
-  .sm\:mb-\[-0\.625rem\] {
-    margin-bottom: -0.625rem;
-  }
   .sm\:mb-\[-1px\] {
     margin-bottom: -1px;
   }
@@ -10776,9 +10732,6 @@ body {
   .sm\:mr-\[0\.25rem\] {
     margin-right: 0.25rem;
   }
-  .sm\:mt-1 {
-    margin-top: 0.375rem;
-  }
   .sm\:mt-2 {
     margin-top: 0.75rem;
   }
@@ -10898,6 +10851,18 @@ body {
   .sm\:h-screen {
     height: 100vh;
   }
+  .sm\:max-h-5 {
+    max-height: 1.875rem;
+  }
+  .sm\:max-h-6 {
+    max-height: 2.25rem;
+  }
+  .sm\:max-h-7 {
+    max-height: 2.625rem;
+  }
+  .sm\:max-h-8 {
+    max-height: 3rem;
+  }
   .sm\:max-h-screen {
     max-height: 100vh;
   }
@@ -10907,20 +10872,20 @@ body {
   .sm\:min-h-12 {
     min-height: 4.5rem;
   }
-  .sm\:min-h-5 {
-    min-height: 1.875rem;
+  .sm\:min-h-9 {
+    min-height: 3.375rem;
   }
-  .sm\:min-h-6 {
-    min-height: 2.25rem;
+  .sm\:min-h-\[1\.75rem\] {
+    min-height: 1.75rem;
   }
-  .sm\:min-h-7 {
-    min-height: 2.625rem;
+  .sm\:min-h-\[2\.125rem\] {
+    min-height: 2.125rem;
   }
-  .sm\:min-h-8 {
-    min-height: 3rem;
+  .sm\:min-h-\[2\.5rem\] {
+    min-height: 2.5rem;
   }
-  .sm\:min-h-9 {
-    min-height: 3.375rem;
+  .sm\:min-h-\[2\.875rem\] {
+    min-height: 2.875rem;
   }
   .sm\:w-0 {
     width: 0rem;
@@ -11136,6 +11101,9 @@ body {
   .sm\:justify-between {
     justify-content: space-between;
   }
+  .sm\:gap-0 {
+    gap: 0rem;
+  }
   .sm\:gap-1\.5 {
     gap: 0.5625rem;
   }
@@ -11525,10 +11493,6 @@ body {
     padding-top: 1.125rem;
     padding-bottom: 1.125rem;
   }
-  .sm\:py-\[0\.25rem\] {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
   .sm\:py-\[0\.3125rem\] {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
@@ -11735,10 +11699,6 @@ body {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-text-10), var(--tw-text-opacity, 1));
   }
-  .sm\:text-text-50 {
-    --tw-text-opacity: 1;
-    color: rgba(var(--colors-text-50), var(--tw-text-opacity, 1));
-  }
   .sm\:text-warning {
     --tw-text-opacity: 1;
     color: rgb(197 59 0 / var(--tw-text-opacity, 1));
@@ -12523,14 +12483,6 @@ body {
     margin-left: -1.125rem;
     margin-right: -1.125rem;
   }
-  .md\:-my-0\.5 {
-    margin-top: -0.1875rem;
-    margin-bottom: -0.1875rem;
-  }
-  .md\:-my-1\.5 {
-    margin-top: -0.5625rem;
-    margin-bottom: -0.5625rem;
-  }
   .md\:-my-3 {
     margin-top: -1.125rem;
     margin-bottom: -1.125rem;
@@ -12547,14 +12499,6 @@ body {
     margin-top: 0.75rem;
     margin-bottom: 0.75rem;
   }
-  .md\:my-\[-0\.3125rem\] {
-    margin-top: -0.3125rem;
-    margin-bottom: -0.3125rem;
-  }
-  .md\:my-\[-0\.5rem\] {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
   .md\:-ml-3 {
     margin-left: -1.125rem;
   }
@@ -12594,12 +12538,6 @@ body {
   .md\:mb-5 {
     margin-bottom: 1.875rem;
   }
-  .md\:mb-\[-0\.25rem\] {
-    margin-bottom: -0.25rem;
-  }
-  .md\:mb-\[-0\.625rem\] {
-    margin-bottom: -0.625rem;
-  }
   .md\:mb-\[-1px\] {
     margin-bottom: -1px;
   }
@@ -12735,6 +12673,18 @@ body {
   .md\:h-screen {
     height: 100vh;
   }
+  .md\:max-h-5 {
+    max-height: 1.875rem;
+  }
+  .md\:max-h-6 {
+    max-height: 2.25rem;
+  }
+  .md\:max-h-7 {
+    max-height: 2.625rem;
+  }
+  .md\:max-h-8 {
+    max-height: 3rem;
+  }
   .md\:max-h-screen {
     max-height: 100vh;
   }
@@ -12744,20 +12694,20 @@ body {
   .md\:min-h-12 {
     min-height: 4.5rem;
   }
-  .md\:min-h-5 {
-    min-height: 1.875rem;
+  .md\:min-h-9 {
+    min-height: 3.375rem;
   }
-  .md\:min-h-6 {
-    min-height: 2.25rem;
+  .md\:min-h-\[1\.75rem\] {
+    min-height: 1.75rem;
   }
-  .md\:min-h-7 {
-    min-height: 2.625rem;
+  .md\:min-h-\[2\.125rem\] {
+    min-height: 2.125rem;
   }
-  .md\:min-h-8 {
-    min-height: 3rem;
+  .md\:min-h-\[2\.5rem\] {
+    min-height: 2.5rem;
   }
-  .md\:min-h-9 {
-    min-height: 3.375rem;
+  .md\:min-h-\[2\.875rem\] {
+    min-height: 2.875rem;
   }
   .md\:w-0 {
     width: 0rem;
@@ -12970,6 +12920,9 @@ body {
   .md\:justify-between {
     justify-content: space-between;
   }
+  .md\:gap-0 {
+    gap: 0rem;
+  }
   .md\:gap-1\.5 {
     gap: 0.5625rem;
   }
@@ -13385,10 +13338,6 @@ body {
     padding-top: 1.125rem;
     padding-bottom: 1.125rem;
   }
-  .md\:py-\[0\.25rem\] {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
   .md\:py-\[0\.3125rem\] {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
@@ -13577,10 +13526,6 @@ body {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-text-10), var(--tw-text-opacity, 1));
   }
-  .md\:text-text-50 {
-    --tw-text-opacity: 1;
-    color: rgba(var(--colors-text-50), var(--tw-text-opacity, 1));
-  }
   .md\:text-warning {
     --tw-text-opacity: 1;
     color: rgb(197 59 0 / var(--tw-text-opacity, 1));
@@ -14369,14 +14314,6 @@ body {
   .lg\:row-span-6 {
     grid-row: span 6 / span 6;
   }
-  .lg\:-my-0\.5 {
-    margin-top: -0.1875rem;
-    margin-bottom: -0.1875rem;
-  }
-  .lg\:-my-1\.5 {
-    margin-top: -0.5625rem;
-    margin-bottom: -0.5625rem;
-  }
   .lg\:mx-\[-8vw\] {
     margin-left: -8vw;
     margin-right: -8vw;
@@ -14389,14 +14326,6 @@ body {
     margin-top: 0.75rem;
     margin-bottom: 0.75rem;
   }
-  .lg\:my-\[-0\.3125rem\] {
-    margin-top: -0.3125rem;
-    margin-bottom: -0.3125rem;
-  }
-  .lg\:my-\[-0\.5rem\] {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
   .lg\:-mr-1\.5 {
     margin-right: -0.5625rem;
   }
@@ -14435,12 +14364,6 @@ body {
   .lg\:mb-5 {
     margin-bottom: 1.875rem;
   }
-  .lg\:mb-\[-0\.25rem\] {
-    margin-bottom: -0.25rem;
-  }
-  .lg\:mb-\[-0\.625rem\] {
-    margin-bottom: -0.625rem;
-  }
   .lg\:mb-\[-1px\] {
     margin-bottom: -1px;
   }
@@ -14468,9 +14391,6 @@ body {
   .lg\:mr-\[300px\] {
     margin-right: 300px;
   }
-  .lg\:mt-1 {
-    margin-top: 0.375rem;
-  }
   .lg\:mt-2 {
     margin-top: 0.75rem;
   }
@@ -14571,6 +14491,18 @@ body {
   .lg\:h-screen {
     height: 100vh;
   }
+  .lg\:max-h-5 {
+    max-height: 1.875rem;
+  }
+  .lg\:max-h-6 {
+    max-height: 2.25rem;
+  }
+  .lg\:max-h-7 {
+    max-height: 2.625rem;
+  }
+  .lg\:max-h-8 {
+    max-height: 3rem;
+  }
   .lg\:max-h-screen {
     max-height: 100vh;
   }
@@ -14580,20 +14512,20 @@ body {
   .lg\:min-h-12 {
     min-height: 4.5rem;
   }
-  .lg\:min-h-5 {
-    min-height: 1.875rem;
+  .lg\:min-h-9 {
+    min-height: 3.375rem;
   }
-  .lg\:min-h-6 {
-    min-height: 2.25rem;
+  .lg\:min-h-\[1\.75rem\] {
+    min-height: 1.75rem;
   }
-  .lg\:min-h-7 {
-    min-height: 2.625rem;
+  .lg\:min-h-\[2\.125rem\] {
+    min-height: 2.125rem;
   }
-  .lg\:min-h-8 {
-    min-height: 3rem;
+  .lg\:min-h-\[2\.5rem\] {
+    min-height: 2.5rem;
   }
-  .lg\:min-h-9 {
-    min-height: 3.375rem;
+  .lg\:min-h-\[2\.875rem\] {
+    min-height: 2.875rem;
   }
   .lg\:w-0 {
     width: 0rem;
@@ -14806,6 +14738,9 @@ body {
   .lg\:justify-between {
     justify-content: space-between;
   }
+  .lg\:gap-0 {
+    gap: 0rem;
+  }
   .lg\:gap-1\.5 {
     gap: 0.5625rem;
   }
@@ -15202,10 +15137,6 @@ body {
     padding-top: 1.125rem;
     padding-bottom: 1.125rem;
   }
-  .lg\:py-\[0\.25rem\] {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
   .lg\:py-\[0\.3125rem\] {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
@@ -15394,10 +15325,6 @@ body {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-text-10), var(--tw-text-opacity, 1));
   }
-  .lg\:text-text-50 {
-    --tw-text-opacity: 1;
-    color: rgba(var(--colors-text-50), var(--tw-text-opacity, 1));
-  }
   .lg\:text-warning {
     --tw-text-opacity: 1;
     color: rgb(197 59 0 / var(--tw-text-opacity, 1));
@@ -16148,14 +16075,6 @@ body {
   .xl\:row-span-6 {
     grid-row: span 6 / span 6;
   }
-  .xl\:-my-0\.5 {
-    margin-top: -0.1875rem;
-    margin-bottom: -0.1875rem;
-  }
-  .xl\:-my-1\.5 {
-    margin-top: -0.5625rem;
-    margin-bottom: -0.5625rem;
-  }
   .xl\:mx-\[-8vw\] {
     margin-left: -8vw;
     margin-right: -8vw;
@@ -16168,14 +16087,6 @@ body {
     margin-top: 0.75rem;
     margin-bottom: 0.75rem;
   }
-  .xl\:my-\[-0\.3125rem\] {
-    margin-top: -0.3125rem;
-    margin-bottom: -0.3125rem;
-  }
-  .xl\:my-\[-0\.5rem\] {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
   .xl\:-mr-1\.5 {
     margin-right: -0.5625rem;
   }
@@ -16209,12 +16120,6 @@ body {
   .xl\:mb-5 {
     margin-bottom: 1.875rem;
   }
-  .xl\:mb-\[-0\.25rem\] {
-    margin-bottom: -0.25rem;
-  }
-  .xl\:mb-\[-0\.625rem\] {
-    margin-bottom: -0.625rem;
-  }
   .xl\:mb-\[-1px\] {
     margin-bottom: -1px;
   }
@@ -16239,9 +16144,6 @@ body {
   .xl\:mr-\[0\.25rem\] {
     margin-right: 0.25rem;
   }
-  .xl\:mt-1 {
-    margin-top: 0.375rem;
-  }
   .xl\:mt-2 {
     margin-top: 0.75rem;
   }
@@ -16342,6 +16244,18 @@ body {
   .xl\:h-screen {
     height: 100vh;
   }
+  .xl\:max-h-5 {
+    max-height: 1.875rem;
+  }
+  .xl\:max-h-6 {
+    max-height: 2.25rem;
+  }
+  .xl\:max-h-7 {
+    max-height: 2.625rem;
+  }
+  .xl\:max-h-8 {
+    max-height: 3rem;
+  }
   .xl\:max-h-screen {
     max-height: 100vh;
   }
@@ -16351,20 +16265,20 @@ body {
   .xl\:min-h-12 {
     min-height: 4.5rem;
   }
-  .xl\:min-h-5 {
-    min-height: 1.875rem;
+  .xl\:min-h-9 {
+    min-height: 3.375rem;
   }
-  .xl\:min-h-6 {
-    min-height: 2.25rem;
+  .xl\:min-h-\[1\.75rem\] {
+    min-height: 1.75rem;
   }
-  .xl\:min-h-7 {
-    min-height: 2.625rem;
+  .xl\:min-h-\[2\.125rem\] {
+    min-height: 2.125rem;
   }
-  .xl\:min-h-8 {
-    min-height: 3rem;
+  .xl\:min-h-\[2\.5rem\] {
+    min-height: 2.5rem;
   }
-  .xl\:min-h-9 {
-    min-height: 3.375rem;
+  .xl\:min-h-\[2\.875rem\] {
+    min-height: 2.875rem;
   }
   .xl\:w-0 {
     width: 0rem;
@@ -16569,6 +16483,9 @@ body {
   .xl\:justify-between {
     justify-content: space-between;
   }
+  .xl\:gap-0 {
+    gap: 0rem;
+  }
   .xl\:gap-1\.5 {
     gap: 0.5625rem;
   }
@@ -16947,10 +16864,6 @@ body {
     padding-top: 1.125rem;
     padding-bottom: 1.125rem;
   }
-  .xl\:py-\[0\.25rem\] {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
   .xl\:py-\[0\.3125rem\] {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
@@ -17139,10 +17052,6 @@ body {
     --tw-text-opacity: 1;
     color: rgba(var(--colors-text-10), var(--tw-text-opacity, 1));
   }
-  .xl\:text-text-50 {
-    --tw-text-opacity: 1;
-    color: rgba(var(--colors-text-50), var(--tw-text-opacity, 1));
-  }
   .xl\:text-warning {
     --tw-text-opacity: 1;
     color: rgb(197 59 0 / var(--tw-text-opacity, 1));