@westpac/ui 0.7.0 → 0.7.1

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 (365) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/assets/icons/filled/credit-cards-filled.svg +4 -0
  3. package/assets/icons/filled/exit-filled.svg +3 -3
  4. package/assets/icons/filled/office-filled.svg +1 -4
  5. package/assets/icons/filled/pay-to-filled.svg +5 -0
  6. package/assets/icons/filled/tiles-filled.svg +6 -0
  7. package/assets/icons/outlined/credit-cards-outlined.svg +4 -0
  8. package/assets/icons/outlined/exit-outlined.svg +3 -3
  9. package/assets/icons/outlined/office-outlined.svg +4 -1
  10. package/assets/icons/outlined/pay-to-outlined.svg +5 -0
  11. package/assets/icons/outlined/tiles-outlined.svg +3 -0
  12. package/dist/component-type.json +1 -0
  13. package/dist/components/accordion/accordion.component.d.ts +8 -23
  14. package/dist/components/accordion/accordion.component.js +3 -4
  15. package/dist/components/accordion/accordion.stories.d.ts +9 -6
  16. package/dist/components/accordion/accordion.stories.js +37 -29
  17. package/dist/components/accordion/accordion.styles.d.ts +1 -9
  18. package/dist/components/accordion/accordion.styles.js +1 -5
  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 +5 -5
  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-group/button-group.component.js +1 -0
  53. package/dist/components/checkbox-group/checkbox-group.component.js +1 -0
  54. package/dist/components/checkbox-group/components/checkbox/checkbox.component.js +11 -4
  55. package/dist/components/circle/circle.types.d.ts +1 -3
  56. package/dist/components/collapsible/collapsible.component.js +1 -0
  57. package/dist/components/collapsible/collapsible.styles.js +1 -1
  58. package/dist/components/compacta/compacta.component.js +2 -1
  59. package/dist/components/compacta/compacta.styles.js +10 -10
  60. package/dist/components/date-picker/date-picker.component.js +1 -0
  61. package/dist/components/date-picker/date-picker.types.d.ts +7 -1
  62. package/dist/components/error-message/error-message.types.d.ts +1 -3
  63. package/dist/components/field/field.component.js +1 -0
  64. package/dist/components/field/field.types.d.ts +1 -3
  65. package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.component.d.ts +4 -1
  66. package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.component.js +1 -0
  67. package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.types.d.ts +1 -3
  68. package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.component.d.ts +4 -1
  69. package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.component.js +1 -0
  70. package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.types.d.ts +1 -3
  71. package/dist/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.component.d.ts +4 -1
  72. package/dist/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.component.js +1 -0
  73. package/dist/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.component.d.ts +4 -1
  74. package/dist/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.component.js +1 -0
  75. package/dist/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.component.d.ts +4 -1
  76. package/dist/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.component.js +1 -0
  77. package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.component.d.ts +4 -1
  78. package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.component.js +1 -0
  79. package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.types.d.ts +1 -3
  80. package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.component.d.ts +4 -1
  81. package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.component.js +1 -0
  82. package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.types.d.ts +1 -3
  83. package/dist/components/flexi-cell/flexi-cell.component.js +1 -0
  84. package/dist/components/flexi-cell/flexi-cell.types.d.ts +1 -3
  85. package/dist/components/form/components/form-chit-chat/form-chit-chat.types.d.ts +1 -3
  86. package/dist/components/form/components/form-group/form-group.types.d.ts +1 -3
  87. package/dist/components/form/components/form-section/form-section.types.d.ts +7 -1
  88. package/dist/components/form/form.component.js +1 -0
  89. package/dist/components/form/form.types.d.ts +9 -0
  90. package/dist/components/form-hint/form-hint.types.d.ts +1 -3
  91. package/dist/components/form-label/form-label.types.d.ts +8 -2
  92. package/dist/components/grid/components/container/container.types.d.ts +1 -3
  93. package/dist/components/grid/components/item/item.types.d.ts +11 -1
  94. package/dist/components/grid/grid.types.d.ts +1 -3
  95. package/dist/components/icon/components/credit-cards-icon.d.ts +2 -0
  96. package/dist/components/icon/components/credit-cards-icon.js +38 -0
  97. package/dist/components/icon/components/exit-icon.js +2 -2
  98. package/dist/components/icon/components/office-icon.d.ts +1 -1
  99. package/dist/components/icon/components/office-icon.js +19 -5
  100. package/dist/components/icon/components/pay-to-icon.d.ts +2 -0
  101. package/dist/components/icon/components/pay-to-icon.js +34 -0
  102. package/dist/components/icon/components/tiles-icon.d.ts +2 -0
  103. package/dist/components/icon/components/tiles-icon.js +39 -0
  104. package/dist/components/icon/icon.styles.d.ts +1 -1
  105. package/dist/components/icon/icon.styles.js +1 -1
  106. package/dist/components/icon/icon.types.d.ts +11 -1
  107. package/dist/components/icon/index.d.ts +3 -6
  108. package/dist/components/icon/index.js +3 -6
  109. package/dist/components/input/input.component.d.ts +4 -31
  110. package/dist/components/input/input.component.js +1 -0
  111. package/dist/components/input/input.styles.d.ts +1 -1
  112. package/dist/components/input/input.styles.js +1 -1
  113. package/dist/components/input/input.types.d.ts +10 -1
  114. package/dist/components/input-field/components/add-ons/add-ons.component.d.ts +3 -0
  115. package/dist/components/input-field/components/add-ons/components/default-add-on/default-add-on.component.d.ts +3 -0
  116. package/dist/components/input-field/components/add-ons/components/default-add-on/default-add-on.types.d.ts +1 -3
  117. package/dist/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.component.d.ts +3 -0
  118. package/dist/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.types.d.ts +1 -3
  119. package/dist/components/input-field/components/add-ons/components/text-add-on/text-add-on.component.d.ts +3 -0
  120. package/dist/components/input-field/components/add-ons/components/text-add-on/text-add-on.types.d.ts +1 -3
  121. package/dist/components/input-field/components/supporting-text/supporting-text.component.d.ts +3 -0
  122. package/dist/components/input-field/components/supporting-text/supporting-text.types.d.ts +1 -3
  123. package/dist/components/input-field/input-field.component.js +1 -0
  124. package/dist/components/input-field/input-field.scenarios.stories.js +2 -2
  125. package/dist/components/input-field/input-field.types.d.ts +1 -3
  126. package/dist/components/link/link.component.js +1 -0
  127. package/dist/components/list/list.component.js +1 -0
  128. package/dist/components/modal/components/backdrop/backdrop.types.d.ts +1 -3
  129. package/dist/components/modal/components/dialog/components/dialog-body/dialog-body.types.d.ts +1 -3
  130. package/dist/components/modal/components/dialog/components/dialog-footer/dialog-footer.types.d.ts +1 -3
  131. package/dist/components/modal/components/dialog/dialog.types.d.ts +7 -1
  132. package/dist/components/modal/modal.component.js +1 -0
  133. package/dist/components/pagination/components/pagination-item/pagination-item.component.d.ts +1 -1
  134. package/dist/components/pagination/components/pagination-item/pagination-item.component.js +2 -1
  135. package/dist/components/pagination/components/pagination-item/pagination-item.styles.d.ts +9 -1
  136. package/dist/components/pagination/components/pagination-item/pagination-item.styles.js +7 -3
  137. package/dist/components/pagination/components/pagination-item/pagination-item.types.d.ts +20 -2
  138. package/dist/components/pagination/pagination.component.js +3 -1
  139. package/dist/components/pagination/pagination.stories.js +1 -1
  140. package/dist/components/pagination/pagination.styles.js +1 -1
  141. package/dist/components/pagination/pagination.types.d.ts +1 -3
  142. package/dist/components/pictogram/pictogram.types.d.ts +1 -3
  143. package/dist/components/popover/popover.component.js +1 -0
  144. package/dist/components/progress-bar/progress-bar.component.js +1 -0
  145. package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.types.d.ts +1 -3
  146. package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.types.d.ts +11 -1
  147. package/dist/components/progress-rope/progress-rope.component.js +1 -0
  148. package/dist/components/progress-rope/progress-rope.types.d.ts +1 -3
  149. package/dist/components/radio-group/components/radio/radio.component.js +1 -0
  150. package/dist/components/radio-group/components/radio/radio.styles.js +2 -2
  151. package/dist/components/radio-group/radio-group.component.js +1 -0
  152. package/dist/components/repeater/repeater.component.js +3 -1
  153. package/dist/components/repeater/repeater.styles.js +2 -2
  154. package/dist/components/select/select.component.d.ts +8 -35
  155. package/dist/components/select/select.component.js +1 -0
  156. package/dist/components/select/select.styles.d.ts +1 -1
  157. package/dist/components/select/select.styles.js +1 -1
  158. package/dist/components/select/select.types.d.ts +12 -1
  159. package/dist/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.types.d.ts +1 -3
  160. package/dist/components/selector/components/selector-checkbox-group/selector-checkbox-group.component.d.ts +28 -7
  161. package/dist/components/selector/components/selector-checkbox-group/selector-checkbox-group.types.d.ts +1 -3
  162. package/dist/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.types.d.ts +1 -3
  163. package/dist/components/selector/components/selector-radio-group/selector-radio-group.component.d.ts +28 -7
  164. package/dist/components/selector/components/selector-radio-group/selector-radio-group.types.d.ts +7 -1
  165. package/dist/components/selector/selector.component.d.ts +81 -21
  166. package/dist/components/selector/selector.component.js +1 -0
  167. package/dist/components/skip-link/skip-link.component.js +1 -0
  168. package/dist/components/skip-link/skip-link.types.d.ts +1 -3
  169. package/dist/components/switch/switch.component.js +1 -0
  170. package/dist/components/switch/switch.types.d.ts +8 -2
  171. package/dist/components/symbol/index.d.ts +1 -0
  172. package/dist/components/symbol/index.js +1 -0
  173. package/dist/components/symbol/symbol.stories.d.ts +1 -0
  174. package/dist/components/symbol/symbol.stories.js +62 -3
  175. package/dist/components/symbol/symbol.types.d.ts +1 -3
  176. package/dist/components/table/table.component.js +1 -0
  177. package/dist/components/tabs/components/tab/tab.types.d.ts +15 -1
  178. package/dist/components/tabs/components/tab-panel/tab-panel.component.d.ts +3 -0
  179. package/dist/components/tabs/components/tab-panel/tab-panel.component.js +1 -0
  180. package/dist/components/tabs/components/tab-panel/tab-panel.types.d.ts +7 -1
  181. package/dist/components/tabs/tabs.component.js +1 -0
  182. package/dist/components/tabs/tabs.types.d.ts +15 -1
  183. package/dist/components/textarea/textarea.component.d.ts +8 -31
  184. package/dist/components/textarea/textarea.component.js +1 -0
  185. package/dist/components/textarea/textarea.styles.d.ts +1 -1
  186. package/dist/components/textarea/textarea.styles.js +1 -1
  187. package/dist/components/textarea/textarea.types.d.ts +12 -1
  188. package/dist/components/visually-hidden/visually-hidden.types.d.ts +1 -3
  189. package/dist/components/well/well.types.d.ts +7 -1
  190. package/dist/css/westpac-ui.css +67 -392
  191. package/dist/css/westpac-ui.min.css +67 -392
  192. package/dist/index.d.ts +1 -0
  193. package/dist/index.js +1 -0
  194. package/dist/stories/foundation/colours.stories.js +0 -1
  195. package/dist/types/component-props.types.d.ts +2 -0
  196. package/dist/types/component-props.types.js +1 -0
  197. package/dist/types/index.d.ts +1 -0
  198. package/dist/types/index.js +1 -0
  199. package/generate-component-types.cjs +85 -0
  200. package/package.json +13 -8
  201. package/src/components/accordion/accordion.component.tsx +5 -8
  202. package/src/components/accordion/accordion.stories.tsx +40 -31
  203. package/src/components/accordion/accordion.styles.ts +1 -5
  204. package/src/components/accordion/accordion.types.ts +15 -11
  205. package/src/components/accordion/components/accordion-item/accordion-item.component.tsx +11 -15
  206. package/src/components/accordion/components/accordion-item/accordion-item.styles.ts +7 -36
  207. package/src/components/accordion/components/accordion-item/accordion-item.types.ts +7 -2
  208. package/src/components/alert/alert.component.tsx +2 -0
  209. package/src/components/alert/alert.styles.ts +3 -3
  210. package/src/components/alert/alert.types.ts +1 -5
  211. package/src/components/autocomplete/autocomplete.component.tsx +2 -0
  212. package/src/components/autocomplete/autocomplete.types.ts +15 -2
  213. package/src/components/autocomplete/components/list-box/components/list-box-option/list-box-option.component.tsx +3 -0
  214. package/src/components/autocomplete/components/list-box/components/list-box-section/list-box-section.component.tsx +3 -0
  215. package/src/components/autocomplete/components/list-box/list-box.component.tsx +3 -0
  216. package/src/components/autocomplete/components/popover/popover.component.tsx +3 -1
  217. package/src/components/autocomplete/components/popover/popover.types.ts +1 -0
  218. package/src/components/badge/badge.component.tsx +2 -0
  219. package/src/components/badge/badge.types.ts +11 -2
  220. package/src/components/breadcrumb/breadcrumb.component.tsx +2 -0
  221. package/src/components/breadcrumb/breadcrumb.types.ts +9 -2
  222. package/src/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.tsx +2 -0
  223. package/src/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.types.ts +1 -5
  224. package/src/components/button/button.component.tsx +2 -0
  225. package/src/components/button/button.styles.ts +5 -5
  226. package/src/components/button/button.types.ts +23 -2
  227. package/src/components/button-dropdown/button-dropdown.component.tsx +2 -0
  228. package/src/components/button-dropdown/button-dropdown.styles.ts +1 -0
  229. package/src/components/button-dropdown/button-dropdown.types.ts +7 -2
  230. package/src/components/button-dropdown/components/panel/panel.component.tsx +3 -0
  231. package/src/components/button-group/button-group.component.tsx +2 -0
  232. package/src/components/checkbox-group/checkbox-group.component.tsx +2 -0
  233. package/src/components/checkbox-group/components/checkbox/checkbox.component.tsx +17 -7
  234. package/src/components/circle/circle.types.ts +1 -5
  235. package/src/components/collapsible/collapsible.component.tsx +2 -0
  236. package/src/components/collapsible/collapsible.styles.ts +1 -1
  237. package/src/components/compacta/compacta.component.tsx +17 -13
  238. package/src/components/compacta/compacta.styles.ts +10 -10
  239. package/src/components/date-picker/date-picker.component.tsx +2 -0
  240. package/src/components/date-picker/date-picker.types.ts +7 -2
  241. package/src/components/error-message/error-message.types.ts +1 -5
  242. package/src/components/field/field.component.tsx +2 -0
  243. package/src/components/field/field.types.ts +0 -4
  244. package/src/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.component.tsx +1 -0
  245. package/src/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.types.ts +1 -5
  246. package/src/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.component.tsx +1 -0
  247. package/src/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.types.ts +1 -5
  248. package/src/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.component.tsx +1 -0
  249. package/src/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.component.tsx +1 -0
  250. package/src/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.component.tsx +1 -0
  251. package/src/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.component.tsx +1 -0
  252. package/src/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.types.ts +1 -5
  253. package/src/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.component.tsx +1 -0
  254. package/src/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.types.ts +1 -5
  255. package/src/components/flexi-cell/flexi-cell.component.tsx +2 -0
  256. package/src/components/flexi-cell/flexi-cell.types.ts +1 -7
  257. package/src/components/form/components/form-chit-chat/form-chit-chat.types.ts +1 -5
  258. package/src/components/form/components/form-group/form-group.types.ts +1 -5
  259. package/src/components/form/components/form-section/form-section.types.ts +7 -2
  260. package/src/components/form/form.component.tsx +2 -0
  261. package/src/components/form/form.types.ts +9 -0
  262. package/src/components/form-hint/form-hint.types.ts +1 -5
  263. package/src/components/form-label/form-label.types.ts +8 -3
  264. package/src/components/grid/components/container/container.types.ts +1 -5
  265. package/src/components/grid/components/item/item.types.ts +11 -2
  266. package/src/components/grid/grid.types.ts +1 -5
  267. package/src/components/icon/components/credit-cards-icon.tsx +43 -0
  268. package/src/components/icon/components/exit-icon.tsx +2 -2
  269. package/src/components/icon/components/office-icon.tsx +30 -11
  270. package/src/components/icon/components/pay-to-icon.tsx +33 -0
  271. package/src/components/icon/components/tiles-icon.tsx +43 -0
  272. package/src/components/icon/icon.styles.ts +1 -1
  273. package/src/components/icon/icon.types.ts +11 -1
  274. package/src/components/icon/index.ts +3 -6
  275. package/src/components/input/input.component.tsx +2 -0
  276. package/src/components/input/input.styles.ts +1 -1
  277. package/src/components/input/input.types.ts +12 -2
  278. package/src/components/input-field/components/add-ons/add-ons.component.tsx +3 -0
  279. package/src/components/input-field/components/add-ons/components/default-add-on/default-add-on.component.tsx +3 -0
  280. package/src/components/input-field/components/add-ons/components/default-add-on/default-add-on.types.ts +1 -4
  281. package/src/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.component.tsx +3 -0
  282. package/src/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.types.ts +1 -4
  283. package/src/components/input-field/components/add-ons/components/text-add-on/text-add-on.component.tsx +3 -0
  284. package/src/components/input-field/components/add-ons/components/text-add-on/text-add-on.types.ts +1 -4
  285. package/src/components/input-field/components/supporting-text/supporting-text.component.tsx +3 -0
  286. package/src/components/input-field/components/supporting-text/supporting-text.types.ts +1 -5
  287. package/src/components/input-field/input-field.component.tsx +2 -0
  288. package/src/components/input-field/input-field.scenarios.stories.tsx +2 -2
  289. package/src/components/input-field/input-field.types.ts +1 -4
  290. package/src/components/link/link.component.tsx +2 -0
  291. package/src/components/list/list.component.tsx +2 -0
  292. package/src/components/modal/components/backdrop/backdrop.types.ts +1 -5
  293. package/src/components/modal/components/dialog/components/dialog-body/dialog-body.types.ts +1 -4
  294. package/src/components/modal/components/dialog/components/dialog-footer/dialog-footer.types.ts +1 -4
  295. package/src/components/modal/components/dialog/dialog.types.ts +7 -2
  296. package/src/components/modal/modal.component.tsx +2 -0
  297. package/src/components/pagination/components/pagination-item/pagination-item.component.tsx +2 -1
  298. package/src/components/pagination/components/pagination-item/pagination-item.styles.ts +7 -3
  299. package/src/components/pagination/components/pagination-item/pagination-item.types.ts +20 -3
  300. package/src/components/pagination/pagination.component.tsx +3 -0
  301. package/src/components/pagination/pagination.stories.tsx +1 -1
  302. package/src/components/pagination/pagination.styles.ts +1 -1
  303. package/src/components/pagination/pagination.types.ts +0 -3
  304. package/src/components/pictogram/pictogram.types.ts +1 -4
  305. package/src/components/popover/popover.component.tsx +2 -0
  306. package/src/components/progress-bar/progress-bar.component.tsx +2 -0
  307. package/src/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.types.ts +2 -4
  308. package/src/components/progress-rope/components/progress-rope-step/progress-rope-step.types.ts +10 -1
  309. package/src/components/progress-rope/progress-rope.component.tsx +2 -0
  310. package/src/components/progress-rope/progress-rope.types.ts +1 -5
  311. package/src/components/radio-group/components/radio/radio.component.tsx +1 -0
  312. package/src/components/radio-group/components/radio/radio.styles.ts +2 -2
  313. package/src/components/radio-group/radio-group.component.tsx +2 -0
  314. package/src/components/repeater/repeater.component.tsx +6 -2
  315. package/src/components/repeater/repeater.styles.ts +2 -2
  316. package/src/components/select/select.component.tsx +2 -0
  317. package/src/components/select/select.styles.ts +1 -1
  318. package/src/components/select/select.types.ts +12 -1
  319. package/src/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.types.ts +0 -4
  320. package/src/components/selector/components/selector-checkbox-group/selector-checkbox-group.types.ts +0 -4
  321. package/src/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.types.ts +0 -4
  322. package/src/components/selector/components/selector-radio-group/selector-radio-group.types.ts +7 -2
  323. package/src/components/selector/selector.component.tsx +2 -0
  324. package/src/components/skip-link/skip-link.component.tsx +2 -0
  325. package/src/components/skip-link/skip-link.types.ts +0 -4
  326. package/src/components/switch/switch.component.tsx +2 -0
  327. package/src/components/switch/switch.types.ts +8 -3
  328. package/src/components/symbol/index.ts +1 -0
  329. package/src/components/symbol/symbol.stories.tsx +66 -8
  330. package/src/components/symbol/symbol.types.ts +1 -4
  331. package/src/components/table/table.component.tsx +2 -0
  332. package/src/components/tabs/components/tab/tab.types.ts +15 -2
  333. package/src/components/tabs/components/tab-panel/tab-panel.component.tsx +1 -0
  334. package/src/components/tabs/components/tab-panel/tab-panel.types.ts +6 -1
  335. package/src/components/tabs/tabs.component.tsx +2 -0
  336. package/src/components/tabs/tabs.stories.tsx +0 -1
  337. package/src/components/tabs/tabs.types.ts +37 -24
  338. package/src/components/textarea/textarea.component.tsx +2 -0
  339. package/src/components/textarea/textarea.styles.ts +1 -1
  340. package/src/components/textarea/textarea.types.ts +12 -1
  341. package/src/components/visually-hidden/visually-hidden.types.ts +1 -5
  342. package/src/components/well/well.types.tsx +7 -2
  343. package/src/index.ts +1 -0
  344. package/src/stories/foundation/colours.stories.tsx +0 -1
  345. package/src/types/component-props.types.ts +3 -0
  346. package/src/types/index.ts +1 -0
  347. package/utils/build-icons/index.ts +5 -2
  348. package/dist/components/icon/components/bom-logo-icon.d.ts +0 -2
  349. package/dist/components/icon/components/bom-logo-icon.js +0 -86
  350. package/dist/components/icon/components/bsa-logo-icon.d.ts +0 -2
  351. package/dist/components/icon/components/bsa-logo-icon.js +0 -32
  352. package/dist/components/icon/components/rams-logo-icon.d.ts +0 -2
  353. package/dist/components/icon/components/rams-logo-icon.js +0 -120
  354. package/dist/components/icon/components/stg-logo-icon.d.ts +0 -2
  355. package/dist/components/icon/components/stg-logo-icon.js +0 -44
  356. package/dist/components/icon/components/wbc-logo-icon.d.ts +0 -2
  357. package/dist/components/icon/components/wbc-logo-icon.js +0 -26
  358. package/dist/components/icon/components/wbg-logo-icon.d.ts +0 -2
  359. package/dist/components/icon/components/wbg-logo-icon.js +0 -29
  360. package/src/components/icon/components/bom-logo-icon.tsx +0 -40
  361. package/src/components/icon/components/bsa-logo-icon.tsx +0 -28
  362. package/src/components/icon/components/rams-logo-icon.tsx +0 -71
  363. package/src/components/icon/components/stg-logo-icon.tsx +0 -44
  364. package/src/components/icon/components/wbc-logo-icon.tsx +0 -20
  365. package/src/components/icon/components/wbg-logo-icon.tsx +0 -24
