@westpac/ui 0.26.0 → 0.28.0

package/dist/css/westpac-ui.min.css

@@ -3050,6 +3050,8 @@ video {
   border-width: 0;
 }.pointer-events-none {
   pointer-events: none;
+}.pointer-events-auto {
+  pointer-events: auto;
 }.visible {
   visibility: visible;
 }.static {
@@ -3186,6 +3188,8 @@ video {
   margin: 0rem;
 }.m-1 {
   margin: 0.375rem;
+}.m-auto {
+  margin: auto;
 }.-mx-1 {
   margin-left: -0.375rem;
   margin-right: -0.375rem;
@@ -3252,6 +3256,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 +3266,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 +3278,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 {
@@ -3280,6 +3286,8 @@ video {
   margin-top: 0.1875rem;
 }.mt-1 {
   margin-top: 0.375rem;
+}.mt-1\.5 {
+  margin-top: 0.5625rem;
 }.mt-2 {
   margin-top: 0.75rem;
 }.mt-2\.5 {
@@ -3368,6 +3376,8 @@ video {
   height: 2.875rem;
 }.h-\[200px\] {
   height: 200px;
+}.h-\[22px\] {
+  height: 22px;
 }.h-\[24px\] {
   height: 24px;
 }.h-\[26px\] {
@@ -3386,6 +3396,8 @@ video {
   height: 41px;
 }.h-\[42px\] {
   height: 42px;
+}.h-\[43px\] {
+  height: 43px;
 }.h-\[44px\] {
   height: 44px;
 }.h-\[48px\] {
@@ -3467,6 +3479,8 @@ video {
   width: 1.81ex;
 }.w-\[10\.86ex\] {
   width: 10.86ex;
+}.w-\[105px\] {
+  width: 105px;
 }.w-\[10rem\] {
   width: 10rem;
 }.w-\[116px\] {
@@ -3556,6 +3570,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\] {
@@ -3752,6 +3769,8 @@ video {
   overflow-x: auto;
 }.overflow-y-auto {
   overflow-y: auto;
+}.overflow-y-visible {
+  overflow-y: visible;
 }.truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -3760,6 +3779,8 @@ video {
   text-overflow: ellipsis;
 }.whitespace-nowrap {
   white-space: nowrap;
+}.whitespace-pre {
+  white-space: pre;
 }.whitespace-pre-wrap {
   white-space: pre-wrap;
 }.rounded {
@@ -3973,8 +3994,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));
@@ -4773,8 +4792,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 {
@@ -4953,8 +4970,6 @@ 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 {
@@ -6569,8 +6584,6 @@ video {
   }
 }@media not all and (min-width: 992px) {.max-md\:mb-7 {
     margin-bottom: 2.625rem;
-  }.max-md\:mr-1 {
-    margin-right: 0.375rem;
   }.max-md\:mt-0 {
     margin-top: 0rem;
   }.max-md\:mt-0\.5 {
@@ -6657,6 +6670,8 @@ video {
   }
 }@media (min-width: 576px) {.xsl\:pointer-events-none {
     pointer-events: none;
+  }.xsl\:pointer-events-auto {
+    pointer-events: auto;
   }.xsl\:fixed {
     position: fixed;
   }.xsl\:absolute {
@@ -6807,6 +6822,8 @@ video {
     display: inline-flex;
   }.xsl\:h-1 {
     height: 0.375rem;
+  }.xsl\:h-15 {
+    height: 5.625rem;
   }.xsl\:h-2 {
     height: 0.75rem;
   }.xsl\:h-3 {
@@ -6853,6 +6870,8 @@ video {
     width: 4.5rem;
   }.xsl\:w-14 {
     width: 5.25rem;
+  }.xsl\:w-15 {
+    width: 5.625rem;
   }.xsl\:w-2 {
     width: 0.75rem;
   }.xsl\:w-3 {
@@ -6903,6 +6922,9 @@ video {
     width: 9.05ex;
   }.xsl\:w-auto {
     width: auto;
+  }.xsl\:w-fit {
+    width: -moz-fit-content;
+    width: fit-content;
   }.xsl\:w-full {
     width: 100%;
   }.xsl\:min-w-\[11\.875rem\] {
@@ -7094,24 +7116,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));
@@ -7215,15 +7225,9 @@ 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;
-  }.xsl\:py-\[0\.25rem\] {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
   }.xsl\:py-\[0\.3125rem\] {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
@@ -7234,14 +7238,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 {
@@ -7280,10 +7278,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\] {
@@ -7769,6 +7763,8 @@ video {
     }
   }.sm\:pointer-events-none {
     pointer-events: none;
+  }.sm\:pointer-events-auto {
+    pointer-events: auto;
   }.sm\:fixed {
     position: fixed;
   }.sm\:absolute {
@@ -7933,6 +7929,8 @@ video {
     height: 0.375rem;
   }.sm\:h-11 {
     height: 4.125rem;
+  }.sm\:h-15 {
+    height: 5.625rem;
   }.sm\:h-2 {
     height: 0.75rem;
   }.sm\:h-3 {
@@ -7981,6 +7979,8 @@ video {
     width: 4.5rem;
   }.sm\:w-14 {
     width: 5.25rem;
+  }.sm\:w-15 {
+    width: 5.625rem;
   }.sm\:w-2 {
     width: 0.75rem;
   }.sm\:w-3 {
@@ -8031,6 +8031,9 @@ video {
     width: 9.05ex;
   }.sm\:w-auto {
     width: auto;
+  }.sm\:w-fit {
+    width: -moz-fit-content;
+    width: fit-content;
   }.sm\:w-full {
     width: 100%;
   }.sm\:min-w-\[11\.875rem\] {
@@ -8224,24 +8227,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));
@@ -8353,15 +8344,9 @@ 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;
-  }.sm\:py-\[0\.25rem\] {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
   }.sm\:py-\[0\.3125rem\] {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
@@ -8375,14 +8360,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 {
@@ -8421,10 +8400,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\] {
@@ -8967,6 +8942,8 @@ video {
     }
   }.md\:pointer-events-none {
     pointer-events: none;
+  }.md\:pointer-events-auto {
+    pointer-events: auto;
   }.md\:fixed {
     position: fixed;
   }.md\:absolute {
@@ -9133,6 +9110,8 @@ video {
     display: none;
   }.md\:h-1 {
     height: 0.375rem;
+  }.md\:h-15 {
+    height: 5.625rem;
   }.md\:h-2 {
     height: 0.75rem;
   }.md\:h-3 {
@@ -9179,6 +9158,8 @@ video {
     width: 4.5rem;
   }.md\:w-14 {
     width: 5.25rem;
+  }.md\:w-15 {
+    width: 5.625rem;
   }.md\:w-2 {
     width: 0.75rem;
   }.md\:w-3 {
@@ -9229,6 +9210,9 @@ video {
     width: 9.05ex;
   }.md\:w-auto {
     width: auto;
+  }.md\:w-fit {
+    width: -moz-fit-content;
+    width: fit-content;
   }.md\:w-full {
     width: 100%;
   }.md\:min-w-\[11\.875rem\] {
@@ -9422,24 +9406,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));
@@ -9568,29 +9540,17 @@ 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;
-  }.md\:py-\[0\.25rem\] {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
   }.md\:py-\[0\.3125rem\] {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
   }.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 {
@@ -9631,10 +9591,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\] {
@@ -10175,6 +10131,8 @@ video {
     }
   }.lg\:pointer-events-none {
     pointer-events: none;
+  }.lg\:pointer-events-auto {
+    pointer-events: auto;
   }.lg\:fixed {
     position: fixed;
   }.lg\:absolute {
@@ -10325,6 +10283,8 @@ video {
     display: inline-flex;
   }.lg\:h-1 {
     height: 0.375rem;
+  }.lg\:h-15 {
+    height: 5.625rem;
   }.lg\:h-2 {
     height: 0.75rem;
   }.lg\:h-3 {
@@ -10371,6 +10331,8 @@ video {
     width: 4.5rem;
   }.lg\:w-14 {
     width: 5.25rem;
+  }.lg\:w-15 {
+    width: 5.625rem;
   }.lg\:w-2 {
     width: 0.75rem;
   }.lg\:w-3 {
@@ -10421,6 +10383,9 @@ video {
     width: 9.05ex;
   }.lg\:w-auto {
     width: auto;
+  }.lg\:w-fit {
+    width: -moz-fit-content;
+    width: fit-content;
   }.lg\:w-full {
     width: 100%;
   }.lg\:min-w-\[11\.875rem\] {
@@ -10612,24 +10577,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));
@@ -10746,29 +10699,17 @@ 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;
-  }.lg\:py-\[0\.25rem\] {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
   }.lg\:py-\[0\.3125rem\] {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
   }.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 {
@@ -10807,10 +10748,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\] {
@@ -11326,6 +11263,8 @@ video {
     }
   }.xl\:pointer-events-none {
     pointer-events: none;
+  }.xl\:pointer-events-auto {
+    pointer-events: auto;
   }.xl\:fixed {
     position: fixed;
   }.xl\:absolute {
@@ -11471,6 +11410,8 @@ video {
     display: inline-flex;
   }.xl\:h-1 {
     height: 0.375rem;
+  }.xl\:h-15 {
+    height: 5.625rem;
   }.xl\:h-2 {
     height: 0.75rem;
   }.xl\:h-3 {
@@ -11517,6 +11458,8 @@ video {
     width: 4.5rem;
   }.xl\:w-14 {
     width: 5.25rem;
+  }.xl\:w-15 {
+    width: 5.625rem;
   }.xl\:w-2 {
     width: 0.75rem;
   }.xl\:w-3 {
@@ -11567,6 +11510,9 @@ video {
     width: 9.05ex;
   }.xl\:w-auto {
     width: auto;
+  }.xl\:w-fit {
+    width: -moz-fit-content;
+    width: fit-content;
   }.xl\:w-full {
     width: 100%;
   }.xl\:min-w-\[11\.875rem\] {
@@ -11753,24 +11699,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));
@@ -11874,29 +11808,17 @@ 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;
-  }.xl\:py-\[0\.25rem\] {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
   }.xl\:py-\[0\.3125rem\] {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
   }.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 {
@@ -11935,10 +11857,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\] {

package/dist/tailwind/themes/btpl.d.ts

@@ -0,0 +1,2 @@
+import { type BrandConfig } from '../index.js';
+export declare const theme: BrandConfig;

package/dist/tailwind/themes/btpl.js

@@ -0,0 +1,30 @@
+import { generateColorTints } from '../utils/generate-color-tints.js';
+export const theme = {
+    code: 'BTPL',
+    colors: {
+        ...generateColorTints({
+            background: '#F5F5F5',
+            border: '#D9D9D9',
+            heading: '#171717',
+            hero: '#00345A',
+            light: '#F9F9F9',
+            link: '#006DBC',
+            muted: '#666666',
+            neutral: '#2A2E42',
+            pop: '#672993',
+            primary: '#006DBC',
+            text: '#171717',
+            borderDark: '#949494',
+            focus: '#B470D7'
+        }),
+        pictogram: {
+            dark: '#00345A',
+            duo: {
+                highlight: '#006DBC',
+                outline: '#00345A'
+            }
+        }
+    },
+    brandFont: '',
+    name: 'BT Panorama'
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@westpac/ui",
-  "version": "0.26.0",
+  "version": "0.28.0",
   "license": "MIT",
   "sideEffects": false,
   "type": "module",
@@ -257,9 +257,9 @@
     "typescript": "^5.5.4",
     "vite": "^5.2.12",
     "vitest": "^0.30.1",
-    "@westpac/eslint-config": "~0.4.0",
+    "@westpac/test-config": "~0.0.0",
     "@westpac/ts-config": "~0.0.0",
-    "@westpac/test-config": "~0.0.0"
+    "@westpac/eslint-config": "~0.4.0"
   },
   "dependencies": {
     "@duetds/date-picker": "~1.4.0",
@@ -294,7 +294,7 @@
     "build:css:all": "pnpm build:css && pnpm build:css:min",
     "build:types": "tsc --project tsconfig.build.json",
     "build:esm": "swc ./src -d dist --no-swcrc --config-file .swcrc",
-    "build:icons": "ts-node --esm ./utils/build-icons/index.ts",
+    "build:icons": "node --loader ts-node/esm ./utils/build-icons/index.ts",
     "build:exports": "ts-node --esm ./utils/build-exports/index.ts && prettier --write package.json",
     "build:watch": "pnpm clean && pnpm build:types && pnpm build:esm -w && pnpm build:css:all",
     "build:type-table": "node generate-component-types.cjs",

package/src/components/alert/alert.styles.ts

@@ -6,7 +6,7 @@ export const styles = tv(
       base: 'typography-body-10 relative mb-4 xsl:flex',
       icon: 'float-left flex-none',
       body: 'relative flex-1 overflow-hidden xsl:top-[0.125rem] [&_a]:underline',
-      heading: 'typography-body-9 mb-2 font-bold',
+      heading: 'typography-body-9 mb-1 font-bold',
       close: 'absolute right-0.5 top-0.5 p-1 hover:opacity-80',
     },
     variants: {