Merge pull request #771 from WestpacGEL/feature/icons-pictograms-765-…

…767-768

Feature/icons pictograms 765 767 768

.changeset/beige-ghosts-share.md

@@ -0,0 +1,5 @@
+---
+'@westpac/ui': minor
+---
+
+Add Twitter,stars icons and sparkle pictogram

packages/ui/src/components/icon/components/accessibility-icon.tsx

@@ -5,7 +5,7 @@ import { type IconProps } from '../icon.types.js';
 
 export function AccessibilityIcon({
   'aria-label': ariaLabel = 'Accessibility',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/account-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function AccountIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Account',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/add-circle-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function AddCircleIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Add Circle',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/add-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function AddIcon({ 'aria-label': ariaLabel = 'Add', copyrightYear = '2024', ...props }: IconProps) {
+export function AddIcon({ 'aria-label': ariaLabel = 'Add', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path d="M11 11H4V13H11V20H13V13H20V11H13V4H11V11Z" fill="currentColor" />

packages/ui/src/components/icon/components/alert-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function AlertIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Alert',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/android-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function AndroidIcon({ 'aria-label': ariaLabel = 'Android', copyrightYear = '2024', ...props }: IconProps) {
+export function AndroidIcon({ 'aria-label': ariaLabel = 'Android', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path

packages/ui/src/components/icon/components/apple-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function AppleIcon({ 'aria-label': ariaLabel = 'Apple', copyrightYear = '2024', ...props }: IconProps) {
+export function AppleIcon({ 'aria-label': ariaLabel = 'Apple', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path

packages/ui/src/components/icon/components/archive-box-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function ArchiveBoxIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Archive Box',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/arrow-fork-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function ArrowForkIcon({ 'aria-label': ariaLabel = 'Arrow Fork', copyrightYear = '2024', ...props }: IconProps) {
+export function ArrowForkIcon({ 'aria-label': ariaLabel = 'Arrow Fork', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path

packages/ui/src/components/icon/components/arrow-left-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function ArrowLeftIcon({ 'aria-label': ariaLabel = 'Arrow Left', copyrightYear = '2024', ...props }: IconProps) {
+export function ArrowLeftIcon({ 'aria-label': ariaLabel = 'Arrow Left', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path d="M9.82435 12L16.4121 18.5878L15 20L7 12L15 4L16.4122 5.41218L9.82435 12Z" fill="currentColor" />

packages/ui/src/components/icon/components/arrow-right-icon.tsx

@@ -5,7 +5,7 @@ import { type IconProps } from '../icon.types.js';
 
 export function ArrowRightIcon({
   'aria-label': ariaLabel = 'Arrow Right',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/arrow-split-icon.tsx

@@ -5,7 +5,7 @@ import { type IconProps } from '../icon.types.js';
 
 export function ArrowSplitIcon({
   'aria-label': ariaLabel = 'Arrow Split',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/atm-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function AtmIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Atm',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/attache-case-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function AttacheCaseIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Attache Case',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/australia-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function AustraliaIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Australia',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/baby-buggy-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function BabyBuggyIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Baby Buggy',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/backspace-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function BackspaceIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Backspace',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/bank-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function BankIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Bank',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/bar-chart-down-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function BarChartDownIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Bar Chart Down',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/bar-chart-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function BarChartIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Bar Chart',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/barbell-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function BarbellIcon({ 'aria-label': ariaLabel = 'Barbell', copyrightYear = '2024', ...props }: IconProps) {
+export function BarbellIcon({ 'aria-label': ariaLabel = 'Barbell', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path

packages/ui/src/components/icon/components/book-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function BookIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Book',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/bpay-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function BpayIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Bpay',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/briefcase-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function BriefcaseIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Briefcase',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/bug-report-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function BugReportIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Bug Report',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/burger-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function BurgerIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Burger',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/business-person-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function BusinessPersonIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Business Person',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/cafe-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function CafeIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Cafe',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/cake-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function CakeIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Cake',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/calculate-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function CalculateIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Calculate',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/calculator-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function CalculatorIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Calculator',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/calendar-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function CalendarIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Calendar',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/camera-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function CameraIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Camera',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/car-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function CarIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Car',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/cardless-cash-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function CardlessCashIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Cardless Cash',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/cart-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function CartIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Cart',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/chat-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function ChatIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Chat',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/check-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function CheckIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Check',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/clear-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function ClearIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Clear',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/clock-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function ClockIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Clock',
-  copyrightYear = '2024',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (

packages/ui/src/components/icon/components/close-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function CloseIcon({ 'aria-label': ariaLabel = 'Close', copyrightYear = '2024', ...props }: IconProps) {
+export function CloseIcon({ 'aria-label': ariaLabel = 'Close', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path