@@ -14,3 +14,4 @@ export function TabPanel({ className, state, look, ...props }: TabPanelProps) {
14
14
  </div>
15
15
  );
16
16
  }
17
+ TabPanel.displayName = 'Tabs.Panel';
@@ -5,11 +5,16 @@ import { type VariantProps } from 'tailwind-variants';
5
5
 
6
6
  import { styles } from './tab-panel.styles.js';
7
7
 
8
+ type Variants = VariantProps<typeof styles>;
9
+
8
10
  export type TabPanelProps<T = any> = {
11
+ /**
12
+ * Look of tab panel
13
+ */
14
+ look?: Variants['look'];
9
15
  /**
10
16
  * Tab list state
11
17
  */
12
18
  state: TabListState<T>;
13
19
  } & AriaTabPanelProps &
14
- VariantProps<typeof styles> &
15
20
  HTMLAttributes<Element>;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import React, { useRef } from 'react';
2
4
  import { useTabList } from 'react-aria';
3
5
  import { Item, useTabListState } from 'react-stately';
@@ -1,5 +1,4 @@
1
1
  import { type Meta, StoryFn, type StoryObj } from '@storybook/react';
2
- import { Key, useState } from 'react';
3
2
 
4
3
  import { Tabs } from './tabs.component.js';
