@westpac/ui 0.8.0 → 0.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 (161) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/assets/icons/filled/exit-filled.svg +3 -3
  3. package/assets/icons/outlined/exit-outlined.svg +3 -3
  4. package/dist/component-type.json +1 -1
  5. package/dist/components/accordion/accordion.styles.js +1 -1
  6. package/dist/components/accordion/components/accordion-item/accordion-item.styles.d.ts +2 -0
  7. package/dist/components/accordion/components/accordion-item/accordion-item.styles.js +2 -1
  8. package/dist/components/alert/alert.styles.js +4 -4
  9. package/dist/components/badge/badge.styles.js +1 -1
  10. package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.js +1 -1
  11. package/dist/components/button/button.styles.js +4 -4
  12. package/dist/components/button-dropdown/components/panel/panel.styles.js +1 -1
  13. package/dist/components/button-group/components/button/button.styles.js +1 -1
  14. package/dist/components/checkbox-group/components/checkbox/checkbox.styles.js +1 -1
  15. package/dist/components/compacta/compacta.styles.js +4 -4
  16. package/dist/components/flexi-cell/flexi-cell.styles.js +1 -1
  17. package/dist/components/form-label/form-label.styles.d.ts +1 -1
  18. package/dist/components/form-label/form-label.styles.js +1 -1
  19. package/dist/components/icon/components/exit-icon.js +2 -2
  20. package/dist/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.styles.js +6 -6
  21. package/dist/components/input-field/components/add-ons/components/text-add-on/text-add-on.styles.js +5 -5
  22. package/dist/components/list/components/item/item.styles.js +4 -4
  23. package/dist/components/modal/components/dialog/dialog.styles.js +1 -1
  24. package/dist/components/pagination/components/pagination-item/pagination-item.styles.d.ts +1 -1
  25. package/dist/components/pagination/components/pagination-item/pagination-item.styles.js +3 -3
  26. package/dist/components/panel/panel.styles.js +1 -1
  27. package/dist/components/popover/components/panel/panel.component.d.ts +1 -1
  28. package/dist/components/popover/components/panel/panel.component.js +39 -5
  29. package/dist/components/popover/components/panel/panel.styles.js +5 -5
  30. package/dist/components/popover/components/panel/panel.types.d.ts +12 -2
  31. package/dist/components/popover/popover.component.d.ts +4 -0
  32. package/dist/components/popover/popover.component.js +12 -6
  33. package/dist/components/popover/popover.hooks.d.ts +3 -0
  34. package/dist/components/popover/popover.hooks.js +37 -0
  35. package/dist/components/popover/popover.types.d.ts +1 -1
  36. package/dist/components/progress-bar/progress-bar.styles.js +2 -2
  37. package/dist/components/repeater/repeater.styles.js +4 -4
  38. package/dist/components/switch/switch.styles.js +1 -1
  39. package/dist/components/table/components/row/row.styles.js +1 -1
  40. package/dist/components/tabs/components/tab/tab.styles.d.ts +1 -1
  41. package/dist/components/tabs/components/tab/tab.styles.js +4 -4
  42. package/dist/components/well/well.styles.d.ts +1 -1
  43. package/dist/components/well/well.styles.js +1 -1
  44. package/dist/css/westpac-ui.css +481 -328
  45. package/dist/css/westpac-ui.min.css +481 -328
  46. package/dist/tailwind/__mocks__/utils.constants.d.ts +71 -36
  47. package/dist/tailwind/__mocks__/utils.constants.js +71 -36
  48. package/dist/tailwind/constants/spacing.d.ts +2 -36
  49. package/dist/tailwind/constants/spacing.js +2 -1
  50. package/dist/tailwind/tailwind-plugin.js +3 -0
  51. package/dist/tailwind/types/index.d.ts +0 -1
  52. package/dist/tailwind/types/index.js +0 -1
  53. package/dist/tailwind/utils/create-spacing.d.ts +2 -3
  54. package/dist/tailwind/utils/create-spacing.js +7 -7
  55. package/package.json +3 -1
  56. package/src/components/accordion/accordion.styles.ts +1 -1
  57. package/src/components/accordion/components/accordion-item/accordion-item.styles.ts +1 -0
  58. package/src/components/alert/alert.styles.ts +4 -4
  59. package/src/components/badge/badge.styles.ts +1 -1
  60. package/src/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.tsx +1 -1
  61. package/src/components/button/button.styles.ts +4 -4
  62. package/src/components/button-dropdown/components/panel/panel.styles.ts +1 -2
  63. package/src/components/button-group/components/button/button.styles.ts +1 -1
  64. package/src/components/checkbox-group/components/checkbox/checkbox.styles.ts +1 -1
  65. package/src/components/compacta/compacta.styles.ts +4 -4
  66. package/src/components/error-message/error-message.component.tsx +1 -7
  67. package/src/components/flexi-cell/flexi-cell.styles.ts +1 -1
  68. package/src/components/form-label/form-label.styles.ts +1 -1
  69. package/src/components/icon/components/exit-icon.tsx +2 -2
  70. package/src/components/icon/index.ts +1 -0
  71. package/src/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.styles.ts +16 -16
  72. package/src/components/input-field/components/add-ons/components/text-add-on/text-add-on.styles.ts +5 -5
  73. package/src/components/list/components/item/item.styles.ts +4 -4
  74. package/src/components/modal/components/dialog/dialog.styles.ts +1 -1
  75. package/src/components/pagination/components/pagination-item/pagination-item.styles.ts +3 -3
  76. package/src/components/panel/panel.styles.ts +1 -1
  77. package/src/components/popover/components/panel/panel.component.tsx +36 -6
  78. package/src/components/popover/components/panel/panel.styles.ts +5 -5
  79. package/src/components/popover/components/panel/panel.types.ts +13 -2
  80. package/src/components/popover/popover.component.tsx +13 -2
  81. package/src/components/popover/popover.hooks.tsx +56 -0
  82. package/src/components/popover/popover.types.ts +1 -1
  83. package/src/components/progress-bar/progress-bar.styles.ts +2 -2
  84. package/src/components/repeater/repeater.styles.ts +4 -4
  85. package/src/components/switch/switch.styles.ts +1 -1
  86. package/src/components/table/components/row/row.styles.ts +1 -1
  87. package/src/components/tabs/components/tab/tab.styles.ts +4 -4
  88. package/src/components/well/well.styles.ts +1 -1
  89. package/src/tailwind/__mocks__/utils.constants.ts +71 -36
  90. package/src/tailwind/constants/spacing.ts +2 -1
  91. package/src/tailwind/tailwind-plugin.ts +3 -0
  92. package/src/tailwind/types/index.ts +0 -1
  93. package/src/tailwind/utils/create-spacing.ts +9 -13
  94. package/tsconfig.build.json +1 -1
  95. package/.storybook/global.css +0 -109
  96. package/.storybook/main.ts +0 -33
  97. package/.storybook/manager.ts +0 -6
  98. package/.storybook/preview.tsx +0 -91
  99. package/.storybook/theme.ts +0 -9
  100. package/dist/components/accordion/accordion.stories.d.ts +0 -24
  101. package/dist/components/alert/alert.stories.d.ts +0 -29
  102. package/dist/components/autocomplete/autocomplete.stories.d.ts +0 -33
  103. package/dist/components/badge/badge.stories.d.ts +0 -25
  104. package/dist/components/breadcrumb/breadcrumb.stories.d.ts +0 -9
  105. package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.stories.d.ts +0 -13
  106. package/dist/components/button/button.stories.d.ts +0 -37
  107. package/dist/components/button-dropdown/button-dropdown.stories.d.ts +0 -42
  108. package/dist/components/button-group/button-group.stories.d.ts +0 -33
  109. package/dist/components/checkbox-group/checkbox-group.stories.d.ts +0 -49
  110. package/dist/components/checkbox-group/components/checkbox/checkbox.stories.d.ts +0 -17
  111. package/dist/components/circle/circle.stories.d.ts +0 -9
  112. package/dist/components/collapsible/collapsible.stories.d.ts +0 -17
  113. package/dist/components/compacta/compacta.stories.d.ts +0 -8
  114. package/dist/components/date-picker/date-picker.stories.d.ts +0 -33
  115. package/dist/components/field/field.stories.d.ts +0 -16
  116. package/dist/components/flexi-cell/flexi-cell.stories.d.ts +0 -26
  117. package/dist/components/form/form.stories.d.ts +0 -21
  118. package/dist/components/grid/grid.stories.d.ts +0 -9
  119. package/dist/components/icon/icon.stories.d.ts +0 -21
  120. package/dist/components/input/input.stories.d.ts +0 -25
  121. package/dist/components/input-field/input-field.scenarios.stories.d.ts +0 -26
  122. package/dist/components/input-field/input-field.sizes.stories.d.ts +0 -9
  123. package/dist/components/input-field/input-field.state.stories.d.ts +0 -17
  124. package/dist/components/input-field/input-field.stories.d.ts +0 -25
  125. package/dist/components/input-field/input-field.type.stories.d.ts +0 -37
  126. package/dist/components/link/link.stories.d.ts +0 -22
  127. package/dist/components/list/list.stories.d.ts +0 -25
  128. package/dist/components/modal/modal.stories.d.ts +0 -21
  129. package/dist/components/pagination/pagination.stories.d.ts +0 -32
  130. package/dist/components/panel/panel.stories.d.ts +0 -21
  131. package/dist/components/pictogram/pictogram.stories.d.ts +0 -10
  132. package/dist/components/popover/popover.stories.d.ts +0 -25
  133. package/dist/components/progress-bar/progress-bar.stories.d.ts +0 -21
  134. package/dist/components/progress-rope/progress-rope.stories.d.ts +0 -13
  135. package/dist/components/radio-group/components/radio/radio.stories.d.ts +0 -17
  136. package/dist/components/radio-group/radio-group.stories.d.ts +0 -49
  137. package/dist/components/repeater/repeater.stories.d.ts +0 -13
  138. package/dist/components/select/select.stories.d.ts +0 -21
  139. package/dist/components/selector/selector.stories.d.ts +0 -56
  140. package/dist/components/skip-link/skip-link.stories.d.ts +0 -8
  141. package/dist/components/switch/switch.stories.d.ts +0 -29
  142. package/dist/components/symbol/symbol.stories.d.ts +0 -12
  143. package/dist/components/table/table.stories.d.ts +0 -25
  144. package/dist/components/tabs/tabs.stories.d.ts +0 -21
  145. package/dist/components/textarea/textarea.stories.d.ts +0 -25
  146. package/dist/components/visually-hidden/visually-hidden.stories.d.ts +0 -12
  147. package/dist/components/well/well.stories.d.ts +0 -25
  148. package/dist/stories/foundation/breakpoints.stories.d.ts +0 -8
  149. package/dist/stories/foundation/colours.stories.d.ts +0 -16
  150. package/dist/stories/foundation/spacing.stories.d.ts +0 -15
  151. package/dist/stories/foundation/theme.stories.d.ts +0 -7
  152. package/dist/stories/foundation/typography.stories.d.ts +0 -15
  153. package/dist/tailwind/types/theme.types.d.ts +0 -1
  154. package/dist/tailwind/types/theme.types.js +0 -1
  155. package/scaffold/component/scaffold.component.hbs +0 -12
  156. package/scaffold/component/scaffold.index.hbs +0 -2
  157. package/scaffold/component/scaffold.spec.hbs +0 -16
  158. package/scaffold/component/scaffold.stories.hbs +0 -23
  159. package/scaffold/component/scaffold.styles.hbs +0 -9
  160. package/scaffold/component/scaffold.types.hbs +0 -12
  161. package/src/tailwind/types/theme.types.ts +0 -37
