@westpac/ui 1.0.0-canary.9 → 1.0.0

package/dist/components/symbol/components/symbols/eftpos-horizontal-inverse-symbol.js

@@ -0,0 +1,56 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const EftposHorizontalInverseSymbol = ({ 'aria-label': ariaLabel = 'Eftpos', copyrightYear = '', viewBoxWidth = 178, viewBoxHeight = 60, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('h-[60px] w-[178px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        clipPath: "url(#clip0_94_2142)"
+    }, React.createElement("path", {
+        d: "M33.2183 9.56848C24.9561 13.3416 19.3692 20.5672 19.3692 28.8609C19.3692 39.3285 29.0105 47.815 40.9042 47.815C46.3633 47.815 50.2013 46.5541 54.6885 43.8531C55.1665 43.5678 55.7016 43.3534 56.0557 43.8C56.2583 44.0557 56.1738 44.3665 56.0183 44.6498C51.1161 53.6439 41.1423 59.8957 29.9488 59.8957C13.4105 59.8957 0.00195312 46.4872 0.00195312 29.9488C0.00195312 20.5042 4.3731 12.0806 11.2033 6.59208C16.3357 2.46881 29.1974 1.89831 33.2183 9.56848Z",
+        fill: "url(#paint0_linear_94_2142)"
+    }), React.createElement("path", {
+        d: "M55.672 21.1652C55.672 31.1134 46.1723 39.177 34.4517 39.177C32.7461 39.177 28.129 38.9429 24.8241 37.4046C23.8838 36.9679 23.9802 36.417 24.6274 36.1495C26.1284 35.5298 37.9061 33.2695 37.9061 21.1652C37.9061 9.06097 25.4084 0.210478 11.2031 6.59212C16.3336 2.46884 22.853 0.00195312 29.9487 0.00195312C43.8569 0.00195313 55.672 9.47605 55.672 21.1652Z",
+        fill: "#E50056"
+    }), React.createElement("path", {
+        d: "M76.9909 21.8596C70.5384 21.8596 67.084 25.7429 67.084 30.7672V30.9108C67.084 35.9645 69.8243 39.2773 76.7056 39.2773C81.6728 39.2773 85.0151 37.678 86.4414 33.9088H81.6453C80.9312 35.1363 79.5896 35.8229 77.0204 35.8229C73.5089 35.8229 71.7659 34.5383 71.3096 32.1973H86.6715V30.4563C86.6696 25.4852 83.3292 21.8596 76.9909 21.8596ZM71.3646 28.9396C71.9351 26.6262 73.8197 25.2845 77.0755 25.2845C80.2446 25.2845 81.8715 26.455 82.3004 28.9396H71.3646Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M106.056 17.9193H102.344C102.344 18.661 102.317 19.861 102.173 20.6321C101.915 22.0033 101.573 22.2924 100.346 22.4065C99.5745 22.4636 98.7187 22.4636 97.8905 22.4636H94.979V21.7751C94.979 19.2905 95.4649 18.8341 97.6348 18.8341H99.0728V15.2931H97.1489C92.4099 15.2931 90.781 16.8924 90.781 21.6039V22.4636H86.9272V26.1718H90.781V38.7915H94.9495L94.9771 26.1718H101.886V31.3121C101.886 36.8793 103.371 38.7934 108.824 38.7934H111.936V34.8787H109.965C106.595 34.8787 106.054 34.3928 106.054 30.596V26.1698H111.936V22.4616H106.054V17.9193H106.056Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M124.987 21.9167C121.788 21.9167 119.333 23.2308 118.076 25.4853L117.712 22.4617H113.965V44.5869H118.277V36.1928C119.447 38.1345 121.59 39.2184 124.873 39.2184C129.498 39.2184 133.324 36.421 133.324 30.7948V30.6512C133.326 24.9718 130.127 21.9167 124.987 21.9167ZM128.843 30.7672C128.843 33.8794 127.216 35.5928 123.504 35.5928C119.992 35.5928 118.192 33.8518 118.192 30.7397V30.6256C118.192 27.3994 120.221 25.4853 123.561 25.4853C127.072 25.4853 128.843 27.2558 128.843 30.6531V30.7672Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M144.832 21.8596C138.98 21.8596 135.01 25.1429 135.01 30.6255V30.7967C135.01 36.1357 137.951 39.2773 144.746 39.2773C151.342 39.2773 154.682 35.994 154.682 30.7967V30.6255C154.682 25.0858 150.799 21.8596 144.832 21.8596ZM150.201 30.7672C150.201 33.8793 148.574 35.5927 144.832 35.5927C141.234 35.5927 139.493 33.9088 139.493 30.7672V30.6236C139.493 27.2537 141.435 25.4832 144.889 25.4832C148.43 25.4832 150.201 27.3108 150.201 30.6236V30.7672Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M166.046 28.798C161.791 28.5127 160.621 28.2275 160.621 27.0275C160.621 26.0281 161.449 25.1724 164.504 25.1724C167.187 25.1724 168.844 25.7999 169.216 27.4288H173.898C173.012 23.7462 170.101 21.8616 164.561 21.8616C159.021 21.8616 156.338 24.2026 156.338 27.3717C156.338 30.7691 159.193 31.855 164.276 32.1403C168.501 32.3685 169.816 32.6262 169.816 33.8537C169.816 35.0537 168.789 35.7953 165.704 35.7953C162.535 35.7953 161.107 35.1108 160.65 33.3678H155.681C156.395 37.3081 159.478 39.2773 165.531 39.2773C171.269 39.2773 174.153 36.9363 174.153 33.6806C174.155 30.1671 171.7 29.1403 166.046 28.798Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M176.003 25.4478C175.483 25.4478 175.052 25.2983 174.71 25.0013C174.368 24.7042 174.199 24.2695 174.199 23.701V23.6164C174.199 23.4354 174.218 23.2642 174.26 23.1049C174.301 22.9455 174.358 22.8 174.433 22.6682C174.59 22.3987 174.803 22.1901 175.072 22.0426C175.342 21.8951 175.645 21.8223 175.983 21.8223C176.152 21.8223 176.312 21.84 176.463 21.8734C176.613 21.9069 176.758 21.96 176.896 22.0288C177.165 22.1724 177.382 22.377 177.543 22.6446C177.706 22.9101 177.787 23.2308 177.787 23.6065V23.701C177.787 23.8878 177.767 24.0629 177.726 24.2223C177.685 24.3816 177.624 24.5252 177.543 24.6492C177.386 24.9128 177.173 25.1114 176.904 25.2452C176.636 25.379 176.335 25.4478 176.003 25.4478ZM176.003 25.1469C176.428 25.1469 176.778 25.021 177.049 24.7711C177.321 24.5213 177.458 24.1574 177.458 23.6813V23.6242C177.458 23.1482 177.319 22.7803 177.041 22.5206C176.762 22.261 176.41 22.1311 175.985 22.1311C175.566 22.1311 175.218 22.2649 174.942 22.5344C174.667 22.8039 174.529 23.1698 174.529 23.6341V23.6813C174.529 24.1514 174.667 24.5134 174.942 24.7672C175.218 25.019 175.57 25.1469 176.003 25.1469ZM176.022 23.8505H175.637V24.537H175.318V22.6859H176.06C176.317 22.6859 176.5 22.7351 176.609 22.8354C176.719 22.9357 176.774 23.0675 176.774 23.2308C176.774 23.3626 176.742 23.4669 176.679 23.5455C176.616 23.6242 176.522 23.6793 176.398 23.7108C176.516 23.7364 176.601 23.7836 176.652 23.8524C176.701 23.9213 176.727 24.0275 176.727 24.1711V24.4426C176.727 24.4623 176.731 24.478 176.736 24.4937C176.742 24.5095 176.748 24.5233 176.756 24.5351H176.428C176.422 24.5292 176.416 24.5173 176.414 24.5016C176.41 24.4859 176.41 24.4662 176.41 24.4406V24.1692C176.41 24.0492 176.388 23.9665 176.345 23.9193C176.298 23.8741 176.192 23.8505 176.022 23.8505ZM176.022 23.577C176.186 23.5829 176.3 23.5573 176.365 23.4964C176.43 23.4373 176.463 23.3508 176.463 23.2387C176.463 23.1442 176.428 23.0734 176.359 23.0282C176.29 22.981 176.184 22.9573 176.04 22.9573H175.637V23.577H176.022Z",
+        className: "fill-white"
+    })), React.createElement("defs", null, React.createElement("linearGradient", {
+        id: "paint0_linear_94_2142",
+        x1: "28.3495",
+        y1: "39.8184",
+        x2: "16.8895",
+        y2: "-19.1381",
+        gradientUnits: "userSpaceOnUse"
+    }, React.createElement("stop", {
+        offset: "0.1411",
+        "stop-color": "#E50056"
+    }), React.createElement("stop", {
+        offset: "0.75",
+        "stop-color": "#1F0038"
+    })), React.createElement("clipPath", {
+        id: "clip0_94_2142"
+    }, React.createElement("rect", {
+        width: "177.836",
+        height: "60",
+        fill: "white"
+    }))));

