@westpac/ui 0.26.0 → 0.28.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 (119) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/assets/icons/filled/arrow-back-circle-filled.svg +1 -0
  3. package/assets/icons/filled/arrow-down-circle-filled.svg +1 -0
  4. package/assets/icons/filled/arrow-forward-circle-filled.svg +1 -0
  5. package/assets/icons/filled/arrow-up-circle-filled.svg +1 -0
  6. package/assets/icons/outlined/arrow-back-circle-outlined.svg +1 -0
  7. package/assets/icons/outlined/arrow-down-circle-outlined.svg +1 -0
  8. package/assets/icons/outlined/arrow-forward-circle-outlined.svg +1 -0
  9. package/assets/icons/outlined/arrow-up-circle-outlined.svg +1 -0
  10. package/dist/component-type.json +1 -1
  11. package/dist/components/alert/alert.styles.js +1 -1
  12. package/dist/components/autocomplete/autocomplete.component.js +2 -13
  13. package/dist/components/badge/badge.styles.d.ts +2 -2
  14. package/dist/components/badge/badge.styles.js +2 -2
  15. package/dist/components/button/button.component.d.ts +2 -2
  16. package/dist/components/button/button.styles.js +23 -7
  17. package/dist/components/button/button.utils.js +2 -2
  18. package/dist/components/button-group/components/button-group-button/button-group-button.component.js +6 -2
  19. package/dist/components/button-group/components/button-group-button/button-group-button.styles.d.ts +24 -0
  20. package/dist/components/button-group/components/button-group-button/button-group-button.styles.js +9 -1
  21. package/dist/components/error-message/error-message.styles.js +1 -1
  22. package/dist/components/filter/components/filter-buttons/filter-buttons.component.js +24 -9
  23. package/dist/components/filter/components/filter-buttons/filter-buttons.styles.js +1 -1
  24. package/dist/components/header/header.component.js +1 -1
  25. package/dist/components/header/header.styles.js +1 -1
  26. package/dist/components/icon/components/arrow-back-circle-icon.d.ts +2 -0
  27. package/dist/components/icon/components/arrow-back-circle-icon.js +35 -0
  28. package/dist/components/icon/components/arrow-down-circle-icon.d.ts +2 -0
  29. package/dist/components/icon/components/arrow-down-circle-icon.js +35 -0
  30. package/dist/components/icon/components/arrow-forward-circle-icon.d.ts +2 -0
  31. package/dist/components/icon/components/arrow-forward-circle-icon.js +35 -0
  32. package/dist/components/icon/components/arrow-up-circle-icon.d.ts +2 -0
  33. package/dist/components/icon/components/arrow-up-circle-icon.js +35 -0
  34. package/dist/components/icon/components/cancel-card-icon.js +8 -18
  35. package/dist/components/icon/components/child-care-icon.js +6 -6
  36. package/dist/components/icon/components/child-icon.js +2 -2
  37. package/dist/components/icon/components/circle-icon.js +9 -19
  38. package/dist/components/icon/components/drop-left-icon.js +1 -1
  39. package/dist/components/icon/components/drop-right-icon.js +1 -1
  40. package/dist/components/icon/components/piggy-bank.js +4 -4
  41. package/dist/components/icon/components/quick-balance-icon.js +7 -17
  42. package/dist/components/icon/components/target-icon.d.ts +1 -1
  43. package/dist/components/icon/components/target-icon.js +3 -9
  44. package/dist/components/icon/components/x-icon.js +6 -6
  45. package/dist/components/icon/index.d.ts +5 -1
  46. package/dist/components/icon/index.js +5 -1
  47. package/dist/components/input/input.component.d.ts +2 -2
  48. package/dist/components/pictogram/components/informative/sparkle-pictogram.js +15 -15
  49. package/dist/components/progress-indicator/progress-indicator.component.d.ts +2 -2
  50. package/dist/components/progress-indicator/progress-indicator.component.js +72 -11
  51. package/dist/components/progress-indicator/progress-indicator.styles.d.ts +246 -27
  52. package/dist/components/progress-indicator/progress-indicator.styles.js +82 -9
  53. package/dist/components/progress-indicator/progress-indicator.types.d.ts +13 -11
  54. package/dist/components/select/select.component.d.ts +2 -2
  55. package/dist/components/symbol/components/logos/bt-logo.d.ts +2 -0
  56. package/dist/components/symbol/components/logos/bt-logo.js +35 -0
  57. package/dist/components/symbol/components/logos/bt-multibrand-large-logo.d.ts +2 -0
  58. package/dist/components/symbol/components/logos/bt-multibrand-large-logo.js +41 -0
  59. package/dist/components/symbol/components/logos/bt-multibrand-small-logo.d.ts +2 -0
  60. package/dist/components/symbol/components/logos/bt-multibrand-small-logo.js +50 -0
  61. package/dist/components/symbol/components/logos/bt-panorama-logo.d.ts +2 -0
  62. package/dist/components/symbol/components/logos/bt-panorama-logo.js +69 -0
  63. package/dist/components/symbol/components/logos/bt-panorama-multibrand-large-logo.d.ts +2 -0
  64. package/dist/components/symbol/components/logos/bt-panorama-multibrand-large-logo.js +76 -0
  65. package/dist/components/symbol/components/logos/bt-panorama-multibrand-small-logo.d.ts +2 -0
  66. package/dist/components/symbol/components/logos/bt-panorama-multibrand-small-logo.js +76 -0
  67. package/dist/components/symbol/components/logos/bt-panorama-reversed-logo.d.ts +2 -0
  68. package/dist/components/symbol/components/logos/bt-panorama-reversed-logo.js +69 -0
  69. package/dist/components/symbol/components/logos/bt-reversed-logo.d.ts +2 -0
  70. package/dist/components/symbol/components/logos/bt-reversed-logo.js +35 -0
  71. package/dist/components/symbol/index.d.ts +8 -0
  72. package/dist/components/symbol/index.js +8 -0
  73. package/dist/components/textarea/textarea.component.d.ts +2 -2
  74. package/dist/css/westpac-ui.css +68 -150
  75. package/dist/css/westpac-ui.min.css +68 -150
  76. package/dist/tailwind/themes/btpl.d.ts +2 -0
  77. package/dist/tailwind/themes/btpl.js +30 -0
  78. package/package.json +4 -4
  79. package/src/components/alert/alert.styles.ts +1 -1
  80. package/src/components/autocomplete/autocomplete.component.tsx +2 -12
  81. package/src/components/badge/badge.styles.ts +2 -2
  82. package/src/components/button/button.styles.ts +27 -7
  83. package/src/components/button/button.utils.ts +2 -2
  84. package/src/components/button-group/components/button-group-button/button-group-button.component.tsx +3 -2
  85. package/src/components/button-group/components/button-group-button/button-group-button.styles.ts +9 -1
  86. package/src/components/error-message/error-message.styles.ts +1 -1
  87. package/src/components/filter/components/filter-buttons/filter-buttons.component.tsx +55 -51
  88. package/src/components/filter/components/filter-buttons/filter-buttons.styles.ts +1 -1
  89. package/src/components/header/header.component.tsx +1 -1
  90. package/src/components/header/header.styles.ts +1 -1
  91. package/src/components/icon/components/arrow-back-circle-icon.tsx +37 -0
  92. package/src/components/icon/components/arrow-down-circle-icon.tsx +37 -0
  93. package/src/components/icon/components/arrow-forward-circle-icon.tsx +37 -0
  94. package/src/components/icon/components/arrow-up-circle-icon.tsx +37 -0
  95. package/src/components/icon/components/cancel-card-icon.tsx +15 -19
  96. package/src/components/icon/components/child-care-icon.tsx +6 -6
  97. package/src/components/icon/components/child-icon.tsx +2 -2
  98. package/src/components/icon/components/circle-icon.tsx +14 -22
  99. package/src/components/icon/components/drop-left-icon.tsx +1 -1
  100. package/src/components/icon/components/drop-right-icon.tsx +1 -1
  101. package/src/components/icon/components/piggy-bank.tsx +4 -4
  102. package/src/components/icon/components/quick-balance-icon.tsx +15 -19
  103. package/src/components/icon/components/target-icon.tsx +13 -20
  104. package/src/components/icon/components/x-icon.tsx +6 -6
  105. package/src/components/icon/index.ts +5 -1
  106. package/src/components/pictogram/components/informative/sparkle-pictogram.tsx +15 -15
  107. package/src/components/progress-indicator/progress-indicator.component.tsx +56 -8
  108. package/src/components/progress-indicator/progress-indicator.styles.ts +32 -9
  109. package/src/components/progress-indicator/progress-indicator.types.ts +13 -11
  110. package/src/components/symbol/components/logos/bt-logo.tsx +35 -0
  111. package/src/components/symbol/components/logos/bt-multibrand-large-logo.tsx +42 -0
  112. package/src/components/symbol/components/logos/bt-multibrand-small-logo.tsx +49 -0
  113. package/src/components/symbol/components/logos/bt-panorama-logo.tsx +76 -0
  114. package/src/components/symbol/components/logos/bt-panorama-multibrand-large-logo.tsx +80 -0
  115. package/src/components/symbol/components/logos/bt-panorama-multibrand-small-logo.tsx +80 -0
  116. package/src/components/symbol/components/logos/bt-panorama-reversed-logo.tsx +76 -0
  117. package/src/components/symbol/components/logos/bt-reversed-logo.tsx +35 -0
  118. package/src/components/symbol/index.ts +8 -0
  119. package/src/tailwind/themes/btpl.ts +32 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @westpac/ui