package/dist/components/table/components/row/row.styles.js CHANGED
@@ -6,7 +6,7 @@ export const styles = tv({
6
6
  variants: {
7
7
  striped: {
8
8
  true: {
9
- base: 'hover:bg-default even:bg-background'
9
+ base: 'even:bg-background hover:bg-[transparent]'
10
10
  }
11
11
  },
12
12
  highlightedRow: {
package/dist/components/tabs/components/tab/tab.styles.d.ts CHANGED
@@ -22,7 +22,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
22
22
  true: string;
23
23
  false: string;
24
24
  };
25
- }, undefined, "typography-body-9 flex cursor-pointer px-3 py-2 text-text transition-colors hover:bg-white", {
25
+ }, undefined, "typography-body-9 flex cursor-pointer px-3 py-2 text-text transition-colors", {
26
26
  responsiveVariants: string[];
27
27
  }, {
28
28
  look: {
package/dist/components/tabs/components/tab/tab.styles.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { tv } from 'tailwind-variants';
2
2
  export const styles = tv({
3
- base: 'typography-body-9 flex cursor-pointer px-3 py-2 text-text transition-colors hover:bg-white',
3
+ base: 'typography-body-9 flex cursor-pointer px-3 py-2 text-text transition-colors',
4
4
  variants: {
5
5
  look: {
6
6
  default: 'border border-border bg-white',
@@ -8,7 +8,7 @@ export const styles = tv({
8
8
  },
9
9
  selected: {
10
10
  true: 'bg-white',
11
- false: ''
11
+ false: 'hover:bg-background'
12
12
  },
13
13
  orientation: {
14
14
  horizontal: '',
@@ -35,12 +35,12 @@ export const styles = tv({
35
35
  {
36
36
  orientation: 'horizontal',
37
37
  look: 'default',
38
- className: 'rounded-t-[0.1875rem]'
38
+ className: 'rounded-t'
39
39
  },
40
40
  {
41
41
  orientation: 'vertical',
42
42
  look: 'default',
43
- className: 'rounded-l-[0.1875rem]'
43
+ className: 'rounded-l'
44
44
  },
45
45
  {
46
46
  orientation: 'horizontal',
package/dist/components/well/well.styles.d.ts CHANGED
@@ -3,7 +3,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
3
3
  light: string;
4
4
  white: string;
5
5
  };
6
- }, undefined, "rounded-[0.1875rem] border border-border p-2 sm:p-4", {
6
+ }, undefined, "rounded border border-border p-2 sm:p-4", {
7
7
  responsiveVariants: string[];
8
8
  }, {
9
9
  color: {
package/dist/components/well/well.styles.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { tv } from 'tailwind-variants';
2
2
  export const styles = tv({
3
- base: 'rounded-[0.1875rem] border border-border p-2 sm:p-4',
3
+ base: 'rounded border border-border p-2 sm:p-4',
4
4
  variants: {
5
5
  color: {
6
6
  light: 'bg-light',