@westpac/ui 1.0.0-canary.9 → 1.0.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 (596) hide show
  1. package/CHANGELOG.md +409 -6
  2. package/assets/icons/filled/arrow-back-filled.svg +3 -0
  3. package/assets/icons/filled/arrow-down-filled.svg +3 -0
  4. package/assets/icons/filled/arrow-forward-filled.svg +3 -0
  5. package/assets/icons/filled/arrow-up-filled.svg +3 -0
  6. package/assets/icons/outlined/arrow-back-outlined.svg +3 -0
  7. package/assets/icons/outlined/arrow-down-outlined.svg +3 -0
  8. package/assets/icons/outlined/arrow-forward-outlined.svg +3 -0
  9. package/assets/icons/outlined/arrow-up-outlined.svg +3 -0
  10. package/assets/logos-symbols/dark/AmericanExpressSymbol-Dm.svg +27 -0
  11. package/assets/logos-symbols/dark/ApplePaySymbol-Dm.svg +16 -0
  12. package/assets/logos-symbols/dark/AppleStoreInverseSymbol-Dm.svg +16 -0
  13. package/assets/logos-symbols/dark/AppleStoreSymbol-Dm.svg +16 -0
  14. package/assets/logos-symbols/dark/BOMLogo-Dm.svg +44 -0
  15. package/assets/logos-symbols/{BOMShieldLogo.svg → dark/BOMShieldLogo-Dm.svg} +2 -2
  16. package/assets/logos-symbols/dark/BPAYLandSymbol-Dm.svg +11 -0
  17. package/assets/logos-symbols/dark/BPAYPortSymbol-Dm.svg +11 -0
  18. package/assets/logos-symbols/dark/BSALogo-Dm.svg +16 -0
  19. package/assets/logos-symbols/dark/BSAStackedLogo-Dm.svg +16 -0
  20. package/assets/logos-symbols/dark/BTLogo-Dm.svg +5 -0
  21. package/assets/logos-symbols/dark/BTLogoReversed-Dm.svg +5 -0
  22. package/assets/logos-symbols/{PanoramaLogoReversed.svg → dark/BTPanoramaLogo-Dm.svg} +12 -12
  23. package/assets/logos-symbols/{PanoramaLogo.svg → dark/BTPanoramaReversedLogo-Dm.svg} +12 -12
  24. package/assets/logos-symbols/dark/FacebookCircularSymbol-Dm.svg +4 -0
  25. package/assets/logos-symbols/dark/FacebookSymbol-Dm.svg +5 -0
  26. package/assets/logos-symbols/dark/GooglePayInverseSymbol-Dm.svg +11 -0
  27. package/assets/logos-symbols/dark/GooglePaySymbol-Dm.svg +11 -0
  28. package/assets/logos-symbols/dark/GoogleStoreSymbol-Dm.svg +23 -0
  29. package/assets/logos-symbols/dark/InstagramSymbol-Dm.svg +11 -0
  30. package/assets/logos-symbols/{LinkedInSymbol.svg → dark/LinkedInSymbol-Dm.svg} +4 -4
  31. package/assets/logos-symbols/dark/MastercardSymbol-Dm.svg +12 -0
  32. package/assets/logos-symbols/dark/PayIDInverseSymbol-Dm.svg +10 -0
  33. package/assets/logos-symbols/dark/PayIDSymbol-Dm.svg +10 -0
  34. package/assets/logos-symbols/dark/PayToInverseSymbol-Dm.svg +10 -0
  35. package/assets/logos-symbols/dark/PayToSymbol-Dm.svg +10 -0
  36. package/assets/logos-symbols/dark/STGDragonLogo-Dm.svg +23 -0
  37. package/assets/logos-symbols/dark/STGLogo-Dm.svg +32 -0
  38. package/assets/logos-symbols/{SamsungPayButtonBlack.svg → dark/SamsungPayButtonInverseSymbol-Dm.svg} +7 -7
  39. package/assets/logos-symbols/dark/SamsungPayButtonSymbol-Dm.svg +21 -0
  40. package/assets/logos-symbols/dark/VisaBlueSymbol-Dm.svg +11 -0
  41. package/assets/logos-symbols/dark/VisaWhiteSymbol-Dm.svg +11 -0
  42. package/assets/logos-symbols/{WBCLogo.svg → dark/WBCLogo-Dm.svg} +2 -2
  43. package/assets/logos-symbols/dark/WBGInternalLogo-Dm.svg +12 -0
  44. package/assets/logos-symbols/dark/WBGLogo-Dm.svg +11 -0
  45. package/assets/logos-symbols/dark/XSymbol-Dm.svg +11 -0
  46. package/assets/logos-symbols/dark/YouTubeSymbol-Dm.svg +5 -0
  47. package/assets/logos-symbols/dark/eftposHorizontalInverseSymbol-Dm.svg +21 -0
  48. package/assets/logos-symbols/dark/eftposHorizontalSymbol-Dm.svg +21 -0
  49. package/assets/logos-symbols/dark/eftposVerticalInverseSymbol-Dm.svg +21 -0
  50. package/assets/logos-symbols/dark/eftposVerticalSymbol-Dm.svg +21 -0
  51. package/assets/logos-symbols/light/AmericanExpressSymbol-Lm.svg +27 -0
  52. package/assets/logos-symbols/light/ApplePaySymbol-Lm.svg +16 -0
  53. package/assets/logos-symbols/light/AppleStoreInverseSymbol-Lm.svg +16 -0
  54. package/assets/logos-symbols/light/AppleStoreSymbol-Lm.svg +16 -0
  55. package/assets/logos-symbols/light/BOMLogo-Lm.svg +44 -0
  56. package/assets/logos-symbols/light/BOMShieldLogo-Lm.svg +29 -0
  57. package/assets/logos-symbols/light/BPAYLandSymbol-Lm.svg +11 -0
  58. package/assets/logos-symbols/light/BPAYPortSymbol-Lm.svg +11 -0
  59. package/assets/logos-symbols/light/BSALogo-Lm.svg +16 -0
  60. package/assets/logos-symbols/light/BSAStackedLogo-Lm.svg +16 -0
  61. package/assets/logos-symbols/light/BTLogo-Lm.svg +5 -0
  62. package/assets/logos-symbols/light/BTLogoReversed-Lm.svg +5 -0
  63. package/assets/logos-symbols/light/BTPanoramaLogo-Lm.svg +20 -0
  64. package/assets/logos-symbols/light/BTPanoramaReversedLogo-Lm.svg +20 -0
  65. package/assets/logos-symbols/light/FacebookCircularSymbol-Lm.svg +4 -0
  66. package/assets/logos-symbols/light/FacebookSymbol-Lm.svg +5 -0
  67. package/assets/logos-symbols/light/GooglePayInverseSymbol-Lm.svg +11 -0
  68. package/assets/logos-symbols/light/GooglePaySymbol-Lm.svg +11 -0
  69. package/assets/logos-symbols/light/GoogleStoreSymbol-Lm.svg +23 -0
  70. package/assets/logos-symbols/light/InstagramSymbol-Lm.svg +11 -0
  71. package/assets/logos-symbols/light/LinkedInSymbol-Lm.svg +13 -0
  72. package/assets/logos-symbols/light/MastercardSymbol-Lm.svg +12 -0
  73. package/assets/logos-symbols/light/PayIDInverseSymbol-Lm.svg +10 -0
  74. package/assets/logos-symbols/light/PayIDSymbol-Lm.svg +10 -0
  75. package/assets/logos-symbols/light/PayToInverseSymbol-Lm.svg +10 -0
  76. package/assets/logos-symbols/light/PayToSymbol-Lm.svg +10 -0
  77. package/assets/logos-symbols/light/STGDragonLogo-Lm.svg +23 -0
  78. package/assets/logos-symbols/light/STGLogo-Lm.svg +32 -0
  79. package/assets/logos-symbols/{SamsungPayButtonWhite.svg → light/SamsungPayButtonInverseSymbol-Lm.svg} +7 -7
  80. package/assets/logos-symbols/light/SamsungPayButtonSymbol-Lm.svg +21 -0
  81. package/assets/logos-symbols/light/VisaBlueSymbol-Lm.svg +11 -0
  82. package/assets/logos-symbols/light/VisaWhiteSymbol-Lm.svg +11 -0
  83. package/assets/logos-symbols/light/WBCLogo-Lm.svg +12 -0
  84. package/assets/logos-symbols/light/WBGInternalLogo-Lm.svg +12 -0
  85. package/assets/logos-symbols/light/WBGLogo-Lm.svg +11 -0
  86. package/assets/logos-symbols/{XSymbol.svg → light/XSymbol-Lm.svg} +2 -2
  87. package/assets/logos-symbols/light/YouTubeSymbol-Lm.svg +5 -0
  88. package/assets/logos-symbols/light/eftposHorizontalInverseSymbol-Lm.svg +21 -0
  89. package/assets/logos-symbols/light/eftposHorizontalSymbol-Lm.svg +21 -0
  90. package/assets/logos-symbols/light/eftposVerticalInverseSymbol-Lm.svg +21 -0
  91. package/assets/logos-symbols/light/eftposVerticalSymbol-Lm.svg +21 -0
  92. package/dist/component-type.json +1 -1
  93. package/dist/components/autocomplete/components/autocomplete-list-box/autocomplete-list-box.component.js +1 -1
  94. package/dist/components/autocomplete/components/autocomplete-popover/autocomplete-popover.component.js +4 -2
  95. package/dist/components/bottom-sheet/bottom-sheet.component.js +1 -1
  96. package/dist/components/button/button.component.js +3 -2
  97. package/dist/components/button-group/components/button-group-button/button-group-button.component.js +2 -2
  98. package/dist/components/checkbox-group/checkbox-group.component.js +2 -2
  99. package/dist/components/compacta/components/compacta-item/compacta-item.component.js +2 -2
  100. package/dist/components/date-picker/components/date-field/components/date-segment/date-segment.component.js +0 -1
  101. package/dist/components/date-picker/components/date-field/components/date-segment/date-segment.styles.d.ts +2 -14
  102. package/dist/components/date-picker/components/date-field/components/date-segment/date-segment.styles.js +2 -6
  103. package/dist/components/date-picker/components/popover/popover.styles.js +1 -1
  104. package/dist/components/date-picker/date-picker.component.d.ts +1 -1
  105. package/dist/components/date-picker/date-picker.component.js +11 -2
  106. package/dist/components/date-picker/date-picker.styles.d.ts +45 -30
  107. package/dist/components/date-picker/date-picker.styles.js +22 -17
  108. package/dist/components/date-picker/date-picker.types.d.ts +11 -2
  109. package/dist/components/header/header.component.js +8 -3
  110. package/dist/components/icon/components/arrow-back-icon.d.ts +2 -0
  111. package/dist/components/icon/components/arrow-back-icon.js +12 -0
  112. package/dist/components/icon/components/arrow-down-icon.d.ts +2 -0
  113. package/dist/components/icon/components/arrow-down-icon.js +12 -0
  114. package/dist/components/icon/components/arrow-forward-icon.d.ts +2 -0
  115. package/dist/components/icon/components/arrow-forward-icon.js +12 -0
  116. package/dist/components/icon/components/arrow-up-icon.d.ts +2 -0
  117. package/dist/components/icon/components/arrow-up-icon.js +12 -0
  118. package/dist/components/icon/icon.styles.js +5 -5
  119. package/dist/components/icon/index.d.ts +4 -0
  120. package/dist/components/icon/index.js +4 -0
  121. package/dist/components/index.d.ts +1 -0
  122. package/dist/components/index.js +1 -0
  123. package/dist/components/input-group/components/input-group-supporting-text/input-group-supporting-text.styles.d.ts +1 -1
  124. package/dist/components/input-group/components/input-group-supporting-text/input-group-supporting-text.styles.js +1 -1
  125. package/dist/components/link/link.styles.d.ts +0 -6
  126. package/dist/components/link/link.styles.js +5 -7
  127. package/dist/components/modal/components/modal-dialog/components/modal-dialog-body/modal-dialog-body.styles.js +1 -1
  128. package/dist/components/modal/components/modal-dialog/modal-dialog.styles.js +1 -1
  129. package/dist/components/multi-select/components/multi-select-dropdown/multi-select-dropdown.component.d.ts +2 -0
  130. package/dist/components/multi-select/components/multi-select-dropdown/multi-select-dropdown.component.js +20 -0
  131. package/dist/components/multi-select/components/multi-select-dropdown/multi-select-dropdown.styles.d.ts +37 -0
  132. package/dist/components/multi-select/components/multi-select-dropdown/multi-select-dropdown.styles.js +8 -0
  133. package/dist/components/multi-select/components/multi-select-dropdown/multi-select-dropdown.types.d.ts +5 -0
  134. package/dist/components/multi-select/components/multi-select-dropdown/multi-select-dropdown.types.js +1 -0
  135. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-list-box-section/multi-select-list-box-section.component.d.ts +2 -0
  136. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-list-box-section/multi-select-list-box-section.component.js +31 -0
  137. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-list-box-section/multi-select-list-box-section.styles.d.ts +25 -0
  138. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-list-box-section/multi-select-list-box-section.styles.js +6 -0
  139. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-list-box-section/multi-select-list-box-section.types.d.ts +4 -0
  140. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-list-box-section/multi-select-list-box-section.types.js +1 -0
  141. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-option/multi-select-option.component.d.ts +2 -0
  142. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-option/multi-select-option.component.js +62 -0
  143. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-option/multi-select-option.styles.d.ts +82 -0
  144. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-option/multi-select-option.styles.js +32 -0
  145. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-option/multi-select-option.types.d.ts +8 -0
  146. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-option/multi-select-option.types.js +1 -0
  147. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-select-all-option/multi-select-select-all-option.component.d.ts +1 -0
  148. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-select-all-option/multi-select-select-all-option.component.js +93 -0
  149. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-select-all-option/multi-select-select-all-option.styles.d.ts +64 -0
  150. package/dist/components/multi-select/components/multi-select-list-box/components/multi-select-select-all-option/multi-select-select-all-option.styles.js +26 -0
  151. package/dist/components/multi-select/components/multi-select-list-box/multi-select-list-box.component.d.ts +2 -0
  152. package/dist/components/multi-select/components/multi-select-list-box/multi-select-list-box.component.js +35 -0
  153. package/dist/components/multi-select/components/multi-select-list-box/multi-select-list-box.styles.d.ts +43 -0
  154. package/dist/components/multi-select/components/multi-select-list-box/multi-select-list-box.styles.js +9 -0
  155. package/dist/components/multi-select/components/multi-select-list-box/multi-select-list-box.types.d.ts +5 -0
  156. package/dist/components/multi-select/components/multi-select-list-box/multi-select-list-box.types.js +1 -0
  157. package/dist/components/multi-select/components/multi-select-list-box-trigger/multi-select-list-box-trigger.component.d.ts +2 -0
  158. package/dist/components/multi-select/components/multi-select-list-box-trigger/multi-select-list-box-trigger.component.js +121 -0
  159. package/dist/components/multi-select/components/multi-select-list-box-trigger/multi-select-list-box-trigger.styles.d.ts +259 -0
  160. package/dist/components/multi-select/components/multi-select-list-box-trigger/multi-select-list-box-trigger.styles.js +91 -0
  161. package/dist/components/multi-select/components/multi-select-list-box-trigger/multi-select-list-box-trigger.types.d.ts +16 -0
  162. package/dist/components/multi-select/components/multi-select-list-box-trigger/multi-select-list-box-trigger.types.js +1 -0
  163. package/dist/components/multi-select/components/multi-select-popover/multi-select-popover.component.d.ts +2 -0
  164. package/dist/components/multi-select/components/multi-select-popover/multi-select-popover.component.js +52 -0
  165. package/dist/components/multi-select/components/multi-select-popover/multi-select-popover.styles.d.ts +31 -0
  166. package/dist/components/multi-select/components/multi-select-popover/multi-select-popover.styles.js +7 -0
  167. package/dist/components/multi-select/components/multi-select-popover/multi-select-popover.types.d.ts +6 -0
  168. package/dist/components/multi-select/components/multi-select-popover/multi-select-popover.types.js +1 -0
  169. package/dist/components/multi-select/components/multi-select-searchbar/multi-select-searchbar.component.d.ts +2 -0
  170. package/dist/components/multi-select/components/multi-select-searchbar/multi-select-searchbar.component.js +74 -0
  171. package/dist/components/multi-select/components/multi-select-searchbar/multi-select-searchbar.styles.d.ts +31 -0
  172. package/dist/components/multi-select/components/multi-select-searchbar/multi-select-searchbar.styles.js +7 -0
  173. package/dist/components/multi-select/components/multi-select-searchbar/multi-select-searchbar.types.d.ts +6 -0
  174. package/dist/components/multi-select/components/multi-select-searchbar/multi-select-searchbar.types.js +1 -0
  175. package/dist/components/multi-select/index.d.ts +2 -0
  176. package/dist/components/multi-select/index.js +1 -0
  177. package/dist/components/multi-select/multi-select.component.d.ts +7 -0
  178. package/dist/components/multi-select/multi-select.component.js +95 -0
  179. package/dist/components/multi-select/multi-select.styles.d.ts +25 -0
  180. package/dist/components/multi-select/multi-select.styles.js +6 -0
  181. package/dist/components/multi-select/multi-select.types.d.ts +61 -0
  182. package/dist/components/multi-select/multi-select.types.js +1 -0
  183. package/dist/components/multi-select/utils/filter-nodes.d.ts +2 -0
  184. package/dist/components/multi-select/utils/filter-nodes.js +25 -0
  185. package/dist/components/pictogram/pictogram.styles.d.ts +6 -9
  186. package/dist/components/pictogram/pictogram.styles.js +2 -3
  187. package/dist/components/pictogram/pictogram.types.d.ts +1 -1
  188. package/dist/components/popover/components/panel/panel.component.d.ts +1 -1
  189. package/dist/components/popover/components/panel/panel.component.js +35 -17
  190. package/dist/components/popover/components/panel/panel.hook.d.ts +4 -1
  191. package/dist/components/popover/components/panel/panel.hook.js +96 -19
  192. package/dist/components/popover/components/panel/panel.styles.js +2 -2
  193. package/dist/components/popover/components/panel/panel.types.d.ts +8 -0
  194. package/dist/components/popover/popover.component.js +14 -4
  195. package/dist/components/radio-group/radio-group.component.js +2 -2
  196. package/dist/components/selector/components/selector-button-group/selector-button-group.component.d.ts +2 -1
  197. package/dist/components/selector/components/selector-button-group/selector-button-group.component.js +1 -1
  198. package/dist/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.component.js +1 -0
  199. package/dist/components/selector/components/selector-checkbox-group/selector-checkbox-group.component.js +2 -2
  200. package/dist/components/selector/components/selector-link-group/selector-link-group.component.d.ts +2 -1
  201. package/dist/components/selector/components/selector-link-group/selector-link-group.component.js +1 -1
  202. package/dist/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.component.js +1 -0
  203. package/dist/components/selector/components/selector-radio-group/selector-radio-group.component.js +2 -2
  204. package/dist/components/symbol/components/logos/bom-logo.d.ts +1 -1
  205. package/dist/components/symbol/components/logos/bom-logo.js +94 -146
  206. package/dist/components/symbol/components/logos/bom-multibrand-large-logo.d.ts +1 -1
  207. package/dist/components/symbol/components/logos/bom-multibrand-large-logo.js +63 -67
  208. package/dist/components/symbol/components/logos/bom-multibrand-small-logo.js +60 -60
  209. package/dist/components/symbol/components/logos/bom-shield-logo.js +49 -41
  210. package/dist/components/symbol/components/logos/bsa-logo.d.ts +1 -1
  211. package/dist/components/symbol/components/logos/bsa-logo.js +25 -31
  212. package/dist/components/symbol/components/logos/bsa-multibrand-large-logo.d.ts +1 -1
  213. package/dist/components/symbol/components/logos/bsa-multibrand-large-logo.js +10 -12
  214. package/dist/components/symbol/components/logos/bsa-multibrand-small-logo.d.ts +1 -1
  215. package/dist/components/symbol/components/logos/bsa-multibrand-small-logo.js +10 -12
  216. package/dist/components/symbol/components/logos/bsa-stacked-logo.d.ts +1 -1
  217. package/dist/components/symbol/components/logos/bsa-stacked-logo.js +25 -31
  218. package/dist/components/symbol/components/logos/bt-logo.js +4 -4
  219. package/dist/components/symbol/components/logos/bt-multibrand-large-logo.js +4 -4
  220. package/dist/components/symbol/components/logos/bt-multibrand-small-logo.js +7 -7
  221. package/dist/components/symbol/components/logos/bt-panorama-logo.js +19 -19
  222. package/dist/components/symbol/components/logos/bt-panorama-reversed-logo.js +19 -19
  223. package/dist/components/symbol/components/logos/bt-reversed-logo.js +4 -4
  224. package/dist/components/symbol/components/logos/stg-dragon-logo.d.ts +1 -1
  225. package/dist/components/symbol/components/logos/stg-dragon-logo.js +28 -18
  226. package/dist/components/symbol/components/logos/stg-logo.d.ts +1 -1
  227. package/dist/components/symbol/components/logos/stg-logo.js +37 -27
  228. package/dist/components/symbol/components/logos/stg-multibrand-large-logo.d.ts +1 -1
  229. package/dist/components/symbol/components/logos/stg-multibrand-large-logo.js +18 -15
  230. package/dist/components/symbol/components/logos/stg-multibrand-small-logo.d.ts +1 -1
  231. package/dist/components/symbol/components/logos/stg-multibrand-small-logo.js +18 -16
  232. package/dist/components/symbol/components/logos/wbc-logo.js +13 -7
  233. package/dist/components/symbol/components/logos/wbc-multibrand-large-logo.d.ts +1 -1
  234. package/dist/components/symbol/components/logos/wbc-multibrand-large-logo.js +8 -5
  235. package/dist/components/symbol/components/logos/wbc-multibrand-small-logo.js +4 -3
  236. package/dist/components/symbol/components/logos/wbg-internal-logo.d.ts +2 -0
  237. package/dist/components/symbol/components/logos/wbg-internal-logo.js +36 -0
  238. package/dist/components/symbol/components/logos/wbg-logo.d.ts +2 -0
  239. package/dist/components/symbol/components/logos/wbg-logo.js +27 -0
  240. package/dist/components/symbol/components/logos/wbg-multibrand-large-logo.d.ts +2 -0
  241. package/dist/components/symbol/components/logos/wbg-multibrand-large-logo.js +25 -0
  242. package/dist/components/symbol/components/logos/wbg-multibrand-small-logo.d.ts +2 -0
  243. package/dist/components/symbol/components/logos/wbg-multibrand-small-logo.js +21 -0
  244. package/dist/components/symbol/components/symbols/american-express-symbol.js +65 -15
  245. package/dist/components/symbol/components/symbols/apple-pay-symbol.d.ts +2 -0
  246. package/dist/components/symbol/components/symbols/apple-pay-symbol.js +42 -0
  247. package/dist/components/symbol/components/symbols/apple-store-inverse-symbol.js +26 -25
  248. package/dist/components/symbol/components/symbols/apple-store-symbol.js +26 -25
  249. package/dist/components/symbol/components/symbols/bpay-land-symbol.js +14 -10
  250. package/dist/components/symbol/components/symbols/bpay-port-symbol.js +14 -10
  251. package/dist/components/symbol/components/symbols/eftpos-horizontal-inverse-symbol.d.ts +2 -0
  252. package/dist/components/symbol/components/symbols/eftpos-horizontal-inverse-symbol.js +56 -0
  253. package/dist/components/symbol/components/symbols/eftpos-horizontal-symbol.d.ts +2 -0
  254. package/dist/components/symbol/components/symbols/eftpos-horizontal-symbol.js +56 -0
  255. package/dist/components/symbol/components/symbols/{pay-to-wordmark-dark-grey-symbol.d.ts → eftpos-vertical-inverse-symbol.d.ts} +1 -1
  256. package/dist/components/symbol/components/symbols/eftpos-vertical-inverse-symbol.js +56 -0
  257. package/dist/components/symbol/components/symbols/{pay-to-light-grey-symbol.d.ts → eftpos-vertical-symbol.d.ts} +1 -1
  258. package/dist/components/symbol/components/symbols/eftpos-vertical-symbol.js +56 -0
  259. package/dist/components/symbol/components/symbols/facebook-circular-symbol.d.ts +2 -0
  260. package/dist/components/symbol/components/symbols/facebook-circular-symbol.js +17 -0
  261. package/dist/components/symbol/components/symbols/facebook-symbol.js +9 -11
  262. package/dist/components/symbol/components/symbols/google-pay-inverse-symbol.d.ts +2 -0
  263. package/dist/components/symbol/components/symbols/google-pay-inverse-symbol.js +38 -0
  264. package/dist/components/symbol/components/symbols/google-pay-symbol.d.ts +2 -0
  265. package/dist/components/symbol/components/symbols/google-pay-symbol.js +38 -0
  266. package/dist/components/symbol/components/symbols/google-store-symbol.js +64 -121
  267. package/dist/components/symbol/components/symbols/instagram-symbol.js +15 -43
  268. package/dist/components/symbol/components/symbols/linked-in-symbol.js +19 -17
  269. package/dist/components/symbol/components/symbols/mastercard-symbol.js +16 -16
  270. package/dist/components/symbol/components/symbols/{x-mark-inverse-symbol.d.ts → pay-id-inverse-symbol.d.ts} +1 -1
  271. package/dist/components/symbol/components/symbols/pay-id-inverse-symbol.js +24 -0
  272. package/dist/components/symbol/components/symbols/pay-id-symbol.js +12 -2
  273. package/dist/components/symbol/components/symbols/pay-to-inverse-symbol.d.ts +2 -0
  274. package/dist/components/symbol/components/symbols/pay-to-inverse-symbol.js +22 -0
  275. package/dist/components/symbol/components/symbols/{x-mark-symbol.d.ts → pay-to-symbol.d.ts} +1 -1
  276. package/dist/components/symbol/components/symbols/pay-to-symbol.js +22 -0
  277. package/dist/components/symbol/components/symbols/samsung-pay-button-inverse-symbol.d.ts +2 -0
  278. package/dist/components/symbol/components/symbols/samsung-pay-button-inverse-symbol.js +55 -0
  279. package/dist/components/symbol/components/symbols/samsung-pay-button-symbol.d.ts +2 -0
  280. package/dist/components/symbol/components/symbols/samsung-pay-button-symbol.js +55 -0
  281. package/dist/components/symbol/components/symbols/visa-blue-symbol.js +12 -6
  282. package/dist/components/symbol/components/symbols/visa-white-symbol.js +12 -6
  283. package/dist/components/symbol/components/symbols/x-symbol.js +4 -4
  284. package/dist/components/symbol/components/symbols/youtube-symbol.js +8 -26
  285. package/dist/components/symbol/index.d.ts +17 -23
  286. package/dist/components/symbol/index.js +17 -23
  287. package/dist/components/symbol/symbol.types.d.ts +0 -4
  288. package/dist/components/tooltip/components/tooltip-content/tooltip-content.component.d.ts +1 -1
  289. package/dist/components/tooltip/components/tooltip-content/tooltip-content.component.js +4 -2
  290. package/dist/components/tooltip/components/tooltip-content/tooltip-content.styles.d.ts +16 -1
  291. package/dist/components/tooltip/components/tooltip-content/tooltip-content.styles.js +7 -1
  292. package/dist/components/tooltip/components/tooltip-content/tooltip-content.types.d.ts +1 -0
  293. package/dist/components/tooltip/tooltip.component.d.ts +1 -1
  294. package/dist/components/tooltip/tooltip.component.js +5 -4
  295. package/dist/components/tooltip/tooltip.types.d.ts +3 -0
  296. package/dist/css/westpac-ui.css +284 -165
  297. package/dist/css/westpac-ui.min.css +284 -165
  298. package/package.json +15 -11
  299. package/src/components/autocomplete/components/autocomplete-list-box/autocomplete-list-box.component.tsx +1 -1
  300. package/src/components/autocomplete/components/autocomplete-popover/autocomplete-popover.component.tsx +2 -2
  301. package/src/components/bottom-sheet/bottom-sheet.component.tsx +1 -1
  302. package/src/components/button/button.component.tsx +2 -1
  303. package/src/components/button-group/components/button-group-button/button-group-button.component.tsx +2 -2
  304. package/src/components/checkbox-group/checkbox-group.component.tsx +1 -1
  305. package/src/components/compacta/components/compacta-item/compacta-item.component.tsx +2 -2
  306. package/src/components/date-picker/components/calendar/components/calendar-cell/calendar-cell.types.ts +0 -4
  307. package/src/components/date-picker/components/date-field/components/date-segment/date-segment.component.tsx +0 -1
  308. package/src/components/date-picker/components/date-field/components/date-segment/date-segment.styles.ts +2 -6
  309. package/src/components/date-picker/components/popover/popover.styles.ts +1 -1
  310. package/src/components/date-picker/date-picker.component.tsx +15 -2
  311. package/src/components/date-picker/date-picker.styles.ts +22 -18
  312. package/src/components/date-picker/date-picker.types.ts +12 -3
  313. package/src/components/header/header.component.tsx +10 -6
  314. package/src/components/icon/components/arrow-back-icon.tsx +17 -0
  315. package/src/components/icon/components/arrow-down-icon.tsx +17 -0
  316. package/src/components/icon/components/arrow-forward-icon.tsx +17 -0
  317. package/src/components/icon/components/arrow-up-icon.tsx +17 -0
  318. package/src/components/icon/icon.styles.ts +5 -5
  319. package/src/components/icon/index.ts +4 -0
  320. package/src/components/index.ts +1 -0
  321. package/src/components/input-group/components/input-group-supporting-text/input-group-supporting-text.styles.ts +1 -1
  322. package/src/components/link/link.component.tsx +1 -0
  323. package/src/components/link/link.styles.ts +5 -7
  324. package/src/components/modal/components/modal-dialog/components/modal-dialog-body/modal-dialog-body.styles.ts +1 -1
  325. package/src/components/modal/components/modal-dialog/modal-dialog.component.tsx +1 -0
  326. package/src/components/modal/components/modal-dialog/modal-dialog.styles.ts +1 -1
  327. package/src/components/multi-select/components/multi-select-dropdown/multi-select-dropdown.component.tsx +26 -0
  328. package/src/components/multi-select/components/multi-select-dropdown/multi-select-dropdown.styles.ts +9 -0
  329. package/src/components/multi-select/components/multi-select-dropdown/multi-select-dropdown.types.ts +6 -0
  330. package/src/components/multi-select/components/multi-select-list-box/components/multi-select-list-box-section/multi-select-list-box-section.component.tsx +42 -0
  331. package/src/components/multi-select/components/multi-select-list-box/components/multi-select-list-box-section/multi-select-list-box-section.styles.ts +7 -0
  332. package/src/components/multi-select/components/multi-select-list-box/components/multi-select-list-box-section/multi-select-list-box-section.types.ts +5 -0
  333. package/src/components/multi-select/components/multi-select-list-box/components/multi-select-option/multi-select-option.component.tsx +66 -0
  334. package/src/components/multi-select/components/multi-select-list-box/components/multi-select-option/multi-select-option.styles.ts +33 -0
  335. package/src/components/multi-select/components/multi-select-list-box/components/multi-select-option/multi-select-option.types.ts +7 -0
  336. package/src/components/multi-select/components/multi-select-list-box/components/multi-select-select-all-option/multi-select-select-all-option.component.tsx +104 -0
  337. package/src/components/multi-select/components/multi-select-list-box/components/multi-select-select-all-option/multi-select-select-all-option.styles.ts +21 -0
  338. package/src/components/multi-select/components/multi-select-list-box/multi-select-list-box.component.tsx +42 -0
  339. package/src/components/multi-select/components/multi-select-list-box/multi-select-list-box.styles.ts +10 -0
  340. package/src/components/multi-select/components/multi-select-list-box/multi-select-list-box.types.ts +6 -0
  341. package/src/components/multi-select/components/multi-select-list-box-trigger/multi-select-list-box-trigger.component.tsx +139 -0
  342. package/src/components/multi-select/components/multi-select-list-box-trigger/multi-select-list-box-trigger.styles.ts +70 -0
  343. package/src/components/multi-select/components/multi-select-list-box-trigger/multi-select-list-box-trigger.types.ts +21 -0
  344. package/src/components/multi-select/components/multi-select-popover/multi-select-popover.component.tsx +64 -0
  345. package/src/components/multi-select/components/multi-select-popover/multi-select-popover.styles.ts +8 -0
  346. package/src/components/multi-select/components/multi-select-popover/multi-select-popover.types.ts +8 -0
  347. package/src/components/multi-select/components/multi-select-searchbar/multi-select-searchbar.component.tsx +81 -0
  348. package/src/components/multi-select/components/multi-select-searchbar/multi-select-searchbar.styles.ts +8 -0
  349. package/src/components/multi-select/components/multi-select-searchbar/multi-select-searchbar.types.ts +7 -0
  350. package/src/components/multi-select/index.ts +2 -0
  351. package/src/components/multi-select/multi-select.component.tsx +116 -0
  352. package/src/components/multi-select/multi-select.styles.ts +7 -0
  353. package/src/components/multi-select/multi-select.types.ts +60 -0
  354. package/src/components/multi-select/utils/filter-nodes.ts +29 -0
  355. package/src/components/pictogram/pictogram.styles.ts +2 -3
  356. package/src/components/pictogram/pictogram.types.ts +1 -1
  357. package/src/components/popover/components/panel/panel.component.tsx +50 -26
  358. package/src/components/popover/components/panel/panel.hook.tsx +101 -27
  359. package/src/components/popover/components/panel/panel.styles.ts +2 -2
  360. package/src/components/popover/components/panel/panel.types.ts +8 -0
  361. package/src/components/popover/popover.component.tsx +16 -2
  362. package/src/components/radio-group/radio-group.component.tsx +1 -1
  363. package/src/components/selector/components/selector-button-group/selector-button-group.component.tsx +1 -1
  364. package/src/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.component.tsx +6 -1
  365. package/src/components/selector/components/selector-checkbox-group/selector-checkbox-group.component.tsx +1 -1
  366. package/src/components/selector/components/selector-link-group/selector-link-group.component.tsx +1 -1
  367. package/src/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.component.tsx +6 -1
  368. package/src/components/selector/components/selector-radio-group/selector-radio-group.component.tsx +1 -1
  369. package/src/components/symbol/components/logos/bom-logo.tsx +87 -141
  370. package/src/components/symbol/components/logos/bom-multibrand-large-logo.tsx +22 -27
  371. package/src/components/symbol/components/logos/bom-multibrand-small-logo.tsx +20 -20
  372. package/src/components/symbol/components/logos/bom-shield-logo.tsx +27 -21
  373. package/src/components/symbol/components/logos/bsa-logo.tsx +49 -57
  374. package/src/components/symbol/components/logos/bsa-multibrand-large-logo.tsx +28 -31
  375. package/src/components/symbol/components/logos/bsa-multibrand-small-logo.tsx +28 -31
  376. package/src/components/symbol/components/logos/bsa-stacked-logo.tsx +49 -57
  377. package/src/components/symbol/components/logos/bt-logo.tsx +6 -3
  378. package/src/components/symbol/components/logos/bt-multibrand-large-logo.tsx +4 -4
  379. package/src/components/symbol/components/logos/bt-multibrand-small-logo.tsx +7 -7
  380. package/src/components/symbol/components/logos/bt-panorama-logo.tsx +21 -18
  381. package/src/components/symbol/components/logos/bt-panorama-reversed-logo.tsx +21 -18
  382. package/src/components/symbol/components/logos/bt-reversed-logo.tsx +6 -3
  383. package/src/components/symbol/components/logos/stg-dragon-logo.tsx +77 -68
  384. package/src/components/symbol/components/logos/stg-logo.tsx +113 -104
  385. package/src/components/symbol/components/logos/stg-multibrand-large-logo.tsx +45 -42
  386. package/src/components/symbol/components/logos/stg-multibrand-small-logo.tsx +44 -42
  387. package/src/components/symbol/components/logos/wbc-logo.tsx +16 -9
  388. package/src/components/symbol/components/logos/wbc-multibrand-large-logo.tsx +22 -19
  389. package/src/components/symbol/components/logos/wbc-multibrand-small-logo.tsx +3 -2
  390. package/src/components/symbol/components/logos/wbg-internal-logo.tsx +51 -0
  391. package/src/components/symbol/components/logos/wbg-logo.tsx +41 -0
  392. package/src/components/symbol/components/logos/wbg-multibrand-large-logo.tsx +38 -0
  393. package/src/components/symbol/components/logos/wbg-multibrand-small-logo.tsx +38 -0
  394. package/src/components/symbol/components/symbols/american-express-symbol.tsx +73 -17
  395. package/src/components/symbol/components/symbols/apple-pay-symbol.tsx +61 -0
  396. package/src/components/symbol/components/symbols/apple-store-inverse-symbol.tsx +22 -20
  397. package/src/components/symbol/components/symbols/apple-store-symbol.tsx +21 -19
  398. package/src/components/symbol/components/symbols/bpay-land-symbol.tsx +10 -3
  399. package/src/components/symbol/components/symbols/bpay-port-symbol.tsx +10 -3
  400. package/src/components/symbol/components/symbols/eftpos-horizontal-inverse-symbol.tsx +74 -0
  401. package/src/components/symbol/components/symbols/eftpos-horizontal-symbol.tsx +74 -0
  402. package/src/components/symbol/components/symbols/eftpos-vertical-inverse-symbol.tsx +74 -0
  403. package/src/components/symbol/components/symbols/eftpos-vertical-symbol.tsx +74 -0
  404. package/src/components/symbol/components/symbols/facebook-circular-symbol.tsx +32 -0
  405. package/src/components/symbol/components/symbols/facebook-symbol.tsx +12 -7
  406. package/src/components/symbol/components/symbols/google-pay-inverse-symbol.tsx +60 -0
  407. package/src/components/symbol/components/symbols/google-pay-symbol.tsx +60 -0
  408. package/src/components/symbol/components/symbols/google-store-symbol.tsx +79 -99
  409. package/src/components/symbol/components/symbols/instagram-symbol.tsx +12 -24
  410. package/src/components/symbol/components/symbols/linked-in-symbol.tsx +17 -7
  411. package/src/components/symbol/components/symbols/mastercard-symbol.tsx +13 -16
  412. package/src/components/symbol/components/symbols/pay-id-inverse-symbol.tsx +37 -0
  413. package/src/components/symbol/components/symbols/pay-id-symbol.tsx +13 -4
  414. package/src/components/symbol/components/symbols/pay-to-inverse-symbol.tsx +35 -0
  415. package/src/components/symbol/components/symbols/pay-to-symbol.tsx +35 -0
  416. package/src/components/symbol/components/symbols/samsung-pay-button-inverse-symbol.tsx +79 -0
  417. package/src/components/symbol/components/symbols/samsung-pay-button-symbol.tsx +79 -0
  418. package/src/components/symbol/components/symbols/visa-blue-symbol.tsx +9 -4
  419. package/src/components/symbol/components/symbols/visa-white-symbol.tsx +9 -4
  420. package/src/components/symbol/components/symbols/x-symbol.tsx +4 -4
  421. package/src/components/symbol/components/symbols/youtube-symbol.tsx +9 -14
  422. package/src/components/symbol/index.ts +17 -23
  423. package/src/components/symbol/symbol.types.ts +0 -4
  424. package/src/components/tooltip/components/tooltip-content/tooltip-content.component.tsx +2 -2
  425. package/src/components/tooltip/components/tooltip-content/tooltip-content.styles.ts +7 -1
  426. package/src/components/tooltip/components/tooltip-content/tooltip-content.types.ts +1 -0
  427. package/src/components/tooltip/tooltip.component.tsx +9 -4
  428. package/src/components/tooltip/tooltip.types.ts +4 -0
  429. package/utils/build-svg-zip/index.ts +1 -1
  430. package/assets/logos-symbols/AmericanExpressSymbol.svg +0 -13
  431. package/assets/logos-symbols/AppleStoreBlack.svg +0 -16
  432. package/assets/logos-symbols/AppleStoreWhite.svg +0 -16
  433. package/assets/logos-symbols/Apple_Pay.svg +0 -16
  434. package/assets/logos-symbols/BOMLogo.svg +0 -44
  435. package/assets/logos-symbols/BOMMultibrandLargeLogoCenter.svg +0 -23
  436. package/assets/logos-symbols/BOMMultibrandLargeLogoLeft.svg +0 -23
  437. package/assets/logos-symbols/BOMMultibrandLargeLogoRight.svg +0 -30
  438. package/assets/logos-symbols/BOMMultibrandSmallLogoCenter.svg +0 -22
  439. package/assets/logos-symbols/BOMMultibrandSmallLogoLeft.svg +0 -22
  440. package/assets/logos-symbols/BOMMultibrandSmallLogoRight.svg +0 -22
  441. package/assets/logos-symbols/BPayLandSymbol.svg +0 -11
  442. package/assets/logos-symbols/BPayPortSymbol.svg +0 -11
  443. package/assets/logos-symbols/BSALogo.svg +0 -16
  444. package/assets/logos-symbols/BSAMultibrandLargeLogoCenter.svg +0 -5
  445. package/assets/logos-symbols/BSAMultibrandLargeLogoLeft.svg +0 -5
  446. package/assets/logos-symbols/BSAMultibrandLargeLogoRight.svg +0 -5
  447. package/assets/logos-symbols/BSAMultibrandSmallLogoCenter.svg +0 -5
  448. package/assets/logos-symbols/BSAMultibrandSmallLogoLeft.svg +0 -5
  449. package/assets/logos-symbols/BSAMultibrandSmallLogoRight.svg +0 -5
  450. package/assets/logos-symbols/BSAStackedLogo.svg +0 -16
  451. package/assets/logos-symbols/BTLogo.svg +0 -5
  452. package/assets/logos-symbols/BTLogoReversed.svg +0 -5
  453. package/assets/logos-symbols/BTMultibrandLargeLogoCenter.svg +0 -5
  454. package/assets/logos-symbols/BTMultibrandLargeLogoLeft.svg +0 -5
  455. package/assets/logos-symbols/BTMultibrandLargeLogoRight.svg +0 -12
  456. package/assets/logos-symbols/BTMultibrandSmallLogoCenter.svg +0 -12
  457. package/assets/logos-symbols/BTMultibrandSmallLogoLeft.svg +0 -12
  458. package/assets/logos-symbols/BTMultibrandSmallLogoRight.svg +0 -12
  459. package/assets/logos-symbols/BTPanoramaMultibrandLargeLogoCenter.svg +0 -20
  460. package/assets/logos-symbols/BTPanoramaMultibrandLargeLogoLeft.svg +0 -20
  461. package/assets/logos-symbols/BTPanoramaMultibrandLargeLogoRight.svg +0 -20
  462. package/assets/logos-symbols/BTPanoramaMultibrandSmallLogoCenter.svg +0 -20
  463. package/assets/logos-symbols/BTPanoramaMultibrandSmallLogoLeft.svg +0 -20
  464. package/assets/logos-symbols/BTPanoramaMultibrandSmallLogoRight.svg +0 -20
  465. package/assets/logos-symbols/FacebookSymbol.svg +0 -11
  466. package/assets/logos-symbols/GooglePlusSymbol.svg +0 -19
  467. package/assets/logos-symbols/GoogleStoreSymbol.svg +0 -45
  468. package/assets/logos-symbols/InstagramSymbol.svg +0 -21
  469. package/assets/logos-symbols/MastercardAcceptedSymbol.svg +0 -15
  470. package/assets/logos-symbols/MastercardHorizontalSymbol.svg +0 -14
  471. package/assets/logos-symbols/MastercardSymbol.svg +0 -7
  472. package/assets/logos-symbols/MicrosoftStoreSymbol.svg +0 -16
  473. package/assets/logos-symbols/PayIDSymbol.svg +0 -10
  474. package/assets/logos-symbols/PrototypeLargeLogoCentre.svg +0 -9
  475. package/assets/logos-symbols/PrototypeLargeLogoLeft.svg +0 -9
  476. package/assets/logos-symbols/PrototypeLargeLogoRight.svg +0 -9
  477. package/assets/logos-symbols/PrototypeLogo.svg +0 -9
  478. package/assets/logos-symbols/PrototypeSmallLogoCentre.svg +0 -9
  479. package/assets/logos-symbols/PrototypeSmallLogoLeft.svg +0 -9
  480. package/assets/logos-symbols/PrototypeSmallLogoRight.svg +0 -9
  481. package/assets/logos-symbols/RAMSLogo.svg +0 -37
  482. package/assets/logos-symbols/RAMSMultibrandLargeLogoCenter.svg +0 -37
  483. package/assets/logos-symbols/RAMSMultibrandLargeLogoLeft.svg +0 -37
  484. package/assets/logos-symbols/RAMSMultibrandLargeLogoRight.svg +0 -37
  485. package/assets/logos-symbols/RAMSMultibrandSmallLogoCenter.svg +0 -37
  486. package/assets/logos-symbols/RAMSMultibrandSmallLogoLeft.svg +0 -37
  487. package/assets/logos-symbols/RAMSMultibrandSmallLogoRight.svg +0 -37
  488. package/assets/logos-symbols/RedAvatarCircleLogo.svg +0 -12
  489. package/assets/logos-symbols/RedAvatarCircleReversedLogo.svg +0 -11
  490. package/assets/logos-symbols/RedAvatarLogo.svg +0 -11
  491. package/assets/logos-symbols/STGDragonLogo.svg +0 -23
  492. package/assets/logos-symbols/STGLogo.svg +0 -32
  493. package/assets/logos-symbols/STGMultibrandLargeLogoCenter.svg +0 -9
  494. package/assets/logos-symbols/STGMultibrandLargeLogoLeft.svg +0 -9
  495. package/assets/logos-symbols/STGMultibrandLargeLogoRight.svg +0 -9
  496. package/assets/logos-symbols/STGMultibrandSmallLogoCenter.svg +0 -9
  497. package/assets/logos-symbols/STGMultibrandSmallLogoLeft.svg +0 -9
  498. package/assets/logos-symbols/STGMultibrandSmallLogoRight.svg +0 -16
  499. package/assets/logos-symbols/SamsungPayCTA-AddtoBlack.svg +0 -26
  500. package/assets/logos-symbols/SamsungPayCTA-AddtoWhite.svg +0 -26
  501. package/assets/logos-symbols/SamsungPayCTA-DonateBlack.svg +0 -32
  502. package/assets/logos-symbols/SamsungPayCTA-DonateWhite.svg +0 -32
  503. package/assets/logos-symbols/SamsungPayCTA-PartnerBlack.svg +0 -34
  504. package/assets/logos-symbols/SamsungPayCTA-PartnerWhite.svg +0 -34
  505. package/assets/logos-symbols/SamsungPayCTA-PaywithBlack.svg +0 -29
  506. package/assets/logos-symbols/SamsungPayCTA-PaywithWhite.svg +0 -29
  507. package/assets/logos-symbols/SamsungPayHorizontalBlack.svg +0 -19
  508. package/assets/logos-symbols/SamsungPayVerticalBlack.svg +0 -12
  509. package/assets/logos-symbols/SamsungPayVerticalWhite.svg +0 -12
  510. package/assets/logos-symbols/SamsungPayWhite.svg +0 -19
  511. package/assets/logos-symbols/SlackSymbol.svg +0 -14
  512. package/assets/logos-symbols/VisaBlueSymbol.svg +0 -11
  513. package/assets/logos-symbols/VisaSymbol.svg +0 -10
  514. package/assets/logos-symbols/VisaWhiteSymbol.svg +0 -11
  515. package/assets/logos-symbols/WBCMultibrandLargeLogoCenter.svg +0 -3
  516. package/assets/logos-symbols/WBCMultibrandLargeLogoLeft.svg +0 -3
  517. package/assets/logos-symbols/WBCMultibrandLargeLogoRight.svg +0 -3
  518. package/assets/logos-symbols/WBCMultibrandSmallLogoCenter.svg +0 -3
  519. package/assets/logos-symbols/WBCMultibrandSmallLogoLeft.svg +0 -3
  520. package/assets/logos-symbols/WBCMultibrandSmallLogoRight.svg +0 -3
  521. package/assets/logos-symbols/XBlack.svg +0 -3
  522. package/assets/logos-symbols/XWhite.svg +0 -3
  523. package/assets/logos-symbols/YammerSymbol.svg +0 -11
  524. package/assets/logos-symbols/YouTubeSymbol.svg +0 -16
  525. package/assets/logos-symbols/eftposHorizontalPositive.svg +0 -21
  526. package/assets/logos-symbols/eftposHorizontalReversed.svg +0 -21
  527. package/assets/logos-symbols/eftposHorizontalReversedMono.svg +0 -16
  528. package/assets/logos-symbols/eftposVerticalPositive.svg +0 -21
  529. package/assets/logos-symbols/eftposVerticalReversed.svg +0 -21
  530. package/assets/logos-symbols/eftposVerticalWhite.svg +0 -21
  531. package/assets/logos-symbols/google-pay-mark_800.svg +0 -18
  532. package/dist/components/symbol/components/logos/bt-panorama-multibrand-large-logo.d.ts +0 -2
  533. package/dist/components/symbol/components/logos/bt-panorama-multibrand-large-logo.js +0 -63
  534. package/dist/components/symbol/components/logos/bt-panorama-multibrand-small-logo.d.ts +0 -2
  535. package/dist/components/symbol/components/logos/bt-panorama-multibrand-small-logo.js +0 -63
  536. package/dist/components/symbol/components/logos/red-avatar-circle-logo.d.ts +0 -2
  537. package/dist/components/symbol/components/logos/red-avatar-circle-logo.js +0 -25
  538. package/dist/components/symbol/components/logos/red-avatar-circle-reversed-logo.d.ts +0 -2
  539. package/dist/components/symbol/components/logos/red-avatar-circle-reversed-logo.js +0 -22
  540. package/dist/components/symbol/components/logos/red-avatar-logo.d.ts +0 -2
  541. package/dist/components/symbol/components/logos/red-avatar-logo.js +0 -20
  542. package/dist/components/symbol/components/symbols/google-plus-symbol.d.ts +0 -2
  543. package/dist/components/symbol/components/symbols/google-plus-symbol.js +0 -45
  544. package/dist/components/symbol/components/symbols/mastercard-accepted-symbol.d.ts +0 -2
  545. package/dist/components/symbol/components/symbols/mastercard-accepted-symbol.js +0 -31
  546. package/dist/components/symbol/components/symbols/mastercard-horizontal-symbol.d.ts +0 -2
  547. package/dist/components/symbol/components/symbols/mastercard-horizontal-symbol.js +0 -28
  548. package/dist/components/symbol/components/symbols/microsoft-store-symbol.d.ts +0 -2
  549. package/dist/components/symbol/components/symbols/microsoft-store-symbol.js +0 -35
  550. package/dist/components/symbol/components/symbols/pay-to-black-symbol.d.ts +0 -2
  551. package/dist/components/symbol/components/symbols/pay-to-black-symbol.js +0 -16
  552. package/dist/components/symbol/components/symbols/pay-to-dark-grey-symbol.d.ts +0 -2
  553. package/dist/components/symbol/components/symbols/pay-to-dark-grey-symbol.js +0 -16
  554. package/dist/components/symbol/components/symbols/pay-to-light-grey-symbol.js +0 -16
  555. package/dist/components/symbol/components/symbols/pay-to-white-symbol.d.ts +0 -2
  556. package/dist/components/symbol/components/symbols/pay-to-white-symbol.js +0 -16
  557. package/dist/components/symbol/components/symbols/pay-to-wordmark-black-symbol.d.ts +0 -2
  558. package/dist/components/symbol/components/symbols/pay-to-wordmark-black-symbol.js +0 -25
  559. package/dist/components/symbol/components/symbols/pay-to-wordmark-dark-grey-symbol.js +0 -25
  560. package/dist/components/symbol/components/symbols/pay-to-wordmark-light-grey-symbol.d.ts +0 -2
  561. package/dist/components/symbol/components/symbols/pay-to-wordmark-light-grey-symbol.js +0 -25
  562. package/dist/components/symbol/components/symbols/pay-to-wordmark-white-symbol.d.ts +0 -2
  563. package/dist/components/symbol/components/symbols/pay-to-wordmark-white-symbol.js +0 -25
  564. package/dist/components/symbol/components/symbols/slack-symbol.d.ts +0 -2
  565. package/dist/components/symbol/components/symbols/slack-symbol.js +0 -31
  566. package/dist/components/symbol/components/symbols/twitter-symbol.d.ts +0 -2
  567. package/dist/components/symbol/components/symbols/twitter-symbol.js +0 -22
  568. package/dist/components/symbol/components/symbols/visa-symbol.d.ts +0 -2
  569. package/dist/components/symbol/components/symbols/visa-symbol.js +0 -14
  570. package/dist/components/symbol/components/symbols/x-mark-inverse-symbol.js +0 -14
  571. package/dist/components/symbol/components/symbols/x-mark-symbol.js +0 -14
  572. package/dist/components/symbol/components/symbols/yammer-symbol.d.ts +0 -2
  573. package/dist/components/symbol/components/symbols/yammer-symbol.js +0 -22
  574. package/src/components/symbol/components/logos/bt-panorama-multibrand-large-logo.tsx +0 -80
  575. package/src/components/symbol/components/logos/bt-panorama-multibrand-small-logo.tsx +0 -80
  576. package/src/components/symbol/components/logos/red-avatar-circle-logo.tsx +0 -35
  577. package/src/components/symbol/components/logos/red-avatar-circle-reversed-logo.tsx +0 -31
  578. package/src/components/symbol/components/logos/red-avatar-logo.tsx +0 -34
  579. package/src/components/symbol/components/symbols/google-plus-symbol.tsx +0 -43
  580. package/src/components/symbol/components/symbols/mastercard-accepted-symbol.tsx +0 -44
  581. package/src/components/symbol/components/symbols/mastercard-horizontal-symbol.tsx +0 -43
  582. package/src/components/symbol/components/symbols/microsoft-store-symbol.tsx +0 -38
  583. package/src/components/symbol/components/symbols/pay-to-black-symbol.tsx +0 -30
  584. package/src/components/symbol/components/symbols/pay-to-dark-grey-symbol.tsx +0 -30
  585. package/src/components/symbol/components/symbols/pay-to-light-grey-symbol.tsx +0 -30
  586. package/src/components/symbol/components/symbols/pay-to-white-symbol.tsx +0 -30
  587. package/src/components/symbol/components/symbols/pay-to-wordmark-black-symbol.tsx +0 -42
  588. package/src/components/symbol/components/symbols/pay-to-wordmark-dark-grey-symbol.tsx +0 -42
  589. package/src/components/symbol/components/symbols/pay-to-wordmark-light-grey-symbol.tsx +0 -42
  590. package/src/components/symbol/components/symbols/pay-to-wordmark-white-symbol.tsx +0 -42
  591. package/src/components/symbol/components/symbols/slack-symbol.tsx +0 -43
  592. package/src/components/symbol/components/symbols/twitter-symbol.tsx +0 -31
  593. package/src/components/symbol/components/symbols/visa-symbol.tsx +0 -28
  594. package/src/components/symbol/components/symbols/x-mark-inverse-symbol.tsx +0 -28
  595. package/src/components/symbol/components/symbols/x-mark-symbol.tsx +0 -28
  596. package/src/components/symbol/components/symbols/yammer-symbol.tsx +0 -31
