@westpac/ui 0.7.0 → 0.8.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 (687) hide show
  1. package/.storybook/global.css +98 -97
  2. package/CHANGELOG.md +12 -0
  3. package/assets/icons/filled/credit-cards-filled.svg +4 -0
  4. package/assets/icons/filled/exit-filled.svg +3 -3
  5. package/assets/icons/filled/office-filled.svg +1 -4
  6. package/assets/icons/filled/pay-to-filled.svg +5 -0
  7. package/assets/icons/filled/tiles-filled.svg +6 -0
  8. package/assets/icons/outlined/credit-cards-outlined.svg +4 -0
  9. package/assets/icons/outlined/exit-outlined.svg +3 -3
  10. package/assets/icons/outlined/office-outlined.svg +4 -1
  11. package/assets/icons/outlined/pay-to-outlined.svg +5 -0
  12. package/assets/icons/outlined/tiles-outlined.svg +3 -0
  13. package/dist/component-type.json +1 -0
  14. package/dist/components/accordion/accordion.component.d.ts +8 -23
  15. package/dist/components/accordion/accordion.component.js +3 -4
  16. package/dist/components/accordion/accordion.stories.d.ts +9 -6
  17. package/dist/components/accordion/accordion.styles.d.ts +1 -9
  18. package/dist/components/accordion/accordion.styles.js +2 -6
  19. package/dist/components/accordion/accordion.types.d.ts +11 -5
  20. package/dist/components/accordion/components/accordion-item/accordion-item.component.d.ts +4 -1
  21. package/dist/components/accordion/components/accordion-item/accordion-item.component.js +18 -17
  22. package/dist/components/accordion/components/accordion-item/accordion-item.styles.d.ts +4 -24
  23. package/dist/components/accordion/components/accordion-item/accordion-item.styles.js +8 -42
  24. package/dist/components/accordion/components/accordion-item/accordion-item.types.d.ts +7 -1
  25. package/dist/components/alert/alert.component.js +1 -0
  26. package/dist/components/alert/alert.styles.js +3 -3
  27. package/dist/components/alert/alert.types.d.ts +1 -3
  28. package/dist/components/autocomplete/autocomplete.component.js +1 -0
  29. package/dist/components/autocomplete/autocomplete.types.d.ts +15 -1
  30. package/dist/components/autocomplete/components/list-box/components/list-box-option/list-box-option.component.d.ts +3 -0
  31. package/dist/components/autocomplete/components/list-box/components/list-box-section/list-box-section.component.d.ts +3 -0
  32. package/dist/components/autocomplete/components/list-box/list-box.component.d.ts +3 -0
  33. package/dist/components/autocomplete/components/popover/popover.component.d.ts +3 -0
  34. package/dist/components/badge/badge.component.d.ts +7 -49
  35. package/dist/components/badge/badge.component.js +1 -0
  36. package/dist/components/badge/badge.types.d.ts +11 -1
  37. package/dist/components/breadcrumb/breadcrumb.component.d.ts +1 -21
  38. package/dist/components/breadcrumb/breadcrumb.component.js +1 -0
  39. package/dist/components/breadcrumb/breadcrumb.types.d.ts +8 -2
  40. package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.d.ts +1 -21
  41. package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.js +1 -0
  42. package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.types.d.ts +1 -3
  43. package/dist/components/button/button.component.d.ts +16 -125
  44. package/dist/components/button/button.component.js +1 -0
  45. package/dist/components/button/button.styles.js +6 -6
  46. package/dist/components/button/button.types.d.ts +23 -1
  47. package/dist/components/button-dropdown/button-dropdown.component.js +1 -0
  48. package/dist/components/button-dropdown/button-dropdown.styles.d.ts +2 -0
  49. package/dist/components/button-dropdown/button-dropdown.styles.js +2 -1
  50. package/dist/components/button-dropdown/button-dropdown.types.d.ts +7 -1
  51. package/dist/components/button-dropdown/components/panel/panel.component.d.ts +3 -0
  52. package/dist/components/button-dropdown/components/panel/panel.styles.js +1 -1
  53. package/dist/components/button-group/button-group.component.js +1 -0
  54. package/dist/components/button-group/components/button/button.styles.js +1 -1
  55. package/dist/components/checkbox-group/checkbox-group.component.js +1 -0
  56. package/dist/components/checkbox-group/components/checkbox/checkbox.component.js +11 -4
  57. package/dist/components/checkbox-group/components/checkbox/checkbox.styles.js +1 -1
  58. package/dist/components/circle/circle.types.d.ts +1 -3
  59. package/dist/components/collapsible/collapsible.component.js +1 -0
  60. package/dist/components/collapsible/collapsible.styles.js +1 -1
  61. package/dist/components/compacta/compacta.component.js +2 -1
  62. package/dist/components/compacta/compacta.styles.js +10 -10
  63. package/dist/components/date-picker/date-picker.component.js +1 -0
  64. package/dist/components/date-picker/date-picker.types.d.ts +7 -1
  65. package/dist/components/error-message/error-message.styles.js +2 -2
  66. package/dist/components/error-message/error-message.types.d.ts +1 -3
  67. package/dist/components/field/field.component.js +1 -0
  68. package/dist/components/field/field.types.d.ts +1 -3
  69. package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.component.d.ts +4 -1
  70. package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.component.js +1 -0
  71. package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.types.d.ts +1 -3
  72. package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.component.d.ts +4 -1
  73. package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.component.js +1 -0
  74. package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.types.d.ts +1 -3
  75. package/dist/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.component.d.ts +4 -1
  76. package/dist/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.component.js +1 -0
  77. package/dist/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.component.d.ts +4 -1
  78. package/dist/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.component.js +1 -0
  79. package/dist/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.component.d.ts +4 -1
  80. package/dist/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.component.js +1 -0
  81. package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.component.d.ts +4 -1
  82. package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.component.js +1 -0
  83. package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.types.d.ts +1 -3
  84. package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.component.d.ts +4 -1
  85. package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.component.js +1 -0
  86. package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.types.d.ts +1 -3
  87. package/dist/components/flexi-cell/flexi-cell.component.js +1 -0
  88. package/dist/components/flexi-cell/flexi-cell.styles.js +1 -1
  89. package/dist/components/flexi-cell/flexi-cell.types.d.ts +1 -3
  90. package/dist/components/form/components/form-chit-chat/form-chit-chat.types.d.ts +1 -3
  91. package/dist/components/form/components/form-group/form-group.styles.d.ts +1 -1
  92. package/dist/components/form/components/form-group/form-group.styles.js +1 -1
  93. package/dist/components/form/components/form-group/form-group.types.d.ts +1 -3
  94. package/dist/components/form/components/form-section/form-section.types.d.ts +7 -1
  95. package/dist/components/form/form.component.d.ts +1 -1
  96. package/dist/components/form/form.component.js +2 -2
  97. package/dist/components/form/form.stories.d.ts +2 -2
  98. package/dist/components/form/form.types.d.ts +6 -1
  99. package/dist/components/form-hint/form-hint.styles.d.ts +1 -1
  100. package/dist/components/form-hint/form-hint.styles.js +1 -1
  101. package/dist/components/form-hint/form-hint.types.d.ts +1 -3
  102. package/dist/components/form-label/form-label.styles.d.ts +1 -1
  103. package/dist/components/form-label/form-label.styles.js +1 -1
  104. package/dist/components/form-label/form-label.types.d.ts +8 -2
  105. package/dist/components/grid/components/container/container.types.d.ts +1 -3
  106. package/dist/components/grid/components/item/item.types.d.ts +11 -1
  107. package/dist/components/grid/grid.types.d.ts +1 -3
  108. package/dist/components/icon/components/credit-cards-icon.d.ts +2 -0
  109. package/dist/components/icon/components/credit-cards-icon.js +38 -0
  110. package/dist/components/icon/components/exit-icon.js +2 -2
  111. package/dist/components/icon/components/office-icon.d.ts +1 -1
  112. package/dist/components/icon/components/office-icon.js +19 -5
  113. package/dist/components/icon/components/pay-to-icon.d.ts +2 -0
  114. package/dist/components/icon/components/pay-to-icon.js +34 -0
  115. package/dist/components/icon/components/tiles-icon.d.ts +2 -0
  116. package/dist/components/icon/components/tiles-icon.js +39 -0
  117. package/dist/components/icon/icon.styles.d.ts +1 -1
  118. package/dist/components/icon/icon.styles.js +1 -1
  119. package/dist/components/icon/icon.types.d.ts +11 -1
  120. package/dist/components/icon/index.d.ts +3 -6
  121. package/dist/components/icon/index.js +3 -6
  122. package/dist/components/input/input.component.d.ts +4 -31
  123. package/dist/components/input/input.component.js +1 -0
  124. package/dist/components/input/input.styles.d.ts +1 -1
  125. package/dist/components/input/input.styles.js +1 -1
  126. package/dist/components/input/input.types.d.ts +10 -1
  127. package/dist/components/input-field/components/add-ons/add-ons.component.d.ts +3 -0
  128. package/dist/components/input-field/components/add-ons/components/default-add-on/default-add-on.component.d.ts +3 -0
  129. package/dist/components/input-field/components/add-ons/components/default-add-on/default-add-on.types.d.ts +1 -3
  130. package/dist/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.component.d.ts +3 -0
  131. package/dist/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.types.d.ts +1 -3
  132. package/dist/components/input-field/components/add-ons/components/text-add-on/text-add-on.component.d.ts +3 -0
  133. package/dist/components/input-field/components/add-ons/components/text-add-on/text-add-on.types.d.ts +1 -3
  134. package/dist/components/input-field/components/supporting-text/supporting-text.component.d.ts +3 -0
  135. package/dist/components/input-field/components/supporting-text/supporting-text.types.d.ts +1 -3
  136. package/dist/components/input-field/input-field.component.js +1 -0
  137. package/dist/components/input-field/input-field.types.d.ts +1 -3
  138. package/dist/components/link/link.component.js +1 -0
  139. package/dist/components/list/list.component.js +1 -0
  140. package/dist/components/modal/components/backdrop/backdrop.types.d.ts +1 -3
  141. package/dist/components/modal/components/dialog/components/dialog-body/dialog-body.types.d.ts +1 -3
  142. package/dist/components/modal/components/dialog/components/dialog-footer/dialog-footer.types.d.ts +1 -3
  143. package/dist/components/modal/components/dialog/dialog.types.d.ts +7 -1
  144. package/dist/components/modal/modal.component.js +1 -0
  145. package/dist/components/pagination/components/pagination-item/pagination-item.component.d.ts +1 -1
  146. package/dist/components/pagination/components/pagination-item/pagination-item.component.js +2 -1
  147. package/dist/components/pagination/components/pagination-item/pagination-item.styles.d.ts +9 -1
  148. package/dist/components/pagination/components/pagination-item/pagination-item.styles.js +7 -3
  149. package/dist/components/pagination/components/pagination-item/pagination-item.types.d.ts +20 -2
  150. package/dist/components/pagination/pagination.component.js +3 -1
  151. package/dist/components/pagination/pagination.styles.js +1 -1
  152. package/dist/components/pagination/pagination.types.d.ts +1 -3
  153. package/dist/components/pictogram/components/decorative/wbc-bank-card-pictogram.js +1 -0
  154. package/dist/components/pictogram/components/informative/accessibility-pictogram.js +1 -0
  155. package/dist/components/pictogram/components/informative/accounts-pictogram.js +1 -0
  156. package/dist/components/pictogram/components/informative/aeroplane-pictogram.js +1 -0
  157. package/dist/components/pictogram/components/informative/arrow-down-pictogram.js +1 -0
  158. package/dist/components/pictogram/components/informative/arrow-left-pictogram.js +1 -0
  159. package/dist/components/pictogram/components/informative/arrow-right-pictogram.js +1 -0
  160. package/dist/components/pictogram/components/informative/arrow-up-pictogram.js +1 -0
  161. package/dist/components/pictogram/components/informative/arrows-passing-pictogram.js +1 -0
  162. package/dist/components/pictogram/components/informative/atm-pictogram.js +1 -0
  163. package/dist/components/pictogram/components/informative/australia-pictogram.js +1 -0
  164. package/dist/components/pictogram/components/informative/bank-card-locked-pictogram.js +1 -0
  165. package/dist/components/pictogram/components/informative/bank-card-pictogram.js +1 -0
  166. package/dist/components/pictogram/components/informative/bank-pictogram.js +1 -0
  167. package/dist/components/pictogram/components/informative/birth-certificate-pictogram.js +1 -0
  168. package/dist/components/pictogram/components/informative/building-pictogram.js +1 -0
  169. package/dist/components/pictogram/components/informative/buoy-pictogram.js +1 -0
  170. package/dist/components/pictogram/components/informative/bus-pictogram.js +1 -0
  171. package/dist/components/pictogram/components/informative/business-person-pictogram.js +1 -0
  172. package/dist/components/pictogram/components/informative/calculator-pictogram.js +1 -0
  173. package/dist/components/pictogram/components/informative/calendar-pictogram.js +1 -0
  174. package/dist/components/pictogram/components/informative/car-pictogram.js +1 -0
  175. package/dist/components/pictogram/components/informative/cash-pictogram.js +1 -0
  176. package/dist/components/pictogram/components/informative/celebration-pictogram.js +1 -0
  177. package/dist/components/pictogram/components/informative/chat-pictogram.js +1 -0
  178. package/dist/components/pictogram/components/informative/clock-pictogram.js +1 -0
  179. package/dist/components/pictogram/components/informative/coffee-pictogram.js +1 -0
  180. package/dist/components/pictogram/components/informative/coins-pictogram.js +1 -0
  181. package/dist/components/pictogram/components/informative/compass-pictogram.js +1 -0
  182. package/dist/components/pictogram/components/informative/customer-profile-pictogram.js +1 -0
  183. package/dist/components/pictogram/components/informative/desktop-computer-pictogram.js +1 -0
  184. package/dist/components/pictogram/components/informative/document-and-pen-pictogram.js +1 -0
  185. package/dist/components/pictogram/components/informative/dollar-sign-pictogram.js +1 -0
  186. package/dist/components/pictogram/components/informative/drivers-licence-pictogram.js +1 -0
  187. package/dist/components/pictogram/components/informative/education-pictogram.js +1 -0
  188. package/dist/components/pictogram/components/informative/eftpos-pictogram.js +1 -0
  189. package/dist/components/pictogram/components/informative/envelope-email-pictogram.js +1 -0
  190. package/dist/components/pictogram/components/informative/envelope-printed-pictogram.js +1 -0
  191. package/dist/components/pictogram/components/informative/face-happy-pictogram.js +1 -0
  192. package/dist/components/pictogram/components/informative/face-unhappy-pictogram.js +1 -0
  193. package/dist/components/pictogram/components/informative/face-unsure-pictogram.js +1 -0
  194. package/dist/components/pictogram/components/informative/finger-motion-pictogram.js +1 -0
  195. package/dist/components/pictogram/components/informative/fingerprint-pictogram.js +1 -0
  196. package/dist/components/pictogram/components/informative/football-pictogram.js +1 -0
  197. package/dist/components/pictogram/components/informative/fork-knife-pictogram.js +1 -0
  198. package/dist/components/pictogram/components/informative/generic-document-pictogram.js +1 -0
  199. package/dist/components/pictogram/components/informative/gift-pictogram.js +1 -0
  200. package/dist/components/pictogram/components/informative/globe-australia-pictogram.js +1 -0
  201. package/dist/components/pictogram/components/informative/globe-pictogram.js +1 -0
  202. package/dist/components/pictogram/components/informative/graph-decreasing-pictogram.js +1 -0
  203. package/dist/components/pictogram/components/informative/graph-increasing-pictogram.js +1 -0
  204. package/dist/components/pictogram/components/informative/gym-pictogram.js +1 -0
  205. package/dist/components/pictogram/components/informative/headset-pictogram.js +1 -0
  206. package/dist/components/pictogram/components/informative/heart-pictogram.js +1 -0
  207. package/dist/components/pictogram/components/informative/house-pictogram.js +1 -0
  208. package/dist/components/pictogram/components/informative/light-bulb-pictogram.js +1 -0
  209. package/dist/components/pictogram/components/informative/loop-pictogram.js +1 -0
  210. package/dist/components/pictogram/components/informative/medicare-card-pictogram.js +1 -0
  211. package/dist/components/pictogram/components/informative/mobile-device-pictogram.js +1 -0
  212. package/dist/components/pictogram/components/informative/money-in-pictogram.js +1 -0
  213. package/dist/components/pictogram/components/informative/money-out-pictogram.js +1 -0
  214. package/dist/components/pictogram/components/informative/movie-tickets-pictogram.js +1 -0
  215. package/dist/components/pictogram/components/informative/nest-egg-pictogram.js +1 -0
  216. package/dist/components/pictogram/components/informative/noodles-pictogram.js +1 -0
  217. package/dist/components/pictogram/components/informative/number-1-pictogram.js +1 -0
  218. package/dist/components/pictogram/components/informative/number-2-pictogram.js +1 -0
  219. package/dist/components/pictogram/components/informative/number-3-pictogram.js +1 -0
  220. package/dist/components/pictogram/components/informative/number-4-pictogram.js +1 -0
  221. package/dist/components/pictogram/components/informative/number-5-pictogram.js +1 -0
  222. package/dist/components/pictogram/components/informative/padlock-locked-pictogram.js +1 -0
  223. package/dist/components/pictogram/components/informative/padlock-unlocked-pictogram.js +1 -0
  224. package/dist/components/pictogram/components/informative/passport-pictogram.js +1 -0
  225. package/dist/components/pictogram/components/informative/percent-sign-pictogram.js +1 -0
  226. package/dist/components/pictogram/components/informative/person-pictogram.js +1 -0
  227. package/dist/components/pictogram/components/informative/piggy-bank-pictogram.js +1 -0
  228. package/dist/components/pictogram/components/informative/pizza-pictogram.js +1 -0
  229. package/dist/components/pictogram/components/informative/plant-pictogram.js +1 -0
  230. package/dist/components/pictogram/components/informative/search-pictogram.js +1 -0
  231. package/dist/components/pictogram/components/informative/secure-pictogram.js +1 -0
  232. package/dist/components/pictogram/components/informative/shop-pictogram.js +1 -0
  233. package/dist/components/pictogram/components/informative/shopping-pictogram.js +1 -0
  234. package/dist/components/pictogram/components/informative/star-pictogram.js +1 -0
  235. package/dist/components/pictogram/components/informative/stopwatch-pictogram.js +1 -0
  236. package/dist/components/pictogram/components/informative/tax-document-pictogram.js +1 -0
  237. package/dist/components/pictogram/components/informative/telephone-call-pictogram.js +1 -0
  238. package/dist/components/pictogram/components/informative/thumbs-up-pictogram.js +1 -0
  239. package/dist/components/pictogram/components/informative/tick-pictogram.js +1 -0
  240. package/dist/components/pictogram/components/informative/tools-pictogram.js +1 -0
  241. package/dist/components/pictogram/components/informative/tractor-pictogram.js +1 -0
  242. package/dist/components/pictogram/components/informative/truck-pictogram.js +1 -0
  243. package/dist/components/pictogram/components/informative/umbrella-pictogram.js +1 -0
  244. package/dist/components/pictogram/components/informative/unsecure-pictogram.js +1 -0
  245. package/dist/components/pictogram/components/informative/wallet-pictogram.js +1 -0
  246. package/dist/components/pictogram/components/informative/wearables-pictogram.js +1 -0
  247. package/dist/components/pictogram/pictogram.component.js +1 -0
  248. package/dist/components/pictogram/pictogram.types.d.ts +1 -3
  249. package/dist/components/popover/components/panel/panel.styles.js +1 -1
  250. package/dist/components/popover/popover.component.js +1 -0
  251. package/dist/components/progress-bar/progress-bar.component.js +1 -0
  252. package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.types.d.ts +1 -3
  253. package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.types.d.ts +11 -1
  254. package/dist/components/progress-rope/progress-rope.component.js +1 -0
  255. package/dist/components/progress-rope/progress-rope.types.d.ts +1 -3
  256. package/dist/components/radio-group/components/radio/radio.component.js +1 -0
  257. package/dist/components/radio-group/components/radio/radio.styles.js +2 -2
  258. package/dist/components/radio-group/radio-group.component.js +1 -0
  259. package/dist/components/repeater/repeater.component.js +3 -1
  260. package/dist/components/repeater/repeater.styles.d.ts +6 -0
  261. package/dist/components/repeater/repeater.styles.js +7 -4
  262. package/dist/components/select/select.component.d.ts +8 -35
  263. package/dist/components/select/select.component.js +1 -0
  264. package/dist/components/select/select.styles.d.ts +1 -1
  265. package/dist/components/select/select.styles.js +1 -1
  266. package/dist/components/select/select.types.d.ts +12 -1
  267. package/dist/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.types.d.ts +1 -3
  268. package/dist/components/selector/components/selector-checkbox-group/selector-checkbox-group.component.d.ts +28 -7
  269. package/dist/components/selector/components/selector-checkbox-group/selector-checkbox-group.types.d.ts +1 -3
  270. package/dist/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.types.d.ts +1 -3
  271. package/dist/components/selector/components/selector-radio-group/selector-radio-group.component.d.ts +28 -7
  272. package/dist/components/selector/components/selector-radio-group/selector-radio-group.types.d.ts +7 -1
  273. package/dist/components/selector/selector.component.d.ts +81 -21
  274. package/dist/components/selector/selector.component.js +1 -0
  275. package/dist/components/skip-link/skip-link.component.js +1 -0
  276. package/dist/components/skip-link/skip-link.types.d.ts +1 -3
  277. package/dist/components/switch/switch.component.js +1 -0
  278. package/dist/components/switch/switch.types.d.ts +8 -2
  279. package/dist/components/symbol/index.d.ts +1 -0
  280. package/dist/components/symbol/index.js +1 -0
  281. package/dist/components/symbol/symbol.stories.d.ts +1 -0
  282. package/dist/components/symbol/symbol.types.d.ts +1 -3
  283. package/dist/components/table/table.component.js +1 -0
  284. package/dist/components/tabs/components/tab/tab.types.d.ts +15 -1
  285. package/dist/components/tabs/components/tab-panel/tab-panel.component.d.ts +3 -0
  286. package/dist/components/tabs/components/tab-panel/tab-panel.component.js +1 -0
  287. package/dist/components/tabs/components/tab-panel/tab-panel.types.d.ts +7 -1
  288. package/dist/components/tabs/tabs.component.js +1 -0
  289. package/dist/components/tabs/tabs.types.d.ts +15 -1
  290. package/dist/components/textarea/textarea.component.d.ts +8 -31
  291. package/dist/components/textarea/textarea.component.js +1 -0
  292. package/dist/components/textarea/textarea.styles.d.ts +1 -1
  293. package/dist/components/textarea/textarea.styles.js +1 -1
  294. package/dist/components/textarea/textarea.types.d.ts +12 -1
  295. package/dist/components/visually-hidden/visually-hidden.types.d.ts +1 -3
  296. package/dist/components/well/well.styles.d.ts +1 -1
  297. package/dist/components/well/well.styles.js +1 -1
  298. package/dist/components/well/well.types.d.ts +7 -1
  299. package/dist/css/westpac-ui.css +130 -430
  300. package/dist/css/westpac-ui.min.css +130 -430
  301. package/dist/index.d.ts +1 -0
  302. package/dist/index.js +1 -0
  303. package/dist/stories/foundation/spacing.stories.d.ts +15 -0
  304. package/dist/stories/foundation/typography.stories.d.ts +4 -0
  305. package/dist/tailwind/__mocks__/utils.constants.d.ts +2 -0
  306. package/dist/tailwind/__mocks__/utils.constants.js +2 -0
  307. package/dist/tailwind/constants/typography.d.ts +4 -0
  308. package/dist/tailwind/constants/typography.js +4 -0
  309. package/dist/tailwind/tailwind-plugin.js +6 -1
  310. package/dist/types/component-props.types.d.ts +2 -0
  311. package/dist/types/component-props.types.js +1 -0
  312. package/dist/types/index.d.ts +1 -0
  313. package/dist/types/index.js +1 -0
  314. package/generate-component-types.cjs +85 -0
  315. package/package.json +14 -9
  316. package/src/components/accordion/accordion.component.tsx +5 -8
  317. package/src/components/accordion/accordion.styles.ts +2 -6
  318. package/src/components/accordion/accordion.types.ts +15 -11
  319. package/src/components/accordion/components/accordion-item/accordion-item.component.tsx +11 -15
  320. package/src/components/accordion/components/accordion-item/accordion-item.styles.ts +7 -36
  321. package/src/components/accordion/components/accordion-item/accordion-item.types.ts +7 -2
  322. package/src/components/alert/alert.component.tsx +2 -0
  323. package/src/components/alert/alert.styles.ts +3 -3
  324. package/src/components/alert/alert.types.ts +1 -5
  325. package/src/components/autocomplete/autocomplete.component.tsx +2 -0
  326. package/src/components/autocomplete/autocomplete.types.ts +15 -2
  327. package/src/components/autocomplete/components/list-box/components/list-box-option/list-box-option.component.tsx +3 -0
  328. package/src/components/autocomplete/components/list-box/components/list-box-section/list-box-section.component.tsx +3 -0
  329. package/src/components/autocomplete/components/list-box/list-box.component.tsx +3 -0
  330. package/src/components/autocomplete/components/popover/popover.component.tsx +3 -1
  331. package/src/components/autocomplete/components/popover/popover.types.ts +1 -0
  332. package/src/components/badge/badge.component.tsx +2 -0
  333. package/src/components/badge/badge.types.ts +11 -2
  334. package/src/components/breadcrumb/breadcrumb.component.tsx +2 -0
  335. package/src/components/breadcrumb/breadcrumb.types.ts +9 -2
  336. package/src/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.tsx +2 -0
  337. package/src/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.types.ts +1 -5
  338. package/src/components/button/button.component.tsx +2 -0
  339. package/src/components/button/button.styles.ts +6 -6
  340. package/src/components/button/button.types.ts +23 -2
  341. package/src/components/button-dropdown/button-dropdown.component.tsx +2 -0
  342. package/src/components/button-dropdown/button-dropdown.styles.ts +1 -0
  343. package/src/components/button-dropdown/button-dropdown.types.ts +7 -2
  344. package/src/components/button-dropdown/components/panel/panel.component.tsx +3 -0
  345. package/src/components/button-dropdown/components/panel/panel.styles.ts +1 -1
  346. package/src/components/button-group/button-group.component.tsx +2 -0
  347. package/src/components/button-group/components/button/button.styles.ts +1 -1
  348. package/src/components/checkbox-group/checkbox-group.component.tsx +2 -0
  349. package/src/components/checkbox-group/components/checkbox/checkbox.component.tsx +17 -7
  350. package/src/components/checkbox-group/components/checkbox/checkbox.styles.ts +1 -1
  351. package/src/components/circle/circle.types.ts +1 -5
  352. package/src/components/collapsible/collapsible.component.tsx +2 -0
  353. package/src/components/collapsible/collapsible.styles.ts +1 -1
  354. package/src/components/compacta/compacta.component.tsx +17 -13
  355. package/src/components/compacta/compacta.styles.ts +10 -10
  356. package/src/components/date-picker/date-picker.component.tsx +2 -0
  357. package/src/components/date-picker/date-picker.types.ts +7 -2
  358. package/src/components/error-message/error-message.styles.ts +3 -2
  359. package/src/components/error-message/error-message.types.ts +1 -5
  360. package/src/components/field/field.component.tsx +2 -0
  361. package/src/components/field/field.types.ts +0 -4
  362. package/src/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.component.tsx +1 -0
  363. package/src/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.types.ts +1 -5
  364. package/src/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.component.tsx +1 -0
  365. package/src/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.types.ts +1 -5
  366. package/src/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.component.tsx +1 -0
  367. package/src/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.component.tsx +1 -0
  368. package/src/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.component.tsx +1 -0
  369. package/src/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.component.tsx +1 -0
  370. package/src/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.types.ts +1 -5
  371. package/src/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.component.tsx +1 -0
  372. package/src/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.types.ts +1 -5
  373. package/src/components/flexi-cell/flexi-cell.component.tsx +2 -0
  374. package/src/components/flexi-cell/flexi-cell.styles.ts +1 -1
  375. package/src/components/flexi-cell/flexi-cell.types.ts +1 -7
  376. package/src/components/form/components/form-chit-chat/form-chit-chat.types.ts +1 -5
  377. package/src/components/form/components/form-group/form-group.styles.ts +1 -1
  378. package/src/components/form/components/form-group/form-group.types.ts +1 -5
  379. package/src/components/form/components/form-section/form-section.types.ts +7 -2
  380. package/src/components/form/form.component.tsx +4 -2
  381. package/src/components/form/form.types.ts +6 -1
  382. package/src/components/form-hint/form-hint.styles.ts +1 -1
  383. package/src/components/form-hint/form-hint.types.ts +1 -5
  384. package/src/components/form-label/form-label.styles.ts +1 -1
  385. package/src/components/form-label/form-label.types.ts +8 -3
  386. package/src/components/grid/components/container/container.types.ts +1 -5
  387. package/src/components/grid/components/item/item.types.ts +11 -2
  388. package/src/components/grid/grid.types.ts +1 -5
  389. package/src/components/icon/components/credit-cards-icon.tsx +43 -0
  390. package/src/components/icon/components/exit-icon.tsx +2 -2
  391. package/src/components/icon/components/office-icon.tsx +30 -11
  392. package/src/components/icon/components/pay-to-icon.tsx +33 -0
  393. package/src/components/icon/components/tiles-icon.tsx +43 -0
  394. package/src/components/icon/icon.styles.ts +1 -1
  395. package/src/components/icon/icon.types.ts +11 -1
  396. package/src/components/icon/index.ts +3 -6
  397. package/src/components/input/input.component.tsx +2 -0
  398. package/src/components/input/input.styles.ts +1 -1
  399. package/src/components/input/input.types.ts +12 -2
  400. package/src/components/input-field/components/add-ons/add-ons.component.tsx +3 -0
  401. package/src/components/input-field/components/add-ons/components/default-add-on/default-add-on.component.tsx +3 -0
  402. package/src/components/input-field/components/add-ons/components/default-add-on/default-add-on.types.ts +1 -4
  403. package/src/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.component.tsx +3 -0
  404. package/src/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.types.ts +1 -4
  405. package/src/components/input-field/components/add-ons/components/text-add-on/text-add-on.component.tsx +3 -0
  406. package/src/components/input-field/components/add-ons/components/text-add-on/text-add-on.types.ts +1 -4
  407. package/src/components/input-field/components/supporting-text/supporting-text.component.tsx +3 -0
  408. package/src/components/input-field/components/supporting-text/supporting-text.types.ts +1 -5
  409. package/src/components/input-field/input-field.component.tsx +2 -0
  410. package/src/components/input-field/input-field.types.ts +1 -4
  411. package/src/components/link/link.component.tsx +2 -0
  412. package/src/components/list/list.component.tsx +2 -0
  413. package/src/components/modal/components/backdrop/backdrop.types.ts +1 -5
  414. package/src/components/modal/components/dialog/components/dialog-body/dialog-body.types.ts +1 -4
  415. package/src/components/modal/components/dialog/components/dialog-footer/dialog-footer.types.ts +1 -4
  416. package/src/components/modal/components/dialog/dialog.types.ts +7 -2
  417. package/src/components/modal/modal.component.tsx +2 -0
  418. package/src/components/pagination/components/pagination-item/pagination-item.component.tsx +2 -1
  419. package/src/components/pagination/components/pagination-item/pagination-item.styles.ts +7 -3
  420. package/src/components/pagination/components/pagination-item/pagination-item.types.ts +20 -3
  421. package/src/components/pagination/pagination.component.tsx +3 -0
  422. package/src/components/pagination/pagination.styles.ts +1 -1
  423. package/src/components/pagination/pagination.types.ts +0 -3
  424. package/src/components/pictogram/components/decorative/wbc-bank-card-pictogram.tsx +2 -0
  425. package/src/components/pictogram/components/informative/accessibility-pictogram.tsx +2 -0
  426. package/src/components/pictogram/components/informative/accounts-pictogram.tsx +2 -0
  427. package/src/components/pictogram/components/informative/aeroplane-pictogram.tsx +2 -0
  428. package/src/components/pictogram/components/informative/arrow-down-pictogram.tsx +2 -0
  429. package/src/components/pictogram/components/informative/arrow-left-pictogram.tsx +2 -0
  430. package/src/components/pictogram/components/informative/arrow-right-pictogram.tsx +2 -0
  431. package/src/components/pictogram/components/informative/arrow-up-pictogram.tsx +2 -0
  432. package/src/components/pictogram/components/informative/arrows-passing-pictogram.tsx +2 -0
  433. package/src/components/pictogram/components/informative/atm-pictogram.tsx +2 -0
  434. package/src/components/pictogram/components/informative/australia-pictogram.tsx +2 -0
  435. package/src/components/pictogram/components/informative/bank-card-locked-pictogram.tsx +2 -0
  436. package/src/components/pictogram/components/informative/bank-card-pictogram.tsx +2 -0
  437. package/src/components/pictogram/components/informative/bank-pictogram.tsx +2 -0
  438. package/src/components/pictogram/components/informative/birth-certificate-pictogram.tsx +2 -0
  439. package/src/components/pictogram/components/informative/building-pictogram.tsx +2 -0
  440. package/src/components/pictogram/components/informative/buoy-pictogram.tsx +2 -0
  441. package/src/components/pictogram/components/informative/bus-pictogram.tsx +2 -0
  442. package/src/components/pictogram/components/informative/business-person-pictogram.tsx +2 -0
  443. package/src/components/pictogram/components/informative/calculator-pictogram.tsx +2 -0
  444. package/src/components/pictogram/components/informative/calendar-pictogram.tsx +2 -0
  445. package/src/components/pictogram/components/informative/car-pictogram.tsx +2 -0
  446. package/src/components/pictogram/components/informative/cash-pictogram.tsx +2 -0
  447. package/src/components/pictogram/components/informative/celebration-pictogram.tsx +2 -0
  448. package/src/components/pictogram/components/informative/chat-pictogram.tsx +2 -0
  449. package/src/components/pictogram/components/informative/clock-pictogram.tsx +2 -0
  450. package/src/components/pictogram/components/informative/coffee-pictogram.tsx +2 -0
  451. package/src/components/pictogram/components/informative/coins-pictogram.tsx +2 -0
  452. package/src/components/pictogram/components/informative/compass-pictogram.tsx +2 -0
  453. package/src/components/pictogram/components/informative/customer-profile-pictogram.tsx +2 -0
  454. package/src/components/pictogram/components/informative/desktop-computer-pictogram.tsx +2 -0
  455. package/src/components/pictogram/components/informative/document-and-pen-pictogram.tsx +2 -0
  456. package/src/components/pictogram/components/informative/dollar-sign-pictogram.tsx +2 -0
  457. package/src/components/pictogram/components/informative/drivers-licence-pictogram.tsx +2 -0
  458. package/src/components/pictogram/components/informative/education-pictogram.tsx +2 -0
  459. package/src/components/pictogram/components/informative/eftpos-pictogram.tsx +2 -0
  460. package/src/components/pictogram/components/informative/envelope-email-pictogram.tsx +2 -0
  461. package/src/components/pictogram/components/informative/envelope-printed-pictogram.tsx +2 -0
  462. package/src/components/pictogram/components/informative/face-happy-pictogram.tsx +2 -0
  463. package/src/components/pictogram/components/informative/face-unhappy-pictogram.tsx +2 -0
  464. package/src/components/pictogram/components/informative/face-unsure-pictogram.tsx +2 -0
  465. package/src/components/pictogram/components/informative/finger-motion-pictogram.tsx +2 -0
  466. package/src/components/pictogram/components/informative/fingerprint-pictogram.tsx +2 -0
  467. package/src/components/pictogram/components/informative/football-pictogram.tsx +2 -0
  468. package/src/components/pictogram/components/informative/fork-knife-pictogram.tsx +2 -0
  469. package/src/components/pictogram/components/informative/generic-document-pictogram.tsx +2 -0
  470. package/src/components/pictogram/components/informative/gift-pictogram.tsx +2 -0
  471. package/src/components/pictogram/components/informative/globe-australia-pictogram.tsx +2 -0
  472. package/src/components/pictogram/components/informative/globe-pictogram.tsx +2 -0
  473. package/src/components/pictogram/components/informative/graph-decreasing-pictogram.tsx +2 -0
  474. package/src/components/pictogram/components/informative/graph-increasing-pictogram.tsx +2 -0
  475. package/src/components/pictogram/components/informative/gym-pictogram.tsx +2 -0
  476. package/src/components/pictogram/components/informative/headset-pictogram.tsx +2 -0
  477. package/src/components/pictogram/components/informative/heart-pictogram.tsx +2 -0
  478. package/src/components/pictogram/components/informative/house-pictogram.tsx +2 -0
  479. package/src/components/pictogram/components/informative/light-bulb-pictogram.tsx +2 -0
  480. package/src/components/pictogram/components/informative/loop-pictogram.tsx +2 -0
  481. package/src/components/pictogram/components/informative/medicare-card-pictogram.tsx +2 -0
  482. package/src/components/pictogram/components/informative/mobile-device-pictogram.tsx +2 -0
  483. package/src/components/pictogram/components/informative/money-in-pictogram.tsx +2 -0
  484. package/src/components/pictogram/components/informative/money-out-pictogram.tsx +2 -0
  485. package/src/components/pictogram/components/informative/movie-tickets-pictogram.tsx +2 -0
  486. package/src/components/pictogram/components/informative/nest-egg-pictogram.tsx +2 -0
  487. package/src/components/pictogram/components/informative/noodles-pictogram.tsx +2 -0
  488. package/src/components/pictogram/components/informative/number-1-pictogram.tsx +2 -0
  489. package/src/components/pictogram/components/informative/number-2-pictogram.tsx +2 -0
  490. package/src/components/pictogram/components/informative/number-3-pictogram.tsx +2 -0
  491. package/src/components/pictogram/components/informative/number-4-pictogram.tsx +2 -0
  492. package/src/components/pictogram/components/informative/number-5-pictogram.tsx +2 -0
  493. package/src/components/pictogram/components/informative/padlock-locked-pictogram.tsx +2 -0
  494. package/src/components/pictogram/components/informative/padlock-unlocked-pictogram.tsx +2 -0
  495. package/src/components/pictogram/components/informative/passport-pictogram.tsx +2 -0
  496. package/src/components/pictogram/components/informative/percent-sign-pictogram.tsx +2 -0
  497. package/src/components/pictogram/components/informative/person-pictogram.tsx +2 -0
  498. package/src/components/pictogram/components/informative/piggy-bank-pictogram.tsx +2 -0
  499. package/src/components/pictogram/components/informative/pizza-pictogram.tsx +2 -0
  500. package/src/components/pictogram/components/informative/plant-pictogram.tsx +2 -0
  501. package/src/components/pictogram/components/informative/search-pictogram.tsx +2 -0
  502. package/src/components/pictogram/components/informative/secure-pictogram.tsx +2 -0
  503. package/src/components/pictogram/components/informative/shop-pictogram.tsx +2 -0
  504. package/src/components/pictogram/components/informative/shopping-pictogram.tsx +2 -0
  505. package/src/components/pictogram/components/informative/star-pictogram.tsx +2 -0
  506. package/src/components/pictogram/components/informative/stopwatch-pictogram.tsx +2 -0
  507. package/src/components/pictogram/components/informative/tax-document-pictogram.tsx +2 -0
  508. package/src/components/pictogram/components/informative/telephone-call-pictogram.tsx +2 -0
  509. package/src/components/pictogram/components/informative/thumbs-up-pictogram.tsx +2 -0
  510. package/src/components/pictogram/components/informative/tick-pictogram.tsx +2 -0
  511. package/src/components/pictogram/components/informative/tools-pictogram.tsx +2 -0
  512. package/src/components/pictogram/components/informative/tractor-pictogram.tsx +2 -0
  513. package/src/components/pictogram/components/informative/truck-pictogram.tsx +2 -0
  514. package/src/components/pictogram/components/informative/umbrella-pictogram.tsx +2 -0
  515. package/src/components/pictogram/components/informative/unsecure-pictogram.tsx +2 -0
  516. package/src/components/pictogram/components/informative/wallet-pictogram.tsx +2 -0
  517. package/src/components/pictogram/components/informative/wearables-pictogram.tsx +2 -0
  518. package/src/components/pictogram/pictogram.component.tsx +2 -0
  519. package/src/components/pictogram/pictogram.types.ts +1 -4
  520. package/src/components/popover/components/panel/panel.styles.ts +1 -1
  521. package/src/components/popover/popover.component.tsx +2 -0
  522. package/src/components/progress-bar/progress-bar.component.tsx +2 -0
  523. package/src/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.types.ts +2 -4
  524. package/src/components/progress-rope/components/progress-rope-step/progress-rope-step.types.ts +10 -1
  525. package/src/components/progress-rope/progress-rope.component.tsx +2 -0
  526. package/src/components/progress-rope/progress-rope.types.ts +1 -5
  527. package/src/components/radio-group/components/radio/radio.component.tsx +1 -0
  528. package/src/components/radio-group/components/radio/radio.styles.ts +2 -2
  529. package/src/components/radio-group/radio-group.component.tsx +2 -0
  530. package/src/components/repeater/repeater.component.tsx +6 -2
  531. package/src/components/repeater/repeater.styles.ts +7 -4
  532. package/src/components/select/select.component.tsx +2 -0
  533. package/src/components/select/select.styles.ts +1 -1
  534. package/src/components/select/select.types.ts +12 -1
  535. package/src/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.types.ts +0 -4
  536. package/src/components/selector/components/selector-checkbox-group/selector-checkbox-group.types.ts +0 -4
  537. package/src/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.types.ts +0 -4
  538. package/src/components/selector/components/selector-radio-group/selector-radio-group.types.ts +7 -2
  539. package/src/components/selector/selector.component.tsx +2 -0
  540. package/src/components/skip-link/skip-link.component.tsx +2 -0
  541. package/src/components/skip-link/skip-link.types.ts +0 -4
  542. package/src/components/switch/switch.component.tsx +2 -0
  543. package/src/components/switch/switch.types.ts +8 -3
  544. package/src/components/symbol/index.ts +1 -0
  545. package/src/components/symbol/symbol.types.ts +1 -4
  546. package/src/components/table/table.component.tsx +2 -0
  547. package/src/components/tabs/components/tab/tab.types.ts +15 -2
  548. package/src/components/tabs/components/tab-panel/tab-panel.component.tsx +1 -0
  549. package/src/components/tabs/components/tab-panel/tab-panel.types.ts +6 -1
  550. package/src/components/tabs/tabs.component.tsx +2 -0
  551. package/src/components/tabs/tabs.types.ts +37 -24
  552. package/src/components/textarea/textarea.component.tsx +2 -0
  553. package/src/components/textarea/textarea.styles.ts +1 -1
  554. package/src/components/textarea/textarea.types.ts +12 -1
  555. package/src/components/visually-hidden/visually-hidden.types.ts +1 -5
  556. package/src/components/well/well.styles.ts +1 -1
  557. package/src/components/well/well.types.tsx +7 -2
  558. package/src/css/global.css +4 -2
  559. package/src/index.ts +1 -0
  560. package/src/tailwind/__mocks__/utils.constants.ts +2 -0
  561. package/src/tailwind/constants/typography.ts +4 -0
  562. package/src/tailwind/tailwind-plugin.ts +6 -0
  563. package/src/types/component-props.types.ts +3 -0
  564. package/src/types/index.ts +1 -0
  565. package/utils/build-icons/index.ts +5 -2
  566. package/dist/components/accordion/accordion.stories.js +0 -131
  567. package/dist/components/alert/alert.stories.js +0 -144
  568. package/dist/components/autocomplete/autocomplete.stories.js +0 -219
  569. package/dist/components/badge/badge.stories.js +0 -118
  570. package/dist/components/breadcrumb/breadcrumb.stories.js +0 -30
  571. package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.stories.js +0 -24
  572. package/dist/components/button/button.stories.js +0 -221
  573. package/dist/components/button-dropdown/button-dropdown.stories.js +0 -134
  574. package/dist/components/button-group/button-group.stories.js +0 -153
  575. package/dist/components/checkbox-group/checkbox-group.stories.js +0 -225
  576. package/dist/components/checkbox-group/components/checkbox/checkbox.stories.js +0 -42
  577. package/dist/components/circle/circle.stories.js +0 -17
  578. package/dist/components/collapsible/collapsible.stories.js +0 -43
  579. package/dist/components/compacta/compacta.stories.js +0 -52
  580. package/dist/components/date-picker/date-picker.stories.js +0 -112
  581. package/dist/components/field/field.stories.js +0 -37
  582. package/dist/components/flexi-cell/flexi-cell.stories.js +0 -759
  583. package/dist/components/form/form.stories.js +0 -103
  584. package/dist/components/grid/grid.stories.js +0 -82
  585. package/dist/components/icon/components/bom-logo-icon.d.ts +0 -2
  586. package/dist/components/icon/components/bom-logo-icon.js +0 -86
  587. package/dist/components/icon/components/bsa-logo-icon.d.ts +0 -2
  588. package/dist/components/icon/components/bsa-logo-icon.js +0 -32
  589. package/dist/components/icon/components/rams-logo-icon.d.ts +0 -2
  590. package/dist/components/icon/components/rams-logo-icon.js +0 -120
  591. package/dist/components/icon/components/stg-logo-icon.d.ts +0 -2
  592. package/dist/components/icon/components/stg-logo-icon.js +0 -44
  593. package/dist/components/icon/components/wbc-logo-icon.d.ts +0 -2
  594. package/dist/components/icon/components/wbc-logo-icon.js +0 -26
  595. package/dist/components/icon/components/wbg-logo-icon.d.ts +0 -2
  596. package/dist/components/icon/components/wbg-logo-icon.js +0 -29
  597. package/dist/components/icon/icon.stories.js +0 -147
  598. package/dist/components/input/input.stories.js +0 -56
  599. package/dist/components/input-field/input-field.scenarios.stories.js +0 -149
  600. package/dist/components/input-field/input-field.sizes.stories.js +0 -91
  601. package/dist/components/input-field/input-field.state.stories.js +0 -127
  602. package/dist/components/input-field/input-field.stories.js +0 -71
  603. package/dist/components/input-field/input-field.type.stories.js +0 -186
  604. package/dist/components/link/link.stories.js +0 -93
  605. package/dist/components/list/list.stories.js +0 -86
  606. package/dist/components/modal/modal.stories.js +0 -129
  607. package/dist/components/pagination/pagination.stories.js +0 -199
  608. package/dist/components/panel/panel.stories.js +0 -53
  609. package/dist/components/pictogram/pictogram.stories.js +0 -60
  610. package/dist/components/popover/popover.stories.js +0 -57
  611. package/dist/components/progress-bar/progress-bar.stories.js +0 -70
  612. package/dist/components/progress-rope/progress-rope.stories.js +0 -126
  613. package/dist/components/radio-group/components/radio/radio.stories.js +0 -40
  614. package/dist/components/radio-group/radio-group.stories.js +0 -215
  615. package/dist/components/repeater/repeater.stories.js +0 -29
  616. package/dist/components/select/select.stories.js +0 -74
  617. package/dist/components/selector/selector.stories.js +0 -512
  618. package/dist/components/skip-link/skip-link.stories.js +0 -29
  619. package/dist/components/switch/switch.stories.js +0 -67
  620. package/dist/components/symbol/symbol.stories.js +0 -54
  621. package/dist/components/table/table.stories.js +0 -66
  622. package/dist/components/tabs/tabs.stories.js +0 -95
  623. package/dist/components/textarea/textarea.stories.js +0 -44
  624. package/dist/components/visually-hidden/visually-hidden.stories.js +0 -17
  625. package/dist/components/well/well.stories.js +0 -44
  626. package/dist/stories/foundation/breakpoints.stories.js +0 -12
  627. package/dist/stories/foundation/colours.stories.js +0 -387
  628. package/dist/stories/foundation/theme.stories.js +0 -16
  629. package/dist/stories/foundation/typography.stories.js +0 -109
  630. package/src/components/accordion/accordion.stories.tsx +0 -135
  631. package/src/components/alert/alert.stories.tsx +0 -142
  632. package/src/components/autocomplete/autocomplete.stories.tsx +0 -184
  633. package/src/components/badge/badge.stories.tsx +0 -134
  634. package/src/components/breadcrumb/breadcrumb.stories.tsx +0 -32
  635. package/src/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.stories.tsx +0 -33
  636. package/src/components/button/button.stories.tsx +0 -269
  637. package/src/components/button-dropdown/button-dropdown.stories.tsx +0 -220
  638. package/src/components/button-group/button-group.stories.tsx +0 -141
  639. package/src/components/checkbox-group/checkbox-group.stories.tsx +0 -212
  640. package/src/components/checkbox-group/components/checkbox/checkbox.stories.tsx +0 -46
  641. package/src/components/circle/circle.stories.tsx +0 -22
  642. package/src/components/collapsible/collapsible.stories.tsx +0 -94
  643. package/src/components/compacta/compacta.stories.tsx +0 -71
  644. package/src/components/date-picker/date-picker.stories.tsx +0 -139
  645. package/src/components/field/field.stories.tsx +0 -57
  646. package/src/components/flexi-cell/flexi-cell.stories.tsx +0 -792
  647. package/src/components/form/form.stories.tsx +0 -158
  648. package/src/components/grid/grid.stories.tsx +0 -106
  649. package/src/components/icon/components/bom-logo-icon.tsx +0 -40
  650. package/src/components/icon/components/bsa-logo-icon.tsx +0 -28
  651. package/src/components/icon/components/rams-logo-icon.tsx +0 -71
  652. package/src/components/icon/components/stg-logo-icon.tsx +0 -44
  653. package/src/components/icon/components/wbc-logo-icon.tsx +0 -20
  654. package/src/components/icon/components/wbg-logo-icon.tsx +0 -24
  655. package/src/components/icon/icon.stories.tsx +0 -142
  656. package/src/components/input/input.stories.tsx +0 -70
  657. package/src/components/input-field/input-field.scenarios.stories.tsx +0 -174
  658. package/src/components/input-field/input-field.sizes.stories.tsx +0 -102
  659. package/src/components/input-field/input-field.state.stories.tsx +0 -148
  660. package/src/components/input-field/input-field.stories.tsx +0 -104
  661. package/src/components/input-field/input-field.type.stories.tsx +0 -236
  662. package/src/components/link/link.stories.tsx +0 -113
  663. package/src/components/list/list.stories.tsx +0 -121
  664. package/src/components/modal/modal.stories.tsx +0 -140
  665. package/src/components/pagination/pagination.stories.tsx +0 -174
  666. package/src/components/panel/panel.stories.tsx +0 -147
  667. package/src/components/pictogram/pictogram.stories.tsx +0 -50
  668. package/src/components/popover/popover.stories.tsx +0 -81
  669. package/src/components/progress-bar/progress-bar.stories.tsx +0 -85
  670. package/src/components/progress-rope/progress-rope.stories.tsx +0 -109
  671. package/src/components/radio-group/components/radio/radio.stories.tsx +0 -40
  672. package/src/components/radio-group/radio-group.stories.tsx +0 -199
  673. package/src/components/repeater/repeater.stories.tsx +0 -40
  674. package/src/components/select/select.stories.tsx +0 -88
  675. package/src/components/selector/selector.stories.tsx +0 -618
  676. package/src/components/skip-link/skip-link.stories.tsx +0 -55
  677. package/src/components/switch/switch.stories.tsx +0 -90
  678. package/src/components/symbol/symbol.stories.tsx +0 -73
  679. package/src/components/table/table.stories.tsx +0 -244
  680. package/src/components/tabs/tabs.stories.tsx +0 -112
  681. package/src/components/textarea/textarea.stories.tsx +0 -70
  682. package/src/components/visually-hidden/visually-hidden.stories.tsx +0 -25
  683. package/src/components/well/well.stories.tsx +0 -71
  684. package/src/stories/foundation/breakpoints.stories.tsx +0 -55
  685. package/src/stories/foundation/colours.stories.tsx +0 -381
  686. package/src/stories/foundation/theme.stories.tsx +0 -29
  687. package/src/stories/foundation/typography.stories.tsx +0 -93
