@westpac/ui 0.56.1 → 0.57.0

package/dist/css/westpac-ui.css

@@ -3558,18 +3558,6 @@ body {
 .-ml-2 {
   margin-left: -0.75rem;
 }
-.-mr-1\.5 {
-  margin-right: -0.5625rem;
-}
-.-mr-2 {
-  margin-right: -0.75rem;
-}
-.-mr-2\.5 {
-  margin-right: -0.9375rem;
-}
-.-mr-3 {
-  margin-right: -1.125rem;
-}
 .-mt-1 {
   margin-top: -0.375rem;
 }
@@ -3956,21 +3944,9 @@ body {
 .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;
 }
@@ -4422,15 +4398,9 @@ body {
 .gap-1 {
   gap: 0.375rem;
 }
-.gap-1\.5 {
-  gap: 0.5625rem;
-}
 .gap-2 {
   gap: 0.75rem;
 }
-.gap-2\.5 {
-  gap: 0.9375rem;
-}
 .gap-3 {
   gap: 1.125rem;
 }
@@ -4566,6 +4536,10 @@ body {
   border-top-right-radius: 0.1875rem;
   border-bottom-right-radius: 0.1875rem;
 }
+.rounded-r-none {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
 .rounded-t {
   border-top-left-radius: 0.1875rem;
   border-top-right-radius: 0.1875rem;
@@ -6552,6 +6526,10 @@ body {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.blur {
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -8958,18 +8936,6 @@ body {
     margin-top: 0.75rem;
     margin-bottom: 0.75rem;
   }
-  .xsl\:-mr-1\.5 {
-    margin-right: -0.5625rem;
-  }
-  .xsl\:-mr-2 {
-    margin-right: -0.75rem;
-  }
-  .xsl\:-mr-2\.5 {
-    margin-right: -0.9375rem;
-  }
-  .xsl\:-mr-3 {
-    margin-right: -1.125rem;
-  }
   .xsl\:-mt-1 {
     margin-top: -0.375rem;
   }
@@ -9144,18 +9110,6 @@ body {
   .xsl\:min-h-9 {
     min-height: 3.375rem;
   }
-  .xsl\:min-h-\[1\.75rem\] {
-    min-height: 1.75rem;
-  }
-  .xsl\:min-h-\[2\.125rem\] {
-    min-height: 2.125rem;
-  }
-  .xsl\:min-h-\[2\.5rem\] {
-    min-height: 2.5rem;
-  }
-  .xsl\:min-h-\[2\.875rem\] {
-    min-height: 2.875rem;
-  }
   .xsl\:w-0 {
     width: 0rem;
   }
@@ -9370,15 +9324,9 @@ body {
   .xsl\:gap-0 {
     gap: 0rem;
   }
-  .xsl\:gap-1\.5 {
-    gap: 0.5625rem;
-  }
   .xsl\:gap-2 {
     gap: 0.75rem;
   }
-  .xsl\:gap-2\.5 {
-    gap: 0.9375rem;
-  }
   .xsl\:gap-3 {
     gap: 1.125rem;
   }
@@ -9585,6 +9533,10 @@ body {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity, 1));
   }
+  .xsl\:border-l-borderDark {
+    --tw-border-opacity: 1;
+    border-left-color: rgba(var(--colors-borderDark), var(--tw-border-opacity, 1));
+  }
   .xsl\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity, 1));
@@ -10276,6 +10228,9 @@ body {
       --tw-bg-opacity: 1;
       background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
     }
+    .xsl\:hover\:no-underline:hover {
+      text-decoration-line: none;
+    }
   }
   .xsl\:focus\:pointer-events-auto:focus {
     pointer-events: auto;
@@ -10672,18 +10627,6 @@ body {
   .sm\:-ml-4 {
     margin-left: -1.5rem;
   }
-  .sm\:-mr-1\.5 {
-    margin-right: -0.5625rem;
-  }
-  .sm\:-mr-2 {
-    margin-right: -0.75rem;
-  }
-  .sm\:-mr-2\.5 {
-    margin-right: -0.9375rem;
-  }
-  .sm\:-mr-3 {
-    margin-right: -1.125rem;
-  }
   .sm\:-mt-1 {
     margin-top: -0.375rem;
   }
@@ -10875,18 +10818,6 @@ body {
   .sm\:min-h-9 {
     min-height: 3.375rem;
   }
-  .sm\:min-h-\[1\.75rem\] {
-    min-height: 1.75rem;
-  }
-  .sm\:min-h-\[2\.125rem\] {
-    min-height: 2.125rem;
-  }
-  .sm\:min-h-\[2\.5rem\] {
-    min-height: 2.5rem;
-  }
-  .sm\:min-h-\[2\.875rem\] {
-    min-height: 2.875rem;
-  }
   .sm\:w-0 {
     width: 0rem;
   }
@@ -11104,15 +11035,9 @@ body {
   .sm\:gap-0 {
     gap: 0rem;
   }
-  .sm\:gap-1\.5 {
-    gap: 0.5625rem;
-  }
   .sm\:gap-2 {
     gap: 0.75rem;
   }
-  .sm\:gap-2\.5 {
-    gap: 0.9375rem;
-  }
   .sm\:gap-3 {
     gap: 1.125rem;
   }
@@ -11319,6 +11244,10 @@ body {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity, 1));
   }
+  .sm\:border-l-borderDark {
+    --tw-border-opacity: 1;
+    border-left-color: rgba(var(--colors-borderDark), var(--tw-border-opacity, 1));
+  }
   .sm\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity, 1));
@@ -12033,6 +11962,9 @@ body {
       --tw-bg-opacity: 1;
       background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
     }
+    .sm\:hover\:no-underline:hover {
+      text-decoration-line: none;
+    }
   }
   .sm\:focus\:pointer-events-auto:focus {
     pointer-events: auto;
@@ -12502,18 +12434,6 @@ body {
   .md\:-ml-3 {
     margin-left: -1.125rem;
   }
-  .md\:-mr-1\.5 {
-    margin-right: -0.5625rem;
-  }
-  .md\:-mr-2 {
-    margin-right: -0.75rem;
-  }
-  .md\:-mr-2\.5 {
-    margin-right: -0.9375rem;
-  }
-  .md\:-mr-3 {
-    margin-right: -1.125rem;
-  }
   .md\:-mt-1 {
     margin-top: -0.375rem;
   }
@@ -12697,18 +12617,6 @@ body {
   .md\:min-h-9 {
     min-height: 3.375rem;
   }
-  .md\:min-h-\[1\.75rem\] {
-    min-height: 1.75rem;
-  }
-  .md\:min-h-\[2\.125rem\] {
-    min-height: 2.125rem;
-  }
-  .md\:min-h-\[2\.5rem\] {
-    min-height: 2.5rem;
-  }
-  .md\:min-h-\[2\.875rem\] {
-    min-height: 2.875rem;
-  }
   .md\:w-0 {
     width: 0rem;
   }
@@ -12923,15 +12831,9 @@ body {
   .md\:gap-0 {
     gap: 0rem;
   }
-  .md\:gap-1\.5 {
-    gap: 0.5625rem;
-  }
   .md\:gap-2 {
     gap: 0.75rem;
   }
-  .md\:gap-2\.5 {
-    gap: 0.9375rem;
-  }
   .md\:gap-3 {
     gap: 1.125rem;
   }
@@ -13141,6 +13043,10 @@ body {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity, 1));
   }
+  .md\:border-l-borderDark {
+    --tw-border-opacity: 1;
+    border-left-color: rgba(var(--colors-borderDark), var(--tw-border-opacity, 1));
+  }
   .md\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity, 1));
@@ -13860,6 +13766,9 @@ body {
       --tw-bg-opacity: 1;
       background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
     }
+    .md\:hover\:no-underline:hover {
+      text-decoration-line: none;
+    }
   }
   .md\:focus\:pointer-events-auto:focus {
     pointer-events: auto;
@@ -14326,18 +14235,6 @@ body {
     margin-top: 0.75rem;
     margin-bottom: 0.75rem;
   }
-  .lg\:-mr-1\.5 {
-    margin-right: -0.5625rem;
-  }
-  .lg\:-mr-2 {
-    margin-right: -0.75rem;
-  }
-  .lg\:-mr-2\.5 {
-    margin-right: -0.9375rem;
-  }
-  .lg\:-mr-3 {
-    margin-right: -1.125rem;
-  }
   .lg\:-mt-1 {
     margin-top: -0.375rem;
   }
@@ -14515,18 +14412,6 @@ body {
   .lg\:min-h-9 {
     min-height: 3.375rem;
   }
-  .lg\:min-h-\[1\.75rem\] {
-    min-height: 1.75rem;
-  }
-  .lg\:min-h-\[2\.125rem\] {
-    min-height: 2.125rem;
-  }
-  .lg\:min-h-\[2\.5rem\] {
-    min-height: 2.5rem;
-  }
-  .lg\:min-h-\[2\.875rem\] {
-    min-height: 2.875rem;
-  }
   .lg\:w-0 {
     width: 0rem;
   }
@@ -14741,15 +14626,9 @@ body {
   .lg\:gap-0 {
     gap: 0rem;
   }
-  .lg\:gap-1\.5 {
-    gap: 0.5625rem;
-  }
   .lg\:gap-2 {
     gap: 0.75rem;
   }
-  .lg\:gap-2\.5 {
-    gap: 0.9375rem;
-  }
   .lg\:gap-3 {
     gap: 1.125rem;
   }
@@ -14956,6 +14835,10 @@ body {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity, 1));
   }
+  .lg\:border-l-borderDark {
+    --tw-border-opacity: 1;
+    border-left-color: rgba(var(--colors-borderDark), var(--tw-border-opacity, 1));
+  }
   .lg\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity, 1));