@@ -21,27 +21,33 @@ export function BOMShieldLogo({
21
21
  viewBoxHeight={viewBoxHeight}
22
22
  {...props}
23
23
  >
24
- {' '}
25
- <polygon points="0 0 0 13 6.5 6.5 " fill="#685AC0" />
26
- <polygon points="13 0 0 0 6.5 6.5 " fill="#A094FC" />
27
- <polygon points="13 13 13 0 6.5 6.5 " fill="#685AC0" />
28
- <polygon points="0 13 13 13 6.5 6.5 " fill="#20024E" />
29
- <polygon points="13 0 13 13 19.5 6.5 " fill="#C2BFEB" />
30
- <polygon points="26 0 13 0 19.5 6.5 " fill="#685AC0" />
31
- <polygon points="26 13 26 0 19.5 6.5 " fill="#20024E" />
32
- <polygon points="13 13 26 13 19.5 6.5 " fill="#685AC0" />
33
- <polygon points="13 13 13 26 19.5 19.5 " fill="#C2BFEB" />
34
- <polygon points="26 13 13 13 19.5 19.5 " fill="#A094FC" />
35
- <polygon points="26 26 26 13 19.5 19.5 " fill="#685AC0" />
36
- <polygon points="13 26 26 26 19.5 19.5 " fill="#20024E" />
37
- <polygon points="0 13 0 26 6.5 19.5 " fill="#685AC0" />
38
- <polygon points="13 13 0 13 6.5 19.5 " fill="#C2BFEB" />
39
- <polygon points="13 26 13 13 6.5 19.5 " fill="#20024E" />
40
- <polygon points="0 26 13 26 6.5 19.5 " fill="#A094FC" />
41
- <polygon points="13 26 13 39 19.5 32.5 " fill="#C2BFEB" />
42
- <polygon points="26 26 13 26 19.5 32.5 " fill="#685AC0" />
43
- <polygon points="13 26 0 26 6.5 32.5 " fill="#C2BFEB" />
44
- <polygon points="13 39 13 26 6.5 32.5 " fill="#20024E" />
24
+ <g clipPath="url(#clip0_139_1431)">
25
+ <path d="M0 0V13L6.5 6.5L0 0Z" fill="#685AC0" />
26
+ <path d="M13 0H0L6.5 6.5L13 0Z" fill="#A094FC" />
27
+ <path d="M13 13V0L6.5 6.5L13 13Z" fill="#685AC0" />
28
+ <path d="M0 13H13L6.5 6.5L0 13Z" fill="#20024E" />
29
+ <path d="M13 0V13L19.5 6.5L13 0Z" fill="#C2BFEB" />
30
+ <path d="M26 0H13L19.5 6.5L26 0Z" fill="#685AC0" />
31
+ <path d="M26 13V0L19.5 6.5L26 13Z" fill="#20024E" />
32
+ <path d="M13 13H26L19.5 6.5L13 13Z" fill="#685AC0" />
33
+ <path d="M13 13V26L19.5 19.5L13 13Z" fill="#C2BFEB" />
34
+ <path d="M26 13H13L19.5 19.5L26 13Z" fill="#A094FC" />
35
+ <path d="M26 26V13L19.5 19.5L26 26Z" fill="#685AC0" />
36
+ <path d="M13 26H26L19.5 19.5L13 26Z" fill="#20024E" />
37
+ <path d="M0 13V26L6.5 19.5L0 13Z" fill="#685AC0" />
38
+ <path d="M13 13H0L6.5 19.5L13 13Z" fill="#C2BFEB" />
39
+ <path d="M13 26V13L6.5 19.5L13 26Z" fill="#20024E" />
40
+ <path d="M0 26H13L6.5 19.5L0 26Z" fill="#A094FC" />
41
+ <path d="M13 26V39L19.5 32.5L13 26Z" fill="#C2BFEB" />
42
+ <path d="M26 26H13L19.5 32.5L26 26Z" fill="#685AC0" />
43
+ <path d="M13 26H0L6.5 32.5L13 26Z" fill="#C2BFEB" />
44
+ <path d="M13 39V26L6.5 32.5L13 39Z" fill="#20024E" />
45
+ </g>
46
+ <defs>
47
+ <clipPath id="clip0_139_1431">
48
+ <rect width="26" height="39" fill="white" />
49
+ </clipPath>
50
+ </defs>
45
51
  </Symbol>
46
52
  );
47
53
  }
