@westpac/ui 0.42.2 → 0.43.0

package/dist/components/symbol/components/symbols/microsoft-store-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const MicrosoftStoreSymbol = ({ 'aria-label': ariaLabel = 'Microsoft Store' , copyrightYear ='' , viewBoxWidth =170 , viewBoxHeight =62 , className , ...props })=>React.createElement(Symbol, _extends({
+export const MicrosoftStoreSymbol = ({ 'aria-label': ariaLabel = 'Microsoft Store', copyrightYear = '', viewBoxWidth = 170, viewBoxHeight = 62, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[62px] w-[170px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fillRule: "nonzero",
         fill: "none"
     }, React.createElement("path", {

package/dist/components/symbol/components/symbols/pay-id-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const PayIDSymbol = ({ 'aria-label': ariaLabel = 'PayID' , copyrightYear ='' , viewBoxWidth =90 , viewBoxHeight =42 , className , ...props })=>React.createElement(Symbol, _extends({
+export const PayIDSymbol = ({ 'aria-label': ariaLabel = 'PayID', copyrightYear = '', viewBoxWidth = 90, viewBoxHeight = 42, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[42px] w-[90px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("path", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("path", {
         fillRule: "evenodd",
         d: "M24.5166606 30.5143057h-.0866973c-.347945.6198226-.908422 1.1282592-1.6809358 1.5249788-.7730092.3963886-1.6518715.5951621-2.6372477.5951621-.560477 0-1.1447339-.0723264-1.753266-.2176413-.6085321-.1454804-1.1691744-.3872857-1.6807707-.7262434-.5120917-.3384612-.9373211-.7841708-1.2751926-1.3359701-.3382019-.5517994-.5071377-1.2343491-.5071377-2.0478145 0-1.0455059.2942753-1.8778391.8839817-2.4976617.5888807-.6194916 1.3473578-1.0938338 2.2749358-1.4231922.9272477-.3290273 1.956055-.5469996 3.0862569-.6535859 1.1302018-.1062553 2.2361284-.159714 3.3182752-.159714v-.3487226c0-.8712273-.3142569-1.5147174-.9417798-1.9314633-.6281835-.4159183-1.3765872-.6244568-2.2460367-.6244568-.7345321 0-1.4395046.1554108-2.115578.4647428-.6765688.3099941-1.2365505.6876804-1.6807707 1.1328934l-1.7968623-2.1204719c.792-.7355118 1.7048807-1.2874766 2.7386422-1.655398 1.0334312-.3675904 2.0815596-.5517994 3.1443853-.5517994 1.236055 0 2.2554495.1741131 3.0573578.5228357.8014128.3483916 1.4345504.8037006 1.8980917 1.3649338.4637064.5618953.7870459 1.1909862.9710092 1.887935.1833028.6971142.2752844 1.3942285.2752844 2.0913427v8.4810601h-3.2459449v-1.7717493zm-.0577982-4.5891699v.493872c0 1.1035987-.3093028 1.9749915-.9274129 2.6140129-.6186055.6390214-1.5263669.9584493-2.7241101.9584493-.2898165 0-.579633-.0289636-.8694495-.0870565-.2898165-.0582583-.5505688-.1547488-.782422-.2904643-.2318532-.1352189-.4202752-.3144627-.5651009-.5374002-.1448257-.2222755-.2173211-.4983407-.2173211-.8278646 0-.5226701.1737247-.9337888.5215046-1.2341835.3477798-.2998981.7825871-.532435 1.3040917-.6972797.5218349-.1641827 1.0913945-.270769 1.71-.3192624.6181101-.0481625 1.207156-.072823 1.767633-.072823h.7825872zm4.338-7.5807036h3.8541468l3.8835413 10.1367892h.0579633l3.4487339-10.1367892h3.6224587l-6.5785871 16.933322c-.2513395.6388559-.5215046 1.2052198-.8113211 1.6990918-.2898165.4937065-.6377615.9099559-1.0433395 1.2489136-.4057431.3384612-.8838165.5954932-1.4347156.7696062-.5505688.1742786-1.2124403.2613351-1.9849541.2613351-.2899817 0-.5847523-.0143991-.8839817-.0433628-.2997247-.0291291-.6040734-.0827533-.9128807-.1597139l.2898165-3.0206629c.2318532.0769606.4587523.1305848.6810275.159714.221945.0289636.4298533.0435282.6230643.0435282.3667706 0 .6760734-.0435282.9274128-.1305848.250844-.0873875.4637064-.2229375.6374312-.4068154.174055-.1843745.3284587-.4116152.4638716-.6825497.1349174-.2712655.2799082-.5910244.4346422-.9584493l.6955596-1.7717493-5.9698899-13.9416228zM0 11.7221779h6.69451376c1.17809174 0 2.24091743.1069173 3.18781652.3194279.94623852.2135037 1.75772472.5620608 2.43429362 1.0458369.6760733.4841071 1.1975779 1.1037642 1.564844 1.8588058.3667706.7552071.5505688 1.665494.5505688 2.7303641 0 1.1426583-.2126973 2.1011077-.6374312 2.875348-.4252294.7747369-.9997431 1.3991937-1.724367 1.8733704-.7244587.4748388-1.5697981.8180997-2.53568804 1.0309413-.96638532.2133381-1.99023853.3197589-3.07188991.3197589H3.65168807v8.5100238H0V11.7221779zm6.20190826 8.9747666c.59862385 0 1.16851376-.0433628 1.70966972-.1305848.54082569-.0870565 1.02385321-.2419708 1.44908257-.4645773.42473395-.2222755.76293575-.5274699 1.01444035-.9149211.2506789-.3871202.3765138-.8904261.3765138-1.5102487 0-.6001273-.1258349-1.0891996-.3765138-1.4670514-.2515046-.3773553-.58475228-.6724537-.99990824-.8857919-.41565138-.2128416-.88893578-.3530258-1.42018349-.421049-.53157798-.0675268-1.07719266-.1017867-1.63733945-.1017867H3.65168807v5.8960109h2.55022019zM56.8667339 0h24c4.9705628 0 9 4.02943725 9 9v24c0 4.9705627-4.0294372 9-9 9h-24c-4.9705627 0-9-4.0294373-9-9V9c0-4.97056275 4.0294373-9 9-9zm8.8024914 10.2191433v15.0850358h2.7148967V12.7102486c2.3170281-.0176685 7.3666215.4616733 9.1495045 4.6932968l2.5018931-1.0538977c-1.3086146-3.1065607-4.0352903-5.1760742-7.8852248-5.9850659-2.7829532-.58453529-5.1865243-.3028197-5.2874638-.2907134l-1.1936057.1452749zm-8.5702066 1.7215408c0 1.120482.9084556 2.0291048 2.0290969 2.0291048s2.029097-.9086228 2.029097-2.0291048c0-1.1206457-.9084557-2.02910487-2.029097-2.02910487-1.1206413 0-2.0290969.90845917-2.0290969 2.02910487zm23.6021782 11.5581921l2.75416.0029448-3.8828176-4.8714549-3.8744741 4.8631114 2.2506076.002454c-.1048658.5635948-.2406516 1.0597872-.4003225 1.4344264-1.3727447 3.2238604-4.8197392 4.8585307-10.2444611 4.8585307h-6.9128026V17.5175731h-2.7148967v14.9862228h9.6276993c6.61571 0 10.9029401-2.1902488 12.7424278-6.5097244.28515-.6699334.5082967-1.5343848.6548799-2.4951953z"
     }));

package/dist/components/symbol/components/symbols/pay-to-black-symbol.d.ts

@@ -0,0 +1,2 @@
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const PayToBlackSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/symbols/pay-to-black-symbol.js

@@ -0,0 +1,16 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const PayToBlackSymbol = ({ 'aria-label': ariaLabel = 'PayTo', copyrightYear = '', viewBoxWidth = 65, viewBoxHeight = 65, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('size-[65px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        "clip-path": "url(#clip0_2267_107)"
+    }, React.createElement("path", {
+        d: "M49.6724 0H14.5125C10.6678 0.00331005 6.98162 1.53205 4.26306 4.25061C1.5445 6.96917 0.0157612 10.6554 0.0124512 14.5V49.6725C0.0124512 53.5181 1.54013 57.2063 4.2594 59.9255C6.97868 62.6448 10.6668 64.1725 14.5125 64.1725H49.6724C53.5181 64.1725 57.2062 62.6448 59.9255 59.9255C62.6448 57.2063 64.1724 53.5181 64.1724 49.6725V14.5125C64.1741 12.6073 63.8003 10.7204 63.0723 8.95975C62.3443 7.19909 61.2765 5.59914 59.9299 4.25137C58.5833 2.9036 56.9843 1.83442 55.2243 1.10494C53.4642 0.375468 51.5777 -7.07943e-07 49.6724 0ZM37.31 47.895C35.6883 47.9182 34.0783 47.6188 32.5734 47.0143C31.0685 46.4098 29.6988 45.5121 28.5439 44.3736C27.389 43.235 26.4718 41.8783 25.8459 40.3822C25.2199 38.8861 24.8975 37.2805 24.8975 35.6587C24.8975 34.037 25.2199 32.4314 25.8459 30.9353C26.4718 29.4392 27.389 28.0825 28.5439 26.9439C29.6988 25.8054 31.0685 24.9077 32.5734 24.3032C34.0783 23.6987 35.6883 23.3993 37.31 23.4225H51.115V19.62L58.2124 25.5275L51.1024 31.4425V27.56H37.1325C32.855 27.56 29.3175 31.3825 29.3175 35.6575C29.2707 36.7362 29.4428 37.8132 29.8234 38.8237C30.204 39.8341 30.7852 40.757 31.5319 41.5369C32.2787 42.3167 33.1756 42.9373 34.1686 43.3613C35.1617 43.7853 36.2302 44.0038 37.31 44.0038C38.3897 44.0038 39.4582 43.7853 40.4513 43.3613C41.4443 42.9373 42.3412 42.3167 43.088 41.5369C43.8347 40.757 44.4159 39.8341 44.7965 38.8237C45.1771 37.8132 45.3492 36.7362 45.3025 35.6575C45.2791 33.8343 44.7343 32.0559 43.7325 30.5325H48.4224C49.1622 32.1399 49.5459 33.8881 49.5474 35.6575C49.5615 37.2684 49.2545 38.8661 48.6444 40.3571C48.0344 41.8482 47.1335 43.2028 45.9944 44.3419C44.8552 45.4811 43.5006 46.382 42.0096 46.992C40.5185 47.602 38.9209 47.909 37.31 47.895ZM20.31 43.645C21.2887 43.5967 22.2557 43.4107 23.1824 43.0925V47.2975C22.268 47.6664 21.2955 47.8703 20.31 47.9C18.2845 47.8835 16.3483 47.0644 14.9259 45.6223C13.5035 44.1803 12.7111 42.233 12.7225 40.2075V27.56H7.93995V23.4225H12.7275V18.1725H16.88V23.4225H28.2125C26.595 24.5316 25.2007 25.9352 24.1025 27.56H16.88V40.2025C16.8858 41.1119 17.2496 41.9825 17.8924 42.6258C18.5352 43.2691 19.4055 43.6334 20.3149 43.64L20.31 43.645Z",
+        fill: "#231F20"
+    })));

package/dist/components/symbol/components/symbols/pay-to-dark-grey-symbol.d.ts

@@ -0,0 +1,2 @@
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const PayToDarkGreySymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/symbols/pay-to-dark-grey-symbol.js

@@ -0,0 +1,16 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const PayToDarkGreySymbol = ({ 'aria-label': ariaLabel = 'PayTo', copyrightYear = '', viewBoxWidth = 65, viewBoxHeight = 65, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('size-[65px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        "clip-path": "url(#clip0_2267_107)"
+    }, React.createElement("path", {
+        d: "M49.6724 0H14.5125C10.6678 0.00331005 6.98162 1.53205 4.26306 4.25061C1.5445 6.96917 0.0157612 10.6554 0.0124512 14.5V49.6725C0.0124512 53.5181 1.54013 57.2063 4.2594 59.9255C6.97868 62.6448 10.6668 64.1725 14.5125 64.1725H49.6724C53.5181 64.1725 57.2062 62.6448 59.9255 59.9255C62.6448 57.2063 64.1724 53.5181 64.1724 49.6725V14.5125C64.1741 12.6073 63.8003 10.7204 63.0723 8.95975C62.3443 7.19909 61.2765 5.59914 59.9299 4.25137C58.5833 2.9036 56.9843 1.83442 55.2243 1.10494C53.4642 0.375468 51.5777 -7.07943e-07 49.6724 0ZM37.31 47.895C35.6883 47.9182 34.0783 47.6188 32.5734 47.0143C31.0685 46.4098 29.6988 45.5121 28.5439 44.3736C27.389 43.235 26.4718 41.8783 25.8459 40.3822C25.2199 38.8861 24.8975 37.2805 24.8975 35.6587C24.8975 34.037 25.2199 32.4314 25.8459 30.9353C26.4718 29.4392 27.389 28.0825 28.5439 26.9439C29.6988 25.8054 31.0685 24.9077 32.5734 24.3032C34.0783 23.6987 35.6883 23.3993 37.31 23.4225H51.115V19.62L58.2124 25.5275L51.1024 31.4425V27.56H37.1325C32.855 27.56 29.3175 31.3825 29.3175 35.6575C29.2707 36.7362 29.4428 37.8132 29.8234 38.8237C30.204 39.8341 30.7852 40.757 31.5319 41.5369C32.2787 42.3167 33.1756 42.9373 34.1686 43.3613C35.1617 43.7853 36.2302 44.0038 37.31 44.0038C38.3897 44.0038 39.4582 43.7853 40.4513 43.3613C41.4443 42.9373 42.3412 42.3167 43.088 41.5369C43.8347 40.757 44.4159 39.8341 44.7965 38.8237C45.1771 37.8132 45.3492 36.7362 45.3025 35.6575C45.2791 33.8343 44.7343 32.0559 43.7325 30.5325H48.4224C49.1622 32.1399 49.5459 33.8881 49.5474 35.6575C49.5615 37.2684 49.2545 38.8661 48.6444 40.3571C48.0344 41.8482 47.1335 43.2028 45.9944 44.3419C44.8552 45.4811 43.5006 46.382 42.0096 46.992C40.5185 47.602 38.9209 47.909 37.31 47.895ZM20.31 43.645C21.2887 43.5967 22.2557 43.4107 23.1824 43.0925V47.2975C22.268 47.6664 21.2955 47.8703 20.31 47.9C18.2845 47.8835 16.3483 47.0644 14.9259 45.6223C13.5035 44.1803 12.7111 42.233 12.7225 40.2075V27.56H7.93995V23.4225H12.7275V18.1725H16.88V23.4225H28.2125C26.595 24.5316 25.2007 25.9352 24.1025 27.56H16.88V40.2025C16.8858 41.1119 17.2496 41.9825 17.8924 42.6258C18.5352 43.2691 19.4055 43.6334 20.3149 43.64L20.31 43.645Z",
+        fill: "#4A4A49"
+    })));

package/dist/components/symbol/components/symbols/pay-to-light-grey-symbol.d.ts

@@ -0,0 +1,2 @@
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const PayToLightGreySymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/symbols/pay-to-light-grey-symbol.js

@@ -0,0 +1,16 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const PayToLightGreySymbol = ({ 'aria-label': ariaLabel = 'PayTo', copyrightYear = '', viewBoxWidth = 65, viewBoxHeight = 65, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('size-[65px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        "clip-path": "url(#clip0_2267_107)"
+    }, React.createElement("path", {
+        d: "M49.6724 0H14.5125C10.6678 0.00331005 6.98162 1.53205 4.26306 4.25061C1.5445 6.96917 0.0157612 10.6554 0.0124512 14.5V49.6725C0.0124512 53.5181 1.54013 57.2063 4.2594 59.9255C6.97868 62.6448 10.6668 64.1725 14.5125 64.1725H49.6724C53.5181 64.1725 57.2062 62.6448 59.9255 59.9255C62.6448 57.2063 64.1724 53.5181 64.1724 49.6725V14.5125C64.1741 12.6073 63.8003 10.7204 63.0723 8.95975C62.3443 7.19909 61.2765 5.59914 59.9299 4.25137C58.5833 2.9036 56.9843 1.83442 55.2243 1.10494C53.4642 0.375468 51.5777 -7.07943e-07 49.6724 0ZM37.31 47.895C35.6883 47.9182 34.0783 47.6188 32.5734 47.0143C31.0685 46.4098 29.6988 45.5121 28.5439 44.3736C27.389 43.235 26.4718 41.8783 25.8459 40.3822C25.2199 38.8861 24.8975 37.2805 24.8975 35.6587C24.8975 34.037 25.2199 32.4314 25.8459 30.9353C26.4718 29.4392 27.389 28.0825 28.5439 26.9439C29.6988 25.8054 31.0685 24.9077 32.5734 24.3032C34.0783 23.6987 35.6883 23.3993 37.31 23.4225H51.115V19.62L58.2124 25.5275L51.1024 31.4425V27.56H37.1325C32.855 27.56 29.3175 31.3825 29.3175 35.6575C29.2707 36.7362 29.4428 37.8132 29.8234 38.8237C30.204 39.8341 30.7852 40.757 31.5319 41.5369C32.2787 42.3167 33.1756 42.9373 34.1686 43.3613C35.1617 43.7853 36.2302 44.0038 37.31 44.0038C38.3897 44.0038 39.4582 43.7853 40.4513 43.3613C41.4443 42.9373 42.3412 42.3167 43.088 41.5369C43.8347 40.757 44.4159 39.8341 44.7965 38.8237C45.1771 37.8132 45.3492 36.7362 45.3025 35.6575C45.2791 33.8343 44.7343 32.0559 43.7325 30.5325H48.4224C49.1622 32.1399 49.5459 33.8881 49.5474 35.6575C49.5615 37.2684 49.2545 38.8661 48.6444 40.3571C48.0344 41.8482 47.1335 43.2028 45.9944 44.3419C44.8552 45.4811 43.5006 46.382 42.0096 46.992C40.5185 47.602 38.9209 47.909 37.31 47.895ZM20.31 43.645C21.2887 43.5967 22.2557 43.4107 23.1824 43.0925V47.2975C22.268 47.6664 21.2955 47.8703 20.31 47.9C18.2845 47.8835 16.3483 47.0644 14.9259 45.6223C13.5035 44.1803 12.7111 42.233 12.7225 40.2075V27.56H7.93995V23.4225H12.7275V18.1725H16.88V23.4225H28.2125C26.595 24.5316 25.2007 25.9352 24.1025 27.56H16.88V40.2025C16.8858 41.1119 17.2496 41.9825 17.8924 42.6258C18.5352 43.2691 19.4055 43.6334 20.3149 43.64L20.31 43.645Z",
+        fill: "#DADADA"
+    })));

package/dist/components/symbol/components/symbols/pay-to-white-symbol.d.ts

@@ -0,0 +1,2 @@
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const PayToWhiteSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/symbols/pay-to-white-symbol.js

@@ -0,0 +1,16 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const PayToWhiteSymbol = ({ 'aria-label': ariaLabel = 'PayTo', copyrightYear = '', viewBoxWidth = 65, viewBoxHeight = 65, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('size-[65px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        "clip-path": "url(#clip0_2267_107)"
+    }, React.createElement("path", {
+        d: "M49.6724 0H14.5125C10.6678 0.00331005 6.98162 1.53205 4.26306 4.25061C1.5445 6.96917 0.0157612 10.6554 0.0124512 14.5V49.6725C0.0124512 53.5181 1.54013 57.2063 4.2594 59.9255C6.97868 62.6448 10.6668 64.1725 14.5125 64.1725H49.6724C53.5181 64.1725 57.2062 62.6448 59.9255 59.9255C62.6448 57.2063 64.1724 53.5181 64.1724 49.6725V14.5125C64.1741 12.6073 63.8003 10.7204 63.0723 8.95975C62.3443 7.19909 61.2765 5.59914 59.9299 4.25137C58.5833 2.9036 56.9843 1.83442 55.2243 1.10494C53.4642 0.375468 51.5777 -7.07943e-07 49.6724 0ZM37.31 47.895C35.6883 47.9182 34.0783 47.6188 32.5734 47.0143C31.0685 46.4098 29.6988 45.5121 28.5439 44.3736C27.389 43.235 26.4718 41.8783 25.8459 40.3822C25.2199 38.8861 24.8975 37.2805 24.8975 35.6587C24.8975 34.037 25.2199 32.4314 25.8459 30.9353C26.4718 29.4392 27.389 28.0825 28.5439 26.9439C29.6988 25.8054 31.0685 24.9077 32.5734 24.3032C34.0783 23.6987 35.6883 23.3993 37.31 23.4225H51.115V19.62L58.2124 25.5275L51.1024 31.4425V27.56H37.1325C32.855 27.56 29.3175 31.3825 29.3175 35.6575C29.2707 36.7362 29.4428 37.8132 29.8234 38.8237C30.204 39.8341 30.7852 40.757 31.5319 41.5369C32.2787 42.3167 33.1756 42.9373 34.1686 43.3613C35.1617 43.7853 36.2302 44.0038 37.31 44.0038C38.3897 44.0038 39.4582 43.7853 40.4513 43.3613C41.4443 42.9373 42.3412 42.3167 43.088 41.5369C43.8347 40.757 44.4159 39.8341 44.7965 38.8237C45.1771 37.8132 45.3492 36.7362 45.3025 35.6575C45.2791 33.8343 44.7343 32.0559 43.7325 30.5325H48.4224C49.1622 32.1399 49.5459 33.8881 49.5474 35.6575C49.5615 37.2684 49.2545 38.8661 48.6444 40.3571C48.0344 41.8482 47.1335 43.2028 45.9944 44.3419C44.8552 45.4811 43.5006 46.382 42.0096 46.992C40.5185 47.602 38.9209 47.909 37.31 47.895ZM20.31 43.645C21.2887 43.5967 22.2557 43.4107 23.1824 43.0925V47.2975C22.268 47.6664 21.2955 47.8703 20.31 47.9C18.2845 47.8835 16.3483 47.0644 14.9259 45.6223C13.5035 44.1803 12.7111 42.233 12.7225 40.2075V27.56H7.93995V23.4225H12.7275V18.1725H16.88V23.4225H28.2125C26.595 24.5316 25.2007 25.9352 24.1025 27.56H16.88V40.2025C16.8858 41.1119 17.2496 41.9825 17.8924 42.6258C18.5352 43.2691 19.4055 43.6334 20.3149 43.64L20.31 43.645Z",
+        fill: "white"
+    })));

package/dist/components/symbol/components/symbols/pay-to-wordmark-black-symbol.d.ts

@@ -0,0 +1,2 @@
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const PayToWordmarkBlackSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/symbols/pay-to-wordmark-black-symbol.js

@@ -0,0 +1,25 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const PayToWordmarkBlackSymbol = ({ 'aria-label': ariaLabel = 'PayTo Wordmark', copyrightYear = '', viewBoxWidth = 135, viewBoxHeight = 65, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('h-[42px] w-[90px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        "clip-path": "url(#clip0_2266_139)"
+    }, React.createElement("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: "#231F20"
+    }), React.createElement("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: "#231F20"
+    }), React.createElement("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: "#231F20"
+    }), React.createElement("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: "#231F20"
+    })));

package/dist/components/symbol/components/symbols/pay-to-wordmark-dark-grey-symbol.d.ts

@@ -0,0 +1,2 @@
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const PayToWordmarkDarkGreySymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/symbols/pay-to-wordmark-dark-grey-symbol.js

@@ -0,0 +1,25 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const PayToWordmarkDarkGreySymbol = ({ 'aria-label': ariaLabel = 'PayTo Wordmark', copyrightYear = '', viewBoxWidth = 135, viewBoxHeight = 65, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('h-[42px] w-[90px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        "clip-path": "url(#clip0_2266_139)"
+    }, React.createElement("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: "#4A4A49"
+    }), React.createElement("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: "#4A4A49"
+    }), React.createElement("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: "#4A4A49"
+    }), React.createElement("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: "#4A4A49"
+    })));

package/dist/components/symbol/components/symbols/pay-to-wordmark-light-grey-symbol.d.ts

@@ -0,0 +1,2 @@
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const PayToWordmarkLightGreySymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/symbols/pay-to-wordmark-light-grey-symbol.js

@@ -0,0 +1,25 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const PayToWordmarkLightGreySymbol = ({ 'aria-label': ariaLabel = 'PayTo Wordmark', copyrightYear = '', viewBoxWidth = 135, viewBoxHeight = 65, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('h-[42px] w-[90px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        "clip-path": "url(#clip0_2266_139)"
+    }, React.createElement("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"
+    }), React.createElement("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"
+    }), React.createElement("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"
+    }), React.createElement("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"
+    })));

package/dist/components/symbol/components/symbols/pay-to-wordmark-white-symbol.d.ts

@@ -0,0 +1,2 @@
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const PayToWordmarkWhiteSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/symbols/pay-to-wordmark-white-symbol.js

@@ -0,0 +1,25 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const PayToWordmarkWhiteSymbol = ({ 'aria-label': ariaLabel = 'PayTo Wordmark', copyrightYear = '', viewBoxWidth = 135, viewBoxHeight = 65, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('h-[42px] w-[90px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        "clip-path": "url(#clip0_2266_139)"
+    }, React.createElement("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"
+    }), React.createElement("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"
+    }), React.createElement("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"
+    }), React.createElement("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"
+    })));

