@westpac/ui 0.1.0 → 0.2.0

package/dist/components/icon/components/mobile-pay-icon.js

@@ -12,15 +12,35 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function MobilePayIcon({ 'aria-label': ariaLabel = 'Mobile Pay' , copyrightYear ='2020' , ...props }) {
+export function MobilePayIcon({ look ='filled' , 'aria-label': ariaLabel = 'Mobile Pay' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M6,0 C4.8954305,2.02906125e-16 4,0.8954305 4,2 L4,22 C4,23.1045695 4.8954305,24 6,24 L16,24 C17.1045695,24 18,23.1045695 18,22 L18,14 L16,14 L16,20 L6,20 L6,4 L10,4 L10,0 L6,0 Z M12,9 C13.66,9 15,10.34 15,12 L12,12 L12,9 Z M12,5 C15.87,5 19,8.13 19,12 L17,12 C17,9.24 14.76,7 12,7 L12,5 Z M12,1 C18.08,1 23,5.92 23,12 L21,12 C21,7.03 16.97,3 12,3 L12,1 Z"
-    }));
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M6 0C4.89543 0 4 0.89543 4 2V22C4 23.1046 4.89543 24 6 24H16C17.1046 24 18 23.1046 18 22V13H15.584C14.8124 14.7659 13.0503 16 11 16C8.23858 16 6 13.7614 6 11C6 8.94968 7.2341 7.1876 9 6.41604V0H6Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M11 2V0C17.08 0 22 4.92 22 11H20C20 6.03 15.97 2 11 2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M11 6V4C14.87 4 18 7.13 18 11H16C16 8.24 13.76 6 11 6Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M14 11C14 12.6569 12.6569 14 11 14C9.34315 14 8 12.6569 8 11C8 9.34315 9.34315 8 11 8C12.6569 8 14 9.34315 14 11Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M4 2C4 0.89543 4.89543 0 6 0H9V2H6V22H16V13H18V22C18 23.1046 17.1046 24 16 24H6C4.89543 24 4 23.1046 4 22V2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M11 2V0C17.08 0 22 4.92 22 11H20C20 6.03 15.97 2 11 2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M11 4V6C13.76 6 16 8.24 16 11H18C18 7.13 14.87 4 11 4Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M14 11C14 9.34 12.66 8 11 8C9.34315 8 8 9.34315 8 11C8 12.6569 9.34315 14 11 14C12.6569 14 14 12.6569 14 11Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/money-bag-icon.d.ts

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

package/dist/components/icon/components/money-bag-icon.js

