@westpac/ui 0.42.3 → 0.44.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 (690) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/assets/icons/filled/arrow-thread-reply-filled.svg +3 -0
  3. package/assets/icons/filled/button-shape-filled.svg +1 -0
  4. package/assets/icons/filled/closed-caption-filled.svg +3 -0
  5. package/assets/icons/filled/color-filters-filled.svg +1 -0
  6. package/assets/icons/filled/format-color-filled.svg +5 -0
  7. package/assets/icons/filled/fullscreen-exit-filled.svg +3 -0
  8. package/assets/icons/filled/fullscreen-filled.svg +3 -0
  9. package/assets/icons/filled/pause-filled.svg +1 -1
  10. package/assets/icons/filled/play-filled.svg +1 -1
  11. package/assets/icons/filled/replay-filled.svg +3 -0
  12. package/assets/icons/filled/text-bold-filled.svg +1 -0
  13. package/assets/icons/filled/text-increase-filled.svg +4 -0
  14. package/assets/icons/filled/text-large-filled.svg +1 -0
  15. package/assets/icons/filled/voiceover-on-filled.svg +1 -0
  16. package/assets/icons/filled/volume-off-filled.svg +6 -0
  17. package/assets/icons/filled/volume-on-filled.svg +5 -0
  18. package/assets/icons/outlined/arrow-thread-reply-outlined.svg +3 -0
  19. package/assets/icons/outlined/button-shape-outlined.svg +1 -0
  20. package/assets/icons/outlined/closed-caption-outlined.svg +5 -0
  21. package/assets/icons/outlined/color-filters-outlined.svg +1 -0
  22. package/assets/icons/outlined/format-color-outlined.svg +5 -0
  23. package/assets/icons/outlined/fullscreen-exit-outlined.svg +3 -0
  24. package/assets/icons/outlined/fullscreen-outlined.svg +3 -0
  25. package/assets/icons/outlined/pause-outlined.svg +1 -1
  26. package/assets/icons/outlined/play-outlined.svg +1 -1
  27. package/assets/icons/outlined/replay-outlined.svg +3 -0
  28. package/assets/icons/outlined/text-bold-outlined.svg +1 -0
  29. package/assets/icons/outlined/text-increase-outlined.svg +4 -0
  30. package/assets/icons/outlined/text-large-outlined.svg +1 -0
  31. package/assets/icons/outlined/voiceover-on-outlined.svg +1 -0
  32. package/assets/icons/outlined/volume-off-outlined.svg +6 -0
  33. package/assets/icons/outlined/volume-on-outlined.svg +5 -0
  34. package/dist/component-type.json +1 -1
  35. package/dist/components/accordion/accordion.component.js +6 -18
  36. package/dist/components/accordion/components/accordion-item/accordion-item.component.js +12 -23
  37. package/dist/components/accordion/components/accordion-item/accordion-item.styles.d.ts +3 -0
  38. package/dist/components/accordion/components/accordion-item/accordion-item.styles.js +2 -1
  39. package/dist/components/alert/alert.component.js +5 -18
  40. package/dist/components/autocomplete/autocomplete.component.js +19 -29
  41. package/dist/components/autocomplete/components/autocomplete-list-box/autocomplete-list-box.component.js +6 -19
  42. package/dist/components/autocomplete/components/autocomplete-list-box/components/autocomplete-list-box-option/autocomplete-list-box-option.component.js +5 -18
  43. package/dist/components/autocomplete/components/autocomplete-list-box/components/autocomplete-list-box-option/autocomplete-list-box-option.styles.d.ts +2 -2
  44. package/dist/components/autocomplete/components/autocomplete-list-box/components/autocomplete-list-box-option/autocomplete-list-box-option.styles.js +2 -2
  45. package/dist/components/autocomplete/components/autocomplete-list-box/components/autocomplete-list-box-section/autocomplete-list-box-section.component.js +7 -19
  46. package/dist/components/autocomplete/components/autocomplete-popover/autocomplete-popover.component.js +8 -20
  47. package/dist/components/badge/badge.component.js +8 -20
  48. package/dist/components/bottom-sheet/bottom-sheet.component.js +5 -18
  49. package/dist/components/bottom-sheet/components/bottom-sheet-dialog/bottom-sheet-dialog.component.js +8 -20
  50. package/dist/components/bottom-sheet/components/bottom-sheet-modal/bottom-sheet-modal.component.js +10 -23
  51. package/dist/components/breadcrumb/breadcrumb.component.js +11 -22
  52. package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.js +9 -22
  53. package/dist/components/button/button.component.js +6 -19
  54. package/dist/components/button-dropdown/button-dropdown.component.js +11 -23
  55. package/dist/components/button-dropdown/components/button-dropdown-heading/button-dropdown-heading.component.js +5 -18
  56. package/dist/components/button-dropdown/components/button-dropdown-panel/button-dropdown-panel.component.js +6 -19
  57. package/dist/components/button-group/button-group.component.js +12 -23
  58. package/dist/components/button-group/components/button-group-button/button-group-button.component.js +8 -20
  59. package/dist/components/checkbox-group/checkbox-group.component.js +17 -27
  60. package/dist/components/checkbox-group/components/checkbox-group-checkbox/checkbox-group-checkbox.component.js +16 -27
  61. package/dist/components/circle/circle.component.js +5 -18
  62. package/dist/components/collapsible/collapsible.component.js +9 -21
  63. package/dist/components/compacta/compacta.component.js +14 -25
  64. package/dist/components/date-picker/date-picker.component.js +7 -20
  65. package/dist/components/error-message/error-message.component.js +9 -21
  66. package/dist/components/field/field.component.js +11 -22
  67. package/dist/components/filter/components/filter-buttons/filter-buttons.component.js +5 -19
  68. package/dist/components/filter/components/filter-input/filter-input.component.js +4 -17
  69. package/dist/components/filter/filter.component.js +4 -17
  70. package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.component.js +4 -17
  71. package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.component.js +5 -18
  72. package/dist/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.component.js +5 -18
  73. package/dist/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.component.js +5 -18
  74. package/dist/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.component.js +4 -17
  75. package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.component.js +4 -17
  76. package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.component.js +5 -18
  77. package/dist/components/flexi-cell/flexi-cell.component.js +9 -22
  78. package/dist/components/footer/footer.component.js +16 -28
  79. package/dist/components/form/components/form-chit-chat/form-chit-chat.component.js +5 -18
  80. package/dist/components/form/components/form-group/form-group.component.js +6 -19
  81. package/dist/components/form/components/form-hint/form-hint.component.js +5 -18
  82. package/dist/components/form/components/form-label/form-label.component.js +4 -17
  83. package/dist/components/form/components/form-section/form-section.component.js +5 -18
  84. package/dist/components/form/form.component.js +2 -16
  85. package/dist/components/grid/components/grid-container/grid-container.component.js +5 -18
  86. package/dist/components/grid/components/grid-item/grid-item.component.js +5 -18
  87. package/dist/components/grid/grid.component.js +5 -18
  88. package/dist/components/header/header.component.js +17 -30
  89. package/dist/components/heading/heading.component.js +5 -18
  90. package/dist/components/hint/hint.component.js +5 -18
  91. package/dist/components/icon/components/accessibility-icon.js +5 -18
  92. package/dist/components/icon/components/account-icon.js +5 -18
  93. package/dist/components/icon/components/add-circle-icon.js +5 -18
  94. package/dist/components/icon/components/add-icon.js +5 -18
  95. package/dist/components/icon/components/alert-icon.js +5 -18
  96. package/dist/components/icon/components/android-icon.js +5 -18
  97. package/dist/components/icon/components/apple-icon.js +5 -18
  98. package/dist/components/icon/components/archive-box-icon.js +5 -18
  99. package/dist/components/icon/components/arrow-back-circle-icon.js +5 -18
  100. package/dist/components/icon/components/arrow-down-circle-icon.js +5 -18
  101. package/dist/components/icon/components/arrow-fork-icon.js +5 -18
  102. package/dist/components/icon/components/arrow-forward-circle-icon.js +5 -18
  103. package/dist/components/icon/components/arrow-left-icon.js +5 -18
  104. package/dist/components/icon/components/arrow-right-icon.js +5 -18
  105. package/dist/components/icon/components/arrow-split-icon.js +5 -18
  106. package/dist/components/icon/components/arrow-thread-reply-icon.d.ts +2 -0
  107. package/dist/components/icon/components/arrow-thread-reply-icon.js +12 -0
  108. package/dist/components/icon/components/arrow-up-circle-icon.js +5 -18
  109. package/dist/components/icon/components/atm-icon.js +5 -18
  110. package/dist/components/icon/components/attache-case-icon.js +5 -18
  111. package/dist/components/icon/components/australia-icon.js +5 -18
  112. package/dist/components/icon/components/baby-buggy-icon.js +5 -18
  113. package/dist/components/icon/components/backspace-icon.js +5 -18
  114. package/dist/components/icon/components/bank-icon.js +5 -18
  115. package/dist/components/icon/components/bar-chart-down-icon.js +5 -18
  116. package/dist/components/icon/components/bar-chart-icon.js +5 -18
  117. package/dist/components/icon/components/barbell-icon.js +5 -18
  118. package/dist/components/icon/components/book-icon.js +5 -18
  119. package/dist/components/icon/components/bpay-icon.js +5 -18
  120. package/dist/components/icon/components/briefcase-icon.js +5 -18
  121. package/dist/components/icon/components/bug-report-icon.js +5 -18
  122. package/dist/components/icon/components/burger-icon.js +5 -18
  123. package/dist/components/icon/components/business-person-icon.js +5 -18
  124. package/dist/components/icon/components/button-shape-icon.d.ts +2 -0
  125. package/dist/components/icon/components/button-shape-icon.js +23 -0
  126. package/dist/components/icon/components/cafe-icon.js +5 -18
  127. package/dist/components/icon/components/cake-icon.js +5 -18
  128. package/dist/components/icon/components/calculate-icon.js +5 -18
  129. package/dist/components/icon/components/calculator-icon.js +5 -18
  130. package/dist/components/icon/components/calendar-icon.js +5 -18
  131. package/dist/components/icon/components/camera-icon.js +5 -18
  132. package/dist/components/icon/components/cancel-card-icon.js +5 -18
  133. package/dist/components/icon/components/car-icon.js +5 -18
  134. package/dist/components/icon/components/cardless-cash-icon.js +5 -18
  135. package/dist/components/icon/components/cart-icon.js +5 -18
  136. package/dist/components/icon/components/chat-icon.js +5 -18
  137. package/dist/components/icon/components/check-icon.js +5 -18
  138. package/dist/components/icon/components/child-care-icon.js +5 -18
  139. package/dist/components/icon/components/child-icon.js +5 -18
  140. package/dist/components/icon/components/circle-icon.js +5 -18
  141. package/dist/components/icon/components/clear-icon.js +5 -18
  142. package/dist/components/icon/components/clock-icon.js +5 -18
  143. package/dist/components/icon/components/close-icon.js +5 -18
  144. package/dist/components/icon/components/closed-caption-icon.d.ts +2 -0
  145. package/dist/components/icon/components/closed-caption-icon.js +25 -0
  146. package/dist/components/icon/components/cocktail-glass-icon.js +5 -18
  147. package/dist/components/icon/components/color-filters-icon.d.ts +2 -0
  148. package/dist/components/icon/components/color-filters-icon.js +15 -0
  149. package/dist/components/icon/components/compass-icon.js +5 -18
  150. package/dist/components/icon/components/contact-icon.js +5 -18
  151. package/dist/components/icon/components/content-copy-icon.js +5 -18
  152. package/dist/components/icon/components/credit-card-icon.js +5 -18
  153. package/dist/components/icon/components/credit-cards-icon.js +5 -18
  154. package/dist/components/icon/components/cube-icon.js +5 -18
  155. package/dist/components/icon/components/cursor-arrow-click-icon.js +5 -18
  156. package/dist/components/icon/components/cursor-arrow-doubleclick-icon.js +5 -18
  157. package/dist/components/icon/components/cursor-arrow-icon.js +5 -18
  158. package/dist/components/icon/components/cursor-arrow-rays-icon.js +5 -18
  159. package/dist/components/icon/components/delete-icon.js +5 -18
  160. package/dist/components/icon/components/delivery-truck-icon.js +5 -18
  161. package/dist/components/icon/components/desktop-icon.js +5 -18
  162. package/dist/components/icon/components/diamond-icon.js +5 -18
  163. package/dist/components/icon/components/dollar-icon.js +5 -18
  164. package/dist/components/icon/components/dollar-sign-icon.js +5 -18
  165. package/dist/components/icon/components/download-file-icon.js +5 -18
  166. package/dist/components/icon/components/download-icon.js +5 -18
  167. package/dist/components/icon/components/drag-icon.js +5 -18
  168. package/dist/components/icon/components/drop-down-icon.js +5 -18
  169. package/dist/components/icon/components/drop-left-icon.js +5 -18
  170. package/dist/components/icon/components/drop-right-icon.js +5 -18
  171. package/dist/components/icon/components/drop-up-icon.js +5 -18
  172. package/dist/components/icon/components/dropbox-icon.js +5 -18
  173. package/dist/components/icon/components/edit-icon.js +5 -18
  174. package/dist/components/icon/components/education-icon.js +5 -18
  175. package/dist/components/icon/components/eftpos-icon.js +5 -18
  176. package/dist/components/icon/components/email-icon.js +5 -18
  177. package/dist/components/icon/components/error-icon.js +5 -18
  178. package/dist/components/icon/components/excel-file-icon.js +5 -18
  179. package/dist/components/icon/components/exit-icon.js +5 -18
  180. package/dist/components/icon/components/expand-less-icon.js +5 -18
  181. package/dist/components/icon/components/expand-more-icon.js +5 -18
  182. package/dist/components/icon/components/face-happy-icon.js +5 -18
  183. package/dist/components/icon/components/facebook-icon.js +5 -18
  184. package/dist/components/icon/components/favorite-icon.js +5 -18
  185. package/dist/components/icon/components/filter-icon.js +5 -18
  186. package/dist/components/icon/components/fingerprint-icon.js +5 -18
  187. package/dist/components/icon/components/first-aid-case-icon.js +5 -18
  188. package/dist/components/icon/components/first-aid-icon.js +5 -18
  189. package/dist/components/icon/components/format-color-icon.d.ts +2 -0
  190. package/dist/components/icon/components/format-color-icon.js +20 -0
  191. package/dist/components/icon/components/fullscreen-exit-icon.d.ts +2 -0
  192. package/dist/components/icon/components/fullscreen-exit-icon.js +12 -0
  193. package/dist/components/icon/components/fullscreen-icon.d.ts +2 -0
  194. package/dist/components/icon/components/fullscreen-icon.js +12 -0
  195. package/dist/components/icon/components/future-clock-icon.js +5 -18
  196. package/dist/components/icon/components/gel-icon.js +5 -18
  197. package/dist/components/icon/components/generic-file-icon.js +5 -18
  198. package/dist/components/icon/components/geolocation-icon.js +5 -18
  199. package/dist/components/icon/components/gift-icon.js +5 -18
  200. package/dist/components/icon/components/github-icon.js +5 -18
  201. package/dist/components/icon/components/global-icon.js +5 -18
  202. package/dist/components/icon/components/google-plus-icon.js +5 -18
  203. package/dist/components/icon/components/grid-icon.js +5 -18
  204. package/dist/components/icon/components/growth-icon.js +5 -18
  205. package/dist/components/icon/components/hamburger-menu-icon.js +5 -18
  206. package/dist/components/icon/components/headset-icon.js +5 -18
  207. package/dist/components/icon/components/heart-add-icon.js +5 -18
  208. package/dist/components/icon/components/heart-tick-icon.js +5 -18
  209. package/dist/components/icon/components/help-icon.js +5 -18
  210. package/dist/components/icon/components/history-clock-icon.js +5 -18
  211. package/dist/components/icon/components/house-dollar-icon.js +5 -18
  212. package/dist/components/icon/components/house-icon.js +5 -18
  213. package/dist/components/icon/components/house-people-icon.js +5 -18
  214. package/dist/components/icon/components/house-person-icon.js +5 -18
  215. package/dist/components/icon/components/ice-cream-icon.js +5 -18
  216. package/dist/components/icon/components/id-card-icon.js +5 -18
  217. package/dist/components/icon/components/image-square-icon.js +5 -18
  218. package/dist/components/icon/components/info-icon.js +5 -18
  219. package/dist/components/icon/components/instagram-icon.js +5 -18
  220. package/dist/components/icon/components/inventory-icon.js +5 -18
  221. package/dist/components/icon/components/invest-icon.js +5 -18
  222. package/dist/components/icon/components/invoice-icon.js +5 -18
  223. package/dist/components/icon/components/key-icon.js +5 -18
  224. package/dist/components/icon/components/keyhole-icon.js +5 -18
  225. package/dist/components/icon/components/leaf-icon.js +5 -18
  226. package/dist/components/icon/components/light-bulb-icon.js +5 -18
  227. package/dist/components/icon/components/limit-icon.js +5 -18
  228. package/dist/components/icon/components/link-icon.js +5 -18
  229. package/dist/components/icon/components/linkedin-icon.js +5 -18
  230. package/dist/components/icon/components/list-icon.js +5 -18
  231. package/dist/components/icon/components/live-chat-icon.js +5 -18
  232. package/dist/components/icon/components/luggage-icon.js +5 -18
  233. package/dist/components/icon/components/map-icon.js +5 -18
  234. package/dist/components/icon/components/map-pin-icon.js +5 -18
  235. package/dist/components/icon/components/medical-icon.js +5 -18
  236. package/dist/components/icon/components/megaphone-icon.js +5 -18
  237. package/dist/components/icon/components/message-icon.js +5 -18
  238. package/dist/components/icon/components/mobile-pay-icon.js +5 -18
  239. package/dist/components/icon/components/money-bag-icon.js +5 -18
  240. package/dist/components/icon/components/money-in-icon.js +5 -18
  241. package/dist/components/icon/components/money-notes-icon.js +5 -18
  242. package/dist/components/icon/components/money-out-icon.js +5 -18
  243. package/dist/components/icon/components/more-horiz-icon.js +5 -18
  244. package/dist/components/icon/components/more-vert-icon.js +5 -18
  245. package/dist/components/icon/components/move-from-icon.js +5 -18
  246. package/dist/components/icon/components/move-to-icon.js +5 -18
  247. package/dist/components/icon/components/new-content-icon.js +5 -18
  248. package/dist/components/icon/components/new-window-icon.js +5 -18
  249. package/dist/components/icon/components/notification-active-icon.js +5 -18
  250. package/dist/components/icon/components/notification-icon.js +5 -18
  251. package/dist/components/icon/components/notification-off-icon.js +5 -18
  252. package/dist/components/icon/components/office-icon.js +5 -18
  253. package/dist/components/icon/components/open-browser-icon.js +5 -18
  254. package/dist/components/icon/components/package-delivery-icon.js +5 -18
  255. package/dist/components/icon/components/padlock-icon.js +5 -18
  256. package/dist/components/icon/components/padlock-open-icon.js +5 -18
  257. package/dist/components/icon/components/padlock-tick-icon.js +5 -18
  258. package/dist/components/icon/components/pause-circle-icon.js +5 -18
  259. package/dist/components/icon/components/pause-icon.js +6 -19
  260. package/dist/components/icon/components/paw-icon.js +5 -18
  261. package/dist/components/icon/components/pay-icon.js +5 -18
  262. package/dist/components/icon/components/pay-id-icon.js +5 -18
  263. package/dist/components/icon/components/pay-to-icon.js +5 -18
  264. package/dist/components/icon/components/pay-to-mobile-icon.js +5 -18
  265. package/dist/components/icon/components/paypass-icon.js +5 -18
  266. package/dist/components/icon/components/pdf-file-icon.js +5 -18
  267. package/dist/components/icon/components/pending-icon.js +5 -18
  268. package/dist/components/icon/components/people-icon.js +5 -18
  269. package/dist/components/icon/components/percent-icon.js +5 -18
  270. package/dist/components/icon/components/person-icon.js +5 -18
  271. package/dist/components/icon/components/phone-icon.js +5 -18
  272. package/dist/components/icon/components/pie-chart-icon.js +5 -18
  273. package/dist/components/icon/components/piggy-bank-icon.js +5 -18
  274. package/dist/components/icon/components/piggy-bank.js +5 -18
  275. package/dist/components/icon/components/pin-icon.js +5 -18
  276. package/dist/components/icon/components/pizza-icon.js +5 -18
  277. package/dist/components/icon/components/plane-icon.js +5 -18
  278. package/dist/components/icon/components/play-circle-icon.js +5 -18
  279. package/dist/components/icon/components/play-icon.js +6 -19
  280. package/dist/components/icon/components/pram-icon.js +5 -18
  281. package/dist/components/icon/components/presets-icon.js +5 -18
  282. package/dist/components/icon/components/print-icon.js +5 -18
  283. package/dist/components/icon/components/progress-icon.js +5 -18
  284. package/dist/components/icon/components/question-mark-icon.js +5 -18
  285. package/dist/components/icon/components/quick-balance-icon.js +5 -18
  286. package/dist/components/icon/components/receipt-icon.js +5 -18
  287. package/dist/components/icon/components/refresh-icon.js +5 -18
  288. package/dist/components/icon/components/remove-circle-icon.js +5 -18
  289. package/dist/components/icon/components/remove-icon.js +5 -18
  290. package/dist/components/icon/components/replay-icon.d.ts +2 -0
  291. package/dist/components/icon/components/replay-icon.js +12 -0
  292. package/dist/components/icon/components/restaurant-icon.js +5 -18
  293. package/dist/components/icon/components/rss-icon.js +5 -18
  294. package/dist/components/icon/components/scan-document-icon.js +5 -18
  295. package/dist/components/icon/components/sd-storage-icon.js +5 -18
  296. package/dist/components/icon/components/search-icon.js +5 -18
  297. package/dist/components/icon/components/security-icon.js +5 -18
  298. package/dist/components/icon/components/service-bell-icon.js +5 -18
  299. package/dist/components/icon/components/settings-icon.js +5 -18
  300. package/dist/components/icon/components/share-icon.js +5 -18
  301. package/dist/components/icon/components/share-ios-icon.js +5 -18
  302. package/dist/components/icon/components/shop-icon.js +5 -18
  303. package/dist/components/icon/components/shopping-bag-icon.js +5 -18
  304. package/dist/components/icon/components/shopping-basket-icon.js +5 -18
  305. package/dist/components/icon/components/sim-card-icon.js +5 -18
  306. package/dist/components/icon/components/slack-icon.js +5 -18
  307. package/dist/components/icon/components/sms-icon.js +5 -18
  308. package/dist/components/icon/components/spa-icon.js +5 -18
  309. package/dist/components/icon/components/star-half-icon.js +5 -18
  310. package/dist/components/icon/components/star-rate-icon.js +5 -18
  311. package/dist/components/icon/components/stars-icon.js +5 -18
  312. package/dist/components/icon/components/stopwatch-icon.js +5 -18
  313. package/dist/components/icon/components/stroller-icon.js +5 -18
  314. package/dist/components/icon/components/success-icon.js +5 -18
  315. package/dist/components/icon/components/super-icon.js +5 -18
  316. package/dist/components/icon/components/switch-icon.js +5 -18
  317. package/dist/components/icon/components/tablet-icon.js +5 -18
  318. package/dist/components/icon/components/tag-icon.js +5 -18
  319. package/dist/components/icon/components/takeout-coffee-icon.js +5 -18
  320. package/dist/components/icon/components/takeout-food-icon.js +5 -18
  321. package/dist/components/icon/components/target-icon.js +5 -18
  322. package/dist/components/icon/components/telephone-icon.js +5 -18
  323. package/dist/components/icon/components/text-bold-icon.d.ts +2 -0
  324. package/dist/components/icon/components/text-bold-icon.js +14 -0
  325. package/dist/components/icon/components/text-increase-icon.d.ts +2 -0
  326. package/dist/components/icon/components/text-increase-icon.js +17 -0
  327. package/dist/components/icon/components/text-large-icon.d.ts +2 -0
  328. package/dist/components/icon/components/text-large-icon.js +17 -0
  329. package/dist/components/icon/components/thumb-down-icon.js +5 -18
  330. package/dist/components/icon/components/thumb-up-icon.js +5 -18
  331. package/dist/components/icon/components/tick-circle-icon.js +5 -18
  332. package/dist/components/icon/components/tick-icon.js +5 -18
  333. package/dist/components/icon/components/tiles-icon.js +5 -18
  334. package/dist/components/icon/components/transfer-icon.js +5 -18
  335. package/dist/components/icon/components/transport-icon.js +5 -18
  336. package/dist/components/icon/components/travel-explore-icon.js +5 -18
  337. package/dist/components/icon/components/tune-icon.js +5 -18
  338. package/dist/components/icon/components/twitter-icon.js +5 -18
  339. package/dist/components/icon/components/umbrella-icon.js +5 -18
  340. package/dist/components/icon/components/unpin-icon.js +5 -18
  341. package/dist/components/icon/components/upload-icon.js +5 -18
  342. package/dist/components/icon/components/verified-icon.js +5 -18
  343. package/dist/components/icon/components/video-icon.js +5 -18
  344. package/dist/components/icon/components/visibility-icon.js +5 -18
  345. package/dist/components/icon/components/visibility-off-icon.js +5 -18
  346. package/dist/components/icon/components/voice-icon.js +5 -18
  347. package/dist/components/icon/components/voiceover-on-icon.d.ts +2 -0
  348. package/dist/components/icon/components/voiceover-on-icon.js +31 -0
  349. package/dist/components/icon/components/volume-off-icon.d.ts +2 -0
  350. package/dist/components/icon/components/volume-off-icon.js +35 -0
  351. package/dist/components/icon/components/volume-on-icon.d.ts +2 -0
  352. package/dist/components/icon/components/volume-on-icon.js +29 -0
  353. package/dist/components/icon/components/walk-icon.js +5 -18
  354. package/dist/components/icon/components/wallet-icon.js +5 -18
  355. package/dist/components/icon/components/warning-icon.js +5 -18
  356. package/dist/components/icon/components/watch-icon.js +5 -18
  357. package/dist/components/icon/components/wearable-icon.js +5 -18
  358. package/dist/components/icon/components/wheelchair-icon.js +5 -18
  359. package/dist/components/icon/components/windows-new-icon.js +5 -18
  360. package/dist/components/icon/components/wine-glass-icon.js +5 -18
  361. package/dist/components/icon/components/word-file-icon.js +5 -18
  362. package/dist/components/icon/components/write-icon.js +5 -18
  363. package/dist/components/icon/components/x-icon.js +5 -18
  364. package/dist/components/icon/components/yammer-icon.js +5 -18
  365. package/dist/components/icon/components/youtube-icon.js +5 -18
  366. package/dist/components/icon/components/zip-file-icon.js +5 -18
  367. package/dist/components/icon/icon.component.js +5 -18
  368. package/dist/components/icon/index.d.ts +14 -0
  369. package/dist/components/icon/index.js +14 -0
  370. package/dist/components/input/input.component.js +6 -19
  371. package/dist/components/input-group/components/input-group-add-ons/add-ons.types.js +2 -2
  372. package/dist/components/input-group/components/input-group-add-ons/components/input-group-add-on-default-add-on/input-group-add-on-default-add-on.component.js +5 -18
  373. package/dist/components/input-group/components/input-group-add-ons/components/input-group-add-on-icon-add-on/input-group-add-on-icon-add-on.component.js +5 -18
  374. package/dist/components/input-group/components/input-group-add-ons/components/input-group-add-on-text-add-on/input-group-add-on-text-add-on.component.js +5 -18
  375. package/dist/components/input-group/components/input-group-add-ons/input-group-add-ons.component.js +8 -20
  376. package/dist/components/input-group/components/input-group-add-ons/input-group-add-ons.types.js +2 -2
  377. package/dist/components/input-group/components/input-group-supporting-text/input-group-supporting-text.component.js +5 -18
  378. package/dist/components/input-group/input-group.component.js +12 -24
  379. package/dist/components/label/label.component.js +5 -18
  380. package/dist/components/link/link.component.js +6 -19
  381. package/dist/components/list/components/list-item/list-item.component.js +9 -22
  382. package/dist/components/list/list.component.js +5 -19
  383. package/dist/components/list/list.utils.js +2 -2
  384. package/dist/components/modal/components/modal-backdrop/modal-backdrop.component.js +9 -21
  385. package/dist/components/modal/components/modal-dialog/components/modal-dialog-body/modal-dialog-body.component.js +6 -19
  386. package/dist/components/modal/components/modal-dialog/components/modal-dialog-footer/modal-dialog-footer.component.js +6 -19
  387. package/dist/components/modal/components/modal-dialog/modal-dialog.component.js +13 -24
  388. package/dist/components/modal/modal.component.js +5 -18
  389. package/dist/components/pagination/components/pagination-item/pagination-item.component.js +10 -20
  390. package/dist/components/pagination/components/pagination-item/pagination-item.styles.d.ts +2 -2
  391. package/dist/components/pagination/components/pagination-item/pagination-item.styles.js +1 -1
  392. package/dist/components/pagination/components/pagination-pages/pagination-pages.component.d.ts +2 -0
  393. package/dist/components/pagination/components/pagination-pages/pagination-pages.component.js +185 -0
  394. package/dist/components/pagination/components/pagination-pages/pagination-pages.types.d.ts +36 -0
  395. package/dist/components/pagination/components/pagination-pages/pagination-pages.types.js +1 -0
  396. package/dist/components/pagination/components/pagination-presentational/pagination-presentational.component.d.ts +2 -0
  397. package/dist/components/pagination/components/pagination-presentational/pagination-presentational.component.js +44 -0
  398. package/dist/components/pagination/{pagination.styles.d.ts → components/pagination-presentational/pagination-presentational.styles.d.ts} +3 -0
  399. package/dist/components/pagination/{pagination.styles.js → components/pagination-presentational/pagination-presentational.styles.js} +2 -1
  400. package/dist/components/pagination/components/pagination-presentational/pagination-presentational.types.d.ts +41 -0
  401. package/dist/components/pagination/components/pagination-presentational/pagination-presentational.types.js +1 -0
  402. package/dist/components/pagination/components/pagination-total-pages/pagination-total-pages.component.d.ts +2 -0
  403. package/dist/components/pagination/components/pagination-total-pages/pagination-total-pages.component.js +188 -0
  404. package/dist/components/pagination/components/pagination-total-pages/pagination-total-pages.types.d.ts +40 -0
  405. package/dist/components/pagination/components/pagination-total-pages/pagination-total-pages.types.js +1 -0
  406. package/dist/components/pagination/pagination.component.d.ts +1 -1
  407. package/dist/components/pagination/pagination.component.js +27 -133
  408. package/dist/components/pagination/pagination.hooks.js +1 -1
  409. package/dist/components/pagination/pagination.types.d.ts +33 -29
  410. package/dist/components/pagination/pagination.utils.d.ts +2 -0
  411. package/dist/components/pagination/pagination.utils.js +12 -0
  412. package/dist/components/panel/components/panel-body/panel-body.component.js +5 -18
  413. package/dist/components/panel/components/panel-footer/panel-footer.component.js +5 -18
  414. package/dist/components/panel/panel.component.js +5 -18
  415. package/dist/components/panel/panel.types.d.ts +1 -1
  416. package/dist/components/pass-code/pass-code.component.js +6 -21
  417. package/dist/components/pass-code-view/pass-code-view.component.js +8 -21
  418. package/dist/components/pass-code-view/pass-code-view.loader.js +1 -1
  419. package/dist/components/pictogram/components/decorative/wbc-bank-card-pictogram.js +5 -18
  420. package/dist/components/pictogram/components/informative/accessibility-pictogram.js +5 -18
  421. package/dist/components/pictogram/components/informative/accounts-pictogram.js +5 -18
  422. package/dist/components/pictogram/components/informative/aeroplane-pictogram.js +5 -18
  423. package/dist/components/pictogram/components/informative/arrow-down-pictogram.js +5 -18
  424. package/dist/components/pictogram/components/informative/arrow-left-pictogram.js +5 -18
  425. package/dist/components/pictogram/components/informative/arrow-right-pictogram.js +5 -18
  426. package/dist/components/pictogram/components/informative/arrow-up-pictogram.js +5 -18
  427. package/dist/components/pictogram/components/informative/arrows-passing-pictogram.js +5 -18
  428. package/dist/components/pictogram/components/informative/atm-pictogram.js +5 -18
  429. package/dist/components/pictogram/components/informative/australia-pictogram.js +5 -18
  430. package/dist/components/pictogram/components/informative/bank-card-locked-pictogram.js +5 -18
  431. package/dist/components/pictogram/components/informative/bank-card-pictogram.js +5 -18
  432. package/dist/components/pictogram/components/informative/bank-pictogram.js +5 -18
  433. package/dist/components/pictogram/components/informative/birth-certificate-pictogram.js +5 -18
  434. package/dist/components/pictogram/components/informative/building-pictogram.js +5 -18
  435. package/dist/components/pictogram/components/informative/buoy-pictogram.js +5 -18
  436. package/dist/components/pictogram/components/informative/bus-pictogram.js +5 -18
  437. package/dist/components/pictogram/components/informative/business-person-pictogram.js +5 -18
  438. package/dist/components/pictogram/components/informative/calculator-pictogram.js +5 -18
  439. package/dist/components/pictogram/components/informative/calendar-pictogram.js +5 -18
  440. package/dist/components/pictogram/components/informative/car-pictogram.js +5 -18
  441. package/dist/components/pictogram/components/informative/cash-pictogram.js +5 -18
  442. package/dist/components/pictogram/components/informative/celebration-pictogram.js +5 -18
  443. package/dist/components/pictogram/components/informative/chat-pictogram.js +5 -18
  444. package/dist/components/pictogram/components/informative/clock-pictogram.js +5 -18
  445. package/dist/components/pictogram/components/informative/coffee-pictogram.js +5 -18
  446. package/dist/components/pictogram/components/informative/coins-pictogram.js +5 -18
  447. package/dist/components/pictogram/components/informative/compass-pictogram.js +5 -18
  448. package/dist/components/pictogram/components/informative/customer-profile-pictogram.js +5 -18
  449. package/dist/components/pictogram/components/informative/desktop-computer-pictogram.js +5 -18
  450. package/dist/components/pictogram/components/informative/document-and-pen-pictogram.js +5 -18
  451. package/dist/components/pictogram/components/informative/dollar-sign-pictogram.js +5 -18
  452. package/dist/components/pictogram/components/informative/drivers-licence-pictogram.js +5 -18
  453. package/dist/components/pictogram/components/informative/education-pictogram.js +5 -18
  454. package/dist/components/pictogram/components/informative/eftpos-pictogram.js +5 -18
  455. package/dist/components/pictogram/components/informative/envelope-email-pictogram.js +5 -18
  456. package/dist/components/pictogram/components/informative/envelope-printed-pictogram.js +5 -18
  457. package/dist/components/pictogram/components/informative/face-happy-pictogram.js +5 -18
  458. package/dist/components/pictogram/components/informative/face-unhappy-pictogram.js +5 -18
  459. package/dist/components/pictogram/components/informative/face-unsure-pictogram.js +5 -18
  460. package/dist/components/pictogram/components/informative/finger-motion-pictogram.js +5 -18
  461. package/dist/components/pictogram/components/informative/fingerprint-pictogram.js +5 -18
  462. package/dist/components/pictogram/components/informative/football-pictogram.js +5 -18
  463. package/dist/components/pictogram/components/informative/fork-knife-pictogram.js +5 -18
  464. package/dist/components/pictogram/components/informative/generic-document-pictogram.js +5 -18
  465. package/dist/components/pictogram/components/informative/gift-pictogram.js +5 -18
  466. package/dist/components/pictogram/components/informative/globe-australia-pictogram.js +5 -18
  467. package/dist/components/pictogram/components/informative/globe-pictogram.js +5 -18
  468. package/dist/components/pictogram/components/informative/graph-decreasing-pictogram.js +5 -18
  469. package/dist/components/pictogram/components/informative/graph-increasing-pictogram.js +5 -18
  470. package/dist/components/pictogram/components/informative/gym-pictogram.js +5 -18
  471. package/dist/components/pictogram/components/informative/headset-pictogram.js +5 -18
  472. package/dist/components/pictogram/components/informative/heart-pictogram.js +5 -18
  473. package/dist/components/pictogram/components/informative/house-pictogram.js +5 -18
  474. package/dist/components/pictogram/components/informative/light-bulb-pictogram.js +5 -18
  475. package/dist/components/pictogram/components/informative/loop-pictogram.js +5 -18
  476. package/dist/components/pictogram/components/informative/medicare-card-pictogram.js +5 -18
  477. package/dist/components/pictogram/components/informative/mobile-device-pictogram.js +5 -18
  478. package/dist/components/pictogram/components/informative/money-in-pictogram.js +5 -18
  479. package/dist/components/pictogram/components/informative/money-out-pictogram.js +5 -18
  480. package/dist/components/pictogram/components/informative/movie-tickets-pictogram.js +5 -18
  481. package/dist/components/pictogram/components/informative/nest-egg-pictogram.js +5 -18
  482. package/dist/components/pictogram/components/informative/noodles-pictogram.js +5 -18
  483. package/dist/components/pictogram/components/informative/number-1-pictogram.js +5 -18
  484. package/dist/components/pictogram/components/informative/number-2-pictogram.js +5 -18
  485. package/dist/components/pictogram/components/informative/number-3-pictogram.js +5 -18
  486. package/dist/components/pictogram/components/informative/number-4-pictogram.js +5 -18
  487. package/dist/components/pictogram/components/informative/number-5-pictogram.js +5 -18
  488. package/dist/components/pictogram/components/informative/padlock-locked-pictogram.js +5 -18
  489. package/dist/components/pictogram/components/informative/padlock-unlocked-pictogram.js +5 -18
  490. package/dist/components/pictogram/components/informative/passport-pictogram.js +5 -18
  491. package/dist/components/pictogram/components/informative/percent-sign-pictogram.js +5 -18
  492. package/dist/components/pictogram/components/informative/person-pictogram.js +5 -18
  493. package/dist/components/pictogram/components/informative/piggy-bank-pictogram.js +5 -18
  494. package/dist/components/pictogram/components/informative/pizza-pictogram.js +5 -18
  495. package/dist/components/pictogram/components/informative/plant-pictogram.js +5 -18
  496. package/dist/components/pictogram/components/informative/search-pictogram.js +5 -18
  497. package/dist/components/pictogram/components/informative/secure-pictogram.js +5 -18
  498. package/dist/components/pictogram/components/informative/shop-pictogram.js +5 -18
  499. package/dist/components/pictogram/components/informative/shopping-pictogram.js +5 -18
  500. package/dist/components/pictogram/components/informative/sparkle-pictogram.js +5 -18
  501. package/dist/components/pictogram/components/informative/star-pictogram.js +5 -18
  502. package/dist/components/pictogram/components/informative/stopwatch-pictogram.js +5 -18
  503. package/dist/components/pictogram/components/informative/target-pictogram.js +5 -18
  504. package/dist/components/pictogram/components/informative/tax-document-pictogram.js +5 -18
  505. package/dist/components/pictogram/components/informative/telephone-call-pictogram.js +5 -18
  506. package/dist/components/pictogram/components/informative/thumbs-up-pictogram.js +5 -18
  507. package/dist/components/pictogram/components/informative/tick-pictogram.js +5 -18
  508. package/dist/components/pictogram/components/informative/tools-pictogram.js +5 -18
  509. package/dist/components/pictogram/components/informative/tractor-pictogram.js +5 -18
  510. package/dist/components/pictogram/components/informative/truck-pictogram.js +5 -18
  511. package/dist/components/pictogram/components/informative/umbrella-pictogram.js +5 -18
  512. package/dist/components/pictogram/components/informative/unsecure-pictogram.js +5 -18
  513. package/dist/components/pictogram/components/informative/wallet-pictogram.js +5 -18
  514. package/dist/components/pictogram/components/informative/wearables-pictogram.js +5 -18
  515. package/dist/components/pictogram/pictogram.component.js +5 -18
  516. package/dist/components/popover/components/panel/panel.component.js +10 -22
  517. package/dist/components/popover/components/panel/panel.hook.js +1 -1
  518. package/dist/components/popover/popover.component.js +1 -1
  519. package/dist/components/progress-bar/progress-bar.component.js +11 -23
  520. package/dist/components/progress-indicator/progress-indicator.component.js +6 -19
  521. package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.component.js +6 -19
  522. package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.component.js +6 -19
  523. package/dist/components/progress-rope/progress-rope.component.js +5 -18
  524. package/dist/components/radio-group/components/radio-group-radio/radio-group-radio.component.js +11 -23
  525. package/dist/components/radio-group/radio-group.component.js +17 -27
  526. package/dist/components/repeater/repeater.component.js +12 -23
  527. package/dist/components/select/select.component.js +6 -19
  528. package/dist/components/selector/components/selector-button-group/components/selector-button-group-option/selector-button-group-option.component.js +5 -18
  529. package/dist/components/selector/components/selector-button-group/selector-button-group.component.js +8 -20
  530. package/dist/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.component.js +6 -19
  531. package/dist/components/selector/components/selector-checkbox-group/selector-checkbox-group.component.js +7 -19
  532. package/dist/components/selector/components/selector-label/selector-label.component.js +4 -17
  533. package/dist/components/selector/components/selector-link-group/components/selector-link-group-option/selector-link-group-option.component.js +7 -20
  534. package/dist/components/selector/components/selector-link-group/selector-link-group.component.js +8 -20
  535. package/dist/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.component.js +7 -20
  536. package/dist/components/selector/components/selector-radio-group/selector-radio-group.component.js +8 -20
  537. package/dist/components/selector/selector.component.js +4 -18
  538. package/dist/components/skip-link/skip-link.component.js +8 -20
  539. package/dist/components/switch/switch.component.js +11 -23
  540. package/dist/components/symbol/components/logos/bom-logo.js +5 -18
  541. package/dist/components/symbol/components/logos/bom-multibrand-large-logo.js +6 -19
  542. package/dist/components/symbol/components/logos/bom-multibrand-small-logo.js +6 -19
  543. package/dist/components/symbol/components/logos/bom-shield-logo.js +5 -18
  544. package/dist/components/symbol/components/logos/bsa-logo.js +4 -17
  545. package/dist/components/symbol/components/logos/bsa-multibrand-large-logo.js +5 -18
  546. package/dist/components/symbol/components/logos/bsa-multibrand-small-logo.js +5 -18
  547. package/dist/components/symbol/components/logos/bsa-stacked-logo.js +4 -17
  548. package/dist/components/symbol/components/logos/bt-logo.js +5 -18
  549. package/dist/components/symbol/components/logos/bt-multibrand-large-logo.js +6 -19
  550. package/dist/components/symbol/components/logos/bt-multibrand-small-logo.js +6 -19
  551. package/dist/components/symbol/components/logos/bt-panorama-logo.js +5 -18
  552. package/dist/components/symbol/components/logos/bt-panorama-multibrand-large-logo.js +6 -19
  553. package/dist/components/symbol/components/logos/bt-panorama-multibrand-small-logo.js +6 -19
  554. package/dist/components/symbol/components/logos/bt-panorama-reversed-logo.js +5 -18
  555. package/dist/components/symbol/components/logos/bt-reversed-logo.js +5 -18
  556. package/dist/components/symbol/components/logos/rams-logo.js +5 -18
  557. package/dist/components/symbol/components/logos/rams-multibrand-large-logo.js +5 -18
  558. package/dist/components/symbol/components/logos/rams-multibrand-small-logo.js +5 -18
  559. package/dist/components/symbol/components/logos/red-avatar-circle-logo.js +4 -17
  560. package/dist/components/symbol/components/logos/red-avatar-circle-reversed-logo.js +4 -17
  561. package/dist/components/symbol/components/logos/red-avatar-logo.js +4 -17
  562. package/dist/components/symbol/components/logos/stg-dragon-logo.js +4 -17
  563. package/dist/components/symbol/components/logos/stg-logo.js +4 -17
  564. package/dist/components/symbol/components/logos/stg-multibrand-large-logo.js +5 -18
  565. package/dist/components/symbol/components/logos/stg-multibrand-small-logo.js +5 -18
  566. package/dist/components/symbol/components/logos/wbc-logo.js +5 -18
  567. package/dist/components/symbol/components/logos/wbc-multibrand-large-logo.js +5 -18
  568. package/dist/components/symbol/components/logos/wbc-multibrand-small-logo.js +6 -19
  569. package/dist/components/symbol/components/logos/wbg-internal-logo.js +4 -17
  570. package/dist/components/symbol/components/logos/wbg-logo.js +4 -17
  571. package/dist/components/symbol/components/logos/wbg-multibrand-large-logo.js +5 -18
  572. package/dist/components/symbol/components/logos/wbg-multibrand-small-logo.js +5 -18
  573. package/dist/components/symbol/components/symbols/american-express-symbol.js +5 -18
  574. package/dist/components/symbol/components/symbols/apple-store-inverse-symbol.js +5 -18
  575. package/dist/components/symbol/components/symbols/apple-store-symbol.js +5 -18
  576. package/dist/components/symbol/components/symbols/bpay-land-symbol.js +5 -18
  577. package/dist/components/symbol/components/symbols/bpay-port-symbol.js +4 -17
  578. package/dist/components/symbol/components/symbols/facebook-symbol.js +4 -17
  579. package/dist/components/symbol/components/symbols/google-plus-symbol.js +4 -17
  580. package/dist/components/symbol/components/symbols/google-store-symbol.js +4 -17
  581. package/dist/components/symbol/components/symbols/instagram-symbol.js +4 -17
  582. package/dist/components/symbol/components/symbols/linked-in-symbol.js +4 -17
  583. package/dist/components/symbol/components/symbols/mastercard-accepted-symbol.js +4 -17
  584. package/dist/components/symbol/components/symbols/mastercard-horizontal-symbol.js +4 -17
  585. package/dist/components/symbol/components/symbols/mastercard-symbol.js +4 -17
  586. package/dist/components/symbol/components/symbols/microsoft-store-symbol.js +4 -17
  587. package/dist/components/symbol/components/symbols/pay-id-symbol.js +4 -17
  588. package/dist/components/symbol/components/symbols/pay-to-black-symbol.d.ts +2 -0
  589. package/dist/components/symbol/components/symbols/pay-to-black-symbol.js +16 -0
  590. package/dist/components/symbol/components/symbols/pay-to-dark-grey-symbol.d.ts +2 -0
  591. package/dist/components/symbol/components/symbols/pay-to-dark-grey-symbol.js +16 -0
  592. package/dist/components/symbol/components/symbols/pay-to-light-grey-symbol.d.ts +2 -0
  593. package/dist/components/symbol/components/symbols/pay-to-light-grey-symbol.js +16 -0
  594. package/dist/components/symbol/components/symbols/pay-to-white-symbol.d.ts +2 -0
  595. package/dist/components/symbol/components/symbols/pay-to-white-symbol.js +16 -0
  596. package/dist/components/symbol/components/symbols/pay-to-wordmark-black-symbol.d.ts +2 -0
  597. package/dist/components/symbol/components/symbols/pay-to-wordmark-black-symbol.js +25 -0
  598. package/dist/components/symbol/components/symbols/pay-to-wordmark-dark-grey-symbol.d.ts +2 -0
  599. package/dist/components/symbol/components/symbols/pay-to-wordmark-dark-grey-symbol.js +25 -0
  600. package/dist/components/symbol/components/symbols/pay-to-wordmark-light-grey-symbol.d.ts +2 -0
  601. package/dist/components/symbol/components/symbols/pay-to-wordmark-light-grey-symbol.js +25 -0
  602. package/dist/components/symbol/components/symbols/pay-to-wordmark-white-symbol.d.ts +2 -0
  603. package/dist/components/symbol/components/symbols/pay-to-wordmark-white-symbol.js +25 -0
  604. package/dist/components/symbol/components/symbols/slack-symbol.js +4 -17
  605. package/dist/components/symbol/components/symbols/twitter-symbol.js +4 -17
  606. package/dist/components/symbol/components/symbols/visa-blue-symbol.js +4 -17
  607. package/dist/components/symbol/components/symbols/visa-symbol.js +4 -17
  608. package/dist/components/symbol/components/symbols/visa-white-symbol.js +4 -17
  609. package/dist/components/symbol/components/symbols/x-mark-inverse-symbol.js +4 -17
  610. package/dist/components/symbol/components/symbols/x-mark-symbol.js +4 -17
  611. package/dist/components/symbol/components/symbols/x-symbol.js +4 -17
  612. package/dist/components/symbol/components/symbols/yammer-symbol.js +4 -17
  613. package/dist/components/symbol/components/symbols/youtube-symbol.js +4 -17
  614. package/dist/components/symbol/index.d.ts +8 -0
  615. package/dist/components/symbol/index.js +8 -0
  616. package/dist/components/symbol/symbol.component.js +5 -18
  617. package/dist/components/symbol/symbol.utils.js +1 -1
  618. package/dist/components/table/components/table-body/table-body.component.js +5 -18
  619. package/dist/components/table/components/table-caption/table-caption.component.js +5 -18
  620. package/dist/components/table/components/table-cell/table-cell.component.js +6 -19
  621. package/dist/components/table/components/table-footer/table-footer.component.js +3 -17
  622. package/dist/components/table/components/table-header/table-header.component.js +5 -18
  623. package/dist/components/table/components/table-header-cell/table-header-cell.component.js +6 -19
  624. package/dist/components/table/components/table-header-row/table-header-row.component.js +5 -18
  625. package/dist/components/table/components/table-row/table-row.component.js +6 -19
  626. package/dist/components/table/table.component.js +5 -18
  627. package/dist/components/tabs/components/tabs-tab/tabs-tab.component.js +6 -19
  628. package/dist/components/tabs/components/tabs-tab-panel/tabs-tab-panel.component.js +6 -19
  629. package/dist/components/tabs/tabs.component.js +6 -20
  630. package/dist/components/textarea/textarea.component.js +6 -19
  631. package/dist/components/visually-hidden/visually-hidden.component.js +5 -18
  632. package/dist/components/well/well.component.js +5 -18
  633. package/dist/css/westpac-ui.css +15 -0
  634. package/dist/css/westpac-ui.min.css +15 -0
  635. package/dist/hook/breakpoints.hook.d.ts +1 -0
  636. package/dist/hook/breakpoints.hook.js +21 -0
  637. package/dist/tailwind/tailwind-plugin.js +2 -2
  638. package/dist/tailwind/tailwind-transformer.js +1 -3
  639. package/dist/tailwind/utils/create-brand-fonts.js +2 -2
  640. package/package.json +11 -9
  641. package/src/components/accordion/components/accordion-item/accordion-item.component.tsx +1 -1
  642. package/src/components/accordion/components/accordion-item/accordion-item.styles.ts +2 -1
  643. package/src/components/autocomplete/components/autocomplete-list-box/autocomplete-list-box.component.tsx +1 -1
  644. package/src/components/autocomplete/components/autocomplete-list-box/components/autocomplete-list-box-option/autocomplete-list-box-option.styles.ts +2 -2
  645. package/src/components/autocomplete/components/autocomplete-popover/autocomplete-popover.component.tsx +1 -1
  646. package/src/components/icon/components/arrow-thread-reply-icon.tsx +19 -0
  647. package/src/components/icon/components/button-shape-icon.tsx +39 -0
  648. package/src/components/icon/components/closed-caption-icon.tsx +41 -0
  649. package/src/components/icon/components/color-filters-icon.tsx +23 -0
  650. package/src/components/icon/components/format-color-icon.tsx +26 -0
  651. package/src/components/icon/components/fullscreen-exit-icon.tsx +19 -0
  652. package/src/components/icon/components/fullscreen-icon.tsx +19 -0
  653. package/src/components/icon/components/pause-icon.tsx +1 -1
  654. package/src/components/icon/components/play-icon.tsx +1 -1
  655. package/src/components/icon/components/replay-icon.tsx +15 -0
  656. package/src/components/icon/components/text-bold-icon.tsx +17 -0
  657. package/src/components/icon/components/text-increase-icon.tsx +22 -0
  658. package/src/components/icon/components/text-large-icon.tsx +21 -0
  659. package/src/components/icon/components/voiceover-on-icon.tsx +51 -0
  660. package/src/components/icon/components/volume-off-icon.tsx +51 -0
  661. package/src/components/icon/components/volume-on-icon.tsx +46 -0
  662. package/src/components/icon/index.ts +14 -0
  663. package/src/components/pagination/components/pagination-item/pagination-item.component.tsx +2 -0
  664. package/src/components/pagination/components/pagination-item/pagination-item.styles.ts +1 -1
  665. package/src/components/pagination/components/pagination-pages/pagination-pages.component.tsx +212 -0
  666. package/src/components/pagination/components/pagination-pages/pagination-pages.types.ts +47 -0
  667. package/src/components/pagination/components/pagination-presentational/pagination-presentational.component.tsx +81 -0
  668. package/src/components/pagination/{pagination.styles.ts → components/pagination-presentational/pagination-presentational.styles.ts} +2 -0
  669. package/src/components/pagination/components/pagination-presentational/pagination-presentational.types.ts +48 -0
  670. package/src/components/pagination/components/pagination-total-pages/pagination-total-pages.component.tsx +234 -0
  671. package/src/components/pagination/components/pagination-total-pages/pagination-total-pages.types.ts +48 -0
  672. package/src/components/pagination/pagination.component.tsx +34 -142
  673. package/src/components/pagination/pagination.types.ts +34 -31
  674. package/src/components/pagination/pagination.utils.ts +11 -0
  675. package/src/components/panel/panel.types.ts +1 -1
  676. package/src/components/progress-indicator/progress-indicator.component.tsx +1 -1
  677. package/src/components/symbol/components/symbols/pay-to-black-symbol.tsx +30 -0
  678. package/src/components/symbol/components/symbols/pay-to-dark-grey-symbol.tsx +30 -0
  679. package/src/components/symbol/components/symbols/pay-to-light-grey-symbol.tsx +30 -0
  680. package/src/components/symbol/components/symbols/pay-to-white-symbol.tsx +30 -0
  681. package/src/components/symbol/components/symbols/pay-to-wordmark-black-symbol.tsx +42 -0
  682. package/src/components/symbol/components/symbols/pay-to-wordmark-dark-grey-symbol.tsx +42 -0
  683. package/src/components/symbol/components/symbols/pay-to-wordmark-light-grey-symbol.tsx +42 -0
  684. package/src/components/symbol/components/symbols/pay-to-wordmark-white-symbol.tsx +42 -0
  685. package/src/components/symbol/components/symbols/x-mark-inverse-symbol.tsx +2 -2
  686. package/src/components/symbol/components/symbols/x-mark-symbol.tsx +2 -2
  687. package/src/components/symbol/index.ts +8 -0
  688. package/src/hook/breakpoints.hook.ts +29 -0
  689. package/utils/build-icons/icon-template.ts +1 -1
  690. package/utils/build-svg-zip/index.ts +39 -0
