@westpac/ui 0.1.0 → 0.2.1

package/src/components/icon/components/pram-icon.tsx

@@ -0,0 +1,56 @@
+import React, { Fragment } from 'react';
+
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+
+export function PramIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Pram',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
+      {look === 'filled' ? (
+        <Fragment>
+          <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"
+          />
+          <path d="M24 8C24 3.58172 20.4183 0 16 0V7C16 7.55228 16.4477 8 17 8H24Z" fill="currentColor" />
+          <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"
+          />
+          <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"
+          />
+        </Fragment>
+      ) : (
+        <Fragment>
+          <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"
+          />
+          <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"
+          />
+          <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"
+          />
+          <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"
+          />
+        </Fragment>
+      )}
+    </Icon>
+  );
+}

package/src/components/icon/components/presets-icon.tsx

@@ -3,13 +3,26 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function PresetsIcon({ 'aria-label': ariaLabel = 'Presets', copyrightYear = '2021', ...props }: IconProps) {
+export function PresetsIcon({ 'aria-label': ariaLabel = 'Presets', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path
+        fillRule="evenodd"
+        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"
+      />
+      <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"
+      />
+      <path
         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="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"
       />
     </Icon>
   );

package/src/components/icon/components/print-icon.tsx

@@ -1,16 +1,40 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function PrintIcon({ 'aria-label': ariaLabel = 'Print', copyrightYear = '2020', ...props }: IconProps) {
+export function PrintIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Print',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <path
-        fill="currentColor"
-        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"
-      />
+      {look === 'filled' ? (
+        <Fragment>
+          <path d="M20 0H4V4H20V0Z" fill="currentColor" />
+          <path
+            fillRule="evenodd"
+            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"
+          />
+        </Fragment>
+      ) : (
+        <Fragment>
+          <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"
+          />
+          <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"
+          />
+        </Fragment>
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/progress-icon.tsx

@@ -1,16 +1,37 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function ProgressIcon({ 'aria-label': ariaLabel = 'Progress', copyrightYear = '2020', ...props }: IconProps) {
+export function ProgressIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Progress',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <path
-        fill="currentColor"
-        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"
-      />
+      {look === 'filled' ? (
+        <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 24ZM12 2V12L4.23869 18.3062C2.83902 16.5857 2 14.3908 2 12C2 6.47714 6.47714 2 12 2Z"
+          fill="currentColor"
+        />
+      ) : (
+        <Fragment>
+          <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"
+          />
+          <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"
+          />
+        </Fragment>
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/question-mark-icon.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+
+export function QuestionMarkIcon({
+  'aria-label': ariaLabel = 'Question Mark',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
+      <path
+        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"
+      />
+      <path d="M13.3344 21.9985H10.0007V18.6649H13.3344V21.9985Z" fill="currentColor" />
+    </Icon>
+  );
+}

package/src/components/icon/components/quick-balance-icon.tsx

@@ -1,20 +1,45 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
 export function QuickBalanceIcon({
+  look = 'filled',
   'aria-label': ariaLabel = 'Quick Balance',
-  copyrightYear = '2020',
+  copyrightYear = '2023',
   ...props
 }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <path
-        fill="currentColor"
-        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"
-      />
+      {look === 'filled' ? (
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M20.9444 22C22.8446 19.877 24 17.0734 24 14C24 7.37258 18.6274 2 12 2C5.37258 2 0 7.37258 0 14C0 17.0734 1.15541 19.877 3.05557 22H20.9444ZM5 14C5 10.134 8.13401 7 12 7C13.3679 7 14.6441 7.39234 15.7223 8.07062L17.468 6.85091C15.9523 5.6899 14.0567 5 12 5C7.02944 5 3 9.02944 3 14C3 15.6376 3.4383 17.1759 4.20465 18.5007C4.48119 18.9788 5.09292 19.1421 5.57098 18.8656C6.04904 18.5891 6.21241 17.9773 5.93586 17.4993C5.34086 16.4707 5 15.2767 5 14ZM19.1511 8.53462L17.9339 10.2849C18.6094 11.3616 19 12.6352 19 14C19 15.2767 18.6591 16.4707 18.0641 17.4993C17.7876 17.9773 17.951 18.5891 18.429 18.8656C18.9071 19.1421 19.5188 18.9788 19.7953 18.5007C20.5617 17.1759 21 15.6376 21 14C21 11.9445 20.3109 10.0499 19.1511 8.53462ZM19 7L14.235 13.8517C14.277 14.4809 14.0745 15.1132 13.5907 15.5909C12.7065 16.4639 11.2815 16.4759 10.4085 15.5909C9.53549 14.7067 9.52424 13.2817 10.4085 12.4094C10.893 11.9309 11.5492 11.7172 12.1777 11.7667L19 7Z"
+          fill="currentColor"
+        />
+      ) : (
+        <Fragment>
+          <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"
+          />
+          <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"
+          />
+          <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"
+          />
+          <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"
+          />
+        </Fragment>
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/rams-logo-icon.tsx

@@ -0,0 +1,71 @@
+import React from 'react';
+
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+
+export function RAMSLogoIcon({
+  'aria-label': ariaLabel = 'RAMS',
+  copyrightYear = '2023',
+  viewBox = '0 0 100 65',
+  ...props
+}: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} viewBox={viewBox} {...props}>
+      <defs>
+        <linearGradient x1="49.289%" y1="16.767%" x2="49.289%" y2="102.357%" id="RAMSMultibrandLargeLogo-a">
+          <stop stopColor="#00B6F1" offset="0%" />
+          <stop stopColor="#00AEEF" offset="14.4%" />
+          <stop stopColor="#00A0E0" offset="31.6%" />
+          <stop stopColor="#007DBA" offset="64.3%" />
+          <stop stopColor="#007DBA" offset="64.4%" />
+          <stop stopColor="#005282" offset="100%" />
+        </linearGradient>
+        <linearGradient x1="29.892%" y1="53.141%" x2="80.033%" y2="47.743%" id="RAMSMultibrandLargeLogo-b">
+          <stop stopColor="#0083C2" offset="0%" />
+          <stop stopColor="#0081C0" offset="62.9%" />
+          <stop stopColor="#007CB9" offset="73.3%" />
+          <stop stopColor="#0072AE" offset="80.7%" />
+          <stop stopColor="#00659D" offset="86.7%" />
+          <stop stopColor="#005387" offset="91.8%" />
+          <stop stopColor="#004474" offset="100%" />
+        </linearGradient>
+        <linearGradient x1="61.146%" y1="-.93%" x2="32.944%" y2="120.58%" id="RAMSMultibrandLargeLogo-c">
+          <stop stopColor="#6DCFF6" offset="0%" />
+          <stop stopColor="#00AEEF" offset="43.1%" />
+          <stop stopColor="#0088C7" offset="78.2%" />
+          <stop stopColor="#0072AA" offset="100%" />
+        </linearGradient>
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <path fill="#FFF" d="M0 0h180v65H0z" />
+        <path
+          d="M13.578 24.438c1.143 0 2.19.19 3.115.562a7.275 7.275 0 012.397 1.544 6.773 6.773 0 011.531 2.28 7.31 7.31 0 01.527 2.775c0 1.505-.324 2.83-.962 3.938-.512.888-1.278 1.613-2.288 2.164.33.162.624.355.882.578.47.41.859.9 1.157 1.456a6.61 6.61 0 01.64 1.808c.105.518.184 1.042.234 1.563h-6.089c-.184-.988-.511-1.723-.977-2.188-.503-.504-1.375-.76-2.591-.76H6.236v3.314H0V25.57a1.197 1.197 0 011.194-1.132h12.384zm20.733 0a1.2 1.2 0 011.12.776l6.69 17.892-20.082-.135 6.743-17.851a1.194 1.194 0 011.074-.682h4.455zm15.738 0c.53 0 .971.347 1.131.824l5.128 15.074 4.846-15.054a1.198 1.198 0 011.14-.844h6.239a1.2 1.2 0 011.193 1.13l-.01 12.372-5.885 1.484v-5.032l-1.834 5.293-11.046 1.842-2.452-6.989v7.49l-5.894.359V25.64c0-.662.542-1.202 1.206-1.202h6.238zm-18.012 7.686l-2.58 7.266h5.075l-2.495-7.266zm47.983-8.26c1.246 0 2.469.161 3.621.442a9.65 9.65 0 013.27 1.448 7.559 7.559 0 011.574 1.483c.07.09.128.17.185.248.044.06.088.121.13.185.021.03.04.06.06.092a6.822 6.822 0 01.5.868c.21.569.042 1.184-.482 1.517-1.056.67-2.53 1.281-3.153 1.492-.622.21-1.02.17-1.418-.4-.243-.35-.831-1.156-1.45-1.545a2.016 2.016 0 00-.15-.104 3.976 3.976 0 00-1.34-.52c-.859-.177-1.915-.253-2.943-.036-.376.08-.724.22-1.03.418-.3.193-.55.438-.742.727-.179.265-.267.621-.267 1.054 0 .393.069.705.206.929.094.152.323.387.888.65.506.238 1.228.483 2.144.726.747.198 1.676.438 2.786.721l-8.928 3.063c-.32-.21-.554-.373-.704-.488a6.465 6.465 0 01-1.775-2.102c-.454-.844-.683-1.873-.683-3.057 0-1.324.29-2.495.861-3.478a7.702 7.702 0 012.224-2.44 9.622 9.622 0 013.074-1.432 13.591 13.591 0 013.542-.46zm-68.354 5.622h-5.43v5.981h5.43c1.111 0 1.943-.237 2.472-.708.514-.456.772-1.242.772-2.332 0-1.045-.258-1.8-.77-2.246-.529-.46-1.361-.695-2.474-.695z"
+          fill="url(#RAMSMultibrandLargeLogo-a)"
+          fillRule="nonzero"
+          transform="translate(0 5)"
+        />
+        <path
+          d="M80.796 38.844c.728.188 1.57.404 2.525.646.446.089 1.097.258 1.91.5.844.249 1.692.651 2.522 1.196.842.555 1.578 1.302 2.19 2.222.625.945.942 2.157.942 3.604 0 1.171-.23 2.277-.686 3.287a7.188 7.188 0 01-2.052 2.632c-.89.727-2.01 1.3-3.32 1.7-1.3.398-2.818.6-4.515.6-1.371 0-2.723-.172-4.017-.51-1.31-.341-2.484-.888-3.491-1.623a8.12 8.12 0 01-2.434-2.846 7.401 7.401 0 01-.653-1.882v5.11c0 .664-.538 1.202-1.2 1.202h-3.494c-.662 0-1.2-.538-1.2-1.201v-9.735c2-.422 3.967-.886 5.894-1.392v3.919a1.2 1.2 0 011.006-.545h3.737c.664 0 1.095.514 1.147 1.2.025.312.14.705.352 1.11.267.503.614.918 1.044 1.23.443.318.974.557 1.578.714 1.044.27 2.129.314 3.409.127a4.97 4.97 0 001.41-.422 2.96 2.96 0 001.04-.816c.257-.32.38-.728.38-1.245 0-.54-.162-.962-.497-1.289-.378-.367-.887-.681-1.512-.93-.66-.264-1.42-.498-2.259-.697-.87-.206-1.76-.438-2.644-.687a23.603 23.603 0 01-2.699-.85 9.575 9.575 0 01-2.432-1.34 6.558 6.558 0 01-.294-.241 109.74 109.74 0 008.313-2.748zm-32.303 7.353v7.283a1.2 1.2 0 01-1.2 1.201l-.735.004h-7.644a1.194 1.194 0 01-1.114-.828l-1.569-4.599h-8.484l-1.624 4.612a1.194 1.194 0 01-1.13.815h-8.377c-.54 0-.995-.358-1.147-.848-.2-.687-.332-1.465-.387-2.327a40.707 40.707 0 00-.303-3.039 8.055 8.055 0 00-.07-.41 508.07 508.07 0 006.089-.096c.017.163.028.319.04.482.023.395.046.853.069 1.378.014.317.036.643.062.971l1.085-2.865c6.342-.162 12.974-.472 19.611-1.045l.935 2.5v-2.581c1.967-.178 3.934-.38 5.893-.608zM0 48.105l1.52.003h.842l.44.001h.92l2.514-.003v5.412a1.199 1.199 0 01-1.197 1.167H1.203c-.664 0-1.2-.538-1.203-1.201zm62.2-4.007l-3.382 9.76a1.195 1.195 0 01-1.134.825h-3.05c-.514 0-.948-.324-1.119-.777l-2.777-7.985c1.848-.236 3.68-.494 5.503-.783l.07.192.063-.212c1.964-.312 3.907-.638 5.826-1.02z"
+          fill="#78C339"
+        />
+        <path
+          d="M66.509 8.334c-2.498 5.661 1.08 11.085 7.345 12.736 4.597 1.21 9.792-.45 11.657-3.938l-.678-.678a1.105 1.105 0 010-1.558l1.333-1.334c.007-.006.013-.01.019-.017-.367-2.277-2.35-3.78-4.385-4.338-3.245-.89-6.22.207-7.675 2.204-.194.264.201.435.201.435s1.407.65 1.619.765c.213.118.414-.095.527-.188.852-.702 2.135-1.22 3.56-.794 1.992.597 2.752 2.207 1.948 3.851-1.072 2.194-4.183 2.723-6.458 2.149-3.706-.934-5.001-4.127-3.75-7.153 1.456-3.52 7.037-5.52 11.896-4.095 5.535 1.749 8.126 6.38 5.872 11.489-.49 1.108-1.267 2.24-2.307 3.318-.101.107-.206.211-.313.315-.03.028-.056.056-.085.084a15.26 15.26 0 01-.429.397l-.014.013a18.06 18.06 0 01-.467.4c-.007.005-.014.01-.02.017-.166.135-.334.269-.508.402.1.037.199.076.297.115l.038.015a11.754 11.754 0 01.97.447c.072.037.14.076.21.113l.101.054c.076.043.15.087.225.132l.079.045c.2.122.397.25.588.383A9.293 9.293 0 0190.9 27.6l.023.047c.036.073.071.146.105.222l.015.033c.077.174.15.35.216.527 4.552-3.194 6.424-7.524 6.753-8.422l.002-.005a.233.233 0 00.01-.029c2.184-6.015.64-13.49-7.255-17.82a24.411 24.411 0 00-1.35-.682l.016.015A15.332 15.332 0 0087.386.75C85.804.308 83.896.117 82.35.033A23.065 23.065 0 0081.116 0C74.17 0 68.7 3.235 66.509 8.334"
+          fill="url(#RAMSMultibrandLargeLogo-b)"
+          fillRule="nonzero"
+          transform="translate(0 5)"
+        />
+        <path
+          d="M87.235 22.298a.413.413 0 01-.583 0l-1.332-1.332a.413.413 0 010-.583l1.332-1.332a.414.414 0 01.583 0l1.331 1.332a.411.411 0 010 .582l-1.33 1.333z"
+          fill="#0083C2"
+          fillRule="nonzero"
+        />
+        <path
+          d="M91.618 14.18c-.317 1.138-2.222 4.999-4.333 6.939a16.85 16.85 0 01-1.888 1.697c.896.335 1.72.765 2.486 1.306a9.147 9.147 0 012.857 3.226c.187.355.389.726.52 1.08 4.556-3.207 6.434-7.525 6.752-8.42 2.353-6.36.498-14.351-8.598-18.548 3.12 3.04 3.53 8.095 2.204 12.72z"
+          fill="url(#RAMSMultibrandLargeLogo-c)"
+          fillRule="nonzero"
+          transform="translate(0 5)"
+        />
+      </g>
+    </Icon>
+  );
+}

package/src/components/icon/components/receipt-icon.tsx

@@ -1,16 +1,36 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function ReceiptIcon({ 'aria-label': ariaLabel = 'Receipt', copyrightYear = '2020', ...props }: IconProps) {
+export function ReceiptIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Receipt',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <path
-        fill="currentColor"
-        fillRule="evenodd"
-        d="M12,0 L13.25,1.5 L14.5,0 L15.75,1.5 L17,0 L18.25,1.5 L19.5,0 L20.75,1.5 L22,0 L22,24 L20.75,22.5 L19.5,24 L18.25,22.5 L17,24 L15.75,22.5 L14.5,24 L13.25,22.5 L12,24 L10.75,22.5 L9.5,24 L8.25,22.5 L7,24 L5.75,22.5 L4.5,24 L3.25,22.5 L2,24 L2,0 L3.25,1.5 L4.5,0 L5.75,1.5 L7,0 L8.25,1.5 L9.5,0 L10.75,1.5 L12,0 Z M6,12 L18,12 L18,10 L6,10 L6,12 Z M6,16 L18,16 L18,14 L6,14 L6,16 Z M6,6 L6,8 L18,8 L18,6 L6,6 Z"
-      />
+      {look === 'filled' ? (
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M2 24V0H22V24L20.75 22.5L19.5 24L18.25 22.5L17 24L15.75 22.5L14.5 24L13.25 22.5L12 24L10.75 22.5L9.5 24L8.25 22.5L7 24L5.75 22.5L4.5 24L3.25 22.5L2 24ZM6 6V8H16V6H6ZM18 12H6V10H18V12ZM14 16H6V14H14V16Z"
+          fill="currentColor"
+        />
+      ) : (
+        <Fragment>
+          <path d="M6 6V8H16V6H6Z" fill="currentColor" />
+          <path d="M18 12H6V10H18V12Z" fill="currentColor" />
+          <path d="M14 16H6V14H14V16Z" fill="currentColor" />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2 0V24L3.25 22.5L4.5 24L5.75 22.5L7 24L8.25 22.5L9.5 24L10.75 22.5L12 24L13.25 22.5L14.5 24L15.75 22.5L17 24L18.25 22.5L19.5 24L20.75 22.5L22 24V0H2ZM4 2H20V21H4V2Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/refresh-icon.tsx

@@ -3,13 +3,16 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function RefreshIcon({ 'aria-label': ariaLabel = 'Refresh', copyrightYear = '2020', ...props }: IconProps) {
+export function RefreshIcon({ 'aria-label': ariaLabel = 'Refresh', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path
+        d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12H24L20.5 17L17 12H19.5C19.5 7.85786 16.1421 4.5 12 4.5C9.65137 4.5 7.55487 5.57956 6.17968 7.26952L5.02991 5.54487C6.76508 3.67216 9.24566 2.5 12 2.5Z"
+        fill="currentColor"
+      />
+      <path
+        d="M12 19.5C7.85786 19.5 4.5 16.1421 4.5 12H7L3.5 7L0 12H2.5C2.5 17.2467 6.75329 21.5 12 21.5C14.7543 21.5 17.2349 20.3278 18.9701 18.4551L17.8203 16.7305C16.4451 18.4204 14.3486 19.5 12 19.5Z"
         fill="currentColor"
-        fillRule="evenodd"
-        d="M21.5,12 L21.5,12 L24,12 L20.5,17 L17,12 L19.5,12 C19.5,7.85786438 16.1421356,4.5 12,4.5 C9.65136508,4.5 7.5548742,5.57955693 6.17967925,7.26951887 L5.02991296,5.54486944 C6.76508468,3.6721649 9.24565545,2.5 12,2.5 C17.2467051,2.5 21.5,6.75329488 21.5,12 Z M4.5,12 C4.5,16.1421356 7.85786438,19.5 12,19.5 C14.3486349,19.5 16.4451258,18.4204431 17.8203208,16.7304811 L18.970087,18.4551306 C17.2349153,20.3278351 14.7543445,21.5 12,21.5 C6.75329488,21.5 2.5,17.2467051 2.5,12 L0,12 L3.5,7 L7,12 L4.5,12 L4.5,12 Z"
       />
     </Icon>
   );

package/src/components/icon/components/remove-circle-icon.tsx

@@ -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 RemoveCircleIcon({ 'aria-label': ariaLabel = 'Remove', copyrightYear = '2020', ...props }: IconProps) {
+export function RemoveCircleIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Remove Circle',
+  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 M6,11 L18,11 L18,13 L6,13 L6,11 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 24ZM6 13V11H18V13H6Z"
+          fill="currentColor"
+        />
+      ) : (
+        <Fragment>
+          <path d="M6 13V11H18V13H6Z" fill="currentColor" />
+          <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"
+          />
+        </Fragment>
+      )}
     </Icon>
   );
 }

package/src/components/icon/components/remove-icon.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function RemoveIcon({ 'aria-label': ariaLabel = 'Remove', copyrightYear = '2020', ...props }: IconProps) {
+export function RemoveIcon({ 'aria-label': ariaLabel = 'Remove', copyrightYear = '2023', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <polygon fill="currentColor" fillRule="evenodd" points="4 11 4 13 20 13 20 11" />
+      <path d="M4 11V13H20V11H4Z" fill="currentColor" />
     </Icon>
   );
 }

package/src/components/icon/components/restaurant-icon.tsx

@@ -0,0 +1,48 @@
+import React, { Fragment } from 'react';
+
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+
+export function RestaurantIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Restaurant',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
+      {look === 'filled' ? (
+        <Fragment>
+          <path
+            d="M22.7372 2.06942C24.6114 3.94363 24.0036 7.59008 21.3797 10.214C19.0953 12.4984 16.0358 13.2546 14.0456 12.1752L3.20634 23.0144L1.79213 21.6002L12.6313 10.761C11.552 8.77075 12.3082 5.71127 14.5926 3.42685C17.2165 0.802944 20.863 0.195203 22.7372 2.06942Z"
+            fill="currentColor"
+          />
+          <path
+            d="M1.64982 8.94469L6.63445 13.9296L10.7013 9.86266L2.31881 1.48856C-0.391107 4.19848 -0.386318 6.90855 1.64982 8.94469Z"
+            fill="currentColor"
+          />
+          <path d="M22.5902 21.753L14.9433 14.106L13.5291 15.5202L21.176 23.1672L22.5902 21.753Z" fill="currentColor" />
+        </Fragment>
+      ) : (
+        <Fragment>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M21.3799 10.214C24.0038 7.59008 24.6115 3.94363 22.7373 2.06942C20.8631 0.195203 17.2167 0.802943 14.5928 3.42685C12.3083 5.71132 11.5521 8.77091 12.6316 10.7612L1.7924 21.6003L3.20662 23.0146L14.0459 12.1753C16.0361 13.2546 19.0955 12.4984 21.3799 10.214ZM21.7726 5.53177C21.943 4.5094 21.685 3.84548 21.3231 3.48363C20.9613 3.12179 20.2973 2.86373 19.275 3.03413C18.2573 3.20374 17.0582 3.78988 16.007 4.84106C14.9558 5.89224 14.3697 7.09135 14.2 8.10906C14.0296 9.13142 14.2877 9.79535 14.6495 10.1572C15.0114 10.519 15.6753 10.7771 16.6977 10.6067C17.7154 10.4371 18.9145 9.85095 19.9657 8.79977C21.0169 7.74859 21.603 6.54948 21.7726 5.53177Z"
+            fill="currentColor"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M1.24831 8.54302C-0.20126 7.09345 -0.378664 5.15206 1.03361 3.03148C1.36802 2.52935 1.79157 2.01716 2.30846 1.49908L2.31897 1.48856L10.7011 9.8611L10.6998 9.86237L10.7008 9.86337L9.28658 11.2776L9.28558 11.2766L6.63358 13.9286L1.24831 8.54302ZM7.87137 9.86237L6.63362 11.1001L2.66256 7.12885C2.15579 6.62207 2.01128 6.13563 2.07813 5.6122C2.11658 5.31116 2.23532 4.93171 2.48716 4.48338L7.87137 9.86237Z"
+            fill="currentColor"
+          />
+          <path
+            d="M13.5292 15.5202L14.9434 14.106L22.5904 21.753L21.1762 23.1672L13.5292 15.5202Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      )}
+    </Icon>
+  );
+}

package/src/components/icon/components/rss-icon.tsx

@@ -1,16 +1,45 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function RssIcon({ 'aria-label': ariaLabel = 'Rss', copyrightYear = '2020', ...props }: IconProps) {
+export function RssIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Rss',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
-      <path
-        fill="currentColor"
-        fillRule="evenodd"
-        d="M2,0 L22,0 L22,0 C23.1045695,-2.02906125e-16 24,0.8954305 24,2 L24,22 L24,22 C24,23.1045695 23.1045695,24 22,24 L2,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 Z M8.26259063,17.8600823 C8.26259063,19.0342936 7.30942583,19.9819714 6.12972761,19.9819714 C4.95473251,19.9819714 4,19.0342936 4,17.8600823 C4,16.691358 4.95473251,15.7334901 6.12972761,15.7334901 C7.30942583,15.7334901 8.26259063,16.691358 8.26259063,17.8600823 Z M11.4826573,20 C11.4826573,17.9956888 10.7027239,16.1097394 9.29022144,14.6980208 C7.87615128,13.2831668 6.35155791,12.5032334 4,12.5032334 L4,9.43601803 C9.48696845,9.43601803 14.5631981,14.1744072 14.5631981,20 L11.4826573,20 Z M16.9241623,20 L16.9210268,20 C16.9210268,12.8700764 11.0546737,7.06799922 4,7.06799922 L4,4 C12.622379,4 20.0007839,11.1800901 20.0007839,20 L16.9241623,20 Z"
-      />
+      {look === 'filled' ? (
+        <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 22V2ZM20.0008 20C20.0008 11.1801 12.6224 4 4 4V7.068C11.0547 7.068 16.921 12.8701 16.921 20H20.0008ZM14.5632 19.9995H11.4827C11.4827 17.9952 10.7027 16.1093 9.29022 14.6975C7.87615 13.2827 6.35156 12.5028 4 12.5028V9.43555C9.48697 9.43555 14.5632 14.1739 14.5632 19.9995ZM6.12973 15.7334C7.30943 15.7334 8.26259 16.6913 8.26259 17.86C8.26259 19.0342 7.30943 19.9819 6.12973 19.9819C4.95473 19.9819 4 19.0342 4 17.86C4 16.6913 4.95473 15.7334 6.12973 15.7334Z"
+          fill="currentColor"
+        />
+      ) : (
+        <Fragment>
+          <path
+            d="M20.0008 20C20.0008 11.1801 12.6224 4 4 4V7.068C11.0547 7.068 16.921 12.8701 16.921 20H20.0008Z"
+            fill="currentColor"
+          />
+          <path
+            d="M14.5632 19.9995H11.4827C11.4827 17.9952 10.7027 16.1093 9.29022 14.6975C7.87615 13.2827 6.35156 12.5028 4 12.5028V9.43555C9.48697 9.43555 14.5632 14.1739 14.5632 19.9995Z"
+            fill="currentColor"
+          />
+          <path
+            d="M6.12973 15.7334C7.30943 15.7334 8.26259 16.6913 8.26259 17.86C8.26259 19.0342 7.30943 19.9819 6.12973 19.9819C4.95473 19.9819 4 19.0342 4 17.86C4 16.6913 4.95473 15.7334 6.12973 15.7334Z"
+            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/scan-document-icon.tsx

@@ -0,0 +1,37 @@
+import React, { Fragment } from 'react';
+
+import { Icon } from '../icon.component.js';
+import { type IconProps } from '../icon.types.js';
+
+export function ScanDocumentIcon({
+  look = 'filled',
+  'aria-label': ariaLabel = 'Scan Document',
+  copyrightYear = '2023',
+  ...props
+}: IconProps) {
+  return (
+    <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
+      {look === 'filled' ? (
+        <Fragment>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M4 0C2.89543 0 2 0.89543 2 2V12H22V6L16 0H4ZM20 6L16 2V6H20Z"
+            fill="currentColor"
+          />
+          <path d="M2 22V18H22V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22Z" fill="currentColor" />
+          <path d="M24 16H0V14H24V16Z" fill="currentColor" />
+        </Fragment>
+      ) : (
+        <Fragment>
+          <path d="M2 2C2 0.89543 2.89543 0 4 0H16L22 6V12H20V6H16V2H4V12H2V2Z" fill="currentColor" />
+          <path d="M24 14V16H0V14H24Z" fill="currentColor" />
+          <path
+            d="M2 22V18H4V22H20V18H22V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22Z"
+            fill="currentColor"
+          />
+        </Fragment>
+      )}
+    </Icon>
+  );
+}