2
2
 
3
+ ## 0.28.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 6f96072: fixed button groups hover glitch; updated footer story shield margin; updated space below alert title; updated search icon size in automcomplete
8
+ - 23dad1b: Updated the appearance and svg of progress indicator component; updated visual bugs in header and badge;
9
+ - 94d6345: added icons - arrow circle icons
10
+
11
+ ## 0.27.0
12
+
13
+ ### Minor Changes
14
+
15
+ - 0ee48a0: updated button styling; fix filter scroll button visual bug
16
+ - e158bc8: updated progress-indicators to use IconProps
17
+
3
18
  ## 0.26.0
4
19
 
5
20
  ### Minor Changes
package/assets/icons/filled/arrow-back-circle-filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#00F" fill-rule="evenodd" d="M12 0C5.372 0 0 5.373 0 12s5.372 12 12 12 12-5.373 12-12S18.628 0 12 0ZM9.414 13l3.293 3.293-1.414 1.414L5.586 12l5.707-5.707 1.414 1.414L9.414 11H18v2H9.414Z" clip-rule="evenodd"/></svg>
package/assets/icons/filled/arrow-down-circle-filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#00F" fill-rule="evenodd" d="M0 12c0 6.628 5.373 12 12 12s12-5.372 12-12S18.627 0 12 0 0 5.372 0 12Zm13 2.586 3.293-3.293 1.414 1.414L12 18.414l-5.707-5.707 1.414-1.414L11 14.586V6h2v8.586Z" clip-rule="evenodd"/></svg>
package/assets/icons/filled/arrow-forward-circle-filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#00F" fill-rule="evenodd" d="M12 24c6.628 0 12-5.373 12-12S18.628 0 12 0 0 5.373 0 12s5.372 12 12 12Zm2.586-13-3.293-3.293 1.414-1.414L18.414 12l-5.707 5.707-1.414-1.414L14.586 13H6v-2h8.586Z" clip-rule="evenodd"/></svg>
package/assets/icons/filled/arrow-up-circle-filled.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#00F" fill-rule="evenodd" d="M24 12c0-6.628-5.373-12-12-12S0 5.372 0 12s5.373 12 12 12 12-5.372 12-12ZM11 9.414l-3.293 3.293-1.414-1.414L12 5.586l5.707 5.707-1.414 1.414L13 9.414V18h-2V9.414Z" clip-rule="evenodd"/></svg>
package/assets/icons/outlined/arrow-back-circle-outlined.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#00F" d="m9.414 13 3.293 3.293-1.414 1.414L5.586 12l5.707-5.707 1.414 1.414L9.414 11H18v2H9.414Z"/><path fill="#00F" fill-rule="evenodd" d="M12 0C5.372 0 0 5.373 0 12s5.372 12 12 12 12-5.373 12-12S18.628 0 12 0Zm10 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/></svg>
package/assets/icons/outlined/arrow-down-circle-outlined.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#00F" d="m13 14.586 3.293-3.293 1.414 1.414L12 18.414l-5.707-5.707 1.414-1.414L11 14.586V6h2v8.586Z"/><path fill="#00F" fill-rule="evenodd" d="M0 12c0 6.628 5.373 12 12 12s12-5.372 12-12S18.627 0 12 0 0 5.372 0 12ZM12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Z" clip-rule="evenodd"/></svg>
package/assets/icons/outlined/arrow-forward-circle-outlined.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#00F" d="m14.586 11-3.293-3.293 1.414-1.414L18.414 12l-5.707 5.707-1.414-1.414L14.586 13H6v-2h8.586Z"/><path fill="#00F" fill-rule="evenodd" d="M12 24c6.628 0 12-5.373 12-12S18.628 0 12 0 0 5.373 0 12s5.372 12 12 12ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z" clip-rule="evenodd"/></svg>
package/assets/icons/outlined/arrow-up-circle-outlined.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#00F" d="m11 9.414-3.293 3.293-1.414-1.414L12 5.586l5.707 5.707-1.414 1.414L13 9.414V18h-2V9.414Z"/><path fill="#00F" fill-rule="evenodd" d="M24 12c0-6.628-5.373-12-12-12S0 5.372 0 12s5.373 12 12 12 12-5.372 12-12ZM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Z" clip-rule="evenodd"/></svg>