5
4
 
@@ -5,27 +5,40 @@ import { type VariantProps } from 'tailwind-variants';
5
5
  import { TabProps } from './components/index.js';
6
6
  import { styles } from './tabs.styles.js';
7
7
 
8
- export type TabsProps<T = any> = SpectrumTabsProps<T> &
9
- VariantProps<typeof styles> & {
10
- /**
11
- * Children
12
- */
13
- children: ReactElement | ReactElement[];
14
- /**
15
- * Colors
16
- */
17
- color?: TabProps['color'];
18
- /**
19
- * Stretch the tab to fill the whole content
20
- */
21
- justify?: boolean;
22
- /**
23
- * set the offset for the sticky tab
24
- */
25
- stickyOffset?: {
26
- bottom?: string;
27
- left?: string;
28
- right?: string;
29
- top?: string;
30
- };
31
- } & HTMLAttributes<HTMLDivElement>;
8
+ type Variants = VariantProps<typeof styles>;
9
+
10
+ export type TabsProps<T = any> = SpectrumTabsProps<T> & {
11
+ /**
12
+ * Children
13
+ */
14
+ children: ReactElement | ReactElement[];
15
+ /**
16
+ * Colors
17
+ */
18
+ color?: TabProps['color'];
19
+ /**
20
+ * Stretch the tab to fill the whole content
21
+ */
22
+ justify?: boolean;
23
+ /**
24
+ * Look of tabs
25
+ */
26
+ look?: Variants['look'];
27
+ /**
28
+ * Orientation of tabs
29
+ */
30
+ orientation?: Variants['orientation'];
31
+ /**
32
+ * Sticky
33
+ */
34
+ sticky?: Variants['sticky'];
35
+ /**
36
+ * set the offset for the sticky tab
37
+ */
38
+ stickyOffset?: {
39
+ bottom?: string;
40
+ left?: string;
41
+ right?: string;
42
+ top?: string;
43
+ };
44
+ } & HTMLAttributes<HTMLDivElement>;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import React, { ForwardedRef, forwardRef } from 'react';
2
4
  import { mergeProps, useFocusRing } from 'react-aria';
3
5
 
@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
2
2
 
