@westpac/ui 0.24.0 → 0.25.0

package/dist/components/filter/components/filter-buttons/filter-buttons.types.d.ts

@@ -20,10 +20,6 @@ export type FilterButtonsProps = {
      * Function that is called when a button on the filter is clicked
      */
     onClick: (id: string) => unknown;
-    /**
-     * Needed for custom `aria-description`, number of results filter returns
-     */
-    resultsFound: number;
     /**
      * id of which button should be selected
      */

package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.styles.d.ts

@@ -28,4 +28,20 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
     };
 }, {
     base: string;
-}>;
+}, import("tailwind-variants").TVReturnType<{
+    align: {
+        center: {
+            base: string;
+        };
+        top: {
+            base: string;
+        };
+        bottom: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+}, undefined, {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.styles.d.ts

@@ -24,4 +24,18 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
             base: string;
         };
     };
-}, undefined>;
+}, undefined, import("tailwind-variants").TVReturnType<{
+    isLink: {
+        true: string;
+    };
+    isFocusVisible: {
+        true: string;
+    };
+    multipleChildren: {
+        true: {
+            base: string;
+        };
+    };
+}, undefined, "flex flex-1 flex-col gap-1 overflow-hidden", {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.styles.d.ts

@@ -4,4 +4,8 @@ export declare const styles: import("tailwind-variants").TVReturnType<{}, {
     responsiveVariants: string[];
 }, {}, {
     base: string;
-}>;
+}, import("tailwind-variants").TVReturnType<{}, {
+    base: string;
+}, undefined, {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
 import { IconProps } from '../../../../components/icon/icon.types.js';
 import { type ButtonProps } from '../../../../components/index.js';
 export type FlexiCellButtonProps = {

package/dist/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.styles.d.ts

@@ -4,4 +4,8 @@ export declare const styles: import("tailwind-variants").TVReturnType<{}, {
     responsiveVariants: string[];
 }, {}, {
     base: string;
-}>;
+}, import("tailwind-variants").TVReturnType<{}, {
+    base: string;
+}, undefined, {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.styles.d.ts

@@ -1,3 +1,5 @@
 export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "mt-2 flex gap-2", {
     responsiveVariants: string[];
-}, {}, undefined>;
+}, {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "mt-2 flex gap-2", {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.styles.d.ts

@@ -8,4 +8,10 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
     truncateText: {
         true: string;
     };
-}, undefined>;
+}, undefined, import("tailwind-variants").TVReturnType<{
+    truncateText: {
+        true: string;
+    };
+}, undefined, "typography-body-10 m-0 font-normal text-muted", {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.styles.d.ts

@@ -16,4 +16,14 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined>;
+}, undefined, import("tailwind-variants").TVReturnType<{
+    truncateText: {
+        true: string;
+    };
+    rightLabel: {
+        true: string;
+        false: string;
+    };
+}, undefined, "typography-body-9 mb-0 content-start font-medium text-text transition-colors", {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/flexi-cell/flexi-cell.component.js

@@ -18,7 +18,7 @@ import { mergeProps, useFocusRing } from 'react-aria';
 import { ArrowRightIcon } from '../icon/index.js';
 import { FlexiCellAdornment, FlexiCellBody } from './components/index.js';
 import { styles as flexiCellStyles } from './flexi-cell.styles.js';
-function FlexiCellBase({ className , tag: Tag = 'div' , children , before , after , withArrow , withBorder =false , href , dualAction =false , topBadge: TopBadge , size ='default' , disabled , tabIndex , ...props }, ref) {
+function FlexiCellBase({ className , tag: Tag = 'div' , children , before , after , withArrow , withBorder =false , href , dualAction =false , topBadge: TopBadge , size ='default' , disabled , tabIndex , body =true , ...props }, ref) {
     const { isFocusVisible , focusProps  } = useFocusRing();
     const styles = flexiCellStyles({
         className,
@@ -45,7 +45,9 @@ function FlexiCellBase({ className , tag: Tag = 'div' , children , before , afte
     })), before, dualAction && href ? React.createElement(FlexiCellBody, {
         tag: "a",
         href: href
-    }, children) : React.createElement(FlexiCellBody, null, children), after, withArrow && React.createElement(FlexiCellAdornment, {
+    }, children) : body ? React.createElement(FlexiCellBody, null, children) : React.createElement("div", {
+        className: "flex-1"
+    }, children), after, withArrow && React.createElement(FlexiCellAdornment, {
         align: "top"
     }, React.createElement(ArrowRightIcon, {
         color: "link",

package/dist/components/flexi-cell/flexi-cell.styles.d.ts

@@ -76,4 +76,44 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
     base: string;
     topBadgeWrapper: string;
     topBadge: string;
-}>;
+}, import("tailwind-variants").TVReturnType<{
+    withBorder: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+    isLink: {
+        true: {
+            base: string;
+        };
+        false: string;
+    };
+    isFocusVisible: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    shouldHoverEffect: {
+        true: {
+            base: string;
+        };
+    };
+    size: {
+        default: {
+            base: string;
+        };
+        large: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    topBadgeWrapper: string;
+    topBadge: string;
+}, undefined, {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/flexi-cell/flexi-cell.types.d.ts

@@ -12,6 +12,10 @@ type BaseFlexiCellProps = {
      * Renders an element on the left
      */
     before?: ReactNode;
+    /**
+     * Wraps everything into FlexiCellBody
+     */
+    body?: boolean;
     /**
      * the middle content of FlexiCell
      */

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

@@ -46,4 +46,29 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
     wrapper: string;
     topRow: string;
     link: string;
-}>;
+}, import("tailwind-variants").TVReturnType<{
+    offsetSidebar: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    isFocusVisible: {
+        true: {
+            link: string;
+        };
+    };
+    hideLogo: {
+        true: string;
+        false: {
+            topRow: string;
+        };
+    };
+}, {
+    base: string;
+    wrapper: string;
+    topRow: string;
+    link: string;
+}, undefined, {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

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

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
-        base: 'relative overflow-hidden border-t-[1px] border-t-border',
+        base: 'relative overflow-hidden border-t border-t-border',
         wrapper: 'pt-3 max-md:px-2 max-md:pb-3 md:px-4 md:pb-4',
         topRow: '',
         link: 'float-right block'

package/dist/components/form/components/form-chit-chat/form-chit-chat.styles.d.ts

@@ -1,5 +1 @@
-export declare const styles: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "typography-body-8 m-0 text-center font-bold leading-[1.125rem] text-heading sm:mb-5"> | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "typography-body-8 m-0 text-center font-bold leading-[1.125rem] text-heading sm:mb-5">;
-    } | undefined;
-} | {}, undefined, "typography-body-8 m-0 text-center font-bold leading-[1.125rem] text-heading sm:mb-5", TVConfig<V, EV>, import("tailwind-variants").TVVariantsDefault<undefined, "typography-body-8 m-0 text-center font-bold leading-[1.125rem] text-heading sm:mb-5"> | {}, undefined>;
+export declare const styles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "typography-body-8 m-0 text-center font-bold leading-[1.125rem] text-heading sm:mb-5", TVConfig<V, EV>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "typography-body-8 m-0 text-center font-bold leading-[1.125rem] text-heading sm:mb-5", TVConfig<V, EV>, unknown, unknown, undefined>>;

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

@@ -18,4 +18,15 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         medium: string;
         large: string;
     };
-}, undefined>;
+}, undefined, import("tailwind-variants").TVReturnType<{
+    inline: {
+        true: string;
+        false: string;
+    };
+    spacing: {
+        medium: string;
+        large: string;
+    };
+}, undefined, "", {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/form/components/form-section/form-section.styles.d.ts

@@ -10,4 +10,11 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined>;
+}, undefined, import("tailwind-variants").TVReturnType<{
+    noPadding: {
+        true: string;
+        false: string;
+    };
+}, undefined, "relative border-t border-t-border first:border-t-0 [&:not(:first-of-type)]:pt-5 md:[&:not(:first-of-type)]:pt-6 [&:not(:last-child)]:pb-1", {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/grid/components/grid-container/grid-container.styles.d.ts

@@ -10,4 +10,11 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined>;
+}, undefined, import("tailwind-variants").TVReturnType<{
+    fixed: {
+        true: string;
+        false: string;
+    };
+}, undefined, "mx-auto box-border w-full", {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/grid/components/grid-item/grid-item.styles.d.ts

@@ -74,4 +74,43 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         11: string;
         12: string;
     };
-}, undefined>;
+}, undefined, import("tailwind-variants").TVReturnType<{
+    rowSpan: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+    span: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+    };
+    start: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+    };
+}, undefined, "", {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

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

@@ -1,3 +1,5 @@
 export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "grid h-auto grid-flow-row auto-rows-[minmax(32px,auto)] grid-cols-[repeat(12,_1fr)] gap-2 xsl:gap-3 sm:gap-4", {
     responsiveVariants: string[];
-}, {}, undefined>;
+}, {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "grid h-auto grid-flow-row auto-rows-[minmax(32px,auto)] grid-cols-[repeat(12,_1fr)] gap-2 xsl:gap-3 sm:gap-4", {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

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

@@ -76,4 +76,44 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
     leftContent: string;
     leftButton: string;
     rightContent: string;
-}>;
+}, import("tailwind-variants").TVReturnType<{
+    logoCenter: {
+        true: {
+            logoLink: string;
+            smallLogo: string;
+        };
+        false: {
+            logoLink: string;
+        };
+    };
+    fixed: {
+        true: {
+            base: string;
+            inner: string;
+        };
+    };
+    leftIcon: {
+        arrow: {
+            leftButton: string;
+        };
+        hamburger: {
+            leftButton: string;
+        };
+    };
+    scrolled: {
+        true: {
+            inner: string;
+        };
+    };
+}, {
+    base: string;
+    inner: string;
+    logoLink: string;
+    smallLogo: string;
+    largeLogo: string;
+    leftContent: string;
+    leftButton: string;
+    rightContent: string;
+}, undefined, {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/header/header.styles.js

@@ -7,7 +7,7 @@ export const styles = tv({
         smallLogo: 'sm:hidden',
         largeLogo: 'max-sm:hidden',
         leftContent: 'flex items-center',
-        leftButton: 'my-1 border-r-[1px] border-[#E8E8ED] p-0 max-sm:-ml-2 max-sm:mr-2 max-sm:h-7 max-sm:min-w-[2.625rem] sm:-ml-4 sm:mr-3 sm:h-[3.3125rem] sm:min-w-[3.75rem]',
+        leftButton: 'my-1 border-r border-[#E8E8ED] p-0 max-sm:-ml-2 max-sm:mr-2 max-sm:h-7 max-sm:min-w-[2.625rem] sm:-ml-4 sm:mr-3 sm:h-[3.3125rem] sm:min-w-[3.75rem]',
         rightContent: 'ml-auto flex items-center'
     },
     variants: {

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

@@ -42,4 +42,27 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         true: string;
         false: {};
     };
-}, undefined>;
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+    };
+    brandHeading: {
+        true: {};
+        false: {};
+    };
+    uppercase: {
+        true: string;
+        false: {};
+    };
+}, undefined, "", {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

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

@@ -10,4 +10,11 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         medium: string;
         large: string;
     };
-}, undefined>;
+}, undefined, import("tailwind-variants").TVReturnType<{
+    spacing: {
+        medium: string;
+        large: string;
+    };
+}, undefined, "typography-body-11 mb-2 text-muted", {
+    responsiveVariants: string[];
+}, unknown, unknown, undefined>>;

package/dist/components/icon/components/cancel-card-icon.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from '../icon.types.js';
+export declare function CancelCardIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icon/components/cancel-card-icon.js

@@ -0,0 +1,48 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React, { Fragment } from 'react';
+import { Icon } from '../icon.component.js';
+export function CancelCardIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cancel Card' , copyrightYear ='2024' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        fill: "none"
+    }, React.createElement("path", {
+        "fill-rule": "evenodd",
+        d: "M1.416.002 0 1.416l.908.907A1.998 1.998 0 0 0 0 4v16a2 2 0 0 0 2 2h18.585l1.998 1.998 1.415-1.414-.908-.907L1.416.002ZM4.585 6H1v4h7.585l-4-4Z",
+        "clip-rule": "evenodd",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M23 10h-8.758L24 19.757V4a2 2 0 0 0-2-2H6.242l4 4H23v4Z",
+        fill: "currentColor"
+    }))) : React.createElement(Fragment, null, React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        fill: "none"
+    }, React.createElement("path", {
+        "fill-rule": "evenodd",
+        d: "M1.416.002 0 1.416l.908.907A1.998 1.998 0 0 0 0 4v16a2 2 0 0 0 2 2h18.585l1.998 1.998 1.415-1.414-.908-.907L1.416.002ZM2.585 4H2v4h4.585l-4-4Zm8 8H2v8h16.585l-8-8Z",
+        "clip-rule": "evenodd",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M22 8h-9.758l4 4H22v5.757l2 2V4a2 2 0 0 0-2-2H6.242l2 2H22v4Z",
+        fill: "currentColor"
+    }))));
+}

package/dist/components/icon/components/circle-icon.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from '../icon.types.js';
+export declare function CircleIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,42 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React, { Fragment } from 'react';
+import { Icon } from '../icon.component.js';
+export function CircleIcon({ look ='filled' , 'aria-label': ariaLabel = 'Circle' , copyrightYear ='2024' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("svg", {
+        width: "24",
+        height: "24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, React.createElement("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M12 24c6.628 0 12-5.373 12-12S18.628 0 12 0 0 5.373 0 12s5.372 12 12 12Z",
+        fill: "currentColor"
+    }))) : React.createElement(Fragment, null, React.createElement("svg", {
+        width: "24",
+        height: "24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, React.createElement("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M24 12c0 6.627-5.372 12-12 12S0 18.627 0 12 5.372 0 12 0s12 5.373 12 12ZM12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Z",
+        fill: "currentColor"
+    }))));
+}

package/dist/components/icon/components/quick-balance-icon.js

@@ -18,24 +18,28 @@ export function QuickBalanceIcon({ look ='filled' , 'aria-label': ariaLabel = 'Q
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), look === 'filled' ? React.createElement("path", {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M20.9444 22C22.8446 19.877 24 17.0734 24 14C24 7.37258 18.6274 2 12 2C5.37258 2 0 7.37258 0 14C0 17.0734 1.15541 19.877 3.05557 22H20.9444ZM5 14C5 10.134 8.13401 7 12 7C13.3679 7 14.6441 7.39234 15.7223 8.07062L17.468 6.85091C15.9523 5.6899 14.0567 5 12 5C7.02944 5 3 9.02944 3 14C3 15.6376 3.4383 17.1759 4.20465 18.5007C4.48119 18.9788 5.09292 19.1421 5.57098 18.8656C6.04904 18.5891 6.21241 17.9773 5.93586 17.4993C5.34086 16.4707 5 15.2767 5 14ZM19.1511 8.53462L17.9339 10.2849C18.6094 11.3616 19 12.6352 19 14C19 15.2767 18.6591 16.4707 18.0641 17.4993C17.7876 17.9773 17.951 18.5891 18.429 18.8656C18.9071 19.1421 19.5188 18.9788 19.7953 18.5007C20.5617 17.1759 21 15.6376 21 14C21 11.9445 20.3109 10.0499 19.1511 8.53462ZM19 7L14.235 13.8517C14.277 14.4809 14.0745 15.1132 13.5907 15.5909C12.7065 16.4639 11.2815 16.4759 10.4085 15.5909C9.53549 14.7067 9.52424 13.2817 10.4085 12.4094C10.893 11.9309 11.5492 11.7172 12.1777 11.7667L19 7Z",
+    }, props), look === 'filled' ? React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        fill: "none"
+    }, React.createElement("path", {
+        "fill-rule": "evenodd",
+        d: "M24 14c0 3.073-1.155 5.877-3.056 8H3.056A11.955 11.955 0 0 1 0 14C0 7.373 5.373 2 12 2s12 5.373 12 12Zm-3.877-3.88-1.528 1.528c.262.735.405 1.527.405 2.352 0 1.277-.34 2.47-.936 3.5a1 1 0 0 0 1.731 1A8.963 8.963 0 0 0 21 14c0-1.39-.315-2.705-.877-3.88ZM15.88 5.877A9 9 0 0 0 4.204 18.501a1 1 0 0 0 1.732-1.002 7 7 0 0 1 8.416-10.094l1.528-1.528Zm2.827 2.83a1 1 0 0 0-1.414-1.414l-4.775 4.775a2 2 0 1 0 1.414 1.414l4.775-4.775Z",
+        "clip-rule": "evenodd",
         fill: "currentColor"
-    }) : React.createElement(Fragment, null, React.createElement("path", {
-        d: "M6 14C6 10.6863 8.68629 8 12 8C13.0188 8 13.9783 8.25393 14.8187 8.70196L16.6024 7.45567C15.3008 6.53858 13.7133 6 12 6C7.58172 6 4 9.58172 4 14C4 15.0048 4.18573 15.9686 4.52561 16.8572C4.72291 17.3731 5.30102 17.6313 5.81686 17.434C6.3327 17.2367 6.59094 16.6586 6.39364 16.1428C6.13963 15.4786 6 14.7568 6 14Z",
+    })) : React.createElement(Fragment, null, React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        fill: "none"
+    }, React.createElement("path", {
+        d: "m17.797 12.446 1.57-1.57c.407.96.633 2.016.633 3.124a7.983 7.983 0 0 1-.526 2.857 1 1 0 1 1-1.868-.714A5.984 5.984 0 0 0 18 14a6.01 6.01 0 0 0-.203-1.554ZM12 6c1.108 0 2.164.225 3.124.633l-1.57 1.57a6 6 0 0 0-7.16 7.94 1 1 0 1 1-1.868.714A8 8 0 0 1 12 6ZM17.293 7.293a1 1 0 1 1 1.414 1.414l-4.775 4.775a2 2 0 1 1-1.414-1.414l4.775-4.775Z",
         fill: "currentColor"
     }), React.createElement("path", {
-        d: "M18.5477 9.40229L17.3034 11.1914C17.7481 12.0294 18 12.9853 18 14C18 14.7568 17.8604 15.4786 17.6064 16.1428C17.4091 16.6586 17.6673 17.2367 18.1831 17.434C18.699 17.6313 19.2771 17.3731 19.4744 16.8572C19.8143 15.9686 20 15.0048 20 14C20 12.2888 19.4627 10.703 18.5477 9.40229Z",
+        "fill-rule": "evenodd",
+        d: "M24 14c0 3.073-1.155 5.877-3.056 8H3.056A11.955 11.955 0 0 1 0 14C0 7.373 5.373 2 12 2s12 5.373 12 12Zm-2 0a9.947 9.947 0 0 1-2 6H4a9.948 9.948 0 0 1-2-6C2 8.477 6.477 4 12 4s10 4.477 10 10Z",
+        "clip-rule": "evenodd",
         fill: "currentColor"
-    }), React.createElement("path", {
-        d: "M14.235 13.8517L19 7L12.1777 11.7667C11.5492 11.7172 10.893 11.9309 10.4085 12.4094C9.52424 13.2817 9.53549 14.7067 10.4085 15.5909C11.2815 16.4759 12.7065 16.4639 13.5907 15.5909C14.0745 15.1132 14.277 14.4809 14.235 13.8517Z",
-        fill: "currentColor"
-    }), React.createElement("path", {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M24 14C24 17.0734 22.8446 19.877 20.9444 22H3.05557C1.15541 19.877 0 17.0734 0 14C0 7.37258 5.37258 2 12 2C18.6274 2 24 7.37258 24 14ZM22 14C22 16.2527 21.2572 18.3282 20.0009 20H3.99908C2.74285 18.3282 2 16.2527 2 14C2 8.47715 6.47715 4 12 4C17.5228 4 22 8.47715 22 14Z",
-        fill: "currentColor"
-    })));
+    }))));
 }

package/dist/components/icon/components/target-icon.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from '../icon.types.js';
+export declare function TargetIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,37 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React from 'react';
+import { Icon } from '../icon.component.js';
+export function TargetIcon({ look ='filled' , 'aria-label': ariaLabel = 'Target' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none"
+    }, React.createElement("path", {
+        d: "M16.9431 11.2432C16.9806 11.49 17 11.7427 17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C12.2821 7 12.5588 7.02337 12.8282 7.06827L13.1617 5.09595C12.7838 5.03284 12.3957 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 11.6291 18.9712 11.265 18.9156 10.9097L16.9431 11.2432Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M21.8742 10.4095C21.957 10.9275 22 11.4587 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C12.5662 2 13.1213 2.04705 13.6618 2.13745L13.9953 0.165126C13.3464 0.0565233 12.6798 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 11.3451 23.9475 10.7025 23.8466 10.076L21.8742 10.4095Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C12.1791 10 12.3528 10.0236 12.518 10.0677L15.9861 6.59968L15.5146 4.24268L19.7573 0L20.3129 3.68706L24 4.24264L19.7573 8.48532L17.4003 8.01389L13.9322 11.4819C13.9764 11.6472 14 11.8208 14 12Z",
+        fill: "currentColor"
+    })));
+}