@westpac/ui 0.25.0 → 0.27.0

package/dist/css/westpac-ui.css

@@ -3252,6 +3252,8 @@ video {
   margin-bottom: -1px;
 }.ml-1 {
   margin-left: 0.375rem;
+}.ml-1\.5 {
+  margin-left: 0.5625rem;
 }.ml-\[-1px\] {
   margin-left: -1px;
 }.ml-\[0\.4em\] {
@@ -3260,6 +3262,8 @@ video {
   margin-left: auto;
 }.mr-1 {
   margin-right: 0.375rem;
+}.mr-1\.5 {
+  margin-right: 0.5625rem;
 }.mr-2 {
   margin-right: 0.75rem;
 }.mr-3 {
@@ -3270,8 +3274,6 @@ video {
   margin-right: -6px;
 }.mr-\[0\.25rem\] {
   margin-right: 0.25rem;
-}.mr-\[0\.4em\] {
-  margin-right: 0.4em;
 }.mr-\[0\.5em\] {
   margin-right: 0.5em;
 }.mt-0 {
@@ -3292,6 +3294,8 @@ video {
   margin-top: 2.25rem;
 }.mt-\[-1px\] {
   margin-top: -1px;
+}.mt-\[0\.15rem\] {
+  margin-top: 0.15rem;
 }.mt-\[0\.875rem\] {
   margin-top: 0.875rem;
 }.mt-\[200px\] {
@@ -3554,6 +3558,9 @@ video {
   width: fit-content;
 }.w-full {
   width: 100%;
+}.w-max {
+  width: -moz-max-content;
+  width: max-content;
 }.min-w-0 {
   min-width: 0px;
 }.min-w-\[100px\] {
@@ -3750,6 +3757,8 @@ video {
   overflow-x: auto;
 }.overflow-y-auto {
   overflow-y: auto;
+}.overflow-y-visible {
+  overflow-y: visible;
 }.truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -3971,8 +3980,6 @@ video {
 }.border-r-border {
   --tw-border-opacity: 1;
   border-right-color: rgba(var(--colors-border), var(--tw-border-opacity));
-}.border-t-\[transparent\] {
-  border-top-color: transparent;
 }.border-t-border {
   --tw-border-opacity: 1;
   border-top-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -4771,8 +4778,6 @@ video {
   padding-bottom: 4.5rem;
 }.pb-2 {
   padding-bottom: 0.75rem;
-}.pb-2\.5 {
-  padding-bottom: 0.9375rem;
 }.pb-4 {
   padding-bottom: 1.5rem;
 }.pb-5 {
@@ -4951,14 +4956,14 @@ video {
   padding-top: 0.1875rem;
 }.pt-1 {
   padding-top: 0.375rem;
-}.pt-1\.5 {
-  padding-top: 0.5625rem;
 }.pt-12 {
   padding-top: 4.5rem;
 }.pt-2 {
   padding-top: 0.75rem;
 }.pt-3 {
   padding-top: 1.125rem;
+}.pt-4 {
+  padding-top: 1.5rem;
 }.pt-9 {
   padding-top: 3.375rem;
 }.pt-\[0\.1875rem\] {
@@ -6774,6 +6779,8 @@ video {
     margin-bottom: -1px;
   }.xsl\:ml-\[-1px\] {
     margin-left: -1px;
+  }.xsl\:mr-1 {
+    margin-right: 0.375rem;
   }.xsl\:mr-2 {
     margin-right: 0.75rem;
   }.xsl\:mr-3 {
@@ -6788,6 +6795,9 @@ video {
     margin-top: 0.75rem;
   }.xsl\:mt-2\.5 {
     margin-top: 0.9375rem;
+  }@media (min-width: 576px) {.xsl\:xsl\:mr-2 {
+      margin-right: 0.75rem;
+    }
   }.xsl\:box-content {
     box-sizing: content-box;
   }.xsl\:block {
@@ -7085,24 +7095,12 @@ video {
   }.xsl\:border-b-border {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-border), var(--tw-border-opacity));
-  }.xsl\:border-b-hero {
-    --tw-border-opacity: 1;
-    border-bottom-color: rgba(var(--colors-hero), var(--tw-border-opacity));
   }.xsl\:border-b-primary {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.xsl\:border-b-white {
-    --tw-border-opacity: 1;
-    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
-  }.xsl\:border-l-hero {
-    --tw-border-opacity: 1;
-    border-left-color: rgba(var(--colors-hero), var(--tw-border-opacity));
   }.xsl\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.xsl\:border-l-white {
-    --tw-border-opacity: 1;
-    border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
   }.xsl\:border-t-border {
     --tw-border-opacity: 1;
     border-top-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -7206,9 +7204,6 @@ video {
   }.xsl\:py-1\.5 {
     padding-top: 0.5625rem;
     padding-bottom: 0.5625rem;
-  }.xsl\:py-2 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
   }.xsl\:py-3 {
     padding-top: 1.125rem;
     padding-bottom: 1.125rem;
@@ -7225,14 +7220,8 @@ video {
       padding-left: 1.875rem;
       padding-right: 1.875rem;
     }
-  }.xsl\:pb-1 {
-    padding-bottom: 0.375rem;
   }.xsl\:pb-12 {
     padding-bottom: 4.5rem;
-  }.xsl\:pb-2 {
-    padding-bottom: 0.75rem;
-  }.xsl\:pb-2\.5 {
-    padding-bottom: 0.9375rem;
   }.xsl\:pb-5 {
     padding-bottom: 1.875rem;
   }.xsl\:pb-7 {
@@ -7271,10 +7260,6 @@ video {
     padding-top: 0rem;
   }.xsl\:pt-0\.5 {
     padding-top: 0.1875rem;
-  }.xsl\:pt-1 {
-    padding-top: 0.375rem;
-  }.xsl\:pt-1\.5 {
-    padding-top: 0.5625rem;
   }.xsl\:pt-12 {
     padding-top: 4.5rem;
   }.xsl\:pt-\[0\.625rem\] {
@@ -7752,6 +7737,8 @@ video {
   }
 }@media (min-width: 768px) {@media (min-width: 576px) {.sm\:xsl\:max-w-container-xsl {
       max-width: 47.25rem;
+    }.sm\:xsl\:mr-2 {
+      margin-right: 0.75rem;
     }.sm\:xsl\:px-5 {
       padding-left: 1.875rem;
       padding-right: 1.875rem;
@@ -7884,6 +7871,10 @@ video {
     margin-bottom: -1px;
   }.sm\:ml-\[-1px\] {
     margin-left: -1px;
+  }.sm\:mr-1 {
+    margin-right: 0.375rem;
+  }.sm\:mr-2 {
+    margin-right: 0.75rem;
   }.sm\:mr-3 {
     margin-right: 1.125rem;
   }.sm\:mr-\[-1px\] {
@@ -8209,24 +8200,12 @@ video {
   }.sm\:border-b-border {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-border), var(--tw-border-opacity));
-  }.sm\:border-b-hero {
-    --tw-border-opacity: 1;
-    border-bottom-color: rgba(var(--colors-hero), var(--tw-border-opacity));
   }.sm\:border-b-primary {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.sm\:border-b-white {
-    --tw-border-opacity: 1;
-    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
-  }.sm\:border-l-hero {
-    --tw-border-opacity: 1;
-    border-left-color: rgba(var(--colors-hero), var(--tw-border-opacity));
   }.sm\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.sm\:border-l-white {
-    --tw-border-opacity: 1;
-    border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
   }.sm\:border-t-border {
     --tw-border-opacity: 1;
     border-top-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -8338,9 +8317,6 @@ video {
   }.sm\:py-1\.5 {
     padding-top: 0.5625rem;
     padding-bottom: 0.5625rem;
-  }.sm\:py-2 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
   }.sm\:py-3 {
     padding-top: 1.125rem;
     padding-bottom: 1.125rem;
@@ -8360,14 +8336,8 @@ video {
       padding-left: 3.375rem;
       padding-right: 3.375rem;
     }
-  }.sm\:pb-1 {
-    padding-bottom: 0.375rem;
   }.sm\:pb-12 {
     padding-bottom: 4.5rem;
-  }.sm\:pb-2 {
-    padding-bottom: 0.75rem;
-  }.sm\:pb-2\.5 {
-    padding-bottom: 0.9375rem;
   }.sm\:pb-5 {
     padding-bottom: 1.875rem;
   }.sm\:pb-7 {
@@ -8406,10 +8376,6 @@ video {
     padding-top: 0rem;
   }.sm\:pt-0\.5 {
     padding-top: 0.1875rem;
-  }.sm\:pt-1 {
-    padding-top: 0.375rem;
-  }.sm\:pt-1\.5 {
-    padding-top: 0.5625rem;
   }.sm\:pt-12 {
     padding-top: 4.5rem;
   }.sm\:pt-\[0\.625rem\] {
@@ -8944,6 +8910,8 @@ video {
     }
   }@media (min-width: 576px) {.md\:xsl\:max-w-container-xsl {
       max-width: 47.25rem;
+    }.md\:xsl\:mr-2 {
+      margin-right: 0.75rem;
     }.md\:xsl\:px-5 {
       padding-left: 1.875rem;
       padding-right: 1.875rem;
@@ -9086,6 +9054,8 @@ video {
     margin-left: 2.25rem;
   }.md\:ml-\[-1px\] {
     margin-left: -1px;
+  }.md\:mr-1 {
+    margin-right: 0.375rem;
   }.md\:mr-2 {
     margin-right: 0.75rem;
   }.md\:mr-3 {
@@ -9403,24 +9373,12 @@ video {
   }.md\:border-b-border {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-border), var(--tw-border-opacity));
-  }.md\:border-b-hero {
-    --tw-border-opacity: 1;
-    border-bottom-color: rgba(var(--colors-hero), var(--tw-border-opacity));
   }.md\:border-b-primary {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.md\:border-b-white {
-    --tw-border-opacity: 1;
-    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
-  }.md\:border-l-hero {
-    --tw-border-opacity: 1;
-    border-left-color: rgba(var(--colors-hero), var(--tw-border-opacity));
   }.md\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.md\:border-l-white {
-    --tw-border-opacity: 1;
-    border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
   }.md\:border-t-border {
     --tw-border-opacity: 1;
     border-top-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -9549,9 +9507,6 @@ video {
   }.md\:py-1\.5 {
     padding-top: 0.5625rem;
     padding-bottom: 0.5625rem;
-  }.md\:py-2 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
   }.md\:py-3 {
     padding-top: 1.125rem;
     padding-bottom: 1.125rem;
@@ -9564,14 +9519,8 @@ video {
   }.md\:py-\[0\.5rem\] {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
-  }.md\:pb-1 {
-    padding-bottom: 0.375rem;
   }.md\:pb-12 {
     padding-bottom: 4.5rem;
-  }.md\:pb-2 {
-    padding-bottom: 0.75rem;
-  }.md\:pb-2\.5 {
-    padding-bottom: 0.9375rem;
   }.md\:pb-4 {
     padding-bottom: 1.5rem;
   }.md\:pb-5 {
@@ -9612,10 +9561,6 @@ video {
     padding-top: 0rem;
   }.md\:pt-0\.5 {
     padding-top: 0.1875rem;
-  }.md\:pt-1 {
-    padding-top: 0.375rem;
-  }.md\:pt-1\.5 {
-    padding-top: 0.5625rem;
   }.md\:pt-12 {
     padding-top: 4.5rem;
   }.md\:pt-\[0\.625rem\] {
@@ -10148,6 +10093,8 @@ video {
     }
   }@media (min-width: 576px) {.lg\:xsl\:max-w-container-xsl {
       max-width: 47.25rem;
+    }.lg\:xsl\:mr-2 {
+      margin-right: 0.75rem;
     }.lg\:xsl\:px-5 {
       padding-left: 1.875rem;
       padding-right: 1.875rem;
@@ -10276,6 +10223,10 @@ video {
     margin-bottom: -1px;
   }.lg\:ml-\[-1px\] {
     margin-left: -1px;
+  }.lg\:mr-1 {
+    margin-right: 0.375rem;
+  }.lg\:mr-2 {
+    margin-right: 0.75rem;
   }.lg\:mr-3 {
     margin-right: 1.125rem;
   }.lg\:mr-\[-1px\] {
@@ -10587,24 +10538,12 @@ video {
   }.lg\:border-b-border {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-border), var(--tw-border-opacity));
-  }.lg\:border-b-hero {
-    --tw-border-opacity: 1;
-    border-bottom-color: rgba(var(--colors-hero), var(--tw-border-opacity));
   }.lg\:border-b-primary {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.lg\:border-b-white {
-    --tw-border-opacity: 1;
-    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
-  }.lg\:border-l-hero {
-    --tw-border-opacity: 1;
-    border-left-color: rgba(var(--colors-hero), var(--tw-border-opacity));
   }.lg\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.lg\:border-l-white {
-    --tw-border-opacity: 1;
-    border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
   }.lg\:border-t-border {
     --tw-border-opacity: 1;
     border-top-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -10721,9 +10660,6 @@ video {
   }.lg\:py-1\.5 {
     padding-top: 0.5625rem;
     padding-bottom: 0.5625rem;
-  }.lg\:py-2 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
   }.lg\:py-3 {
     padding-top: 1.125rem;
     padding-bottom: 1.125rem;
@@ -10736,14 +10672,8 @@ video {
   }.lg\:py-\[0\.5rem\] {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
-  }.lg\:pb-1 {
-    padding-bottom: 0.375rem;
   }.lg\:pb-12 {
     padding-bottom: 4.5rem;
-  }.lg\:pb-2 {
-    padding-bottom: 0.75rem;
-  }.lg\:pb-2\.5 {
-    padding-bottom: 0.9375rem;
   }.lg\:pb-5 {
     padding-bottom: 1.875rem;
   }.lg\:pb-7 {
@@ -10782,10 +10712,6 @@ video {
     padding-top: 0rem;
   }.lg\:pt-0\.5 {
     padding-top: 0.1875rem;
-  }.lg\:pt-1 {
-    padding-top: 0.375rem;
-  }.lg\:pt-1\.5 {
-    padding-top: 0.5625rem;
   }.lg\:pt-12 {
     padding-top: 4.5rem;
   }.lg\:pt-\[0\.625rem\] {
@@ -11293,6 +11219,8 @@ video {
     }
   }@media (min-width: 576px) {.xl\:xsl\:max-w-container-xsl {
       max-width: 47.25rem;
+    }.xl\:xsl\:mr-2 {
+      margin-right: 0.75rem;
     }.xl\:xsl\:px-5 {
       padding-left: 1.875rem;
       padding-right: 1.875rem;
@@ -11418,6 +11346,10 @@ video {
     margin-bottom: -1px;
   }.xl\:ml-\[-1px\] {
     margin-left: -1px;
+  }.xl\:mr-1 {
+    margin-right: 0.375rem;
+  }.xl\:mr-2 {
+    margin-right: 0.75rem;
   }.xl\:mr-3 {
     margin-right: 1.125rem;
   }.xl\:mr-\[-1px\] {
@@ -11722,24 +11654,12 @@ video {
   }.xl\:border-b-border {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-border), var(--tw-border-opacity));
-  }.xl\:border-b-hero {
-    --tw-border-opacity: 1;
-    border-bottom-color: rgba(var(--colors-hero), var(--tw-border-opacity));
   }.xl\:border-b-primary {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.xl\:border-b-white {
-    --tw-border-opacity: 1;
-    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
-  }.xl\:border-l-hero {
-    --tw-border-opacity: 1;
-    border-left-color: rgba(var(--colors-hero), var(--tw-border-opacity));
   }.xl\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity));
-  }.xl\:border-l-white {
-    --tw-border-opacity: 1;
-    border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
   }.xl\:border-t-border {
     --tw-border-opacity: 1;
     border-top-color: rgba(var(--colors-border), var(--tw-border-opacity));
@@ -11843,9 +11763,6 @@ video {
   }.xl\:py-1\.5 {
     padding-top: 0.5625rem;
     padding-bottom: 0.5625rem;
-  }.xl\:py-2 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
   }.xl\:py-3 {
     padding-top: 1.125rem;
     padding-bottom: 1.125rem;
@@ -11858,14 +11775,8 @@ video {
   }.xl\:py-\[0\.5rem\] {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
-  }.xl\:pb-1 {
-    padding-bottom: 0.375rem;
   }.xl\:pb-12 {
     padding-bottom: 4.5rem;
-  }.xl\:pb-2 {
-    padding-bottom: 0.75rem;
-  }.xl\:pb-2\.5 {
-    padding-bottom: 0.9375rem;
   }.xl\:pb-5 {
     padding-bottom: 1.875rem;
   }.xl\:pb-7 {
@@ -11904,10 +11815,6 @@ video {
     padding-top: 0rem;
   }.xl\:pt-0\.5 {
     padding-top: 0.1875rem;
-  }.xl\:pt-1 {
-    padding-top: 0.375rem;
-  }.xl\:pt-1\.5 {
-    padding-top: 0.5625rem;
   }.xl\:pt-12 {
     padding-top: 4.5rem;
   }.xl\:pt-\[0\.625rem\] {