@@ -1,112 +0,0 @@
1
- import { useState } from 'react';
2
- import { Field } from '../field/field.component.js';
3
- import { DatePicker } from './date-picker.component.js';
4
- const meta = {
5
- title: 'Components/DatePicker',
6
- component: DatePicker,
7
- tags: [
8
- 'autodocs'
9
- ],
10
- decorators: [
11
- (Story)=>React.createElement("div", {
12
- className: "h-30"
13
- }, React.createElement(Story, null))
14
- ]
15
- };
16
- export default meta;
17
- export const Default = {
18
- args: {}
19
- };
20
- export const Sizes = {
21
- args: {},
22
- render: ()=>{
23
- return React.createElement(React.Fragment, null, [
24
- 'sm',
25
- 'md',
26
- 'lg',
27
- 'xl'
28
- ].map((size)=>{
29
- return React.createElement("div", {
30
- className: "py-2",
31
- key: size
32
- }, React.createElement(DatePicker, {
33
- size: size
34
- }));
35
- }));
36
- }
37
- };
38
- export const Controlled = {
39
- args: {},
40
- render: ()=>{
41
- const [value, setValue] = useState('2023-08-01');
42
- return React.createElement(DatePicker, {
43
- onChange: (value)=>{
44
- console.log(value.target.value);
45
- setValue(value.target.value);
46
- },
47
- onOpen: ()=>{
48
- console.log('onOpen');
49
- },
50
- onClose: ()=>{
51
- console.log('onClose');
52
- },
53
- onBlur: ()=>{
54
- console.log('onBlur');
55
- },
56
- onFocus: ()=>{
57
- console.log('onFocus');
58
- },
59
- value: value
60
- });
61
- }
62
- };
63
- export const DisableWeekends = {
64
- args: {
65
- disableWeekends: true
66
- }
67
- };
68
- export const DisableDaysOfWeek = {
69
- args: {
70
- disableDaysOfWeek: [
71
- 1,
72
- 3,
73
- 5
74
- ]
75
- }
76
- };
77
- export const DisableSpecificDates = {
78
- args: {
79
- disableDates: [
80
- '2023-10-10'
81
- ]
82
- }
83
- };
84
- export const FormField = {
85
- args: {},
86
- render: ()=>{
87
- const [value, setValue] = useState('2023-08-01');
88
- return React.createElement(Field, {
89
- label: "Are you an existing customer?",
90
- hintMessage: "Hint: choose from one of the following options",
91
- errorMessage: "This is an inline error message"
92
- }, React.createElement(DatePicker, {
93
- onChange: (value)=>{
94
- console.log(value.target.value);
95
- setValue(value.target.value);
96
- },
97
- onOpen: ()=>{
98
- console.log('onOpen');
99
- },
100
- onClose: ()=>{
101
- console.log('onClose');
102
- },
103
- onBlur: ()=>{
104
- console.log('onBlur');
105
- },
106
- onFocus: ()=>{
107
- console.log('onFocus');
108
- },
109
- value: value
110
- }));
111
- }
112
- };
@@ -1,37 +0,0 @@
1
- import { Input, Select } from '../index.js';
2
- import { Field } from './field.component.js';
3
- const meta = {
4
- title: 'Foundation/Field',
5
- component: Field,
6
- tags: [
7
- 'autodocs'
8
- ],
9
- decorators: [
10
- (Story)=>React.createElement(Story, null)
11
- ]
12
- };
13
- export default meta;
14
- export const DefaultStory = {
15
- args: {},
16
- render: ()=>{
17
- return React.createElement(Field, {
18
- label: "Are you an existing customer?",
19
- hintMessage: "Hint: choose from one of the following options",
20
- errorMessage: "This is an inline error message"
21
- }, React.createElement(Input, null));
22
- }
23
- };
24
- export const SelectStory = {
25
- args: {},
26
- render: ()=>{
27
- return React.createElement(Field, {
28
- label: "Are you an existing customer?",
29
- hintMessage: "Hint: choose from one of the following options",
30
- errorMessage: "This is an inline error message"
31
- }, React.createElement(Select, null, React.createElement("option", {
32
- value: "1"
33
- }, "Yes"), React.createElement("option", {
34
- value: "2"
35
- }, "No")));
36
- }
37
- };