3
3
  export const styles = tv(
4
4
  {
5
- base: 'form-control read-only:form-control-disabled disabled:form-control-disabled w-full',
5
+ base: 'form-control w-full read-only:form-control-disabled disabled:form-control-disabled',
6
6
  variants: {
7
7
  size: {
8
8
  small: 'form-control-small min-h-[3.375rem]',
@@ -3,4 +3,15 @@ import { type VariantProps } from 'tailwind-variants';
3
3
 
4
4
  import { styles } from './textarea.styles.js';
5
5
 
6
- export type TextareaProps = VariantProps<typeof styles> & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>;
6
+ type Variants = VariantProps<typeof styles>;
7
+
8
+ export type TextareaProps = {
9
+ /**
10
+ * Whether text area is invalid
11
+ */
12
+ invalid?: Variants['invalid'];
13
+ /**
14
+ * Size of text area
15
+ */
16
+ size?: Variants['size'];
17
+ } & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>;
@@ -1,12 +1,8 @@
1
1
  import { HTMLAttributes } from 'react';
2
- import { type VariantProps } from 'tailwind-variants';
3
-
4
- import { styles } from './visually-hidden.styles.js';
5
2
 
6
3
  export type VisuallyHiddenProps = {
7
4
  /**
8
5
  * Tag to render
9
6
  */
10
7
  tag?: keyof JSX.IntrinsicElements;
11
- } & VariantProps<typeof styles> &
12
- HTMLAttributes<Element>;
8
+ } & HTMLAttributes<Element>;
@@ -3,14 +3,19 @@ import { type VariantProps } from 'tailwind-variants';
3
3
 
4
4
  import { styles } from './well.styles.js';
5
5
 
6
+ type Variants = VariantProps<typeof styles>;
7
+
6
8
  export type WellProps = {
7
9
  /**
8
10
  * Well's content
9
11
  */
10
12
  children: ReactNode;
13
+ /**
14
+ * Color of well
15
+ */
16
+ color?: Variants['color'];
11
17
  /**
12
18
  * Tag to render
13
19
  */
14
20
  tag?: keyof JSX.IntrinsicElements;
15
- } & HTMLAttributes<Element> &
16
- VariantProps<typeof styles>;
21
+ } & HTMLAttributes<Element>;
package/src/index.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './components/index.js';
2
+ export * from './types/index.js';
@@ -267,7 +267,6 @@ export const BrandColors: Story = {
267
267
  'background',
268
268
  'border',
269
269
  'borderDark',
270
- 'focus',
271
270
  'heading',
272
271
  'hero',
273
272
  'light',
@@ -0,0 +1,3 @@
1
+ import { ComponentDoc } from 'react-docgen-typescript';
2
+
3
+ export type ComponentProps = ComponentDoc;
@@ -0,0 +1 @@
1
+ export * from './component-props.types.js';
@@ -1,7 +1,9 @@
1
- import path from 'path';
2
1
  import fs from 'fs';
2
+ import path from 'path';
3
+
3
4
  import { glob } from 'glob';
4
5
  import prettier from 'prettier';
6
+
5
7
  import { iconTemplate } from './icon-template.js';
6
8
 
7
9
  const prettierConfig = prettier.resolveConfig.sync(path.join(process.cwd(), '../../.prettierrc'));
@@ -28,7 +30,7 @@ const formatIconName = (icon: string) => {
28
30
  * @param {boolean} addFragment - extra condition to add fragment, used to filer cases where filled and outlined use the same svg
29
31
  * @returns {string} - formatted svg path for use as react child
30
32
  */
31
- const formatSVG = (svg: Buffer, pathCount: number, addFragment: Boolean) => {
33
+ const formatSVG = (svg: Buffer, pathCount: number, addFragment: boolean) => {
32
34
  const iconPaths = svg
33
35
  .toString()
34
36
  .replace(/<\/?svg[^>]*>/g, '')
@@ -99,6 +101,7 @@ const main = async () => {
99
101
  }
100
102
 
101
103
  iconNames.sort();
104
+ iconNames.push(`\nexport { Icon } from './icon.component.js';`);
102
105
  iconNames.push(`\nexport { type IconProps } from './icon.types.js';\n`);
103
106
  await fs.promises.writeFile(path.join(process.cwd(), 'src/components/icon/index.ts'), iconNames.join('\n'));
104
107
 
@@ -1,2 +0,0 @@
1
- import { type IconProps } from '../icon.types.js';
2
- export declare function BOMLogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
@@ -1,86 +0,0 @@
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
- import React from 'react';
16
- import { Icon } from '../icon.component.js';
17
- export function BOMLogoIcon({ 'aria-label': ariaLabel = 'Bank of Melbourne' , copyrightYear ='2023' , viewBox ='0 0 150 40' , ...props }) {
18
- return React.createElement(Icon, _extends({
19
- "aria-label": ariaLabel,
20
- copyrightYear: copyrightYear,
21
- viewBox: viewBox
22
- }, props), React.createElement("path", {
23
- d: "M39.9185 16.3706C42.4985 16.3706 43.5825 15.2856 43.5825 13.1406C43.5825 10.9946 42.5455 10.0786 39.8225 10.0786H37.5565V16.3706H39.9185ZM39.6285 8.43863C41.8715 8.43863 42.9805 7.61964 42.9805 5.64264C42.9805 3.59464 41.8715 2.89464 39.6535 2.89464H37.5565V8.43863H39.6285ZM33.0005 16.4666H34.0125C34.3745 16.4666 34.7595 16.0326 34.7595 15.6946V3.52164C34.7595 3.15964 34.3745 2.72563 34.0125 2.72563H33.0005V1.18263H39.7255C43.4855 1.18263 45.7755 2.41263 45.7755 5.44963C45.7755 7.61963 44.4745 8.68064 42.3765 9.11464V9.18663C44.8845 9.52363 46.4995 10.7776 46.4995 13.2606C46.4995 16.5396 43.8965 18.0576 39.9905 18.0576H33.0005V16.4666ZM55.4897 15.1411V12.3931C54.7667 12.2481 53.9707 12.1521 53.1267 12.1521C51.2957 12.1521 50.1857 12.8021 50.1857 14.3701C50.1857 15.9121 51.0537 16.5391 52.5247 16.5391C53.8497 16.5391 54.7187 15.9601 55.4897 15.1411ZM47.6067 14.4421C47.6067 11.8381 49.6797 10.6091 52.5967 10.6091C53.7297 10.6091 54.5977 10.7291 55.4897 10.9471V9.28313C55.4897 7.66713 54.5497 7.08913 52.9347 7.08913C51.2707 7.08913 50.3307 7.66714 49.6557 8.27114H48.4507V6.27013C49.5347 5.74013 51.0777 5.28214 53.3917 5.28214C56.3577 5.28214 58.0927 6.22114 58.0927 9.01814V15.7441C58.0927 16.2261 58.4067 16.5151 58.8647 16.5151H59.5147V17.8171C59.1777 18.0341 58.5747 18.2031 57.8517 18.2031C56.4777 18.2031 55.7547 17.6481 55.5617 16.4911C54.6217 17.6481 53.3917 18.2031 51.7047 18.2031C49.2947 18.2031 47.6067 16.9491 47.6067 14.4421ZM60.3818 16.5151H61.3218C61.6358 16.5151 61.9728 16.1771 61.9728 15.8641V7.74113C61.9728 7.45113 61.6358 7.06614 61.3218 7.06614H60.2858V5.42613H63.9738C64.3358 5.42613 64.6008 5.76314 64.5768 6.96914V7.30614C65.8298 6.14914 67.5898 5.28214 69.5428 5.28214C71.3498 5.28214 72.8448 5.93213 72.8448 8.41513V15.8641C72.8448 16.2021 73.1818 16.5151 73.4718 16.5151H74.2678V18.0581H68.5058V16.5151H70.2408V9.28313C70.2408 7.71613 69.5428 7.33014 68.2648 7.33014C66.9148 7.33014 65.6618 7.88513 64.5768 8.53613V16.5151H66.3368V18.0581H60.3818V16.5151ZM75.1455 16.5151H76.0855C76.3985 16.5151 76.7365 16.1771 76.7365 15.8641V3.45013C76.7365 3.16013 76.3985 2.77413 76.0855 2.77413H75.0735V1.18314H78.8575C79.1715 1.18314 79.3405 1.40114 79.3405 1.83414V12.0311L83.3415 7.95713C83.7035 7.57213 83.5585 7.06614 83.1005 7.06614H82.5215V5.42613H87.7535V7.06614H87.1265C86.8125 7.06614 86.3545 7.28313 86.0655 7.57213L82.9315 10.7051L86.4515 15.7681C86.7895 16.2491 87.1745 16.5151 87.5125 16.5151H87.8735V18.0581H84.9805L81.1725 12.4411L79.3405 14.2481V16.5151H80.9315V18.0581H75.1455V16.5151ZM103.324 11.814C103.324 8.68004 101.781 7.04203 99.5877 7.04203C97.3937 7.04203 95.8507 8.68004 95.8507 11.814C95.8507 14.9 97.3937 16.515 99.5877 16.515C101.781 16.515 103.324 14.9 103.324 11.814ZM93.1507 11.791C93.1507 7.74103 95.9717 5.28203 99.5877 5.28203C103.227 5.28203 106.024 7.74103 106.024 11.791C106.024 15.792 103.227 18.203 99.5877 18.203C95.9717 18.203 93.1507 15.792 93.1507 11.791ZM106.604 16.5151H107.495C107.832 16.5151 108.171 16.1771 108.171 15.8641V7.06614H106.507V5.42613H108.171V4.34114C108.171 1.97914 109.616 0.991135 111.858 0.991135C112.822 0.991135 113.426 1.13514 113.835 1.28014V2.77413H112.63C111.521 2.77413 110.773 3.01514 110.773 4.41314V5.42613H113.425V7.06614H110.773V15.8641C110.773 16.2021 111.111 16.5151 111.424 16.5151H112.654V18.0581H106.604V16.5151ZM33 37.2651H33.988C34.374 37.2651 34.736 36.8311 34.736 36.4941V24.3211C34.736 23.9591 34.374 23.5251 33.988 23.5251H33V21.9341H39.123L43.101 34.5411H43.172L47.198 21.9341H53.249V23.5251H52.236C51.851 23.5251 51.489 23.9591 51.489 24.3211V36.4941C51.489 36.8311 51.851 37.2651 52.236 37.2651H53.249V38.8081H46.813V37.2651H48.693V23.7901H48.524L43.727 38.8081H41.774L37.001 23.7901H36.857V37.2651H38.761V38.8081H33V37.2651ZM62.5522 31.3355C62.4562 28.6595 61.4192 27.6475 59.5872 27.6475C57.6832 27.6475 56.4532 28.8535 56.2132 31.3355H62.5522ZM53.4402 32.5405C53.4402 28.5395 55.9232 26.0315 59.5872 26.0315C63.1312 26.0315 65.1802 27.8885 65.1802 32.1065C65.1802 32.4685 65.1562 32.8065 65.1562 32.9015H56.1642C56.2602 35.8435 57.5382 37.2895 60.0452 37.2895C61.8292 37.2895 62.6492 36.6625 63.3002 35.8665H64.7942V37.6505C63.8052 38.3025 62.3842 38.9525 59.8522 38.9525C55.6102 38.9525 53.4402 36.4935 53.4402 32.5405ZM65.9097 37.2651H66.8257C67.1627 37.2651 67.5007 36.9281 67.5007 36.6151V24.2001C67.5007 23.9111 67.1627 23.5251 66.8257 23.5251H65.8377V21.9341H69.6217C69.9587 21.9341 70.1037 22.1511 70.1037 22.5841V36.6151C70.1037 36.9521 70.4417 37.2651 70.7547 37.2651H71.6947V38.8081H65.9097V37.2651ZM82.166 32.5405C82.166 28.8285 80.599 27.9365 78.839 27.9365C77.61 27.9365 76.477 28.6105 75.609 29.3115V36.2045C76.333 36.9285 77.224 37.3865 78.623 37.3865C80.334 37.3865 82.166 36.4455 82.166 32.5405ZM75.392 37.4825C75.175 38.2775 74.693 38.8085 74.404 38.8085H73.005V24.1995C73.005 23.9105 72.668 23.5245 72.355 23.5245H71.343V21.9345H75.127C75.44 21.9345 75.609 22.1505 75.609 22.5845V28.0815C76.597 26.9965 77.947 26.0315 80.02 26.0315C82.407 26.0315 84.866 27.5265 84.866 32.3235C84.866 37.2655 82.022 38.9525 79.346 38.9525C77.32 38.9525 76.236 38.3505 75.392 37.4825ZM96.2017 32.5649C96.2017 29.4309 94.6597 27.7919 92.4657 27.7919C90.2717 27.7919 88.7287 29.4309 88.7287 32.5649C88.7287 35.6499 90.2717 37.2649 92.4657 37.2649C94.6597 37.2649 96.2017 35.6499 96.2017 32.5649ZM86.0287 32.5409C86.0287 28.4909 88.8497 26.0319 92.4657 26.0319C96.1047 26.0319 98.9017 28.4909 98.9017 32.5409C98.9017 36.5429 96.1047 38.9529 92.4657 38.9529C88.8497 38.9529 86.0287 36.5429 86.0287 32.5409ZM100.757 35.8433V28.4663C100.757 28.1533 100.419 27.8163 100.106 27.8163H99.1658V26.1773H103.361V35.0243C103.361 36.6623 104.204 37.0723 105.385 37.0723C106.687 37.0723 107.965 36.4933 108.977 35.8193V27.8163H107.169V26.1773H111.581V36.5903C111.581 36.9043 111.918 37.2653 112.255 37.2653H113.22V38.8083H109.579C109.242 38.8083 109.001 38.5193 109.001 37.3373V37.0253C107.699 38.1813 106.18 38.9773 104.132 38.9773C102.372 38.9773 100.757 38.2783 100.757 35.8433ZM114.098 37.2651H115.038C115.351 37.2651 115.689 36.9281 115.689 36.6151V28.4911C115.689 28.2021 115.351 27.8161 115.038 27.8161H114.002V26.1771H117.69C118.051 26.1771 118.293 26.4911 118.293 27.8641V28.2741C119.184 27.1411 120.293 26.0791 122.053 26.0791C122.342 26.0791 122.583 26.1281 122.776 26.1771V28.3221H122.27C120.342 28.3221 119.233 28.7801 118.293 29.6001V37.2651H120.293V38.8081H114.098V37.2651ZM123.715 37.2651H124.655C124.969 37.2651 125.307 36.9281 125.307 36.6151V28.4911C125.307 28.2021 124.969 27.8161 124.655 27.8161H123.619V26.1771H127.307C127.669 26.1771 127.934 26.5141 127.909 27.7191V28.0571C129.163 26.9001 130.923 26.0321 132.876 26.0321C134.683 26.0321 136.178 26.6831 136.178 29.1651V36.6151C136.178 36.9521 136.516 37.2651 136.805 37.2651H137.6V38.8081H131.839V37.2651H133.574V30.0341C133.574 28.4661 132.876 28.0811 131.597 28.0811C130.248 28.0811 128.995 28.6351 127.909 29.2861V37.2651H129.669V38.8081H123.715V37.2651ZM146.759 31.3355C146.662 28.6595 145.626 27.6475 143.794 27.6475C141.89 27.6475 140.661 28.8535 140.419 31.3355H146.759ZM137.647 32.5405C137.647 28.5395 140.13 26.0315 143.794 26.0315C147.338 26.0315 149.387 27.8885 149.387 32.1065C149.387 32.4685 149.363 32.8065 149.363 32.9015H140.371C140.467 35.8435 141.745 37.2895 144.252 37.2895C146.035 37.2895 146.855 36.6625 147.507 35.8665H149.001V37.6505C148.012 38.3025 146.591 38.9525 144.059 38.9525C139.817 38.9525 137.647 36.4935 137.647 32.5405Z",
24
- fill: "#20024E"
25
- }), React.createElement("path", {
26
- d: "M0 14.001L6.5 7.501L0 1.001V14.001Z",
27
- fill: "#685AC0"
28
- }), React.createElement("path", {
29
- d: "M0.00100708 1.001L6.50101 7.501L13 1.001H0.00100708Z",
30
- fill: "#A094FC"
31
- }), React.createElement("path", {
32
- d: "M13 14.001V1.001L6.5 7.502L13 14.001Z",
33
- fill: "#685AC0"
34
- }), React.createElement("path", {
35
- d: "M13 1.001V14.001L19.5 7.501L13 1.001Z",
36
- fill: "#C2BFEB"
37
- }), React.createElement("path", {
38
- d: "M26 1.001H13L19.5 7.501L26 1.001Z",
39
- fill: "#685AC0"
40
- }), React.createElement("path", {
41
- d: "M13.001 14.001H26L19.5 7.501L13.001 14.001Z",
42
- fill: "#685AC0"
43
- }), React.createElement("path", {
44
- d: "M13 14.001V27.001L19.5 20.501L13 14.001Z",
45
- fill: "#C2BFEB"
46
- }), React.createElement("path", {
47
- d: "M26 14L13 14.001L19.5 20.501L26 14Z",
48
- fill: "#A094FC"
49
- }), React.createElement("path", {
50
- d: "M26 27V14L19.5 20.502L26 27Z",
51
- fill: "#685AC0"
52
- }), React.createElement("path", {
53
- d: "M0 27.001L6.5 20.5L0 14V27.001Z",
54
- fill: "#685AC0"
55
- }), React.createElement("path", {
56
- d: "M0.00100708 14.001L6.50101 20.501L13 14.001H0.00100708Z",
57
- fill: "#C2BFEB"
58
- }), React.createElement("path", {
59
- d: "M0.00100708 27.001H13L6.50001 20.5L0.00100708 27.001Z",
60
- fill: "#A094FC"
61
- }), React.createElement("path", {
62
- d: "M13 40L19.501 33.501L13 27.001V40Z",
63
- fill: "#C2BFEB"
64
- }), React.createElement("path", {
65
- d: "M26 27H13L19.5 33.501L26 27Z",
66
- fill: "#685AC0"
67
- }), React.createElement("path", {
68
- d: "M0 27L6.501 33.501L13 27H0Z",
69
- fill: "#C2BFEB"
70
- }), React.createElement("path", {
71
- d: "M0.00100708 14.001H13L6.50001 7.501L0.00100708 14.001Z",
72
- fill: "#20024E"
73
- }), React.createElement("path", {
74
- d: "M26 14V1L19.5 7.502L26 14Z",
75
- fill: "#20024E"
76
- }), React.createElement("path", {
77
- d: "M13 27.001V14.001L6.5 20.502L13 27.001Z",
78
- fill: "#20024E"
79
- }), React.createElement("path", {
80
- d: "M13.001 27.001L26 27L19.5 20.501L13.001 27.001Z",
81
- fill: "#20024E"
82
- }), React.createElement("path", {
83
- d: "M6.5 33.502L13 40V27.001L6.5 33.502Z",
84
- fill: "#20024E"
85
- }));
86
- }
@@ -1,2 +0,0 @@
1
- import { type IconProps } from '../icon.types.js';
2
- export declare function BSALogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
@@ -1,32 +0,0 @@
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
- import React from 'react';
16
- import { Icon } from '../icon.component.js';
17
- export function BSALogoIcon({ 'aria-label': ariaLabel = 'Bank SA' , copyrightYear ='2023' , viewBox ='0 0 90 41' , ...props }) {
18
- return React.createElement(Icon, _extends({
19
- "aria-label": ariaLabel,
20
- copyrightYear: copyrightYear,
21
- viewBox: viewBox
22
- }, props), React.createElement("path", {
23
- d: "M58 25.5002C57.063 25.5002 56 25.0002 56 24.0002V2.0002C56 1.0162 57.028 -0.00280363 58 0.000196369H88C88.984 -0.0158036 90 1.0312 90 2.0002V40.1592C90 40.6092 89.576 41.0002 89.053 41.0002C88.475 41.0002 88.252 40.4782 88.105 40.2212C79.685 25.4862 58.937 25.5002 58 25.5002Z",
24
- fill: "#D81B2B"
25
- }), React.createElement("path", {
26
- d: "M82.292 2.7609C82.667 2.7609 82.947 2.9859 83.009 3.2659L87.722 21.6079C87.785 21.8329 87.816 22.0579 87.816 22.0849C87.816 22.3949 87.535 22.6749 87.129 22.6749H84.82C84.445 22.6749 84.227 22.3949 84.133 22.0579L83.209 18.5619C83.202 18.5359 83.179 18.5189 83.152 18.5189H77.25C77.224 18.5189 77.2 18.5359 77.193 18.5619L76.269 22.0579C76.175 22.3949 75.957 22.6749 75.582 22.6749H73.272C72.866 22.6749 72.585 22.3949 72.585 22.0849C72.585 22.0579 72.617 21.8329 72.679 21.6079L77.392 3.2659C77.455 2.9859 77.735 2.7609 78.109 2.7609H82.292ZM80.023 6.9969L77.94 15.5249C77.931 15.5619 77.959 15.5969 77.997 15.5969H82.405C82.443 15.5969 82.471 15.5619 82.462 15.5249L80.378 6.9969C80.28 6.5979 80.121 6.5979 80.023 6.9969ZM62.3076 7.4875C62.3076 8.8445 63.0256 9.4175 64.5856 10.3155L68.0846 12.3475C70.4556 13.7235 71.4216 15.2325 71.4216 17.8455C71.4216 21.3845 68.7686 23.1155 64.9296 23.1155C61.2466 23.1155 58.4996 21.3545 58.4996 17.7595L58.5186 16.6075C58.5186 16.1865 58.9246 15.8215 59.4236 15.8215H61.4026C61.9016 15.8215 62.3076 16.1865 62.3076 16.6085V17.7595C62.3076 19.1925 63.3696 20.1015 64.9296 20.1015C66.6456 20.1015 67.5496 19.4115 67.5496 17.8665C67.5496 16.0845 66.0316 15.3045 64.9386 14.6585L61.0196 12.3585C59.2356 11.3315 58.4996 9.3885 58.4996 7.7885C58.4996 4.2495 61.0596 2.1425 64.9916 2.1425C68.7056 2.1425 71.4206 3.9965 71.4206 7.6205L71.4026 8.2385C71.4026 8.6595 70.9966 9.0245 70.4976 9.0245H68.5186C68.0186 9.0245 67.6146 8.6595 67.6136 8.2385V7.6205C67.6136 6.1865 66.7076 5.0325 64.9916 5.0325C63.2756 5.0325 62.3076 5.9415 62.3076 7.4875Z",
27
- fill: "white"
28
- }), React.createElement("path", {
29
- d: "M13.0493 19.1887C13.0493 16.8597 14.2343 15.5967 16.1043 14.8967L19.9073 13.4927C21.0913 13.0437 21.4963 12.7357 21.4963 11.9217C21.4963 10.9127 20.6863 10.2107 19.3153 10.2107C18.0363 10.2107 17.1643 10.9397 17.1643 12.0347V12.0667C17.1643 12.4867 16.7583 12.8517 16.2913 12.8517H14.6393C14.1403 12.8517 13.7663 12.4867 13.7663 12.0667V12.0347C13.7663 9.3967 16.1043 7.4057 19.5013 7.4057C23.2113 7.4057 24.9883 9.5927 24.9883 12.2877V22.1057C24.9883 22.5267 24.5833 22.8917 24.0843 22.8917H22.4013C21.9023 22.8917 21.4973 22.5267 21.4973 22.1057V21.9667C21.4973 21.7157 21.3623 21.6657 21.1843 21.8427C20.2963 22.7347 18.9793 23.2007 17.5383 23.2007C15.6363 23.2007 13.0493 22.2177 13.0493 19.1887ZM21.4963 15.6577C21.4963 15.6157 21.4543 15.5867 21.4153 15.6037L17.9433 17.0847C16.9463 17.5037 16.7583 18.2347 16.7583 18.7667C16.7583 19.7217 17.0703 20.6747 19.0653 20.6747C20.4673 20.6747 21.4973 19.6367 21.4973 18.4877L21.4963 15.6577ZM41.0635 3.7863C41.0635 3.3653 41.4685 3.0003 41.9675 3.0003H43.6825C44.1805 3.0003 44.5855 3.3653 44.5855 3.7863V13.3623C44.5855 13.6353 44.7305 13.6873 44.9065 13.4793L48.7945 8.8923C49.1375 8.4993 49.3245 8.2743 49.8235 8.2743H51.9115C52.3785 8.2743 52.7535 8.4713 52.7535 8.8073C52.7535 8.9483 52.6905 9.1723 52.5665 9.3413L48.1385 14.5633C48.0845 14.6273 48.0805 14.7193 48.1285 14.7873L53.0965 21.7413C53.2205 21.9103 53.2205 22.0783 53.2205 22.1903C53.2205 22.6103 52.8475 22.8913 52.2855 22.8913H50.3535C49.8555 22.8913 49.5115 22.4993 49.2625 22.1053L44.9165 15.9003C44.7345 15.6403 44.5855 15.6873 44.5855 16.0053L44.5865 22.1053C44.5865 22.5263 44.1815 22.8913 43.6825 22.8913H41.9675C41.4685 22.8913 41.0635 22.5263 41.0635 22.1053V3.7863ZM38.8154 11.5578C38.8154 9.3978 37.1014 7.4058 34.7004 7.4058C33.1624 7.4058 31.8944 8.0358 31.1664 9.0188C30.9764 9.2758 30.8354 9.2348 30.8354 8.9148V8.6668C30.8354 8.2458 30.4304 7.8818 29.9314 7.8818H28.2164C27.7184 7.8818 27.3134 8.2458 27.3134 8.6668V13.6188V21.5068V22.1058C27.3134 22.5268 27.7184 22.8918 28.2174 22.8918H29.9314C30.4304 22.8918 30.8354 22.5268 30.8354 22.1058V21.4398V11.5348C31.1294 10.9858 31.7654 10.4288 32.5064 10.2818C32.6864 10.2378 32.8774 10.2108 33.0804 10.2108C33.7394 10.2108 34.2654 10.4118 34.6404 10.7608C34.6484 10.7678 34.6554 10.7758 34.6634 10.7828C34.6824 10.7998 34.7014 10.8178 34.7194 10.8358C35.0264 11.1328 35.2164 11.5168 35.2494 11.9398C35.2774 12.1028 35.2934 12.2748 35.2934 12.4548V22.1058C35.2934 22.5268 35.6984 22.8918 36.1974 22.8918H37.9114C38.4104 22.8918 38.8154 22.5268 38.8154 22.1058V11.5578ZM7.9805 18.3186C7.9805 19.6656 7.1695 20.5626 5.7675 20.5626C4.8835 20.5626 3.8925 20.0116 3.5225 19.2086V11.8036C3.8815 11.0156 4.8365 10.4916 5.7675 10.4916C7.1695 10.4916 7.9805 11.4176 7.9805 12.7356C7.9805 12.7356 8.0175 13.4966 8.0175 15.3476C8.0175 17.2006 7.9805 18.3186 7.9805 18.3186ZM11.4655 11.2766C11.4655 9.1446 9.6015 7.4056 7.3875 7.4056C5.8495 7.4056 4.5815 8.0356 3.8535 9.0186C3.6635 9.2756 3.5225 9.2346 3.5225 8.9156V3.7866C3.5225 3.3656 3.1175 3.0006 2.6185 3.0006H0.9035C0.4055 3.0006 0.000499725 3.3656 0.000499725 3.7866V22.1056C0.000499725 22.5266 0.4055 22.8916 0.9045 22.8916H2.6195C3.1175 22.8916 3.5225 22.5266 3.5225 22.1056V21.8586C3.5225 21.5396 3.6635 21.4986 3.8535 21.7556C4.5815 22.7386 5.8495 23.2016 7.3885 23.2016C9.6945 23.2016 11.4655 21.5736 11.4655 19.2156C11.4655 19.2156 11.5395 17.6946 11.5395 15.3536C11.5395 13.0126 11.4655 11.2766 11.4655 11.2766Z",
30
- fill: "#002F6C"
31
- }));
32
- }
@@ -1,2 +0,0 @@
1
- import { type IconProps } from '../icon.types.js';
2
- export declare function RAMSLogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
@@ -1,120 +0,0 @@
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
- import React from 'react';
16
- import { Icon } from '../icon.component.js';
17
- export function RAMSLogoIcon({ 'aria-label': ariaLabel = 'RAMS' , copyrightYear ='2023' , viewBox ='0 0 100 65' , ...props }) {
18
- return React.createElement(Icon, _extends({
19
- "aria-label": ariaLabel,
20
- copyrightYear: copyrightYear,
21
- viewBox: viewBox
22
- }, props), React.createElement("defs", null, React.createElement("linearGradient", {
23
- x1: "49.289%",
24
- y1: "16.767%",
25
- x2: "49.289%",
26
- y2: "102.357%",
27
- id: "RAMSMultibrandLargeLogo-a"
28
- }, React.createElement("stop", {
29
- stopColor: "#00B6F1",
30
- offset: "0%"
31
- }), React.createElement("stop", {
32
- stopColor: "#00AEEF",
33
- offset: "14.4%"
34
- }), React.createElement("stop", {
35
- stopColor: "#00A0E0",
36
- offset: "31.6%"
37
- }), React.createElement("stop", {
38
- stopColor: "#007DBA",
39
- offset: "64.3%"
40
- }), React.createElement("stop", {
41
- stopColor: "#007DBA",
42
- offset: "64.4%"
43
- }), React.createElement("stop", {
44
- stopColor: "#005282",
45
- offset: "100%"
46
- })), React.createElement("linearGradient", {
47
- x1: "29.892%",
48
- y1: "53.141%",
49
- x2: "80.033%",
50
- y2: "47.743%",
51
- id: "RAMSMultibrandLargeLogo-b"
52
- }, React.createElement("stop", {
53
- stopColor: "#0083C2",
54
- offset: "0%"
55
- }), React.createElement("stop", {
56
- stopColor: "#0081C0",
57
- offset: "62.9%"
58
- }), React.createElement("stop", {
59
- stopColor: "#007CB9",
60
- offset: "73.3%"
61
- }), React.createElement("stop", {
62
- stopColor: "#0072AE",
63
- offset: "80.7%"
64
- }), React.createElement("stop", {
65
- stopColor: "#00659D",
66
- offset: "86.7%"
67
- }), React.createElement("stop", {
68
- stopColor: "#005387",
69
- offset: "91.8%"
70
- }), React.createElement("stop", {
71
- stopColor: "#004474",
72
- offset: "100%"
73
- })), React.createElement("linearGradient", {
74
- x1: "61.146%",
75
- y1: "-.93%",
76
- x2: "32.944%",
77
- y2: "120.58%",
78
- id: "RAMSMultibrandLargeLogo-c"
79
- }, React.createElement("stop", {
80
- stopColor: "#6DCFF6",
81
- offset: "0%"
82
- }), React.createElement("stop", {
83
- stopColor: "#00AEEF",
84
- offset: "43.1%"
85
- }), React.createElement("stop", {
86
- stopColor: "#0088C7",
87
- offset: "78.2%"
88
- }), React.createElement("stop", {
89
- stopColor: "#0072AA",
90
- offset: "100%"
91
- }))), React.createElement("g", {
92
- fill: "none",
93
- fillRule: "evenodd"
94
- }, React.createElement("path", {
95
- fill: "#FFF",
96
- d: "M0 0h180v65H0z"
97
- }), React.createElement("path", {
98
- d: "M13.578 24.438c1.143 0 2.19.19 3.115.562a7.275 7.275 0 012.397 1.544 6.773 6.773 0 011.531 2.28 7.31 7.31 0 01.527 2.775c0 1.505-.324 2.83-.962 3.938-.512.888-1.278 1.613-2.288 2.164.33.162.624.355.882.578.47.41.859.9 1.157 1.456a6.61 6.61 0 01.64 1.808c.105.518.184 1.042.234 1.563h-6.089c-.184-.988-.511-1.723-.977-2.188-.503-.504-1.375-.76-2.591-.76H6.236v3.314H0V25.57a1.197 1.197 0 011.194-1.132h12.384zm20.733 0a1.2 1.2 0 011.12.776l6.69 17.892-20.082-.135 6.743-17.851a1.194 1.194 0 011.074-.682h4.455zm15.738 0c.53 0 .971.347 1.131.824l5.128 15.074 4.846-15.054a1.198 1.198 0 011.14-.844h6.239a1.2 1.2 0 011.193 1.13l-.01 12.372-5.885 1.484v-5.032l-1.834 5.293-11.046 1.842-2.452-6.989v7.49l-5.894.359V25.64c0-.662.542-1.202 1.206-1.202h6.238zm-18.012 7.686l-2.58 7.266h5.075l-2.495-7.266zm47.983-8.26c1.246 0 2.469.161 3.621.442a9.65 9.65 0 013.27 1.448 7.559 7.559 0 011.574 1.483c.07.09.128.17.185.248.044.06.088.121.13.185.021.03.04.06.06.092a6.822 6.822 0 01.5.868c.21.569.042 1.184-.482 1.517-1.056.67-2.53 1.281-3.153 1.492-.622.21-1.02.17-1.418-.4-.243-.35-.831-1.156-1.45-1.545a2.016 2.016 0 00-.15-.104 3.976 3.976 0 00-1.34-.52c-.859-.177-1.915-.253-2.943-.036-.376.08-.724.22-1.03.418-.3.193-.55.438-.742.727-.179.265-.267.621-.267 1.054 0 .393.069.705.206.929.094.152.323.387.888.65.506.238 1.228.483 2.144.726.747.198 1.676.438 2.786.721l-8.928 3.063c-.32-.21-.554-.373-.704-.488a6.465 6.465 0 01-1.775-2.102c-.454-.844-.683-1.873-.683-3.057 0-1.324.29-2.495.861-3.478a7.702 7.702 0 012.224-2.44 9.622 9.622 0 013.074-1.432 13.591 13.591 0 013.542-.46zm-68.354 5.622h-5.43v5.981h5.43c1.111 0 1.943-.237 2.472-.708.514-.456.772-1.242.772-2.332 0-1.045-.258-1.8-.77-2.246-.529-.46-1.361-.695-2.474-.695z",
99
- fill: "url(#RAMSMultibrandLargeLogo-a)",
100
- fillRule: "nonzero",
101
- transform: "translate(0 5)"
102
- }), React.createElement("path", {
103
- d: "M80.796 38.844c.728.188 1.57.404 2.525.646.446.089 1.097.258 1.91.5.844.249 1.692.651 2.522 1.196.842.555 1.578 1.302 2.19 2.222.625.945.942 2.157.942 3.604 0 1.171-.23 2.277-.686 3.287a7.188 7.188 0 01-2.052 2.632c-.89.727-2.01 1.3-3.32 1.7-1.3.398-2.818.6-4.515.6-1.371 0-2.723-.172-4.017-.51-1.31-.341-2.484-.888-3.491-1.623a8.12 8.12 0 01-2.434-2.846 7.401 7.401 0 01-.653-1.882v5.11c0 .664-.538 1.202-1.2 1.202h-3.494c-.662 0-1.2-.538-1.2-1.201v-9.735c2-.422 3.967-.886 5.894-1.392v3.919a1.2 1.2 0 011.006-.545h3.737c.664 0 1.095.514 1.147 1.2.025.312.14.705.352 1.11.267.503.614.918 1.044 1.23.443.318.974.557 1.578.714 1.044.27 2.129.314 3.409.127a4.97 4.97 0 001.41-.422 2.96 2.96 0 001.04-.816c.257-.32.38-.728.38-1.245 0-.54-.162-.962-.497-1.289-.378-.367-.887-.681-1.512-.93-.66-.264-1.42-.498-2.259-.697-.87-.206-1.76-.438-2.644-.687a23.603 23.603 0 01-2.699-.85 9.575 9.575 0 01-2.432-1.34 6.558 6.558 0 01-.294-.241 109.74 109.74 0 008.313-2.748zm-32.303 7.353v7.283a1.2 1.2 0 01-1.2 1.201l-.735.004h-7.644a1.194 1.194 0 01-1.114-.828l-1.569-4.599h-8.484l-1.624 4.612a1.194 1.194 0 01-1.13.815h-8.377c-.54 0-.995-.358-1.147-.848-.2-.687-.332-1.465-.387-2.327a40.707 40.707 0 00-.303-3.039 8.055 8.055 0 00-.07-.41 508.07 508.07 0 006.089-.096c.017.163.028.319.04.482.023.395.046.853.069 1.378.014.317.036.643.062.971l1.085-2.865c6.342-.162 12.974-.472 19.611-1.045l.935 2.5v-2.581c1.967-.178 3.934-.38 5.893-.608zM0 48.105l1.52.003h.842l.44.001h.92l2.514-.003v5.412a1.199 1.199 0 01-1.197 1.167H1.203c-.664 0-1.2-.538-1.203-1.201zm62.2-4.007l-3.382 9.76a1.195 1.195 0 01-1.134.825h-3.05c-.514 0-.948-.324-1.119-.777l-2.777-7.985c1.848-.236 3.68-.494 5.503-.783l.07.192.063-.212c1.964-.312 3.907-.638 5.826-1.02z",
104
- fill: "#78C339"
105
- }), React.createElement("path", {
106
- d: "M66.509 8.334c-2.498 5.661 1.08 11.085 7.345 12.736 4.597 1.21 9.792-.45 11.657-3.938l-.678-.678a1.105 1.105 0 010-1.558l1.333-1.334c.007-.006.013-.01.019-.017-.367-2.277-2.35-3.78-4.385-4.338-3.245-.89-6.22.207-7.675 2.204-.194.264.201.435.201.435s1.407.65 1.619.765c.213.118.414-.095.527-.188.852-.702 2.135-1.22 3.56-.794 1.992.597 2.752 2.207 1.948 3.851-1.072 2.194-4.183 2.723-6.458 2.149-3.706-.934-5.001-4.127-3.75-7.153 1.456-3.52 7.037-5.52 11.896-4.095 5.535 1.749 8.126 6.38 5.872 11.489-.49 1.108-1.267 2.24-2.307 3.318-.101.107-.206.211-.313.315-.03.028-.056.056-.085.084a15.26 15.26 0 01-.429.397l-.014.013a18.06 18.06 0 01-.467.4c-.007.005-.014.01-.02.017-.166.135-.334.269-.508.402.1.037.199.076.297.115l.038.015a11.754 11.754 0 01.97.447c.072.037.14.076.21.113l.101.054c.076.043.15.087.225.132l.079.045c.2.122.397.25.588.383A9.293 9.293 0 0190.9 27.6l.023.047c.036.073.071.146.105.222l.015.033c.077.174.15.35.216.527 4.552-3.194 6.424-7.524 6.753-8.422l.002-.005a.233.233 0 00.01-.029c2.184-6.015.64-13.49-7.255-17.82a24.411 24.411 0 00-1.35-.682l.016.015A15.332 15.332 0 0087.386.75C85.804.308 83.896.117 82.35.033A23.065 23.065 0 0081.116 0C74.17 0 68.7 3.235 66.509 8.334",
107
- fill: "url(#RAMSMultibrandLargeLogo-b)",
108
- fillRule: "nonzero",
109
- transform: "translate(0 5)"
110
- }), React.createElement("path", {
111
- d: "M87.235 22.298a.413.413 0 01-.583 0l-1.332-1.332a.413.413 0 010-.583l1.332-1.332a.414.414 0 01.583 0l1.331 1.332a.411.411 0 010 .582l-1.33 1.333z",
112
- fill: "#0083C2",
113
- fillRule: "nonzero"
114
- }), React.createElement("path", {
115
- d: "M91.618 14.18c-.317 1.138-2.222 4.999-4.333 6.939a16.85 16.85 0 01-1.888 1.697c.896.335 1.72.765 2.486 1.306a9.147 9.147 0 012.857 3.226c.187.355.389.726.52 1.08 4.556-3.207 6.434-7.525 6.752-8.42 2.353-6.36.498-14.351-8.598-18.548 3.12 3.04 3.53 8.095 2.204 12.72z",
116
- fill: "url(#RAMSMultibrandLargeLogo-c)",
117
- fillRule: "nonzero",
118
- transform: "translate(0 5)"
119
- })));
120
- }
@@ -1,2 +0,0 @@
1
- import { type IconProps } from '../icon.types.js';
2
- export declare function STGLogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
@@ -1,44 +0,0 @@
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
- import React from 'react';
16
- import { Icon } from '../icon.component.js';
17
- export function STGLogoIcon({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2023' , viewBox ='0 0 170 51' , ...props }) {
18
- return React.createElement(Icon, _extends({
19
- "aria-label": ariaLabel,
20
- copyrightYear: copyrightYear,
21
- viewBox: viewBox
22
- }, props), React.createElement("path", {
23
- d: "M165.952 32.2529C165.583 30.0189 164.705 28.8399 162.749 28.8399C160.198 28.8399 159.46 31.0109 159.404 32.2529H165.952ZM169.723 37.0319C168.588 40.8179 166.18 42.4329 162.861 42.4329C158.24 42.4329 155.378 38.9569 155.378 33.9899C155.378 29.1809 158.41 25.5189 162.861 25.5189C167.851 25.5189 170.263 30.1109 169.977 35.0459H159.404C159.516 37.8399 160.765 39.1109 163.005 39.1109C164.186 39.1109 165.201 38.5299 165.76 37.8299C166.129 37.3459 166.711 37.0319 167.368 37.0319H169.723ZM149.374 33.7803C149.374 31.1733 148.553 28.8453 145.944 28.8453C143.676 28.8453 142.684 31.0163 142.684 33.4083C142.684 35.7043 143.478 38.2173 145.944 38.2173C148.24 38.2173 149.374 36.0773 149.374 33.7803ZM150.666 27.1683C151.357 26.1363 152.24 25.5173 153.202 25.5173V40.9803C153.202 43.6183 152.352 48.0873 145.603 48.0873C142.712 48.0873 139.339 46.5973 139.141 42.9343H141.794C142.525 42.9343 143.167 43.3243 143.52 43.9063C144.079 44.8083 145.053 45.1373 146.143 45.1373C148.383 45.1373 149.403 43.4643 149.374 41.1663V39.0553H149.318C148.439 40.7323 146.682 41.5393 144.923 41.5393C140.529 41.5393 138.658 37.9143 138.658 33.5073C138.658 28.6563 141.512 25.5173 145.916 25.5173C147.826 25.5173 149.444 26.1083 150.666 27.1683ZM131.452 34.4204V41.9954H127.424V25.5154C127.424 25.5154 128.812 25.3124 130.232 27.5294C130.906 26.6874 132.673 25.5154 134.923 25.5154C137.641 25.5154 139.098 26.8494 139.098 26.8494C139.098 26.8494 138.547 27.6714 138.077 28.6224C137.62 29.5484 137.242 30.5504 137.242 30.5504C137.242 30.5504 136.247 29.6294 135.038 29.6294C133.829 29.6294 131.452 30.6534 131.452 34.4204ZM117.766 25.5186C122.387 25.5186 125.364 28.8696 125.364 33.9916C125.364 39.0806 122.387 42.4306 117.766 42.4306C113.174 42.4306 110.198 39.0806 110.198 33.9916C110.198 28.8696 113.174 25.5186 117.766 25.5186ZM117.766 39.1126C120.515 39.1126 121.338 36.5356 121.338 33.9916C121.338 31.4146 120.515 28.8386 117.766 28.8386C115.045 28.8386 114.223 31.4146 114.223 33.9916C114.223 36.5356 115.045 39.1126 117.766 39.1126ZM104.103 32.2529C103.734 30.0189 102.856 28.8399 100.899 28.8399C98.3479 28.8399 97.6099 31.0109 97.5539 32.2529H104.103ZM107.874 37.0319C106.74 40.8179 104.331 42.4329 101.013 42.4329C96.3909 42.4329 93.5279 38.9569 93.5279 33.9899C93.5279 29.1809 96.5609 25.5189 101.013 25.5189C106.002 25.5189 108.413 30.1109 108.127 35.0459H97.5539C97.6659 37.8399 98.9149 39.1109 101.154 39.1109C102.336 39.1109 103.352 38.5299 103.911 37.8299C104.279 37.3459 104.862 37.0319 105.519 37.0319H107.874ZM87.6624 33.7803C87.6624 31.1733 86.8424 28.8453 84.2324 28.8453C81.9654 28.8453 80.9724 31.0163 80.9724 33.4083C80.9724 35.7043 81.7664 38.2173 84.2324 38.2173C86.5294 38.2173 87.6624 36.0773 87.6624 33.7803ZM88.9554 27.1683C89.6464 26.1363 90.5294 25.5173 91.4904 25.5173V40.9803C91.4904 43.6183 90.6414 48.0873 83.8924 48.0873C81.0024 48.0873 77.6284 46.5973 77.4294 42.9343H80.0834C80.8164 42.9343 81.4574 43.3243 81.8084 43.9063C82.3674 44.8083 83.3414 45.1373 84.4324 45.1373C86.6724 45.1373 87.6914 43.4643 87.6624 41.1663V39.0553H87.6074C86.7284 40.7323 84.9704 41.5393 83.2134 41.5393C78.8184 41.5393 76.9474 37.9143 76.9474 33.5073C76.9474 28.6563 79.8024 25.5173 84.2054 25.5173C86.1154 25.5173 87.7344 26.1083 88.9554 27.1683ZM76.2786 40.2178C76.2786 41.4408 75.2826 42.4338 74.0506 42.4338C72.8236 42.4338 71.8266 41.4408 71.8266 40.2178C71.8266 38.9948 72.8236 38.0028 74.0506 38.0028C75.2826 38.0028 76.2786 38.9948 76.2786 40.2178ZM56.8763 30.6397C56.1053 30.6397 55.4383 30.2097 55.0983 29.5777C54.6473 28.7267 53.7083 28.4677 52.6233 28.4677C51.7153 28.4677 50.3833 28.6537 50.3833 29.9557C50.3833 31.5387 52.6503 31.7547 54.9473 32.3457C57.3013 32.9357 59.5973 33.8677 59.5973 36.8477C59.5973 41.0677 56.2513 42.4327 52.9063 42.4327C49.5043 42.4327 46.1883 41.0357 46.0163 36.7837H49.8443C49.8723 38.7077 51.3463 39.4847 52.9363 39.4847C54.0973 39.4847 55.5703 38.9877 55.5703 37.4357C55.5703 36.1007 53.8983 35.6367 51.0063 34.9527C48.6823 34.3947 46.3553 33.4937 46.3553 30.6697C46.3553 26.5737 49.5893 25.5187 52.7343 25.5187C55.9393 25.5187 58.8893 26.6987 59.1993 30.6397H56.8763ZM67.1038 25.9531H70.0528V26.8981C70.0528 28.0051 69.1508 28.9011 68.0398 28.9011H67.1038V36.8481C67.1038 38.3361 67.4448 38.7091 68.8048 38.7091C69.2308 38.7091 69.6268 38.6771 70.0528 38.5851V42.0281C69.3718 42.1531 68.4948 42.1831 67.6998 42.1831C65.2328 42.1831 63.0788 41.5621 63.0788 38.3651V28.9011H60.6398V27.9561C60.6398 26.8491 61.5418 25.9531 62.6528 25.9531H63.0788V21.1411H65.0898C66.2038 21.1411 67.1038 22.0401 67.1038 23.1441V25.9531Z",
24
- fill: "#E30000"
25
- }), React.createElement("path", {
26
- d: "M40.473 39.2979C42.295 42.2189 45.602 44.3369 48.91 44.8159C54.789 45.5609 60.397 42.7349 66.268 44.9109C69.025 45.9049 71.338 47.5469 72.797 49.9269C71.637 49.4059 70.815 49.0249 69.307 48.5469C66.736 47.7429 64.526 48.0179 61.949 48.4609C56.983 49.1709 52.01 50.7869 47.236 48.4709C43.569 46.7339 41.376 43.0769 40.473 39.2979Z",
27
- fill: "#FFCD00"
28
- }), React.createElement("path", {
29
- d: "M34.139 16.4717C34.49 18.0487 34.164 19.5247 33.906 21.4327C33.684 23.0757 34.207 24.6037 35.698 25.0757C36.93 25.4647 39.681 25.3707 41.625 27.0297C42.207 27.6097 42.385 27.7617 42.502 28.6397C42.577 29.1817 42.498 29.8047 42.385 30.2817C41.887 31.7267 41.393 33.0077 40.565 34.0387C39.239 35.5797 37.869 36.9157 36.106 37.4997C32.783 38.6027 30.799 35.3057 28.23 33.8567C27.082 33.2477 25.752 32.8117 24.67 33.9417C22.928 35.6177 23.201 38.2657 24.09 40.1687C25.887 43.6367 29.578 46.7797 32.174 49.3197C27.533 50.5307 22.895 51.7427 18.237 50.4367C16.084 49.8307 14.059 47.1187 13.125 45.0197C11.556 41.5867 10.516 33.4967 2.38098 27.8147C6.40998 28.3017 8.04098 28.7037 10.66 26.9577C11.237 26.5457 11.41 25.8297 11.369 25.1897C10.971 22.4657 8.73898 21.0117 7.18298 19.1137C8.28098 19.5157 9.39098 19.8017 10.618 19.9497C12.355 20.1577 13.871 19.7917 15.305 18.9417C20.037 16.1287 14.584 9.6547 14.584 9.6547C14.584 9.6547 19.578 13.2127 22.705 12.7247C23.768 12.4777 24.479 12.1647 25.045 11.2027C26.412 8.8867 27.652 6.5037 28.66 4.0807C28.508 6.3267 28.143 8.6427 28.74 10.7517C29.313 12.7577 31.067 13.1587 32.662 14.2747C33.321 14.7137 33.856 15.2007 34.139 16.4717Z",
30
- fill: "#78BE20"
31
- }), React.createElement("path", {
32
- d: "M25.5145 19.3711C24.7105 20.5051 24.9415 22.1431 26.3455 22.3051C27.1995 22.3421 28.2425 21.9171 28.5455 21.0201C28.8505 20.1301 28.4475 19.3551 27.7775 18.7671C27.0315 18.3021 26.0565 18.6031 25.5145 19.3711Z",
33
- fill: "white"
34
- }), React.createElement("path", {
35
- d: "M7.32448 21.2559C8.43548 21.8809 9.64348 22.7259 10.6015 23.7069C11.6705 24.8039 13.1115 27.5109 11.2795 29.5859C10.5745 30.3749 9.41848 30.7469 8.31448 30.7889C6.66048 30.8979 4.48248 30.2679 3.26648 29.3559C3.53348 29.3509 7.25248 30.0559 9.03348 29.1529C9.59748 28.8679 10.2585 28.1099 9.85248 26.5339C9.32448 24.4729 7.38148 22.9319 4.13548 20.8689C3.75548 20.6269 3.48848 20.1629 3.33048 19.6299C3.33048 19.6299 5.29948 20.1159 7.32448 21.2559ZM10.8411 21.8252C11.9761 22.8732 13.5221 23.0572 14.7771 22.2002C16.1121 21.2922 16.0691 19.0262 15.7811 17.7012C14.9831 14.0212 12.9801 10.8162 10.3101 9.2732C11.6351 12.1272 13.2521 15.1972 13.7771 18.2752C13.9001 18.9952 13.9941 19.8022 13.7181 20.3632C13.0601 21.7202 10.5081 20.8342 9.23008 20.1692C9.70708 20.7752 10.8411 21.8252 10.8411 21.8252ZM19.3192 12.9766C21.5922 12.7056 21.6292 10.5446 21.9462 8.8576C22.2342 7.3306 22.9262 5.8826 23.9842 4.5556C24.7582 3.5816 25.2022 3.2126 25.8792 2.3906C27.3972 0.5466 28.4312 -0.000400543 28.4312 -0.000400543C28.4312 -0.000400543 25.1192 5.2936 24.4202 7.9176C23.7952 10.2466 24.4982 12.9746 21.9382 14.4856C19.7442 15.6496 17.5802 14.6466 16.0652 13.3966C15.2292 12.6866 14.7542 11.9806 14.4712 10.8566C15.9182 11.8026 17.2542 13.2246 19.3192 12.9766ZM28.1165 12.3535C29.0725 13.3945 30.3245 13.7145 31.5175 14.5195C32.6155 15.2595 33.3165 16.0085 33.7005 17.1965C34.2015 18.8975 33.3685 20.7045 33.4745 22.5395C33.6425 25.5615 35.7435 25.4365 38.4825 25.5325C40.0665 25.5895 42.9295 26.9025 42.6135 29.2555C42.4845 30.2255 42.3375 30.8645 41.7065 31.5145C41.0475 32.0565 40.2385 32.2675 39.6055 31.7875C40.9335 31.3455 41.3735 30.8665 41.4885 29.5155C41.5545 28.7715 41.0785 28.0295 40.8105 27.7875C40.2695 27.2975 39.4935 26.6255 37.5435 26.6865C36.0355 26.7305 34.7825 26.7565 33.3775 25.7655C32.6645 25.2615 32.4025 24.8165 32.0125 24.0695C31.1275 22.1665 32.2735 19.9775 32.0545 18.0745C31.9515 17.1185 30.8775 16.0415 29.9705 15.4495C28.5215 14.5005 26.9765 14.0285 26.0665 12.3615C24.7675 9.9775 25.8785 6.9575 27.4515 4.5685C27.3905 7.2265 26.1815 10.2595 28.1165 12.3535ZM29.0731 21.6358C29.9311 20.6108 29.4971 19.2728 28.2911 18.7118C27.6431 18.3948 26.8161 18.3548 26.0521 18.5348C25.8211 18.5888 25.2401 18.6998 24.9711 19.2308C25.2561 19.1398 25.8131 18.9878 26.2391 18.9738C26.9081 18.9598 27.0861 19.2348 27.0861 19.2348C27.0861 19.2348 26.2061 19.4748 25.9561 20.2388C25.7461 20.8768 25.9971 21.5658 26.4731 21.8758C27.1721 22.5578 28.4351 22.4018 29.0731 21.6358ZM16.7093 21.0801C17.6453 19.7901 18.5983 18.5921 19.7033 17.5671C19.6213 18.6901 19.0843 19.7461 18.6483 20.7711C16.1563 25.9881 14.0843 29.5381 13.2933 36.4381C12.5353 43.0571 14.0543 46.3141 15.0743 47.8421C15.4203 48.3821 15.1473 49.4951 14.6153 50.1271C13.9053 50.9761 12.1703 49.9931 12.1703 49.9931C12.1703 49.9931 11.8553 49.1501 11.5633 48.3651C10.9453 46.1581 10.5583 43.9791 10.4593 41.5991C10.1393 34.3511 12.2093 27.2991 16.7093 21.0801ZM32.598 30.6113C35.027 32.4373 37.615 33.4523 40.195 34.4633C39.864 35.4573 39.62 35.5933 38.881 36.2723C37.094 35.7703 35.223 34.9663 33.941 33.7443C32.247 32.2203 30.989 30.9263 30.371 28.7163C31.262 29.1903 31.786 30.0043 32.598 30.6113ZM27.0526 32.3545C29.6246 32.7845 30.5976 34.3705 32.3086 35.9925C33.7016 37.1735 35.2516 38.0865 37.1666 37.6685C36.8476 39.2015 35.0706 39.5195 33.4536 39.2825C30.7856 38.8585 30.2226 36.7575 28.4626 34.9265C27.2786 33.6755 25.0836 33.8525 23.7846 35.4895C22.0356 37.6095 23.7796 41.1995 25.1936 42.9105C26.6746 44.7025 27.9606 45.9665 29.4556 47.4475C29.4556 47.4475 31.5426 49.4825 32.6936 50.9155C28.5156 48.7925 25.6706 46.9555 22.7306 43.2585C21.3306 41.4985 21.0546 39.9825 20.9686 38.1455C21.0356 36.4785 21.1956 35.2485 22.3296 33.8795C23.5606 32.3925 25.2086 32.0425 27.1856 32.3755",
36
- fill: "#004833"
37
- }), React.createElement("path", {
38
- d: "M38.2327 29.1084C37.6977 29.2864 37.2807 29.8694 37.3987 30.3774C37.6467 30.9594 38.3437 31.0674 38.9217 30.6514C39.1077 30.4754 39.2677 30.2004 39.3297 29.9614C39.3357 29.5184 39.0337 29.1764 38.5457 29.0054C38.4397 29.0384 38.3387 29.0734 38.2327 29.1084Z",
39
- fill: "white"
40
- }), React.createElement("path", {
41
- d: "M38.7523 28.582C39.0743 28.577 39.4003 28.734 39.6113 28.933C39.9513 29.249 39.8223 29.853 39.4513 30.199C38.9753 30.578 38.4333 30.65 37.9983 30.24C37.6953 29.895 37.6813 29.352 38.0333 28.904C38.2013 28.693 38.4153 28.586 38.7523 28.582ZM9.25418 33.8545C9.88118 35.0325 10.1292 35.6545 9.92018 37.1815C9.79318 38.1015 9.12518 38.6235 8.51718 39.0175C8.51718 39.0175 9.08018 37.0285 8.30418 35.4835C7.06318 33.0115 6.06218 33.1445 1.12518 31.2935C0.631177 31.1085 -0.00982339 30.3455 0.000176607 30.2265C0.0101766 30.1065 3.97318 30.7905 6.00018 31.3795C7.13518 31.7085 8.68518 32.7805 9.25418 33.8545Z",
42
- fill: "#004833"
43
- }));
44
- }
@@ -1,2 +0,0 @@
1
- import { type IconProps } from '../icon.types.js';
2
- export declare function WBCLogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
@@ -1,26 +0,0 @@
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
- import React from 'react';
16
- import { Icon } from '../icon.component.js';
17
- export function WBCLogoIcon({ 'aria-label': ariaLabel = 'Westpac' , copyrightYear ='2023' , viewBox ='0 0 69 28' , ...props }) {
18
- return React.createElement(Icon, _extends({
19
- "aria-label": ariaLabel,
20
- copyrightYear: copyrightYear,
21
- viewBox: viewBox
22
- }, props), React.createElement("path", {
23
- d: "M24.385 25.038C24.385 25.038 25.432 27.828 26.387 28H13.072C10.591 28 8.404 26.61 7.706 23.97L1.643 2.941C1.643 2.941 0.987 0.400999 0 0.000999451H12.561C15.04 0.000999451 16.662 0.902 17.622 4.101L24.385 25.038ZM44.612 25.038L51.379 4.101C52.337 0.902 53.958 0.000999451 56.438 0.000999451H69C68.01 0.400999 67.358 2.941 67.358 2.941L61.293 23.971C60.593 26.609 58.407 28.001 55.929 28.001H42.613C43.566 27.827 44.612 25.038 44.612 25.038ZM27 28V0H42V28H27Z",
24
- fill: "#DA1710"
25
- }));
26
- }
@@ -1,2 +0,0 @@
1
- import { type IconProps } from '../icon.types.js';
2
- export declare function WBGLogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;