@westpac/ui 1.9.0 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/component-type.json +1 -1
  3. package/dist/components/alert/alert.styles.js +1 -1
  4. package/dist/components/select/components/styled-select/styled-select.styles.js +1 -1
  5. package/dist/css/westpac-ui.css +0 -5
  6. package/dist/css/westpac-ui.min.css +0 -5
  7. package/package.json +1 -1
  8. package/src/components/alert/alert.styles.ts +1 -1
  9. package/src/components/select/components/styled-select/styled-select.styles.ts +1 -1
package/dist/components/alert/alert.styles.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { tv } from 'tailwind-variants';
2
2
  export const styles = tv({
3
3
  slots: {
4
- base: 'relative mb-5 typography-body-10 xsl:flex',
4
+ base: 'relative mb-5 flex typography-body-10',
5
5
  icon: 'float-left flex-none',
6
6
  body: 'relative flex-1 xsl:top-[0.125rem] [&_:focus-visible]:focus-outline [&_a]:underline',
7
7
  heading: 'mb-1 typography-body-9 font-bold',
package/dist/components/select/components/styled-select/styled-select.styles.js CHANGED
@@ -3,7 +3,7 @@ export const styles = tv({
3
3
  slots: {
4
4
  root: 'relative inline-flex',
5
5
  select: 'form-control flex-1 overflow-hidden bg-no-repeat text-ellipsis group-first/add-on-before:rounded-r-none group-first/add-on-before:!border-x group-last/add-on-after:rounded-l-none group-last/add-on-after:!border-x group-[.input-group-after]:rounded-r-none group-[.input-group-after]:border-r-0 group-[.input-group-before]:rounded-l-none group-[.input-group-before]:border-l-0 disabled:form-control-disabled',
6
- caret: 'absolute top-1/2 right-2 z-100 -translate-y-1/2 text-surface-muted-vivid'
6
+ caret: 'pointer-events-none absolute top-1/2 right-2 z-100 -translate-y-1/2 text-surface-muted-vivid'
7
7
  },
8
8
  variants: {
9
9
  size: {
package/dist/css/westpac-ui.css CHANGED
@@ -4619,11 +4619,6 @@
4619
4619
  margin-right: calc(0.375rem * 2);
4620
4620
  }
4621
4621
  }
4622
- .xsl\:flex {
4623
- @media (width >= 576px) {
4624
- display: flex;
4625
- }
4626
- }
4627
4622
  .xsl\:max-w-xsl {
4628
4623
  @media (width >= 576px) {
4629
4624
  max-width: 47.25rem;
package/dist/css/westpac-ui.min.css CHANGED
@@ -4619,11 +4619,6 @@
4619
4619
  margin-right: calc(0.375rem * 2);
4620
4620
  }
4621
4621
  }
4622
- .xsl\:flex {
4623
- @media (width >= 576px) {
4624
- display: flex;
4625
- }
4626
- }
4627
4622
  .xsl\:max-w-xsl {
4628
4623
  @media (width >= 576px) {
4629
4624
  max-width: 47.25rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@westpac/ui",
3
- "version": "1.9.0",
3
+ "version": "1.10.0",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "type": "module",
package/src/components/alert/alert.styles.ts CHANGED
@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
2
2
 
3
3
  export const styles = tv({
4
4
  slots: {
5
- base: 'relative mb-5 typography-body-10 xsl:flex',
5
+ base: 'relative mb-5 flex typography-body-10',
6
6
  icon: 'float-left flex-none',
7
7
  body: 'relative flex-1 xsl:top-[0.125rem] [&_:focus-visible]:focus-outline [&_a]:underline',
8
8
  heading: 'mb-1 typography-body-9 font-bold',
package/src/components/select/components/styled-select/styled-select.styles.ts CHANGED
@@ -5,7 +5,7 @@ export const styles = tv({
5
5
  root: 'relative inline-flex',
6
6
  select:
7
7
  'form-control flex-1 overflow-hidden bg-no-repeat text-ellipsis group-first/add-on-before:rounded-r-none group-first/add-on-before:!border-x group-last/add-on-after:rounded-l-none group-last/add-on-after:!border-x group-[.input-group-after]:rounded-r-none group-[.input-group-after]:border-r-0 group-[.input-group-before]:rounded-l-none group-[.input-group-before]:border-l-0 disabled:form-control-disabled',
8
- caret: 'absolute top-1/2 right-2 z-100 -translate-y-1/2 text-surface-muted-vivid', // z-index to ensure caret displays correctly in certain focus states
8
+ caret: 'pointer-events-none absolute top-1/2 right-2 z-100 -translate-y-1/2 text-surface-muted-vivid', // z-index to ensure caret displays correctly in certain focus states
9
9
  },
10
10
  variants: {
11
11
  size: {