@@ -0,0 +1,41 @@
+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 MoneyBagIcon({ look ='filled' , 'aria-label': ariaLabel = 'Money Bag' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M7.7217 4.66577C9.07026 4.23343 10.5079 4 12 4C13.4921 4 14.9297 4.23343 16.2783 4.66577L19 0H5L7.7217 4.66577Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M21.241 24C21.955 24 22.627 23.6247 22.9233 22.9752C23.6147 21.4595 24 19.7747 24 18C24 11.3726 18.6274 6 12 6C5.37258 6 0 11.3726 0 18C0 19.7747 0.385266 21.4595 1.07673 22.9752C1.37304 23.6247 2.04504 24 2.75897 24H21.241ZM10.2842 17.3587H8.5625C8.60976 18.7985 9.64499 19.7385 11.3125 19.9318V21H12.6875V19.9259C14.3905 19.7122 15.4375 18.7129 15.4375 17.233C15.4375 15.916 14.692 15.1737 12.9821 14.8026L11.9468 14.5811C10.9646 14.3536 10.5505 14.0543 10.5505 13.5215C10.5505 12.881 11.1421 12.456 12.0237 12.456C12.9171 12.456 13.5501 12.899 13.6093 13.6293H15.2837C15.2576 12.2506 14.2824 11.2821 12.6875 11.0734V10H11.3125V11.0823C9.78559 11.3107 8.75183 12.2893 8.75183 13.6772C8.75183 14.9403 9.52689 15.7484 11.1007 16.0896L12.213 16.3351C13.2425 16.5685 13.6507 16.8798 13.6507 17.4425C13.6507 18.0771 12.9999 18.538 12.0473 18.538C11.1007 18.538 10.367 18.0711 10.2842 17.3587Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M14.2467 4.17931L15.5179 2H8.48207L9.75334 4.17931C9.05763 4.29153 8.37909 4.45502 7.7217 4.66577L5 0H19L16.2783 4.66577C15.6209 4.45502 14.9424 4.29153 14.2467 4.17931Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M10.2842 17.3587H8.5625C8.60976 18.7985 9.64499 19.7385 11.3125 19.9318V21H12.6875V19.9259C14.3905 19.7122 15.4375 18.7129 15.4375 17.233C15.4375 15.916 14.692 15.1737 12.9821 14.8026L11.9468 14.5811C10.9646 14.3536 10.5505 14.0543 10.5505 13.5215C10.5505 12.881 11.1421 12.456 12.0237 12.456C12.9171 12.456 13.5501 12.899 13.6093 13.6293H15.2837C15.2576 12.2506 14.2824 11.2821 12.6875 11.0734V10H11.3125V11.0823C9.78559 11.3107 8.75183 12.2893 8.75183 13.6772C8.75183 14.9403 9.52689 15.7484 11.1007 16.0896L12.213 16.3351C13.2425 16.5685 13.6507 16.8798 13.6507 17.4425C13.6507 18.0771 12.9999 18.538 12.0473 18.538C11.1007 18.538 10.367 18.0711 10.2842 17.3587Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M22.9233 22.9752C22.627 23.6247 21.955 24 21.241 24H2.75897C2.04504 24 1.37304 23.6247 1.07673 22.9752C0.385266 21.4595 0 19.7747 0 18C0 11.3726 5.37258 6 12 6C18.6274 6 24 11.3726 24 18C24 19.7747 23.6147 21.4595 22.9233 22.9752ZM21.1685 22C21.7027 20.7775 22 19.426 22 18C22 12.4772 17.5228 8 12 8C6.47715 8 2 12.4772 2 18C2 19.426 2.29727 20.7775 2.83153 22H21.1685Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/money-in-icon.d.ts

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

package/dist/components/icon/components/money-in-icon.js

@@ -12,15 +12,29 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function MoneyInIcon({ 'aria-label': ariaLabel = 'Money In' , copyrightYear ='2020' , ...props }) {
+export function MoneyInIcon({ look ='filled' , 'aria-label': ariaLabel = 'Money In' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M2.14761501,18.852385 L2.14761501,18.852385 L3.58898664,17.4110134 C5.36880523,20.1718994 8.47091473,22 12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C8.47091473,2 5.36880523,3.82810059 3.58898664,6.58898664 L2.14761501,5.14761501 C4.31568302,2.03618125 7.91994596,0 12,0 C18.62775,0 24,5.373 24,12 C24,18.627 18.62775,24 12,24 C7.91994596,24 4.31568302,21.9638188 2.14761501,18.852385 Z M0,18 L0,6 L6,12 L0,18 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"
-    }));
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M2.14761 18.8524C4.31568 21.9638 7.91995 24 12 24C18.6278 24 24 18.627 24 12C24 5.373 18.6278 0 12 0C7.91995 0 4.31568 2.03618 2.14761 5.14761L3.58899 6.58899C5.3688 3.8281 8.47091 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C8.47091 22 5.3688 20.1719 3.58899 17.411L2.14761 18.8524Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0 6L6 12L0 18V6Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M7 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(Fragment, null, React.createElement("path", {
+        d: "M24 12C24 18.6274 18.6274 24 12 24C8.16386 24 4.74813 22.1999 2.5514 19.3984L3.9781 17.9717C5.80116 20.4167 8.71569 22 12 22C17.5229 22 22 17.5228 22 12C22 6.47715 17.5229 2 12 2C8.71569 2 5.80116 3.58333 3.97809 6.02833L2.55139 4.60163C4.74812 1.80007 8.16386 0 12 0C18.6274 0 24 5.37258 24 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M11.0001 18.4462C8.57459 18.1651 7.0688 16.7978 7.00006 14.7036H9.50436C9.62485 15.7398 10.692 16.419 12.0689 16.419C13.4544 16.419 14.4011 15.7485 14.4011 14.8255C14.4011 14.007 13.8073 13.5543 12.3099 13.2147L10.692 12.8577C8.40281 12.3614 7.27545 11.1859 7.27545 9.34863C7.27545 7.3299 8.7791 5.90649 11.0001 5.57422V4H13.0001V5.56127C15.3199 5.86481 16.7383 7.27356 16.7763 9.27897H14.3409C14.2548 8.21668 13.334 7.57234 12.0345 7.57234C10.7522 7.57234 9.89163 8.19056 9.89163 9.12224C9.89163 9.89719 10.494 10.3326 11.9226 10.6634L13.4286 10.9856C15.9157 11.5255 17.0001 12.6052 17.0001 14.5208C17.0001 16.6734 15.4772 18.1268 13.0001 18.4377V20H11.0001V18.4462Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0 7.70712L4.29289 12L0 16.2929L1.41421 17.7071L7.12132 12L1.41421 6.29291L0 7.70712Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/money-notes-icon.d.ts

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

package/dist/components/icon/components/money-notes-icon.js

@@ -0,0 +1,41 @@
+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 MoneyNotesIcon({ look ='filled' , 'aria-label': ariaLabel = 'Money Notes' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 6C0 4.89543 0.895431 4 2 4H18C19.1046 4 20 4.89543 20 6V15C20 16.1046 19.1046 17 18 17H2C0.895431 17 0 16.1046 0 15V6ZM13.5 10.5C13.5 12.433 11.933 14 10 14C8.067 14 6.5 12.433 6.5 10.5C6.5 8.567 8.067 7 10 7C11.933 7 13.5 8.567 13.5 10.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M2 19V21H22C23.1046 21 24 20.1046 24 19V6H22V19H2Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M10 14C11.933 14 13.5 12.433 13.5 10.5C13.5 8.567 11.933 7 10 7C8.067 7 6.5 8.567 6.5 10.5C6.5 12.433 8.067 14 10 14Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 4C0.895431 4 0 4.89543 0 6V15C0 16.1046 0.895431 17 2 17H18C19.1046 17 20 16.1046 20 15V6C20 4.89543 19.1046 4 18 4H2ZM18 6H2V15H18V6Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M2 21V19H22V6H24V19C24 20.1046 23.1046 21 22 21H2Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/money-out-icon.d.ts

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

package/dist/components/icon/components/money-out-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 MoneyOutIcon({ 'aria-label': ariaLabel = 'Money Out' , copyrightYear ='2020' , ...props }) {
+export function MoneyOutIcon({ look ='filled' , 'aria-label': ariaLabel = 'Money Out' , 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: "M21.852385,18.852385 C19.684317,21.9638188 16.080054,24 12,24 C5.37225,24 -8.8817842e-16,18.627 -8.8817842e-16,12 C-8.8817842e-16,5.373 5.37225,0 12,0 C16.080054,0 19.684317,2.03618125 21.852385,5.14761501 L20.4110134,6.58898664 C18.6311948,3.82810059 15.5290853,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 C15.5290853,22 18.6311948,20.1718994 20.4110134,17.4110134 L21.852385,18.852385 L21.852385,18.852385 Z M18,18 L18,6 L24,12 L18,18 Z M10,18.4461876 C7.57453187,18.1650794 6.06873973,16.7978464 6,14.7036169 L8.50430293,14.7036169 C8.62478485,15.7397857 9.6919105,16.4189551 11.0688468,16.4189551 C12.454389,16.4189551 13.4010327,15.748493 13.4010327,14.8255191 C13.4010327,14.0070328 12.8072289,13.5542532 11.3098107,13.2146685 L9.6919105,12.8576691 C7.40275387,12.361353 6.27538726,11.1858674 6.27538726,9.34862693 C6.27538726,7.32989847 7.77903863,5.90649143 10,5.57422136 L10,4 L12,4 L12,5.56126841 C14.3198703,5.86481374 15.7382778,7.27356464 15.7762478,9.27896852 L13.3407917,9.27896852 C13.2547332,8.21667783 12.3339071,7.57233758 11.0344234,7.57233758 C9.75215146,7.57233758 8.89156627,8.19055593 8.89156627,9.12223711 C8.89156627,9.89718687 9.4939759,10.3325519 10.9225473,10.6634293 L12.4285714,10.9855995 C14.9156627,11.5254521 16,12.6051574 16,14.5207636 C16,16.6733683 14.4771218,18.1268298 12,18.4376583 L12,20 L10,20 L10,18.4461876 L10,18.4461876 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M21.8524 18.8524C19.6843 21.9638 16.0801 24 12 24C5.37225 24 0 18.627 0 12C0 5.373 5.37225 0 12 0C16.0801 0 19.6843 2.03618 21.8524 5.14761L20.411 6.58899C18.6312 3.8281 15.5291 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C15.5291 22 18.6312 20.1719 20.411 17.411L21.8524 18.8524ZM18 6L24 12L18 18V6ZM6 14.7036C6.06874 16.7978 7.57453 18.1651 10 18.4462V20H12V18.4377C14.4771 18.1268 16 16.6734 16 14.5208C16 12.6052 14.9157 11.5255 12.4286 10.9856L10.9225 10.6634C9.49398 10.3326 8.89157 9.89719 8.89157 9.12224C8.89157 8.19056 9.75215 7.57234 11.0344 7.57234C12.3339 7.57234 13.2547 8.21668 13.3408 9.27897H15.7762C15.7383 7.27356 14.3199 5.86481 12 5.56127V4H10V5.57422C7.77904 5.90649 6.27539 7.3299 6.27539 9.34863C6.27539 11.1859 7.40275 12.3614 9.69191 12.8577L11.3098 13.2147C12.8072 13.5543 13.401 14.007 13.401 14.8255C13.401 15.7485 12.4544 16.419 11.0688 16.419C9.69191 16.419 8.62478 15.7398 8.5043 14.7036H6Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M21.6432 19.1432C19.4567 22.0902 15.9514 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C15.9514 0 19.4567 1.90982 21.6432 4.85675L20.2103 6.28966C18.4036 3.69674 15.3999 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C15.3999 22 18.4036 20.3033 20.2103 17.7103L21.6432 19.1432Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M10 18.4462C7.57453 18.1651 6.06874 16.7978 6 14.7036H8.5043C8.62478 15.7398 9.69191 16.419 11.0688 16.419C12.4544 16.419 13.401 15.7485 13.401 14.8255C13.401 14.007 12.8072 13.5543 11.3098 13.2147L9.69191 12.8577C7.40275 12.3614 6.27539 11.1859 6.27539 9.34863C6.27539 7.3299 7.77904 5.90649 10 5.57422V4H12V5.56127C14.3199 5.86481 15.7383 7.27356 15.7762 9.27897H13.3408C13.2547 8.21668 12.3339 7.57234 11.0344 7.57234C9.75215 7.57234 8.89157 8.19056 8.89157 9.12224C8.89157 9.89719 9.49398 10.3326 10.9225 10.6634L12.4286 10.9856C14.9157 11.5255 16 12.6052 16 14.5208C16 16.6734 14.4771 18.1268 12 18.4377V20H10V18.4462Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M16.8787 7.70712L21.1716 12L16.8787 16.2929L18.2929 17.7071L24 12L18.2929 6.29291L16.8787 7.70712Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/more-horiz-icon.d.ts

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

package/dist/components/icon/components/{more-horizontal-icon.js → more-horiz-icon.js}

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function MoreHorizontalIcon({ 'aria-label': ariaLabel = 'More Horizontal' , copyrightYear ='2020' , ...props }) {
+export function MoreHorizIcon({ 'aria-label': ariaLabel = 'More Horiz' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M4.5,9.5 C5.875,9.5 7,10.625 7,12 C7,13.375 5.875,14.5 4.5,14.5 C3.125,14.5 2,13.375 2,12 C2,10.625 3.125,9.5 4.5,9.5 Z M19.5,9.5 C20.875,9.5 22,10.625 22,12 C22,13.375 20.875,14.5 19.5,14.5 C18.125,14.5 17,13.375 17,12 C17,10.625 18.125,9.5 19.5,9.5 Z M12,9.5 C13.375,9.5 14.5,10.625 14.5,12 C14.5,13.375 13.375,14.5 12,14.5 C10.625,14.5 9.5,13.375 9.5,12 C9.5,10.625 10.625,9.5 12,9.5 Z"
+        clipRule: "evenodd",
+        d: "M4.5 9.5C3.125 9.5 2 10.625 2 12C2 13.375 3.125 14.5 4.5 14.5C5.875 14.5 7 13.375 7 12C7 10.625 5.875 9.5 4.5 9.5ZM19.5 9.5C18.125 9.5 17 10.625 17 12C17 13.375 18.125 14.5 19.5 14.5C20.875 14.5 22 13.375 22 12C22 10.625 20.875 9.5 19.5 9.5ZM9.5 12C9.5 10.625 10.625 9.5 12 9.5C13.375 9.5 14.5 10.625 14.5 12C14.5 13.375 13.375 14.5 12 14.5C10.625 14.5 9.5 13.375 9.5 12Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/more-vert-icon.d.ts

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

package/dist/components/icon/components/{more-vertical-icon.js → more-vert-icon.js}

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function MoreVerticalIcon({ 'aria-label': ariaLabel = 'More Vertical' , copyrightYear ='2020' , ...props }) {
+export function MoreVertIcon({ 'aria-label': ariaLabel = 'More Vert' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M12,7 C13.375,7 14.5,5.875 14.5,4.5 C14.5,3.125 13.375,2 12,2 C10.625,2 9.5,3.125 9.5,4.5 C9.5,5.875 10.625,7 12,7 Z M12,9.5 C10.625,9.5 9.5,10.625 9.5,12 C9.5,13.375 10.625,14.5 12,14.5 C13.375,14.5 14.5,13.375 14.5,12 C14.5,10.625 13.375,9.5 12,9.5 Z M12,17 C10.625,17 9.5,18.125 9.5,19.5 C9.5,20.875 10.625,22 12,22 C13.375,22 14.5,20.875 14.5,19.5 C14.5,18.125 13.375,17 12,17 Z"
+        clipRule: "evenodd",
+        d: "M12 7C13.375 7 14.5 5.875 14.5 4.5C14.5 3.125 13.375 2 12 2C10.625 2 9.5 3.125 9.5 4.5C9.5 5.875 10.625 7 12 7ZM12 9.5C10.625 9.5 9.5 10.625 9.5 12C9.5 13.375 10.625 14.5 12 14.5C13.375 14.5 14.5 13.375 14.5 12C14.5 10.625 13.375 9.5 12 9.5ZM9.5 19.5C9.5 18.125 10.625 17 12 17C13.375 17 14.5 18.125 14.5 19.5C14.5 20.875 13.375 22 12 22C10.625 22 9.5 20.875 9.5 19.5Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/move-from-icon.d.ts

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

package/dist/components/icon/components/move-from-icon.js

@@ -14,13 +14,15 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function MoveFromIcon({ 'aria-label': ariaLabel = 'Move From' , copyrightYear ='2020' , ...props }) {
+export function MoveFromIcon({ 'aria-label': ariaLabel = 'Move From' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M2,0 L20,0 C21.11,0 22,0.9 22,2 L22,7 L20,5 L20,2 L2,2 L2,22 L20,22 L20,19 L22,17 L22,22 C22,23.1 21.11,24 20,24 L2,24 C0.9,24 0,23.1 0,22 L0,2 C0,0.9 0.9,0 2,0 Z M24,12 L18.015,18 L18.015,14 L10,14 L10,10 L18.015,10 L18.015,6 L24,12 Z"
+        d: "M20 0H4C2.9 0 2 0.9 2 2V22C2 23.1 2.9 24 4 24H20C21.11 24 22 23.1 22 22V16.2427L20 18.2427V22H4V2H20V5.75735L22 7.75735V2C22 0.9 21.11 0 20 0Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M16.2929 7.70712L19.5858 11H11V13H19.5858L16.2929 16.2929L17.7071 17.7071L23.4142 12L17.7071 6.29291L16.2929 7.70712Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/move-to-icon.d.ts

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

package/dist/components/icon/components/move-to-icon.js

@@ -14,13 +14,15 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function MoveToIcon({ 'aria-label': ariaLabel = 'Move To' , copyrightYear ='2020' , ...props }) {
+export function MoveToIcon({ 'aria-label': ariaLabel = 'Move To' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M22,0 C23.1,0 24,0.9 24,2 L24,22 C24,23.1 23.1,24 22,24 L4,24 C2.89,24 2,23.1 2,22 L2,18 L4,18 L4,22 L22,22 L22,2 L4,2 L4,6 L2,6 L2,2 C2,0.9 2.89,0 4,0 L22,0 Z M14,12 L8.015,18 L8.015,14 L0,14 L0,10 L8.015,10 L8.015,6 L14,12 Z"
+        d: "M20 0H4C2.9 0 2 0.9 2 2V6H4V2H20V22H4V18H2V22C2 23.1 2.9 24 4 24H20C21.11 24 22 23.1 22 22V2C22 0.9 21.11 0 20 0Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M5.29291 7.70712L8.58579 11H0V13H8.58582L5.29291 16.2929L6.70712 17.7071L12.4142 12L6.70712 6.29291L5.29291 7.70712Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/new-content-icon.d.ts

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

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

@@ -14,13 +14,15 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function NewContentIcon({ 'aria-label': ariaLabel = 'New Content' , copyrightYear ='2020' , ...props }) {
+export function NewContentIcon({ 'aria-label': ariaLabel = 'New Content' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M12.0708889,4 L4,4 L4,22 L20,22 L20,11.9291111 C20.7061453,11.828105 21.3782934,11.6217094 22,11.3263688 L22,22 C22,23.1045695 21.1045695,24 20,24 L4,24 C2.8954305,24 2,23.1045695 2,22 L2,4 C2,2.8954305 2.8954305,2 4,2 L12.6736312,2 C12.3782906,2.62170659 12.171895,3.2938547 12.0708889,4 Z M19,0 C21.7614286,0 24,2.23857143 24,5 C24,7.76142857 21.7614286,10 19,10 C16.2385714,10 14,7.76142857 14,5 C14,2.23857143 16.2385714,0 19,0 Z"
+        d: "M14 5C14 2.23857 16.2386 0 19 0C21.7614 0 24 2.23857 24 5C24 7.76143 21.7614 10 19 10C16.2386 10 14 7.76143 14 5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M4 4H12.0709C12.1719 3.29385 12.3783 2.62171 12.6736 2H4C2.89543 2 2 2.89543 2 4V22C2 23.1046 2.89543 24 4 24H20C21.1046 24 22 23.1046 22 22V11.3264C21.3783 11.6217 20.7061 11.8281 20 11.9291V22H4V4Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/new-window-icon.d.ts

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

package/dist/components/icon/components/new-window-icon.js

@@ -14,13 +14,15 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function NewWindowIcon({ 'aria-label': ariaLabel = 'New Window' , copyrightYear ='2020' , ...props }) {
+export function NewWindowIcon({ 'aria-label': ariaLabel = 'New Window' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M12,0 L12,2 L2,2 L2,22 L22,22 L22,12 L24,12 L24,22 C24,23.1045695 23.1045695,24 22,24 L2,24 C0.8954305,24 0,23.1045695 0,22 L0,2 C-3.33066907e-16,0.8954305 0.8954305,0 2,0 L12,0 Z M22,3.41682007 L12.3997851,13.0170349 L10.9855716,11.6028214 L20.5883929,2 L16,2 L16,0 L24,0 L24,8 L22,8 L22,3.41682007 Z"
+        d: "M2 0H12V2H2V22H22V12H24V22C24 23.1046 23.1046 24 22 24H2C0.89543 24 0 23.1046 0 22V2C0 0.89543 0.89543 0 2 0Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M22 8V3.41682L12.3998 13.017L10.9856 11.6028L20.5884 2H16V0H24V8H22Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/notification-active-icon.d.ts

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

package/dist/components/icon/components/notification-active-icon.js

@@ -12,15 +12,37 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function NotificationActiveIcon({ 'aria-label': ariaLabel = 'Notification Active' , copyrightYear ='2020' , ...props }) {
+export function NotificationActiveIcon({ look ='filled' , 'aria-label': ariaLabel = 'Notification Active' , 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: "M20 11C20 7.27232 17.4505 4.14012 14 3.25203V2C14 0.89543 13.1046 0 12 0C10.8954 0 10 0.89543 10 2V3.25203C6.54955 4.14012 4 7.27232 4 11V17L2 19V20H22V19L20 17V11Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12.0015 24C10.3438 24 9 22.6569 9 21H15.003C15.003 22.6569 13.6592 24 12.0015 24Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0.0410767 10C0.316289 6.66402 1.95605 3.71495 4.40092 1.71223L5.66744 3.2602C3.67085 4.8957 2.31859 7.28854 2.04938 10H0.0410767Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M19.5991 1.71223C22.044 3.71495 23.6837 6.66402 23.9589 10H21.9506C21.6814 7.28854 20.3292 4.8957 18.3326 3.2602L19.5991 1.71223Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
         fillRule: "evenodd",
-        d: "M14,3.25203497 C17.4504544,4.14012056 20,7.27232114 20,11 L20,17 L22,19 L22,20 L2,20 L2,19 L4,17 L4,11 C4,7.27232114 6.54954557,4.14012056 10,3.25203497 L10,2 C10,0.8954305 10.8954305,0 12,0 C13.1045695,0 14,0.8954305 14,2 L14,3.25203497 L14,3.25203497 Z M9,21 L15.003,21 C15.003,22.6568542 13.6591827,24 12.0015,24 C10.3438173,24 9,22.6568542 9,21 Z M0.041073777,10 C0.316286557,6.66401946 1.95604422,3.71495492 4.40091892,1.71223423 L5.66743243,3.2601952 C3.67084816,4.89569849 2.31858497,7.28854422 2.04937524,10 L0.041073777,10 L0.041073777,10 Z M23.9589262,10 L23.9589262,10 L21.9506248,10 C21.681415,7.28854422 20.3291518,4.89569849 18.3325676,3.2601952 L19.5990811,1.71223423 C22.0439558,3.71495492 23.6837134,6.66401946 23.9589262,10 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M14 3.25203C17.4505 4.14012 20 7.27232 20 11V17L22 19V20H2V19L4 17V11C4 7.27232 6.54955 4.14012 10 3.25203V2C10 0.89543 10.8954 0 12 0C13.1046 0 14 0.89543 14 2V3.25203ZM18 11C18 7.68629 15.3137 5 12 5C8.68629 5 6 7.68629 6 11V18H18V11Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12.0015 24C10.3438 24 9 22.6569 9 21H15.003C15.003 22.6569 13.6592 24 12.0015 24Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0 9.99968C0.275213 6.6637 1.91497 3.71463 4.35985 1.71191L5.62636 3.25988C3.62977 4.89538 2.27751 7.28822 2.0083 9.99968H0Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M19.6402 1.71191C22.085 3.71463 23.7248 6.6637 24 9.99968H21.9917C21.7225 7.28822 20.3702 4.89538 18.3736 3.25988L19.6402 1.71191Z",
+        fill: "currentColor"
+    })));
 }

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

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

package/dist/components/icon/components/notification-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 NotificationIcon({ 'aria-label': ariaLabel = 'Notification' , copyrightYear ='2020' , ...props }) {
+export function NotificationIcon({ look ='filled' , 'aria-label': ariaLabel = 'Notification' , 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: "M20 11C20 7.27232 17.4505 4.14012 14 3.25203V2C14 0.89543 13.1046 0 12 0C10.8954 0 10 0.89543 10 2V3.25203C6.54955 4.14012 4 7.27232 4 11V17L2 19V20H22V19L20 17V11Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12.0015 24C10.3438 24 9 22.6569 9 21H15.003C15.003 22.6569 13.6592 24 12.0015 24Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
         fillRule: "evenodd",
-        d: "M14,3.25203497 C17.4504544,4.14012056 20,7.27232114 20,11 L20,17 L22,19 L22,20 L2,20 L2,19 L4,17 L4,11 C4,7.27232114 6.54954557,4.14012056 10,3.25203497 L10,2 C10,0.8954305 10.8954305,0 12,0 C13.1045695,0 14,0.8954305 14,2 L14,3.25203497 L14,3.25203497 Z M9,21 L15.003,21 C15.003,22.6568542 13.6591827,24 12.0015,24 C10.3438173,24 9,22.6568542 9,21 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M14 3.25203C17.4505 4.14012 20 7.27232 20 11V17L22 19V20H2V19L4 17V11C4 7.27232 6.54955 4.14012 10 3.25203V2C10 0.89543 10.8954 0 12 0C13.1046 0 14 0.89543 14 2V3.25203ZM18 11C18 7.68629 15.3137 5 12 5C8.68629 5 6 7.68629 6 11V18H18V11Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12.0015 24C10.3438 24 9 22.6569 9 21H15.003C15.003 22.6569 13.6592 24 12.0015 24Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/notification-off-icon.d.ts

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

package/dist/components/icon/components/notification-off-icon.js

@@ -12,15 +12,31 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function NotificationOffIcon({ 'aria-label': ariaLabel = 'Notification Off' , copyrightYear ='2020' , ...props }) {
+export function NotificationOffIcon({ look ='filled' , 'aria-label': ariaLabel = 'Notification Off' , 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: "M9.99995 3.25203V2C9.99995 0.89543 10.8954 0 12 0C13.1045 0 14 0.89543 14 2V3.25203C17.4504 4.14012 20 7.27232 20 11V16.4227L7.7797 4.20243C8.45859 3.78005 9.20539 3.45654 9.99995 3.25203Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M8.99995 21C8.99995 22.6569 10.3438 24 12.0015 24C13.6591 24 15.003 22.6569 15.003 21H8.99995Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0.964722 3.03523L2.37894 1.62102L22.3789 21.621L20.9647 23.0352L17.9295 20H1.99995V19L3.99995 17V11C3.99995 9.5797 4.37007 8.24585 5.01913 7.08964L0.964722 3.03523Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M10 2V3.25203C9.20547 3.45654 8.45867 3.78005 7.77979 4.20243L9.24556 5.66821C10.0704 5.2412 11.0071 5 12 5C15.3137 5 18 7.68629 18 11V14.4226L20 16.4227V11C20 7.27232 17.4505 4.14012 14 3.25203V2C14 0.89543 13.1046 0 12 0C10.8955 0 10 0.89543 10 2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M9 21C9 22.6569 10.3438 24 12.0015 24C13.6592 24 15.003 22.6569 15.003 21H9Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
         fillRule: "evenodd",
-        d: "M9,21 L15.003,21 C15.003,22.6568542 13.6591827,24 12.0015,24 C10.3438173,24 9,22.6568542 9,21 Z M10,3.25203497 L10,2 C10,0.8954305 10.8954305,-8.8817842e-16 12,-8.8817842e-16 C13.1045695,-8.8817842e-16 14,0.8954305 14,2 L14,3.25203497 C17.4504544,4.14012056 20,7.27232114 20,11 L20,16.4226821 L7.77974993,4.20243206 C8.45863802,3.78005235 9.20543208,3.45654262 10,3.25203497 Z M2.37898178,1.62101822 L22.3789818,21.6210182 L20.9647682,23.0352318 L17.9295364,20 L2,20 L2,19 L4,17 L4,11 C4,9.57970281 4.37012145,8.24585212 5.01917435,7.08963792 L0.964768219,3.03523178 L2.37898178,1.62101822 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M0.964844 3.03531L2.37906 1.62109L22.3791 21.6211L20.9648 23.0353L17.9296 20.0001H2.00008V19.0001L4.00008 17.0001V11.0001C4.00008 9.57978 4.3702 8.24593 5.01925 7.08971L0.964844 3.03531ZM6 11C6 10.1385 6.18156 9.31945 6.50849 8.57896L15.9295 18H6V11Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -14,13 +14,23 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function OfficeIcon({ 'aria-label': ariaLabel = 'Office' , copyrightYear ='2020' , ...props }) {
+export function OfficeIcon({ 'aria-label': ariaLabel = 'Office' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
+        d: "M20 10H16V12H20V10Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M16 14H20V16H16V14Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M20 18H16V20H20V18Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
         fillRule: "evenodd",
-        d: "M14,6 L24,6 L24,24 L0,24 L0,0 L14,0 L14,6 Z M14,8 L14,22 L22,22 L22,8 L14,8 Z M16,10 L20,10 L20,12 L16,12 L16,10 Z M16,14 L20,14 L20,16 L16,16 L16,14 Z M16,18 L20,18 L20,20 L16,20 L16,18 Z M2,4 L2,8 L6,8 L6,4 L2,4 Z M8,4 L8,8 L12,8 L12,4 L8,4 Z M2,10 L2,14 L6,14 L6,10 L2,10 Z M8,10 L8,14 L12,14 L12,10 L8,10 Z M2,16 L2,20 L6,20 L6,16 L2,16 Z M8,16 L8,20 L12,20 L12,16 L8,16 Z"
+        clipRule: "evenodd",
+        d: "M14 6H24V24H0V0H14V6ZM14 8H22V22H14V8ZM2 4H6V8H2V4ZM12 4H8V8H12V4ZM2 10H6V14H2V10ZM12 10H8V14H12V10ZM2 16H6V20H2V16ZM12 16H8V20H12V16Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/open-browser-icon.d.ts

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

package/dist/components/icon/components/open-browser-icon.js

@@ -12,15 +12,24 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function OpenBrowserIcon({ 'aria-label': ariaLabel = 'Open Browser' , copyrightYear ='2020' , ...props }) {
+export function OpenBrowserIcon({ look ='filled' , 'aria-label': ariaLabel = 'Open Browser' , 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: "M22,0 L2,0 C0.89,0 0,0.9 0,2 L0,18 C0,19.1 0.89,20 2,20 L7,20 L7,18 L2,18 L2,6 L22,6 L22,18 L17,18 L17,20 L22,20 C23.1,20 24,19.1 24,18 L24,2 C24,0.9 23.11,0 22,0 Z M12,9 L6,15 L10,15 L10,24 L14,24 L14,15 L18,15 L12,9 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M2 0H22C23.11 0 24 0.9 24 2V18C24 19.1 23.1 20 22 20H17V18H22V6H2V18H7V20H2C0.89 20 0 19.1 0 18V2C0 0.9 0.89 0 2 0ZM6 15L12 9L18 15H14V24H10V15H6Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M22 0H2C0.89 0 0 0.9 0 2V18C0 19.1 0.89 20 2 20H7V18H2V6H22V18H17V20H22C23.1 20 24 19.1 24 18V2C24 0.9 23.11 0 22 0ZM2 2H22V4H2V2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M6 15L12 9L18 15H14V24H10V15H6Z",
+        fill: "currentColor"
+    })));
 }

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

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