package/dist/components/symbol/components/symbols/slack-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const SlackSymbol = ({ 'aria-label': ariaLabel = 'Slack' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+export const SlackSymbol = ({ 'aria-label': ariaLabel = 'Slack', copyrightYear = '', viewBoxWidth = 32, viewBoxHeight = 32, className, ...props })=>React.createElement(Symbol, {
         className: clsx('size-[32px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none",
         fillRule: "evenodd"
     }, React.createElement("rect", {

package/dist/components/symbol/components/symbols/twitter-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const TwitterSymbol = ({ 'aria-label': ariaLabel = 'Twitter' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+export const TwitterSymbol = ({ 'aria-label': ariaLabel = 'Twitter', copyrightYear = '', viewBoxWidth = 32, viewBoxHeight = 32, className, ...props })=>React.createElement(Symbol, {
         className: clsx('size-[32px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fillRule: "nonzero",
         fill: "none"
     }, React.createElement("rect", {

package/dist/components/symbol/components/symbols/visa-blue-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const VisaBlueSymbol = ({ 'aria-label': ariaLabel = 'Visa' , copyrightYear ='' , viewBoxWidth =80 , viewBoxHeight =37 , className , ...props })=>React.createElement(Symbol, _extends({
+export const VisaBlueSymbol = ({ 'aria-label': ariaLabel = 'Visa', copyrightYear = '', viewBoxWidth = 80, viewBoxHeight = 37, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[37px] w-[80px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none"
     }, React.createElement("path", {
         fill: "#1A1F71",

package/dist/components/symbol/components/symbols/visa-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const VisaSymbol = ({ 'aria-label': ariaLabel = 'Visa' , copyrightYear ='' , viewBoxWidth =80 , viewBoxHeight =26 , className , ...props })=>React.createElement(Symbol, _extends({
+export const VisaSymbol = ({ 'aria-label': ariaLabel = 'Visa', copyrightYear = '', viewBoxWidth = 80, viewBoxHeight = 26, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[26px] w-[80px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("path", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("path", {
         d: "M39.617.453l-5.35 24.99h-6.463L33.146.453h6.47zm27.19 16.132L70.21 7.2l1.964 9.385h-5.366zm7.22 8.858H80L74.778.453h-5.513c-1.24 0-2.29.718-2.754 1.832l-9.693 23.158h6.785l1.346-3.732h8.292l.787 3.733zm-16.877-8.16c.03-6.597-9.115-6.963-9.057-9.908.022-.896.88-1.85 2.738-2.093.93-.123 3.488-.214 6.382 1.123L58.345 1.1C56.785.54 54.788 0 52.295 0c-6.39 0-10.88 3.387-10.922 8.256-.038 3.592 3.213 5.605 5.657 6.798 2.52 1.228 3.366 2.015 3.357 3.108-.017 1.672-2.015 2.412-3.866 2.448-3.254.05-5.135-.88-6.64-1.58l-1.17 5.477c1.51.693 4.298 1.298 7.183 1.33 6.79 0 11.234-3.36 11.257-8.554zM30.373.453l-10.468 24.99H13.07L7.915 5.5c-.31-1.228-.584-1.676-1.532-2.196C4.823 2.46 2.256 1.668 0 1.174l.156-.72h11c1.398 0 2.663.93 2.98 2.547l2.726 14.457L23.586.453h6.787z",
         fill: "#1A1F71"
     }));

package/dist/components/symbol/components/symbols/visa-white-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const VisaWhiteSymbol = ({ 'aria-label': ariaLabel = 'Visa' , copyrightYear ='' , viewBoxWidth =80 , viewBoxHeight =37 , className , ...props })=>React.createElement(Symbol, _extends({
+export const VisaWhiteSymbol = ({ 'aria-label': ariaLabel = 'Visa', copyrightYear = '', viewBoxWidth = 80, viewBoxHeight = 37, className, ...props })=>React.createElement(Symbol, {
         className: clsx('h-[37px] w-[80px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         fill: "none"
     }, React.createElement("path", {
         fill: "#FFF",

package/dist/components/symbol/components/symbols/x-mark-inverse-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const XMarkInverseSymbol = ({ 'aria-label': ariaLabel = 'X' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+export const XMarkInverseSymbol = ({ 'aria-label': ariaLabel = 'X', copyrightYear = '', viewBoxWidth = 80, viewBoxHeight = 80, className, ...props })=>React.createElement(Symbol, {
         className: clsx('size-[32px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("path", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("path", {
         fill: "#fff",
         d: "M44.635 32.455 72.555 0H65.94L41.696 28.18 22.333 0H0l29.28 42.614L0 76.648h6.617l25.601-29.76 20.449 29.76H75L44.634 32.455h.001ZM35.573 42.99l-2.967-4.243L9.001 4.98h10.162l19.05 27.25 2.967 4.243 24.762 35.42H55.78L35.573 42.99v-.002Z"
     }));

package/dist/components/symbol/components/symbols/x-mark-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const XMarkSymbol = ({ 'aria-label': ariaLabel = 'X' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+export const XMarkSymbol = ({ 'aria-label': ariaLabel = 'X', copyrightYear = '', viewBoxWidth = 80, viewBoxHeight = 80, className, ...props })=>React.createElement(Symbol, {
         className: clsx('size-[32px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("path", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("path", {
         fill: "#000",
         d: "M44.635 32.455 72.555 0H65.94L41.696 28.18 22.333 0H0l29.28 42.614L0 76.648h6.617l25.601-29.76 20.449 29.76H75L44.634 32.455h.001ZM35.573 42.99l-2.967-4.243L9.001 4.98h10.162l19.05 27.25 2.967 4.243 24.762 35.42H55.78L35.573 42.99v-.002Z"
     }));

package/dist/components/symbol/components/symbols/x-symbol.js

@@ -1,27 +1,14 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const XSymbol = ({ 'aria-label': ariaLabel = 'X' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+export const XSymbol = ({ 'aria-label': ariaLabel = 'X', copyrightYear = '', viewBoxWidth = 32, viewBoxHeight = 32, className, ...props })=>React.createElement(Symbol, {
         className: clsx('size-[32px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,
         viewBoxWidth: viewBoxWidth,
-        viewBoxHeight: viewBoxHeight
-    }, props), React.createElement("g", {
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
         "clip-path": "url(#clip0_1842_16)"
     }, React.createElement("path", {
         d: "M30 0H2C0.89543 0 0 0.89543 0 2V30C0 31.1046 0.89543 32 2 32H30C31.1046 32 32 31.1046 32 30V2C32 0.89543 31.1046 0 30 0Z",