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/src/components/icon/components/geolocation-icon.tsx CHANGED Viewed

@@ -4,13 +4,23 @@ import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 export function GeolocationIcon({
+  look = 'filled',
   'aria-label': ariaLabel = 'Geolocation',
-  copyrightYear = '2020',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <polygon fill="currentColor" fillRule="evenodd" points="0 12 11.143 12.857 12 24 24 0" />
+      {look === 'filled' ? (
+        <path d="M24 0L0 10.04V11.3467L9.12 14.88L12.64 24H13.9467L24 0Z" fill="currentColor" />
+      ) : (
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M10.6673 13.3346L13.3425 20.2658L20.2698 3.7284L3.73081 10.6472L10.6673 13.3346ZM9.12 14.88L12.64 24H13.9467L24 0L0 10.04V11.3467L9.12 14.88Z"
+          fill="currentColor"
+        />
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/gift-icon.tsx CHANGED Viewed

@@ -1,16 +1,34 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
-export function GiftIcon({ 'aria-label': ariaLabel = 'Gift', copyrightYear = '2020', ...props }: IconProps) {
+export function GiftIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Gift',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <path
-        fill="currentColor"
-        fillRule="evenodd"
-        d="M18.4648712,6 L22,6 C23.1045695,6 24,6.8954305 24,8 L24,12 L13,12 L13,7.46487122 C12.6235948,7.24713257 12.2859638,6.96981926 12,6.6458244 C11.7140362,6.96981926 11.3764052,7.24713257 11,7.46487122 L11,12 L0,12 L0,8 C-1.3527075e-16,6.8954305 0.8954305,6 2,6 L2,6 L5.53512878,6 C5.19478857,5.41165327 5,4.72857429 5,4 C5,1.790861 6.790861,0 9,0 C10.1946925,0 11.2670555,0.523754887 12,1.3541756 L12,1.3541756 C12.7329445,0.523754887 13.8053075,0 15,0 C17.209139,0 19,1.790861 19,4 C19,4.72857429 18.8052114,5.41165327 18.4648712,6 Z M11,14 L1,14 L1,22 C1,23.1045695 1.8954305,24 3,24 L21,24 C22.1045695,24 23,23.1045695 23,22 L23,14 L13,14 L13,24 L11,24 L11,14 Z M9,6 C10.1045695,6 11,5.1045695 11,4 C11,2.8954305 10.1045695,2 9,2 C7.8954305,2 7,2.8954305 7,4 C7,5.1045695 7.8954305,6 9,6 Z M15,6 C16.1045695,6 17,5.1045695 17,4 C17,2.8954305 16.1045695,2 15,2 C13.8954305,2 13,2.8954305 13,4 C13,5.1045695 13.8954305,6 15,6 Z"
-      />
+      {look === 'filled' ? (
+        <Fragment>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M5 4C5 1.79086 6.79086 0 9 0C10.1947 0 11.2671 0.523755 12 1.35418C12.7329 0.523755 13.8053 0 15 0C17.2091 0 19 1.79086 19 4C19 4.72857 18.8052 5.41165 18.4649 6H22C23.1046 6 24 6.89543 24 8V14H0V8C0 6.89543 0.895431 6 2 6H5.53513C5.19479 5.41165 5 4.72857 5 4ZM17 4C17 5.10457 16.1046 6 15 6C13.8954 6 13 5.10457 13 4C13 2.89543 13.8954 2 15 2C16.1046 2 17 2.89543 17 4ZM11 4C11 5.10457 10.1046 6 9 6C7.89543 6 7 5.10457 7 4C7 2.89543 7.89543 2 9 2C10.1046 2 11 2.89543 11 4ZM10.2538 6.9996L6.91287 11.4765L8.51641 12.6718L12.0014 8.00171L15.4865 12.6718L17.09 11.4765L13.7491 6.9996C13.7491 6.9996 13.0592 6 12 6C10.9408 6 10.2538 6.9996 10.2538 6.9996Z"
+            fill="currentColor"
+          />
+          <path d="M1 22V16H23V22C23 23.1046 22.1046 24 21 24H3C1.89543 24 1 23.1046 1 22Z" fill="currentColor" />
+        </Fragment>
+      ) : (
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M9 0C6.79086 0 5 1.79086 5 4C5 4.72857 5.19479 5.41165 5.53513 6H2C0.895431 6 0 6.89543 0 8V16H1V22C1 23.1046 1.89543 24 3 24H21C22.1046 24 23 23.1046 23 22V16H24V8C24 6.89543 23.1046 6 22 6H18.4649C18.8052 5.41165 19 4.72857 19 4C19 1.79086 17.2091 0 15 0C13.8053 0 12.7329 0.523755 12 1.35418C11.2671 0.523755 10.1947 0 9 0ZM15 6C16.1046 6 17 5.10457 17 4C17 2.89543 16.1046 2 15 2C13.8954 2 13 2.89543 13 4C13 5.10457 13.8954 6 15 6ZM9 6C10.1046 6 11 5.10457 11 4C11 2.89543 10.1046 2 9 2C7.89543 2 7 2.89543 7 4C7 5.10457 7.89543 6 9 6ZM2 8V14H22V8H14.4957L17.09 11.4765L15.4865 12.6718L12.0014 8.00171L8.51641 12.6718L6.91287 11.4765L9.50721 8H2ZM3 16L3 22H21V16H3Z"
+          fill="currentColor"
+        />
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/github-icon.tsx CHANGED Viewed

@@ -3,13 +3,12 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
-export function GithubIcon({ 'aria-label': ariaLabel = 'Github', copyrightYear = '2020', ...props }: IconProps) {
+export function GithubIcon({ 'aria-label': ariaLabel = 'Github', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path
+        d="M11.9992 0C5.37299 0 0 5.50874 0 12.3045C0 17.7397 3.43799 22.3515 8.20648 23.979C8.80723 24.0915 9.02623 23.712 9.02623 23.3857C9.02623 23.094 9.01573 22.32 9.00973 21.2932C5.67149 22.0365 4.96724 19.6432 4.96724 19.6432C4.42124 18.2227 3.63524 17.844 3.63524 17.844C2.5455 17.0805 3.71774 17.0962 3.71774 17.0962C4.92149 17.1832 5.55524 18.3637 5.55524 18.3637C6.62624 20.244 8.36398 19.7017 9.04798 19.3867C9.15673 18.591 9.46723 18.0487 9.80998 17.7412C7.14524 17.4307 4.34324 16.3755 4.34324 11.661C4.34324 10.3177 4.81124 9.21898 5.57849 8.35948C5.45549 8.04748 5.04374 6.79724 5.69624 5.10299C5.69624 5.10299 6.70424 4.77149 8.99623 6.36374C9.95323 6.09149 10.98 5.95424 12.0007 5.95049C13.02 5.95424 14.046 6.09149 15.0045 6.36374C17.2957 4.77149 18.3015 5.10299 18.3015 5.10299C18.9562 6.79724 18.5445 8.04748 18.4215 8.35948C19.1902 9.21898 19.6545 10.3177 19.6545 11.661C19.6545 16.3875 16.8487 17.427 14.1757 17.7322C14.6062 18.1117 14.9902 18.8625 14.9902 20.0107C14.9902 21.6555 14.9752 22.983 14.9752 23.3857C14.9752 23.715 15.1912 24.0975 15.8002 23.9775C20.565 22.347 24 17.7382 24 12.3045C24 5.50874 18.6262 0 11.9992 0"
         fill="currentColor"
-        fillRule="evenodd"
-        d="M11.9992265,0 C5.37298948,0 0,5.50873921 0,12.3044759 C0,17.7397153 3.43799327,22.3514562 8.20648393,23.9789531 C8.80723276,24.0914528 9.02623233,23.7119536 9.02623233,23.3857042 C9.02623233,23.0939548 9.01573235,22.3199563 9.00973236,21.2932083 C5.6714889,22.0364569 4.96724027,19.6432115 4.96724027,19.6432115 C4.42124134,18.2227143 3.63524288,17.8439651 3.63524288,17.8439651 C2.54549502,17.0804666 3.71774272,17.0962165 3.71774272,17.0962165 C4.92149036,17.1832164 5.55523912,18.363714 5.55523912,18.363714 C6.62623703,20.2439604 8.36398362,19.7017114 9.04798229,19.386712 C9.15673207,18.5909636 9.46723146,18.0487147 9.80998079,17.7412153 C7.14523601,17.4307159 4.3432415,16.3754679 4.3432415,11.6609772 C4.3432415,10.3177298 4.81124058,9.21898195 5.57848908,8.35948363 C5.45548932,8.04748424 5.04374013,6.79723669 5.69623885,5.10299001 C5.69623885,5.10299001 6.70423687,4.77149066 8.99623239,6.36373754 C9.95323051,6.09148807 10.9799785,5.95423834 12.0007265,5.95048835 C13.0199745,5.95423834 14.0459725,6.09148807 15.0044706,6.36373754 C17.2957161,4.77149066 18.3014642,5.10299001 18.3014642,5.10299001 C18.9562129,6.79723669 18.5444637,8.04748424 18.4214639,8.35948363 C19.1902124,9.21898195 19.6544615,10.3177298 19.6544615,11.6609772 C19.6544615,16.3874679 16.848717,17.4269659 14.1757222,17.7322153 C14.6062214,18.1117145 14.9902207,18.8624631 14.9902207,20.0107108 C14.9902207,21.6554576 14.9752207,22.982955 14.9752207,23.3857042 C14.9752207,23.7149536 15.1912203,24.0974528 15.8002191,23.9774531 C20.5649597,22.3469562 23.999953,17.7382153 23.999953,12.3044759 C23.999953,5.50873921 18.6262135,0 11.9992265,0"
       />
     </Icon>
   );

package/src/components/icon/components/global-icon.tsx CHANGED Viewed

@@ -3,13 +3,14 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
-export function GlobalIcon({ 'aria-label': ariaLabel = 'Global', copyrightYear = '2020', ...props }: IconProps) {
+export function GlobalIcon({ 'aria-label': ariaLabel = 'Global', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path
-        fill="currentColor"
         fillRule="evenodd"
-        d="M20.486,3.51475 C22.75175,5.7805 24.0005,8.7955 24.0005,11.9995 C24.0005,15.20575 22.75175,18.2185 20.486,20.4865 C18.22025,22.75225 15.206,23.9995 12.0005,23.9995 C8.79425,23.9995 5.78225,22.75225 3.51425,20.4865 C1.2485,18.2185 0.0005,15.20575 0.0005,11.9995 C0.0005,8.7955 1.2485,5.7805 3.51425,3.51475 C5.78225,1.249 8.79425,-0.0005 12.0005,-0.0005 C15.206,-0.0005 18.22025,1.249 20.486,3.51475 M19.42475,19.426 C20.90375,17.947 21.88475,16.1065 22.2905,14.10325 C21.974,14.56825 21.67325,14.7415 21.48575,13.69975 C21.2915,12.00325 19.7345,13.08775 18.75425,12.4855 C17.723,13.18 15.40625,11.13325 15.8,13.441 C16.40825,14.482 19.08125,12.049 17.7485,14.251 C16.898,15.7885 14.639,19.19425 14.9345,20.9605 C14.9705,23.53225 12.305,21.49675 11.38625,20.64325 C10.769,18.93475 11.17625,15.94675 9.5615,15.1105 C7.808,15.034 6.3035,14.87425 5.624,12.9145 C5.21525,11.51275 6.059,9.4255 7.562,9.10225 C9.76025,7.72075 10.547,10.72075 12.6095,10.77775 C13.2515,10.1065 14.996,9.89425 15.14075,9.14275 C13.787,8.9035 16.8575,8.0035 15.01025,7.49275 C13.9925,7.612 13.33625,8.5495 13.87775,9.343 C11.90375,9.80425 11.84075,6.4855 9.94175,7.5325 C9.8945,9.18625 6.84425,8.06875 8.88575,7.7335 C9.58925,7.4275 7.742,6.53725 8.7395,6.69925 C9.2285,6.673 10.87925,6.09325 10.4345,5.70625 C11.351,5.13475 12.125,7.07125 13.02425,5.66125 C13.67375,4.57675 12.75125,4.3765 11.939,4.927 C11.4785,4.4125 12.749,3.30325 13.868,2.82325 C14.24075,2.66275 14.5955,2.57575 14.86925,2.6005 C15.434,3.25225 16.475,3.3655 16.53125,2.52325 C15.13325,1.8535 13.59425,1.4995 12.0005,1.4995 C9.71225,1.4995 7.535,2.22775 5.73575,3.57175 C6.22025,3.7945 6.494,4.06975 6.02825,4.423 C5.6645,5.50225 4.19525,6.95125 2.90525,6.7465 C2.2355,7.90225 1.79375,9.175 1.604,10.5085 C2.687,10.86625 2.936,11.5735 2.70275,11.8105 C2.15375,12.2905 1.814,12.97075 1.63925,13.717 C1.99175,15.8695 3.00275,17.8525 4.5755,19.426 C6.56,21.40825 9.19475,22.4995 12.0005,22.4995 C14.80475,22.4995 17.44025,21.40825 19.42475,19.426"
+        clipRule="evenodd"
+        d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM11 21.9506V19H10C8.89543 19 8 18.1046 8 17V15L2.35385 9.35385C2.12317 10.1967 2 11.084 2 12C2 17.1853 5.94668 21.4489 11 21.9506ZM15 2.4578C16.0927 2.80101 17.1047 3.32674 18 3.99927V7C18 7.55228 18.4477 8 19 8H21.1679C21.7031 9.22493 22 10.5778 22 12C22 14.7974 20.8514 17.3265 19 19.1414V19C19 17.8954 18.1046 17 17 17H15V13C15 12.4477 14.5523 12 14 12H8V10H10C10.5523 10 11 9.55229 11 9V6H13C14.1046 6 15 5.10457 15 4V2.4578Z"
+        fill="currentColor"
       />
     </Icon>
   );

package/src/components/icon/components/google-plus-icon.tsx CHANGED Viewed

@@ -1,20 +1,41 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 export function GooglePlusIcon({
+  look = 'filled',
   'aria-label': ariaLabel = 'Google Plus',
-  copyrightYear = '2020',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <path
-        fill="currentColor"
-        fillRule="evenodd"
-        d="M2,0 L22,0 C23.1045695,-2.02906125e-16 24,0.8954305 24,2 L24,22 C24,23.1045695 23.1045695,24 22,24 L2,24 C0.8954305,24 1.3527075e-16,23.1045695 0,22 L0,2 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 L2,0 Z M18,11 L16,11 L16,13 L18,13 L18,15 L20,15 L20,13 L22,13 L22,11 L20,11 L20,9 L18,9 L18,11 Z M8.36363636,13.1863638 L11.9727273,13.1863638 C11.8272727,14.1227275 10.8818182,15.9318184 8.36363636,15.9318184 C6.19090909,15.9318184 4.41818182,14.1318184 4.41818182,11.9136366 C4.41818182,9.69545474 6.19090909,7.89545474 8.36363636,7.89545474 C9.6,7.89545474 10.4272727,8.42272746 10.9,8.87727292 L12.6272727,7.21363655 C11.5181818,6.17727292 10.0818182,5.55000019 8.36363636,5.55000019 C4.84545455,5.55000019 2,8.39545474 2,11.9136366 C2,15.4318184 4.84545455,18.2772729 8.36363636,18.2772729 C12.0363636,18.2772729 14.4727273,15.6954547 14.4727273,12.0590911 C14.4727273,11.6409093 14.4272727,11.3227275 14.3727273,11.0045456 L8.36363636,11 L8.36363636,13.1863638 Z"
-      />
+      {look === 'filled' ? (
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M2 0C0.895431 0 0 0.89543 0 2V22C0 23.1046 0.89543 24 2 24H22C23.1046 24 24 23.1046 24 22V2C24 0.895431 23.1046 0 22 0H2ZM9.09091 13.1091H11.9782C11.8618 13.8582 11.1055 15.3055 9.09091 15.3055C7.35273 15.3055 5.93455 13.8655 5.93455 12.0909C5.93455 10.3164 7.35273 8.87636 9.09091 8.87636C10.08 8.87636 10.7418 9.29818 11.12 9.66182L12.5018 8.33091C11.6145 7.50182 10.4655 7 9.09091 7C6.27636 7 4 9.27636 4 12.0909C4 14.9055 6.27636 17.1818 9.09091 17.1818C12.0291 17.1818 13.9782 15.1164 13.9782 12.2073C13.9782 11.8727 13.9418 11.6182 13.8982 11.3636L9.09091 11.36V13.1091ZM16.8002 11.3598H15.2002V12.9598H16.8002V14.5598H18.4002V12.9598H20.0002V11.3598H18.4002V9.75977H16.8002V11.3598Z"
+          fill="currentColor"
+        />
+      ) : (
+        <Fragment>
+          <path
+            d="M9.09091 13.1091H11.9782C11.8618 13.8582 11.1055 15.3055 9.09091 15.3055C7.35273 15.3055 5.93455 13.8655 5.93455 12.0909C5.93455 10.3164 7.35273 8.87636 9.09091 8.87636C10.08 8.87636 10.7418 9.29818 11.12 9.66182L12.5018 8.33091C11.6145 7.50182 10.4655 7 9.09091 7C6.27636 7 4 9.27636 4 12.0909C4 14.9055 6.27636 17.1818 9.09091 17.1818C12.0291 17.1818 13.9782 15.1164 13.9782 12.2073C13.9782 11.8727 13.9418 11.6182 13.8982 11.3636L9.09091 11.36V13.1091Z"
+            fill="currentColor"
+          />
+          <path
+            d="M16.8 11.3602H15.2V12.9602H16.8V14.5602H18.4V12.9602H20V11.3602H18.4V9.76016H16.8V11.3602Z"
+            fill="currentColor"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 2C0 0.89543 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V22C24 23.1046 23.1046 24 22 24H2C0.89543 24 0 23.1046 0 22V2ZM2 2H22V22H2V2Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/grid-icon.tsx CHANGED Viewed

@@ -3,13 +3,14 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
-export function GridIcon({ 'aria-label': ariaLabel = 'Grid', copyrightYear = '2020', ...props }: IconProps) {
+export function GridIcon({ 'aria-label': ariaLabel = 'Grid', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path
-        fill="currentColor"
         fillRule="evenodd"
-        d="M20,2 L4,2 C2.9,2 2,2.9 2,4 L2,20 C2,21.1 2.9,22 4,22 L20,22 C21.1,22 22,21.1 22,20 L22,4 C22,2.9 21.1,2 20,2 Z M8,20 L4,20 L4,16 L8,16 L8,20 Z M8,14 L4,14 L4,10 L8,10 L8,14 Z M8,8 L4,8 L4,4 L8,4 L8,8 Z M14,20 L10,20 L10,16 L14,16 L14,20 Z M14,14 L10,14 L10,10 L14,10 L14,14 Z M14,8 L10,8 L10,4 L14,4 L14,8 Z M20,20 L16,20 L16,16 L20,16 L20,20 Z M20,14 L16,14 L16,10 L20,10 L20,14 Z M20,8 L16,8 L16,4 L20,4 L20,8 Z"
+        clipRule="evenodd"
+        d="M4 2H20C21.1 2 22 2.9 22 4V20C22 21.1 21.1 22 20 22H4C2.9 22 2 21.1 2 20V4C2 2.9 2.9 2 4 2ZM4 20H8V16H4V20ZM8 14H4V10H8V14ZM4 8H8V4H4V8ZM14 20H10V16H14V20ZM10 14H14V10H10V14ZM14 8H10V4H14V8ZM16 20H20V16H16V20ZM20 14H16V10H20V14ZM16 8H20V4H16V8Z"
+        fill="currentColor"
       />
     </Icon>
   );

package/src/components/icon/components/growth-icon.tsx CHANGED Viewed

@@ -1,16 +1,47 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
-export function GrowthIcon({ 'aria-label': ariaLabel = 'Growth', copyrightYear = '2020', ...props }: IconProps) {
+export function GrowthIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Growth',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <path
-        fill="currentColor"
-        fillRule="evenodd"
-        d="M2,14 C2,19.5222222 6.47777778,24 12,24 C12,18.4777778 7.52222222,14 2,14 Z M12,24 C17.5222222,24 22,19.5222222 22,14 C16.4777778,14 12,18.4777778 12,24 Z M9.00569016,2.81370323 C9.10188477,1.2436235 10.4057105,5.91645679e-31 12,5.91645679e-31 C13.5942895,5.91645679e-31 14.8981152,1.2436235 14.9943098,2.81370323 C16.4021361,2.11197034 18.1310585,2.61930477 18.9282032,4 C19.725348,5.38069523 19.3002513,7.13165316 17.9886197,8 C19.3002513,8.86834684 19.725348,10.6193048 18.9282032,12 C18.1310585,13.3806952 16.4021361,13.8880297 14.9943098,13.1862968 C14.8981152,14.7563765 13.5942895,16 12,16 C10.4057105,16 9.10188477,14.7563765 9.00569016,13.1862968 C7.59786393,13.8880297 5.86894154,13.3806952 5.07179677,12 C4.274652,10.6193048 4.6997487,8.86834684 6.01138033,8 C4.6997487,7.13165316 4.274652,5.38069523 5.07179677,4 C5.86894154,2.61930477 7.59786393,2.11197034 9.00569016,2.81370323 L9.00569016,2.81370323 Z M12,11 C13.6568542,11 15,9.65685425 15,8 C15,6.34314575 13.6568542,5 12,5 C10.3431458,5 9,6.34314575 9,8 C9,9.65685425 10.3431458,11 12,11 Z"
-      />
+      {look === 'filled' ? (
+        <Fragment>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.00569 2.8137C9.10188 1.24362 10.4057 0 12 0C13.5943 0 14.8981 1.24362 14.9943 2.8137C16.4021 2.11197 18.1311 2.6193 18.9282 4C19.7253 5.3807 19.3003 7.13165 17.9886 8C19.3003 8.86835 19.7253 10.6193 18.9282 12C18.1311 13.3807 16.4021 13.888 14.9943 13.1863C14.8981 14.7564 13.5943 16 12 16C10.4057 16 9.10188 14.7564 9.00569 13.1863C7.59786 13.888 5.86894 13.3807 5.0718 12C4.27465 10.6193 4.69975 8.86835 6.01138 8C4.69975 7.13165 4.27465 5.3807 5.0718 4C5.86894 2.6193 7.59786 2.11197 9.00569 2.8137ZM12 11C13.6569 11 15 9.65685 15 8C15 6.34315 13.6569 5 12 5C10.3431 5 9 6.34315 9 8C9 9.65685 10.3431 11 12 11Z"
+            fill="currentColor"
+          />
+          <path d="M2 14C2 19.5222 6.47778 24 12 24C12 18.4778 7.52222 14 2 14Z" fill="currentColor" />
+          <path d="M22 14C16.4778 14 12 18.4778 12 24C17.5222 24 22 19.5222 22 14Z" fill="currentColor" />
+        </Fragment>
+      ) : (
+        <Fragment>
+          <path
+            d="M12 10C13.1046 10 14 9.10457 14 8C14 6.89543 13.1046 6 12 6C10.8954 6 10 6.89543 10 8C10 9.10457 10.8954 10 12 10Z"
+            fill="currentColor"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.2102 0.971446C13.6619 0.374294 12.8746 0 12 0C11.1254 0 10.3381 0.374294 9.78978 0.971446C9.3386 1.46278 9.04911 2.10498 9.00569 2.8137C8.37021 2.49695 7.6693 2.42654 7.0182 2.57162C6.22688 2.74794 5.50912 3.24254 5.0718 4C4.63448 4.75746 4.56502 5.62636 4.80798 6.39983C5.0079 7.03623 5.41932 7.60804 6.01138 8C5.41932 8.39196 5.0079 8.96377 4.80799 9.60017C4.56502 10.3736 4.63448 11.2425 5.0718 12C5.50912 12.7575 6.22687 13.2521 7.0182 13.4284C7.6693 13.5735 8.37021 13.5031 9.00569 13.1863C9.04911 13.895 9.3386 14.5372 9.78978 15.0286C10.3381 15.6257 11.1254 16 12 16C12.8746 16 13.6619 15.6257 14.2102 15.0286C14.6614 14.5372 14.9509 13.895 14.9943 13.1863C15.6298 13.5031 16.3307 13.5735 16.9818 13.4284C17.7731 13.2521 18.4909 12.7575 18.9282 12C19.3655 11.2425 19.435 10.3736 19.192 9.60017C18.9921 8.96377 18.5807 8.39196 17.9886 8C18.5807 7.60804 18.9921 7.03623 19.192 6.39983C19.435 5.62636 19.3655 4.75746 18.9282 4C18.4909 3.24254 17.7731 2.74794 16.9818 2.57162C16.3307 2.42655 15.6298 2.49695 14.9943 2.8137C14.9509 2.10498 14.6614 1.46278 14.2102 0.971446ZM10.8172 5.95134L8.11348 4.60366C7.64587 4.37058 7.0692 4.5404 6.80385 5C6.5385 5.4596 6.67977 6.04392 7.11543 6.33234L9.63441 8L7.11543 9.66766C6.67977 9.95608 6.5385 10.5404 6.80385 11C7.0692 11.4596 7.64587 11.6294 8.11348 11.3963L10.8172 10.0487L11.0019 13.064C11.0339 13.5855 11.4693 14 12 14C12.5307 14 12.9661 13.5855 12.9981 13.064L13.1828 10.0487L15.8865 11.3963C16.3541 11.6294 16.9308 11.4596 17.1962 11C17.4615 10.5404 17.3202 9.95608 16.8846 9.66766L14.3656 8L16.8846 6.33234C17.3202 6.04392 17.4615 5.4596 17.1962 5C16.9308 4.5404 16.3541 4.37058 15.8865 4.60366L13.1828 5.95134L12.9981 2.93601C12.9661 2.4145 12.5307 2 12 2C11.4693 2 11.0339 2.4145 11.0019 2.93601L10.8172 5.95134Z"
+            fill="currentColor"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2 14C2 14.6858 2.06906 15.3555 2.2006 16.0025C2.99673 19.9183 6.08167 23.0033 9.99753 23.7994C10.6445 23.9309 11.3142 24 12 24C12.6858 24 13.3555 23.9309 14.0025 23.7994C17.9183 23.0033 21.0033 19.9183 21.7994 16.0025C21.9309 15.3555 22 14.6858 22 14C21.3142 14 20.6445 14.0691 19.9975 14.2006C16.0817 14.9967 12.9967 18.0817 12.2006 21.9975C12.0691 22.6445 12 23.3142 12 24C12 23.3142 11.9309 22.6445 11.7994 21.9975C11.0033 18.0817 7.91833 14.9967 4.00247 14.2006C3.35547 14.0691 2.68579 14 2 14ZM9.64878 21.6488C7.12168 20.8727 5.12733 18.8783 4.35121 16.3512C6.87831 17.1273 8.87267 19.1217 9.64878 21.6488ZM19.6488 16.3512C18.8727 18.8783 16.8783 20.8727 14.3512 21.6488C15.1273 19.1217 17.1217 17.1273 19.6488 16.3512Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/hamburger-menu-icon.tsx CHANGED Viewed

@@ -5,16 +5,14 @@ import { type IconProps } from '../icon.types.js';
 export function HamburgerMenuIcon({
   'aria-label': ariaLabel = 'Hamburger Menu',
-  copyrightYear = '2020',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <path
-        fill="currentColor"
-        fillRule="evenodd"
-        d="M2,7 L22,7 L22,5 L2,5 L2,7 Z M2,19 L2,17 L22,17 L22,19 L2,19 Z M2,13 L2,11 L22,11 L22,13 L2,13 Z"
-      />
+      <path d="M2 7H22V5H2V7Z" fill="currentColor" />
+      <path d="M2 19H22V17H2V19Z" fill="currentColor" />
+      <path d="M22 13H2V11H22V13Z" fill="currentColor" />
     </Icon>
   );
 }

package/src/components/icon/components/headset-icon.tsx CHANGED Viewed

@@ -3,14 +3,27 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
-export function HeadsetIcon({ 'aria-label': ariaLabel = 'Headset', copyrightYear = '2020', ...props }: IconProps) {
+export function HeadsetIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Headset',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <path
-        fill="currentColor"
-        fillRule="evenodd"
-        d="M22,21 L22,10 C22,4.4771525 17.5228475,0 12,0 C6.4771525,0 2,4.4771525 2,10 L2,17 C2,18.6568542 3.34314575,20 5,20 L8,20 L8,12 L4,12 L4,10 C4,5.581722 7.581722,2 12,2 C16.418278,2 20,5.581722 20,10 L20,12 L16,12 L16,20 L20,20 L20,20.25 C20,21.2164983 19.3604068,22 18.5714286,22 L12,22 L12,24 L19,24 C20.6568542,24 22,22.6568542 22,21 Z"
-      />
+      {look === 'filled' ? (
+        <path
+          d="M22 21V10C22 4.47715 17.5228 0 12 0C6.47715 0 2 4.47715 2 10V17C2 18.6569 3.34315 20 5 20H8V12H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V12H16V20H20V20.25C20 21.2165 19.3604 22 18.5714 22H12V24H19C20.6569 24 22 22.6569 22 21Z"
+          fill="currentColor"
+        />
+      ) : (
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M22 10V21C22 22.6569 20.6569 24 19 24H12V22H18.5714C19.3604 22 20 21.2165 20 20.25V20H16V12H20V10C20 5.58172 16.4183 2 12 2C7.58172 2 4 5.58172 4 10V12H8V20H5C3.34315 20 2 18.6569 2 17V10C2 4.47715 6.47715 0 12 0C17.5228 0 22 4.47715 22 10ZM4 17V14H6V18H5C4.44772 18 4 17.5523 4 17ZM18 18V14H20V18H18Z"
+          fill="currentColor"
+        />
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/heart-add-icon.tsx ADDED Viewed

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+export function HeartAddIcon({ 'aria-label': ariaLabel = 'Heart Add', copyrightYear = '2023', ...props }: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
+      <path
+        d="M10.7507 19.2364L10.7478 19.2338C7.87504 16.6312 5.6533 14.6125 4.12566 12.7465C2.62094 10.9085 2 9.46406 2 8.04451C2 5.76586 3.76486 4 6.05 4C7.35911 4 8.6463 4.61863 9.47788 5.59427L10.676 7H11.324L12.5221 5.59427C13.3537 4.61863 14.6409 4 15.95 4C17.8713 4 19.4247 5.24824 19.8708 7H21.9134C21.4304 4.12818 18.9807 2 15.95 2C14.7256 2 13.5328 2.36428 12.5183 2.99501C11.9468 3.35027 11.432 3.79006 11 4.29691C10.568 3.79006 10.0532 3.35027 9.48175 2.99501C8.46724 2.36428 7.27438 2 6.05 2C2.662 2 0 4.65958 0 8.04451C0 12.1953 3.73386 15.5781 9.39106 20.7034L9.405 20.716L11 22.1667L12.595 20.727L12.6384 20.6875C13.9763 19.4728 15.2063 18.3562 16.3041 17.3041L14.8895 15.8895C13.8262 16.9069 12.6125 18.0098 11.2529 19.2442L11.2506 19.2462L11.0051 19.4678L10.7507 19.2364Z"
+        fill="currentColor"
+      />
+      <path d="M19 14V17H21V14H24V12H21V9H19V12H16V14H19Z" fill="currentColor" />
+    </Icon>
+  );
+}

package/src/components/icon/components/heart-tick-icon.tsx ADDED Viewed

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+export function HeartTickIcon({ 'aria-label': ariaLabel = 'Heart Tick', copyrightYear = '2023', ...props }: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
+      <path
+        d="M10.7507 19.2364L10.7478 19.2338C7.87504 16.6312 5.6533 14.6125 4.12566 12.7465C2.62094 10.9085 2 9.46406 2 8.04451C2 5.76586 3.76486 4 6.05 4C7.35911 4 8.6463 4.61863 9.47788 5.59427L10.676 7H11.324L12.5221 5.59427C13.3537 4.61863 14.6409 4 15.95 4C17.8713 4 19.4247 5.24824 19.8708 7H21.9134C21.4304 4.12818 18.9807 2 15.95 2C14.7256 2 13.5328 2.36428 12.5183 2.99501C11.9468 3.35027 11.432 3.79006 11 4.29691C10.568 3.79006 10.0532 3.35027 9.48175 2.99501C8.46724 2.36428 7.27438 2 6.05 2C2.662 2 0 4.65958 0 8.04451C0 12.1953 3.73386 15.5781 9.39106 20.7034L9.405 20.716L11 22.1667L12.595 20.727L12.6384 20.6875C13.409 19.988 14.1439 19.3207 14.8382 18.6798L13.4227 17.2642C12.7468 17.8875 12.0233 18.5447 11.2529 19.2442L11.2506 19.2462L11.0051 19.4678L10.7507 19.2364Z"
+        fill="currentColor"
+      />
+      <path
+        d="M16.7021 14.4679L22.585 8.585L23.995 10.005L16.7021 17.2979L12.7021 13.2979L14.1121 11.8879L16.7021 14.4679Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+}

package/src/components/icon/components/help-icon.tsx CHANGED Viewed

@@ -1,16 +1,38 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
-export function HelpIcon({ 'aria-label': ariaLabel = 'Help', copyrightYear = '2020', ...props }: IconProps) {
+export function HelpIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Help',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <path
-        fill="currentColor"
-        fillRule="evenodd"
-        d="M24,12 C24,18.627 18.62775,24 12,24 C5.37225,24 0,18.627 0,12 C0,5.373 5.37225,0 12,0 C18.62775,0 24,5.373 24,12 Z M12,2 C6.47714286,2 2,6.47714286 2,12 C2,17.5228571 6.47714286,22 12,22 C17.5228571,22 22,17.5228571 22,12 C22,6.47714286 17.5228571,2 12,2 Z M11,18 L11,16 L13,16 L13,18 L11,18 Z M12,6 C14.21,6 16,7.79 16,10 C16,12.5 13,12.75 13,15 L11,15 C11,11.75 14,12 14,10 C14,8.9 13.1,8 12,8 C10.9,8 10,8.9 10,10 L8,10 C8,7.79 9.79,6 12,6 Z"
-      />
+      {look === 'filled' ? (
+        <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 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 10.8792 13.4202 11.3236 12.7704 11.8217C11.9421 12.4566 11 13.1787 11 15H13C13 13.9046 13.711 13.2833 14.4408 12.6455C15.21 11.9733 16 11.2829 16 10C16 7.79 14.21 6 12 6ZM13 18V16H11V18H13Z"
+          fill="currentColor"
+        />
+      ) : (
+        <Fragment>
+          <path d="M13 18V16H11V18H13Z" fill="currentColor" />
+          <path
+            d="M8 10C8 7.79 9.79 6 12 6C14.21 6 16 7.79 16 10C16 11.2829 15.21 11.9733 14.4408 12.6455C13.711 13.2833 13 13.9046 13 15H11C11 13.1787 11.9421 12.4566 12.7704 11.8217C13.4202 11.3236 14 10.8792 14 10C14 8.9 13.1 8 12 8C10.9 8 10 8.9 10 10H8Z"
+            fill="currentColor"
+          />
+          <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 24ZM2 12C2 6.47714 6.47714 2 12 2C17.5229 2 22 6.47714 22 12C22 17.5229 17.5229 22 12 22C6.47714 22 2 17.5229 2 12Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/history-clock-icon.tsx CHANGED Viewed

@@ -5,16 +5,16 @@ import { type IconProps } from '../icon.types.js';
 export function HistoryClockIcon({
   'aria-label': ariaLabel = 'History Clock',
-  copyrightYear = '2020',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path
+        d="M6.7779 20.0665L8.0583 18.53C9.53262 19.76 11.4299 20.5 13.5 20.5C18.1944 20.5 22 16.6944 22 12C22 7.30558 18.1944 3.5 13.5 3.5C8.80558 3.5 5 7.30558 5 12H8L4 16.5L0 12H3C3 6.20101 7.70101 1.5 13.5 1.5C19.299 1.5 24 6.20101 24 12C24 17.799 19.299 22.5 13.5 22.5C10.9428 22.5 8.59911 21.5859 6.7779 20.0665Z"
         fill="currentColor"
-        fillRule="evenodd"
-        d="M6.77789622,20.0665245 L8.05829694,18.5300437 C9.53261534,19.7599774 11.4298869,20.5 13.5,20.5 C18.1944204,20.5 22,16.6944204 22,12 C22,7.30557963 18.1944204,3.5 13.5,3.5 C8.80557963,3.5 5,7.30557963 5,12 L3,12 C3,6.20101013 7.70101013,1.5 13.5,1.5 C19.2989899,1.5 24,6.20101013 24,12 C24,17.7989899 19.2989899,22.5 13.5,22.5 C10.9428015,22.5 8.59911307,21.5858544 6.77789622,20.0665245 L6.77789622,20.0665245 Z M4,16.5 L0,12 L8,12 L4,16.5 Z M14,12.8457833 L18.1961524,15.268433 L17.1961524,17.0004838 L12,14.0004838 L12.0002793,14 L12,14 L12,6 L14,6 L14,12.8457833 Z"
       />
+      <path d="M14 6V12.8458L18.1962 15.2684L17.1962 17.0005L12 14.0005V6H14Z" fill="currentColor" />
     </Icon>
   );
 }

package/src/components/icon/components/house-dollar-icon.tsx ADDED Viewed

@@ -0,0 +1,40 @@
+import React, { Fragment } from 'react';
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+export function HouseDollarIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'House Dollar',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
+      {look === 'filled' ? (
+        <Fragment>
+          <path
+            d="M22 8V10.2876C20.695 9.4716 19.1526 9 17.5 9C12.8056 9 9 12.8056 9 17.5C9 19.1526 9.4716 20.695 10.2876 22H2V8L12 0L22 8Z"
+            fill="currentColor"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M24 17.5C24 21.0899 21.0899 24 17.5 24C13.9101 24 11 21.0899 11 17.5C11 13.9101 13.9101 11 17.5 11C21.0899 11 24 13.9101 24 17.5ZM15 18.8518H16.2522C16.3124 19.3699 16.846 19.7095 17.5344 19.7095C18.2272 19.7095 18.7005 19.3742 18.7005 18.9128C18.7005 18.5035 18.4036 18.2771 17.6549 18.1073L16.846 17.9288C15.7014 17.6807 15.1377 17.0929 15.1377 16.1743C15.1377 15.1649 15.8895 14.4532 17 14.2871V13.5H18V14.2806C19.1599 14.4324 19.8691 15.1368 19.8881 16.1395H18.6704C18.6274 15.6083 18.167 15.2862 17.5172 15.2862C16.8761 15.2862 16.4458 15.5953 16.4458 16.0611C16.4458 16.4486 16.747 16.6663 17.4613 16.8317L18.2143 16.9928C19.4578 17.2627 20 17.8026 20 18.7604C20 19.8367 19.2386 20.5634 18 20.7188V21.5H17V20.7231C15.7873 20.5825 15.0344 19.8989 15 18.8518Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      ) : (
+        <Fragment>
+          <path d="M20 8.96125L12 2.56125L4 8.96125V20H10L11 22H2V8L12 0L22 8V11L20 10V8.96125Z" fill="currentColor" />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M24 17.5C24 21.0899 21.0899 24 17.5 24C13.9101 24 11 21.0899 11 17.5C11 13.9101 13.9101 11 17.5 11C21.0899 11 24 13.9101 24 17.5ZM15 18.8518H16.2522C16.3124 19.3699 16.846 19.7095 17.5344 19.7095C18.2272 19.7095 18.7005 19.3742 18.7005 18.9128C18.7005 18.5035 18.4036 18.2771 17.6549 18.1073L16.846 17.9288C15.7014 17.6807 15.1377 17.0929 15.1377 16.1743C15.1377 15.1649 15.8895 14.4532 17 14.2871V13.5H18V14.2806C19.1599 14.4324 19.8691 15.1368 19.8881 16.1395H18.6704C18.6274 15.6083 18.167 15.2862 17.5172 15.2862C16.8761 15.2862 16.4458 15.5953 16.4458 16.0611C16.4458 16.4486 16.747 16.6663 17.4613 16.8317L18.2143 16.9928C19.4578 17.2627 20 17.8026 20 18.7604C20 19.8367 19.2386 20.5634 18 20.7188V21.5H17V20.7231C15.7873 20.5825 15.0344 19.8989 15 18.8518Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      )}
+    </Icon>
+  );
+}

package/src/components/icon/components/house-icon.tsx CHANGED Viewed

@@ -3,14 +3,29 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
-export function HouseIcon({ 'aria-label': ariaLabel = 'House', copyrightYear = '2020', ...props }: IconProps) {
+export function HouseIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'House',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <polygon
-        fill="currentColor"
-        fillRule="evenodd"
-        points="12 0 0 12 4 12 4 24 10 24 10 17 14 17 14 24 20 24 20 12 24 12"
-      />
+      {look === 'filled' ? (
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M24 12V11.0769L12 0L0 11.0769V12H2V24H22V12H24ZM15 22V15H9V22H15Z"
+          fill="currentColor"
+        />
+      ) : (
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M24 12V11.0769L12 0L0 11.0769V12H2V24H22V12H24ZM20 22V10.1064L12 2.72182L4 10.1064V22H8V15H16V22H20ZM14 22V17H10V22H14Z"
+          fill="currentColor"
+        />
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/house-people-icon.tsx ADDED Viewed

@@ -0,0 +1,63 @@
+import React, { Fragment } from 'react';
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+export function HousePeopleIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'House People',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
+      {look === 'filled' ? (
+        <Fragment>
+          <path
+            d="M22 8V11.4288C21.0982 10.5449 19.8629 10 18.5 10C17.4757 10 16.5177 10.3099 15.7222 10.8419L15.4938 10.9946C14.6593 10.3699 13.623 10 12.5 10C9.73793 10 7.5 12.2379 7.5 15C7.5 15.965 7.7732 16.8661 8.24649 17.6301C8.11315 17.6773 7.98253 17.7275 7.85495 17.7808C6.58522 18.3105 5 19.4483 5 21.5V22H2V8L12 0L22 8Z"
+            fill="currentColor"
+          />
+          <path
+            d="M21.5784 19.358C21.724 19.3973 21.8647 19.4398 22 19.4856C23.2163 19.897 24 20.5692 24 21.5V24H20V21.5C20 21.3573 19.9923 21.2191 19.9776 21.0852C19.9282 20.6343 19.7991 20.2323 19.6148 19.8753C19.4475 19.5514 19.2347 19.2644 18.9946 19.0116C18.9934 19.0103 18.9921 19.009 18.9908 19.0076C18.9908 19.0076 18.9908 19.0076 18.9908 19.0076C19.7587 19.0317 20.4851 19.113 21.134 19.2511C21.2866 19.2836 21.4349 19.3192 21.5784 19.358Z"
+            fill="currentColor"
+          />
+          <path
+            d="M17.5667 20.4127C17.8453 20.724 18 21.0865 18 21.5V24H7V21.5C7 20.3635 8.16833 19.6125 9.86603 19.2511C10.6517 19.0838 11.5508 19 12.5 19C13.4492 19 14.3483 19.0838 15.134 19.2511C15.2589 19.2777 15.381 19.3064 15.5 19.3372C16.3529 19.5582 17.0452 19.8875 17.4832 20.3246C17.4907 20.3321 17.4981 20.3396 17.5054 20.3471C17.5179 20.3599 17.5301 20.3727 17.5421 20.3857C17.5423 20.3859 17.5419 20.3854 17.5421 20.3857C17.5453 20.3892 17.5493 20.3934 17.5525 20.397C17.5573 20.4022 17.562 20.4075 17.5667 20.4127Z"
+            fill="currentColor"
+          />
+          <path
+            d="M16.8339 17.4956C16.9435 17.5688 17.0582 17.6351 17.1773 17.6937C17.5762 17.8898 18.0252 18 18.5 18C18.6132 18 18.7249 17.9937 18.8348 17.9815C18.8985 17.9745 18.9615 17.9654 19.0239 17.9545C19.6368 17.8466 20.1855 17.5529 20.6096 17.1335C21.1594 16.5897 21.5 15.8348 21.5 15C21.5 13.4557 20.3346 12.1848 18.8348 12.0185C18.7249 12.0063 18.6132 12 18.5 12C18.0252 12 17.5762 12.1102 17.1773 12.3063C17.0582 12.3649 16.9435 12.4312 16.8339 12.5044C16.8553 12.5415 16.8762 12.5788 16.8967 12.6164C17.2815 13.3249 17.5 14.1369 17.5 15C17.5 15.6909 17.36 16.349 17.1067 16.9475C17.0268 17.1364 16.9356 17.3194 16.8339 17.4956Z"
+            fill="currentColor"
+          />
+          <path
+            d="M14.6096 17.1335C14.6916 17.0524 14.769 16.9665 14.8413 16.8764C15.2535 16.3627 15.5 15.7103 15.5 15C15.5 13.3425 14.1575 12 12.5 12C10.8425 12 9.5 13.3425 9.5 15C9.5 15.8348 9.84057 16.5898 10.3904 17.1335C10.9323 17.6693 11.6773 18 12.5 18C13.2797 18 13.9897 17.7029 14.5231 17.2157C14.5524 17.1889 14.5813 17.1615 14.6096 17.1335Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      ) : (
+        <Fragment>
+          <path
+            d="M20 8.96125L12 2.56125L4 8.96125V20H5.5L5 22H2V8L12 0L22 8V12L20 10.5V8.96125Z"
+            fill="currentColor"
+          />
+          <path
+            d="M12.5 12C14.1575 12 15.5 13.3425 15.5 15C15.5 16.6575 14.1575 18 12.5 18C10.8425 18 9.5 16.6575 9.5 15C9.5 13.3425 10.8425 12 12.5 12Z"
+            fill="currentColor"
+          />
+          <path
+            d="M7 24V21.5C7 19.8375 9.5 19 12.5 19C13.6001 19 14.633 19.1126 15.5 19.3372C16.9973 19.7252 18 20.4471 18 21.5V24H7Z"
+            fill="currentColor"
+          />
+          <path
+            d="M20 21.5V24H24V21.5C24 19.9291 21.7678 19.0948 18.9908 19.0076C19.576 19.6221 20 20.4388 20 21.5Z"
+            fill="currentColor"
+          />
+          <path
+            d="M16.8339 17.4956C17.3105 17.8142 17.8834 18 18.5 18C20.1575 18 21.5 16.6575 21.5 15C21.5 13.3425 20.1575 12 18.5 12C17.8834 12 17.3104 12.1858 16.8339 12.5044C17.2576 13.2388 17.5 14.091 17.5 15C17.5 15.909 17.2576 16.7612 16.8339 17.4956Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      )}
+    </Icon>
+  );
+}

package/src/components/icon/components/house-person-icon.tsx ADDED Viewed

@@ -0,0 +1,47 @@
+import React, { Fragment } from 'react';
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+export function HousePersonIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'House Person',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
+      {look === 'filled' ? (
+        <Fragment>
+          <path
+            d="M22 8V11.9969C21.0883 10.7837 19.6369 10 18 10C15.2354 10 13 12.2354 13 15C13 16.237 13.4476 17.3681 14.1899 18.2404C13.9252 18.3383 13.6649 18.4455 13.4127 18.5617C12.6549 18.9111 11.8537 19.3948 11.2156 20.0575C10.7347 20.5568 10.3028 21.2086 10.1086 22H2V8L12 0L22 8Z"
+            fill="currentColor"
+          />
+          <path
+            d="M18 12C19.66 12 21 13.34 21 15C21 16.66 19.66 18 18 18C16.34 18 15 16.66 15 15C15 13.34 16.34 12 18 12Z"
+            fill="currentColor"
+          />
+          <path
+            d="M12 24V22.9024C12 20.7073 16 19.5 18 19.5C20 19.5 24 20.7073 24 22.9024V24H12Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      ) : (
+        <Fragment>
+          <path
+            d="M20 8.96125L12 2.56125L4 8.96125V20H11.5L10.5 22H2V8L12 0L22 8V12L20 10.5V8.96125Z"
+            fill="currentColor"
+          />
+          <path
+            d="M18 12C19.66 12 21 13.34 21 15C21 16.66 19.66 18 18 18C16.34 18 15 16.66 15 15C15 13.34 16.34 12 18 12Z"
+            fill="currentColor"
+          />
+          <path
+            d="M12 24V22.9024C12 20.7073 16 19.5 18 19.5C20 19.5 24 20.7073 24 22.9024V24H12Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      )}
+    </Icon>
+  );
+}