package/dist/components/symbol/components/symbols/eftpos-horizontal-symbol.d.ts

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

package/dist/components/symbol/components/symbols/eftpos-horizontal-symbol.js

@@ -0,0 +1,56 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const EftposHorizontalSymbol = ({ 'aria-label': ariaLabel = 'Eftpos', copyrightYear = '', viewBoxWidth = 178, viewBoxHeight = 60, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('h-[60px] w-[178px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        clipPath: "url(#clip0_94_2129)"
+    }, React.createElement("path", {
+        d: "M33.2183 9.56848C24.9561 13.3416 19.3692 20.5672 19.3692 28.8609C19.3692 39.3285 29.0105 47.815 40.9042 47.815C46.3633 47.815 50.2013 46.5541 54.6885 43.8531C55.1665 43.5678 55.7016 43.3534 56.0557 43.8C56.2583 44.0557 56.1738 44.3665 56.0183 44.6498C51.1161 53.6439 41.1423 59.8957 29.9488 59.8957C13.4105 59.8957 0.00195312 46.4872 0.00195312 29.9488C0.00195312 20.5042 4.3731 12.0806 11.2033 6.59208C16.3357 2.46881 29.1974 1.89831 33.2183 9.56848Z",
+        fill: "url(#paint0_linear_94_2129)"
+    }), React.createElement("path", {
+        d: "M55.672 21.1652C55.672 31.1134 46.1723 39.177 34.4517 39.177C32.7461 39.177 28.129 38.9429 24.8241 37.4046C23.8838 36.9679 23.9802 36.417 24.6274 36.1495C26.1284 35.5298 37.9061 33.2695 37.9061 21.1652C37.9061 9.06097 25.4084 0.210478 11.2031 6.59212C16.3336 2.46884 22.853 0.00195312 29.9487 0.00195312C43.8569 0.00195313 55.672 9.47605 55.672 21.1652Z",
+        fill: "#E50056"
+    }), React.createElement("path", {
+        d: "M76.9909 21.8596C70.5384 21.8596 67.084 25.7429 67.084 30.7672V30.9108C67.084 35.9645 69.8243 39.2773 76.7056 39.2773C81.6728 39.2773 85.0151 37.678 86.4414 33.9088H81.6453C80.9312 35.1363 79.5896 35.8229 77.0204 35.8229C73.5089 35.8229 71.7659 34.5383 71.3096 32.1973H86.6715V30.4563C86.6696 25.4852 83.3292 21.8596 76.9909 21.8596ZM71.3646 28.9396C71.9351 26.6262 73.8197 25.2845 77.0755 25.2845C80.2446 25.2845 81.8715 26.455 82.3004 28.9396H71.3646Z",
+        className: "fill-[#1F0038]"
+    }), React.createElement("path", {
+        d: "M106.056 17.9193H102.344C102.344 18.661 102.317 19.861 102.173 20.6321C101.915 22.0033 101.573 22.2924 100.346 22.4065C99.5745 22.4636 98.7187 22.4636 97.8905 22.4636H94.979V21.7751C94.979 19.2905 95.4649 18.8341 97.6348 18.8341H99.0728V15.2931H97.1489C92.4099 15.2931 90.781 16.8924 90.781 21.6039V22.4636H86.9272V26.1718H90.781V38.7915H94.9495L94.9771 26.1718H101.886V31.3121C101.886 36.8793 103.371 38.7934 108.824 38.7934H111.936V34.8787H109.965C106.595 34.8787 106.054 34.3928 106.054 30.596V26.1698H111.936V22.4616H106.054V17.9193H106.056Z",
+        className: "fill-[#1F0038]"
+    }), React.createElement("path", {
+        d: "M124.987 21.9167C121.788 21.9167 119.333 23.2308 118.076 25.4853L117.712 22.4617H113.965V44.5869H118.277V36.1928C119.447 38.1345 121.59 39.2184 124.873 39.2184C129.498 39.2184 133.324 36.421 133.324 30.7948V30.6512C133.326 24.9718 130.127 21.9167 124.987 21.9167ZM128.843 30.7672C128.843 33.8794 127.216 35.5928 123.504 35.5928C119.992 35.5928 118.192 33.8518 118.192 30.7397V30.6256C118.192 27.3994 120.221 25.4853 123.561 25.4853C127.072 25.4853 128.843 27.2558 128.843 30.6531V30.7672Z",
+        className: "fill-[#1F0038]"
+    }), React.createElement("path", {
+        d: "M144.832 21.8596C138.98 21.8596 135.01 25.1429 135.01 30.6255V30.7967C135.01 36.1357 137.951 39.2773 144.746 39.2773C151.342 39.2773 154.682 35.994 154.682 30.7967V30.6255C154.682 25.0858 150.799 21.8596 144.832 21.8596ZM150.201 30.7672C150.201 33.8793 148.574 35.5927 144.832 35.5927C141.234 35.5927 139.493 33.9088 139.493 30.7672V30.6236C139.493 27.2537 141.435 25.4832 144.889 25.4832C148.43 25.4832 150.201 27.3108 150.201 30.6236V30.7672Z",
+        className: "fill-[#1F0038]"
+    }), React.createElement("path", {
+        d: "M166.046 28.798C161.791 28.5127 160.621 28.2275 160.621 27.0275C160.621 26.0281 161.449 25.1724 164.504 25.1724C167.187 25.1724 168.844 25.7999 169.216 27.4288H173.898C173.012 23.7462 170.101 21.8616 164.561 21.8616C159.021 21.8616 156.338 24.2026 156.338 27.3717C156.338 30.7691 159.193 31.855 164.276 32.1403C168.501 32.3685 169.816 32.6262 169.816 33.8537C169.816 35.0537 168.789 35.7953 165.704 35.7953C162.535 35.7953 161.107 35.1108 160.65 33.3678H155.681C156.395 37.3081 159.478 39.2773 165.531 39.2773C171.269 39.2773 174.153 36.9363 174.153 33.6806C174.155 30.1671 171.7 29.1403 166.046 28.798Z",
+        className: "fill-[#1F0038]"
+    }), React.createElement("path", {
+        d: "M176.003 25.4478C175.483 25.4478 175.052 25.2983 174.71 25.0013C174.368 24.7042 174.199 24.2695 174.199 23.701V23.6164C174.199 23.4354 174.218 23.2642 174.26 23.1049C174.301 22.9455 174.358 22.8 174.433 22.6682C174.59 22.3987 174.803 22.1901 175.072 22.0426C175.342 21.8951 175.645 21.8223 175.983 21.8223C176.152 21.8223 176.312 21.84 176.463 21.8734C176.613 21.9069 176.758 21.96 176.896 22.0288C177.165 22.1724 177.382 22.377 177.543 22.6446C177.706 22.9101 177.787 23.2308 177.787 23.6065V23.701C177.787 23.8878 177.767 24.0629 177.726 24.2223C177.685 24.3816 177.624 24.5252 177.543 24.6492C177.386 24.9128 177.173 25.1114 176.904 25.2452C176.636 25.379 176.335 25.4478 176.003 25.4478ZM176.003 25.1469C176.428 25.1469 176.778 25.021 177.049 24.7711C177.321 24.5213 177.458 24.1574 177.458 23.6813V23.6242C177.458 23.1482 177.319 22.7803 177.041 22.5206C176.762 22.261 176.41 22.1311 175.985 22.1311C175.566 22.1311 175.218 22.2649 174.942 22.5344C174.667 22.8039 174.529 23.1698 174.529 23.6341V23.6813C174.529 24.1514 174.667 24.5134 174.942 24.7672C175.218 25.019 175.57 25.1469 176.003 25.1469ZM176.022 23.8505H175.637V24.537H175.318V22.6859H176.06C176.317 22.6859 176.5 22.7351 176.609 22.8354C176.719 22.9357 176.774 23.0675 176.774 23.2308C176.774 23.3626 176.742 23.4669 176.679 23.5455C176.616 23.6242 176.522 23.6793 176.398 23.7108C176.516 23.7364 176.601 23.7836 176.652 23.8524C176.701 23.9213 176.727 24.0275 176.727 24.1711V24.4426C176.727 24.4623 176.731 24.478 176.736 24.4937C176.742 24.5095 176.748 24.5233 176.756 24.5351H176.428C176.422 24.5292 176.416 24.5173 176.414 24.5016C176.41 24.4859 176.41 24.4662 176.41 24.4406V24.1692C176.41 24.0492 176.388 23.9665 176.345 23.9193C176.298 23.8741 176.192 23.8505 176.022 23.8505ZM176.022 23.577C176.186 23.5829 176.3 23.5573 176.365 23.4964C176.43 23.4373 176.463 23.3508 176.463 23.2387C176.463 23.1442 176.428 23.0734 176.359 23.0282C176.29 22.981 176.184 22.9573 176.04 22.9573H175.637V23.577H176.022Z",
+        className: "fill-[#1F0038]"
+    })), React.createElement("defs", null, React.createElement("linearGradient", {
+        id: "paint0_linear_94_2129",
+        x1: "28.3495",
+        y1: "39.8184",
+        x2: "16.8895",
+        y2: "-19.1381",
+        gradientUnits: "userSpaceOnUse"
+    }, React.createElement("stop", {
+        offset: "0.1411",
+        "stop-color": "#E50056"
+    }), React.createElement("stop", {
+        offset: "0.75",
+        "stop-color": "#1F0038"
+    })), React.createElement("clipPath", {
+        id: "clip0_94_2129"
+    }, React.createElement("rect", {
+        width: "177.836",
+        height: "60",
+        fill: "white"
+    }))));

