@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/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @westpac/ui
2
2
 
3
+ ## 0.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 626c503: misc. styling fixes and optimised the build package
8
+
9
+ ## 0.9.0
10
+
11
+ ### Minor Changes
12
+
13
+ - 61e6f8b: Removed .storybook and scaffold folders from node module
14
+ - fe42599: styling fixes based on UX feedback
15
+
3
16
  ## 0.8.0
4
17
 
5
18
  ### Minor Changes
package/assets/icons/filled/exit-filled.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M3.51677 4.50981C8.20277 -0.176183 15.8008 -0.176713 20.4873 4.50981L19.0731 5.92403C15.1679 2.01878 8.83623 2.01878 4.93098 5.92403C1.02573 9.82928 1.02573 16.1609 4.93098 20.0662C8.83623 23.9714 15.1679 23.9714 19.0731 20.0662L20.4873 21.4804C15.8013 26.1664 8.2033 26.1669 3.51677 21.4804C-1.16976 16.7938 -1.16922 9.19581 3.51677 4.50981Z" fill="#0000FF"/>
3
- <path d="M16.9117 17.2479L20.1525 14.0071H12L12.0391 12.0071L20.1562 12.0071L16.9118 8.76266L18.326 7.34844L24 13L18.326 18.6621L16.9117 17.2479Z" fill="#0000FF"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2
+ <path d="M3.51677 3.50981C8.20277 -1.17618 15.8008 -1.17671 20.4873 3.50981L19.0731 4.92403C15.1679 1.01878 8.83623 1.01878 4.93098 4.92403C1.02573 8.82928 1.02573 15.1609 4.93098 19.0662C8.83624 22.9714 15.1679 22.9714 19.0731 19.0662L20.4873 20.4804C15.8013 25.1664 8.2033 25.1669 3.51677 20.4804C-1.16976 15.7938 -1.16922 8.19581 3.51677 3.50981Z" fill="#0000FF"/>
3
+ <path d="M16.9117 16.2479L20.1525 13.0071H12L12.0391 11.0071L20.1562 11.0071L16.9118 7.76266L18.326 6.34844L24 12L18.326 17.6621L16.9117 16.2479Z" fill="#0000FF"/>
4
4
  </svg>
package/assets/icons/outlined/exit-outlined.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M3.51677 4.50981C8.20277 -0.176183 15.8008 -0.176713 20.4873 4.50981L19.0731 5.92403C15.1679 2.01878 8.83623 2.01878 4.93098 5.92403C1.02573 9.82928 1.02573 16.1609 4.93098 20.0662C8.83623 23.9714 15.1679 23.9714 19.0731 20.0662L20.4873 21.4804C15.8013 26.1664 8.2033 26.1669 3.51677 21.4804C-1.16976 16.7938 -1.16922 9.19581 3.51677 4.50981Z" fill="#0000FF"/>
3
- <path d="M16.9117 17.2479L20.1525 14.0071H12L12.0391 12.0071L20.1562 12.0071L16.9118 8.76266L18.326 7.34844L24 13L18.326 18.6621L16.9117 17.2479Z" fill="#0000FF"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2
+ <path d="M3.51677 3.50981C8.20277 -1.17618 15.8008 -1.17671 20.4873 3.50981L19.0731 4.92403C15.1679 1.01878 8.83623 1.01878 4.93098 4.92403C1.02573 8.82928 1.02573 15.1609 4.93098 19.0662C8.83624 22.9714 15.1679 22.9714 19.0731 19.0662L20.4873 20.4804C15.8013 25.1664 8.2033 25.1669 3.51677 20.4804C-1.16976 15.7938 -1.16922 8.19581 3.51677 3.50981Z" fill="#0000FF"/>
3
+ <path d="M16.9117 16.2479L20.1525 13.0071H12L12.0391 11.0071L20.1562 11.0071L16.9118 7.76266L18.326 6.34844L24 12L18.326 17.6621L16.9117 16.2479Z" fill="#0000FF"/>
4
4
  </svg>