@westpac/ui 0.42.2 → 0.43.0

package/src/components/symbol/components/symbols/pay-to-wordmark-light-grey-symbol.tsx

@@ -0,0 +1,42 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const PayToWordmarkLightGreySymbol = ({
+  'aria-label': ariaLabel = 'PayTo Wordmark',
+  copyrightYear = '',
+  viewBoxWidth = 135,
+  viewBoxHeight = 65,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[42px] w-[90px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <g clip-path="url(#clip0_2266_139)">
+      <path
+        d="M0 17.555H10.135C11.7561 17.5392 13.3741 17.701 14.96 18.0375C16.2816 18.3126 17.5346 18.8498 18.645 19.6175C19.6586 20.3391 20.4738 21.3047 21.015 22.425C21.6018 23.7191 21.8865 25.1297 21.8475 26.55C21.8475 28.275 21.5258 29.7225 20.8825 30.8925C20.2624 32.039 19.3652 33.0119 18.2725 33.7225C17.098 34.4701 15.7965 34.9962 14.4325 35.275C12.9093 35.609 11.3544 35.7766 9.795 35.775H5.545V48.63H0V17.555ZM9.3875 31.1125C10.2547 31.116 11.1208 31.05 11.9775 30.915C12.7415 30.8009 13.4819 30.5637 14.17 30.2125C14.7936 29.8947 15.3229 29.4189 15.705 28.8325C16.1127 28.1432 16.3107 27.3501 16.275 26.55C16.3094 25.7714 16.111 25.0003 15.705 24.335C15.3287 23.7667 14.812 23.3051 14.205 22.995C13.5303 22.661 12.8029 22.4462 12.055 22.36C11.2324 22.2568 10.4041 22.2059 9.575 22.2075H5.5275V31.1125H9.3875Z"
+        fill="#DADADA"
+      />
+      <path
+        d="M37.1151 45.9425H36.9826C36.3827 46.9455 35.4975 47.7471 34.4401 48.245C33.1983 48.8617 31.8263 49.1704 30.4401 49.145C29.5486 49.1387 28.6609 49.028 27.7951 48.815C26.8887 48.6021 26.0271 48.2306 25.2501 47.7175C24.4644 47.1973 23.805 46.508 23.3201 45.7C22.7781 44.7618 22.5096 43.6905 22.5451 42.6075C22.5451 41.0275 22.9909 39.77 23.8826 38.835C24.8438 37.8547 26.0247 37.1177 27.3276 36.685C28.8383 36.164 30.4078 35.8323 32.0001 35.6975C33.7101 35.5308 35.3843 35.4475 37.0226 35.4475V34.9225C37.0226 33.605 36.5476 32.635 35.5976 32.005C34.5841 31.3574 33.3999 31.0283 32.1976 31.06C31.0917 31.0639 29.9999 31.3078 28.9976 31.775C28.0551 32.1903 27.1942 32.7702 26.4551 33.4875L23.7351 30.275C24.9305 29.1659 26.3414 28.3149 27.8801 27.775C29.4041 27.2276 31.0108 26.946 32.6301 26.9425C34.5034 26.9425 36.0459 27.2058 37.2576 27.7325C38.3667 28.1809 39.3525 28.888 40.1326 29.795C40.8253 30.626 41.3271 31.5989 41.6026 32.645C41.8776 33.6759 42.0179 34.7381 42.0201 35.805V48.615H37.1151V45.9425ZM37.0276 39.01H35.8426C34.9959 39.01 34.1043 39.0467 33.1676 39.12C32.2886 39.1811 31.4196 39.343 30.5776 39.6025C29.8544 39.8151 29.1823 40.1732 28.6026 40.655C28.3399 40.887 28.1328 41.175 27.9965 41.4978C27.8602 41.8206 27.7982 42.17 27.8151 42.52C27.7997 42.9597 27.9136 43.3943 28.1426 43.77C28.3597 44.1044 28.6526 44.3827 28.9976 44.5825C29.3657 44.7929 29.7661 44.9407 30.1826 45.02C30.6163 45.1074 31.0577 45.1518 31.5001 45.1525C33.3134 45.1525 34.6876 44.67 35.6226 43.705C36.5576 42.74 37.0259 41.4233 37.0276 39.755V39.01Z"
+        fill="#DADADA"
+      />
+      <path
+        d="M43.5952 27.5601H49.4302L55.3077 42.8701H55.3977L60.6177 27.5601H66.1027L56.1427 53.1376C55.8005 54.023 55.3901 54.8806 54.9152 55.7026C54.5011 56.418 53.9666 57.0565 53.3352 57.5901C52.694 58.1158 51.9559 58.5108 51.1627 58.7526C50.1883 59.0346 49.1769 59.1678 48.1627 59.1476C47.7227 59.1476 47.2777 59.1251 46.8252 59.0826C46.3588 59.0335 45.8967 58.9499 45.4427 58.8326L45.8752 54.2751C46.2107 54.391 46.5564 54.4747 46.9077 54.5251C47.2202 54.5664 47.535 54.5881 47.8502 54.5901C48.3262 54.602 48.8009 54.5353 49.2552 54.3926C49.6219 54.2675 49.953 54.0556 50.2202 53.7751C50.5031 53.4682 50.739 53.1211 50.9202 52.7451C51.1252 52.3351 51.3452 51.8526 51.5802 51.2976L52.6327 48.6201L43.5952 27.5601Z"
+        fill="#DADADA"
+      />
+      <path
+        d="M121.457 0H86.2949C84.3891 0.00164082 82.5023 0.378644 80.7422 1.10948C78.9821 1.84032 77.3832 2.91068 76.0367 4.25945C74.6903 5.60822 73.6226 7.20899 72.8948 8.97036C72.167 10.7317 71.7933 12.6192 71.7949 14.525V49.6725C71.7949 51.5777 72.1704 53.4643 72.8999 55.2243C73.6293 56.9843 74.6985 58.5834 76.0463 59.93C77.3941 61.2766 78.994 62.3444 80.7547 63.0723C82.5153 63.8003 84.4022 64.1741 86.3074 64.1725H121.457C125.303 64.1725 128.991 62.6448 131.71 59.9256C134.43 57.2063 135.957 53.5181 135.957 49.6725V14.525C135.961 12.6187 135.588 10.7305 134.861 8.96841C134.134 7.20631 133.066 5.60489 131.719 4.25579C130.373 2.90669 128.773 1.83639 127.012 1.10614C125.251 0.37588 123.364 -2.83333e-06 121.457 0ZM109.095 47.895C105.945 47.7526 102.971 46.4011 100.793 44.1217C98.614 41.8423 97.3982 38.8106 97.3982 35.6575C97.3982 32.5044 98.614 29.4727 100.793 27.1933C102.971 24.9139 105.945 23.5624 109.095 23.42H122.9V19.62L130.002 25.525L122.892 31.4425V27.56H108.917C104.64 27.56 101.102 31.3825 101.102 35.6575C101.056 36.7362 101.228 37.8132 101.608 38.8237C101.989 39.8341 102.57 40.757 103.317 41.5369C104.064 42.3167 104.961 42.9373 105.954 43.3613C106.947 43.7853 108.015 44.0038 109.095 44.0038C110.175 44.0038 111.243 43.7853 112.236 43.3613C113.229 42.9373 114.126 42.3167 114.873 41.5369C115.62 40.757 116.201 39.8341 116.581 38.8237C116.962 37.8132 117.134 36.7362 117.087 35.6575C117.064 33.8343 116.519 32.0559 115.517 30.5325H120.207C120.947 32.1399 121.331 33.8881 121.332 35.6575C121.346 37.2685 121.039 38.8661 120.429 40.3571C119.819 41.8482 118.919 43.2028 117.779 44.3419C116.64 45.4811 115.286 46.382 113.795 46.992C112.303 47.602 110.706 47.909 109.095 47.895ZM92.0949 43.645C93.0739 43.5973 94.0411 43.4104 94.9674 43.09V47.2975C94.053 47.6664 93.0805 47.8703 92.0949 47.9C90.0695 47.8835 88.1333 47.0644 86.7109 45.6223C85.2885 44.1803 84.4961 42.233 84.5074 40.2075V27.56H79.7224V23.42H84.5124V18.17H88.6649V23.42H99.9974C98.3799 24.53 96.9856 25.9344 95.8874 27.56H88.6649V40.2025C88.6702 41.1121 89.0337 41.9831 89.6767 42.6265C90.3196 43.27 91.1903 43.6341 92.0999 43.64L92.0949 43.645Z"
+        fill="#DADADA"
+      />
+    </g>
+  </Symbol>
+);

package/src/components/symbol/components/symbols/pay-to-wordmark-white-symbol.tsx

@@ -0,0 +1,42 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export const PayToWordmarkWhiteSymbol = ({
+  'aria-label': ariaLabel = 'PayTo Wordmark',
+  copyrightYear = '',
+  viewBoxWidth = 135,
+  viewBoxHeight = 65,
+  className,
+  ...props
+}: SymbolProps) => (
+  <Symbol
+    className={clsx('h-[42px] w-[90px]', className)}
+    aria-label={ariaLabel}
+    copyrightYear={copyrightYear}
+    viewBoxWidth={viewBoxWidth}
+    viewBoxHeight={viewBoxHeight}
+    {...props}
+  >
+    <g clip-path="url(#clip0_2266_139)">
+      <path
+        d="M0 17.555H10.135C11.7561 17.5392 13.3741 17.701 14.96 18.0375C16.2816 18.3126 17.5346 18.8498 18.645 19.6175C19.6586 20.3391 20.4738 21.3047 21.015 22.425C21.6018 23.7191 21.8865 25.1297 21.8475 26.55C21.8475 28.275 21.5258 29.7225 20.8825 30.8925C20.2624 32.039 19.3652 33.0119 18.2725 33.7225C17.098 34.4701 15.7965 34.9962 14.4325 35.275C12.9093 35.609 11.3544 35.7766 9.795 35.775H5.545V48.63H0V17.555ZM9.3875 31.1125C10.2547 31.116 11.1208 31.05 11.9775 30.915C12.7415 30.8009 13.4819 30.5637 14.17 30.2125C14.7936 29.8947 15.3229 29.4189 15.705 28.8325C16.1127 28.1432 16.3107 27.3501 16.275 26.55C16.3094 25.7714 16.111 25.0003 15.705 24.335C15.3287 23.7667 14.812 23.3051 14.205 22.995C13.5303 22.661 12.8029 22.4462 12.055 22.36C11.2324 22.2568 10.4041 22.2059 9.575 22.2075H5.5275V31.1125H9.3875Z"
+        fill="white"
+      />
+      <path
+        d="M37.1151 45.9425H36.9826C36.3827 46.9455 35.4975 47.7471 34.4401 48.245C33.1983 48.8617 31.8263 49.1704 30.4401 49.145C29.5486 49.1387 28.6609 49.028 27.7951 48.815C26.8887 48.6021 26.0271 48.2306 25.2501 47.7175C24.4644 47.1973 23.805 46.508 23.3201 45.7C22.7781 44.7618 22.5096 43.6905 22.5451 42.6075C22.5451 41.0275 22.9909 39.77 23.8826 38.835C24.8438 37.8547 26.0247 37.1177 27.3276 36.685C28.8383 36.164 30.4078 35.8323 32.0001 35.6975C33.7101 35.5308 35.3843 35.4475 37.0226 35.4475V34.9225C37.0226 33.605 36.5476 32.635 35.5976 32.005C34.5841 31.3574 33.3999 31.0283 32.1976 31.06C31.0917 31.0639 29.9999 31.3078 28.9976 31.775C28.0551 32.1903 27.1942 32.7702 26.4551 33.4875L23.7351 30.275C24.9305 29.1659 26.3414 28.3149 27.8801 27.775C29.4041 27.2276 31.0108 26.946 32.6301 26.9425C34.5034 26.9425 36.0459 27.2058 37.2576 27.7325C38.3667 28.1809 39.3525 28.888 40.1326 29.795C40.8253 30.626 41.3271 31.5989 41.6026 32.645C41.8776 33.6759 42.0179 34.7381 42.0201 35.805V48.615H37.1151V45.9425ZM37.0276 39.01H35.8426C34.9959 39.01 34.1043 39.0467 33.1676 39.12C32.2886 39.1811 31.4196 39.343 30.5776 39.6025C29.8544 39.8151 29.1823 40.1732 28.6026 40.655C28.3399 40.887 28.1328 41.175 27.9965 41.4978C27.8602 41.8206 27.7982 42.17 27.8151 42.52C27.7997 42.9597 27.9136 43.3943 28.1426 43.77C28.3597 44.1044 28.6526 44.3827 28.9976 44.5825C29.3657 44.7929 29.7661 44.9407 30.1826 45.02C30.6163 45.1074 31.0577 45.1518 31.5001 45.1525C33.3134 45.1525 34.6876 44.67 35.6226 43.705C36.5576 42.74 37.0259 41.4233 37.0276 39.755V39.01Z"
+        fill="white"
+      />
+      <path
+        d="M43.5952 27.5601H49.4302L55.3077 42.8701H55.3977L60.6177 27.5601H66.1027L56.1427 53.1376C55.8005 54.023 55.3901 54.8806 54.9152 55.7026C54.5011 56.418 53.9666 57.0565 53.3352 57.5901C52.694 58.1158 51.9559 58.5108 51.1627 58.7526C50.1883 59.0346 49.1769 59.1678 48.1627 59.1476C47.7227 59.1476 47.2777 59.1251 46.8252 59.0826C46.3588 59.0335 45.8967 58.9499 45.4427 58.8326L45.8752 54.2751C46.2107 54.391 46.5564 54.4747 46.9077 54.5251C47.2202 54.5664 47.535 54.5881 47.8502 54.5901C48.3262 54.602 48.8009 54.5353 49.2552 54.3926C49.6219 54.2675 49.953 54.0556 50.2202 53.7751C50.5031 53.4682 50.739 53.1211 50.9202 52.7451C51.1252 52.3351 51.3452 51.8526 51.5802 51.2976L52.6327 48.6201L43.5952 27.5601Z"
+        fill="white"
+      />
+      <path
+        d="M121.457 0H86.2949C84.3891 0.00164082 82.5023 0.378644 80.7422 1.10948C78.9821 1.84032 77.3832 2.91068 76.0367 4.25945C74.6903 5.60822 73.6226 7.20899 72.8948 8.97036C72.167 10.7317 71.7933 12.6192 71.7949 14.525V49.6725C71.7949 51.5777 72.1704 53.4643 72.8999 55.2243C73.6293 56.9843 74.6985 58.5834 76.0463 59.93C77.3941 61.2766 78.994 62.3444 80.7547 63.0723C82.5153 63.8003 84.4022 64.1741 86.3074 64.1725H121.457C125.303 64.1725 128.991 62.6448 131.71 59.9256C134.43 57.2063 135.957 53.5181 135.957 49.6725V14.525C135.961 12.6187 135.588 10.7305 134.861 8.96841C134.134 7.20631 133.066 5.60489 131.719 4.25579C130.373 2.90669 128.773 1.83639 127.012 1.10614C125.251 0.37588 123.364 -2.83333e-06 121.457 0ZM109.095 47.895C105.945 47.7526 102.971 46.4011 100.793 44.1217C98.614 41.8423 97.3982 38.8106 97.3982 35.6575C97.3982 32.5044 98.614 29.4727 100.793 27.1933C102.971 24.9139 105.945 23.5624 109.095 23.42H122.9V19.62L130.002 25.525L122.892 31.4425V27.56H108.917C104.64 27.56 101.102 31.3825 101.102 35.6575C101.056 36.7362 101.228 37.8132 101.608 38.8237C101.989 39.8341 102.57 40.757 103.317 41.5369C104.064 42.3167 104.961 42.9373 105.954 43.3613C106.947 43.7853 108.015 44.0038 109.095 44.0038C110.175 44.0038 111.243 43.7853 112.236 43.3613C113.229 42.9373 114.126 42.3167 114.873 41.5369C115.62 40.757 116.201 39.8341 116.581 38.8237C116.962 37.8132 117.134 36.7362 117.087 35.6575C117.064 33.8343 116.519 32.0559 115.517 30.5325H120.207C120.947 32.1399 121.331 33.8881 121.332 35.6575C121.346 37.2685 121.039 38.8661 120.429 40.3571C119.819 41.8482 118.919 43.2028 117.779 44.3419C116.64 45.4811 115.286 46.382 113.795 46.992C112.303 47.602 110.706 47.909 109.095 47.895ZM92.0949 43.645C93.0739 43.5973 94.0411 43.4104 94.9674 43.09V47.2975C94.053 47.6664 93.0805 47.8703 92.0949 47.9C90.0695 47.8835 88.1333 47.0644 86.7109 45.6223C85.2885 44.1803 84.4961 42.233 84.5074 40.2075V27.56H79.7224V23.42H84.5124V18.17H88.6649V23.42H99.9974C98.3799 24.53 96.9856 25.9344 95.8874 27.56H88.6649V40.2025C88.6702 41.1121 89.0337 41.9831 89.6767 42.6265C90.3196 43.27 91.1903 43.6341 92.0999 43.64L92.0949 43.645Z"
+        fill="white"
+      />
+    </g>
+  </Symbol>
+);

package/src/components/symbol/components/symbols/x-mark-inverse-symbol.tsx

@@ -7,8 +7,8 @@ import { type SymbolProps } from '../../symbol.types.js';
 export const XMarkInverseSymbol = ({
   'aria-label': ariaLabel = 'X',
   copyrightYear = '',
-  viewBoxWidth = 32,
-  viewBoxHeight = 32,
+  viewBoxWidth = 80,
+  viewBoxHeight = 80,
   className,
   ...props
 }: SymbolProps) => (

package/src/components/symbol/components/symbols/x-mark-symbol.tsx

@@ -7,8 +7,8 @@ import { type SymbolProps } from '../../symbol.types.js';
 export const XMarkSymbol = ({
   'aria-label': ariaLabel = 'X',
   copyrightYear = '',
-  viewBoxWidth = 32,
-  viewBoxHeight = 32,
+  viewBoxWidth = 80,
+  viewBoxHeight = 80,
   className,
   ...props
 }: SymbolProps) => (

package/src/components/symbol/index.ts

@@ -35,6 +35,14 @@ export { RAMSMultibrandSmallLogo } from './components/logos/rams-multibrand-smal
 export { RedAvatarCircleLogo } from './components/logos/red-avatar-circle-logo.js';
 export { RedAvatarCircleReversedLogo } from './components/logos/red-avatar-circle-reversed-logo.js';
 export { RedAvatarLogo } from './components/logos/red-avatar-logo.js';
+export { PayToBlackSymbol } from './components/symbols/pay-to-black-symbol.js';
+export { PayToDarkGreySymbol } from './components/symbols/pay-to-dark-grey-symbol.js';
+export { PayToLightGreySymbol } from './components/symbols/pay-to-light-grey-symbol.js';
+export { PayToWhiteSymbol } from './components/symbols/pay-to-white-symbol.js';
+export { PayToWordmarkBlackSymbol } from './components/symbols/pay-to-wordmark-black-symbol.js';
+export { PayToWordmarkLightGreySymbol } from './components/symbols/pay-to-wordmark-light-grey-symbol.js';
+export { PayToWordmarkDarkGreySymbol } from './components/symbols/pay-to-wordmark-dark-grey-symbol.js';
+export { PayToWordmarkWhiteSymbol } from './components/symbols/pay-to-wordmark-white-symbol.js';
 export { SlackSymbol } from './components/symbols/slack-symbol.js';
 export { STGDragonLogo } from './components/logos/stg-dragon-logo.js';
 export { STGLogo } from './components/logos/stg-logo.js';

package/src/tailwind/utils/generate-date-picker-component.ts

@@ -2,16 +2,15 @@ export const generateDatePicker = () => {
   return {
     '.date-picker': {
       '.duet-date__input': {
-        '@apply text-lg focus:!border-borderDark focus:!shadow-none focus:focus-outline border border-borderDark border-solid rounded':
-          {},
+        '@apply text-lg focus:!border-borderDark focus:!shadow-none border border-borderDark border-solid rounded': {},
       },
       '.duet-date__toggle': {
         '@apply shadow-none border-solid border-l !border-l-borderDark !bg-light touch-manipulation whitespace-nowrap transition hover:bg-white active:bg-white rounded-r':
           {},
-        '@apply focus:shadow-none focus:focus-outline': {},
+        '@apply focus:shadow-none': {},
       },
       '.duet-date__select select:focus + .duet-date__select-label': {
-        '@apply !focus-outline rounded': {},
+        '@apply rounded': {},
       },
       '.duet-date__toggle-icon': {
         '@apply w-[18px] h-[18px] bg-cover flex-auto': {},
@@ -100,17 +99,17 @@ export const generateDatePicker = () => {
         '@apply font-semibold': {},
       },
       '.duet-date__prev, .duet-date__next': {
-        '@apply bg-background focus:focus-outline !outline-offset-0 text-primary': {},
+        '@apply bg-background !outline-offset-0 text-primary': {},
       },
       '.duet-date-dialog-select select:focus + .duet-date-dialog-select-label': {
-        '@apply focus-outline !shadow-none': {},
+        '@apply !shadow-none': {},
         'outline-offset': '0 !important',
       },
 
       /* Calendar days */
       '.duet-date__day': {
         '@apply hover:!bg-primary/5 focus:!bg-white/0 focus:!text-text': {},
-        '@apply active:shadow active:focus-outline focus:focus-outline focus:!shadow-none !outline-offset-0': {},
+        '@apply active:shadow focus:!shadow-none !outline-offset-0': {},
         '&.is-today': {
           '@apply !shadow-primary !text-text !bg-primary/5 !border !border-solid !border-primary': {},
         },
@@ -124,9 +123,34 @@ export const generateDatePicker = () => {
         },
       },
       '.duet-date__close:focus': {
-        '@apply bg-light focus-outline': {},
+        '@apply bg-light': {},
         'outline-offset': '0 !important',
       },
+
+      /* Focused styles */
+      '&.date-picker-focused': {
+        '.duet-date__input': {
+          '@apply focus:focus-outline': {},
+        },
+        '.duet-date__toggle': {
+          '@apply focus:focus-outline': {},
+        },
+        '.duet-date__select select:focus + .duet-date__select-label': {
+          '@apply !focus-outline': {},
+        },
+        '.duet-date__prev, .duet-date__next': {
+          '@apply focus:focus-outline': {},
+        },
+        '.duet-date-dialog-select select:focus + .duet-date-dialog-select-label': {
+          '@apply focus-outline': {},
+        },
+        '.duet-date__day': {
+          '@apply active:focus-outline focus:focus-outline': {},
+        },
+        '.duet-date__close:focus': {
+          '@apply bg-light focus-outline': {},
+        },
+      },
     },
   };
 };

package/utils/build-icons/icon-template.ts

@@ -12,7 +12,7 @@ import { type IconProps } from "../icon.types.js";
 export function ${name}Icon({
   ${sameSVG ? '' : 'look = "filled",'}
   "aria-label": ariaLabel = '${ariaLabel}',
-  copyrightYear = "2023",
+  copyrightYear = "2025",
   ...props
 }: IconProps) {
   return (

package/utils/build-svg-zip/index.ts

@@ -0,0 +1,39 @@
+/* eslint-disable no-console */
+import fs from 'fs';
+import path from 'path';
+
+import AdmZip from 'adm-zip';
+import { glob } from 'glob';
+
+/**
+ * Formats SVG for use as a react child
+ *
+ * @param {string} zipRoot - zip root name
+ * @param {string[]} zipFiles - files to be included in zip
+ * @param {string} zipStoragePath - zip storage path
+ */
+const exportZip = (zipRoot: string, zipFiles: string[], zipStoragePath: string) => {
+  console.log('Building zip files...');
+  const zip = new AdmZip();
+  zipFiles.forEach(file => {
+    const filePath = path.resolve(file);
+    const fileData = fs.readFileSync(filePath);
+    const relativePath = path.relative('assets', file);
+    const zipPathInArchive = path.join(zipRoot, 'icons', relativePath.replace(/^icons[\\/]/, ''));
+    zip.addFile(zipPathInArchive, fileData);
+  });
+
+  const zipPath = path.resolve(zipStoragePath, `${zipRoot}.zip`);
+  zip.writeZip(zipPath);
+  console.log(`Zip file created at ${zipPath}`);
+};
+
+const main = async () => {
+  const iconsZipRoot = 'GEL_Icons';
+  const iconFiles = glob.sync('assets/icons/**/*.*', { nodir: true });
+  const zipStoragePath = '../../apps/site/public/assets';
+
+  exportZip(iconsZipRoot, iconFiles, zipStoragePath);
+};
+
+main();