@westpac/ui 0.21.0 → 0.23.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @westpac/ui
 
+## 0.23.0
+
+### Minor Changes
+
+- af5972c: update the grid container component
+
+### Patch Changes
+
+- 2097183: color change on footer component and example
+- aeceb95: updated styling on badge so it looks correct
+
+## 0.22.0
+
+### Minor Changes
+
+- e6df0c3: Add Twitter,stars icons and sparkle pictogram
+
 ## 0.21.0
 
 ### Minor Changes

package/assets/icons/filled/stars-filled.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.901.41a.7.7 0 0 0-1.274 0L7.369 7.59.459 10.13a.7.7 0 0 0-.067 1.286l6.974 3.415 3.274 6.415a.7.7 0 0 0 1.247 0l3.275-6.415 6.974-3.415a.7.7 0 0 0-.067-1.286L15.16 7.59 11.901.41ZM19.558 15.33l-1.408 3.169-2.785 1.044a.1.1 0 0 0-.01.183l2.795 1.398 1.41 2.82a.1.1 0 0 0 .18 0l1.41-2.82 2.795-1.398a.1.1 0 0 0-.01-.183L21.15 18.5l-1.409-3.17a.1.1 0 0 0-.183 0Z" fill="#00F"/></svg>

package/assets/icons/filled/twitter-filled.svg

@@ -1,3 +1 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2 0C0.895431 0 0 0.89543 0 2V22C0 23.1046 0.89543 24 2 24H22C23.1046 24 24 23.1046 24 22V2C24 0.895431 23.1046 0 22 0H2ZM18.1146 7.34209C18.7788 7.26155 19.4119 7.08237 20 6.81641C19.5605 7.48568 19.003 8.07379 18.3618 8.54452C18.368 8.68749 18.3712 8.83233 18.3712 8.97655C18.3712 13.3898 15.0691 18.4799 9.032 18.4799C7.1784 18.4799 5.45216 17.9261 4 16.9784C4.25597 17.0096 4.51506 17.0259 4.7804 17.0259C6.31809 17.0259 7.72905 16.4921 8.85219 15.5962C7.41626 15.5693 6.19572 14.6035 5.77743 13.2768C5.97846 13.3156 6.167 13.3362 6.37802 13.3362C6.6777 13.3362 6.93429 13.2956 7.20899 13.2194C5.70813 12.9122 4.50944 11.5625 4.50944 9.94487V9.90241C5.13376 10.1534 5.52583 10.3032 6.06337 10.3207C5.18308 9.72198 4.67052 8.69935 4.67052 7.54062C4.67052 6.92879 4.83221 6.35504 5.11503 5.86183C6.73451 7.88212 9.15249 9.21192 11.8801 9.35114C11.8239 9.10641 11.7952 8.85169 11.7952 8.58947C11.7952 6.74586 13.2655 5.25 15.0773 5.25C16.0219 5.25 16.8747 5.65581 17.4734 6.30447C18.2213 6.15401 18.9237 5.87681 19.558 5.49473C19.312 6.27388 18.7919 6.92879 18.1146 7.34209Z" fill="#0000FF"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g clip-path="url(#a)"><path fill="#00F" fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm16.115 7.342A6.453 6.453 0 0 0 20 6.816a6.732 6.732 0 0 1-1.638 1.729 10 10 0 0 1 .01.432c0 4.413-3.303 9.503-9.34 9.503A9.175 9.175 0 0 1 4 16.978a6.5 6.5 0 0 0 4.852-1.382c-1.436-.027-2.656-.992-3.075-2.32a3.074 3.074 0 0 0 1.432-.057c-1.5-.307-2.7-1.656-2.7-3.274v-.043c.625.251 1.017.401 1.554.419-.88-.599-1.392-1.622-1.392-2.78 0-.612.161-1.186.444-1.68 1.62 2.021 4.037 3.35 6.765 3.49a3.398 3.398 0 0 1-.085-.762c0-1.843 1.47-3.339 3.282-3.339.945 0 1.798.406 2.396 1.054a6.534 6.534 0 0 0 2.085-.81 3.348 3.348 0 0 1-1.443 1.848Z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/assets/icons/outlined/stars-outlined.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.901.41a.7.7 0 0 0-1.274 0L7.369 7.59.459 10.13a.7.7 0 0 0-.067 1.286l6.974 3.415 3.274 6.415a.7.7 0 0 0 1.247 0l3.275-6.415 6.974-3.415a.7.7 0 0 0-.067-1.286L15.16 7.59 11.901.41ZM4.005 10.958l4.84-1.778 2.419-5.333 2.42 5.333 4.84 1.778-4.84 2.37-2.42 4.74-2.42-4.74-4.84-2.37Z" fill="#00F"/><path d="m19.558 15.33-1.408 3.169-2.785 1.044a.1.1 0 0 0-.01.183l2.795 1.398 1.41 2.82a.1.1 0 0 0 .18 0l1.41-2.82 2.795-1.398a.1.1 0 0 0-.01-.183L21.15 18.5l-1.409-3.17a.1.1 0 0 0-.183 0Z" fill="#00F"/></svg>

package/assets/icons/outlined/twitter-outlined.svg

@@ -1,4 +1 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.1146 7.34209C18.7788 7.26155 19.4119 7.08237 20 6.81641C19.5605 7.48568 19.003 8.07379 18.3618 8.54452C18.368 8.68749 18.3712 8.83233 18.3712 8.97655C18.3712 13.3898 15.0691 18.4799 9.032 18.4799C7.1784 18.4799 5.45216 17.9261 4 16.9784C4.25597 17.0096 4.51506 17.0259 4.7804 17.0259C6.31809 17.0259 7.72905 16.4921 8.85219 15.5962C7.41626 15.5693 6.19572 14.6035 5.77743 13.2768C5.97846 13.3156 6.167 13.3362 6.37802 13.3362C6.6777 13.3362 6.93429 13.2956 7.20899 13.2194C5.70813 12.9122 4.50944 11.5625 4.50944 9.94487V9.90241C5.13376 10.1534 5.52583 10.3032 6.06337 10.3207C5.18308 9.72198 4.67052 8.69935 4.67052 7.54062C4.67052 6.92879 4.83221 6.35504 5.11503 5.86183C6.73451 7.88212 9.15249 9.21192 11.8801 9.35114C11.8239 9.10641 11.7952 8.85169 11.7952 8.58947C11.7952 6.74586 13.2655 5.25 15.0773 5.25C16.0219 5.25 16.8747 5.65581 17.4734 6.30447C18.2213 6.15401 18.9237 5.87681 19.558 5.49473C19.312 6.27388 18.7919 6.92879 18.1146 7.34209Z" fill="#0000FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2C0 0.89543 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V22C24 23.1046 23.1046 24 22 24H2C0.89543 24 0 23.1046 0 22V2ZM2 2H22V22H2V2Z" fill="#0000FF"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g fill="#00F" clip-path="url(#a)"><path d="M18.115 7.342A6.453 6.453 0 0 0 20 6.816a6.732 6.732 0 0 1-1.638 1.729 10 10 0 0 1 .01.432c0 4.413-3.303 9.503-9.34 9.503A9.175 9.175 0 0 1 4 16.978a6.5 6.5 0 0 0 4.852-1.382c-1.436-.027-2.656-.992-3.075-2.32a3.074 3.074 0 0 0 1.432-.057c-1.5-.307-2.7-1.656-2.7-3.274v-.043c.625.251 1.017.401 1.554.419-.88-.599-1.392-1.622-1.392-2.78 0-.612.161-1.186.444-1.68 1.62 2.021 4.037 3.35 6.765 3.49a3.398 3.398 0 0 1-.085-.762c0-1.843 1.47-3.339 3.282-3.339.945 0 1.798.406 2.396 1.054a6.534 6.534 0 0 0 2.085-.81 3.348 3.348 0 0 1-1.443 1.848Z"/><path fill-rule="evenodd" d="M0 2a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm2 0h20v20H2V2Z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>