@@ -15659,6 +15542,9 @@ body {
       --tw-bg-opacity: 1;
       background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
     }
+    .lg\:hover\:no-underline:hover {
+      text-decoration-line: none;
+    }
   }
   .lg\:focus\:pointer-events-auto:focus {
     pointer-events: auto;
@@ -16087,18 +15973,6 @@ body {
     margin-top: 0.75rem;
     margin-bottom: 0.75rem;
   }
-  .xl\:-mr-1\.5 {
-    margin-right: -0.5625rem;
-  }
-  .xl\:-mr-2 {
-    margin-right: -0.75rem;
-  }
-  .xl\:-mr-2\.5 {
-    margin-right: -0.9375rem;
-  }
-  .xl\:-mr-3 {
-    margin-right: -1.125rem;
-  }
   .xl\:-mt-1 {
     margin-top: -0.375rem;
   }
@@ -16268,18 +16142,6 @@ body {
   .xl\:min-h-9 {
     min-height: 3.375rem;
   }
-  .xl\:min-h-\[1\.75rem\] {
-    min-height: 1.75rem;
-  }
-  .xl\:min-h-\[2\.125rem\] {
-    min-height: 2.125rem;
-  }
-  .xl\:min-h-\[2\.5rem\] {
-    min-height: 2.5rem;
-  }
-  .xl\:min-h-\[2\.875rem\] {
-    min-height: 2.875rem;
-  }
   .xl\:w-0 {
     width: 0rem;
   }
@@ -16486,15 +16348,9 @@ body {
   .xl\:gap-0 {
     gap: 0rem;
   }
-  .xl\:gap-1\.5 {
-    gap: 0.5625rem;
-  }
   .xl\:gap-2 {
     gap: 0.75rem;
   }
-  .xl\:gap-2\.5 {
-    gap: 0.9375rem;
-  }
   .xl\:gap-3 {
     gap: 1.125rem;
   }
@@ -16701,6 +16557,10 @@ body {
     --tw-border-opacity: 1;
     border-bottom-color: rgba(var(--colors-primary), var(--tw-border-opacity, 1));
   }
+  .xl\:border-l-borderDark {
+    --tw-border-opacity: 1;
+    border-left-color: rgba(var(--colors-borderDark), var(--tw-border-opacity, 1));
+  }
   .xl\:border-l-primary {
     --tw-border-opacity: 1;
     border-left-color: rgba(var(--colors-primary), var(--tw-border-opacity, 1));
@@ -17386,6 +17246,9 @@ body {
       --tw-bg-opacity: 1;
       background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
     }
+    .xl\:hover\:no-underline:hover {
+      text-decoration-line: none;
+    }
   }
   .xl\:focus\:pointer-events-auto:focus {
     pointer-events: auto;