@@ -4,66 +4,58 @@ import React from 'react';
4
4
  import { Symbol } from '../../symbol.component.js';
5
5
  import { type SymbolProps } from '../../symbol.types.js';
6
6
 
7
- export const BSALogo = ({
7
+ export function BSALogo({
8
8
  'aria-label': ariaLabel = 'Bank SA',
9
9
  copyrightYear = '2025',
10
10
  viewBoxWidth = 90,
11
11
  viewBoxHeight = 41,
12
12
  className,
13
- mode = 'auto',
14
13
  ...props
15
- }: SymbolProps) => (
16
- <Symbol
17
- className={clsx('h-[41px] w-[90px]', className)}
18
- aria-label={ariaLabel}
19
- copyrightYear={copyrightYear}
20
- viewBoxWidth={viewBoxWidth}
21
- viewBoxHeight={viewBoxHeight}
22
- {...props}
23
- >
24
- <path
25
- d="M58 25.5c-0.9 0-2-0.5-2-1.5V2c0-1 1-2 2-2h30c1 0 2 1 2 2v38.2c0 0.5-0.4 0.8-0.9 0.8 -0.6 0-0.8-0.5-0.9-0.8C79.7 25.5 58.9 25.5 58 25.5z"
26
- fill="#E91B2B"
27
- />
28
- <path
29
- d="M80 7l-2.1 8.5c0 0 0 0.1 0.1 0.1l4.4 0c0 0 0.1 0 0.1-0.1L80.4 7C80.3 6.6 80.1 6.6 80 7zM82.3 2.8c0.4 0 0.7 0.2 0.7 0.5l4.7 18.3c0.1 0.2 0.1 0.4 0.1 0.5 0 0.3-0.3 0.6-0.7 0.6l-2.3 0c-0.4 0-0.6-0.3-0.7-0.6l-0.9-3.5c0 0 0 0-0.1 0l-5.9 0c0 0 0 0-0.1 0l-0.9 3.5c-0.1 0.3-0.3 0.6-0.7 0.6l-2.3 0c-0.4 0-0.7-0.3-0.7-0.6 0 0 0-0.3 0.1-0.5l4.7-18.3c0.1-0.3 0.3-0.5 0.7-0.5L82.3 2.8z"
30
- fill="#fff"
31
- />
32
- <path
33
- d="M62.3 7.5c0 1.4 0.7 1.9 2.3 2.8l3.5 2c2.4 1.4 3.3 2.9 3.3 5.5 0 3.5-2.7 5.3-6.5 5.3 -3.7 0-6.4-1.8-6.4-5.4l0-1.2c0-0.4 0.4-0.8 0.9-0.8l2 0c0.5 0 0.9 0.4 0.9 0.8l0 1.2c0 1.4 1.1 2.3 2.6 2.3 1.7 0 2.6-0.7 2.6-2.2h0c0-1.8-1.5-2.6-2.6-3.2L61 12.4c-1.8-1-2.5-3-2.5-4.6 0-3.5 2.6-5.6 6.5-5.6 3.7 0 6.4 1.9 6.4 5.5l0 0.6C71.4 8.7 71 9 70.5 9l-2 0c-0.5 0-0.9-0.4-0.9-0.8l0-0.6C67.6 6.2 66.7 5 65 5 63.3 5 62.3 5.9 62.3 7.5L62.3 7.5z"
34
- fill="#fff"
35
- />
36
- <path
37
- d="M21.5 15.7C21.5 15.6 21.5 15.6 21.5 15.7l-3.6 1.4c-1 0.4-1.2 1.1-1.2 1.7 0 1 0.3 1.9 2.3 1.9 1.4 0 2.4-1 2.4-2.2L21.5 15.7zM13 19.2c0-2.3 1.2-3.6 3.1-4.3l3.8-1.4c1.2-0.4 1.6-0.8 1.6-1.6 0-1-0.8-1.7-2.2-1.7 -1.3 0-2.2 0.7-2.2 1.8l0 0c0 0.4-0.4 0.8-0.9 0.8l-1.7 0c-0.5 0-0.9-0.4-0.9-0.8l0 0c0-2.6 2.3-4.6 5.7-4.6 3.7 0 5.5 2.2 5.5 4.9l0 9.8c0 0.4-0.4 0.8-0.9 0.8l-1.7 0c-0.5 0-0.9-0.4-0.9-0.8l0-0.1c0-0.3-0.1-0.3-0.3-0.1 -0.9 0.9-2.2 1.4-3.6 1.4C15.6 23.2 13 22.2 13 19.2"
38
- className={clsx({
39
- 'fill-[#002F6C]': mode === 'light',
40
- 'fill-white': mode === 'dark',
41
- 'fill-[#002F6C] dark:fill-white': mode === 'auto',
42
- })}
43
- />
44
- <path
45
- d="M41.1 3.8C41.1 3.4 41.5 3 42 3l1.7 0c0.5 0 0.9 0.4 0.9 0.8l0 9.6c0 0.3 0.1 0.3 0.3 0.1l3.9-4.6c0.3-0.4 0.5-0.6 1-0.6l2.1 0c0.5 0 0.8 0.2 0.8 0.5 0 0.1-0.1 0.4-0.2 0.5l-4.4 5.2c-0.1 0.1-0.1 0.2 0 0.2l5 7c0.1 0.2 0.1 0.3 0.1 0.4 0 0.4-0.4 0.7-0.9 0.7l-1.9 0c-0.5 0-0.8-0.4-1.1-0.8l-4.3-6.2c-0.2-0.3-0.3-0.2-0.3 0.1l0 6.1c0 0.4-0.4 0.8-0.9 0.8l-1.7 0c-0.5 0-0.9-0.4-0.9-0.8L41.1 3.8z"
46
- className={clsx({
47
- 'fill-[#002F6C]': mode === 'light',
48
- 'fill-white': mode === 'dark',
49
- 'fill-[#002F6C] dark:fill-white': mode === 'auto',
50
- })}
51
- />
52
- <path
53
- d="M38.8 11.6c0-2.2-1.7-4.2-4.1-4.2 -1.5 0-2.8 0.6-3.5 1.6 -0.2 0.3-0.3 0.2-0.3-0.1V8.7c0-0.4-0.4-0.8-0.9-0.8l-1.7 0c-0.5 0-0.9 0.4-0.9 0.8l0 5v7.9h0l0 0.6c0 0.4 0.4 0.8 0.9 0.8l1.7 0c0.5 0 0.9-0.4 0.9-0.8l0-0.7v-9.9c0.3-0.5 0.9-1.1 1.7-1.3 0.2 0 0.4-0.1 0.6-0.1 0.7 0 1.2 0.2 1.6 0.6 0 0 0 0 0 0 0 0 0 0 0.1 0.1 0.3 0.3 0.5 0.7 0.5 1.1 0 0.2 0 0.3 0 0.5l0 9.7c0 0.4 0.4 0.8 0.9 0.8l1.7 0c0.5 0 0.9-0.4 0.9-0.8L38.8 11.6z"
54
- className={clsx({
55
- 'fill-[#002F6C]': mode === 'light',
56
- 'fill-white': mode === 'dark',
57
- 'fill-[#002F6C] dark:fill-white': mode === 'auto',
58
- })}
59
- />
60
- <path
61
- d="M11.5 11.3c0-2.1-1.9-3.9-4.1-3.9C5.8 7.4 4.6 8 3.9 9 3.7 9.3 3.5 9.2 3.5 8.9l0-5.1C3.5 3.4 3.1 3 2.6 3L0.9 3C0.4 3 0 3.4 0 3.8l0 18.3c0 0.4 0.4 0.8 0.9 0.8l1.7 0c0.5 0 0.9-0.4 0.9-0.8v-0.2c0-0.3 0.1-0.4 0.3-0.1 0.7 1 2 1.4 3.5 1.4 2.3 0 4.1-1.6 4.1-4 0 0 0.1-1.5 0.1-3.9S11.5 11.3 11.5 11.3zM8 18.3c0 1.3-0.8 2.2-2.2 2.2 -0.9 0-1.9-0.6-2.2-1.4v-7.4c0.4-0.8 1.3-1.3 2.2-1.3 1.4 0 2.2 0.9 2.2 2.2 0 0 0 0.8 0 2.6C8 17.2 8 18.3 8 18.3z"
62
- className={clsx({
63
- 'fill-[#002F6C]': mode === 'light',
64
- 'fill-white': mode === 'dark',
65
- 'fill-[#002F6C] dark:fill-white': mode === 'auto',
66
- })}
67
- />
68
- </Symbol>
69
- );
14
+ }: SymbolProps) {
15
+ return (
16
+ <Symbol
17
+ className={clsx('h-[41px] w-[90px]', className)}
18
+ aria-label={ariaLabel}
19
+ copyrightYear={copyrightYear}
20
+ viewBoxWidth={viewBoxWidth}
21
+ viewBoxHeight={viewBoxHeight}
22
+ {...props}
23
+ >
24
+ <g clipPath="url(#clip0_139_1244)">
25
+ <path
26
+ d="M58 25.5C57.1 25.5 56 25 56 24V2C56 1 57 0 58 0H88C89 0 90 1 90 2V40.2C90 40.7 89.6 41 89.1 41C88.5 41 88.3 40.5 88.2 40.2C79.7 25.5 58.9 25.5 58 25.5Z"
27
+ fill="#E91B2B"
28
+ />
29
+ <path
30
+ d="M80 7.00005L77.9 15.5C77.9 15.5 77.9 15.6 78 15.6H82.4C82.4 15.6 82.5 15.6 82.5 15.5L80.4 7.00005C80.3 6.60005 80.1 6.60005 80 7.00005ZM82.3 2.80005C82.7 2.80005 83 3.00005 83 3.30005L87.7 21.6C87.8 21.8 87.8 22 87.8 22.1C87.8 22.4 87.5 22.7001 87.1 22.7001H84.8C84.4 22.7001 84.2 22.4 84.1 22.1L83.2 18.6C83.2 18.6 83.2 18.6 83.1 18.6H77.2C77.2 18.6 77.2 18.6 77.1 18.6L76.2 22.1C76.1 22.4 75.9 22.7001 75.5 22.7001H73.2C72.8 22.7001 72.5 22.4 72.5 22.1C72.5 22.1 72.5 21.8 72.6 21.6L77.3 3.30005C77.4 3.00005 77.6 2.80005 78 2.80005H82.3Z"
31
+ fill="white"
32
+ />
33
+ <path
34
+ d="M62.3 7.49995C62.3 8.89995 63 9.39995 64.6 10.3L68.1 12.3C70.5 13.7 71.4 15.2 71.4 17.8C71.4 21.3 68.7 23.1 64.9 23.1C61.2 23.1 58.5 21.3 58.5 17.7V16.5C58.5 16.1 58.9 15.7 59.4 15.7H61.4C61.9 15.7 62.3 16.1 62.3 16.5V17.7C62.3 19.1 63.4 20 64.9 20C66.6 20 67.5 19.3 67.5 17.8C67.5 16 66 15.2 64.9 14.6L61 12.4C59.2 11.4 58.5 9.39995 58.5 7.79995C58.5 4.29995 61.1 2.19995 65 2.19995C68.7 2.19995 71.4 4.09995 71.4 7.69995V8.29995C71.4 8.69995 71 8.99995 70.5 8.99995H68.5C68 8.99995 67.6 8.59995 67.6 8.19995V7.59995C67.6 6.19995 66.7 4.99995 65 4.99995C63.3 4.99995 62.3 5.89995 62.3 7.49995Z"
35
+ fill="white"
36
+ />
37
+ <path
38
+ d="M21.5 15.7C21.5 15.6 21.5 15.6 21.5 15.7L17.9 17.1C16.9 17.5 16.7 18.2 16.7 18.8C16.7 19.8 17 20.7 19 20.7C20.4 20.7 21.4 19.7 21.4 18.5L21.5 15.7ZM13 19.2C13 16.9 14.2 15.6 16.1 14.9L19.9 13.5C21.1 13.1 21.5 12.7 21.5 11.9C21.5 10.9 20.7 10.2 19.3 10.2C18 10.2 17.1 10.9 17.1 12C17.1 12.4 16.7 12.8 16.2 12.8H14.5C14 12.8 13.6 12.4 13.6 12C13.6 9.40002 15.9 7.40002 19.3 7.40002C23 7.40002 24.8 9.60002 24.8 12.3V22.1C24.8 22.5 24.4 22.9 23.9 22.9H22.2C21.7 22.9 21.3 22.5 21.3 22.1V22C21.3 21.7 21.2 21.7 21 21.9C20.1 22.8 18.8 23.3 17.4 23.3C15.6 23.2 13 22.2 13 19.2Z"
39
+ className="fill-[#002F6C]"
40
+ />
41
+ <path
42
+ d="M41.1001 3.8C41.1001 3.4 41.5001 3 42.0001 3H43.7001C44.2001 3 44.6001 3.4 44.6001 3.8V13.4C44.6001 13.7 44.7001 13.7 44.9001 13.5L48.8001 8.9C49.1001 8.5 49.3001 8.3 49.8001 8.3H51.9001C52.4001 8.3 52.7001 8.5 52.7001 8.8C52.7001 8.9 52.6001 9.2 52.5001 9.3L48.1001 14.5C48.0001 14.6 48.0001 14.7 48.1001 14.7L53.1001 21.7C53.2001 21.9 53.2001 22 53.2001 22.1C53.2001 22.5 52.8001 22.8 52.3001 22.8H50.4001C49.9001 22.8 49.6001 22.4 49.3001 22L45.0001 15.8C44.8001 15.5 44.7001 15.6 44.7001 15.9V22C44.7001 22.4 44.3001 22.8 43.8001 22.8H42.1001C41.6001 22.8 41.2001 22.4 41.2001 22L41.1001 3.8Z"
43
+ className="fill-[#002F6C]"
44
+ />
45
+ <path
46
+ d="M38.7999 11.6C38.7999 9.40002 37.0999 7.40002 34.6999 7.40002C33.1999 7.40002 31.8999 8.00002 31.1999 9.00002C30.9999 9.30002 30.8999 9.20002 30.8999 8.90002V8.70002C30.8999 8.30002 30.4999 7.90002 29.9999 7.90002H28.2999C27.7999 7.90002 27.3999 8.30002 27.3999 8.70002V13.7V21.6V22.2C27.3999 22.6 27.7999 23 28.2999 23H29.9999C30.4999 23 30.8999 22.6 30.8999 22.2V21.5V11.6C31.1999 11.1 31.7999 10.5 32.5999 10.3C32.7999 10.3 32.9999 10.2 33.1999 10.2C33.8999 10.2 34.3999 10.4 34.7999 10.8C34.7999 10.8 34.7999 10.8 34.8999 10.9C35.1999 11.2 35.3999 11.6 35.3999 12C35.3999 12.2 35.3999 12.3 35.3999 12.5V22.2C35.3999 22.6 35.7999 23 36.2999 23H37.9999C38.4999 23 38.8999 22.6 38.8999 22.2L38.7999 11.6Z"
47
+ className="fill-[#002F6C]"
48
+ />
49
+ <path
50
+ d="M11.5 11.3C11.5 9.2 9.6 7.4 7.4 7.4C5.8 7.4 4.6 8 3.9 9C3.7 9.3 3.5 9.2 3.5 8.9V3.8C3.5 3.4 3.1 3 2.6 3H0.9C0.4 3 0 3.4 0 3.8V22.1C0 22.5 0.4 22.9 0.9 22.9H2.6C3.1 22.9 3.5 22.5 3.5 22.1V21.9C3.5 21.6 3.6 21.5 3.8 21.8C4.5 22.8 5.8 23.2 7.3 23.2C9.6 23.2 11.4 21.6 11.4 19.2C11.4 19.2 11.5 17.7 11.5 15.3C11.5 12.9 11.5 11.3 11.5 11.3ZM8 18.3C8 19.6 7.2 20.5 5.8 20.5C4.9 20.5 3.9 19.9 3.6 19.1V11.7C4 10.9 4.9 10.4 5.8 10.4C7.2 10.4 8 11.3 8 12.6C8 12.6 8 13.4 8 15.2C8 17.2 8 18.3 8 18.3Z"
51
+ className="fill-[#002F6C]"
52
+ />
53
+ </g>
54
+ <defs>
55
+ <clipPath id="clip0_139_1244">
56
+ <rect width="90" height="41" fill="white" />
57
+ </clipPath>
58
+ </defs>
59
+ </Symbol>
60
+ );
61
+ }
@@ -4,7 +4,7 @@ import React from 'react';
4
4
  import { Symbol } from '../../symbol.component.js';