@@ -1,34 +1,21 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export function BTMultibrandSmallLogo({ 'aria-label': ariaLabel = 'BT' , copyrightYear ='2025' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
4
+ export function BTMultibrandSmallLogo({ 'aria-label': ariaLabel = 'BT', copyrightYear = '2025', viewBoxWidth = 122, viewBoxHeight = 44, align = 'left', offset = [
19
5
  null,
20
6
  36.865,
21
7
  73.73
22
- ] , className , ...props }) {
23
- return React.createElement(Symbol, _extends({
8
+ ], className, ...props }) {
9
+ return React.createElement(Symbol, {
24
10
  className: clsx('h-[44px] w-[122px]', className),
25
11
  "aria-label": ariaLabel,
26
12
  align: align,
27
13
  offset: offset,
28
14
  copyrightYear: copyrightYear,
29
15
  viewBoxWidth: viewBoxWidth,
30
- viewBoxHeight: viewBoxHeight
31
- }, props), React.createElement("g", {
16
+ viewBoxHeight: viewBoxHeight,
17
+ ...props
18
+ }, React.createElement("g", {
32
19
  "clip-path": "url(#clip0_2154_48)"
33
20
  }, React.createElement("path", {
34
21
  d: "M6.63221 22.6166C6.43171 22.6166 6.23939 22.5372 6.09764 22.3957C5.95586 22.2543 5.87621 22.0624 5.87621 21.8624C5.87621 21.6624 5.95586 21.4705 6.09764 21.3291C6.23939 21.1876 6.43171 21.1081 6.63221 21.1081H17.2907C17.1314 19.8668 16.5703 18.7112 15.6928 17.8169C15.6761 17.8031 15.6608 17.7878 15.647 17.7711L14.3354 16.4512L14.2839 16.4055L9.87386 12L0 21.8624L9.87386 31.7076L14.2667 27.3079L14.3354 27.245L15.647 25.9365L15.71 25.8622C16.5778 24.9746 17.1326 23.8294 17.2907 22.5995L6.63221 22.6166Z",
@@ -1,28 +1,15 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export function BTPanoramaLogo({ 'aria-label': ariaLabel = 'BT Panorama' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =22 , className , ...props }) {
19
- return React.createElement(Symbol, _extends({
4
+ export function BTPanoramaLogo({ 'aria-label': ariaLabel = 'BT Panorama', copyrightYear = '2025', viewBoxWidth = 180, viewBoxHeight = 22, className, ...props }) {
5
+ return React.createElement(Symbol, {
20
6
  className: clsx('h-[22px] w-[180px]', className),
21
7
  "aria-label": ariaLabel,
22
8
  copyrightYear: copyrightYear,
23
9
  viewBoxWidth: viewBoxWidth,
24
- viewBoxHeight: viewBoxHeight
25
- }, props), React.createElement("g", {
10
+ viewBoxHeight: viewBoxHeight,
11
+ ...props
12
+ }, React.createElement("g", {
26
13
  "clip-path": "url(#clip0_2154_174)"
27
14
  }, React.createElement("path", {
28
15
  d: "M37.618 0.716248V4.59036H43.0714V21.2453H47.1957V4.59036H52.6365V0.716248H37.618Z",
@@ -1,34 +1,21 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export function BTPanoramaMultibrandLargeLogo({ 'aria-label': ariaLabel = 'BT Panorama' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
4
+ export function BTPanoramaMultibrandLargeLogo({ 'aria-label': ariaLabel = 'BT Panorama', copyrightYear = '2025', viewBoxWidth = 180, viewBoxHeight = 65, align = 'left', offset = [
19
5
  null,
20
6
  4.09,
21
7
  8.18
22
- ] , className , ...props }) {
23
- return React.createElement(Symbol, _extends({
8
+ ], className, ...props }) {
9
+ return React.createElement(Symbol, {
24
10
  className: clsx('h-[65px] w-[180px]', className),
25
11
  "aria-label": ariaLabel,
26
12
  align: align,
27
13
  offset: offset,
28
14
  copyrightYear: copyrightYear,
29
15
  viewBoxWidth: viewBoxWidth,
30
- viewBoxHeight: viewBoxHeight
31
- }, props), React.createElement("g", {
16
+ viewBoxHeight: viewBoxHeight,
17
+ ...props
18
+ }, React.createElement("g", {
32
19
  "clip-path": "url(#clip0_2155_212)"
33
20
  }, React.createElement("path", {
34
21
  d: "M35.9081 22.6837V26.3817H41.1136V42.2796H45.0504V26.3817H50.2439V22.6837H35.9081Z",
@@ -1,34 +1,21 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export function BTPanoramaMultibrandSmallLogo({ 'aria-label': ariaLabel = 'BT Panorama' , copyrightYear ='2025' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
4
+ export function BTPanoramaMultibrandSmallLogo({ 'aria-label': ariaLabel = 'BT Panorama', copyrightYear = '2025', viewBoxWidth = 122, viewBoxHeight = 44, align = 'left', offset = [
19
5
  null,
20
6
  3.725,
21
7
  7.45
22
- ] , className , ...props }) {
23
- return React.createElement(Symbol, _extends({
8
+ ], className, ...props }) {
9
+ return React.createElement(Symbol, {
24
10
  className: clsx('h-[44px] w-[122px]', className),
25
11
  "aria-label": ariaLabel,
26
12
  align: align,
27
13
  offset: offset,
28
14
  copyrightYear: copyrightYear,
29
15
  viewBoxWidth: viewBoxWidth,
30
- viewBoxHeight: viewBoxHeight
31
- }, props), React.createElement("g", {
16
+ viewBoxHeight: viewBoxHeight,
17
+ ...props
18
+ }, React.createElement("g", {
32
19
  "clip-path": "url(#clip0_2155_223)"
33
20
  }, React.createElement("path", {
34
21
  d: "M23.9387 15.4558V17.9212H27.4091V28.5197H30.0336V17.9212H33.4959V15.4558H23.9387Z",
@@ -1,28 +1,15 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export function BTPanoramaReversedLogo({ 'aria-label': ariaLabel = 'BT Panorama' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =22 , className , ...props }) {
19
- return React.createElement(Symbol, _extends({
4
+ export function BTPanoramaReversedLogo({ 'aria-label': ariaLabel = 'BT Panorama', copyrightYear = '2025', viewBoxWidth = 180, viewBoxHeight = 22, className, ...props }) {
5
+ return React.createElement(Symbol, {
20
6
  className: clsx('h-[22px] w-[180px]', className),
21
7
  "aria-label": ariaLabel,
22
8
  copyrightYear: copyrightYear,
23
9
  viewBoxWidth: viewBoxWidth,
24
- viewBoxHeight: viewBoxHeight
25
- }, props), React.createElement("g", {
10
+ viewBoxHeight: viewBoxHeight,
11
+ ...props
12
+ }, React.createElement("g", {
26
13
  "clip-path": "url(#clip0_2161_123)"
27
14
  }, React.createElement("path", {
28
15
  d: "M37.618 0.716248V4.59036H43.0714V21.2453H47.1957V4.59036H52.6365V0.716248H37.618Z",
@@ -1,28 +1,15 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export function BTReversedLogo({ 'aria-label': ariaLabel = 'BT' , copyrightYear ='2025' , viewBoxWidth =105 , viewBoxHeight =43 , className , ...props }) {
19
- return React.createElement(Symbol, _extends({
4
+ export function BTReversedLogo({ 'aria-label': ariaLabel = 'BT', copyrightYear = '2025', viewBoxWidth = 105, viewBoxHeight = 43, className, ...props }) {
5
+ return React.createElement(Symbol, {
20
6
  className: clsx('h-[43px] w-[105px]', className),
21
7
  "aria-label": ariaLabel,
22
8
  copyrightYear: copyrightYear,
23
9
  viewBoxWidth: viewBoxWidth,
24
- viewBoxHeight: viewBoxHeight
25
- }, props), React.createElement("path", {
10
+ viewBoxHeight: viewBoxHeight,
11
+ ...props
12
+ }, React.createElement("path", {
26
13
  d: "M14.2593 22.8258C13.8282 22.8258 13.4147 22.6549 13.1099 22.3508C12.8051 22.0467 12.6339 21.6342 12.6339 21.2041C12.6339 20.7741 12.8051 20.3616 13.1099 20.0575C13.4147 19.7534 13.8282 19.5825 14.2593 19.5825H37.175C36.8325 16.9135 35.6262 14.429 33.7395 12.5062C33.7036 12.4767 33.6706 12.4437 33.641 12.408L30.8212 9.57011L30.7103 9.47182L21.2288 0L0 21.2041L21.2288 42.3714L30.6734 32.9119L30.8212 32.7768L33.641 29.9635L33.7764 29.8038C35.6422 27.8953 36.835 25.4332 37.175 22.7889L14.2593 22.8258Z",
27
14
  fill: "#007BC6"
28
15
  }), React.createElement("path", {
@@ -1,29 +1,16 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React, { useId } from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export const RAMSLogo = ({ 'aria-label': ariaLabel = 'RAMS' , copyrightYear ='2025' , viewBoxWidth =99 , viewBoxHeight =51 , className , ...props })=>{
4
+ export const RAMSLogo = ({ 'aria-label': ariaLabel = 'RAMS', copyrightYear = '2025', viewBoxWidth = 99, viewBoxHeight = 51, className, ...props })=>{
19
5
  const id = useId();
20
- return React.createElement(Symbol, _extends({
6
+ return React.createElement(Symbol, {
21
7
  className: clsx('h-[51px] w-[99px]', className),
22
8
  "aria-label": ariaLabel,
23
9
  copyrightYear: copyrightYear,
24
10
  viewBoxWidth: viewBoxWidth,
25
- viewBoxHeight: viewBoxHeight
26
- }, props), React.createElement("defs", null, React.createElement("linearGradient", {
11
+ viewBoxHeight: viewBoxHeight,
12
+ ...props
13
+ }, React.createElement("defs", null, React.createElement("linearGradient", {
27
14
  x1: "49.289%",
28
15
  y1: "16.767%",
29
16
  x2: "49.289%",
@@ -1,33 +1,20 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export const RAMSMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'RAMS' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
4
+ export const RAMSMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'RAMS', copyrightYear = '2025', viewBoxWidth = 180, viewBoxHeight = 65, align = 'left', offset = [
19
5
  null,
20
6
  40.5,
21
7
  81
22
- ] , className , ...props })=>React.createElement(Symbol, _extends({
8
+ ], className, ...props })=>React.createElement(Symbol, {
23
9
  className: clsx('h-[65px] w-[180px]', className),
24
10
  "aria-label": ariaLabel,
25
11
  align: align,
26
12
  offset: offset,
27
13
  copyrightYear: copyrightYear,
28
14
  viewBoxWidth: viewBoxWidth,
29
- viewBoxHeight: viewBoxHeight
30
- }, props), React.createElement("defs", null, React.createElement("linearGradient", {
15
+ viewBoxHeight: viewBoxHeight,
16
+ ...props
17
+ }, React.createElement("defs", null, React.createElement("linearGradient", {
31
18
  x1: "49.289%",
32
19
  y1: "16.767%",
33
20
  x2: "49.289%",
@@ -1,33 +1,20 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export const RAMSMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'RAMS' , copyrightYear ='2025' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
4
+ export const RAMSMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'RAMS', copyrightYear = '2025', viewBoxWidth = 122, viewBoxHeight = 44, align = 'left', offset = [
19
5
  null,
20
6
  25,
21
7
  50
22
- ] , className , ...props })=>React.createElement(Symbol, _extends({
8
+ ], className, ...props })=>React.createElement(Symbol, {
23
9
  className: clsx('h-[44px] w-[122px]', className),
24
10
  "aria-label": ariaLabel,
25
11
  align: align,
26
12
  offset: offset,
27
13
  copyrightYear: copyrightYear,
28
14
  viewBoxWidth: viewBoxWidth,
29
- viewBoxHeight: viewBoxHeight
30
- }, props), React.createElement("defs", null, React.createElement("linearGradient", {
15
+ viewBoxHeight: viewBoxHeight,
16
+ ...props
17
+ }, React.createElement("defs", null, React.createElement("linearGradient", {
31
18
  x1: "49.018%",
32
19
  y1: "17.761%",
33
20
  x2: "49.018%",
@@ -1,27 +1,14 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export const RedAvatarCircleLogo = ({ 'aria-label': ariaLabel = 'Red Avatar' , copyrightYear ='2025' , viewBoxWidth =64 , viewBoxHeight =64 , className , ...props })=>React.createElement(Symbol, _extends({
4
+ export const RedAvatarCircleLogo = ({ 'aria-label': ariaLabel = 'Red Avatar', copyrightYear = '2025', viewBoxWidth = 64, viewBoxHeight = 64, className, ...props })=>React.createElement(Symbol, {
19
5
  className: clsx('size-[64px]', className),
20
6
  "aria-label": ariaLabel,
21
7
  copyrightYear: copyrightYear,
22
8
  viewBoxWidth: viewBoxWidth,
23
- viewBoxHeight: viewBoxHeight
24
- }, props), React.createElement("g", {
9
+ viewBoxHeight: viewBoxHeight,
10
+ ...props
11
+ }, React.createElement("g", {
25
12
  fill: "none",
26
13
  fillRule: "evenodd"
27
14
  }, React.createElement("circle", {
@@ -1,27 +1,14 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export const RedAvatarCircleReversedLogo = ({ 'aria-label': ariaLabel = 'Red Avatar' , copyrightYear ='2025' , viewBoxWidth =64 , viewBoxHeight =64 , className , ...props })=>React.createElement(Symbol, _extends({
4
+ export const RedAvatarCircleReversedLogo = ({ 'aria-label': ariaLabel = 'Red Avatar', copyrightYear = '2025', viewBoxWidth = 64, viewBoxHeight = 64, className, ...props })=>React.createElement(Symbol, {
19
5
  className: clsx('size-[64px]', className),
20
6
  "aria-label": ariaLabel,
21
7
  copyrightYear: copyrightYear,
22
8
  viewBoxWidth: viewBoxWidth,
23
- viewBoxHeight: viewBoxHeight
24
- }, props), React.createElement("g", {
9
+ viewBoxHeight: viewBoxHeight,
10
+ ...props
11
+ }, React.createElement("g", {
25
12
  fill: "none",
26
13
  fillRule: "evenodd"
27
14
  }, React.createElement("circle", {
@@ -1,27 +1,14 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export const RedAvatarLogo = ({ 'aria-label': ariaLabel = 'Red Avatar' , copyrightYear ='2025' , viewBoxWidth =67 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
4
+ export const RedAvatarLogo = ({ 'aria-label': ariaLabel = 'Red Avatar', copyrightYear = '2025', viewBoxWidth = 67, viewBoxHeight = 32, className, ...props })=>React.createElement(Symbol, {
19
5
  className: clsx('h-[32px] w-[67px]', className),
20
6
  "aria-label": ariaLabel,
21
7
  copyrightYear: copyrightYear,
22
8
  viewBoxWidth: viewBoxWidth,
23
- viewBoxHeight: viewBoxHeight
24
- }, props), React.createElement("g", {
9
+ viewBoxHeight: viewBoxHeight,
10
+ ...props
11
+ }, React.createElement("g", {
25
12
  fill: "none",
26
13
  fillRule: "evenodd"
27
14
  }, React.createElement("path", {
@@ -1,27 +1,14 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export const STGDragonLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2025' , viewBoxWidth =54 , viewBoxHeight =38 , className , ...props })=>React.createElement(Symbol, _extends({
4
+ export const STGDragonLogo = ({ 'aria-label': ariaLabel = 'St.George', copyrightYear = '2025', viewBoxWidth = 54, viewBoxHeight = 38, className, ...props })=>React.createElement(Symbol, {
19
5
  className: clsx('h-[38px] w-[54px]', className),
20
6
  "aria-label": ariaLabel,
21
7
  copyrightYear: copyrightYear,
22
8
  viewBoxWidth: viewBoxWidth,
23
- viewBoxHeight: viewBoxHeight
24
- }, props), React.createElement("path", {
9
+ viewBoxHeight: viewBoxHeight,
10
+ ...props
11
+ }, React.createElement("path", {
25
12
  d: "M30 29.3c1.4 2.2 3.8 3.8 6.3 4.1 4.4 0.6 8.5-1.6 12.9 0.1 2 0.7 3.8 2 4.8 3.7 -0.9-0.4-1.5-0.7-2.6-1 -1.9-0.6-3.5-0.4-5.5-0.1 -3.7 0.5-7.4 1.7-10.9 0C32.3 34.8 30.7 32.1 30 29.3",
26
13
  fill: "#FFCD00"
27
14
  }), React.createElement("path", {
@@ -1,27 +1,14 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export const STGLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2025' , viewBoxWidth =170 , viewBoxHeight =51 , className , ...props })=>React.createElement(Symbol, _extends({
4
+ export const STGLogo = ({ 'aria-label': ariaLabel = 'St.George', copyrightYear = '2025', viewBoxWidth = 170, viewBoxHeight = 51, className, ...props })=>React.createElement(Symbol, {
19
5
  className: clsx('h-[51px] w-[170px]', className),
20
6
  "aria-label": ariaLabel,
21
7
  copyrightYear: copyrightYear,
22
8
  viewBoxWidth: viewBoxWidth,
23
- viewBoxHeight: viewBoxHeight
24
- }, props), React.createElement("path", {
9
+ viewBoxHeight: viewBoxHeight,
10
+ ...props
11
+ }, React.createElement("path", {
25
12
  d: "M169.7 37c-1.1 3.8-3.5 5.4-6.9 5.4 -4.6 0-7.5-3.5-7.5-8.4 0-4.8 3-8.5 7.5-8.5 5 0 7.4 4.6 7.1 9.5h-10.6c0.1 2.8 1.4 4.1 3.6 4.1 1.2 0 2.2-0.6 2.8-1.3 0.4-0.5 1-0.8 1.6-0.8H169.7zM166 32.3c-0.4-2.2-1.2-3.4-3.2-3.4 -2.6 0-3.3 2.2-3.3 3.4H166z",
26
13
  fill: "#E30000"
27
14
  }), React.createElement("path", {
@@ -1,33 +1,20 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export const STGMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
4
+ export const STGMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'St.George', copyrightYear = '2025', viewBoxWidth = 180, viewBoxHeight = 65, align = 'left', offset = [
19
5
  null,
20
6
  5,
21
7
  10
22
- ] , className , ...props })=>React.createElement(Symbol, _extends({
8
+ ], className, ...props })=>React.createElement(Symbol, {
23
9
  className: clsx('h-[65px] w-[180px]', className),
24
10
  "aria-label": ariaLabel,
25
11
  align: align,
26
12
  offset: offset,
27
13
  copyrightYear: copyrightYear,
28
14
  viewBoxWidth: viewBoxWidth,
29
- viewBoxHeight: viewBoxHeight
30
- }, props), React.createElement("path", {
15
+ viewBoxHeight: viewBoxHeight,
16
+ ...props
17
+ }, React.createElement("path", {
31
18
  fill: "#E30000",
32
19
  d: "M165.9525 38.2529C165.5835 36.0189 164.7045 34.8399 162.7485 34.8399 160.1975 34.8399 159.4595 37.0109 159.4035 38.2529L165.9525 38.2529zM169.7235 43.0319C168.5885 46.8179 166.1805 48.4329 162.8615 48.4329 158.2405 48.4329 155.3775 44.9569 155.3775 39.9899 155.3775 35.1809 158.4105 31.5189 162.8615 31.5189 167.8515 31.5189 170.2625 36.1109 169.9765 41.0459L159.4035 41.0459C159.5155 43.8399 160.7645 45.1109 163.0045 45.1109 164.1855 45.1109 165.2015 44.5299 165.7605 43.8299 166.1295 43.3459 166.7115 43.0319 167.3685 43.0319L169.7235 43.0319zM149.3743 39.7803C149.3743 37.1733 148.5533 34.8453 145.9443 34.8453 143.6763 34.8453 142.6843 37.0163 142.6843 39.4083 142.6843 41.7043 143.4783 44.2173 145.9443 44.2173 148.2403 44.2173 149.3743 42.0773 149.3743 39.7803M150.6663 33.1683C151.3573 32.1363 152.2403 31.5173 153.2023 31.5173L153.2023 46.9803C153.2023 49.6183 152.3523 54.0873 145.6033 54.0873 142.7123 54.0873 139.3393 52.5973 139.1413 48.9343L141.7943 48.9343C142.5253 48.9343 143.1673 49.3243 143.5203 49.9063 144.0793 50.8083 145.0533 51.1373 146.1433 51.1373 148.3833 51.1373 149.4033 49.4643 149.3743 47.1663L149.3743 45.0553 149.3183 45.0553C148.4393 46.7323 146.6823 47.5393 144.9233 47.5393 140.5293 47.5393 138.6583 43.9143 138.6583 39.5073 138.6583 34.6563 141.5123 31.5173 145.9163 31.5173 147.8263 31.5173 149.4443 32.1083 150.6663 33.1683M131.4515 40.4204L131.4515 47.9954 127.4245 47.9954 127.4245 31.5154C127.4245 31.5154 128.8125 31.3124 130.2325 33.5294 130.9065 32.6874 132.6725 31.5154 134.9225 31.5154 137.6405 31.5154 139.0975 32.8494 139.0975 32.8494 139.0975 32.8494 138.5475 33.6714 138.0775 34.6224 137.6205 35.5484 137.2415 36.5504 137.2415 36.5504 137.2415 36.5504 136.2465 35.6294 135.0375 35.6294 133.8285 35.6294 131.4515 36.6534 131.4515 40.4204M117.7659 31.5186C122.3869 31.5186 125.3639 34.8696 125.3639 39.9916 125.3639 45.0806 122.3869 48.4306 117.7659 48.4306 113.1739 48.4306 110.1979 45.0806 110.1979 39.9916 110.1979 34.8696 113.1739 31.5186 117.7659 31.5186M117.7659 45.1126C120.5149 45.1126 121.3379 42.5356 121.3379 39.9916 121.3379 37.4146 120.5149 34.8386 117.7659 34.8386 115.0449 34.8386 114.2229 37.4146 114.2229 39.9916 114.2229 42.5356 115.0449 45.1126 117.7659 45.1126M104.1029 38.2529C103.7339 36.0189 102.8559 34.8399 100.8989 34.8399 98.3479 34.8399 97.6099 37.0109 97.5539 38.2529L104.1029 38.2529zM107.8739 43.0319C106.7399 46.8179 104.3309 48.4329 101.0129 48.4329 96.3909 48.4329 93.5279 44.9569 93.5279 39.9899 93.5279 35.1809 96.5609 31.5189 101.0129 31.5189 106.0019 31.5189 108.4129 36.1109 108.1269 41.0459L97.5539 41.0459C97.6659 43.8399 98.9149 45.1109 101.1539 45.1109 102.3359 45.1109 103.3519 44.5299 103.9109 43.8299 104.2789 43.3459 104.8619 43.0319 105.5189 43.0319L107.8739 43.0319zM87.6624 39.7803C87.6624 37.1733 86.8424 34.8453 84.2324 34.8453 81.9654 34.8453 80.9724 37.0163 80.9724 39.4083 80.9724 41.7043 81.7664 44.2173 84.2324 44.2173 86.5294 44.2173 87.6624 42.0773 87.6624 39.7803M88.9554 33.1683C89.6464 32.1363 90.5294 31.5173 91.4904 31.5173L91.4904 46.9803C91.4904 49.6183 90.6414 54.0873 83.8924 54.0873 81.0024 54.0873 77.6284 52.5973 77.4294 48.9343L80.0834 48.9343C80.8164 48.9343 81.4574 49.3243 81.8084 49.9063 82.3674 50.8083 83.3414 51.1373 84.4324 51.1373 86.6724 51.1373 87.6914 49.4643 87.6624 47.1663L87.6624 45.0553 87.6074 45.0553C86.7284 46.7323 84.9704 47.5393 83.2134 47.5393 78.8184 47.5393 76.9474 43.9143 76.9474 39.5073 76.9474 34.6563 79.8024 31.5173 84.2054 31.5173 86.1154 31.5173 87.7344 32.1083 88.9554 33.1683M76.2786 46.2178C76.2786 47.4408 75.2826 48.4338 74.0506 48.4338 72.8236 48.4338 71.8266 47.4408 71.8266 46.2178 71.8266 44.9948 72.8236 44.0028 74.0506 44.0028 75.2826 44.0028 76.2786 44.9948 76.2786 46.2178M56.8763 36.6397C56.1053 36.6397 55.4383 36.2097 55.0983 35.5777 54.6473 34.7267 53.7083 34.4677 52.6233 34.4677 51.7153 34.4677 50.3833 34.6537 50.3833 35.9557 50.3833 37.5387 52.6503 37.7547 54.9473 38.3457 57.3013 38.9357 59.5973 39.8677 59.5973 42.8477 59.5973 47.0677 56.2513 48.4327 52.9063 48.4327 49.5043 48.4327 46.1883 47.0357 46.0163 42.7837L49.8443 42.7837C49.8723 44.7077 51.3463 45.4847 52.9363 45.4847 54.0973 45.4847 55.5703 44.9877 55.5703 43.4357 55.5703 42.1007 53.8983 41.6367 51.0063 40.9527 48.6823 40.3947 46.3553 39.4937 46.3553 36.6697 46.3553 32.5737 49.5893 31.5187 52.7343 31.5187 55.9393 31.5187 58.8893 32.6987 59.1993 36.6397L56.8763 36.6397zM67.1038 31.9531L70.0528 31.9531 70.0528 32.8981C70.0528 34.0051 69.1508 34.9011 68.0398 34.9011L67.1038 34.9011 67.1038 42.8481C67.1038 44.3361 67.4448 44.7091 68.8048 44.7091 69.2308 44.7091 69.6268 44.6771 70.0528 44.5851L70.0528 48.0281C69.3718 48.1531 68.4948 48.1831 67.6998 48.1831 65.2328 48.1831 63.0788 47.5621 63.0788 44.3651L63.0788 34.9011 60.6398 34.9011 60.6398 33.9561C60.6398 32.8491 61.5418 31.9531 62.6528 31.9531L63.0788 31.9531 63.0788 27.1411 65.0898 27.1411C66.2038 27.1411 67.1038 28.0401 67.1038 29.1441L67.1038 31.9531z"
33
20
  }), React.createElement("path", {
@@ -1,33 +1,20 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export const STGMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2025' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
4
+ export const STGMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'St.George', copyrightYear = '2025', viewBoxWidth = 122, viewBoxHeight = 44, align = 'left', offset = [
19
5
  null,
20
6
  34,
21
7
  68
22
- ] , className , ...props })=>React.createElement(Symbol, _extends({
8
+ ], className, ...props })=>React.createElement(Symbol, {
23
9
  className: clsx('h-[44px] w-[122px]', className),
24
10
  "aria-label": ariaLabel,
25
11
  align: align,
26
12
  offset: offset,
27
13
  copyrightYear: copyrightYear,
28
14
  viewBoxWidth: viewBoxWidth,
29
- viewBoxHeight: viewBoxHeight
30
- }, props), React.createElement("path", {
15
+ viewBoxHeight: viewBoxHeight,
16
+ ...props
17
+ }, React.createElement("path", {
31
18
  fill: "#78BE20",
32
19
  d: "M25.3243,15.2735 C25.5843,16.4485 25.3433,17.5465 25.1503,18.9695 C24.9863,20.1935 25.3753,21.3325 26.4803,21.6835 C27.3943,21.9745 29.4353,21.9045 30.8783,23.1395 C31.3083,23.5715 31.4413,23.6855 31.5293,24.3385 C31.5823,24.7435 31.5253,25.2085 31.4413,25.5625 C31.0703,26.6395 30.7053,27.5945 30.0913,28.3625 C29.1073,29.5115 28.0923,30.5055 26.7833,30.9415 C24.3183,31.7635 22.8453,29.3065 20.9413,28.2265 C20.0893,27.7735 19.1013,27.4485 18.3003,28.2895 C17.0093,29.5385 17.2093,31.5125 17.8713,32.9295 C19.2033,35.5135 21.9413,37.8555 23.8673,39.7475 C20.4243,40.6505 16.9823,41.5525 13.5273,40.5805 C11.9313,40.1285 10.4283,38.1085 9.7363,36.5445 C8.5723,33.9865 7.8013,27.9585 1.7653,23.7245 C4.7553,24.0865 5.9663,24.3875 7.9083,23.0855 C8.3343,22.7795 8.4633,22.2465 8.4333,21.7685 C8.1373,19.7395 6.4823,18.6565 5.3283,17.2415 C6.1423,17.5415 6.9663,17.7535 7.8773,17.8645 C9.1643,18.0185 10.2893,17.7475 11.3533,17.1135 C14.8633,15.0175 10.8183,10.1935 10.8183,10.1935 C10.8183,10.1935 14.5233,12.8455 16.8433,12.4815 C17.6313,12.2965 18.1583,12.0645 18.5783,11.3475 C19.5923,9.6215 20.5123,7.8465 21.2593,6.0405 C21.1463,7.7135 20.8753,9.4405 21.3183,11.0115 C21.7443,12.5055 23.0453,12.8055 24.2273,13.6355 C24.7173,13.9625 25.1133,14.3255 25.3243,15.2735"
33
20
  }), React.createElement("path", {
@@ -1,28 +1,15 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
1
  import { clsx } from 'clsx';
16
2
  import React from 'react';
17
3
  import { Symbol } from '../../symbol.component.js';
18
- export function WBCLogo({ 'aria-label': ariaLabel = 'Westpac' , copyrightYear ='2025' , viewBoxWidth =69 , viewBoxHeight =28 , className , ...props }) {
19
- return React.createElement(Symbol, _extends({
4
+ export function WBCLogo({ 'aria-label': ariaLabel = 'Westpac', copyrightYear = '2025', viewBoxWidth = 69, viewBoxHeight = 28, className, ...props }) {
5
+ return React.createElement(Symbol, {
20
6
  className: clsx('h-[28px] w-[69px]', className),
21
7
  "aria-label": ariaLabel,
22
8
  copyrightYear: copyrightYear,
23
9
  viewBoxWidth: viewBoxWidth,
24
- viewBoxHeight: viewBoxHeight
25
- }, props), React.createElement("path", {
10
+ viewBoxHeight: viewBoxHeight,
11
+ ...props
12
+ }, React.createElement("path", {
26
13
  d: "M24.4 25L17.6 4.1C16.7 0.9 15 0 12.6 0H0c1 0.4 1.6 2.9 1.6 2.9l6.1 21c0.7 2.6 2.9 4 5.4 4h13.3C25.4 27.8 24.4 25 24.4 25",
27
14
  fill: "#DA1710"
28
15
  }), React.createElement("path", {