npm - @westpac/ui - Versions diffs - 0.1.0 → 0.2.0 - Mend

@westpac/ui 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1520) hide show

package/dist/components/icon/components/people-icon.js CHANGED Viewed

@@ -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 PeopleIcon({ 'aria-label': ariaLabel = 'People' , copyrightYear ='2020' , ...props }) {
+export function PeopleIcon({ look ='filled' , 'aria-label': ariaLabel = 'People' , 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: "M14 7C14 4.2375 11.7625 2 9 2C6.2375 2 4 4.2375 4 7C4 9.7625 6.2375 12 9 12C11.7625 12 14 9.7625 14 7Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M15 12C14.6574 12 14.3229 11.9656 13.9998 11.9C15.2372 10.6376 16 8.90816 16 7C16 5.09184 15.2372 3.36242 13.9998 2.09996C14.3229 2.03441 14.6574 2 15 2C17.7625 2 20 4.2375 20 7C20 9.7625 17.7625 12 15 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M24 18C24 16.016 20.6642 14.7663 17.7224 14.2593C19.1127 15.2143 20 16.4655 20 18V22H24V18Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0 22V18C0 15.34 5.99625 14 9 14C12.0037 14 18 15.34 18 18V22H0Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
         fillRule: "evenodd",
-        d: "M17.7223772,14.2593068 C20.6642206,14.7663417 24,16.0160056 24,18 L24,22 L20,22 L20,18 C20,16.4654583 19.112709,15.214323 17.7223772,14.2593068 L17.7223772,14.2593068 Z M13.9997631,11.9000397 L13.9997631,11.9000397 C15.237188,10.6375754 16,8.90816252 16,7 C16,5.09183748 15.237188,3.36242456 13.9997631,2.09996035 C14.3229246,2.03440871 14.6574255,2 15,2 C17.7625,2 20,4.2375 20,7 C20,9.7625 17.7625,12 15,12 C14.6574255,12 14.3229246,11.9655913 13.9997631,11.9000397 Z M14,7 C14,9.7625 11.7625,12 9,12 C6.2375,12 4,9.7625 4,7 C4,4.2375 6.2375,2 9,2 C11.7625,2 14,4.2375 14,7 Z M0,18 C0,15.34 5.99625,14 9,14 C12.00375,14 18,15.34 18,18 L18,22 L0,22 L0,18 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M0 18V22H18V18C18 15.34 12.0037 14 9 14C5.99625 14 0 15.34 0 18ZM16 18.0569V20H2V18.0569C2.0265 18.0148 2.09443 17.9286 2.25237 17.799C2.6116 17.5043 3.2155 17.1818 4.04451 16.8866C5.69649 16.2984 7.719 16 9 16C10.281 16 12.3035 16.2984 13.9555 16.8866C14.7845 17.1818 15.3884 17.5043 15.7476 17.799C15.9056 17.9286 15.9735 18.0148 16 18.0569ZM1.98507 18.0869C1.98507 18.0869 1.98593 18.0818 1.99143 18.0715C1.98846 18.0818 1.98507 18.0869 1.98507 18.0869ZM16.0149 18.0869C16.0149 18.0869 16.0115 18.0818 16.0086 18.0715C16.0141 18.0818 16.0149 18.0869 16.0149 18.0869Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M9 2C11.7625 2 14 4.2375 14 7C14 9.7625 11.7625 12 9 12C6.2375 12 4 9.7625 4 7C4 4.2375 6.2375 2 9 2ZM9 4C10.6579 4 12 5.34207 12 7C12 8.65793 10.6579 10 9 10C7.34207 10 6 8.65793 6 7C6 5.34207 7.34207 4 9 4Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M13.9998 11.9C14.3229 11.9656 14.6574 12 15 12C17.7625 12 20 9.7625 20 7C20 4.2375 17.7625 2 15 2C14.6574 2 14.3229 2.03441 13.9998 2.09996C15.2372 3.36242 16 5.09184 16 7C16 8.90816 15.2372 10.6376 13.9998 11.9Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M17.7224 14.2598C20.6643 14.7668 24 16.0165 24 18.0005V22.0005H20V18.0005C20 16.4659 19.1127 15.2148 17.7224 14.2598Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/percent-icon.d.ts CHANGED Viewed

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

package/dist/components/icon/components/percent-icon.js CHANGED Viewed

@@ -14,13 +14,19 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function PercentIcon({ 'aria-label': ariaLabel = 'Percent' , copyrightYear ='2020' , ...props }) {
+export function PercentIcon({ look ='filled' , 'aria-label': ariaLabel = 'Percent' , 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: "M15.1719126,16.2398208 C15.1886586,16.4961075 15.2177821,16.6970596 15.258555,16.8426771 C15.300056,16.9875665 15.3612153,17.0873145 15.4427611,17.1397368 C15.5235788,17.1921591 15.6284234,17.2183702 15.7572949,17.2183702 C15.8847102,17.2183702 15.9895547,17.1921591 16.0711005,17.1397368 C16.1533744,17.0873145 16.2145337,16.9875665 16.2545785,16.8426771 C16.2960795,16.6970596 16.325203,16.4961075 16.341949,16.2398208 C16.3601512,15.983534 16.3688883,15.6566228 16.3688883,15.2612714 C16.3688883,14.8535424 16.3601512,14.525175 16.341949,14.2739849 C16.325203,14.0235228 16.2960795,13.8254831 16.2545785,13.6798656 C16.2145337,13.53352 16.1533744,13.4352282 16.0711005,13.3828059 C15.9895547,13.3303836 15.8847102,13.3041725 15.7572949,13.3041725 C15.6284234,13.3041725 15.5235788,13.3303836 15.4427611,13.3828059 C15.3612153,13.4352282 15.300056,13.53352 15.258555,13.6798656 C15.2177821,13.8254831 15.1886586,14.0235228 15.1719126,14.2739849 C15.1544385,14.525175 15.1457015,14.8535424 15.1457015,15.2612714 C15.1457015,15.6566228 15.1544385,15.983534 15.1719126,16.2398208 L15.1719126,16.2398208 Z M13.1536544,13.7140857 C13.2461215,13.2888827 13.4004761,12.9437693 13.6159899,12.675105 C13.8315038,12.4071689 14.1147298,12.2120414 14.4634836,12.0897228 C14.8136936,11.9674041 15.2447214,11.9062447 15.7572949,11.9062447 C16.2698684,11.9062447 16.7008961,11.9674041 17.050378,12.0897228 C17.39986,12.2120414 17.6816298,12.4071689 17.8971437,12.675105 C18.1126575,12.9437693 18.267012,13.2888827 18.3609353,13.7140857 C18.4541305,14.1400168 18.5,14.6555027 18.5,15.2612714 C18.5,15.86704 18.4541305,16.3817978 18.3609353,16.8070008 C18.267012,17.2322039 18.1126575,17.5795015 17.8971437,17.8467096 C17.6816298,18.1153738 17.39986,18.3017642 17.050378,18.4066088 C16.7008961,18.5107253 16.2698684,18.5631476 15.7572949,18.5631476 C15.2447214,18.5631476 14.8136936,18.5107253 14.4634836,18.4066088 C14.1147298,18.3017642 13.8315038,18.1153738 13.6159899,17.8467096 C13.4004761,17.5795015 13.2461215,17.2322039 13.1536544,16.8070008 C13.0604593,16.3817978 13.0131336,15.86704 13.0131336,15.2612714 C13.0131336,14.6555027 13.0604593,14.1400168 13.1536544,13.7140857 L13.1536544,13.7140857 Z M15.7223467,6 L10.1823299,18.5631476 L8.26090731,18.5631476 L13.7994679,6 L15.7223467,6 Z M7.65805097,10.333576 C7.67552506,10.5898628 7.70392047,10.7908149 7.74542145,10.9364324 C7.78546626,11.0820498 7.8466256,11.1810697 7.92889947,11.233492 C8.00971717,11.2859143 8.11528983,11.3121255 8.24270512,11.3121255 C8.3708485,11.3121255 8.47642117,11.2859143 8.55796696,11.233492 C8.63878465,11.1810697 8.69994399,11.0820498 8.74144497,10.9364324 C8.78221787,10.7908149 8.81134136,10.5898628 8.82881546,10.333576 C8.84628955,10.0772893 8.85429852,9.75110613 8.85429852,9.3550266 C8.85429852,8.94729768 8.84628955,8.61820218 8.82881546,8.36701204 C8.81134136,8.11727807 8.78221787,7.91923831 8.74144497,7.77362083 C8.69994399,7.62800336 8.63878465,7.52898348 8.55796696,7.47656119 C8.47642117,7.4241389 8.3708485,7.39792775 8.24270512,7.39792775 C8.11528983,7.39792775 8.00971717,7.4241389 7.92889947,7.47656119 C7.8466256,7.52898348 7.78546626,7.62800336 7.74542145,7.77362083 C7.70392047,7.91923831 7.67552506,8.11727807 7.65805097,8.36701204 C7.63984878,8.61820218 7.63183982,8.94729768 7.63183982,9.3550266 C7.63183982,9.75110613 7.63984878,10.0772893 7.65805097,10.333576 L7.65805097,10.333576 Z M5.63906469,7.80856903 C5.73225987,7.383366 5.88661439,7.03679642 6.10285634,6.76886026 C6.3183702,6.50092411 6.6008681,6.3057967 6.95035004,6.18274993 C7.29910389,6.06115934 7.73013162,6 8.24270512,6 C8.75527863,6 9.18630636,6.06115934 9.53651638,6.18274993 C9.88527023,6.3057967 10.1677681,6.50092411 10.3840101,6.76886026 C10.5995239,7.03679642 10.7538785,7.383366 10.8470736,7.80856903 C10.9402688,8.23377205 10.9868664,8.74925791 10.9868664,9.3550266 C10.9868664,9.9607953 10.9402688,10.4762812 10.8470736,10.9014842 C10.7538785,11.3266872 10.5995239,11.6732568 10.3840101,11.9411929 C10.1677681,12.2091291 9.88527023,12.4042565 9.53651638,12.5265752 C9.18630636,12.6488939 8.75527863,12.7100532 8.24270512,12.7100532 C7.73013162,12.7100532 7.29910389,12.6488939 6.95035004,12.5265752 C6.6008681,12.4042565 6.3183702,12.2091291 6.10285634,11.9411929 C5.88661439,11.6732568 5.73225987,11.3266872 5.63906469,10.9014842 C5.5458695,10.4762812 5.5,9.9607953 5.5,9.3550266 C5.5,8.74925791 5.5458695,8.23377205 5.63906469,7.80856903 L5.63906469,7.80856903 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 M24,12 C24,18.627 18.62775,24 12,24 C5.37225,24 0,18.627 0,12 C0,5.373 5.37225,-8.8817842e-16 12,-8.8817842e-16 C18.62775,-8.8817842e-16 24,5.373 24,12"
+        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 24ZM5.63906 7.80857C5.73226 7.38337 5.88661 7.0368 6.10286 6.76886C6.31837 6.50092 6.60087 6.3058 6.95035 6.18275C7.2991 6.06116 7.73013 6 8.24271 6C8.75528 6 9.18631 6.06116 9.53652 6.18275C9.88527 6.3058 10.1678 6.50092 10.384 6.76886C10.5995 7.0368 10.7539 7.38337 10.8471 7.80857C10.9403 8.23377 10.9869 8.74926 10.9869 9.35503C10.9869 9.9608 10.9403 10.4763 10.8471 10.9015C10.7539 11.3267 10.5995 11.6733 10.384 11.9412C10.1678 12.2091 9.88527 12.4043 9.53652 12.5266C9.18631 12.6489 8.75528 12.7101 8.24271 12.7101C7.73013 12.7101 7.2991 12.6489 6.95035 12.5266C6.60087 12.4043 6.31837 12.2091 6.10286 11.9412C5.88661 11.6733 5.73226 11.3267 5.63906 10.9015C5.54587 10.4763 5.5 9.9608 5.5 9.35503C5.5 8.74926 5.54587 8.23377 5.63906 7.80857ZM15.7223 6L10.1823 18.5631H8.26091L13.7995 6H15.7223ZM13.616 12.6751C13.4005 12.9438 13.2461 13.2889 13.1537 13.7141C13.0605 14.14 13.0131 14.6555 13.0131 15.2613C13.0131 15.867 13.0605 16.3818 13.1537 16.807C13.2461 17.2322 13.4005 17.5795 13.616 17.8467C13.8315 18.1154 14.1147 18.3018 14.4635 18.4066C14.8137 18.5107 15.2447 18.5631 15.7573 18.5631C16.2699 18.5631 16.7009 18.5107 17.0504 18.4066C17.3999 18.3018 17.6816 18.1154 17.8971 17.8467C18.1127 17.5795 18.267 17.2322 18.3609 16.807C18.4541 16.3818 18.5 15.867 18.5 15.2613C18.5 14.6555 18.4541 14.14 18.3609 13.7141C18.267 13.2889 18.1127 12.9438 17.8971 12.6751C17.6816 12.4072 17.3999 12.212 17.0504 12.0897C16.7009 11.9674 16.2699 11.9062 15.7573 11.9062C15.2447 11.9062 14.8137 11.9674 14.4635 12.0897C14.1147 12.212 13.8315 12.4072 13.616 12.6751ZM15.2586 16.8427C15.2178 16.6971 15.1887 16.4961 15.1719 16.2398C15.1544 15.9835 15.1457 15.6566 15.1457 15.2613C15.1457 14.8535 15.1544 14.5252 15.1719 14.274C15.1887 14.0235 15.2178 13.8255 15.2586 13.6799C15.3001 13.5335 15.3612 13.4352 15.4428 13.3828C15.5236 13.3304 15.6284 13.3042 15.7573 13.3042C15.8847 13.3042 15.9896 13.3304 16.0711 13.3828C16.1534 13.4352 16.2145 13.5335 16.2546 13.6799C16.2961 13.8255 16.3252 14.0235 16.3419 14.274C16.3602 14.5252 16.3689 14.8535 16.3689 15.2613C16.3689 15.6566 16.3602 15.9835 16.3419 16.2398C16.3252 16.4961 16.2961 16.6971 16.2546 16.8427C16.2145 16.9876 16.1534 17.0873 16.0711 17.1397C15.9896 17.1922 15.8847 17.2184 15.7573 17.2184C15.6284 17.2184 15.5236 17.1922 15.4428 17.1397C15.3612 17.0873 15.3001 16.9876 15.2586 16.8427ZM7.74542 10.9364C7.70392 10.7908 7.67553 10.5899 7.65805 10.3336C7.63985 10.0773 7.63184 9.75111 7.63184 9.35503C7.63184 8.9473 7.63985 8.6182 7.65805 8.36701C7.67553 8.11728 7.70392 7.91924 7.74542 7.77362C7.78547 7.628 7.84663 7.52898 7.9289 7.47656C8.00972 7.42414 8.11529 7.39793 8.24271 7.39793C8.37085 7.39793 8.47642 7.42414 8.55797 7.47656C8.63878 7.52898 8.69994 7.628 8.74144 7.77362C8.78222 7.91924 8.81134 8.11728 8.82882 8.36701C8.84629 8.6182 8.8543 8.9473 8.8543 9.35503C8.8543 9.75111 8.84629 10.0773 8.82882 10.3336C8.81134 10.5899 8.78222 10.7908 8.74144 10.9364C8.69994 11.082 8.63878 11.1811 8.55797 11.2335C8.47642 11.2859 8.37085 11.3121 8.24271 11.3121C8.11529 11.3121 8.00972 11.2859 7.9289 11.2335C7.84663 11.1811 7.78547 11.082 7.74542 10.9364Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        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 24ZM12 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 2ZM6.10286 6.76886C5.88661 7.0368 5.73226 7.38337 5.63906 7.80857C5.54587 8.23377 5.5 8.74926 5.5 9.35503C5.5 9.9608 5.54587 10.4763 5.63906 10.9015C5.73226 11.3267 5.88661 11.6733 6.10286 11.9412C6.31837 12.2091 6.60087 12.4043 6.95035 12.5266C7.2991 12.6489 7.73013 12.7101 8.24271 12.7101C8.75528 12.7101 9.18631 12.6489 9.53652 12.5266C9.88527 12.4043 10.1678 12.2091 10.384 11.9412C10.5995 11.6733 10.7539 11.3267 10.8471 10.9015C10.9403 10.4763 10.9869 9.9608 10.9869 9.35503C10.9869 8.74926 10.9403 8.23377 10.8471 7.80857C10.7539 7.38337 10.5995 7.0368 10.384 6.76886C10.1678 6.50092 9.88527 6.3058 9.53652 6.18275C9.18631 6.06116 8.75528 6 8.24271 6C7.73013 6 7.2991 6.06116 6.95035 6.18275C6.60087 6.3058 6.31837 6.50092 6.10286 6.76886ZM10.1823 18.5631L15.7223 6H13.7995L8.26091 18.5631H10.1823ZM13.1537 13.7141C13.2461 13.2889 13.4005 12.9438 13.616 12.6751C13.8315 12.4072 14.1147 12.212 14.4635 12.0897C14.8137 11.9674 15.2447 11.9062 15.7573 11.9062C16.2699 11.9062 16.7009 11.9674 17.0504 12.0897C17.3999 12.212 17.6816 12.4072 17.8971 12.6751C18.1127 12.9438 18.267 13.2889 18.3609 13.7141C18.4541 14.14 18.5 14.6555 18.5 15.2613C18.5 15.867 18.4541 16.3818 18.3609 16.807C18.267 17.2322 18.1127 17.5795 17.8971 17.8467C17.6816 18.1154 17.3999 18.3018 17.0504 18.4066C16.7009 18.5107 16.2699 18.5631 15.7573 18.5631C15.2447 18.5631 14.8137 18.5107 14.4635 18.4066C14.1147 18.3018 13.8315 18.1154 13.616 17.8467C13.4005 17.5795 13.2461 17.2322 13.1537 16.807C13.0605 16.3818 13.0131 15.867 13.0131 15.2613C13.0131 14.6555 13.0605 14.14 13.1537 13.7141ZM15.1719 16.2398C15.1887 16.4961 15.2178 16.6971 15.2586 16.8427C15.3001 16.9876 15.3612 17.0873 15.4428 17.1397C15.5236 17.1922 15.6284 17.2184 15.7573 17.2184C15.8847 17.2184 15.9896 17.1922 16.0711 17.1397C16.1534 17.0873 16.2145 16.9876 16.2546 16.8427C16.2961 16.6971 16.3252 16.4961 16.3419 16.2398C16.3602 15.9835 16.3689 15.6566 16.3689 15.2613C16.3689 14.8535 16.3602 14.5252 16.3419 14.274C16.3252 14.0235 16.2961 13.8255 16.2546 13.6799C16.2145 13.5335 16.1534 13.4352 16.0711 13.3828C15.9896 13.3304 15.8847 13.3042 15.7573 13.3042C15.6284 13.3042 15.5236 13.3304 15.4428 13.3828C15.3612 13.4352 15.3001 13.5335 15.2586 13.6799C15.2178 13.8255 15.1887 14.0235 15.1719 14.274C15.1544 14.5252 15.1457 14.8535 15.1457 15.2613C15.1457 15.6566 15.1544 15.9835 15.1719 16.2398ZM7.65805 10.3336C7.67553 10.5899 7.70392 10.7908 7.74542 10.9364C7.78547 11.082 7.84663 11.1811 7.9289 11.2335C8.00972 11.2859 8.11529 11.3121 8.24271 11.3121C8.37085 11.3121 8.47642 11.2859 8.55797 11.2335C8.63878 11.1811 8.69994 11.082 8.74144 10.9364C8.78222 10.7908 8.81134 10.5899 8.82882 10.3336C8.84629 10.0773 8.8543 9.75111 8.8543 9.35503C8.8543 8.9473 8.84629 8.6182 8.82882 8.36701C8.81134 8.11728 8.78222 7.91924 8.74144 7.77362C8.69994 7.628 8.63878 7.52898 8.55797 7.47656C8.47642 7.42414 8.37085 7.39793 8.24271 7.39793C8.11529 7.39793 8.00972 7.42414 7.9289 7.47656C7.84663 7.52898 7.78547 7.628 7.74542 7.77362C7.70392 7.91924 7.67553 8.11728 7.65805 8.36701C7.63985 8.6182 7.63184 8.9473 7.63184 9.35503C7.63184 9.75111 7.63985 10.0773 7.65805 10.3336Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/person-icon.d.ts CHANGED Viewed

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

package/dist/components/icon/components/person-icon.js CHANGED Viewed

@@ -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 PersonIcon({ 'aria-label': ariaLabel = 'Person' , copyrightYear ='2020' , ...props }) {
+export function PersonIcon({ look ='filled' , 'aria-label': ariaLabel = 'Person' , 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", {
+        d: "M12 12C15.315 12 18 9.315 18 6C18 2.685 15.315 0 12 0C8.685 0 6 2.685 6 6C6 9.315 8.685 12 12 12ZM12 15C7.995 15 0 17.01 0 21V24H24V21C24 17.01 16.005 15 12 15Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
         fillRule: "evenodd",
-        d: "M0,21.3333333 L0,24 L24,24 L24,21.3333333 C24,17.7866667 16.005,16 12,16 C7.995,16 0,17.7866667 0,21.3333333 Z M12,12 C15.315,12 18,9.315 18,6 C18,2.685 15.315,0 12,0 C8.685,0 6,2.685 6,6 C6,9.315 8.685,12 12,12"
-    }));
+        clipRule: "evenodd",
+        d: "M24 21C24 17.01 16.005 15 12 15C7.995 15 0 17.01 0 21V24H24V21ZM2.66825 19.8489C2.11583 20.3588 2 20.7371 2 21V22H22V21C22 20.7371 21.8842 20.3588 21.3317 19.8489C20.7657 19.3265 19.8858 18.812 18.7581 18.3603C16.4997 17.4556 13.7525 17 12 17C10.2475 17 7.50034 17.4556 5.24187 18.3603C4.11424 18.812 3.23426 19.3265 2.66825 19.8489Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M18 6C18 9.315 15.315 12 12 12C8.685 12 6 9.315 6 6C6 2.685 8.685 0 12 0C15.315 0 18 2.685 18 6ZM12 10C14.2104 10 16 8.21043 16 6C16 3.78957 14.2104 2 12 2C9.78957 2 8 3.78957 8 6C8 8.21043 9.78957 10 12 10Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/phone-icon.d.ts CHANGED Viewed

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

package/dist/components/icon/components/phone-icon.js CHANGED Viewed

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function PhoneIcon({ 'aria-label': ariaLabel = 'Phone' , copyrightYear ='2020' , ...props }) {
+export function PhoneIcon({ 'aria-label': ariaLabel = 'Phone' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M7,2 L17,2 C18.1045695,2 19,2.8954305 19,4 L19,22 C19,23.1045695 18.1045695,24 17,24 L7,24 C5.8954305,24 5,23.1045695 5,22 L5,4 L5,4 C5,2.8954305 5.8954305,2 7,2 L7,2 Z M17,19 L17,5 L7,5 L7,19 L17,19 Z M12,23 C12.83,23 13.5,22.33 13.5,21.5 C13.5,20.67 12.83,20 12,20 C11.17,20 10.5,20.67 10.5,21.5 C10.5,22.33 11.17,23 12,23 Z"
+        clipRule: "evenodd",
+        d: "M5 2C5 0.89543 5.89543 0 7 0H17C18.1046 0 19 0.895431 19 2V22C19 23.1046 18.1046 24 17 24H7C5.89543 24 5 23.1046 5 22V2ZM17 19H7V3H17V19ZM10.5 21.5C10.5 22.33 11.17 23 12 23C12.83 23 13.5 22.33 13.5 21.5C13.5 20.67 12.83 20 12 20C11.17 20 10.5 20.67 10.5 21.5Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/pie-chart-icon.d.ts CHANGED Viewed

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

package/dist/components/icon/components/pie-chart-icon.js CHANGED Viewed

@@ -12,15 +12,22 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PieChartIcon({ 'aria-label': ariaLabel = 'Pie Chart' , copyrightYear ='2020' , ...props }) {
+export function PieChartIcon({ look ='filled' , 'aria-label': ariaLabel = 'Pie Chart' , 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: "M12 24C5.37258 24 0 18.6182 0 11.9794C0 5.67798 4.84047 0.509022 11 0V13.0223H23.9555C23.4278 19.1728 18.2767 24 12 24Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M23.96 11C23.4975 5.14095 18.8435 0.482904 13 0V11H23.96Z",
+        fill: "currentColor"
+    })) : React.createElement("path", {
         fillRule: "evenodd",
-        d: "M13,0 C18.8434819,0.482903868 23.4975482,5.14094692 23.9599991,11 L13,11 L13,0 Z M0,11.9794279 C0,5.67797979 4.84046948,0.509022045 11,0 L11,13.0222864 L23.9554671,13.0222864 C23.4278192,19.1727741 18.2766744,24 12,24 C5.372583,24 0,18.6182066 0,11.9794279 Z"
+        clipRule: "evenodd",
+        d: "M23.631 9C23.7947 9.6471 23.906 10.3154 23.96 11H13V0C13.6846 0.0565753 14.3529 0.170457 15 0.336862C19.231 1.42485 22.5578 4.75813 23.631 9ZM21.5542 9C20.5875 5.86688 18.1243 3.39621 15 2.41612V9H21.5542ZM11 13.0223V0C10.3154 0.0565728 9.64715 0.170706 9 0.337556C3.82432 1.67197 0 6.37832 0 11.9794C0 18.6182 5.37258 24 12 24C17.578 24 22.267 20.1877 23.6122 15.0223C23.7807 14.3752 23.8967 13.707 23.9555 13.0223H11ZM21.5311 15.0223H9V2.41727C4.94512 3.69345 2 7.4908 2 11.9794C2 17.5169 6.48038 22 12 22C16.4617 22 20.2455 19.0698 21.5311 15.0223Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/pizza-icon.d.ts ADDED Viewed

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

package/dist/components/icon/components/pizza-icon.js ADDED Viewed

@@ -0,0 +1,38 @@
+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 PizzaIcon({ look ='filled' , 'aria-label': ariaLabel = 'Pizza' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M1.21191 4.8C3.87591 1.848 7.71591 0 11.9999 0C16.2839 0 20.1359 1.86 22.7879 4.8L11.9999 24L1.21191 4.8ZM11 6C11 7.10457 10.1046 8 9 8C7.89543 8 7 7.10457 7 6C7 4.89543 7.89543 4 9 4C10.1046 4 11 4.89543 11 6ZM14 13C14 14.1046 13.1046 15 12 15C10.8954 15 10 14.1046 10 13C10 11.8954 10.8954 11 12 11C13.1046 11 14 11.8954 14 13Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M11 6C11 7.10457 10.1046 8 9 8C7.89543 8 7 7.10457 7 6C7 4.89543 7.89543 4 9 4C10.1046 4 11 4.89543 11 6Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12 15C13.1046 15 14 14.1046 14 13C14 11.8954 13.1046 11 12 11C10.8954 11 10 11.8954 10 13C10 14.1046 10.8954 15 12 15Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M22.7879 4.8L11.9999 24L1.21191 4.8C3.87591 1.848 7.71591 0 11.9999 0C16.2839 0 20.1359 1.86 22.7879 4.8ZM3.70006 5.14538L11.9999 19.9171L20.2996 5.14566C18.0914 3.19057 15.1843 2 11.9999 2C8.8131 2 5.9136 3.18337 3.70006 5.14538Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/plane-icon.d.ts CHANGED Viewed

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

package/dist/components/icon/components/plane-icon.js CHANGED Viewed

@@ -14,13 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function PlaneIcon({ 'aria-label': ariaLabel = 'Plane' , copyrightYear ='2020' , ...props }) {
+export function PlaneIcon({ 'aria-label': ariaLabel = 'Plane' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M7,24 L7,22.5 L10,20 L10,14 L0,17 L0,15 L10,8 L10,2 C10,0.8954305 10.8954305,0 12,0 C13.1045695,0 14,0.8954305 14,2 L14,8 L24,15 L24,17 L14,14 L14,20 L17,22.5 L17,24 L12,22.5 L7,24 Z"
+        d: "M7 24V22.5L10 20V14L0 17V15L10 8V2C10 0.89543 10.8954 0 12 0C13.1046 0 14 0.89543 14 2V8L24 15V17L14 14V20L17 22.5V24L12 22.5L7 24Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/play-circle-icon.d.ts CHANGED Viewed

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

package/dist/components/icon/components/play-circle-icon.js CHANGED Viewed

@@ -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 PlayCircleIcon({ 'aria-label': ariaLabel = 'Play' , copyrightYear ='2020' , ...props }) {
+export function PlayCircleIcon({ look ='filled' , 'aria-label': ariaLabel = 'Play Circle' , 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 M10,16.5 L10,7.5 L16,12 L10,16.5 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 24ZM16 12L10 16.5V7.5L16 12Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M16 12L10 16.5V7.5L16 12Z",
+        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 2Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/play-icon.d.ts CHANGED Viewed

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

package/dist/components/icon/components/play-icon.js CHANGED Viewed

@@ -14,13 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function PlayIcon({ 'aria-label': ariaLabel = 'Play' , copyrightYear ='2020' , ...props }) {
+export function PlayIcon({ 'aria-label': ariaLabel = 'Play' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("polygon", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        points: "8 5 8 19 19 12"
+    }, props), React.createElement("path", {
+        d: "M8 5V19L19 12L8 5Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/pram-icon.d.ts ADDED Viewed

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

package/dist/components/icon/components/pram-icon.js ADDED Viewed

@@ -0,0 +1,50 @@
+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 PramIcon({ look ='filled' , 'aria-label': ariaLabel = 'Pram' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M1.41597 2H0V0H1.41597C2.80813 0 4.01736 0.957735 4.33622 2.31288L6.14496 10H24L23.3216 13.3922C23.1346 14.3271 22.3138 15 21.3604 15H7.32143L7.61061 16.229C7.7169 16.6808 8.11998 17 8.58403 17H21V19H8.58403C7.19187 19 5.98264 18.0423 5.66378 16.6871L2.38939 2.77096C2.2831 2.31925 1.88002 2 1.41597 2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M24 8C24 3.58172 20.4183 0 16 0V7C16 7.55228 16.4477 8 17 8H24Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M11 22C11 23.1046 10.1046 24 9 24C7.89543 24 7 23.1046 7 22C7 20.8954 7.89543 20 9 20C10.1046 20 11 20.8954 11 22Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M18 24C19.1046 24 20 23.1046 20 22C20 20.8954 19.1046 20 18 20C16.8954 20 16 20.8954 16 22C16 23.1046 16.8954 24 18 24Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M1.41597 2H0V0H1.41597C2.80813 0 4.01736 0.957735 4.33622 2.31288L6.14496 10H24L23.3216 13.3922C23.1346 14.3271 22.3138 15 21.3604 15H7.32143L7.61061 16.229C7.7169 16.6808 8.11998 17 8.58403 17H21V19H8.58403C7.19187 19 5.98264 18.0423 5.66378 16.6871L2.38939 2.77096C2.2831 2.31925 1.88002 2 1.41597 2ZM6.85084 13L6.61554 12H21.5604L21.3604 13H6.85084Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M18 0.252035C20.8112 0.975592 23.0244 3.18879 23.748 6C23.9125 6.63924 24 7.3094 24 8H17C16.4477 8 16 7.55228 16 7V0C16.6906 0 17.3608 0.087506 18 0.252035ZM18 2.34141C19.7048 2.94398 21.056 4.29517 21.6586 6H18V2.34141Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M11 22C11 23.1046 10.1046 24 9 24C7.89543 24 7 23.1046 7 22C7 20.8954 7.89543 20 9 20C10.1046 20 11 20.8954 11 22Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M18 24C19.1046 24 20 23.1046 20 22C20 20.8954 19.1046 20 18 20C16.8954 20 16 20.8954 16 22C16 23.1046 16.8954 24 18 24Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/presets-icon.d.ts CHANGED Viewed

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

package/dist/components/icon/components/presets-icon.js CHANGED Viewed

@@ -14,13 +14,24 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function PresetsIcon({ 'aria-label': ariaLabel = 'Presets' , copyrightYear ='2021' , ...props }) {
+export function PresetsIcon({ 'aria-label': ariaLabel = 'Presets' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M16 13a4.002 4.002 0 013.874 3H24v2h-4.126a4.002 4.002 0 01-7.748 0H0v-2h12.126c.444-1.725 2.01-3 3.874-3zm0 2a2 2 0 100 4 2 2 0 000-4zM8 3a4.002 4.002 0 013.874 3H24v2H11.874a4.002 4.002 0 01-7.748 0H0V6h4.126C4.57 4.275 6.136 3 8 3zm0 2a2 2 0 100 4 2 2 0 000-4z"
+        clipRule: "evenodd",
+        d: "M19.8551 4C19.4248 2.55426 18.0855 1.5 16.5 1.5C14.9145 1.5 13.5752 2.55426 13.1449 4H1C0.447715 4 0 4.44772 0 5C0 5.55228 0.447715 6 1 6H13.1449C13.5752 7.44574 14.9145 8.5 16.5 8.5C18.0855 8.5 19.4248 7.44574 19.8551 6H23C23.5523 6 24 5.55228 24 5C24 4.44772 23.5523 4 23 4H19.8551ZM18 5C18 5.82843 17.3284 6.5 16.5 6.5C15.6716 6.5 15 5.82843 15 5C15 4.17157 15.6716 3.5 16.5 3.5C17.3284 3.5 18 4.17157 18 5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 12C0 11.4477 0.447715 11 1 11H4.14494C4.57521 9.55426 5.91449 8.5 7.5 8.5C9.08551 8.5 10.4248 9.55426 10.8551 11H23C23.5523 11 24 11.4477 24 12C24 12.5523 23.5523 13 23 13H10.8551C10.4248 14.4457 9.08551 15.5 7.5 15.5C5.91449 15.5 4.57521 14.4457 4.14494 13H1C0.447715 13 0 12.5523 0 12ZM7.5 13.5C6.67157 13.5 6 12.8284 6 12C6 11.1716 6.67157 10.5 7.5 10.5C8.32843 10.5 9 11.1716 9 12C9 12.8284 8.32843 13.5 7.5 13.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M1 18C0.447715 18 0 18.4477 0 19C0 19.5523 0.447715 20 1 20H11.1449C11.5752 21.4457 12.9145 22.5 14.5 22.5C16.0855 22.5 17.4248 21.4457 17.8551 20H23C23.5523 20 24 19.5523 24 19C24 18.4477 23.5523 18 23 18H17.8551C17.4248 16.5543 16.0855 15.5 14.5 15.5C12.9145 15.5 11.5752 16.5543 11.1449 18H1ZM16 19C16 19.8284 15.3284 20.5 14.5 20.5C13.6716 20.5 13 19.8284 13 19C13 18.1716 13.6716 17.5 14.5 17.5C15.3284 17.5 16 18.1716 16 19Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/print-icon.d.ts CHANGED Viewed

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

package/dist/components/icon/components/print-icon.js CHANGED Viewed

@@ -12,15 +12,27 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PrintIcon({ 'aria-label': ariaLabel = 'Print' , copyrightYear ='2020' , ...props }) {
+export function PrintIcon({ look ='filled' , 'aria-label': ariaLabel = 'Print' , 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 0H4V4H20V0Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
         fillRule: "evenodd",
-        d: "M20,18 L20,24 L4,24 L4,18 L0,18 L0,9 C-2.02906125e-16,7.34314575 1.34314575,6 3,6 L21,6 C22.6568542,6 24,7.34314575 24,9 L24,18 L20,18 Z M6,14 L18,14 L18,22 L6,22 L6,14 Z M20.5,11 C19.6715729,11 19,10.3284271 19,9.5 C19,8.67157288 19.6715729,8 20.5,8 C21.3284271,8 22,8.67157288 22,9.5 C22,10.3284271 21.3284271,11 20.5,11 Z M4,0 L20,0 L20,4 L4,4 L4,0 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M0 9C0 7.34315 1.34315 6 3 6H21C22.6569 6 24 7.34315 24 9V18H20V24H4V18H0V9ZM19.5 12C20.3284 12 21 11.3284 21 10.5C21 9.67157 20.3284 9 19.5 9C18.6716 9 18 9.67157 18 10.5C18 11.3284 18.6716 12 19.5 12ZM6 14H18V22H6V14Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M19.5 12C20.3284 12 21 11.3284 21 10.5C21 9.67157 20.3284 9 19.5 9C18.6716 9 18 9.67157 18 10.5C18 11.3284 18.6716 12 19.5 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M5 0H19V6H21C22.6569 6 24 7.34315 24 9V18H19V24H5V18H0V9C0 7.34315 1.34315 6 3 6H5V0ZM17 2V6H7V2H17ZM2 9C2 8.44772 2.44772 8 3 8H21C21.5523 8 22 8.44771 22 9V16H19V13H5V16H2V9ZM17 15H7V22H17V15Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/progress-icon.d.ts CHANGED Viewed

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

package/dist/components/icon/components/progress-icon.js CHANGED Viewed

@@ -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 ProgressIcon({ 'aria-label': ariaLabel = 'Progress' , copyrightYear ='2020' , ...props }) {
+export function ProgressIcon({ look ='filled' , 'aria-label': ariaLabel = 'Progress' , 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: "M12,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 C24,18.627 18.62775,24 12,24 Z M2,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 C6.47714286,2 2,6.47714286 2,12 Z M5.26975551,16.3265857 L5.26975551,16.3265857 L12,12 L12,4 C16.418278,4 20,7.581722 20,12 C20,16.418278 16.418278,20 12,20 C9.17578388,20 6.69337779,18.5365373 5.26975551,16.3265857 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M12 24C5.37225 24 0 18.627 0 12C0 5.373 5.37225 0 12 0C18.6278 0 24 5.373 24 12C24 18.627 18.6278 24 12 24ZM12 2V12L4.23869 18.3062C2.83902 16.5857 2 14.3908 2 12C2 6.47714 6.47714 2 12 2Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M12 20C9.17578 20 6.69338 18.5365 5.26976 16.3266L12 12V4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 24C5.37225 24 0 18.627 0 12C0 5.373 5.37225 0 12 0C18.6278 0 24 5.373 24 12C24 18.627 18.6278 24 12 24ZM2 12C2 17.5229 6.47714 22 12 22C17.5229 22 22 17.5229 22 12C22 6.47714 17.5229 2 12 2C6.47714 2 2 6.47714 2 12Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/question-mark-icon.d.ts ADDED Viewed

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

package/dist/components/icon/components/{copy-content-icon.js → question-mark-icon.js} RENAMED Viewed

@@ -14,13 +14,15 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function CopyContentIcon({ 'aria-label': ariaLabel = 'Copy' , copyrightYear ='2020' , ...props }) {
+export function QuestionMarkIcon({ 'aria-label': ariaLabel = 'Question Mark' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M16 0H4C2.9 0 2 .9 2 2v16h2V2h12V0zm3.867 4H8.133C6.96 4 6 5 6 6.222v15.556C6 23 6.96 24 8.133 24h11.734C21.04 24 22 23 22 21.778V6.222C22 5 21.04 4 19.867 4zM20 22H8V6h12v16z"
+        d: "M5 8.66726C5 4.9836 7.9836 2 11.6673 2C15.3509 2 18.3345 4.9836 18.3345 8.66726C18.3345 10.8056 17.0177 11.9564 15.7356 13.0769C14.5192 14.1399 13.3341 15.1756 13.3341 17.0013H10.0004C10.0004 13.9656 11.5708 12.7619 12.9514 11.7037C14.0345 10.8735 15.0009 10.1328 15.0009 8.66726C15.0009 6.83376 13.5008 5.33363 11.6673 5.33363C9.83376 5.33363 8.33363 6.83376 8.33363 8.66726H5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M13.3344 21.9985H10.0007V18.6649H13.3344V21.9985Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/quick-balance-icon.d.ts CHANGED Viewed

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

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

@@ -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 QuickBalanceIcon({ 'aria-label': ariaLabel = 'Quick Balance' , copyrightYear ='2020' , ...props }) {
+export function QuickBalanceIcon({ look ='filled' , 'aria-label': ariaLabel = 'Quick Balance' , 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: "M14.235,15.8515 L19.42425,8.575 L12.17775,13.7665 C11.54925,13.717 10.893,13.93075 10.4085,14.40925 C9.52425,15.2815 9.5355,16.7065 10.4085,17.59075 C11.2815,18.47575 12.7065,18.46375 13.59075,17.59075 C14.0745,17.113 14.277,16.48075 14.235,15.8515 L14.235,15.8515 Z M12,7 C7.0365,7 3,11.03725 3,16 C3,17.33875 3.3015,18.60625 3.82875,19.75 L7.323,19.75 C6.49725,18.72175 6,17.41825 6,16 C6,12.69175 8.691,10 12,10 C12.7935,10 13.551,10.15825 14.2455,10.44025 L16.95825,8.49625 C15.53475,7.55275 13.8315,7 12,7 L12,7 Z M19.5045,11.04475 L17.5635,13.7665 C17.8425,14.45725 18,15.21025 18,16 C18,17.41825 17.502,18.72175 16.67625,19.75 L20.1705,19.75 C20.69775,18.60625 21,17.33875 21,16 C21,14.16925 20.44725,12.46675 19.5045,11.04475 L19.5045,11.04475 Z M1.6185,22 C0.59475,20.233 0,18.1885 0,16 C0,9.37225 5.37225,4 12,4 C18.627,4 24,9.37225 24,16 C24,18.1885 23.4045,20.233 22.38075,22 L1.6185,22 Z"
-    }));
+        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",
+        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",
+        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: "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/rams-logo-icon.d.ts ADDED Viewed

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