5
5
  import { type SymbolProps } from '../../symbol.types.js';
6
6
 
7
- export const BSAMultibrandLargeLogo = ({
7
+ export function BSAMultibrandLargeLogo({
8
8
  'aria-label': ariaLabel = 'Bank SA',
9
9
  copyrightYear = '2025',
10
10
  viewBoxWidth = 180,
@@ -12,34 +12,31 @@ export const BSAMultibrandLargeLogo = ({
12
12
  align = 'left',
13
13
  offset = [null, 45, 90],
14
14
  className,
15
- mode = 'auto',
16
15
  ...props
17
- }: SymbolProps) => (
18
- <Symbol
19
- className={clsx('h-[65px] w-[180px]', className)}
20
- aria-label={ariaLabel}
21
- align={align}
22
- offset={offset}
23
- copyrightYear={copyrightYear}
24
- viewBoxWidth={viewBoxWidth}
25
- viewBoxHeight={viewBoxHeight}
26
- {...props}
27
- >
28
- <path
29
- fill="#D81B2B"
30
- d="M58,43.5002 C57.063,43.5002 56,43.0002 56,42.0002 L56,20.0002 C56,19.0162 57.028,17.9972 58,18.0002 L88,18.0002 C88.984,17.9842 90,19.0312 90,20.0002 L90,58.1592 C90,58.6092 89.576,59.0002 89.053,59.0002 C89.053,59.0002 89.375,59.0002 89.053,59.0002 C88.475,59.0002 88.252,58.4782 88.105,58.2212 C79.685,43.4862 58.937,43.5002 58,43.5002"
31
- />
32
- <path
33
- fill="#FFF"
34
- d="M82.292 20.7609C82.667 20.7609 82.947 20.9859 83.009 21.2659L87.722 39.6079C87.785 39.8329 87.816 40.0579 87.816 40.0849 87.816 40.3949 87.535 40.6749 87.129 40.6749L84.82 40.6749C84.445 40.6749 84.227 40.3949 84.133 40.0579L83.209 36.5619C83.202 36.5359 83.179 36.5189 83.152 36.5189L77.25 36.5189C77.224 36.5189 77.2 36.5359 77.193 36.5619L76.269 40.0579C76.175 40.3949 75.957 40.6749 75.582 40.6749L73.272 40.6749C72.866 40.6749 72.585 40.3949 72.585 40.0849 72.585 40.0579 72.617 39.8329 72.679 39.6079L77.392 21.2659C77.455 20.9859 77.735 20.7609 78.109 20.7609L82.292 20.7609zM80.023 24.9969L77.94 33.5249C77.931 33.5619 77.959 33.5969 77.997 33.5969L82.405 33.5969C82.443 33.5969 82.471 33.5619 82.462 33.5249L80.378 24.9969C80.28 24.5979 80.121 24.5979 80.023 24.9969L80.023 24.9969zM62.3076 25.4875C62.3076 26.8445 63.0256 27.4175 64.5856 28.3155L68.0846 30.3475C70.4556 31.7235 71.4216 33.2325 71.4216 35.8455 71.4216 39.3845 68.7686 41.1155 64.9296 41.1155 61.2466 41.1155 58.4996 39.3545 58.4996 35.7595L58.5186 34.6075C58.5186 34.1865 58.9246 33.8215 59.4236 33.8215L61.4026 33.8215C61.9016 33.8215 62.3076 34.1865 62.3076 34.6085L62.3076 35.7595C62.3076 37.1925 63.3696 38.1015 64.9296 38.1015 66.6456 38.1015 67.5496 37.4115 67.5496 35.8665L67.5506 35.8665C67.5506 34.0845 66.0316 33.3045 64.9386 32.6585L61.0196 30.3585C59.2356 29.3315 58.4996 27.3885 58.4996 25.7885 58.4996 22.2495 61.0596 20.1425 64.9916 20.1425 68.7056 20.1425 71.4206 21.9965 71.4206 25.6205L71.4026 26.2385C71.4026 26.6595 70.9966 27.0245 70.4976 27.0245L68.5186 27.0245C68.0186 27.0245 67.6146 26.6595 67.6136 26.2385L67.6136 25.6205C67.6136 24.1865 66.7076 23.0325 64.9916 23.0325 63.2756 23.0325 62.3076 23.9415 62.3076 25.4875"
35
- />
36
- <path
37
- className={clsx({
38
- 'fill-[#002F6C]': mode === 'light',
39
- 'fill-white': mode === 'dark',
40
- 'fill-[#002F6C] dark:fill-white': mode === 'auto',
41
- })}
42
- d="M13.0493 37.1887C13.0493 34.8597 14.2343 33.5967 16.1043 32.8967L19.9073 31.4927C21.0913 31.0437 21.4963 30.7357 21.4963 29.9217 21.4963 28.9127 20.6863 28.2107 19.3153 28.2107 18.0363 28.2107 17.1643 28.9397 17.1643 30.0347L17.1643 30.0667C17.1643 30.4867 16.7583 30.8517 16.2913 30.8517L14.6393 30.8517C14.1403 30.8517 13.7663 30.4867 13.7663 30.0667L13.7663 30.0347C13.7663 27.3967 16.1043 25.4057 19.5013 25.4057 23.2113 25.4057 24.9883 27.5927 24.9883 30.2877L24.9883 40.1057C24.9883 40.5267 24.5833 40.8917 24.0843 40.8917L22.4013 40.8917C21.9023 40.8917 21.4973 40.5267 21.4973 40.1057L21.4973 39.9667C21.4973 39.7157 21.3623 39.6657 21.1843 39.8427 20.2963 40.7347 18.9793 41.2007 17.5383 41.2007 15.6363 41.2007 13.0493 40.2177 13.0493 37.1887L13.0493 37.1887zM21.4963 33.6577C21.4963 33.6157 21.4543 33.5867 21.4153 33.6037L17.9433 35.0847C16.9463 35.5037 16.7583 36.2347 16.7583 36.7667 16.7583 37.7217 17.0703 38.6747 19.0653 38.6747 20.4673 38.6747 21.4973 37.6367 21.4973 36.4877L21.4963 33.6577zM41.0635 21.7863C41.0635 21.3653 41.4685 21.0003 41.9675 21.0003L43.6825 21.0003C44.1805 21.0003 44.5855 21.3653 44.5855 21.7863L44.5855 31.3623C44.5855 31.6353 44.7305 31.6873 44.9065 31.4793L48.7945 26.8923C49.1375 26.4993 49.3245 26.2743 49.8235 26.2743L51.9115 26.2743C52.3785 26.2743 52.7535 26.4713 52.7535 26.8073 52.7535 26.9483 52.6905 27.1723 52.5665 27.3413L48.1385 32.5633C48.0845 32.6273 48.0805 32.7193 48.1285 32.7873L53.0965 39.7413C53.2205 39.9103 53.2205 40.0783 53.2205 40.1903 53.2205 40.6103 52.8475 40.8913 52.2855 40.8913L50.3535 40.8913C49.8555 40.8913 49.5115 40.4993 49.2625 40.1053L44.9165 33.9003C44.7345 33.6403 44.5855 33.6873 44.5855 34.0053L44.5865 40.1053C44.5865 40.5263 44.1815 40.8913 43.6825 40.8913L41.9675 40.8913C41.4685 40.8913 41.0635 40.5263 41.0635 40.1053L41.0635 21.7863zM38.8154 29.5578C38.8154 27.3978 37.1014 25.4058 34.7004 25.4058 33.1624 25.4058 31.8944 26.0358 31.1664 27.0188 30.9764 27.2758 30.8354 27.2348 30.8354 26.9148L30.8354 26.6668C30.8354 26.2458 30.4304 25.8818 29.9314 25.8818L28.2164 25.8818C27.7184 25.8818 27.3134 26.2458 27.3134 26.6668L27.3134 31.6188 27.3134 39.5068 27.3134 39.5068 27.3134 40.1058C27.3134 40.5268 27.7184 40.8918 28.2174 40.8918L29.9314 40.8918C30.4304 40.8918 30.8354 40.5268 30.8354 40.1058L30.8354 39.4398 30.8354 29.5348C31.1294 28.9858 31.7654 28.4288 32.5064 28.2818 32.6864 28.2378 32.8774 28.2108 33.0804 28.2108 33.7394 28.2108 34.2654 28.4118 34.6404 28.7608 34.6484 28.7678 34.6554 28.7758 34.6634 28.7828 34.6824 28.7998 34.7014 28.8178 34.7194 28.8358 35.0264 29.1328 35.2164 29.5168 35.2494 29.9398 35.2774 30.1028 35.2934 30.2748 35.2934 30.4548L35.2934 40.1058C35.2934 40.5268 35.6984 40.8918 36.1974 40.8918L37.9114 40.8918C38.4104 40.8918 38.8154 40.5268 38.8154 40.1058L38.8154 29.5578zM7.9805 36.3186C7.9805 37.6656 7.1695 38.5626 5.7675 38.5626 4.8835 38.5626 3.8925 38.0116 3.5225 37.2086L3.5225 29.8036C3.8815 29.0156 4.8365 28.4916 5.7675 28.4916 7.1695 28.4916 7.9805 29.4176 7.9805 30.7356 7.9805 30.7356 8.0175 31.4966 8.0175 33.3476 8.0175 35.2006 7.9805 36.3186 7.9805 36.3186M11.4655 29.2766C11.4655 27.1446 9.6015 25.4056 7.3875 25.4056 5.8495 25.4056 4.5815 26.0356 3.8535 27.0186 3.6635 27.2756 3.5225 27.2346 3.5225 26.9156L3.5225 21.7866C3.5225 21.3656 3.1175 21.0006 2.6185 21.0006L.9035 21.0006C.4055 21.0006.0005 21.3656.0005 21.7866L.0005 40.1056C.0005 40.5266.4055 40.8916.9045 40.8916L2.6195 40.8916C3.1175 40.8916 3.5225 40.5266 3.5225 40.1056L3.5225 39.8586C3.5225 39.5396 3.6635 39.4986 3.8535 39.7556 4.5815 40.7386 5.8495 41.2016 7.3885 41.2016 9.6945 41.2016 11.4655 39.5736 11.4655 37.2156 11.4655 37.2156 11.5395 35.6946 11.5395 33.3536 11.5395 31.0126 11.4655 29.2766 11.4655 29.2766"
43
- />
44
- </Symbol>
45
- );
16
+ }: SymbolProps) {
17
+ return (
18
+ <Symbol
19
+ className={clsx('h-[65px] w-[180px]', className)}
20
+ aria-label={ariaLabel}
21
+ align={align}
22
+ offset={offset}
23
+ copyrightYear={copyrightYear}
24
+ viewBoxWidth={viewBoxWidth}
25
+ viewBoxHeight={viewBoxHeight}
26
+ {...props}
27
+ >
28
+ <path
29
+ d="M58 43.5002C57.063 43.5002 56 43.0002 56 42.0002V20.0002C56 19.0162 57.028 17.9972 58 18.0002H88C88.984 17.9842 90 19.0312 90 20.0002V58.1592C90 58.6092 89.576 59.0002 89.053 59.0002C89.053 59.0002 89.375 59.0002 89.053 59.0002C88.475 59.0002 88.252 58.4782 88.105 58.2212C79.685 43.4862 58.937 43.5002 58 43.5002Z"
30
+ fill="#D81B2B"
31
+ />
32
+ <path
33
+ d="M82.2924 20.761C82.6674 20.761 82.9474 20.986 83.0094 21.266L87.7224 39.608C87.7854 39.833 87.8164 40.058 87.8164 40.085C87.8164 40.395 87.5354 40.675 87.1294 40.675H84.8204C84.4454 40.675 84.2274 40.395 84.1334 40.058L83.2094 36.562C83.2024 36.536 83.1794 36.519 83.1524 36.519H77.2504C77.2244 36.519 77.2004 36.536 77.1934 36.562L76.2694 40.058C76.1754 40.395 75.9574 40.675 75.5824 40.675H73.2724C72.8664 40.675 72.5854 40.395 72.5854 40.085C72.5854 40.058 72.6174 39.833 72.6794 39.608L77.3924 21.266C77.4554 20.986 77.7354 20.761 78.1094 20.761H82.2924ZM80.0234 24.997L77.9404 33.525C77.9314 33.562 77.9594 33.597 77.9974 33.597H82.4054C82.4434 33.597 82.4714 33.562 82.4624 33.525L80.3784 24.997C80.2804 24.598 80.1214 24.598 80.0234 24.997ZM62.308 25.4876C62.308 26.8446 63.026 27.4176 64.586 28.3156L68.085 30.3476C70.456 31.7236 71.422 33.2326 71.422 35.8456C71.422 39.3846 68.769 41.1156 64.93 41.1156C61.247 41.1156 58.5 39.3546 58.5 35.7596L58.519 34.6076C58.519 34.1866 58.925 33.8216 59.424 33.8216H61.403C61.902 33.8216 62.308 34.1866 62.308 34.6086V35.7596C62.308 37.1926 63.37 38.1016 64.93 38.1016C66.646 38.1016 67.55 37.4116 67.55 35.8666H67.551C67.551 34.0846 66.032 33.3046 64.939 32.6586L61.02 30.3586C59.236 29.3316 58.5 27.3886 58.5 25.7886C58.5 22.2496 61.06 20.1426 64.992 20.1426C68.706 20.1426 71.421 21.9966 71.421 25.6206L71.403 26.2386C71.403 26.6596 70.997 27.0246 70.498 27.0246H68.519C68.019 27.0246 67.615 26.6596 67.614 26.2386V25.6206C67.614 24.1866 66.708 23.0326 64.992 23.0326C63.276 23.0326 62.308 23.9416 62.308 25.4876Z"
34
+ fill="white"
35
+ />
36
+ <path
37
+ d="M13.0488 37.1886C13.0488 34.8596 14.2338 33.5966 16.1038 32.8966L19.9068 31.4926C21.0908 31.0436 21.4958 30.7356 21.4958 29.9216C21.4958 28.9126 20.6858 28.2106 19.3148 28.2106C18.0358 28.2106 17.1638 28.9396 17.1638 30.0346V30.0666C17.1638 30.4866 16.7578 30.8516 16.2908 30.8516H14.6388C14.1398 30.8516 13.7658 30.4866 13.7658 30.0666V30.0346C13.7658 27.3966 16.1038 25.4056 19.5008 25.4056C23.2108 25.4056 24.9878 27.5926 24.9878 30.2876V40.1056C24.9878 40.5266 24.5828 40.8916 24.0838 40.8916H22.4008C21.9018 40.8916 21.4968 40.5266 21.4968 40.1056V39.9666C21.4968 39.7156 21.3618 39.6656 21.1838 39.8426C20.2958 40.7346 18.9788 41.2006 17.5378 41.2006C15.6358 41.2006 13.0488 40.2176 13.0488 37.1886ZM21.4958 33.6576C21.4958 33.6156 21.4538 33.5866 21.4148 33.6036L17.9428 35.0846C16.9458 35.5036 16.7578 36.2346 16.7578 36.7666C16.7578 37.7216 17.0698 38.6746 19.0648 38.6746C20.4668 38.6746 21.4968 37.6366 21.4968 36.4876L21.4958 33.6576ZM41.063 21.7862C41.063 21.3652 41.468 21.0002 41.967 21.0002H43.682C44.18 21.0002 44.585 21.3652 44.585 21.7862V31.3622C44.585 31.6352 44.73 31.6872 44.906 31.4792L48.794 26.8922C49.137 26.4992 49.324 26.2742 49.823 26.2742H51.911C52.378 26.2742 52.753 26.4712 52.753 26.8072C52.753 26.9482 52.69 27.1722 52.566 27.3412L48.138 32.5632C48.084 32.6272 48.08 32.7192 48.128 32.7872L53.096 39.7412C53.22 39.9102 53.22 40.0782 53.22 40.1902C53.22 40.6102 52.847 40.8912 52.285 40.8912H50.353C49.855 40.8912 49.511 40.4992 49.262 40.1052L44.916 33.9002C44.734 33.6402 44.585 33.6872 44.585 34.0052L44.586 40.1052C44.586 40.5262 44.181 40.8912 43.682 40.8912H41.967C41.468 40.8912 41.063 40.5262 41.063 40.1052V21.7862ZM38.8149 29.5577C38.8149 27.3977 37.1009 25.4057 34.6999 25.4057C33.1619 25.4057 31.8939 26.0357 31.1659 27.0187C30.9759 27.2757 30.8349 27.2347 30.8349 26.9147V26.6667C30.8349 26.2457 30.4299 25.8817 29.9309 25.8817H28.2159C27.7179 25.8817 27.3129 26.2457 27.3129 26.6667V31.6187V39.5067V40.1057C27.3129 40.5267 27.7179 40.8917 28.2169 40.8917H29.9309C30.4299 40.8917 30.8349 40.5267 30.8349 40.1057V39.4397V29.5347C31.1289 28.9857 31.7649 28.4287 32.5059 28.2817C32.6859 28.2377 32.8769 28.2107 33.0799 28.2107C33.7389 28.2107 34.2649 28.4117 34.6399 28.7607C34.6479 28.7677 34.6549 28.7757 34.6629 28.7827C34.6819 28.7997 34.7009 28.8177 34.7189 28.8357C35.0259 29.1327 35.2159 29.5167 35.2489 29.9397C35.2769 30.1027 35.2929 30.2747 35.2929 30.4547V40.1057C35.2929 40.5267 35.6979 40.8917 36.1969 40.8917H37.9109C38.4099 40.8917 38.8149 40.5267 38.8149 40.1057V29.5577ZM7.98 36.3185C7.98 37.6655 7.169 38.5625 5.767 38.5625C4.883 38.5625 3.892 38.0115 3.522 37.2085V29.8035C3.881 29.0155 4.836 28.4915 5.767 28.4915C7.169 28.4915 7.98 29.4175 7.98 30.7355C7.98 30.7355 8.017 31.4965 8.017 33.3475C8.017 35.2005 7.98 36.3185 7.98 36.3185ZM11.465 29.2765C11.465 27.1445 9.601 25.4055 7.387 25.4055C5.849 25.4055 4.581 26.0355 3.853 27.0185C3.663 27.2755 3.522 27.2345 3.522 26.9155V21.7865C3.522 21.3655 3.117 21.0005 2.618 21.0005H0.903C0.405 21.0005 0 21.3655 0 21.7865V40.1055C0 40.5265 0.405 40.8915 0.904 40.8915H2.619C3.117 40.8915 3.522 40.5265 3.522 40.1055V39.8585C3.522 39.5395 3.663 39.4985 3.853 39.7555C4.581 40.7385 5.849 41.2015 7.388 41.2015C9.694 41.2015 11.465 39.5735 11.465 37.2155C11.465 37.2155 11.539 35.6945 11.539 33.3535C11.539 31.0125 11.465 29.2765 11.465 29.2765Z"
38
+ className="fill-[#002F6C]"
39
+ />
40
+ </Symbol>
41
+ );
42
+ }
@@ -4,7 +4,7 @@ import React from 'react';
4
4
  import { Symbol } from '../../symbol.component.js';
5
5
  import { type SymbolProps } from '../../symbol.types.js';
6
6
 
7
- export const BSAMultibrandSmallLogo = ({
7
+ export function BSAMultibrandSmallLogo({
8
8
  'aria-label': ariaLabel = 'Bank SA',
9
9
  copyrightYear = '2025',
10
10
  viewBoxHeight = 44,
@@ -12,34 +12,31 @@ export const BSAMultibrandSmallLogo = ({
12
12
  align = 'left',
13
13
  offset = [null, 26, 52],
14
14
  className,
15
- mode = 'auto',
16
15
  ...props
17
- }: SymbolProps) => (
18
- <Symbol
19
- className={clsx('h-[44px] w-[122px]', className)}
20
- aria-label={ariaLabel}
21
- align={align}
22
- offset={offset}
23
- copyrightYear={copyrightYear}
24
- viewBoxWidth={viewBoxWidth}
25
- viewBoxHeight={viewBoxHeight}
26
- {...props}
27
- >
28
- <path
29
- fill="#D81B2B"
30
- d="M44.5,30 C43.525,30 43,29.528 43,28.5 L43,11.5 C43,10.548 43.526,10 44.5,10 L68.5,10 C69.46,10 70,10.516 70,11.5 L70,41.344 C70,41.695 69.663,42 69.248,42 C69.248,42 69.504,42 69.248,42 C68.789,42 68.616,41.59 68.495,41.392 C61.391,29.694 44.5,30 44.5,30"
31
- />
32
- <path
33
- fill="#FFF"
34
- d="M63.7041 12.147C63.9961 12.147 64.2141 12.322 64.2621 12.54L67.9281 26.806C67.9761 26.981 68.0011 27.156 68.0011 27.178 68.0011 27.418 67.7821 27.636 67.4671 27.636L65.6701 27.636C65.3791 27.636 65.2091 27.418 65.1361 27.156L64.4171 24.437C64.4121 24.417 64.3941 24.403 64.3731 24.403L59.7831 24.403C59.7621 24.403 59.7441 24.417 59.7391 24.437L59.0191 27.156C58.9471 27.418 58.7771 27.636 58.4851 27.636L56.6891 27.636C56.3731 27.636 56.1551 27.418 56.1551 27.178 56.1551 27.156 56.1791 26.98 56.2271 26.806L59.8931 12.54C59.9421 12.322 60.1601 12.147 60.4511 12.147L63.7041 12.147zM61.9401 15.441L60.3191 22.074C60.3121 22.104 60.3341 22.131 60.3641 22.131L63.7921 22.131C63.8221 22.131 63.8431 22.104 63.8361 22.074L62.2161 15.441C62.1401 15.132 62.0161 15.132 61.9401 15.441L61.9401 15.441zM48.1606 15.8232C48.1606 16.8802 48.7196 17.3242 49.9326 18.0232L52.6536 19.6032C54.4986 20.6742 55.2486 21.8472 55.2486 23.8802 55.2496 26.6332 53.1856 27.9782 50.2006 27.9782 47.3356 27.9782 45.1996 26.6092 45.1996 23.8132L45.2136 22.9172C45.2136 22.5892 45.5296 22.3052 45.9176 22.3052L47.4566 22.3052C47.8456 22.3052 48.1606 22.5902 48.1606 22.9172L48.1606 23.8132C48.1606 24.9272 48.9866 25.6342 50.2006 25.6342 51.5356 25.6342 52.2376 25.0972 52.2376 23.8962L52.2386 23.8962C52.2386 22.5102 51.0566 21.9032 50.2066 21.4002L47.1586 19.6122C45.7716 18.8132 45.1996 17.3022 45.1996 16.0572 45.1996 13.3042 47.1896 11.6662 50.2486 11.6662 53.1376 11.6662 55.2486 13.1082 55.2486 15.9272L55.2346 16.4072C55.2346 16.7342 54.9186 17.0182 54.5306 17.0182L52.9916 17.0182C52.6026 17.0182 52.2876 16.7342 52.2876 16.4072L52.2876 15.9272C52.2876 14.8122 51.5836 13.9142 50.2486 13.9142 48.9136 13.9142 48.1606 14.6212 48.1606 15.8232"
35
- />
36
- <path
37
- className={clsx({
38
- 'fill-[#002F6C]': mode === 'light',
39
- 'fill-white': mode === 'dark',
40
- 'fill-[#002F6C] dark:fill-white': mode === 'auto',
41
- })}
42
- d="M10.1494 24.9238C10.1494 23.1128 11.0704 22.1308 12.5254 21.5858L15.4834 20.4938C16.4044 20.1458 16.7194 19.9048 16.7194 19.2728 16.7194 18.4868 16.0894 17.9418 15.0224 17.9418 14.0284 17.9418 13.3494 18.5088 13.3494 19.3598L13.3494 19.3848C13.3494 19.7118 13.0344 19.9948 12.6704 19.9948L11.3854 19.9948C10.9984 19.9948 10.7074 19.7118 10.7074 19.3848L10.7074 19.3598C10.7074 17.3088 12.5254 15.7598 15.1684 15.7598 18.0534 15.7598 19.4354 17.4608 19.4354 19.5568L19.4354 27.1938C19.4354 27.5208 19.1204 27.8048 18.7324 27.8048L17.4224 27.8048C17.0344 27.8048 16.7194 27.5208 16.7194 27.1938L16.7194 27.0848C16.7194 26.8898 16.6144 26.8508 16.4774 26.9888 15.7864 27.6828 14.7614 28.0448 13.6414 28.0448 12.1624 28.0448 10.1494 27.2798 10.1494 24.9238L10.1494 24.9238zM16.7194 22.1778C16.7194 22.1458 16.6864 22.1228 16.6564 22.1358L13.9554 23.2878C13.1804 23.6138 13.0344 24.1818 13.0344 24.5968 13.0344 25.3388 13.2764 26.0808 14.8284 26.0808 15.9194 26.0808 16.7194 25.2738 16.7194 24.3788L16.7194 22.1778zM32 12.9443C32 12.6173 32.315 12.3333 32.703 12.3333L34.037 12.3333C34.424 12.3333 34.74 12.6173 34.74 12.9443L34.74 20.3923C34.74 20.6043 34.852 20.6453 34.989 20.4843L38.013 16.9163C38.279 16.6103 38.425 16.4353 38.813 16.4353L40.438 16.4353C40.801 16.4353 41.092 16.5893 41.092 16.8503 41.092 16.9603 41.043 17.1333 40.946 17.2653L37.502 21.3273C37.46 21.3763 37.458 21.4483 37.495 21.5013L41.359 26.9103C41.456 27.0413 41.456 27.1723 41.456 27.2583 41.456 27.5863 41.165 27.8043 40.728 27.8043L39.225 27.8043C38.837 27.8043 38.57 27.4993 38.376 27.1933L34.997 22.3673C34.855 22.1653 34.74 22.2023 34.74 22.4483L34.74 27.1933C34.74 27.5203 34.425 27.8043 34.037 27.8043L32.703 27.8043C32.315 27.8043 32 27.5203 32 27.1933L32 12.9443zM30.1899 18.9893C30.1899 17.3083 28.8569 15.7603 26.9889 15.7603 25.7929 15.7603 24.8059 16.2503 24.2399 17.0143 24.0929 17.2143 23.9829 17.1813 23.9829 16.9333L23.9829 16.7413C23.9829 16.4143 23.6679 16.1313 23.2799 16.1313L21.9469 16.1313C21.5589 16.1313 21.2439 16.4143 21.2439 16.7413L21.2439 20.5923 21.2439 26.7273 21.2439 27.1933C21.2439 27.5203 21.5589 27.8043 21.9469 27.8043L23.2799 27.8043C23.6689 27.8043 23.9829 27.5203 23.9829 27.1933L23.9829 26.6753 23.9829 18.9703C24.2119 18.5443 24.7069 18.1113 25.2829 17.9973 25.4229 17.9623 25.5709 17.9413 25.7289 17.9413 26.2419 17.9413 26.6509 18.0973 26.9419 18.3693 26.9489 18.3753 26.9549 18.3813 26.9609 18.3863 26.9749 18.4003 26.9899 18.4133 27.0039 18.4273 27.2429 18.6593 27.3909 18.9573 27.4159 19.2863 27.4379 19.4133 27.4499 19.5473 27.4499 19.6863L27.4499 27.1933C27.4499 27.5203 27.7659 27.8043 28.1529 27.8043L29.4869 27.8043C29.8749 27.8043 30.1899 27.5203 30.1899 27.1933L30.1899 18.9893zM6.207 24.248C6.207 25.295 5.577 25.993 4.485 25.993 3.798 25.993 3.027 25.564 2.74 24.939L2.74 19.181C3.019 18.567 3.762 18.159 4.485 18.159 5.576 18.159 6.207 18.88 6.207 19.905 6.207 19.905 6.235 20.497 6.235 21.937 6.235 23.378 6.207 24.248 6.207 24.248M8.917 18.77C8.917 17.112 7.467 15.76 5.746 15.76 4.549 15.76 3.563 16.25 2.997 17.015 2.849 17.214 2.74 17.182 2.74 16.935L2.74 12.944C2.74 12.617 2.425 12.333 2.037 12.333L.703 12.333C.315 12.333 0 12.617 0 12.944L0 27.193C0 27.52.315 27.805.703 27.805L2.037 27.805C2.425 27.805 2.74 27.52 2.74 27.193L2.74 27.001C2.74 26.753 2.85 26.721 2.997 26.92 3.563 27.686 4.549 28.045 5.746 28.045 7.54 28.045 8.918 26.779 8.918 24.946 8.918 24.946 8.975 23.763 8.975 21.941 8.975 20.121 8.917 18.77 8.917 18.77"
43
- />
44
- </Symbol>
45
- );
16
+ }: SymbolProps) {
17
+ return (
18
+ <Symbol
19
+ className={clsx('h-[44px] w-[122px]', className)}
20
+ aria-label={ariaLabel}
21
+ align={align}
22
+ offset={offset}
23
+ copyrightYear={copyrightYear}
24
+ viewBoxWidth={viewBoxWidth}
25
+ viewBoxHeight={viewBoxHeight}
26
+ {...props}
27
+ >
28
+ <path
29
+ d="M44.5 30C43.525 30 43 29.528 43 28.5V11.5C43 10.548 43.526 10 44.5 10H68.5C69.46 10 70 10.516 70 11.5V41.344C70 41.695 69.663 42 69.248 42C69.248 42 69.504 42 69.248 42C68.789 42 68.616 41.59 68.495 41.392C61.391 29.694 44.5 30 44.5 30Z"
30
+ fill="#D81B2B"
31
+ />
32
+ <path
33
+ d="M63.7037 12.1471C63.9957 12.1471 64.2137 12.3221 64.2617 12.5401L67.9277 26.8061C67.9757 26.9811 68.0007 27.1561 68.0007 27.1781C68.0007 27.4181 67.7817 27.6361 67.4667 27.6361H65.6697C65.3787 27.6361 65.2087 27.4181 65.1357 27.1561L64.4167 24.4371C64.4117 24.4171 64.3937 24.4031 64.3727 24.4031H59.7827C59.7617 24.4031 59.7437 24.4171 59.7387 24.4371L59.0187 27.1561C58.9467 27.4181 58.7767 27.6361 58.4847 27.6361H56.6887C56.3727 27.6361 56.1547 27.4181 56.1547 27.1781C56.1547 27.1561 56.1787 26.9801 56.2267 26.8061L59.8927 12.5401C59.9417 12.3221 60.1597 12.1471 60.4507 12.1471H63.7037ZM61.9397 15.4411L60.3187 22.0741C60.3117 22.1041 60.3337 22.1311 60.3637 22.1311H63.7917C63.8217 22.1311 63.8427 22.1041 63.8357 22.0741L62.2157 15.4411C62.1397 15.1321 62.0157 15.1321 61.9397 15.4411ZM48.1602 15.8233C48.1602 16.8803 48.7192 17.3243 49.9322 18.0233L52.6532 19.6033C54.4982 20.6743 55.2482 21.8473 55.2482 23.8803C55.2492 26.6333 53.1852 27.9783 50.2002 27.9783C47.3352 27.9783 45.1992 26.6093 45.1992 23.8133L45.2132 22.9173C45.2132 22.5893 45.5292 22.3053 45.9172 22.3053H47.4562C47.8452 22.3053 48.1602 22.5903 48.1602 22.9173V23.8133C48.1602 24.9273 48.9862 25.6343 50.2002 25.6343C51.5352 25.6343 52.2372 25.0973 52.2372 23.8963H52.2382C52.2382 22.5103 51.0562 21.9033 50.2062 21.4003L47.1582 19.6123C45.7712 18.8133 45.1992 17.3023 45.1992 16.0573C45.1992 13.3043 47.1892 11.6663 50.2482 11.6663C53.1372 11.6663 55.2482 13.1083 55.2482 15.9273L55.2342 16.4073C55.2342 16.7343 54.9182 17.0183 54.5302 17.0183H52.9912C52.6022 17.0183 52.2872 16.7343 52.2872 16.4073V15.9273C52.2872 14.8123 51.5832 13.9143 50.2482 13.9143C48.9132 13.9143 48.1602 14.6213 48.1602 15.8233Z"
34
+ fill="white"
35
+ />
36
+ <path
37
+ d="M10.1494 24.9238C10.1494 23.1128 11.0704 22.1308 12.5254 21.5858L15.4834 20.4938C16.4044 20.1458 16.7194 19.9048 16.7194 19.2728C16.7194 18.4868 16.0894 17.9418 15.0224 17.9418C14.0284 17.9418 13.3494 18.5088 13.3494 19.3598V19.3848C13.3494 19.7118 13.0344 19.9948 12.6704 19.9948H11.3854C10.9984 19.9948 10.7074 19.7118 10.7074 19.3848V19.3598C10.7074 17.3088 12.5254 15.7598 15.1684 15.7598C18.0534 15.7598 19.4354 17.4608 19.4354 19.5568V27.1938C19.4354 27.5208 19.1204 27.8048 18.7324 27.8048H17.4224C17.0344 27.8048 16.7194 27.5208 16.7194 27.1938V27.0848C16.7194 26.8898 16.6144 26.8508 16.4774 26.9888C15.7864 27.6828 14.7614 28.0448 13.6414 28.0448C12.1624 28.0448 10.1494 27.2798 10.1494 24.9238ZM16.7194 22.1778C16.7194 22.1458 16.6864 22.1228 16.6564 22.1358L13.9554 23.2878C13.1804 23.6138 13.0344 24.1818 13.0344 24.5968C13.0344 25.3388 13.2764 26.0808 14.8284 26.0808C15.9194 26.0808 16.7194 25.2738 16.7194 24.3788V22.1778ZM32 12.9443C32 12.6173 32.315 12.3333 32.703 12.3333H34.037C34.424 12.3333 34.74 12.6173 34.74 12.9443V20.3923C34.74 20.6043 34.852 20.6453 34.989 20.4843L38.013 16.9163C38.279 16.6103 38.425 16.4353 38.813 16.4353H40.438C40.801 16.4353 41.092 16.5893 41.092 16.8503C41.092 16.9603 41.043 17.1333 40.946 17.2653L37.502 21.3273C37.46 21.3763 37.458 21.4483 37.495 21.5013L41.359 26.9103C41.456 27.0413 41.456 27.1723 41.456 27.2583C41.456 27.5863 41.165 27.8043 40.728 27.8043H39.225C38.837 27.8043 38.57 27.4993 38.376 27.1933L34.997 22.3673C34.855 22.1653 34.74 22.2023 34.74 22.4483V27.1933C34.74 27.5203 34.425 27.8043 34.037 27.8043H32.703C32.315 27.8043 32 27.5203 32 27.1933V12.9443ZM30.1899 18.9893C30.1899 17.3083 28.8569 15.7603 26.9889 15.7603C25.7929 15.7603 24.8059 16.2503 24.2399 17.0143C24.0929 17.2143 23.9829 17.1813 23.9829 16.9333V16.7413C23.9829 16.4143 23.6679 16.1313 23.2799 16.1313H21.9469C21.5589 16.1313 21.2439 16.4143 21.2439 16.7413V20.5923V26.7273V27.1933C21.2439 27.5203 21.5589 27.8043 21.9469 27.8043H23.2799C23.6689 27.8043 23.9829 27.5203 23.9829 27.1933V26.6753V18.9703C24.2119 18.5443 24.7069 18.1113 25.2829 17.9973C25.4229 17.9623 25.5709 17.9413 25.7289 17.9413C26.2419 17.9413 26.6509 18.0973 26.9419 18.3693C26.9489 18.3753 26.9549 18.3813 26.9609 18.3863C26.9749 18.4003 26.9899 18.4133 27.0039 18.4273C27.2429 18.6593 27.3909 18.9573 27.4159 19.2863C27.4379 19.4133 27.4499 19.5473 27.4499 19.6863V27.1933C27.4499 27.5203 27.7659 27.8043 28.1529 27.8043H29.4869C29.8749 27.8043 30.1899 27.5203 30.1899 27.1933V18.9893ZM6.207 24.248C6.207 25.295 5.577 25.993 4.485 25.993C3.798 25.993 3.027 25.564 2.74 24.939V19.181C3.019 18.567 3.762 18.159 4.485 18.159C5.576 18.159 6.207 18.88 6.207 19.905C6.207 19.905 6.235 20.497 6.235 21.937C6.235 23.378 6.207 24.248 6.207 24.248ZM8.917 18.77C8.917 17.112 7.467 15.76 5.746 15.76C4.549 15.76 3.563 16.25 2.997 17.015C2.849 17.214 2.74 17.182 2.74 16.935V12.944C2.74 12.617 2.425 12.333 2.037 12.333H0.703C0.315 12.333 0 12.617 0 12.944V27.193C0 27.52 0.315 27.805 0.703 27.805H2.037C2.425 27.805 2.74 27.52 2.74 27.193V27.001C2.74 26.753 2.85 26.721 2.997 26.92C3.563 27.686 4.549 28.045 5.746 28.045C7.54 28.045 8.918 26.779 8.918 24.946C8.918 24.946 8.975 23.763 8.975 21.941C8.975 20.121 8.917 18.77 8.917 18.77Z"
38
+ className="fill-[#002F6C]"
39
+ />
40
+ </Symbol>
41
+ );
42
+ }
@@ -4,66 +4,58 @@ import React from 'react';
4
4
  import { Symbol } from '../../symbol.component.js';
5
5
  import { type SymbolProps } from '../../symbol.types.js';
6
6
 
7
- export const BSAStackedLogo = ({
7
+ export function BSAStackedLogo({
8
8
  'aria-label': ariaLabel = 'Bank SA',
9
9
  copyrightYear = '2025',
10
10
  viewBoxWidth = 32,
11
11
  viewBoxHeight = 54,
12
12
  className,
13
- mode = 'auto',
14
13
  ...props
15
- }: SymbolProps) => (
16
- <Symbol
17
- className={clsx('h-[54px] w-[32px]', className)}
18
- aria-label={ariaLabel}
19
- copyrightYear={copyrightYear}
20
- viewBoxWidth={viewBoxWidth}
21
- viewBoxHeight={viewBoxHeight}
22
- {...props}
23
- >
24
- <path
25
- d="M0.9 39.4L0.9 39.4C0.4 39.4 0 39 0 38.6l0-22.8C0 15.4 0.4 15 0.9 15l30.2 0c0.5 0 0.9 0.4 0.9 0.8l0 37.4c0 0.4-0.2 0.8-0.9 0.8 -0.6 0-0.8-0.5-0.9-0.7C21.6 38.6 0.9 39.4 0.9 39.4"
26
- fill="#E91B2B"
27
- />
28
- <path
29
- d="M22.6 21.7l-2 8.2c0 0 0 0.1 0.1 0.1l4.2 0c0 0 0.1 0 0.1-0.1l-2-8.2C22.9 21.3 22.7 21.3 22.6 21.7zM24.8 17.6c0.4 0 0.6 0.2 0.7 0.5L30 35.7c0.1 0.2 0.1 0.4 0.1 0.5 0 0.3-0.3 0.6-0.7 0.6l-2.2 0c-0.4 0-0.6-0.3-0.7-0.6l-0.9-3.3c0 0 0 0-0.1 0l-5.7 0c0 0 0 0-0.1 0L19 36.1c-0.1 0.3-0.3 0.6-0.7 0.6l-2.2 0c-0.4 0-0.7-0.3-0.7-0.6 0 0 0-0.2 0.1-0.5l4.5-17.6c0.1-0.3 0.3-0.5 0.7-0.5L24.8 17.6z"
30
- fill="#fff"
31
- />
32
- <path
33
- d="M5.7 22.2c0 1.3 0.7 1.8 2.2 2.7l3.4 1.9c2.3 1.3 3.2 2.8 3.2 5.3 0 3.4-2.5 5-6.2 5C4.7 37.1 2 35.5 2 32l0-1.1c0-0.4 0.4-0.8 0.9-0.8l1.9 0c0.5 0 0.9 0.3 0.9 0.8l0 1.1c0 1.4 1 2.2 2.5 2.2 1.6 0 2.5-0.7 2.5-2.1h0c0-1.7-1.5-2.5-2.5-3.1l-3.8-2.2C2.7 25.9 2 24 2 22.5c0-3.4 2.5-5.4 6.2-5.4 3.6 0 6.2 1.8 6.2 5.2l0 0.6c0 0.4-0.4 0.8-0.9 0.8l-1.9 0c-0.5 0-0.9-0.3-0.9-0.8l0-0.6c0-1.4-0.9-2.5-2.5-2.5C6.6 19.8 5.7 20.7 5.7 22.2L5.7 22.2z"
34
- fill="#fff"
35
- />
36
- <path
37
- d="M12.9 7.6C12.9 7.6 12.9 7.6 12.9 7.6l-2.1 0.9c-0.6 0.3-0.7 0.7-0.7 1 0 0.6 0.2 1.1 1.4 1.1 0.8 0 1.5-0.6 1.5-1.3L12.9 7.6zM7.8 9.7c0-1.4 0.7-2.2 1.8-2.6L12 6.3c0.7-0.3 1-0.5 1-0.9 0-0.6-0.5-1-1.3-1 -0.8 0-1.3 0.4-1.3 1.1l0 0c0 0.3-0.2 0.5-0.5 0.5l-1 0c-0.3 0-0.5-0.2-0.5-0.5l0 0c0-1.6 1.4-2.8 3.4-2.8C14 2.6 15 4 15 5.6l0 5.9c0 0.3-0.2 0.5-0.5 0.5l-1 0c-0.3 0-0.5-0.2-0.5-0.5l0-0.1c0-0.2-0.1-0.2-0.2-0.1 -0.5 0.5-1.3 0.8-2.2 0.8C9.4 12.1 7.8 11.6 7.8 9.7"
38
- className={clsx({
39
- 'fill-[#002F6C]': mode === 'light',
40
- 'fill-white': mode === 'dark',
41
- 'fill-[#002F6C] dark:fill-white': mode === 'auto',
42
- })}
43
- />
44
- <path
45
- d="M24.7 0.5c0-0.3 0.2-0.5 0.5-0.5l1 0c0.3 0 0.5 0.2 0.5 0.5l0 5.8c0 0.2 0.1 0.2 0.2 0.1l2.3-2.8c0.2-0.2 0.3-0.4 0.6-0.4l1.3 0c0.3 0 0.5 0.1 0.5 0.3 0 0.1 0 0.2-0.1 0.3L28.9 7c0 0 0 0.1 0 0.1l3 4.2c0.1 0.1 0.1 0.2 0.1 0.3 0 0.3-0.2 0.4-0.6 0.4l-1.2 0c-0.3 0-0.5-0.2-0.7-0.5L27 7.8c-0.1-0.2-0.2-0.1-0.2 0.1l0 3.7c0 0.3-0.2 0.5-0.5 0.5l-1 0c-0.3 0-0.5-0.2-0.5-0.5L24.7 0.5z"
46
- className={clsx({
47
- 'fill-[#002F6C]': mode === 'light',
48
- 'fill-white': mode === 'dark',
49
- 'fill-[#002F6C] dark:fill-white': mode === 'auto',
50
- })}
51
- />
52
- <path
53
- d="M23.3 5.1c0-1.3-1-2.5-2.5-2.5 -0.9 0-1.7 0.4-2.1 1 -0.1 0.2-0.2 0.1-0.2-0.1V3.4c0-0.3-0.2-0.5-0.5-0.5l-1 0c-0.3 0-0.5 0.2-0.5 0.5l0 3v4.7h0l0 0.4c0 0.3 0.2 0.5 0.5 0.5l1 0c0.3 0 0.5-0.2 0.5-0.5l0-0.4v-6c0.2-0.3 0.6-0.7 1-0.8 0.1 0 0.2 0 0.3 0 0.4 0 0.7 0.1 0.9 0.3 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0.2 0.3 0.4 0.3 0.7 0 0.1 0 0.2 0 0.3l0 5.8c0 0.3 0.2 0.5 0.5 0.5l1 0c0.3 0 0.5-0.2 0.5-0.5L23.3 5.1z"
54
- className={clsx({
55
- 'fill-[#002F6C]': mode === 'light',
56
- 'fill-white': mode === 'dark',
57
- 'fill-[#002F6C] dark:fill-white': mode === 'auto',
58
- })}
59
- />
60
- <path
61
- d="M6.9 5c0-1.3-1.1-2.3-2.5-2.3 -0.9 0-1.7 0.4-2.1 1C2.2 3.8 2.1 3.7 2.1 3.6l0-3.1C2.1 0.2 1.9 0 1.6 0l-1 0C0.2 0 0 0.2 0 0.5l0 11C0 11.7 0.2 12 0.5 12l1 0c0.3 0 0.5-0.2 0.5-0.5v-0.1c0-0.2 0.1-0.2 0.2-0.1 0.4 0.6 1.2 0.9 2.1 0.9 1.4 0 2.5-1 2.5-2.4 0 0 0-0.9 0-2.3S6.9 5 6.9 5zM4.8 9.2c0 0.8-0.5 1.3-1.3 1.3 -0.5 0-1.1-0.3-1.3-0.8V5.3c0.2-0.5 0.8-0.8 1.3-0.8 0.8 0 1.3 0.6 1.3 1.3 0 0 0 0.5 0 1.6C4.8 8.5 4.8 9.2 4.8 9.2z"
62
- className={clsx({
63
- 'fill-[#002F6C]': mode === 'light',
64
- 'fill-white': mode === 'dark',
65
- 'fill-[#002F6C] dark:fill-white': mode === 'auto',
66
- })}
67
- />
68
- </Symbol>
69
- );
14
+ }: SymbolProps) {
15
+ return (
16
+ <Symbol
17
+ className={clsx('h-[54px] w-[32px]', className)}
18
+ aria-label={ariaLabel}
19
+ copyrightYear={copyrightYear}
20
+ viewBoxWidth={viewBoxWidth}
21
+ viewBoxHeight={viewBoxHeight}
22
+ {...props}
23
+ >
24
+ <g clipPath="url(#clip0_139_1245)">
25
+ <path
26
+ d="M0.9 39.4C0.4 39.4 0 39 0 38.6V15.8C0 15.4 0.4 15 0.9 15H31.1C31.6 15 32 15.4 32 15.8V53.2C32 53.6 31.8 54 31.1 54C30.5 54 30.3 53.5 30.2 53.3C21.6 38.6 0.9 39.4 0.9 39.4Z"
27
+ fill="#E91B2B"
28
+ />
29
+ <path
30
+ d="M22.5999 21.7L20.5999 29.9C20.5999 29.9 20.5999 30 20.6999 30H24.8999C24.8999 30 24.9999 30 24.9999 29.9L22.9999 21.7C22.8999 21.3 22.6999 21.3 22.5999 21.7ZM24.7999 17.6C25.1999 17.6 25.3999 17.8 25.4999 18.1L29.9999 35.7C30.0999 35.9 30.0999 36.1 30.0999 36.2C30.0999 36.5 29.7999 36.8 29.3999 36.8H27.1999C26.7999 36.8 26.5999 36.5 26.4999 36.2L25.5999 32.9C25.5999 32.9 25.5999 32.9 25.4999 32.9H19.7999C19.7999 32.9 19.7999 32.9 19.6999 32.9L18.9999 36.1C18.8999 36.4 18.6999 36.7 18.2999 36.7H16.0999C15.6999 36.7 15.3999 36.4 15.3999 36.1C15.3999 36.1 15.3999 35.9 15.4999 35.6L19.9999 18C20.0999 17.7 20.2999 17.5 20.6999 17.5L24.7999 17.6Z"
31
+ fill="white"
32
+ />
33
+ <path
34
+ d="M5.7 22.2C5.7 23.5 6.4 24 7.9 24.9L11.3 26.8C13.6 28.1 14.5 29.6 14.5 32.1C14.5 35.5 12 37.1 8.3 37.1C4.7 37.1 2 35.5 2 32V30.9C2 30.5 2.4 30.1 2.9 30.1H4.8C5.3 30.1 5.7 30.4 5.7 30.9V32C5.7 33.4 6.7 34.2 8.2 34.2C9.8 34.2 10.7 33.5 10.7 32.1C10.7 30.4 9.2 29.6 8.2 29L4.4 26.8C2.7 25.9 2 24 2 22.5C2 19.1 4.5 17.1 8.2 17.1C11.8 17.1 14.4 18.9 14.4 22.3V22.9C14.4 23.3 14 23.7 13.5 23.7H11.6C11.1 23.7 10.7 23.4 10.7 22.9V22.3C10.7 20.9 9.8 19.8 8.2 19.8C6.6 19.8 5.7 20.7 5.7 22.2Z"
35
+ fill="white"
36
+ />
37
+ <path
38
+ d="M12.8998 7.6L10.7998 8.5C10.1998 8.8 10.0998 9.2 10.0998 9.5C10.0998 10.1 10.2998 10.6 11.4998 10.6C12.2998 10.6 12.9998 10 12.9998 9.3L12.8998 7.6ZM7.7998 9.7C7.7998 8.3 8.4998 7.5 9.5998 7.1L11.9998 6.3C12.6998 6 12.9998 5.8 12.9998 5.4C12.9998 4.8 12.4998 4.4 11.6998 4.4C10.8998 4.4 10.3998 4.8 10.3998 5.5C10.3998 5.8 10.1998 6 9.8998 6H8.8998C8.5998 6 8.3998 5.8 8.3998 5.5C8.3998 3.9 9.7998 2.7 11.7998 2.7C13.9998 2.6 14.9998 4 14.9998 5.6V11.5C14.9998 11.8 14.7998 12 14.4998 12H13.4998C13.1998 12 12.9998 11.8 12.9998 11.5V11.4C12.9998 11.2 12.8998 11.2 12.7998 11.3C12.2998 11.8 11.4998 12.1 10.5998 12.1C9.3998 12.1 7.7998 11.6 7.7998 9.7Z"
39
+ className="fill-[#002F6C]"
40
+ />
41
+ <path
42
+ d="M24.7002 0.5C24.7002 0.2 24.9002 0 25.2002 0H26.2002C26.5002 0 26.7002 0.2 26.7002 0.5V6.3C26.7002 6.5 26.8002 6.5 26.9002 6.4L29.2002 3.6C29.4002 3.4 29.5002 3.2 29.8002 3.2H31.1002C31.4002 3.2 31.6002 3.3 31.6002 3.5C31.6002 3.6 31.6002 3.7 31.5002 3.8L28.9002 7V7.1L31.9002 11.3C32.0002 11.4 32.0002 11.5 32.0002 11.6C32.0002 11.9 31.8002 12 31.4002 12H30.2002C29.9002 12 29.7002 11.8 29.5002 11.5L27.0002 7.8C26.9002 7.6 26.8002 7.7 26.8002 7.9V11.6C26.8002 11.9 26.6002 12.1 26.3002 12.1H25.3002C25.0002 12.1 24.8002 11.9 24.8002 11.6L24.7002 0.5Z"
43
+ className="fill-[#002F6C]"
44
+ />
45
+ <path
46
+ d="M23.3 5.09998C23.3 3.79998 22.3 2.59998 20.8 2.59998C19.9 2.59998 19.1 2.99998 18.7 3.59998C18.6 3.79998 18.5 3.69998 18.5 3.49998V3.39998C18.5 3.09998 18.3 2.89998 18 2.89998H17C16.7 2.89998 16.5 3.09998 16.5 3.39998V6.39998V11.1V11.5C16.5 11.8 16.7 12 17 12H18C18.3 12 18.5 11.8 18.5 11.5V11.1V5.09998C18.7 4.79998 19.1 4.39998 19.5 4.29998C19.6 4.29998 19.7 4.29998 19.8 4.29998C20.2 4.29998 20.5 4.39998 20.7 4.59998C20.9 4.79998 21 4.99998 21 5.29998C21 5.39998 21 5.49998 21 5.59998V11.4C21 11.7 21.2 11.9 21.5 11.9H22.5C22.8 11.9 23 11.7 23 11.4L23.3 5.09998Z"
47
+ className="fill-[#002F6C]"
48
+ />
49
+ <path
50
+ d="M6.9 5C6.9 3.7 5.8 2.7 4.4 2.7C3.5 2.7 2.7 3.1 2.3 3.7C2.2 3.8 2.1 3.7 2.1 3.6V0.5C2.1 0.2 1.9 0 1.6 0H0.6C0.2 0 0 0.2 0 0.5V11.5C0 11.7 0.2 12 0.5 12H1.5C1.8 12 2 11.8 2 11.5V11.4C2 11.2 2.1 11.2 2.2 11.3C2.6 11.9 3.4 12.2 4.3 12.2C5.7 12.2 6.8 11.2 6.8 9.8C6.8 9.8 6.8 8.9 6.8 7.5C6.8 6.1 6.9 5 6.9 5ZM4.8 9.2C4.8 10 4.3 10.5 3.5 10.5C3 10.5 2.4 10.2 2.2 9.7V5.3C2.4 4.8 3 4.5 3.5 4.5C4.3 4.5 4.8 5.1 4.8 5.8C4.8 5.8 4.8 6.3 4.8 7.4C4.8 8.5 4.8 9.2 4.8 9.2Z"
51
+ className="fill-[#002F6C]"
52
+ />
53
+ </g>
54
+ <defs>
55
+ <clipPath id="clip0_139_1245">
56
+ <rect width="32" height="54" fill="white" />
57
+ </clipPath>
58
+ </defs>
59
+ </Symbol>
60
+ );
61
+ }
@@ -25,10 +25,13 @@ export function BTLogo({
25
25
  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"
26
26
  fill="#007BC6"
27
27
  />
28
- <path d="M103.521 1.41278H74.1775V9.02954H84.9027V41.88H93.0543V9.02954H103.78V1.41278H103.521Z" fill="#020202" />
29
28
  <path
30
- d="M68.8335 20.2828C70.0116 19.3585 70.9585 18.1739 71.5996 16.8223C72.2407 15.4706 72.5583 13.989 72.5276 12.494C72.6137 10.9994 72.3805 9.50369 71.8434 8.10581C71.3064 6.70796 70.4776 5.43995 69.4122 4.38579C67.2942 2.40788 64.1912 1.41278 60.2016 1.41278H41.4971V17.5063L46.127 21.1919L41.4971 24.8774V41.88H61.2852C69.092 41.88 74.1283 37.1625 74.1283 29.8775C74.2329 27.9442 73.7921 26.0205 72.8563 24.3246C71.9203 22.6287 70.5267 21.2284 68.8335 20.2828ZM49.6487 8.85762H60.2262C62.9475 8.85762 64.6345 10.4301 64.6345 12.9608C64.6371 13.5284 64.5232 14.0906 64.2995 14.6126C64.0759 15.1345 63.7473 15.6052 63.3342 15.9955C62.9211 16.3858 62.4322 16.6874 61.8976 16.8818C61.363 17.0761 60.7942 17.1591 60.2262 17.1254H49.6487V8.85762ZM60.2262 34.3861H49.6487V24.558H60.0538C63.7479 24.558 65.7796 26.3271 65.7796 29.472C65.7796 33.5507 62.7628 34.3861 60.2262 34.3861Z"
31
- fill="#020202"
29
+ d="M103.521 1.41272H74.1777V9.02948H84.9029V41.8799H93.0545V9.02948H103.78V1.41272H103.521Z"
30
+ className="fill-[#020202]"
31
+ />
32
+ <path
33
+ d="M68.8335 20.2827C70.0116 19.3585 70.9585 18.1738 71.5996 16.8222C72.2407 15.4706 72.5583 13.9889 72.5276 12.4939C72.6137 10.9993 72.3805 9.50363 71.8434 8.10575C71.3064 6.7079 70.4776 5.43988 69.4122 4.38572C67.2942 2.40782 64.1912 1.41272 60.2016 1.41272H41.4971V17.5062L46.127 21.1918L41.4971 24.8774V41.8799H61.2852C69.092 41.8799 74.1283 37.1625 74.1283 29.8774C74.2329 27.9442 73.7921 26.0205 72.8563 24.3246C71.9203 22.6286 70.5267 21.2283 68.8335 20.2827ZM49.6487 8.85756H60.2262C62.9475 8.85756 64.6345 10.43 64.6345 12.9608C64.6371 13.5284 64.5232 14.0906 64.2995 14.6125C64.0759 15.1345 63.7473 15.6051 63.3342 15.9954C62.9211 16.3857 62.4322 16.6873 61.8976 16.8817C61.363 17.0761 60.7942 17.159 60.2262 17.1254H49.6487V8.85756ZM60.2262 34.386H49.6487V24.5579H60.0538C63.7479 24.5579 65.7796 26.327 65.7796 29.472C65.7796 33.5507 62.7628 34.386 60.2262 34.386Z"
34
+ className="fill-[#020202]"
32
35
  />
33
36
  </Symbol>
34
37
  );
@@ -30,12 +30,12 @@ export function BTMultibrandLargeLogo({
30
30
  fill="#007BC6"
31
31
  />
32
32
  <path
33
- d="M74.6314 18.0186H53.4768V23.5097H61.2089V47.1926H67.0856V23.5097H74.8179V18.0186H74.6314Z"
34
- fill="#020202"
33
+ d="M74.6311 18.0186H53.4766V23.5097H61.2087V47.1926H67.0854V23.5097H74.8177V18.0186H74.6311Z"
34
+ className="fill-[#020202]"
35
35
  />
36
36
  <path
37
- d="M49.6241 31.6225C50.4735 30.9562 51.1562 30.1021 51.6183 29.1277C52.0805 28.1533 52.3095 27.0851 52.2873 26.0073C52.3494 24.9298 52.1813 23.8515 51.7941 22.8438C51.4069 21.836 50.8095 20.9219 50.0414 20.1619C48.5145 18.736 46.2774 18.0186 43.4012 18.0186H29.9165V29.6209L33.2544 32.2779L29.9165 34.9349V47.1926H44.1824C49.8105 47.1926 53.4414 43.7916 53.4414 38.5396C53.5167 37.1459 53.199 35.759 52.5243 34.5364C51.8496 33.3137 50.8448 32.3042 49.6241 31.6225ZM35.7933 23.3858H43.4189C45.3808 23.3858 46.597 24.5194 46.597 26.3439C46.5989 26.7531 46.5167 27.1584 46.3555 27.5347C46.1943 27.911 45.9574 28.2503 45.6596 28.5317C45.3618 28.813 45.0092 29.0305 44.6238 29.1706C44.2384 29.3107 43.8284 29.3705 43.4189 29.3463H35.7933V23.3858ZM43.4189 41.79H35.7933V34.7046H43.2946C45.9578 34.7046 47.4225 35.98 47.4225 38.2473C47.4225 41.1878 45.2476 41.79 43.4189 41.79Z"
38
- fill="#020202"
37
+ d="M49.6237 31.6225C50.473 30.9562 51.1557 30.1021 51.6178 29.1277C52.08 28.1533 52.309 27.0851 52.2868 26.0073C52.3489 24.9298 52.1808 23.8515 51.7936 22.8438C51.4064 21.836 50.809 20.9219 50.0409 20.1619C48.514 18.736 46.2769 18.0186 43.4007 18.0186H29.916V29.6209L33.2539 32.2779L29.916 34.9349V47.1926H44.1819C49.81 47.1926 53.4409 43.7916 53.4409 38.5396C53.5163 37.1459 53.1985 35.759 52.5238 34.5364C51.8491 33.3137 50.8443 32.3042 49.6237 31.6225ZM35.7928 23.3858H43.4184C45.3803 23.3858 46.5965 24.5194 46.5965 26.3439C46.5984 26.7531 46.5162 27.1584 46.355 27.5347C46.1938 27.911 45.9569 28.2503 45.6591 28.5317C45.3613 28.813 45.0088 29.0305 44.6234 29.1706C44.238 29.3107 43.8279 29.3705 43.4184 29.3463H35.7928V23.3858ZM43.4184 41.79H35.7928V34.7046H43.2941C45.9573 34.7046 47.422 35.98 47.422 38.2473C47.422 41.1878 45.2471 41.79 43.4184 41.79Z"
38
+ className="fill-[#020202]"
39
39
  />
40
40
  </Symbol>
41
41
  );
@@ -25,22 +25,22 @@ export function BTMultibrandSmallLogo({
25
25
  viewBoxHeight={viewBoxHeight}
26
26
  {...props}
27
27
  >
28
- <g clip-path="url(#clip0_2154_48)">
28
+ <g clipPath="url(#clip0_57685_14604)">
29
29
  <path
30
- 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"
30
+ d="M6.63222 22.6166C6.43172 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.43172 21.1081 6.63222 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.63222 22.6166Z"
31
31
  fill="#007BC6"
32
32
  />
33
33
  <path
34
- d="M48.1493 12.6571H34.5012V16.1998H39.4897V31.4791H43.2811V16.1998H48.2697V12.6571H48.1493Z"
35
- fill="#020202"
34
+ d="M48.1501 12.6571H34.502V16.1998H39.4904V31.4791H43.2818V16.1998H48.2704V12.6571H48.1501Z"
35
+ className="fill-[#020202]"
36
36
  />
37
37
  <path
38
- d="M32.0156 21.4339C32.5636 21.004 33.004 20.453 33.3022 19.8243C33.6004 19.1956 33.7481 18.5065 33.7338 17.8111C33.7739 17.116 33.6654 16.4203 33.4156 15.7701C33.1658 15.12 32.7803 14.5302 32.2848 14.0399C31.2997 13.1199 29.8565 12.6571 28.0008 12.6571H19.301V20.1425L21.4545 21.8567L19.301 23.5709V31.4791H28.5048C32.1359 31.4791 34.4783 29.2849 34.4783 25.8965C34.527 24.9973 34.322 24.1026 33.8867 23.3138C33.4514 22.525 32.8032 21.8737 32.0156 21.4339ZM23.0925 16.1198H28.0122C29.278 16.1198 30.0626 16.8512 30.0626 18.0283C30.0638 18.2923 30.0108 18.5538 29.9068 18.7965C29.8028 19.0393 29.65 19.2582 29.4578 19.4397C29.2657 19.6213 29.0383 19.7616 28.7896 19.852C28.541 19.9424 28.2764 19.981 28.0122 19.9653H23.0925V16.1198ZM28.0122 27.9935H23.0925V23.4223H27.9321C29.6502 23.4223 30.5952 24.2451 30.5952 25.7079C30.5952 27.605 29.1921 27.9935 28.0122 27.9935Z"
39
- fill="#020202"
38
+ d="M32.0154 21.4339C32.5634 21.004 33.0038 20.453 33.302 19.8243C33.6001 19.1956 33.7479 18.5065 33.7336 17.8111C33.7736 17.116 33.6652 16.4203 33.4154 15.7701C33.1656 15.12 32.7801 14.5302 32.2846 14.0399C31.2995 13.1199 29.8562 12.6571 28.0006 12.6571H19.3008V20.1425L21.4542 21.8567L19.3008 23.5709V31.4791H28.5046C32.1356 31.4791 34.4781 29.2849 34.4781 25.8965C34.5267 24.9973 34.3217 24.1026 33.8865 23.3138C33.4511 22.525 32.8029 21.8737 32.0154 21.4339ZM23.0922 16.1198H28.012C29.2777 16.1198 30.0624 16.8512 30.0624 18.0283C30.0636 18.2923 30.0106 18.5538 29.9066 18.7965C29.8026 19.0393 29.6497 19.2582 29.4576 19.4397C29.2655 19.6213 29.038 19.7616 28.7894 19.852C28.5407 19.9424 28.2762 19.981 28.012 19.9653H23.0922V16.1198ZM28.012 27.9935H23.0922V23.4223H27.9318C29.65 23.4223 30.595 24.2451 30.595 25.7079C30.595 27.605 29.1918 27.9935 28.012 27.9935Z"
39
+ className="fill-[#020202]"
40
40
  />
41
41
  </g>
42
42
  <defs>
43
- <clipPath id="clip0_2154_48">
43
+ <clipPath id="clip0_57685_14604">
44
44
  <rect width="48.5714" height="20" fill="white" transform="translate(0 12)" />
45
45
  </clipPath>
46
46
  </defs>