@westpac/ui 0.15.0 → 0.16.0

package/dist/components/autocomplete/autocomplete.types.d.ts

@@ -39,6 +39,10 @@ export type AutocompleteProps<T extends object> = {
      * Whether the autocomplete should show a spinner to indicate waiting for data from server
      */
     loadingState?: boolean;
+    /**
+     * Name for input for forms
+     */
+    name?: string;
     /**
      * No option message
      */

package/dist/components/breadcrumb/breadcrumb.component.d.ts

@@ -1,2 +1,2 @@
 import { type BreadcrumbProps } from './breadcrumb.types.js';
-export declare function Breadcrumb({ className, children, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumb({ className, children, 'aria-label': ariaLabel, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/breadcrumb/breadcrumb.component.js

@@ -15,12 +15,13 @@ function _extends() {
 }
 import React, { Children, cloneElement } from 'react';
 import { useBreadcrumbs } from 'react-aria';
-export function Breadcrumb({ className , children , ...props }) {
+export function Breadcrumb({ className , children , 'aria-label': ariaLabel = 'Breadcrumb' , ...props }) {
     const { navProps  } = useBreadcrumbs(props);
     const childCount = Children.count(children);
     var _cloneElement;
     return React.createElement("nav", _extends({
-        className: className
+        className: className,
+        "aria-label": ariaLabel
     }, navProps), React.createElement("ol", {
         className: "m-0 flex list-none p-0"
     }, Children.map(children, (child, i)=>(_cloneElement = cloneElement(child, {

package/dist/components/button/button.component.js

@@ -39,13 +39,15 @@ function BaseButton({ className , size ='medium' , look ='hero' , soft , block =
     }, mergeProps(props, focusProps)), IconBefore && React.createElement(IconBefore, {
         size: iconSize,
         className: styles.iconBefore(),
-        color: iconColor
+        color: iconColor,
+        "aria-hidden": true
     }), React.createElement("span", {
         className: styles.text()
     }, children), IconAfter && React.createElement(IconAfter, {
         size: iconSize,
         className: styles.iconAfter(),
-        color: iconColor
+        color: iconColor,
+        "aria-hidden": true
     }));
 }
 export const Button = forwardRef(BaseButton);

package/dist/components/button-group/button-group.types.d.ts

@@ -1,12 +1,15 @@
 import { AriaRadioGroupProps } from 'react-aria';
 import { RadioGroupState } from 'react-stately';
+import { VariantProps } from 'tailwind-variants';
 import { type ButtonProps } from '../button/index.js';
+import { styles } from './components/button-group-button/button-group-button.styles.js';
 import { ButtonGroupButtonProps } from './components/button-group-button/button-group-button.types.js';
+type Variants = VariantProps<typeof styles>;
 export type ButtonGroupProps = {
     /**
      * Sets whether buttons fill the entire box they are located in
      */
-    block?: boolean;
+    block?: Variants['block'];
     /**
      * The `Button` components to render in the form of an object
      */
@@ -32,9 +35,10 @@ export type ButtonGroupContextState = {
     /**
      * Sets whether buttons fill the entire box they are located in
      */
-    block?: boolean;
+    block?: Variants['block'];
     /**
      * Controls look of `Button` components, can't be applied directly to `Button`
      */
     look?: 'hero' | 'primary';
 } & RadioGroupState & Pick<ButtonProps, 'size'>;
+export {};

package/dist/components/button-group/components/button-group-button/button-group-button.styles.d.ts

@@ -13,6 +13,9 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         true: {
             base: string;
         };
+        false: {
+            base: string;
+        };
     };
 }, {
     base: string;
@@ -34,6 +37,9 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         true: {
             base: string;
         };
+        false: {
+            base: string;
+        };
     };
 }, {
     base: string;

package/dist/components/button-group/components/button-group-button/button-group-button.styles.js

@@ -18,6 +18,9 @@ export const styles = tv({
         block: {
             true: {
                 base: 'w-full'
+            },
+            false: {
+                base: 'w-auto'
             }
         }
     }

package/dist/components/checkbox-group/checkbox-group.component.js

@@ -13,7 +13,7 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React, { createContext, useEffect, useMemo, useRef, useState } from 'react';
+import React, { createContext, useEffect, useId, useMemo, useRef, useState } from 'react';
 import { useCheckboxGroup, useFocusRing } from 'react-aria';
 import { useCheckboxGroupState } from 'react-stately';
 import { Button } from '../button/index.js';
@@ -50,6 +50,7 @@ export function CheckboxGroup({ className , checkboxes , label , orientation ='v
         orientation,
         isFocusVisible
     });
+    const panelId = useId();
     const childrenToRender = useMemo(()=>{
         const newChildren = checkboxes.map((checkbox, index)=>React.createElement(CheckboxGroupCheckbox, _extends({
                 key: index,
@@ -77,7 +78,8 @@ export function CheckboxGroup({ className , checkboxes , label , orientation ='v
     }, groupProps), React.createElement(Label, _extends({}, labelProps), label), hintMessage && React.createElement(Hint, _extends({}, descriptionProps), hintMessage), errorMessage && state.validationState === 'invalid' && React.createElement(ErrorMessage, _extends({}, errorMessageProps, {
         message: errorMessage
     })), React.createElement("div", {
-        className: styles.itemWrapper()
+        className: styles.itemWrapper(),
+        id: panelId
     }, React.createElement(CheckboxGroupContext.Provider, {
         value: {
             ...state,
@@ -91,7 +93,9 @@ export function CheckboxGroup({ className , checkboxes , label , orientation ='v
         iconAfter: ()=>React.createElement(ExpandMoreIcon, {
                 size: "small",
                 color: "link"
-            })
+            }),
+        "aria-controls": panelId,
+        "aria-expanded": !hiddenOptions
     }, focusProps), React.createElement("p", {
         className: styles.buttonText()
     }, `Show ${revealAmount} more ${revealAmount === 1 ? 'item' : 'items'}`))));

package/dist/components/checkbox-group/components/checkbox-group-checkbox/checkbox-group-checkbox.component.js

@@ -18,7 +18,7 @@ import { VisuallyHidden, useCheckboxGroupItem, useFocusRing } from 'react-aria';
 import { Icon } from '../../../icon/icon.component.js';
 import { CheckboxGroupContext } from '../../checkbox-group.component.js';
 import { styles as checkboxItemStyles } from './checkbox-group-checkbox.styles.js';
-function CheckIcon({ copyrightYear ='2023' , size , ...props }) {
+function CheckIcon({ copyrightYear ='2024' , size , ...props }) {
     const viewBoxSize = size === 'large' ? '0 0 30 30' : '0 0 24 24';
     return React.createElement(Icon, _extends({
         copyrightYear: copyrightYear,

package/dist/components/compacta/compacta.styles.js

@@ -12,7 +12,7 @@ export const styles = tv({
         addBtn: 'h-auto p-0 no-underline hover:underline',
         toggleBtn: 'p-0',
         collapsible: '',
-        content: 'px-3 pb-5 pt-0 xsl:pl-9',
+        content: 'px-3 pb-5 pt-0 md:px-9',
         footer: '',
         titlePrimary: 'typography-body-9 font-bold',
         titleSecondary: 'mt-1 items-center',

package/dist/components/footer/footer.component.js

@@ -55,12 +55,12 @@ export function Footer({ brand , logoLink ='#' , logoAssistiveText , hideLogo =f
         className: styles.topRow()
     }, React.createElement(GridItem, {
         span: 12
-    }, children)), React.createElement(Grid, null, React.createElement(GridItem, {
+    }, children)), !hideLogo && React.createElement(Grid, null, React.createElement(GridItem, {
         span: {
             initial: 12,
             md: 1
         }
-    }, !hideLogo && React.createElement("a", _extends({
+    }, React.createElement("a", _extends({
         href: logoLink,
         className: styles.link()
     }, focusProps), srOnlyText && React.createElement(VisuallyHidden, null, srOnlyText), React.createElement(Logo, {

package/dist/components/footer/footer.styles.d.ts

@@ -10,6 +10,12 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
             link: string;
         };
     };
+    hideLogo: {
+        true: string;
+        false: {
+            topRow: string;
+        };
+    };
 }, {
     base: string;
     wrapper: string;
@@ -29,6 +35,12 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
             link: string;
         };
     };
+    hideLogo: {
+        true: string;
+        false: {
+            topRow: string;
+        };
+    };
 }, {
     base: string;
     wrapper: string;

package/dist/components/footer/footer.styles.js

@@ -3,7 +3,7 @@ export const styles = tv({
     slots: {
         base: 'relative overflow-hidden border-t-[1px] border-t-primary',
         wrapper: 'pt-3 max-md:px-2 max-md:pb-3 md:px-4 md:pb-4',
-        topRow: 'max-md:mb-7 md:mb-4',
+        topRow: '',
         link: 'float-right block'
     },
     variants: {
@@ -17,6 +17,12 @@ export const styles = tv({
             true: {
                 link: 'focus-outline'
             }
+        },
+        hideLogo: {
+            true: '',
+            false: {
+                topRow: 'max-md:mb-7 md:mb-4'
+            }
         }
     }
 }, {

package/dist/components/icon/components/accessibility-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AccessibilityIcon({ 'aria-label': ariaLabel = 'Accessibility' , copyrightYear ='2023' , ...props }) {
+export function AccessibilityIcon({ 'aria-label': ariaLabel = 'Accessibility' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/account-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AccountIcon({ look ='filled' , 'aria-label': ariaLabel = 'Account' , copyrightYear ='2023' , ...props }) {
+export function AccountIcon({ look ='filled' , 'aria-label': ariaLabel = 'Account' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/add-circle-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AddCircleIcon({ look ='filled' , 'aria-label': ariaLabel = 'Add Circle' , copyrightYear ='2023' , ...props }) {
+export function AddCircleIcon({ look ='filled' , 'aria-label': ariaLabel = 'Add Circle' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/add-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AddIcon({ 'aria-label': ariaLabel = 'Add' , copyrightYear ='2023' , ...props }) {
+export function AddIcon({ 'aria-label': ariaLabel = 'Add' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/alert-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AlertIcon({ look ='filled' , 'aria-label': ariaLabel = 'Alert' , copyrightYear ='2023' , ...props }) {
+export function AlertIcon({ look ='filled' , 'aria-label': ariaLabel = 'Alert' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/android-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AndroidIcon({ 'aria-label': ariaLabel = 'Android' , copyrightYear ='2023' , ...props }) {
+export function AndroidIcon({ 'aria-label': ariaLabel = 'Android' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/apple-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AppleIcon({ 'aria-label': ariaLabel = 'Apple' , copyrightYear ='2023' , ...props }) {
+export function AppleIcon({ 'aria-label': ariaLabel = 'Apple' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/archive-box-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function ArchiveBoxIcon({ look ='filled' , 'aria-label': ariaLabel = 'Archive Box' , copyrightYear ='2023' , ...props }) {
+export function ArchiveBoxIcon({ look ='filled' , 'aria-label': ariaLabel = 'Archive Box' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/arrow-fork-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowForkIcon({ 'aria-label': ariaLabel = 'Arrow Fork' , copyrightYear ='2023' , ...props }) {
+export function ArrowForkIcon({ 'aria-label': ariaLabel = 'Arrow Fork' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/arrow-left-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowLeftIcon({ 'aria-label': ariaLabel = 'Arrow Left' , copyrightYear ='2023' , ...props }) {
+export function ArrowLeftIcon({ 'aria-label': ariaLabel = 'Arrow Left' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/arrow-right-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowRightIcon({ 'aria-label': ariaLabel = 'Arrow Right' , copyrightYear ='2023' , ...props }) {
+export function ArrowRightIcon({ 'aria-label': ariaLabel = 'Arrow Right' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/arrow-split-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowSplitIcon({ 'aria-label': ariaLabel = 'Arrow Split' , copyrightYear ='2023' , ...props }) {
+export function ArrowSplitIcon({ 'aria-label': ariaLabel = 'Arrow Split' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/atm-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AtmIcon({ look ='filled' , 'aria-label': ariaLabel = 'Atm' , copyrightYear ='2023' , ...props }) {
+export function AtmIcon({ look ='filled' , 'aria-label': ariaLabel = 'Atm' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/attache-case-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AttacheCaseIcon({ look ='filled' , 'aria-label': ariaLabel = 'Attache Case' , copyrightYear ='2023' , ...props }) {
+export function AttacheCaseIcon({ look ='filled' , 'aria-label': ariaLabel = 'Attache Case' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/australia-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AustraliaIcon({ look ='filled' , 'aria-label': ariaLabel = 'Australia' , copyrightYear ='2023' , ...props }) {
+export function AustraliaIcon({ look ='filled' , 'aria-label': ariaLabel = 'Australia' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/baby-buggy-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BabyBuggyIcon({ look ='filled' , 'aria-label': ariaLabel = 'Baby Buggy' , copyrightYear ='2023' , ...props }) {
+export function BabyBuggyIcon({ look ='filled' , 'aria-label': ariaLabel = 'Baby Buggy' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/backspace-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BackspaceIcon({ look ='filled' , 'aria-label': ariaLabel = 'Backspace' , copyrightYear ='2023' , ...props }) {
+export function BackspaceIcon({ look ='filled' , 'aria-label': ariaLabel = 'Backspace' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/bank-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BankIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bank' , copyrightYear ='2023' , ...props }) {
+export function BankIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bank' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/bar-chart-down-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BarChartDownIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bar Chart Down' , copyrightYear ='2023' , ...props }) {
+export function BarChartDownIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bar Chart Down' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/bar-chart-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BarChartIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bar Chart' , copyrightYear ='2023' , ...props }) {
+export function BarChartIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bar Chart' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/barbell-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function BarbellIcon({ 'aria-label': ariaLabel = 'Barbell' , copyrightYear ='2023' , ...props }) {
+export function BarbellIcon({ 'aria-label': ariaLabel = 'Barbell' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/book-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function BookIcon({ look ='filled' , 'aria-label': ariaLabel = 'Book' , copyrightYear ='2023' , ...props }) {
+export function BookIcon({ look ='filled' , 'aria-label': ariaLabel = 'Book' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/bpay-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BpayIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bpay' , copyrightYear ='2023' , ...props }) {
+export function BpayIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bpay' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/briefcase-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BriefcaseIcon({ look ='filled' , 'aria-label': ariaLabel = 'Briefcase' , copyrightYear ='2023' , ...props }) {
+export function BriefcaseIcon({ look ='filled' , 'aria-label': ariaLabel = 'Briefcase' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/bug-report-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BugReportIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bug Report' , copyrightYear ='2023' , ...props }) {
+export function BugReportIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bug Report' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/burger-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BurgerIcon({ look ='filled' , 'aria-label': ariaLabel = 'Burger' , copyrightYear ='2023' , ...props }) {
+export function BurgerIcon({ look ='filled' , 'aria-label': ariaLabel = 'Burger' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/business-person-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BusinessPersonIcon({ look ='filled' , 'aria-label': ariaLabel = 'Business Person' , copyrightYear ='2023' , ...props }) {
+export function BusinessPersonIcon({ look ='filled' , 'aria-label': ariaLabel = 'Business Person' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/cafe-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function CafeIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cafe' , copyrightYear ='2023' , ...props }) {
+export function CafeIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cafe' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/cake-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function CakeIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cake' , copyrightYear ='2023' , ...props }) {
+export function CakeIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cake' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/calculate-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function CalculateIcon({ look ='filled' , 'aria-label': ariaLabel = 'Calculate' , copyrightYear ='2023' , ...props }) {
+export function CalculateIcon({ look ='filled' , 'aria-label': ariaLabel = 'Calculate' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/calculator-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function CalculatorIcon({ look ='filled' , 'aria-label': ariaLabel = 'Calculator' , copyrightYear ='2023' , ...props }) {
+export function CalculatorIcon({ look ='filled' , 'aria-label': ariaLabel = 'Calculator' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/calendar-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function CalendarIcon({ look ='filled' , 'aria-label': ariaLabel = 'Calendar' , copyrightYear ='2023' , ...props }) {
+export function CalendarIcon({ look ='filled' , 'aria-label': ariaLabel = 'Calendar' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/camera-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function CameraIcon({ look ='filled' , 'aria-label': ariaLabel = 'Camera' , copyrightYear ='2023' , ...props }) {
+export function CameraIcon({ look ='filled' , 'aria-label': ariaLabel = 'Camera' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/car-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function CarIcon({ look ='filled' , 'aria-label': ariaLabel = 'Car' , copyrightYear ='2023' , ...props }) {
+export function CarIcon({ look ='filled' , 'aria-label': ariaLabel = 'Car' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/cardless-cash-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function CardlessCashIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cardless Cash' , copyrightYear ='2023' , ...props }) {
+export function CardlessCashIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cardless Cash' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/cart-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function CartIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cart' , copyrightYear ='2023' , ...props }) {
+export function CartIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cart' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear

package/dist/components/icon/components/chat-icon.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function ChatIcon({ look ='filled' , 'aria-label': ariaLabel = 'Chat' , copyrightYear ='2023' , ...props }) {
+export function ChatIcon({ look ='filled' , 'aria-label': ariaLabel = 'Chat' , copyrightYear ='2024' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear