@westpac/ui 0.1.0 → 0.2.0

package/dist/components/icon/components/content-copy-icon.js

@@ -0,0 +1,33 @@
+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 ContentCopyIcon({ look ='filled' , 'aria-label': ariaLabel = 'Content Copy' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M5 0C3.34315 0 2 1.34315 2 3V18H4V3C4 2.44772 4.44772 2 5 2H16V0H5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M8 4C6.89543 4 6 4.89543 6 6V22C6 23.1046 6.89543 24 8 24H20C21.1046 24 22 23.1046 22 22V6C22 4.89543 21.1046 4 20 4H8Z",
+        fill: "currentColor"
+    })) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16 0H4C2.9 0 2 0.9 2 2V18H4V2H16V0ZM19.8667 4H8.13333C6.96 4 6 5 6 6.22222V21.7778C6 23 6.96 24 8.13333 24H19.8667C21.04 24 22 23 22 21.7778V6.22222C22 5 21.04 4 19.8667 4ZM8 22H20V6H8V22Z",
+        fill: "currentColor"
+    }));
+}

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

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function CreditCardIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function CreditCardIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

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

@@ -14,13 +14,19 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function CreditCardIcon({ 'aria-label': ariaLabel = 'Credit Card' , copyrightYear ='2020' , ...props }) {
+export function CreditCardIcon({ look ='filled' , 'aria-label': ariaLabel = 'Credit Card' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        d: "M2,2 L22,2 C23.1045695,2 24,2.8954305 24,4 L24,20 C24,21.1045695 23.1045695,22 22,22 L2,22 C0.8954305,22 1.3527075e-16,21.1045695 0,20 L0,4 C-1.3527075e-16,2.8954305 0.8954305,2 2,2 Z M2,6 L2,10 L22,10 L22,6 L2,6 Z"
+        clipRule: "evenodd",
+        d: "M22 2H2C0.89543 2 0 2.89543 0 4V20C0 21.1046 0.89543 22 2 22H22C23.1046 22 24 21.1046 24 20V4C24 2.89543 23.1046 2 22 2ZM23 8H1V12H23V8Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 2H22C23.1046 2 24 2.89543 24 4V20C24 21.1046 23.1046 22 22 22H2C0.89543 22 0 21.1046 0 20V4C0 2.89543 0.89543 2 2 2ZM2 12V20H22V12H2ZM22 8H2V4H22V8Z",
+        fill: "currentColor"
     }));
 }

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

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function CubeIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function CubeIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

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

@@ -12,15 +12,30 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function CubeIcon({ 'aria-label': ariaLabel = 'Cube' , copyrightYear ='2020' , ...props }) {
+export function CubeIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cube' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M0 5L12 0L24 5L12 11L0 5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0 7L11 13V24L0 18V7Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M24 18L13 24L13 13L24 7V18Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
         fillRule: "evenodd",
-        d: "M12,13 L24,7 L24,18 L12,24 L0,18 L0,7 L12,13 Z M12,0 L24,5 L12,11 L0,5 L12,0 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M0 5L12 11L24 5L12 0L0 5ZM4.80298 5.16542L12 8.76393L19.197 5.16542L12 2.16667L4.80298 5.16542Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M24 7V17.5L12 24L0 17.5V7L12 13L24 7ZM11 14.7829L2 10.3579V16.3088L11 21.1838V14.7829ZM13 14.7829V21.1838L22 16.3088V10.3579L13 14.7829Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/cursor-arrow-click-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function CursorArrowClickIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function CursorArrowClickIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/cursor-arrow-click-icon.js

@@ -12,15 +12,39 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function CursorArrowClickIcon({ 'aria-label': ariaLabel = 'Cube' , copyrightYear ='2021' , ...props }) {
+export function CursorArrowClickIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cursor Arrow Click' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "m11 10 8.167 7.524-3.675.107 2.45 5.563-1.878.806-2.45-5.562L11 21.018V10Zm1-10c6.627 0 12 5.373 12 12 0 1.327-.215 2.604-.613 3.797l-1.898-.633A9.99 9.99 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12a9.995 9.995 0 0 0 5.528 8.947l-.895 1.789A11.996 11.996 0 0 1 0 12C0 5.373 5.373 0 12 0Z"
-    }));
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("g", {
+        clipPath: "url(#clip0_2741_3570)"
+    }, React.createElement("path", {
+        d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C12.234 22 12.4661 21.992 12.6961 21.9761L13.283 23.9322C12.8614 23.977 12.4334 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 12.433 23.9771 12.8607 23.9323 13.2819L21.9762 12.6951C21.992 12.4654 22 12.2336 22 12C22 6.47715 17.5228 2 12 2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M23.4032 15.2117L18.9917 16.6861L24 21.6709L21.6831 23.9879L16.6865 18.9913L15.2121 23.4028L11.7016 11.7012L23.4032 15.2117Z",
+        fill: "currentColor"
+    })), React.createElement("defs", null, React.createElement("clipPath", {
+        id: "clip0_2741_3570"
+    }, React.createElement("rect", {
+        width: "24",
+        height: "24",
+        fill: "currentColor"
+    })))) : React.createElement(Fragment, null, React.createElement("g", {
+        clipPath: "url(#clip0_2741_3569)"
+    }, React.createElement("path", {
+        d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C12.234 22 12.4661 21.992 12.6961 21.9761L13.283 23.9322C12.8614 23.977 12.4334 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 12.433 23.9771 12.8607 23.9323 13.2819L21.9762 12.6951C21.992 12.4654 22 12.2336 22 12C22 6.47715 17.5228 2 12 2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M23.4032 15.2117L18.9917 16.6861L24 21.6709L21.6831 23.9879L16.6865 18.9913L15.2121 23.4028L11.7016 11.7012L23.4032 15.2117Z",
+        fill: "currentColor"
+    })), React.createElement("defs", null, React.createElement("clipPath", {
+        id: "clip0_2741_3569"
+    }, React.createElement("rect", {
+        width: "24",
+        height: "24",
+        fill: "currentColor"
+    })))));
 }

package/dist/components/icon/components/cursor-arrow-doubleclick-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type IconProps } from '../icon.types.js';
+export declare function CursorArrowDoubleclickIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/cursor-arrow-doubleclick-icon.js

@@ -0,0 +1,56 @@
+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 CursorArrowDoubleclickIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cursor Arrow Doubleclick' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("g", {
+        clipPath: "url(#clip0_2741_3568)"
+    }, React.createElement("path", {
+        d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 12.2336 21.992 12.4654 21.9762 12.6951L23.9323 13.2819C23.9771 12.8607 24 12.433 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C12.4334 24 12.8614 23.977 13.283 23.9322L12.6961 21.9761C12.4661 21.992 12.234 22 12 22C6.47715 22 2 17.5228 2 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12 5C15.7996 5 18.8921 8.02722 18.9972 11.8014L16.9335 11.1822C16.5431 8.80981 14.4829 7 12 7C9.23858 7 7 9.23858 7 12C7 14.4833 8.81041 16.5438 11.1834 16.9336L11.8025 18.9973C8.02782 18.8927 5 15.7999 5 12C5 8.13401 8.13401 5 12 5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M23.4032 15.2117L18.9917 16.6861L24 21.6709L21.6831 23.9879L16.6865 18.9913L15.2121 23.4028L11.7016 11.7012L23.4032 15.2117Z",
+        fill: "currentColor"
+    })), React.createElement("defs", null, React.createElement("clipPath", {
+        id: "clip0_2741_3568"
+    }, React.createElement("rect", {
+        width: "24",
+        height: "24",
+        fill: "currentColor"
+    })))) : React.createElement(Fragment, null, React.createElement("g", {
+        clipPath: "url(#clip0_2741_3567)"
+    }, React.createElement("path", {
+        d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 12.2336 21.992 12.4654 21.9762 12.6951L23.9323 13.2819C23.9771 12.8607 24 12.433 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C12.4334 24 12.8614 23.977 13.283 23.9322L12.6961 21.9761C12.4661 21.992 12.234 22 12 22C6.47715 22 2 17.5228 2 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12 5C15.7996 5 18.8921 8.02722 18.9972 11.8014L16.9335 11.1822C16.5431 8.80981 14.4829 7 12 7C9.23858 7 7 9.23858 7 12C7 14.4833 8.81041 16.5438 11.1834 16.9336L11.8025 18.9973C8.02782 18.8927 5 15.7999 5 12C5 8.13401 8.13401 5 12 5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M23.4032 15.2117L18.9917 16.6861L24 21.6709L21.6831 23.9879L16.6865 18.9913L15.2121 23.4028L11.7016 11.7012L23.4032 15.2117Z",
+        fill: "currentColor"
+    })), React.createElement("defs", null, React.createElement("clipPath", {
+        id: "clip0_2741_3567"
+    }, React.createElement("rect", {
+        width: "24",
+        height: "24",
+        fill: "currentColor"
+    })))));
+}

package/dist/components/icon/components/cursor-arrow-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
 export declare function CursorArrowIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

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

@@ -14,13 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function CursorArrowIcon({ 'aria-label': ariaLabel = 'Cursor arrow' , copyrightYear ='2021' , ...props }) {
+export function CursorArrowIcon({ 'aria-label': ariaLabel = 'Cursor Arrow' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "m6 1 12.67 11.823-5.701.169 3.801 8.741L13.856 23l-3.801-8.741L6 18.313z"
+        d: "M6 18.8885V1L20.3228 11.7571L13.6146 11.7459L18.0717 20.6976L14.491 22.4805L10.0339 13.5287L6 18.8885Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/cursor-arrow-rays-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function CursorArrowRaysIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function CursorArrowRaysIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/cursor-arrow-rays-icon.js

@@ -12,15 +12,63 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function CursorArrowRaysIcon({ 'aria-label': ariaLabel = 'Cursor arrow rays' , copyrightYear ='2021' , ...props }) {
+export function CursorArrowRaysIcon({ look ='filled' , 'aria-label': ariaLabel = 'Cursor Arrow Rays' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "m11 10 8.167 7.524-3.675.107 2.45 5.563-1.878.806-2.45-5.562L11 21.018V10Zm-4.851 3.328a1 1 0 0 1-.75 1.2l-3.897.899a1 1 0 0 1-.45-1.949l3.897-.9a1 1 0 0 1 1.2.75ZM21.368 4.5a1 1 0 0 1-.148 1.406l-3.108 2.517a1 1 0 1 1-1.26-1.554l3.11-2.517a1 1 0 0 1 1.406.148Zm-17.33-.148 3.11 2.517a1 1 0 0 1-1.26 1.554L2.78 5.907a1 1 0 0 1 1.259-1.554ZM12 0a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1Z"
-    }));
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("g", {
+        clipPath: "url(#clip0_2741_3564)"
+    }, React.createElement("path", {
+        d: "M13.2935 0.072621C13.5571 0.102135 13.7981 0.235143 13.9636 0.442385C14.1291 0.649626 14.2055 0.914124 14.176 1.17769L13.7309 5.15285C13.7014 5.41642 13.5684 5.65747 13.3611 5.82297C13.1539 5.98847 12.8894 6.06487 12.6258 6.03535C12.3623 6.00584 12.1212 5.87283 11.9557 5.66559C11.7902 5.45835 11.7138 5.19385 11.7433 4.93028L12.1885 0.955126C12.218 0.691557 12.351 0.450507 12.5582 0.285006C12.7655 0.119504 13.03 0.0431067 13.2935 0.072621Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M4.1739 3.22502C3.90868 3.2252 3.6544 3.33073 3.46699 3.51839C3.27959 3.70606 3.1744 3.96049 3.17458 4.2257C3.17477 4.49092 3.2803 4.7452 3.46796 4.93261L6.29833 7.7591C6.48599 7.9465 6.74042 8.05169 7.00563 8.05151C7.27085 8.05132 7.52513 7.94579 7.71254 7.75813C7.89995 7.57046 8.00513 7.31604 8.00495 7.05082C8.00477 6.7856 7.89924 6.53132 7.71157 6.34391L4.88121 3.51743C4.69354 3.33002 4.43912 3.22484 4.1739 3.22502Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0.245821 12.6149C0.0806036 12.8224 0.00456904 13.087 0.0344444 13.3505C0.0643197 13.614 0.197658 13.8549 0.405126 14.0201C0.612593 14.1853 0.877196 14.2614 1.14072 14.2315L5.11527 13.7809C5.37879 13.751 5.61966 13.6177 5.78488 13.4102C5.9501 13.2028 6.02613 12.9382 5.99626 12.6746C5.96638 12.4111 5.83304 12.1702 5.62558 12.005C5.41811 11.8398 5.1535 11.7638 4.88998 11.7937L0.915435 12.2442C0.651906 12.2741 0.411039 12.4074 0.245821 12.6149Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M5.5807 22.1623C5.35604 22.0214 5.19657 21.7969 5.13738 21.5384C5.07819 21.2799 5.12412 21.0084 5.26507 20.7838L7.39087 17.3954C7.53182 17.1708 7.75625 17.0113 8.01477 16.9521C8.2733 16.8929 8.54475 16.9388 8.76941 17.0798C8.99408 17.2207 9.15354 17.4452 9.21274 17.7037C9.27193 17.9622 9.226 18.2337 9.08505 18.4583L6.95924 21.8467C6.81829 22.0713 6.59387 22.2308 6.33534 22.29C6.07682 22.3492 5.80536 22.3033 5.5807 22.1623Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M22.2431 6.36099C22.302 6.10238 22.2557 5.83099 22.1144 5.60652C21.9731 5.38206 21.7485 5.2229 21.4899 5.16406C21.2313 5.10522 20.9599 5.15152 20.7354 5.29278L17.35 7.42322C17.1255 7.56448 16.9664 7.78912 16.9075 8.04773C16.8487 8.30634 16.895 8.57773 17.0362 8.8022C17.1775 9.02666 17.4021 9.18583 17.6607 9.24466C17.9193 9.3035 18.1907 9.2572 18.4152 9.11594L21.8006 6.9855C22.0251 6.84424 22.1843 6.6196 22.2431 6.36099Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M23.4033 15.2117L18.9918 16.6861L24.0001 21.6709L21.6831 23.9879L16.6865 18.9913L15.2121 23.4028L11.7017 11.7012L23.4033 15.2117Z",
+        fill: "currentColor"
+    })), React.createElement("defs", null, React.createElement("clipPath", {
+        id: "clip0_2741_3564"
+    }, React.createElement("rect", {
+        width: "24",
+        height: "24",
+        fill: "currentColor"
+    })))) : React.createElement(Fragment, null, React.createElement("g", {
+        clipPath: "url(#clip0_2741_3563)"
+    }, React.createElement("path", {
+        d: "M13.2935 0.072621C13.5571 0.102135 13.7981 0.235143 13.9636 0.442385C14.1291 0.649626 14.2055 0.914124 14.176 1.17769L13.7309 5.15285C13.7014 5.41642 13.5684 5.65747 13.3611 5.82297C13.1539 5.98847 12.8894 6.06487 12.6258 6.03535C12.3623 6.00584 12.1212 5.87283 11.9557 5.66559C11.7902 5.45835 11.7138 5.19385 11.7433 4.93028L12.1885 0.955126C12.218 0.691557 12.351 0.450507 12.5582 0.285006C12.7655 0.119504 13.03 0.0431067 13.2935 0.072621Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M4.1739 3.22502C3.90868 3.2252 3.6544 3.33073 3.46699 3.51839C3.27959 3.70606 3.1744 3.96049 3.17458 4.2257C3.17477 4.49092 3.2803 4.7452 3.46796 4.93261L6.29833 7.7591C6.48599 7.9465 6.74042 8.05169 7.00563 8.05151C7.27085 8.05132 7.52513 7.94579 7.71254 7.75813C7.89995 7.57046 8.00513 7.31604 8.00495 7.05082C8.00477 6.7856 7.89924 6.53132 7.71157 6.34391L4.88121 3.51743C4.69354 3.33002 4.43912 3.22484 4.1739 3.22502Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0.245821 12.6149C0.0806036 12.8224 0.00456904 13.087 0.0344444 13.3505C0.0643197 13.614 0.197658 13.8549 0.405126 14.0201C0.612593 14.1853 0.877196 14.2614 1.14072 14.2315L5.11527 13.7809C5.37879 13.751 5.61966 13.6177 5.78488 13.4102C5.9501 13.2028 6.02613 12.9382 5.99626 12.6746C5.96638 12.4111 5.83304 12.1702 5.62558 12.005C5.41811 11.8398 5.1535 11.7638 4.88998 11.7937L0.915435 12.2442C0.651906 12.2741 0.411039 12.4074 0.245821 12.6149Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M5.5807 22.1623C5.35604 22.0214 5.19657 21.7969 5.13738 21.5384C5.07819 21.2799 5.12412 21.0084 5.26507 20.7838L7.39087 17.3954C7.53182 17.1708 7.75625 17.0113 8.01477 16.9521C8.2733 16.8929 8.54475 16.9388 8.76941 17.0798C8.99408 17.2207 9.15354 17.4452 9.21274 17.7037C9.27193 17.9622 9.226 18.2337 9.08505 18.4583L6.95924 21.8467C6.81829 22.0713 6.59387 22.2308 6.33534 22.29C6.07682 22.3492 5.80536 22.3033 5.5807 22.1623Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M22.2431 6.36099C22.302 6.10238 22.2557 5.83099 22.1144 5.60652C21.9731 5.38206 21.7485 5.2229 21.4899 5.16406C21.2313 5.10522 20.9599 5.15152 20.7354 5.29278L17.35 7.42322C17.1255 7.56448 16.9664 7.78912 16.9075 8.04773C16.8487 8.30634 16.895 8.57773 17.0362 8.8022C17.1775 9.02666 17.4021 9.18583 17.6607 9.24466C17.9193 9.3035 18.1907 9.2572 18.4152 9.11594L21.8006 6.9855C22.0251 6.84424 22.1843 6.6196 22.2431 6.36099Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M23.4033 15.2117L18.9918 16.6861L24.0001 21.6709L21.6831 23.9879L16.6865 18.9913L15.2121 23.4028L11.7017 11.7012L23.4033 15.2117Z",
+        fill: "currentColor"
+    })), React.createElement("defs", null, React.createElement("clipPath", {
+        id: "clip0_2741_3563"
+    }, React.createElement("rect", {
+        width: "24",
+        height: "24",
+        fill: "currentColor"
+    })))));
 }

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

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function DeleteIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function DeleteIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

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

@@ -12,15 +12,25 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function DeleteIcon({ 'aria-label': ariaLabel = 'Delete' , copyrightYear ='2020' , ...props }) {
+export function DeleteIcon({ look ='filled' , 'aria-label': ariaLabel = 'Delete' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M7 2L8 0H16L17 2H20C20.5523 2 21 2.44772 21 3V4H3V3C3 2.44772 3.44772 2 4 2H7Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M20 6H4V22C4 23.1046 4.89543 24 6 24H18C19.1046 24 20 23.1046 20 22V6Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M7 2L8 0H16L17 2H20C20.5523 2 21 2.44772 21 3V4H3V3C3 2.44772 3.44772 2 4 2H7Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
         fillRule: "evenodd",
-        d: "M4,6 L20,6 L20,22 C20,23.1045695 19.1045695,24 18,24 L6,24 C4.8954305,24 4,23.1045695 4,22 L4,6 Z M17,2 L7,2 L8,0 L16,0 L17,2 Z M4,2 L20,2 C20.5522847,2 21,2.44771525 21,3 L21,4 L3,4 L3,3 C3,2.44771525 3.44771525,2 4,2 L4,2 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M4 22V6H20V22C20 23.1046 19.1046 24 18 24H6C4.89543 24 4 23.1046 4 22ZM6 8H18V22H6V8Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/delivery-truck-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type IconProps } from '../icon.types.js';
+export declare function DeliveryTruckIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/delivery-truck-icon.js

@@ -0,0 +1,32 @@
+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 DeliveryTruckIcon({ look ='filled' , 'aria-label': ariaLabel = 'Delivery Truck' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 4C0 2.89543 0.895431 2 2 2H17V5H19.5554C20.2237 5 20.8478 5.33376 21.2188 5.88955L23.6634 9.55134C23.8829 9.8801 24 10.2665 24 10.6618V19H21.9646C21.7219 20.6961 20.2632 22 18.5 22C16.7368 22 15.2781 20.6961 15.0354 19H8.96456C8.72194 20.6961 7.26324 22 5.5 22C3.73676 22 2.27806 20.6961 2.03544 19H0V4ZM17 11H22V10.6618L19.5554 7H17V11ZM5.5 20C6.32843 20 7 19.3284 7 18.5C7 17.6716 6.32843 17 5.5 17C4.67157 17 4 17.6716 4 18.5C4 19.3284 4.67157 20 5.5 20ZM18.5 20C19.3284 20 20 19.3284 20 18.5C20 17.6716 19.3284 17 18.5 17C17.6716 17 17 17.6716 17 18.5C17 19.3284 17.6716 20 18.5 20Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M17 5V2H2C0.895431 2 0 2.89543 0 4V19H2.03544C2.27806 20.6961 3.73676 22 5.5 22C7.26324 22 8.72194 20.6961 8.96456 19H15.0354C15.2781 20.6961 16.7368 22 18.5 22C20.2632 22 21.7219 20.6961 21.9646 19H24V10.6618C24 10.2665 23.8829 9.8801 23.6634 9.55134L21.2188 5.88955C20.8478 5.33376 20.2237 5 19.5554 5H17ZM15 4H2V11H15V4ZM21.6632 17H22V13H2V17H2.33682C2.89855 15.8175 4.1038 15 5.5 15C6.8962 15 8.10145 15.8175 8.66318 17H15.3368C15.8985 15.8175 17.1038 15 18.5 15C19.8962 15 21.1015 15.8175 21.6632 17ZM17 7V11H22V10.6618L19.5554 7H17ZM5.5 20C6.32843 20 7 19.3284 7 18.5C7 17.6716 6.32843 17 5.5 17C4.67157 17 4 17.6716 4 18.5C4 19.3284 4.67157 20 5.5 20ZM18.5 20C19.3284 20 20 19.3284 20 18.5C20 17.6716 19.3284 17 18.5 17C17.6716 17 17 17.6716 17 18.5C17 19.3284 17.6716 20 18.5 20Z",
+        fill: "currentColor"
+    }));
+}

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

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
 export declare function DesktopIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

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

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function DesktopIcon({ 'aria-label': ariaLabel = 'Desktop' , copyrightYear ='2020' , ...props }) {
+export function DesktopIcon({ 'aria-label': ariaLabel = 'Desktop' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M15.5,22 L18,23.5 L18,24 L6,24 L6,23.5 L8.5,22 L9.16666667,20 L2,20 C0.8954305,20 1.3527075e-16,19.1045695 0,18 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 L22,0 C23.1045695,-2.02906125e-16 24,0.8954305 24,2 L24,18 C24,19.1045695 23.1045695,20 22,20 L14.8333333,20 L15.5,22 Z M2,16 L22,16 L22,2 L2,2 L2,16 Z"
+        clipRule: "evenodd",
+        d: "M18 23.5L15.5 22L14.8333 20H22C23.1046 20 24 19.1046 24 18V2C24 0.89543 23.1046 0 22 0H2C0.89543 0 0 0.89543 0 2V18C0 19.1046 0.89543 20 2 20H9.16667L8.5 22L6 23.5V24H18V23.5ZM22 16H2V2H22V16Z",
+        fill: "currentColor"
     }));
 }

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

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type IconProps } from '../icon.types.js';
+export declare function DiamondIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

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

@@ -0,0 +1,39 @@
+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 DiamondIcon({ look ='filled' , 'aria-label': ariaLabel = 'Diamond' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M9.74479 2H4.0001L0.571533 8H6.41146L9.74479 2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M8.69938 8H15.3003L11.9998 2.05917L8.69938 8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M17.5882 8L14.2549 2H20.0001L23.4287 8H17.5882Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0.857248 10L12.0001 23L23.143 10H13V18.8402L12 20L11 18.8402V10H0.857248Z",
+        fill: "currentColor"
+    })) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M4 2H20L24 9L12 23L0 9L4 2ZM2.87493 8L5.16065 4H8.63368L6.41146 8H2.87493ZM8.69938 8H15.3003L13.0781 4H10.9216L8.69938 8ZM15.366 4L17.5882 8H21.1251L18.8394 4H15.366ZM3.4913 10L11 18.7602V10H3.4913ZM20.5087 10L13 18.7602V10H20.5087Z",
+        fill: "currentColor"
+    }));
+}

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

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function DollarIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function DollarIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

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

@@ -14,13 +14,19 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function DollarIcon({ 'aria-label': ariaLabel = 'Dollar' , copyrightYear ='2020' , ...props }) {
+export function DollarIcon({ look ='filled' , 'aria-label': ariaLabel = 'Dollar' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        d: "M24,12 C24,18.627 18.62775,24 12,24 C5.37225,24 0,18.627 0,12 C0,5.373 5.37225,0 12,0 C18.62775,0 24,5.373 24,12 Z M12,2 C6.47714286,2 2,6.47714286 2,12 C2,17.5228571 6.47714286,22 12,22 C17.5228571,22 22,17.5228571 22,12 C22,6.47714286 17.5228571,2 12,2 Z M11,18.4461876 C8.57453187,18.1650794 7.06873973,16.7978464 7,14.7036169 L9.50430293,14.7036169 C9.62478485,15.7397857 10.6919105,16.4189551 12.0688468,16.4189551 C13.454389,16.4189551 14.4010327,15.748493 14.4010327,14.8255191 C14.4010327,14.0070328 13.8072289,13.5542532 12.3098107,13.2146685 L10.6919105,12.8576691 C8.40275387,12.361353 7.27538726,11.1858674 7.27538726,9.34862693 C7.27538726,7.32989847 8.77903863,5.90649143 11,5.57422136 L11,4 L13,4 L13,5.56126841 C15.3198703,5.86481374 16.7382778,7.27356464 16.7762478,9.27896852 L14.3407917,9.27896852 C14.2547332,8.21667783 13.3339071,7.57233758 12.0344234,7.57233758 C10.7521515,7.57233758 9.89156627,8.19055593 9.89156627,9.12223711 C9.89156627,9.89718687 10.4939759,10.3325519 11.9225473,10.6634293 L13.4285714,10.9855995 C15.9156627,11.5254521 17,12.6051574 17,14.5207636 C17,16.6733683 15.4771218,18.1268298 13,18.4376583 L13,20 L11,20 L11,18.4461876 L11,18.4461876 Z"
+        clipRule: "evenodd",
+        d: "M12 24C18.6278 24 24 18.627 24 12C24 5.373 18.6278 0 12 0C5.37225 0 0 5.373 0 12C0 18.627 5.37225 24 12 24ZM7 14.7036C7.06874 16.7978 8.57453 18.1651 11 18.4462V20H13V18.4377C15.4771 18.1268 17 16.6734 17 14.5208C17 12.6052 15.9157 11.5255 13.4286 10.9856L11.9225 10.6634C10.494 10.3326 9.89157 9.89719 9.89157 9.12224C9.89157 8.19056 10.7522 7.57234 12.0344 7.57234C13.3339 7.57234 14.2547 8.21668 14.3408 9.27897H16.7762C16.7383 7.27356 15.3199 5.86481 13 5.56127V4H11V5.57422C8.77904 5.90649 7.27539 7.3299 7.27539 9.34863C7.27539 11.1859 8.40275 12.3614 10.6919 12.8577L12.3098 13.2147C13.8072 13.5543 14.401 14.007 14.401 14.8255C14.401 15.7485 13.4544 16.419 12.0688 16.419C10.6919 16.419 9.62478 15.7398 9.5043 14.7036H7Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M24 12C24 18.627 18.6278 24 12 24C5.37225 24 0 18.627 0 12C0 5.373 5.37225 0 12 0C18.6278 0 24 5.373 24 12ZM12 2C6.47714 2 2 6.47714 2 12C2 17.5229 6.47714 22 12 22C17.5229 22 22 17.5229 22 12C22 6.47714 17.5229 2 12 2ZM7 14.7036C7.06874 16.7978 8.57453 18.1651 11 18.4462V20H13V18.4377C15.4771 18.1268 17 16.6734 17 14.5208C17 12.6052 15.9157 11.5255 13.4286 10.9856L11.9225 10.6634C10.494 10.3326 9.89157 9.89719 9.89157 9.12224C9.89157 8.19056 10.7522 7.57234 12.0344 7.57234C13.3339 7.57234 14.2547 8.21668 14.3408 9.27897H16.7762C16.7383 7.27356 15.3199 5.86481 13 5.56127V4H11V5.57422C8.77904 5.90649 7.27539 7.3299 7.27539 9.34863C7.27539 11.1859 8.40275 12.3614 10.6919 12.8577L12.3098 13.2147C13.8072 13.5543 14.401 14.007 14.401 14.8255C14.401 15.7485 13.4544 16.419 12.0688 16.419C10.6919 16.419 9.62478 15.7398 9.5043 14.7036H7Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/dollar-sign-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type IconProps } from '../icon.types.js';
+export declare function DollarSignIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/dollar-sign-icon.js

@@ -0,0 +1,27 @@
+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 DollarSignIcon({ 'aria-label': ariaLabel = 'Dollar Sign' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M6 15.3849H9.00516C9.14974 16.679 10.4303 17.5273 12.0826 17.5273C13.7453 17.5273 14.8812 16.6899 14.8812 15.5371C14.8812 14.5149 14.1687 13.9493 12.3718 13.5252L10.4303 13.0793C7.6833 12.4594 6.33046 10.9912 6.33046 8.69655C6.33046 6.17518 8.33485 4.38119 11 3.96618V2L13 2.01618V3.96618C15.7838 4.34531 17.6859 6.10482 17.7315 8.60955H14.809C14.7057 7.28276 13.6007 6.47799 12.0413 6.47799C10.5026 6.47799 9.46988 7.25014 9.46988 8.4138C9.46988 9.3817 10.1928 9.92547 11.9071 10.3387L13.7143 10.7411C16.6988 11.4154 18 12.7639 18 15.1565C18 17.8451 15.9725 19.6604 13 20.0487V22H11V20.0593C8.08944 19.7082 6.08249 18.0005 6 15.3849Z",
+        fill: "currentColor"
+    }));
+}

package/dist/components/icon/components/download-file-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function DownloadFileIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function DownloadFileIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/download-file-icon.js

@@ -14,13 +14,19 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function DownloadFileIcon({ 'aria-label': ariaLabel = 'Download File' , copyrightYear ='2020' , ...props }) {
+export function DownloadFileIcon({ look ='filled' , 'aria-label': ariaLabel = 'Download File' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        d: "M4,0 L16,0 L22,6 L22,22 C22,23.1045695 21.1045695,24 20,24 L4,24 C2.8954305,24 2,23.1045695 2,22 L2,2 L2,2 C2,0.8954305 2.8954305,2.02906125e-16 4,0 L4,0 Z M4,2 L4,22 L20,22 L20,6 L16,6 L16,2 L4,2 Z M10,10 L10,14 L7,14 L12,20 L17,14 L14,14 L14,10 L10,10 Z"
+        clipRule: "evenodd",
+        d: "M2 2C2 0.89543 2.89543 0 4 0H16L22 6V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V2ZM16 2L20 6H16V2ZM10 10V14H7L12 20L17 14H14V10H10Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 2C2 0.89543 2.89543 0 4 0H16L22 6V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V2ZM4 2H16V6H20V22H4V2ZM10 14V10H14V14H17L12 20L7 14H10Z",
+        fill: "currentColor"
     }));
 }

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

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function DownloadIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function DownloadIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;