package/dist/components/symbol/components/symbols/{pay-to-wordmark-dark-grey-symbol.d.ts → eftpos-vertical-inverse-symbol.d.ts}

@@ -1,2 +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;
+export declare const EftposVerticalInverseSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/symbols/eftpos-vertical-inverse-symbol.js

@@ -0,0 +1,56 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const EftposVerticalInverseSymbol = ({ 'aria-label': ariaLabel = 'Eftpos', copyrightYear = '', viewBoxWidth = 59, viewBoxHeight = 60, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('h-[60px] w-[59px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        clipPath: "url(#clip0_94_2204)"
+    }, React.createElement("path", {
+        d: "M32.1149 6.85122C26.2888 9.51196 22.3495 14.6062 22.3495 20.4554C22.3495 27.8366 29.1484 33.8209 37.5348 33.8209C41.384 33.8209 44.0908 32.9319 47.2552 31.0282C47.5914 30.8271 47.9704 30.6753 48.2186 30.9905C48.361 31.1706 48.3013 31.3894 48.1924 31.5894C44.7359 37.9308 37.7024 42.3402 29.8092 42.3402C18.1463 42.3402 8.69189 32.8858 8.69189 21.2229C8.69189 14.5633 11.7746 8.624 16.5914 4.75279C20.2102 1.84494 29.2793 1.44389 32.1149 6.85122Z",
+        fill: "url(#paint0_linear_94_2204)"
+    }), React.createElement("path", {
+        d: "M47.9484 15.0282C47.9484 22.0429 41.2489 27.7288 32.985 27.7288C31.7829 27.7288 28.5264 27.5633 26.1965 26.4785C25.5337 26.1696 25.6018 25.7822 26.0573 25.5937C27.1159 25.157 35.4206 23.5633 35.4206 15.0272C35.4206 6.49107 26.607 0.250235 16.5913 4.75076C20.2091 1.84291 24.806 0.103638 29.8091 0.103638C39.6164 0.105732 47.9484 6.78636 47.9484 15.0282Z",
+        fill: "#E50056"
+    }), React.createElement("path", {
+        d: "M5.27427 47.824C1.83972 47.824 0.000976562 49.891 0.000976562 52.5653V52.6418C0.000976562 55.3318 1.45961 57.0952 5.12244 57.0952C7.76642 57.0952 9.54548 56.2439 10.3046 54.2376H7.75176C7.37166 54.891 6.65752 55.2564 5.28998 55.2564C3.42087 55.2564 2.49312 54.5727 2.25019 53.3266H10.4272V52.3999C10.4272 49.7538 8.6481 47.824 5.27427 47.824ZM2.28056 51.5936C2.58422 50.3622 3.58736 49.6481 5.32035 49.6481C7.00726 49.6481 7.87323 50.2711 8.1015 51.5936H2.28056Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M20.7467 45.7266H18.7707C18.7707 46.1214 18.7561 46.7601 18.6796 47.1706C18.5425 47.9005 18.3603 48.0544 17.7069 48.1151C17.2964 48.1455 16.8409 48.1455 16.4001 48.1455H14.8503V47.779C14.8503 46.4565 15.109 46.2136 16.2639 46.2136H17.0294V44.3287H16.0053C13.4828 44.3287 12.6158 45.18 12.6158 47.6879V48.1455H10.5645V50.1193H12.6158V56.8366H14.8346L14.8493 50.1193H18.5268V52.8554C18.5268 55.8188 19.3173 56.8376 22.22 56.8376H23.8765V54.756H22.8273C21.0336 54.756 20.7456 54.4973 20.7456 52.4764V50.1204H23.8765V48.1465H20.7456V45.7266H20.7467Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M30.8231 47.8544C29.1205 47.8544 27.8136 48.5538 27.1445 49.7538L26.9508 48.1444H24.9561V59.9214H27.2513V55.4533C27.8744 56.4868 29.0147 57.0638 30.7623 57.0638C33.2241 57.0638 35.2608 55.5748 35.2608 52.58V52.5036C35.2608 49.4805 33.5592 47.8544 30.8231 47.8544ZM32.8744 52.5664C32.8744 54.223 32.0084 55.135 30.0325 55.135C28.1634 55.135 27.2053 54.2083 27.2053 52.5518V52.491C27.2053 50.7737 28.2849 49.7549 30.0629 49.7549C31.932 49.7549 32.8744 50.6973 32.8744 52.5057V52.5664Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M41.3865 47.824C38.2713 47.824 36.1582 49.5716 36.1582 52.4899V52.581C36.1582 55.4229 37.7236 57.0952 41.3404 57.0952C44.8514 57.0952 46.6294 55.3475 46.6294 52.581V52.4899C46.6294 49.5413 44.5624 47.824 41.3865 47.824ZM44.243 52.5664C44.243 54.2229 43.3771 55.135 41.3854 55.135C39.4702 55.135 38.5435 54.2386 38.5435 52.5664V52.4899C38.5435 50.6962 39.5771 49.7538 41.4158 49.7538C43.3006 49.7538 44.243 50.7266 44.243 52.4899V52.5664Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M52.6784 51.5172C50.4135 51.3654 49.7905 51.2136 49.7905 50.5748C49.7905 50.0429 50.2313 49.5874 51.8575 49.5874C53.2857 49.5874 54.1674 49.9214 54.3653 50.7884H56.8575C56.3863 48.8282 54.8365 47.8251 51.8878 47.8251C48.9391 47.8251 47.5109 49.0711 47.5109 50.7581C47.5109 52.5664 49.0302 53.1444 51.736 53.2963C53.9852 53.4177 54.6847 53.5549 54.6847 54.2083C54.6847 54.8471 54.1381 55.2418 52.4962 55.2418C50.8093 55.2418 50.0491 54.8774 49.8062 53.9497H47.1611C47.5412 56.0471 49.1821 57.0952 52.4041 57.0952C55.4585 57.0952 56.9936 55.8492 56.9936 54.1162C56.9946 52.2471 55.6878 51.6994 52.6784 51.5172Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M57.9548 49.7539C57.6784 49.7539 57.4491 49.6744 57.2669 49.5162C57.0847 49.3581 56.9946 49.1267 56.9946 48.8241V48.7791C56.9946 48.6827 57.0051 48.5916 57.0271 48.5068C57.0491 48.422 57.0794 48.3445 57.1192 48.2744C57.203 48.1309 57.3161 48.0199 57.4596 47.9414C57.603 47.8628 57.7643 47.8241 57.9444 47.8241C58.0344 47.8241 58.1192 47.8335 58.1999 47.8513C58.2794 47.8691 58.3569 47.8974 58.4302 47.934C58.5737 48.0105 58.6889 48.1194 58.7747 48.2618C58.8616 48.4032 58.9046 48.5738 58.9046 48.7738V48.8241C58.9046 48.9236 58.8941 49.0168 58.8721 49.1016C58.8501 49.1864 58.8177 49.2628 58.7747 49.3288C58.691 49.4691 58.5779 49.5749 58.4344 49.6461C58.291 49.7183 58.1318 49.7539 57.9548 49.7539ZM57.9548 49.5948C58.181 49.5948 58.3674 49.5278 58.5119 49.3948C58.6564 49.2618 58.7297 49.0681 58.7297 48.8147V48.7843C58.7297 48.5309 58.6554 48.3351 58.5077 48.1969C58.359 48.0587 58.1716 47.9895 57.9454 47.9895C57.7224 47.9895 57.537 48.0607 57.3904 48.2042C57.2438 48.3477 57.1705 48.5424 57.1705 48.7895V48.8147C57.1705 49.0649 57.2438 49.2576 57.3904 49.3927C57.536 49.5267 57.7245 49.5948 57.9548 49.5948ZM57.9643 48.9047H57.759V49.2702H57.5894V48.2848H57.9842C58.1213 48.2848 58.2187 48.311 58.2763 48.3644C58.3349 48.4178 58.3643 48.488 58.3643 48.5749C58.3643 48.645 58.3475 48.7005 58.314 48.7424C58.2805 48.7843 58.2302 48.8136 58.1643 48.8304C58.2271 48.844 58.2721 48.8691 58.2993 48.9058C58.3266 48.9424 58.3391 48.999 58.3391 49.0754V49.2199C58.3391 49.2304 58.3412 49.2388 58.3444 49.2471C58.3475 49.2555 58.3506 49.2628 58.3548 49.2691H58.18C58.1768 49.266 58.1737 49.2597 58.1726 49.2513C58.1705 49.2429 58.1705 49.2325 58.1705 49.2189V49.0744C58.1705 49.0105 58.159 48.9665 58.136 48.9414C58.1109 48.9162 58.0543 48.9047 57.9643 48.9047ZM57.9643 48.7592C58.0512 48.7623 58.1119 48.7487 58.1465 48.7162C58.181 48.6848 58.1988 48.6388 58.1988 48.5791C58.1988 48.5288 58.18 48.4911 58.1433 48.467C58.1067 48.4419 58.0501 48.4293 57.9737 48.4293H57.759V48.7592H57.9643Z",
+        className: "fill-white"
+    })), React.createElement("defs", null, React.createElement("linearGradient", {
+        id: "paint0_linear_94_2204",
+        x1: "28.6819",
+        y1: "28.1823",
+        x2: "20.6009",
+        y2: "-13.3906",
+        gradientUnits: "userSpaceOnUse"
+    }, React.createElement("stop", {
+        offset: "0.1411",
+        "stop-color": "#E50056"
+    }), React.createElement("stop", {
+        offset: "0.75",
+        "stop-color": "#1F0038"
+    })), React.createElement("clipPath", {
+        id: "clip0_94_2204"
+    }, React.createElement("rect", {
+        width: "58.9529",
+        height: "60",
+        fill: "white"
+    }))));

package/dist/components/symbol/components/symbols/{pay-to-light-grey-symbol.d.ts → eftpos-vertical-symbol.d.ts}

@@ -1,2 +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;
+export declare const EftposVerticalSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/symbol/components/symbols/eftpos-vertical-symbol.js

@@ -0,0 +1,56 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const EftposVerticalSymbol = ({ 'aria-label': ariaLabel = 'Eftpos', copyrightYear = '', viewBoxWidth = 59, viewBoxHeight = 60, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('h-[60px] w-[59px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("g", {
+        clipPath: "url(#clip0_94_2190)"
+    }, React.createElement("path", {
+        d: "M32.1149 6.85122C26.2888 9.51196 22.3495 14.6062 22.3495 20.4554C22.3495 27.8366 29.1484 33.8209 37.5348 33.8209C41.384 33.8209 44.0908 32.9319 47.2552 31.0282C47.5914 30.8271 47.9704 30.6753 48.2186 30.9905C48.361 31.1706 48.3013 31.3894 48.1924 31.5894C44.7359 37.9308 37.7024 42.3402 29.8092 42.3402C18.1463 42.3402 8.69189 32.8858 8.69189 21.2229C8.69189 14.5633 11.7746 8.624 16.5914 4.75279C20.2102 1.84494 29.2793 1.44389 32.1149 6.85122Z",
+        fill: "url(#paint0_linear_94_2190)"
+    }), React.createElement("path", {
+        d: "M47.9484 15.0282C47.9484 22.0429 41.2489 27.7288 32.985 27.7288C31.7829 27.7288 28.5264 27.5633 26.1965 26.4785C25.5337 26.1696 25.6018 25.7822 26.0573 25.5937C27.1159 25.157 35.4206 23.5633 35.4206 15.0272C35.4206 6.49107 26.607 0.250235 16.5913 4.75076C20.2091 1.84291 24.806 0.103638 29.8091 0.103638C39.6164 0.105732 47.9484 6.78636 47.9484 15.0282Z",
+        fill: "#E50056"
+    }), React.createElement("path", {
+        d: "M5.27427 47.824C1.83972 47.824 0.000976562 49.891 0.000976562 52.5653V52.6418C0.000976562 55.3318 1.45961 57.0952 5.12244 57.0952C7.76642 57.0952 9.54548 56.2439 10.3046 54.2376H7.75176C7.37166 54.891 6.65752 55.2564 5.28998 55.2564C3.42087 55.2564 2.49312 54.5727 2.25019 53.3266H10.4272V52.3999C10.4272 49.7538 8.6481 47.824 5.27427 47.824ZM2.28056 51.5936C2.58422 50.3622 3.58736 49.6481 5.32035 49.6481C7.00726 49.6481 7.87323 50.2711 8.1015 51.5936H2.28056Z",
+        className: "fill-[#1F0038]"
+    }), React.createElement("path", {
+        d: "M20.7467 45.7266H18.7707C18.7707 46.1214 18.7561 46.7601 18.6796 47.1706C18.5425 47.9005 18.3603 48.0544 17.7069 48.1151C17.2964 48.1455 16.8409 48.1455 16.4001 48.1455H14.8503V47.779C14.8503 46.4565 15.109 46.2136 16.2639 46.2136H17.0294V44.3287H16.0053C13.4828 44.3287 12.6158 45.18 12.6158 47.6879V48.1455H10.5645V50.1193H12.6158V56.8366H14.8346L14.8493 50.1193H18.5268V52.8554C18.5268 55.8188 19.3173 56.8376 22.22 56.8376H23.8765V54.756H22.8273C21.0336 54.756 20.7456 54.4973 20.7456 52.4764V50.1204H23.8765V48.1465H20.7456V45.7266H20.7467Z",
+        className: "fill-[#1F0038]"
+    }), React.createElement("path", {
+        d: "M30.8231 47.8544C29.1205 47.8544 27.8136 48.5538 27.1445 49.7538L26.9508 48.1444H24.9561V59.9214H27.2513V55.4533C27.8744 56.4868 29.0147 57.0638 30.7623 57.0638C33.2241 57.0638 35.2608 55.5748 35.2608 52.58V52.5036C35.2608 49.4805 33.5592 47.8544 30.8231 47.8544ZM32.8744 52.5664C32.8744 54.223 32.0084 55.135 30.0325 55.135C28.1634 55.135 27.2053 54.2083 27.2053 52.5518V52.491C27.2053 50.7737 28.2849 49.7549 30.0629 49.7549C31.932 49.7549 32.8744 50.6973 32.8744 52.5057V52.5664Z",
+        className: "fill-[#1F0038]"
+    }), React.createElement("path", {
+        d: "M41.3865 47.824C38.2713 47.824 36.1582 49.5716 36.1582 52.4899V52.581C36.1582 55.4229 37.7236 57.0952 41.3404 57.0952C44.8514 57.0952 46.6294 55.3475 46.6294 52.581V52.4899C46.6294 49.5413 44.5624 47.824 41.3865 47.824ZM44.243 52.5664C44.243 54.2229 43.3771 55.135 41.3854 55.135C39.4702 55.135 38.5435 54.2386 38.5435 52.5664V52.4899C38.5435 50.6962 39.5771 49.7538 41.4158 49.7538C43.3006 49.7538 44.243 50.7266 44.243 52.4899V52.5664Z",
+        className: "fill-[#1F0038]"
+    }), React.createElement("path", {
+        d: "M52.6784 51.5172C50.4135 51.3654 49.7905 51.2136 49.7905 50.5748C49.7905 50.0429 50.2313 49.5874 51.8575 49.5874C53.2857 49.5874 54.1674 49.9214 54.3653 50.7884H56.8575C56.3863 48.8282 54.8365 47.8251 51.8878 47.8251C48.9391 47.8251 47.5109 49.0711 47.5109 50.7581C47.5109 52.5664 49.0302 53.1444 51.736 53.2963C53.9852 53.4177 54.6847 53.5549 54.6847 54.2083C54.6847 54.8471 54.1381 55.2418 52.4962 55.2418C50.8093 55.2418 50.0491 54.8774 49.8062 53.9497H47.1611C47.5412 56.0471 49.1821 57.0952 52.4041 57.0952C55.4585 57.0952 56.9936 55.8492 56.9936 54.1162C56.9946 52.2471 55.6878 51.6994 52.6784 51.5172Z",
+        className: "fill-[#1F0038]"
+    }), React.createElement("path", {
+        d: "M57.9548 49.7539C57.6784 49.7539 57.4491 49.6744 57.2669 49.5162C57.0847 49.3581 56.9946 49.1267 56.9946 48.8241V48.7791C56.9946 48.6827 57.0051 48.5916 57.0271 48.5068C57.0491 48.422 57.0794 48.3445 57.1192 48.2744C57.203 48.1309 57.3161 48.0199 57.4596 47.9414C57.603 47.8628 57.7643 47.8241 57.9444 47.8241C58.0344 47.8241 58.1192 47.8335 58.1999 47.8513C58.2794 47.8691 58.3569 47.8974 58.4302 47.934C58.5737 48.0105 58.6889 48.1194 58.7747 48.2618C58.8616 48.4032 58.9046 48.5738 58.9046 48.7738V48.8241C58.9046 48.9236 58.8941 49.0168 58.8721 49.1016C58.8501 49.1864 58.8177 49.2628 58.7747 49.3288C58.691 49.4691 58.5779 49.5749 58.4344 49.6461C58.291 49.7183 58.1318 49.7539 57.9548 49.7539ZM57.9548 49.5948C58.181 49.5948 58.3674 49.5278 58.5119 49.3948C58.6564 49.2618 58.7297 49.0681 58.7297 48.8147V48.7843C58.7297 48.5309 58.6554 48.3351 58.5077 48.1969C58.359 48.0587 58.1716 47.9895 57.9454 47.9895C57.7224 47.9895 57.537 48.0607 57.3904 48.2042C57.2438 48.3477 57.1705 48.5424 57.1705 48.7895V48.8147C57.1705 49.0649 57.2438 49.2576 57.3904 49.3927C57.536 49.5267 57.7245 49.5948 57.9548 49.5948ZM57.9643 48.9047H57.759V49.2702H57.5894V48.2848H57.9842C58.1213 48.2848 58.2187 48.311 58.2763 48.3644C58.3349 48.4178 58.3643 48.488 58.3643 48.5749C58.3643 48.645 58.3475 48.7005 58.314 48.7424C58.2805 48.7843 58.2302 48.8136 58.1643 48.8304C58.2271 48.844 58.2721 48.8691 58.2993 48.9058C58.3266 48.9424 58.3391 48.999 58.3391 49.0754V49.2199C58.3391 49.2304 58.3412 49.2388 58.3444 49.2471C58.3475 49.2555 58.3506 49.2628 58.3548 49.2691H58.18C58.1768 49.266 58.1737 49.2597 58.1726 49.2513C58.1705 49.2429 58.1705 49.2325 58.1705 49.2189V49.0744C58.1705 49.0105 58.159 48.9665 58.136 48.9414C58.1109 48.9162 58.0543 48.9047 57.9643 48.9047ZM57.9643 48.7592C58.0512 48.7623 58.1119 48.7487 58.1465 48.7162C58.181 48.6848 58.1988 48.6388 58.1988 48.5791C58.1988 48.5288 58.18 48.4911 58.1433 48.467C58.1067 48.4419 58.0501 48.4293 57.9737 48.4293H57.759V48.7592H57.9643Z",
+        className: "fill-[#1F0038]"
+    })), React.createElement("defs", null, React.createElement("linearGradient", {
+        id: "paint0_linear_94_2190",
+        x1: "28.6819",
+        y1: "28.1823",
+        x2: "20.6009",
+        y2: "-13.3906",
+        gradientUnits: "userSpaceOnUse"
+    }, React.createElement("stop", {
+        offset: "0.1411",
+        "stop-color": "#E50056"
+    }), React.createElement("stop", {
+        offset: "0.75",
+        "stop-color": "#1F0038"
+    })), React.createElement("clipPath", {
+        id: "clip0_94_2190"
+    }, React.createElement("rect", {
+        width: "58.9529",
+        height: "60",
+        fill: "white"
+    }))));

package/dist/components/symbol/components/symbols/facebook-circular-symbol.d.ts

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

package/dist/components/symbol/components/symbols/facebook-circular-symbol.js

@@ -0,0 +1,17 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const FacebookCircularSymbol = ({ 'aria-label': ariaLabel = 'Facebook', 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("path", {
+        d: "M31.9994 15.9997C31.9994 7.16338 24.836 0 15.9997 0C7.16338 0 0 7.16338 0 15.9997C0 23.5029 5.16598 29.7991 12.1348 31.5283V20.8892H8.83566V15.9997H12.1348V13.8928C12.1348 8.44719 14.5994 5.92308 19.9458 5.92308C20.9596 5.92308 22.7087 6.12212 23.4242 6.32051V10.7524C23.0466 10.7127 22.3906 10.6929 21.5759 10.6929C18.9526 10.6929 17.9388 11.6868 17.9388 14.2704V15.9997H23.165L22.2671 20.8892H17.9388V31.8822C25.8612 30.9255 32 24.18 32 15.9997H31.9994Z",
+        fill: "#0866FF"
+    }), React.createElement("path", {
+        d: "M22.2664 20.8892L23.1643 15.9997H17.9381V14.2704C17.9381 11.6868 18.9519 10.6929 21.5752 10.6929C22.3899 10.6929 23.0459 10.7128 23.4235 10.7524V6.32053C22.708 6.12149 20.9589 5.9231 19.9451 5.9231C14.5987 5.9231 12.1341 8.4472 12.1341 13.8929V15.9997H8.83496V20.8892H12.1341V31.5283C13.3718 31.8355 14.6665 31.9994 15.999 31.9994C16.655 31.9994 17.302 31.9591 17.9375 31.8823V20.8892H22.2657H22.2664Z",
+        fill: "white"
+    }));

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

@@ -8,15 +8,13 @@ export const FacebookSymbol = ({ 'aria-label': ariaLabel = 'Facebook', copyright
         viewBoxWidth: viewBoxWidth,
         viewBoxHeight: viewBoxHeight,
         ...props
-    }, React.createElement("g", {
-        fillRule: "nonzero",
-        fill: "none"
-    }, React.createElement("rect", {
-        fill: "#3C619D",
-        width: "32",
-        height: "32",
-        rx: "2"
+    }, 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",
+        className: "fill-[#0866FF]"
     }), React.createElement("path", {
-        d: "M22.1 32V19.6h4.2l.6-4.8h-4.8v-3.1c0-1.4.4-2.4 2.4-2.4H27V5c-1.227-.158-2.463-.225-3.7-.2-3.7 0-6.2 2.3-6.2 6.4v3.6h-4.2v4.8h4.2V32h5z",
-        fill: "#FFF"
-    })));
+        d: "M27.9995 15.9998C27.9995 9.37253 22.627 4 15.9998 4C9.37253 4 4 9.37253 4 15.9998C4 21.6272 7.87448 26.3493 13.1011 27.6462V19.6669H10.6267V15.9998H13.1011V14.4196C13.1011 10.3354 14.9495 8.44231 18.9594 8.44231C19.7197 8.44231 21.0315 8.59159 21.5681 8.74039V12.0643C21.2849 12.0346 20.7929 12.0197 20.1819 12.0197C18.2144 12.0197 17.4541 12.7651 17.4541 14.7028V15.9998H21.3737L20.7003 19.6669H17.4541V27.9117C23.3959 27.1941 28 22.135 28 15.9998H27.9995Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M20.7 19.667L21.3735 15.9998H17.4538V14.7029C17.4538 12.7652 18.2142 12.0198 20.1816 12.0198C20.7927 12.0198 21.2847 12.0346 21.5678 12.0644V8.74046C21.0312 8.59118 19.7194 8.44238 18.9591 8.44238C14.9493 8.44238 13.1008 10.3355 13.1008 14.4197V15.9998H10.6265V19.667H13.1008V27.6463C14.0291 27.8767 15.0001 27.9996 15.9995 27.9996C16.4915 27.9996 16.9767 27.9694 17.4534 27.9118V19.667H20.6995H20.7Z",
+        className: "fill-[#0866FF]"
+    }));

package/dist/components/symbol/components/symbols/google-pay-inverse-symbol.d.ts

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

package/dist/components/symbol/components/symbols/google-pay-inverse-symbol.js

@@ -0,0 +1,38 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const GooglePayInverseSymbol = ({ 'aria-label': ariaLabel = 'Google Pay', copyrightYear = '', viewBoxWidth = 113, viewBoxHeight = 60, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('h-[60px] w-[113px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("path", {
+        d: "M82.8 0H30C13.5 0 0 13.5 0 30C0 46.5 13.5 60 30 60H82.8C99.3 60 112.8 46.5 112.8 30C112.8 13.5 99.3 0 82.8 0Z",
+        fill: "#1F1F1F"
+    }), React.createElement("path", {
+        d: "M82.8 2.43C86.505 2.43 90.105 3.165 93.495 4.605C96.78 6 99.72 7.995 102.27 10.53C104.805 13.065 106.8 16.02 108.195 19.305C109.635 22.695 110.37 26.295 110.37 30C110.37 33.705 109.635 37.305 108.195 40.695C106.8 43.98 104.805 46.92 102.27 49.47C99.735 52.005 96.78 54 93.495 55.395C90.105 56.835 86.505 57.57 82.8 57.57H30C26.295 57.57 22.695 56.835 19.305 55.395C16.02 54 13.08 52.005 10.53 49.47C7.995 46.935 6 43.98 4.605 40.695C3.165 37.305 2.43 33.705 2.43 30C2.43 26.295 3.165 22.695 4.605 19.305C6 16.02 7.995 13.08 10.53 10.53C13.065 7.995 16.02 6 19.305 4.605C22.695 3.165 26.295 2.43 30 2.43H82.8ZM82.8 0H30C13.5 0 0 13.5 0 30C0 46.5 13.5 60 30 60H82.8C99.3 60 112.8 46.5 112.8 30C112.8 13.5 99.3 0 82.8 0Z",
+        fill: "#757575"
+    }), React.createElement("path", {
+        d: "M53.7897 32.1299V41.2049H50.9097V18.7949H58.5447C60.4797 18.7949 62.1297 19.4399 63.4797 20.7299C64.8597 22.0199 65.5497 23.5949 65.5497 25.4549C65.5497 27.3599 64.8597 28.9349 63.4797 30.2099C62.1447 31.4849 60.4947 32.1149 58.5447 32.1149H53.7897V32.1299ZM53.7897 21.5549V29.3699H58.6047C59.7447 29.3699 60.7047 28.9799 61.4547 28.2149C62.2197 27.4499 62.6097 26.5199 62.6097 25.4699C62.6097 24.4349 62.2197 23.5199 61.4547 22.7549C60.7047 21.9599 59.7597 21.5699 58.6047 21.5699H53.7897V21.5549Z",
+        fill: "white"
+    }), React.createElement("path", {
+        d: "M73.0797 25.365C75.2097 25.365 76.8896 25.935 78.1196 27.075C79.3496 28.215 79.9646 29.775 79.9646 31.755V41.205H77.2196V39.075H77.0997C75.9147 40.83 74.3246 41.7 72.3446 41.7C70.6497 41.7 69.2397 41.205 68.0997 40.2C66.9597 39.195 66.3896 37.95 66.3896 36.45C66.3896 34.86 66.9896 33.6 68.1896 32.67C69.3896 31.725 70.9946 31.26 72.9896 31.26C74.6996 31.26 76.1097 31.575 77.2047 32.205V31.545C77.2047 30.54 76.8146 29.7 76.0196 28.995C75.2246 28.29 74.2947 27.945 73.2297 27.945C71.6247 27.945 70.3496 28.62 69.4197 29.985L66.8846 28.395C68.2796 26.37 70.3497 25.365 73.0797 25.365ZM69.3596 36.495C69.3596 37.245 69.6746 37.875 70.3196 38.37C70.9496 38.865 71.6997 39.12 72.5547 39.12C73.7697 39.12 74.8496 38.67 75.7947 37.77C76.7396 36.87 77.2196 35.82 77.2196 34.605C76.3196 33.9 75.0746 33.54 73.4696 33.54C72.2996 33.54 71.3246 33.825 70.5447 34.38C69.7497 34.965 69.3596 35.67 69.3596 36.495Z",
+        fill: "white"
+    }), React.createElement("path", {
+        d: "M95.6249 25.8601L86.0249 47.9401H83.0549L86.6249 40.2151L80.2949 25.8601H83.4299L87.9899 36.8701H88.0499L92.4899 25.8601H95.6249Z",
+        fill: "white"
+    }), React.createElement("path", {
+        d: "M42.3345 30.2999C42.3345 29.3609 42.2505 28.4624 42.0945 27.5984H30.0225V32.5484L36.975 32.5499C36.693 34.1969 35.7855 35.6009 34.395 36.5369V39.7484H38.5335C40.95 37.5119 42.3345 34.2059 42.3345 30.2999Z",
+        fill: "#4285F4"
+    }), React.createElement("path", {
+        d: "M34.3965 36.5369C33.2445 37.3139 31.761 37.7684 30.0255 37.7684C26.673 37.7684 23.829 35.5094 22.8105 32.4644H18.5415V35.7764C20.6565 39.9734 25.0035 42.8534 30.0255 42.8534C33.4965 42.8534 36.4125 41.7119 38.535 39.7469L34.3965 36.5369Z",
+        fill: "#34A853"
+    }), React.createElement("path", {
+        d: "M22.4083 30.0076C22.4083 29.1526 22.5508 28.3261 22.8103 27.5491V24.2371H18.5413C17.6668 25.9726 17.1748 27.9316 17.1748 30.0076C17.1748 32.0836 17.6683 34.0426 18.5413 35.7781L22.8103 32.4661C22.5508 31.6891 22.4083 30.8626 22.4083 30.0076Z",
+        fill: "#FABB05"
+    }), React.createElement("path", {
+        d: "M30.0255 22.2452C31.92 22.2452 33.6165 22.8977 34.956 24.1727L38.6235 20.5082C36.396 18.4337 33.492 17.1602 30.0255 17.1602C25.005 17.1602 20.6565 20.0402 18.5415 24.2372L22.8105 27.5492C23.829 24.5042 26.673 22.2452 30.0255 22.2452Z",
+        fill: "#E94235"
+    }));

package/dist/components/symbol/components/symbols/google-pay-symbol.d.ts

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

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

@@ -0,0 +1,38 @@
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const GooglePaySymbol = ({ 'aria-label': ariaLabel = 'Google Pay', copyrightYear = '', viewBoxWidth = 113, viewBoxHeight = 60, className, ...props })=>React.createElement(Symbol, {
+        className: clsx('h-[60px] w-[113px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        ...props
+    }, React.createElement("path", {
+        d: "M82.8 0H30C13.5 0 0 13.5 0 30C0 46.5 13.5 60 30 60H82.8C99.3 60 112.8 46.5 112.8 30C112.8 13.5 99.3 0 82.8 0Z",
+        className: "fill-white"
+    }), React.createElement("path", {
+        d: "M82.8 2.43C86.505 2.43 90.105 3.165 93.495 4.605C96.78 6 99.72 7.995 102.27 10.53C104.805 13.065 106.8 16.02 108.195 19.305C109.635 22.695 110.37 26.295 110.37 30C110.37 33.705 109.635 37.305 108.195 40.695C106.8 43.98 104.805 46.92 102.27 49.47C99.735 52.005 96.78 54 93.495 55.395C90.105 56.835 86.505 57.57 82.8 57.57H30C26.295 57.57 22.695 56.835 19.305 55.395C16.02 54 13.08 52.005 10.53 49.47C7.995 46.935 6 43.98 4.605 40.695C3.165 37.305 2.43 33.705 2.43 30C2.43 26.295 3.165 22.695 4.605 19.305C6 16.02 7.995 13.08 10.53 10.53C13.065 7.995 16.02 6 19.305 4.605C22.695 3.165 26.295 2.43 30 2.43H82.8ZM82.8 0H30C13.5 0 0 13.5 0 30C0 46.5 13.5 60 30 60H82.8C99.3 60 112.8 46.5 112.8 30C112.8 13.5 99.3 0 82.8 0Z",
+        className: "fill-[#3C4043]"
+    }), React.createElement("path", {
+        d: "M53.7897 32.1299V41.2049H50.9097V18.7949H58.5447C60.4797 18.7949 62.1297 19.4399 63.4797 20.7299C64.8597 22.0199 65.5497 23.5949 65.5497 25.4549C65.5497 27.3599 64.8597 28.9349 63.4797 30.2099C62.1447 31.4849 60.4947 32.1149 58.5447 32.1149H53.7897V32.1299ZM53.7897 21.5549V29.3699H58.6047C59.7447 29.3699 60.7047 28.9799 61.4547 28.2149C62.2197 27.4499 62.6097 26.5199 62.6097 25.4699C62.6097 24.4349 62.2197 23.5199 61.4547 22.7549C60.7047 21.9599 59.7597 21.5699 58.6047 21.5699H53.7897V21.5549Z",
+        className: "fill-[#3C4043]"
+    }), React.createElement("path", {
+        d: "M73.0797 25.365C75.2097 25.365 76.8896 25.935 78.1196 27.075C79.3496 28.215 79.9646 29.775 79.9646 31.755V41.205H77.2196V39.075H77.0997C75.9147 40.83 74.3246 41.7 72.3446 41.7C70.6497 41.7 69.2397 41.205 68.0997 40.2C66.9597 39.195 66.3896 37.95 66.3896 36.45C66.3896 34.86 66.9896 33.6 68.1896 32.67C69.3896 31.725 70.9946 31.26 72.9896 31.26C74.6996 31.26 76.1097 31.575 77.2047 32.205V31.545C77.2047 30.54 76.8146 29.7 76.0196 28.995C75.2246 28.29 74.2947 27.945 73.2297 27.945C71.6247 27.945 70.3496 28.62 69.4197 29.985L66.8846 28.395C68.2796 26.37 70.3497 25.365 73.0797 25.365ZM69.3596 36.495C69.3596 37.245 69.6746 37.875 70.3196 38.37C70.9496 38.865 71.6997 39.12 72.5547 39.12C73.7697 39.12 74.8496 38.67 75.7947 37.77C76.7396 36.87 77.2196 35.82 77.2196 34.605C76.3196 33.9 75.0746 33.54 73.4696 33.54C72.2996 33.54 71.3246 33.825 70.5447 34.38C69.7497 34.965 69.3596 35.67 69.3596 36.495Z",
+        className: "fill-[#3C4043]"
+    }), React.createElement("path", {
+        d: "M95.6249 25.8601L86.0249 47.9401H83.0549L86.6249 40.2151L80.2949 25.8601H83.4299L87.9899 36.8701H88.0499L92.4899 25.8601H95.6249Z",
+        className: "fill-[#3C4043]"
+    }), React.createElement("path", {
+        d: "M42.3345 30.2999C42.3345 29.3609 42.2505 28.4624 42.0945 27.5984H30.0225V32.5484L36.975 32.5499C36.693 34.1969 35.7855 35.6009 34.395 36.5369V39.7484H38.5335C40.95 37.5119 42.3345 34.2059 42.3345 30.2999Z",
+        fill: "#4285F4"
+    }), React.createElement("path", {
+        d: "M34.3965 36.5369C33.2445 37.3139 31.761 37.7684 30.0255 37.7684C26.673 37.7684 23.829 35.5094 22.8105 32.4644H18.5415V35.7764C20.6565 39.9734 25.0035 42.8534 30.0255 42.8534C33.4965 42.8534 36.4125 41.7119 38.535 39.7469L34.3965 36.5369Z",
+        fill: "#34A853"
+    }), React.createElement("path", {
+        d: "M22.4083 30.0076C22.4083 29.1526 22.5508 28.3261 22.8103 27.5491V24.2371H18.5413C17.6668 25.9726 17.1748 27.9316 17.1748 30.0076C17.1748 32.0836 17.6683 34.0426 18.5413 35.7781L22.8103 32.4661C22.5508 31.6891 22.4083 30.8626 22.4083 30.0076Z",
+        fill: "#FABB05"
+    }), React.createElement("path", {
+        d: "M30.0255 22.2452C31.92 22.2452 33.6165 22.8977 34.956 24.1727L38.6235 20.5082C36.396 18.4337 33.492 17.1602 30.0255 17.1602C25.005 17.1602 20.6565 20.0402 18.5415 24.2372L22.8105 27.5492C23.829 24.5042 26.673 22.2452 30.0255 22.2452Z",
+        fill: "#E94235"
+    }));