@jamesodwyer/gds-figma-vite 1.0.0

package/dist/index30.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index30.cjs","sources":["../src/components/SelectInput/index.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport InputField from \"../InputField\";\nimport ChevronIcon from \"../../icons/dist/ChevronIcon\";\nimport { _iconSize_, _spacing_, spacing } from \"../../dimensions\";\n\ntype Props = {\n  className?: string;\n  id: string;\n  isPillVariant?: boolean;\n  autoComplete?: string;\n  label?: React.ReactNode;\n  onChange?: React.ChangeEventHandler<HTMLSelectElement>;\n  value?: string | number;\n  disabled?: boolean;\n  required?: boolean;\n  startIcon?: React.ReactNode;\n  children: React.ReactNode;\n  /** Visually hidden prefix announced to screen readers before the error message (e.g., \"Error: \"). */\n  screenReaderErrorPrefix: string;\n  errorMessage?: string;\n} & React.ComponentPropsWithoutRef<\"select\">;\n\nconst SelectInput = React.forwardRef<HTMLSelectElement, Props>(\n  function SelectInput(\n    {\n      autoComplete,\n      className,\n      id,\n      isPillVariant,\n      label,\n      onChange,\n      value,\n      disabled = false,\n      required = false,\n      children,\n      startIcon,\n      screenReaderErrorPrefix,\n      errorMessage,\n      ...rest\n    },\n    ref,\n  ) {\n    const iconSpacing = `${_iconSize_.total + _spacing_.lounge}px`;\n\n    return (\n      <InputField id={id} className={className}>\n        {label && (\n          <InputField.Label disabled={disabled}>{label}</InputField.Label>\n        )}\n        <InputField.Row marginTop={label ? \"lounge\" : undefined}>\n          {startIcon && (\n            <InputField.StartIcon>{startIcon}</InputField.StartIcon>\n          )}\n          <Select\n            {...rest}\n            isErrored={!!errorMessage}\n            isPillVariant={isPillVariant}\n            autoComplete={autoComplete}\n            onChange={onChange}\n            value={value}\n            disabled={disabled}\n            required={required}\n            ref={ref}\n            iconSpacing={startIcon ? iconSpacing : undefined}\n          >\n            {children}\n          </Select>\n          <EndIcon>\n            <ChevronIcon />\n          </EndIcon>\n        </InputField.Row>\n        <InputField.Validation\n          screenReaderErrorPrefix={screenReaderErrorPrefix}\n        >\n          {errorMessage}\n        </InputField.Validation>\n      </InputField>\n    );\n  },\n);\n\nconst Select = styled(InputField.Select)<{\n  iconSpacing?: string;\n}>`\n  ${({ iconSpacing }) => iconSpacing && `padding-inline-start: ${iconSpacing}`}\n`;\n\nconst EndIcon = styled(InputField.EndIcon)`\n  margin-inline-end: ${spacing.hall};\n`;\n\nexport default SelectInput;\n"],"names":["autoComplete","className","id","isPillVariant","label","onChange","value","children","startIcon","screenReaderErrorPrefix","errorMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AAEI;AACEA;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACW;AACA;AACXC;AACAC;AACAC;AACAC;AAEF;AAGA;AAEA;AAEKN;AAC8C;AAG5CI;AACkC;AAenC;AAGA;AACF;AAKA;AAGN;AAGF;AAAwC;AAAA;AAAA;AAGnC;AAAc;AAGnB;AAA0C;AAAA;AAAA;;"}

package/dist/index30.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styled from "styled-components";
+import InputField from "./index20.js";
+import ChevronIcon from "./index168.js";
+import { _iconSize_ } from "./index521.js";
+import { _spacing_, spacing } from "./index522.js";
+const SelectInput = React.forwardRef(function SelectInput2({
+  autoComplete,
+  className,
+  id,
+  isPillVariant,
+  label,
+  onChange,
+  value,
+  disabled = false,
+  required = false,
+  children,
+  startIcon,
+  screenReaderErrorPrefix,
+  errorMessage,
+  ...rest
+}, ref) {
+  const iconSpacing = `${_iconSize_.total + _spacing_.lounge}px`;
+  return /* @__PURE__ */ jsxs(InputField, { id, className, children: [
+    label && /* @__PURE__ */ jsx(InputField.Label, { disabled, children: label }),
+    /* @__PURE__ */ jsxs(InputField.Row, { marginTop: label ? "lounge" : void 0, children: [
+      startIcon && /* @__PURE__ */ jsx(InputField.StartIcon, { children: startIcon }),
+      /* @__PURE__ */ jsx(Select, { ...rest, isErrored: !!errorMessage, isPillVariant, autoComplete, onChange, value, disabled, required, ref, iconSpacing: startIcon ? iconSpacing : void 0, children }),
+      /* @__PURE__ */ jsx(EndIcon, { children: /* @__PURE__ */ jsx(ChevronIcon, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(InputField.Validation, { screenReaderErrorPrefix, children: errorMessage })
+  ] });
+});
+const Select = styled(InputField.Select).withConfig({
+  displayName: "SelectInput__Select",
+  componentId: "sc-1i7oxh7-0"
+})(["", ""], ({
+  iconSpacing
+}) => iconSpacing && `padding-inline-start: ${iconSpacing}`);
+const EndIcon = styled(InputField.EndIcon).withConfig({
+  displayName: "SelectInput__EndIcon",
+  componentId: "sc-1i7oxh7-1"
+})(["margin-inline-end:", ";"], spacing.hall);
+export {
+  SelectInput as default
+};
+//# sourceMappingURL=index30.js.map

package/dist/index30.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index30.js","sources":["../src/components/SelectInput/index.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport InputField from \"../InputField\";\nimport ChevronIcon from \"../../icons/dist/ChevronIcon\";\nimport { _iconSize_, _spacing_, spacing } from \"../../dimensions\";\n\ntype Props = {\n  className?: string;\n  id: string;\n  isPillVariant?: boolean;\n  autoComplete?: string;\n  label?: React.ReactNode;\n  onChange?: React.ChangeEventHandler<HTMLSelectElement>;\n  value?: string | number;\n  disabled?: boolean;\n  required?: boolean;\n  startIcon?: React.ReactNode;\n  children: React.ReactNode;\n  /** Visually hidden prefix announced to screen readers before the error message (e.g., \"Error: \"). */\n  screenReaderErrorPrefix: string;\n  errorMessage?: string;\n} & React.ComponentPropsWithoutRef<\"select\">;\n\nconst SelectInput = React.forwardRef<HTMLSelectElement, Props>(\n  function SelectInput(\n    {\n      autoComplete,\n      className,\n      id,\n      isPillVariant,\n      label,\n      onChange,\n      value,\n      disabled = false,\n      required = false,\n      children,\n      startIcon,\n      screenReaderErrorPrefix,\n      errorMessage,\n      ...rest\n    },\n    ref,\n  ) {\n    const iconSpacing = `${_iconSize_.total + _spacing_.lounge}px`;\n\n    return (\n      <InputField id={id} className={className}>\n        {label && (\n          <InputField.Label disabled={disabled}>{label}</InputField.Label>\n        )}\n        <InputField.Row marginTop={label ? \"lounge\" : undefined}>\n          {startIcon && (\n            <InputField.StartIcon>{startIcon}</InputField.StartIcon>\n          )}\n          <Select\n            {...rest}\n            isErrored={!!errorMessage}\n            isPillVariant={isPillVariant}\n            autoComplete={autoComplete}\n            onChange={onChange}\n            value={value}\n            disabled={disabled}\n            required={required}\n            ref={ref}\n            iconSpacing={startIcon ? iconSpacing : undefined}\n          >\n            {children}\n          </Select>\n          <EndIcon>\n            <ChevronIcon />\n          </EndIcon>\n        </InputField.Row>\n        <InputField.Validation\n          screenReaderErrorPrefix={screenReaderErrorPrefix}\n        >\n          {errorMessage}\n        </InputField.Validation>\n      </InputField>\n    );\n  },\n);\n\nconst Select = styled(InputField.Select)<{\n  iconSpacing?: string;\n}>`\n  ${({ iconSpacing }) => iconSpacing && `padding-inline-start: ${iconSpacing}`}\n`;\n\nconst EndIcon = styled(InputField.EndIcon)`\n  margin-inline-end: ${spacing.hall};\n`;\n\nexport default SelectInput;\n"],"names":["autoComplete","className","id","isPillVariant","label","onChange","value","children","startIcon","screenReaderErrorPrefix","errorMessage"],"mappings":";;;;;;;;AAwBA;AAEI;AACEA;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACW;AACA;AACXC;AACAC;AACAC;AACAC;AAEF;AAGA;AAEA;AAEKN;AAC8C;AAG5CI;AACkC;AAenC;AAGA;AACF;AAKA;AAGN;AAGF;AAAwC;AAAA;AAAA;AAGnC;AAAc;AAGnB;AAA0C;AAAA;AAAA;;;;"}

package/dist/index300.cjs

@@ -0,0 +1,57 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 44 32", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 43, height: 31, x: 0.5, y: 0.5, fill: "#fff", stroke: "#999", rx: 1.5 }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#a)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#b)", d: "M28.078 17.935h1.732c.05 0 .167-.016.215-.016a.77.77 0 0 0 .61-.778.8.8 0 0 0-.61-.777 1 1 0 0 0-.215-.016h-1.732z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#c)", d: "M29.612 7a3 3 0 0 0-3.002 3.002v3.118h4.24q.149-.005.296.016c.957.05 1.666.544 1.666 1.402 0 .677-.478 1.254-1.37 1.37v.032c.974.066 1.716.61 1.716 1.452 0 .907-.824 1.498-1.913 1.498h-4.652v6.106h4.405a3.003 3.003 0 0 0 3.001-3.002V7z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#d)", d: "M30.42 14.736a.7.7 0 0 0-.61-.71c-.032 0-.115-.016-.166-.016h-1.566v1.452h1.567c.05 0 .149 0 .167-.016a.703.703 0 0 0 .609-.71" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#e)", d: "M13.019 7a3 3 0 0 0-3.002 3.002v7.406c.84.413 1.715.676 2.59.676 1.038 0 1.6-.626 1.6-1.484v-3.494h2.572v3.48c0 1.353-.84 2.458-3.694 2.458-1.04 0-2.076-.129-3.085-.382v6.318h4.404a3 3 0 0 0 3.002-3.003V7z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#f)", d: "M21.315 7a3 3 0 0 0-3.001 3.002v3.926c.758-.643 2.078-1.055 4.206-.957 1.138.05 2.358.363 2.358.363v1.27c-.61-.312-1.336-.593-2.275-.66-1.617-.115-2.59.677-2.59 2.063 0 1.402.973 2.193 2.59 2.061.94-.065 1.665-.362 2.275-.66v1.27s-1.204.314-2.358.364c-2.128.099-3.448-.314-4.206-.957v6.927h4.404a3 3 0 0 0 3.001-3.001V7z" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "b", x1: 26.615, x2: 34.029, y1: 17.133, y2: 17.133, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#007940" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.23, stopColor: "#00873F" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.74, stopColor: "#40A737" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#5CB531" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "c", x1: 26.613, x2: 34.023, y1: 15.986, y2: 15.986, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#007940" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.23, stopColor: "#00873F" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.74, stopColor: "#40A737" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#5CB531" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "d", x1: 26.613, x2: 34.029, y1: 14.724, y2: 14.724, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#007940" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.23, stopColor: "#00873F" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.74, stopColor: "#40A737" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#5CB531" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "e", x1: 10.014, x2: 17.543, y1: 15.978, y2: 15.978, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#1F286F" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.48, stopColor: "#004E94" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.83, stopColor: "#0066B1" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#006FBC" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "f", x1: 18.274, x2: 25.587, y1: 15.994, y2: 15.994, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#6C2C2F" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.17, stopColor: "#882730" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.57, stopColor: "#BE1833" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.86, stopColor: "#DC0436" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#E60039" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M10 7h24v18.012H10z" }) })
+    ] })
+  ] });
+};
+const JcbIcon = styled(SVG).withConfig({
+  displayName: "JcbIcon",
+  componentId: "sc-2ndzqy-0"
+})(["flex-shrink:0;"]);
+exports.default = JcbIcon;
+//# sourceMappingURL=index300.cjs.map

package/dist/index300.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index300.cjs","sources":["../src/icons-with-colours/dist/JcbIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 44 32\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <rect\n        width={43}\n        height={31}\n        x={0.5}\n        y={0.5}\n        fill=\"#fff\"\n        stroke=\"#999\"\n        rx={1.5}\n      />\n      <g clipPath=\"url(#a)\">\n        <path\n          fill=\"url(#b)\"\n          d=\"M28.078 17.935h1.732c.05 0 .167-.016.215-.016a.77.77 0 0 0 .61-.778.8.8 0 0 0-.61-.777 1 1 0 0 0-.215-.016h-1.732z\"\n        />\n        <path\n          fill=\"url(#c)\"\n          d=\"M29.612 7a3 3 0 0 0-3.002 3.002v3.118h4.24q.149-.005.296.016c.957.05 1.666.544 1.666 1.402 0 .677-.478 1.254-1.37 1.37v.032c.974.066 1.716.61 1.716 1.452 0 .907-.824 1.498-1.913 1.498h-4.652v6.106h4.405a3.003 3.003 0 0 0 3.001-3.002V7z\"\n        />\n        <path\n          fill=\"url(#d)\"\n          d=\"M30.42 14.736a.7.7 0 0 0-.61-.71c-.032 0-.115-.016-.166-.016h-1.566v1.452h1.567c.05 0 .149 0 .167-.016a.703.703 0 0 0 .609-.71\"\n        />\n        <path\n          fill=\"url(#e)\"\n          d=\"M13.019 7a3 3 0 0 0-3.002 3.002v7.406c.84.413 1.715.676 2.59.676 1.038 0 1.6-.626 1.6-1.484v-3.494h2.572v3.48c0 1.353-.84 2.458-3.694 2.458-1.04 0-2.076-.129-3.085-.382v6.318h4.404a3 3 0 0 0 3.002-3.003V7z\"\n        />\n        <path\n          fill=\"url(#f)\"\n          d=\"M21.315 7a3 3 0 0 0-3.001 3.002v3.926c.758-.643 2.078-1.055 4.206-.957 1.138.05 2.358.363 2.358.363v1.27c-.61-.312-1.336-.593-2.275-.66-1.617-.115-2.59.677-2.59 2.063 0 1.402.973 2.193 2.59 2.061.94-.065 1.665-.362 2.275-.66v1.27s-1.204.314-2.358.364c-2.128.099-3.448-.314-4.206-.957v6.927h4.404a3 3 0 0 0 3.001-3.001V7z\"\n        />\n      </g>\n      <defs>\n        <linearGradient\n          id=\"b\"\n          x1={26.615}\n          x2={34.029}\n          y1={17.133}\n          y2={17.133}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#007940\" />\n          <stop offset={0.23} stopColor=\"#00873F\" />\n          <stop offset={0.74} stopColor=\"#40A737\" />\n          <stop offset={1} stopColor=\"#5CB531\" />\n        </linearGradient>\n        <linearGradient\n          id=\"c\"\n          x1={26.613}\n          x2={34.023}\n          y1={15.986}\n          y2={15.986}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#007940\" />\n          <stop offset={0.23} stopColor=\"#00873F\" />\n          <stop offset={0.74} stopColor=\"#40A737\" />\n          <stop offset={1} stopColor=\"#5CB531\" />\n        </linearGradient>\n        <linearGradient\n          id=\"d\"\n          x1={26.613}\n          x2={34.029}\n          y1={14.724}\n          y2={14.724}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#007940\" />\n          <stop offset={0.23} stopColor=\"#00873F\" />\n          <stop offset={0.74} stopColor=\"#40A737\" />\n          <stop offset={1} stopColor=\"#5CB531\" />\n        </linearGradient>\n        <linearGradient\n          id=\"e\"\n          x1={10.014}\n          x2={17.543}\n          y1={15.978}\n          y2={15.978}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#1F286F\" />\n          <stop offset={0.48} stopColor=\"#004E94\" />\n          <stop offset={0.83} stopColor=\"#0066B1\" />\n          <stop offset={1} stopColor=\"#006FBC\" />\n        </linearGradient>\n        <linearGradient\n          id=\"f\"\n          x1={18.274}\n          x2={25.587}\n          y1={15.994}\n          y2={15.994}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#6C2C2F\" />\n          <stop offset={0.17} stopColor=\"#882730\" />\n          <stop offset={0.57} stopColor=\"#BE1833\" />\n          <stop offset={0.86} stopColor=\"#DC0436\" />\n          <stop offset={1} stopColor=\"#E60039\" />\n        </linearGradient>\n        <clipPath id=\"a\">\n          <path fill=\"#fff\" d=\"M10 7h24v18.012H10z\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\nconst JcbIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default JcbIcon;\n"],"names":[],"mappings":";;;;;AAUA;AACE;AAUI;AAOU;AAGR;AAEwH;AAIyH;AAI7G;AAI+E;AAImH;AAExU;AAEE;AAQE;AAAyB;AACc;AACA;AACH;AACtC;AASE;AAAyB;AACc;AACA;AACH;AACtC;AASE;AAAyB;AACc;AACA;AACH;AACtC;AASE;AAAyB;AACc;AACA;AACH;AACtC;AASE;AAAyB;AACc;AACA;AACA;AACH;AACtC;AAGA;AACF;AAGN;AACA;AAA2B;AAAA;AAAA;;"}

package/dist/index300.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 44 32", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("rect", { width: 43, height: 31, x: 0.5, y: 0.5, fill: "#fff", stroke: "#999", rx: 1.5 }),
+    /* @__PURE__ */ jsxs("g", { clipPath: "url(#a)", children: [
+      /* @__PURE__ */ jsx("path", { fill: "url(#b)", d: "M28.078 17.935h1.732c.05 0 .167-.016.215-.016a.77.77 0 0 0 .61-.778.8.8 0 0 0-.61-.777 1 1 0 0 0-.215-.016h-1.732z" }),
+      /* @__PURE__ */ jsx("path", { fill: "url(#c)", d: "M29.612 7a3 3 0 0 0-3.002 3.002v3.118h4.24q.149-.005.296.016c.957.05 1.666.544 1.666 1.402 0 .677-.478 1.254-1.37 1.37v.032c.974.066 1.716.61 1.716 1.452 0 .907-.824 1.498-1.913 1.498h-4.652v6.106h4.405a3.003 3.003 0 0 0 3.001-3.002V7z" }),
+      /* @__PURE__ */ jsx("path", { fill: "url(#d)", d: "M30.42 14.736a.7.7 0 0 0-.61-.71c-.032 0-.115-.016-.166-.016h-1.566v1.452h1.567c.05 0 .149 0 .167-.016a.703.703 0 0 0 .609-.71" }),
+      /* @__PURE__ */ jsx("path", { fill: "url(#e)", d: "M13.019 7a3 3 0 0 0-3.002 3.002v7.406c.84.413 1.715.676 2.59.676 1.038 0 1.6-.626 1.6-1.484v-3.494h2.572v3.48c0 1.353-.84 2.458-3.694 2.458-1.04 0-2.076-.129-3.085-.382v6.318h4.404a3 3 0 0 0 3.002-3.003V7z" }),
+      /* @__PURE__ */ jsx("path", { fill: "url(#f)", d: "M21.315 7a3 3 0 0 0-3.001 3.002v3.926c.758-.643 2.078-1.055 4.206-.957 1.138.05 2.358.363 2.358.363v1.27c-.61-.312-1.336-.593-2.275-.66-1.617-.115-2.59.677-2.59 2.063 0 1.402.973 2.193 2.59 2.061.94-.065 1.665-.362 2.275-.66v1.27s-1.204.314-2.358.364c-2.128.099-3.448-.314-4.206-.957v6.927h4.404a3 3 0 0 0 3.001-3.001V7z" })
+    ] }),
+    /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsxs("linearGradient", { id: "b", x1: 26.615, x2: 34.029, y1: 17.133, y2: 17.133, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx("stop", { stopColor: "#007940" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.23, stopColor: "#00873F" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.74, stopColor: "#40A737" }),
+        /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#5CB531" })
+      ] }),
+      /* @__PURE__ */ jsxs("linearGradient", { id: "c", x1: 26.613, x2: 34.023, y1: 15.986, y2: 15.986, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx("stop", { stopColor: "#007940" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.23, stopColor: "#00873F" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.74, stopColor: "#40A737" }),
+        /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#5CB531" })
+      ] }),
+      /* @__PURE__ */ jsxs("linearGradient", { id: "d", x1: 26.613, x2: 34.029, y1: 14.724, y2: 14.724, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx("stop", { stopColor: "#007940" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.23, stopColor: "#00873F" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.74, stopColor: "#40A737" }),
+        /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#5CB531" })
+      ] }),
+      /* @__PURE__ */ jsxs("linearGradient", { id: "e", x1: 10.014, x2: 17.543, y1: 15.978, y2: 15.978, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx("stop", { stopColor: "#1F286F" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.48, stopColor: "#004E94" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.83, stopColor: "#0066B1" }),
+        /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#006FBC" })
+      ] }),
+      /* @__PURE__ */ jsxs("linearGradient", { id: "f", x1: 18.274, x2: 25.587, y1: 15.994, y2: 15.994, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx("stop", { stopColor: "#6C2C2F" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.17, stopColor: "#882730" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.57, stopColor: "#BE1833" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.86, stopColor: "#DC0436" }),
+        /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#E60039" })
+      ] }),
+      /* @__PURE__ */ jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M10 7h24v18.012H10z" }) })
+    ] })
+  ] });
+};
+const JcbIcon = styled(SVG).withConfig({
+  displayName: "JcbIcon",
+  componentId: "sc-2ndzqy-0"
+})(["flex-shrink:0;"]);
+export {
+  JcbIcon as default
+};
+//# sourceMappingURL=index300.js.map

package/dist/index300.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index300.js","sources":["../src/icons-with-colours/dist/JcbIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 44 32\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <rect\n        width={43}\n        height={31}\n        x={0.5}\n        y={0.5}\n        fill=\"#fff\"\n        stroke=\"#999\"\n        rx={1.5}\n      />\n      <g clipPath=\"url(#a)\">\n        <path\n          fill=\"url(#b)\"\n          d=\"M28.078 17.935h1.732c.05 0 .167-.016.215-.016a.77.77 0 0 0 .61-.778.8.8 0 0 0-.61-.777 1 1 0 0 0-.215-.016h-1.732z\"\n        />\n        <path\n          fill=\"url(#c)\"\n          d=\"M29.612 7a3 3 0 0 0-3.002 3.002v3.118h4.24q.149-.005.296.016c.957.05 1.666.544 1.666 1.402 0 .677-.478 1.254-1.37 1.37v.032c.974.066 1.716.61 1.716 1.452 0 .907-.824 1.498-1.913 1.498h-4.652v6.106h4.405a3.003 3.003 0 0 0 3.001-3.002V7z\"\n        />\n        <path\n          fill=\"url(#d)\"\n          d=\"M30.42 14.736a.7.7 0 0 0-.61-.71c-.032 0-.115-.016-.166-.016h-1.566v1.452h1.567c.05 0 .149 0 .167-.016a.703.703 0 0 0 .609-.71\"\n        />\n        <path\n          fill=\"url(#e)\"\n          d=\"M13.019 7a3 3 0 0 0-3.002 3.002v7.406c.84.413 1.715.676 2.59.676 1.038 0 1.6-.626 1.6-1.484v-3.494h2.572v3.48c0 1.353-.84 2.458-3.694 2.458-1.04 0-2.076-.129-3.085-.382v6.318h4.404a3 3 0 0 0 3.002-3.003V7z\"\n        />\n        <path\n          fill=\"url(#f)\"\n          d=\"M21.315 7a3 3 0 0 0-3.001 3.002v3.926c.758-.643 2.078-1.055 4.206-.957 1.138.05 2.358.363 2.358.363v1.27c-.61-.312-1.336-.593-2.275-.66-1.617-.115-2.59.677-2.59 2.063 0 1.402.973 2.193 2.59 2.061.94-.065 1.665-.362 2.275-.66v1.27s-1.204.314-2.358.364c-2.128.099-3.448-.314-4.206-.957v6.927h4.404a3 3 0 0 0 3.001-3.001V7z\"\n        />\n      </g>\n      <defs>\n        <linearGradient\n          id=\"b\"\n          x1={26.615}\n          x2={34.029}\n          y1={17.133}\n          y2={17.133}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#007940\" />\n          <stop offset={0.23} stopColor=\"#00873F\" />\n          <stop offset={0.74} stopColor=\"#40A737\" />\n          <stop offset={1} stopColor=\"#5CB531\" />\n        </linearGradient>\n        <linearGradient\n          id=\"c\"\n          x1={26.613}\n          x2={34.023}\n          y1={15.986}\n          y2={15.986}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#007940\" />\n          <stop offset={0.23} stopColor=\"#00873F\" />\n          <stop offset={0.74} stopColor=\"#40A737\" />\n          <stop offset={1} stopColor=\"#5CB531\" />\n        </linearGradient>\n        <linearGradient\n          id=\"d\"\n          x1={26.613}\n          x2={34.029}\n          y1={14.724}\n          y2={14.724}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#007940\" />\n          <stop offset={0.23} stopColor=\"#00873F\" />\n          <stop offset={0.74} stopColor=\"#40A737\" />\n          <stop offset={1} stopColor=\"#5CB531\" />\n        </linearGradient>\n        <linearGradient\n          id=\"e\"\n          x1={10.014}\n          x2={17.543}\n          y1={15.978}\n          y2={15.978}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#1F286F\" />\n          <stop offset={0.48} stopColor=\"#004E94\" />\n          <stop offset={0.83} stopColor=\"#0066B1\" />\n          <stop offset={1} stopColor=\"#006FBC\" />\n        </linearGradient>\n        <linearGradient\n          id=\"f\"\n          x1={18.274}\n          x2={25.587}\n          y1={15.994}\n          y2={15.994}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#6C2C2F\" />\n          <stop offset={0.17} stopColor=\"#882730\" />\n          <stop offset={0.57} stopColor=\"#BE1833\" />\n          <stop offset={0.86} stopColor=\"#DC0436\" />\n          <stop offset={1} stopColor=\"#E60039\" />\n        </linearGradient>\n        <clipPath id=\"a\">\n          <path fill=\"#fff\" d=\"M10 7h24v18.012H10z\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\nconst JcbIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default JcbIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAUI;AAOU;AAGR;AAEwH;AAIyH;AAI7G;AAI+E;AAImH;AAExU;AAEE;AAQE;AAAyB;AACc;AACA;AACH;AACtC;AASE;AAAyB;AACc;AACA;AACH;AACtC;AASE;AAAyB;AACc;AACA;AACH;AACtC;AASE;AAAyB;AACc;AACA;AACH;AACtC;AASE;AAAyB;AACc;AACA;AACA;AACH;AACtC;AAGA;AACF;AAGN;AACA;AAA2B;AAAA;AAAA;;;;"}

package/dist/index301.cjs

@@ -0,0 +1,18 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 44 32", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 44, height: 32, fill: "#FFA8CD", rx: 2 }),
+    /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#a)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#16151B", d: "M35.849 18.53c-.79 0-1.407-.628-1.407-1.391s.616-1.391 1.407-1.391c.79 0 1.407.628 1.407 1.39 0 .764-.616 1.392-1.407 1.392M35.454 20c.674 0 1.534-.247 2.011-1.212l.047.023c-.21.527-.21.841-.21.92v.123H39v-5.43h-1.697v.123c0 .079 0 .393.209.92l-.047.022c-.477-.964-1.337-1.211-2.011-1.211-1.617 0-2.756 1.234-2.756 2.86 0 1.628 1.14 2.862 2.756 2.862m-5.71-5.722c-.767 0-1.372.258-1.86 1.211l-.047-.022c.21-.527.21-.841.21-.92v-.123h-1.698v5.43h1.744v-2.861c0-.752.454-1.223 1.186-1.223.733 0 1.093.404 1.093 1.212v2.872h1.744v-3.456c0-1.234-1-2.12-2.372-2.12m-5.918 1.211-.047-.022c.21-.527.21-.841.21-.92v-.123H22.29v5.43h1.744l.012-2.614c0-.763.418-1.223 1.104-1.223.186 0 .337.022.512.067v-1.66c-.768-.157-1.454.123-1.837 1.066m-5.547 3.041c-.79 0-1.407-.628-1.407-1.391s.616-1.391 1.407-1.391c.79 0 1.407.628 1.407 1.39 0 .764-.616 1.392-1.407 1.392M17.884 20c.674 0 1.535-.247 2.011-1.212l.047.023c-.21.527-.21.841-.21.92v.123h1.698v-5.43h-1.697v.123c0 .079 0 .393.209.92l-.047.022c-.476-.964-1.337-1.211-2.011-1.211-1.617 0-2.756 1.234-2.756 2.86 0 1.628 1.14 2.862 2.756 2.862m-5.186-.146h1.744V12h-1.744zM11.418 12H9.64c0 1.402-.896 2.66-2.256 3.557l-.535.359V12H5v7.854h1.849v-3.893l3.058 3.893h2.256L9.22 16.13c1.337-.931 2.21-2.379 2.198-4.129" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M5 12h34v8H5z" }) }) })
+  ] });
+};
+const KlarnaIcon = styled(SVG).withConfig({
+  displayName: "KlarnaIcon",
+  componentId: "sc-1ka10wq-0"
+})(["flex-shrink:0;"]);
+exports.default = KlarnaIcon;
+//# sourceMappingURL=index301.cjs.map

package/dist/index301.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index301.cjs","sources":["../src/icons-with-colours/dist/KlarnaIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 44 32\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <rect width={44} height={32} fill=\"#FFA8CD\" rx={2} />\n      <g clipPath=\"url(#a)\">\n        <path\n          fill=\"#16151B\"\n          d=\"M35.849 18.53c-.79 0-1.407-.628-1.407-1.391s.616-1.391 1.407-1.391c.79 0 1.407.628 1.407 1.39 0 .764-.616 1.392-1.407 1.392M35.454 20c.674 0 1.534-.247 2.011-1.212l.047.023c-.21.527-.21.841-.21.92v.123H39v-5.43h-1.697v.123c0 .079 0 .393.209.92l-.047.022c-.477-.964-1.337-1.211-2.011-1.211-1.617 0-2.756 1.234-2.756 2.86 0 1.628 1.14 2.862 2.756 2.862m-5.71-5.722c-.767 0-1.372.258-1.86 1.211l-.047-.022c.21-.527.21-.841.21-.92v-.123h-1.698v5.43h1.744v-2.861c0-.752.454-1.223 1.186-1.223.733 0 1.093.404 1.093 1.212v2.872h1.744v-3.456c0-1.234-1-2.12-2.372-2.12m-5.918 1.211-.047-.022c.21-.527.21-.841.21-.92v-.123H22.29v5.43h1.744l.012-2.614c0-.763.418-1.223 1.104-1.223.186 0 .337.022.512.067v-1.66c-.768-.157-1.454.123-1.837 1.066m-5.547 3.041c-.79 0-1.407-.628-1.407-1.391s.616-1.391 1.407-1.391c.79 0 1.407.628 1.407 1.39 0 .764-.616 1.392-1.407 1.392M17.884 20c.674 0 1.535-.247 2.011-1.212l.047.023c-.21.527-.21.841-.21.92v.123h1.698v-5.43h-1.697v.123c0 .079 0 .393.209.92l-.047.022c-.476-.964-1.337-1.211-2.011-1.211-1.617 0-2.756 1.234-2.756 2.86 0 1.628 1.14 2.862 2.756 2.862m-5.186-.146h1.744V12h-1.744zM11.418 12H9.64c0 1.402-.896 2.66-2.256 3.557l-.535.359V12H5v7.854h1.849v-3.893l3.058 3.893h2.256L9.22 16.13c1.337-.931 2.21-2.379 2.198-4.129\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"a\">\n          <path fill=\"#fff\" d=\"M5 12h34v8H5z\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\nconst KlarnaIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default KlarnaIcon;\n"],"names":[],"mappings":";;;;;AAUA;AACE;AAUI;AAAkD;AAMlD;AAKA;AAGN;AACA;AAA8B;AAAA;AAAA;;"}

package/dist/index301.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 44 32", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("rect", { width: 44, height: 32, fill: "#FFA8CD", rx: 2 }),
+    /* @__PURE__ */ jsx("g", { clipPath: "url(#a)", children: /* @__PURE__ */ jsx("path", { fill: "#16151B", d: "M35.849 18.53c-.79 0-1.407-.628-1.407-1.391s.616-1.391 1.407-1.391c.79 0 1.407.628 1.407 1.39 0 .764-.616 1.392-1.407 1.392M35.454 20c.674 0 1.534-.247 2.011-1.212l.047.023c-.21.527-.21.841-.21.92v.123H39v-5.43h-1.697v.123c0 .079 0 .393.209.92l-.047.022c-.477-.964-1.337-1.211-2.011-1.211-1.617 0-2.756 1.234-2.756 2.86 0 1.628 1.14 2.862 2.756 2.862m-5.71-5.722c-.767 0-1.372.258-1.86 1.211l-.047-.022c.21-.527.21-.841.21-.92v-.123h-1.698v5.43h1.744v-2.861c0-.752.454-1.223 1.186-1.223.733 0 1.093.404 1.093 1.212v2.872h1.744v-3.456c0-1.234-1-2.12-2.372-2.12m-5.918 1.211-.047-.022c.21-.527.21-.841.21-.92v-.123H22.29v5.43h1.744l.012-2.614c0-.763.418-1.223 1.104-1.223.186 0 .337.022.512.067v-1.66c-.768-.157-1.454.123-1.837 1.066m-5.547 3.041c-.79 0-1.407-.628-1.407-1.391s.616-1.391 1.407-1.391c.79 0 1.407.628 1.407 1.39 0 .764-.616 1.392-1.407 1.392M17.884 20c.674 0 1.535-.247 2.011-1.212l.047.023c-.21.527-.21.841-.21.92v.123h1.698v-5.43h-1.697v.123c0 .079 0 .393.209.92l-.047.022c-.476-.964-1.337-1.211-2.011-1.211-1.617 0-2.756 1.234-2.756 2.86 0 1.628 1.14 2.862 2.756 2.862m-5.186-.146h1.744V12h-1.744zM11.418 12H9.64c0 1.402-.896 2.66-2.256 3.557l-.535.359V12H5v7.854h1.849v-3.893l3.058 3.893h2.256L9.22 16.13c1.337-.931 2.21-2.379 2.198-4.129" }) }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M5 12h34v8H5z" }) }) })
+  ] });
+};
+const KlarnaIcon = styled(SVG).withConfig({
+  displayName: "KlarnaIcon",
+  componentId: "sc-1ka10wq-0"
+})(["flex-shrink:0;"]);
+export {
+  KlarnaIcon as default
+};
+//# sourceMappingURL=index301.js.map

package/dist/index301.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index301.js","sources":["../src/icons-with-colours/dist/KlarnaIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 44 32\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <rect width={44} height={32} fill=\"#FFA8CD\" rx={2} />\n      <g clipPath=\"url(#a)\">\n        <path\n          fill=\"#16151B\"\n          d=\"M35.849 18.53c-.79 0-1.407-.628-1.407-1.391s.616-1.391 1.407-1.391c.79 0 1.407.628 1.407 1.39 0 .764-.616 1.392-1.407 1.392M35.454 20c.674 0 1.534-.247 2.011-1.212l.047.023c-.21.527-.21.841-.21.92v.123H39v-5.43h-1.697v.123c0 .079 0 .393.209.92l-.047.022c-.477-.964-1.337-1.211-2.011-1.211-1.617 0-2.756 1.234-2.756 2.86 0 1.628 1.14 2.862 2.756 2.862m-5.71-5.722c-.767 0-1.372.258-1.86 1.211l-.047-.022c.21-.527.21-.841.21-.92v-.123h-1.698v5.43h1.744v-2.861c0-.752.454-1.223 1.186-1.223.733 0 1.093.404 1.093 1.212v2.872h1.744v-3.456c0-1.234-1-2.12-2.372-2.12m-5.918 1.211-.047-.022c.21-.527.21-.841.21-.92v-.123H22.29v5.43h1.744l.012-2.614c0-.763.418-1.223 1.104-1.223.186 0 .337.022.512.067v-1.66c-.768-.157-1.454.123-1.837 1.066m-5.547 3.041c-.79 0-1.407-.628-1.407-1.391s.616-1.391 1.407-1.391c.79 0 1.407.628 1.407 1.39 0 .764-.616 1.392-1.407 1.392M17.884 20c.674 0 1.535-.247 2.011-1.212l.047.023c-.21.527-.21.841-.21.92v.123h1.698v-5.43h-1.697v.123c0 .079 0 .393.209.92l-.047.022c-.476-.964-1.337-1.211-2.011-1.211-1.617 0-2.756 1.234-2.756 2.86 0 1.628 1.14 2.862 2.756 2.862m-5.186-.146h1.744V12h-1.744zM11.418 12H9.64c0 1.402-.896 2.66-2.256 3.557l-.535.359V12H5v7.854h1.849v-3.893l3.058 3.893h2.256L9.22 16.13c1.337-.931 2.21-2.379 2.198-4.129\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"a\">\n          <path fill=\"#fff\" d=\"M5 12h34v8H5z\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\nconst KlarnaIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default KlarnaIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAUI;AAAkD;AAMlD;AAKA;AAGN;AACA;AAA8B;AAAA;AAAA;;;;"}

package/dist/index302.cjs

@@ -0,0 +1,14 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "none", viewBox: "0 0 24 24", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#0A0B09", fillRule: "evenodd", d: "M14.438 13.621c3.293-3.592 5.141-8.425 5.141-13.62V0h-4.918c0 4.416-1.854 8.47-5.085 11.122L7.627 12.72 15.177 24h6.208zM7.026 24H2V0h5.026z", clipRule: "evenodd" }) });
+};
+const KlarnaKIcon = styled(SVG).withConfig({
+  displayName: "KlarnaKIcon",
+  componentId: "sc-10lubrl-0"
+})(["flex-shrink:0;"]);
+exports.default = KlarnaKIcon;
+//# sourceMappingURL=index302.cjs.map

package/dist/index302.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index302.cjs","sources":["../src/icons-with-colours/dist/KlarnaKIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#0A0B09\"\n        fillRule=\"evenodd\"\n        d=\"M14.438 13.621c3.293-3.592 5.141-8.425 5.141-13.62V0h-4.918c0 4.416-1.854 8.47-5.085 11.122L7.627 12.72 15.177 24h6.208zM7.026 24H2V0h5.026z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst KlarnaKIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default KlarnaKIcon;\n"],"names":[],"mappings":";;;;;AAUA;AACE;AAkBF;AACA;AAA+B;AAAA;AAAA;;"}

package/dist/index302.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const SVG = (props) => {
+  return /* @__PURE__ */ jsx("svg", { fill: "none", viewBox: "0 0 24 24", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: /* @__PURE__ */ jsx("path", { fill: "#0A0B09", fillRule: "evenodd", d: "M14.438 13.621c3.293-3.592 5.141-8.425 5.141-13.62V0h-4.918c0 4.416-1.854 8.47-5.085 11.122L7.627 12.72 15.177 24h6.208zM7.026 24H2V0h5.026z", clipRule: "evenodd" }) });
+};
+const KlarnaKIcon = styled(SVG).withConfig({
+  displayName: "KlarnaKIcon",
+  componentId: "sc-10lubrl-0"
+})(["flex-shrink:0;"]);
+export {
+  KlarnaKIcon as default
+};
+//# sourceMappingURL=index302.js.map

package/dist/index302.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index302.js","sources":["../src/icons-with-colours/dist/KlarnaKIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#0A0B09\"\n        fillRule=\"evenodd\"\n        d=\"M14.438 13.621c3.293-3.592 5.141-8.425 5.141-13.62V0h-4.918c0 4.416-1.854 8.47-5.085 11.122L7.627 12.72 15.177 24h6.208zM7.026 24H2V0h5.026z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst KlarnaKIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default KlarnaKIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAkBF;AACA;AAA+B;AAAA;AAAA;;;;"}

package/dist/index303.cjs

@@ -0,0 +1,19 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 44 32", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 43, height: 31, x: 0.5, y: 0.5, fill: "#fff", stroke: "#999", rx: 1.5 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#ED0006", d: "M25.41 15.818c0 5.422-4.345 9.817-9.705 9.817S6 21.24 6 15.818 10.345 6 15.705 6s9.705 4.396 9.705 9.818" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#0099DF", d: "M38 15.818c0 5.422-4.345 9.817-9.705 9.817s-9.705-4.395-9.705-9.817S22.935 6 28.295 6 38 10.396 38 15.818" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#6C6BBD", fillRule: "evenodd", d: "M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.346a9.84 9.84 0 0 0-3.41 7.472A9.84 9.84 0 0 0 22 23.29", clipRule: "evenodd" })
+  ] });
+};
+const MaestroIcon = styled(SVG).withConfig({
+  displayName: "MaestroIcon",
+  componentId: "sc-1sqjlxx-0"
+})(["flex-shrink:0;"]);
+exports.default = MaestroIcon;
+//# sourceMappingURL=index303.cjs.map

package/dist/index303.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index303.cjs","sources":["../src/icons-with-colours/dist/MaestroIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 44 32\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <rect\n        width={43}\n        height={31}\n        x={0.5}\n        y={0.5}\n        fill=\"#fff\"\n        stroke=\"#999\"\n        rx={1.5}\n      />\n      <path\n        fill=\"#ED0006\"\n        d=\"M25.41 15.818c0 5.422-4.345 9.817-9.705 9.817S6 21.24 6 15.818 10.345 6 15.705 6s9.705 4.396 9.705 9.818\"\n      />\n      <path\n        fill=\"#0099DF\"\n        d=\"M38 15.818c0 5.422-4.345 9.817-9.705 9.817s-9.705-4.395-9.705-9.817S22.935 6 28.295 6 38 10.396 38 15.818\"\n      />\n      <path\n        fill=\"#6C6BBD\"\n        fillRule=\"evenodd\"\n        d=\"M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.346a9.84 9.84 0 0 0-3.41 7.472A9.84 9.84 0 0 0 22 23.29\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst MaestroIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default MaestroIcon;\n"],"names":[],"mappings":";;;;;AAUA;AACE;AAUI;AAOU;AAIoG;AAIC;AAM3F;AAI1B;AACA;AAA+B;AAAA;AAAA;;"}

package/dist/index303.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 44 32", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("rect", { width: 43, height: 31, x: 0.5, y: 0.5, fill: "#fff", stroke: "#999", rx: 1.5 }),
+    /* @__PURE__ */ jsx("path", { fill: "#ED0006", d: "M25.41 15.818c0 5.422-4.345 9.817-9.705 9.817S6 21.24 6 15.818 10.345 6 15.705 6s9.705 4.396 9.705 9.818" }),
+    /* @__PURE__ */ jsx("path", { fill: "#0099DF", d: "M38 15.818c0 5.422-4.345 9.817-9.705 9.817s-9.705-4.395-9.705-9.817S22.935 6 28.295 6 38 10.396 38 15.818" }),
+    /* @__PURE__ */ jsx("path", { fill: "#6C6BBD", fillRule: "evenodd", d: "M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.346a9.84 9.84 0 0 0-3.41 7.472A9.84 9.84 0 0 0 22 23.29", clipRule: "evenodd" })
+  ] });
+};
+const MaestroIcon = styled(SVG).withConfig({
+  displayName: "MaestroIcon",
+  componentId: "sc-1sqjlxx-0"
+})(["flex-shrink:0;"]);
+export {
+  MaestroIcon as default
+};
+//# sourceMappingURL=index303.js.map

package/dist/index303.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index303.js","sources":["../src/icons-with-colours/dist/MaestroIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 44 32\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <rect\n        width={43}\n        height={31}\n        x={0.5}\n        y={0.5}\n        fill=\"#fff\"\n        stroke=\"#999\"\n        rx={1.5}\n      />\n      <path\n        fill=\"#ED0006\"\n        d=\"M25.41 15.818c0 5.422-4.345 9.817-9.705 9.817S6 21.24 6 15.818 10.345 6 15.705 6s9.705 4.396 9.705 9.818\"\n      />\n      <path\n        fill=\"#0099DF\"\n        d=\"M38 15.818c0 5.422-4.345 9.817-9.705 9.817s-9.705-4.395-9.705-9.817S22.935 6 28.295 6 38 10.396 38 15.818\"\n      />\n      <path\n        fill=\"#6C6BBD\"\n        fillRule=\"evenodd\"\n        d=\"M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.346a9.84 9.84 0 0 0-3.41 7.472A9.84 9.84 0 0 0 22 23.29\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst MaestroIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default MaestroIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAUI;AAOU;AAIoG;AAIC;AAM3F;AAI1B;AACA;AAA+B;AAAA;AAAA;;;;"}

package/dist/index304.cjs

@@ -0,0 +1,19 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 44 32", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 43, height: 31, x: 0.5, y: 0.5, fill: "#fff", stroke: "#999", rx: 1.5 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#ED0006", fillRule: "evenodd", d: "M22 23.29a9.6 9.6 0 0 1-6.295 2.345C10.345 25.635 6 21.24 6 15.818S10.345 6 15.705 6A9.6 9.6 0 0 1 22 8.345 9.6 9.6 0 0 1 28.295 6C33.655 6 38 10.396 38 15.818s-4.345 9.817-9.705 9.817c-2.402 0-4.6-.883-6.295-2.345", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#F9A000", fillRule: "evenodd", d: "M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.345 9.6 9.6 0 0 1 28.295 6C33.655 6 38 10.396 38 15.818s-4.345 9.817-9.705 9.817c-2.402 0-4.6-.883-6.295-2.345", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FF5E00", fillRule: "evenodd", d: "M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.346a9.84 9.84 0 0 0-3.41 7.472A9.84 9.84 0 0 0 22 23.29", clipRule: "evenodd" })
+  ] });
+};
+const MastercardIcon = styled(SVG).withConfig({
+  displayName: "MastercardIcon",
+  componentId: "sc-1fmiher-0"
+})(["flex-shrink:0;"]);
+exports.default = MastercardIcon;
+//# sourceMappingURL=index304.cjs.map

package/dist/index304.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index304.cjs","sources":["../src/icons-with-colours/dist/MastercardIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 44 32\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <rect\n        width={43}\n        height={31}\n        x={0.5}\n        y={0.5}\n        fill=\"#fff\"\n        stroke=\"#999\"\n        rx={1.5}\n      />\n      <path\n        fill=\"#ED0006\"\n        fillRule=\"evenodd\"\n        d=\"M22 23.29a9.6 9.6 0 0 1-6.295 2.345C10.345 25.635 6 21.24 6 15.818S10.345 6 15.705 6A9.6 9.6 0 0 1 22 8.345 9.6 9.6 0 0 1 28.295 6C33.655 6 38 10.396 38 15.818s-4.345 9.817-9.705 9.817c-2.402 0-4.6-.883-6.295-2.345\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#F9A000\"\n        fillRule=\"evenodd\"\n        d=\"M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.345 9.6 9.6 0 0 1 28.295 6C33.655 6 38 10.396 38 15.818s-4.345 9.817-9.705 9.817c-2.402 0-4.6-.883-6.295-2.345\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#FF5E00\"\n        fillRule=\"evenodd\"\n        d=\"M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.346a9.84 9.84 0 0 0-3.41 7.472A9.84 9.84 0 0 0 22 23.29\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst MastercardIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default MastercardIcon;\n"],"names":[],"mappings":";;;;;AAUA;AACE;AAUI;AAOU;AAMU;AAMA;AAMA;AAI1B;AACA;AAAkC;AAAA;AAAA;;"}

package/dist/index304.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 44 32", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("rect", { width: 43, height: 31, x: 0.5, y: 0.5, fill: "#fff", stroke: "#999", rx: 1.5 }),
+    /* @__PURE__ */ jsx("path", { fill: "#ED0006", fillRule: "evenodd", d: "M22 23.29a9.6 9.6 0 0 1-6.295 2.345C10.345 25.635 6 21.24 6 15.818S10.345 6 15.705 6A9.6 9.6 0 0 1 22 8.345 9.6 9.6 0 0 1 28.295 6C33.655 6 38 10.396 38 15.818s-4.345 9.817-9.705 9.817c-2.402 0-4.6-.883-6.295-2.345", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#F9A000", fillRule: "evenodd", d: "M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.345 9.6 9.6 0 0 1 28.295 6C33.655 6 38 10.396 38 15.818s-4.345 9.817-9.705 9.817c-2.402 0-4.6-.883-6.295-2.345", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FF5E00", fillRule: "evenodd", d: "M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.346a9.84 9.84 0 0 0-3.41 7.472A9.84 9.84 0 0 0 22 23.29", clipRule: "evenodd" })
+  ] });
+};
+const MastercardIcon = styled(SVG).withConfig({
+  displayName: "MastercardIcon",
+  componentId: "sc-1fmiher-0"
+})(["flex-shrink:0;"]);
+export {
+  MastercardIcon as default
+};
+//# sourceMappingURL=index304.js.map

package/dist/index304.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index304.js","sources":["../src/icons-with-colours/dist/MastercardIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 44 32\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <rect\n        width={43}\n        height={31}\n        x={0.5}\n        y={0.5}\n        fill=\"#fff\"\n        stroke=\"#999\"\n        rx={1.5}\n      />\n      <path\n        fill=\"#ED0006\"\n        fillRule=\"evenodd\"\n        d=\"M22 23.29a9.6 9.6 0 0 1-6.295 2.345C10.345 25.635 6 21.24 6 15.818S10.345 6 15.705 6A9.6 9.6 0 0 1 22 8.345 9.6 9.6 0 0 1 28.295 6C33.655 6 38 10.396 38 15.818s-4.345 9.817-9.705 9.817c-2.402 0-4.6-.883-6.295-2.345\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#F9A000\"\n        fillRule=\"evenodd\"\n        d=\"M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.345 9.6 9.6 0 0 1 28.295 6C33.655 6 38 10.396 38 15.818s-4.345 9.817-9.705 9.817c-2.402 0-4.6-.883-6.295-2.345\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#FF5E00\"\n        fillRule=\"evenodd\"\n        d=\"M22 23.29a9.84 9.84 0 0 0 3.41-7.472A9.84 9.84 0 0 0 22 8.346a9.84 9.84 0 0 0-3.41 7.472A9.84 9.84 0 0 0 22 23.29\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst MastercardIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default MastercardIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAUI;AAOU;AAMU;AAMA;AAMA;AAI1B;AACA;AAAkC;AAAA;AAAA;;;;"}

package/dist/index305.cjs

@@ -0,0 +1,20 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 44 32", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 43, height: 31, x: 0.5, y: 0.5, fill: "#fff", rx: 1.5 }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 43, height: 31, x: 0.5, y: 0.5, stroke: "#949494", rx: 1.5 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#000", d: "M29.615 27.077c5.736 0 10.385-4.65 10.385-10.385S35.35 6.307 29.615 6.307s-10.384 4.65-10.384 10.385 4.649 10.385 10.384 10.385" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M33.13 12.67a.43.43 0 0 1 .597.002l3.002 3.646a.52.52 0 0 1-.004.746l-2.945 3.675a.4.4 0 0 1-.27.108h-2.473a.39.39 0 0 1-.274-.666l3.018-3.488-2.744-3.375h-1.1l2.624 3a.52.52 0 0 1 0 .75l-3.448 3.671a.4.4 0 0 1-.27.108h-3.9c-.86 0-1.558-.697-1.558-1.557v-5.193c0-.86.697-1.558 1.557-1.558h1.55a.39.39 0 1 1 0 .78h-1.289c-.573 0-1.038.464-1.038 1.038v4.673c0 .573.465 1.038 1.038 1.038h3.352l3.147-3.375-3.018-3.487a.39.39 0 0 1 .274-.667h2.41c.1 0 .197.04.27.109l3.002 3.67a.52.52 0 0 1 0 .75l-2.624 3h1.17l2.674-3.375-2.73-3.375a.47.47 0 0 1 0-.649", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#000", fillRule: "evenodd", d: "M6.77 4.924h18.74A12.4 12.4 0 0 0 21.781 7H7.462c-.765 0-1.385.62-1.385 1.385v12.44c0 .777.63 1.406 1.407 1.406h10.965c.366.737.803 1.432 1.302 2.077H6.932A2.93 2.93 0 0 1 4 21.376V7.693a2.77 2.77 0 0 1 2.77-2.77m6.922 10.384c.383 0 .693-.31.693-.692v-4.154a.69.69 0 0 0-.693-.692H9.538a.69.69 0 0 0-.692.692v4.154c0 .382.31.692.692.692z", clipRule: "evenodd" })
+  ] });
+};
+const McClickToPayIcon = styled(SVG).withConfig({
+  displayName: "McClickToPayIcon",
+  componentId: "sc-mcbbug-0"
+})(["flex-shrink:0;"]);
+exports.default = McClickToPayIcon;
+//# sourceMappingURL=index305.cjs.map

package/dist/index305.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index305.cjs","sources":["../src/icons-with-colours/dist/McClickToPayIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 44 32\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <rect width={43} height={31} x={0.5} y={0.5} fill=\"#fff\" rx={1.5} />\n      <rect width={43} height={31} x={0.5} y={0.5} stroke=\"#949494\" rx={1.5} />\n      <path\n        fill=\"#000\"\n        d=\"M29.615 27.077c5.736 0 10.385-4.65 10.385-10.385S35.35 6.307 29.615 6.307s-10.384 4.65-10.384 10.385 4.649 10.385 10.384 10.385\"\n      />\n      <path\n        fill=\"#fff\"\n        fillRule=\"evenodd\"\n        d=\"M33.13 12.67a.43.43 0 0 1 .597.002l3.002 3.646a.52.52 0 0 1-.004.746l-2.945 3.675a.4.4 0 0 1-.27.108h-2.473a.39.39 0 0 1-.274-.666l3.018-3.488-2.744-3.375h-1.1l2.624 3a.52.52 0 0 1 0 .75l-3.448 3.671a.4.4 0 0 1-.27.108h-3.9c-.86 0-1.558-.697-1.558-1.557v-5.193c0-.86.697-1.558 1.557-1.558h1.55a.39.39 0 1 1 0 .78h-1.289c-.573 0-1.038.464-1.038 1.038v4.673c0 .573.465 1.038 1.038 1.038h3.352l3.147-3.375-3.018-3.487a.39.39 0 0 1 .274-.667h2.41c.1 0 .197.04.27.109l3.002 3.67a.52.52 0 0 1 0 .75l-2.624 3h1.17l2.674-3.375-2.73-3.375a.47.47 0 0 1 0-.649\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#000\"\n        fillRule=\"evenodd\"\n        d=\"M6.77 4.924h18.74A12.4 12.4 0 0 0 21.781 7H7.462c-.765 0-1.385.62-1.385 1.385v12.44c0 .777.63 1.406 1.407 1.406h10.965c.366.737.803 1.432 1.302 2.077H6.932A2.93 2.93 0 0 1 4 21.376V7.693a2.77 2.77 0 0 1 2.77-2.77m6.922 10.384c.383 0 .693-.31.693-.692v-4.154a.69.69 0 0 0-.693-.692H9.538a.69.69 0 0 0-.692.692v4.154c0 .382.31.692.692.692z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst McClickToPayIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default McClickToPayIcon;\n"],"names":[],"mappings":";;;;;AAUA;AACE;AAUI;AAAiE;AACK;AAG+D;AAMjH;AAMA;AAI1B;AACA;AAAoC;AAAA;AAAA;;"}

package/dist/index305.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 44 32", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("rect", { width: 43, height: 31, x: 0.5, y: 0.5, fill: "#fff", rx: 1.5 }),
+    /* @__PURE__ */ jsx("rect", { width: 43, height: 31, x: 0.5, y: 0.5, stroke: "#949494", rx: 1.5 }),
+    /* @__PURE__ */ jsx("path", { fill: "#000", d: "M29.615 27.077c5.736 0 10.385-4.65 10.385-10.385S35.35 6.307 29.615 6.307s-10.384 4.65-10.384 10.385 4.649 10.385 10.384 10.385" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M33.13 12.67a.43.43 0 0 1 .597.002l3.002 3.646a.52.52 0 0 1-.004.746l-2.945 3.675a.4.4 0 0 1-.27.108h-2.473a.39.39 0 0 1-.274-.666l3.018-3.488-2.744-3.375h-1.1l2.624 3a.52.52 0 0 1 0 .75l-3.448 3.671a.4.4 0 0 1-.27.108h-3.9c-.86 0-1.558-.697-1.558-1.557v-5.193c0-.86.697-1.558 1.557-1.558h1.55a.39.39 0 1 1 0 .78h-1.289c-.573 0-1.038.464-1.038 1.038v4.673c0 .573.465 1.038 1.038 1.038h3.352l3.147-3.375-3.018-3.487a.39.39 0 0 1 .274-.667h2.41c.1 0 .197.04.27.109l3.002 3.67a.52.52 0 0 1 0 .75l-2.624 3h1.17l2.674-3.375-2.73-3.375a.47.47 0 0 1 0-.649", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "#000", fillRule: "evenodd", d: "M6.77 4.924h18.74A12.4 12.4 0 0 0 21.781 7H7.462c-.765 0-1.385.62-1.385 1.385v12.44c0 .777.63 1.406 1.407 1.406h10.965c.366.737.803 1.432 1.302 2.077H6.932A2.93 2.93 0 0 1 4 21.376V7.693a2.77 2.77 0 0 1 2.77-2.77m6.922 10.384c.383 0 .693-.31.693-.692v-4.154a.69.69 0 0 0-.693-.692H9.538a.69.69 0 0 0-.692.692v4.154c0 .382.31.692.692.692z", clipRule: "evenodd" })
+  ] });
+};
+const McClickToPayIcon = styled(SVG).withConfig({
+  displayName: "McClickToPayIcon",
+  componentId: "sc-mcbbug-0"
+})(["flex-shrink:0;"]);
+export {
+  McClickToPayIcon as default
+};
+//# sourceMappingURL=index305.js.map

package/dist/index305.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index305.js","sources":["../src/icons-with-colours/dist/McClickToPayIcon.tsx"],"sourcesContent":["// Coloured Icon\n// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport type { SVGProps } from \"react\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SVG = (props: Props) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 44 32\"\n      width={props.size || \"2.5em\"}\n      height={props.size || \"2.5em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <rect width={43} height={31} x={0.5} y={0.5} fill=\"#fff\" rx={1.5} />\n      <rect width={43} height={31} x={0.5} y={0.5} stroke=\"#949494\" rx={1.5} />\n      <path\n        fill=\"#000\"\n        d=\"M29.615 27.077c5.736 0 10.385-4.65 10.385-10.385S35.35 6.307 29.615 6.307s-10.384 4.65-10.384 10.385 4.649 10.385 10.384 10.385\"\n      />\n      <path\n        fill=\"#fff\"\n        fillRule=\"evenodd\"\n        d=\"M33.13 12.67a.43.43 0 0 1 .597.002l3.002 3.646a.52.52 0 0 1-.004.746l-2.945 3.675a.4.4 0 0 1-.27.108h-2.473a.39.39 0 0 1-.274-.666l3.018-3.488-2.744-3.375h-1.1l2.624 3a.52.52 0 0 1 0 .75l-3.448 3.671a.4.4 0 0 1-.27.108h-3.9c-.86 0-1.558-.697-1.558-1.557v-5.193c0-.86.697-1.558 1.557-1.558h1.55a.39.39 0 1 1 0 .78h-1.289c-.573 0-1.038.464-1.038 1.038v4.673c0 .573.465 1.038 1.038 1.038h3.352l3.147-3.375-3.018-3.487a.39.39 0 0 1 .274-.667h2.41c.1 0 .197.04.27.109l3.002 3.67a.52.52 0 0 1 0 .75l-2.624 3h1.17l2.674-3.375-2.73-3.375a.47.47 0 0 1 0-.649\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"#000\"\n        fillRule=\"evenodd\"\n        d=\"M6.77 4.924h18.74A12.4 12.4 0 0 0 21.781 7H7.462c-.765 0-1.385.62-1.385 1.385v12.44c0 .777.63 1.406 1.407 1.406h10.965c.366.737.803 1.432 1.302 2.077H6.932A2.93 2.93 0 0 1 4 21.376V7.693a2.77 2.77 0 0 1 2.77-2.77m6.922 10.384c.383 0 .693-.31.693-.692v-4.154a.69.69 0 0 0-.693-.692H9.538a.69.69 0 0 0-.692.692v4.154c0 .382.31.692.692.692z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst McClickToPayIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default McClickToPayIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAUI;AAAiE;AACK;AAG+D;AAMjH;AAMA;AAI1B;AACA;AAAoC;AAAA;AAAA;;;;"}

package/dist/index306.cjs

@@ -0,0 +1,58 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const SVG = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 44 32", width: props.size || "2.5em", height: props.size || "2.5em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 43, height: 31, x: 0.5, y: 0.5, fill: "#fff", stroke: "#999", rx: 1.5 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#5A78FF", d: "M20.483 18.046c-.42 0-.798-.248-.959-.63l-3.578-8.484a1.01 1.01 0 0 1 .56-1.33l3.748-1.524c.254-.103.54-.103.793 0 .254.103.456.301.56.55l3.579 8.486a1.01 1.01 0 0 1-.56 1.329l-3.748 1.525q-.19.077-.395.078m.168-11.498a.5.5 0 0 0-.183.036L16.72 8.11a.47.47 0 0 0-.259.254.46.46 0 0 0 0 .36l3.579 8.485c.1.24.38.353.624.254l3.748-1.526a.47.47 0 0 0 .259-.254.46.46 0 0 0 0-.36l-3.578-8.484a.48.48 0 0 0-.442-.29" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#a)", d: "m21.844 7.188-.515.21 1.416 3.36.516-.21z", opacity: 0.7, style: {
+      mixBlendMode: "multiply"
+    } }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#b)", d: "m24.433 14.759.515-.21-1.604-3.803-.515.21z", opacity: 0.7, style: {
+      mixBlendMode: "multiply"
+    } }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#5A78FF", d: "M23.782 12.238c-1.072.437-1.967 1.039-2.553 1.764l-1.51-3.584a6.4 6.4 0 0 1 2.552-1.764c1.072-.436 2.155-.648 3.075-.525l1.511 3.584a6.5 6.5 0 0 0-3.075.525" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { opacity: 0.4, style: {
+      mixBlendMode: "multiply"
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#c)", d: "M23.782 12.238c-1.072.437-1.967 1.039-2.553 1.764l-1.51-3.584a6.4 6.4 0 0 1 2.552-1.764c1.072-.436 2.155-.648 3.075-.525l1.511 3.584a6.5 6.5 0 0 0-3.075.525", opacity: 0.9 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#d)", d: "M23.782 12.238c-1.072.437-1.967 1.039-2.553 1.764l-1.51-3.584a6.4 6.4 0 0 1 2.552-1.764c1.072-.436 2.155-.648 3.075-.525l1.511 3.584a6.5 6.5 0 0 0-3.075.525", opacity: 0.7 })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#5A78FF", d: "M24.274 13.331c-1.16 0-2.222.22-3.045.67v-3.624a6.5 6.5 0 0 1 3.045-.67c1.16 0 2.243.212 3.045.67v3.625a6.5 6.5 0 0 0-3.045-.67M10.178 23.967l.938-2.914c.01-.04.046-.07.088-.073h.47a.12.12 0 0 1 .093.073l.73 1.839c.015.036.052.04.065 0l.725-1.84a.12.12 0 0 1 .093-.072h.47a.1.1 0 0 1 .088.073l.919 2.914a.07.07 0 0 1-.006.07.07.07 0 0 1-.063.03h-.555a.08.08 0 0 1-.084-.063l-.593-1.893c-.01-.037-.052-.037-.064 0l-.712 1.88a.105.105 0 0 1-.1.076h-.323a.1.1 0 0 1-.097-.077l-.726-1.879c-.014-.037-.051-.037-.06 0l-.61 1.893a.08.08 0 0 1-.087.063h-.533a.07.07 0 0 1-.063-.031.07.07 0 0 1-.003-.069m4.864-1.039a1.22 1.22 0 0 1 .75-1.146 1.26 1.26 0 0 1 1.365.249c.361.347.472.875.281 1.335s-.646.76-1.152.76a1.2 1.2 0 0 1-.883-.337 1.17 1.17 0 0 1-.361-.86m1.849 0a.61.61 0 0 0-.635-.565.605.605 0 0 0-.587.612.606.606 0 0 0 1.051.395.6.6 0 0 0 .17-.442m1.738.954c-.046-.037-.087-.023-.087.04v.065a.086.086 0 0 1-.083.085h-.434a.09.09 0 0 1-.087-.085v-2.92a.09.09 0 0 1 .087-.086h.457c.047.002.083.04.083.086v.824c0 .06.041.077.107.032.175-.13.388-.2.606-.2.633 0 1.119.524 1.119 1.198.014.309-.098.61-.312.835a1.17 1.17 0 0 1-.826.363.96.96 0 0 1-.63-.237m1.138-.954a.6.6 0 0 0-.29-.558.62.62 0 0 0-.639 0 .6.6 0 0 0-.29.558.6.6 0 0 0 .168.44.62.62 0 0 0 .438.19.62.62 0 0 0 .611-.63zm1.012-1.736c0-.192.159-.349.355-.349.197 0 .356.157.356.35s-.16.349-.356.349a.35.35 0 0 1-.355-.35m.032 2.795v-2.113c0-.046.037-.084.083-.086h.457a.09.09 0 0 1 .087.086v2.113a.09.09 0 0 1-.087.085h-.457a.086.086 0 0 1-.083-.085m1.143-.699v-2.221c0-.046.037-.084.083-.086h.457a.09.09 0 0 1 .087.086v2.242c0 .145.064.241.226.241.048 0 .087.038.087.086v.372a.086.086 0 0 1-.087.082c-.608 0-.853-.196-.853-.802m1.11-.35a1.18 1.18 0 0 1 .588-1.06 1.22 1.22 0 0 1 1.228 0c.379.222.604.628.587 1.06 0 .083-.023.151-.107.151h-1.59c-.04 0-.054.023-.05.06a.53.53 0 0 0 .563.448.57.57 0 0 0 .439-.195.18.18 0 0 1 .147-.074h.42c.075 0 .107.05.078.123-.25.499-.816.763-1.367.638a1.2 1.2 0 0 1-.944-1.162zm1.688-.209c.032 0 .046-.014.04-.05a.53.53 0 0 0-.532-.426.546.546 0 0 0-.534.413c-.009.032 0 .063.038.063zm1.099 1.258v-2.92c0-.046.037-.084.083-.086h1.456c.665 0 1.119.38 1.119 1.022 0 .64-.514 1.035-1.15 1.035h-.772a.08.08 0 0 0-.063.023.07.07 0 0 0-.02.063v.863a.09.09 0 0 1-.088.085h-.48a.086.086 0 0 1-.085-.085m1.507-1.47a.5.5 0 0 0 .355-.152.5.5 0 0 0 .14-.353.46.46 0 0 0-.14-.35.48.48 0 0 0-.355-.136h-.777c-.055 0-.078.028-.078.082v.826c0 .054.023.082.078.082zm1.367.411c-.012-.309.103-.61.319-.834.215-.226.514-.356.828-.364a.94.94 0 0 1 .615.233c.041.036.087.031.087-.023v-.068c0-.046.038-.082.084-.082h.434a.09.09 0 0 1 .087.085v1.504c0 .113.04.164.12.174a.08.08 0 0 1 .079.074v.395a.08.08 0 0 1-.078.076c-.306 0-.486-.085-.587-.258-.029-.046-.06-.054-.107-.009a1.03 1.03 0 0 1-.745.304 1.18 1.18 0 0 1-.826-.369 1.14 1.14 0 0 1-.31-.838m1.85 0a.6.6 0 0 0-.29-.556.62.62 0 0 0-.637 0 .6.6 0 0 0-.29.556.6.6 0 0 0 .29.557.62.62 0 0 0 .637 0 .6.6 0 0 0 .29-.557M31.6 24.86v-.369a.086.086 0 0 1 .087-.082.65.65 0 0 0 .665-.436.25.25 0 0 0-.018-.175l-.85-1.89a.08.08 0 0 1 .002-.082.08.08 0 0 1 .073-.04h.457c.046 0 .075.037.093.082l.533 1.209c.037.096.098.09.139 0l.508-1.212c.018-.046.04-.073.087-.073h.446a.08.08 0 0 1 .07.032c.016.022.019.05.008.076l-.872 2.038c-.319.74-.656 1.016-1.332 1.016a.1.1 0 0 1-.07-.026.1.1 0 0 1-.026-.068" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "a", x1: 154.116, x2: 131.791, y1: 252.52, y2: -12.643, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#504678" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.302, stopColor: "#504678", stopOpacity: 0.616 }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.608, stopColor: "#504678", stopOpacity: 0.283 }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.852, stopColor: "#504678", stopOpacity: 0.076 }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#504678", stopOpacity: 0 })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "b", x1: -122.048, x2: -108.049, y1: -264.268, y2: 32.791, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#504678" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.302, stopColor: "#504678", stopOpacity: 0.616 }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.608, stopColor: "#504678", stopOpacity: 0.283 }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.852, stopColor: "#504678", stopOpacity: 0.076 }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#504678", stopOpacity: 0 })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "c", x1: 117.53, x2: 397.39, y1: 399.99, y2: 205.764, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#504678" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.179, stopColor: "#504678", stopOpacity: 0.872 }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.526, stopColor: "#504678", stopOpacity: 0.536 }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#504678", stopOpacity: 0 })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "d", x1: 360.396, x2: 348.273, y1: 214.678, y2: 115.971, gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#504678" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.643, stopColor: "#504678", stopOpacity: 0.332 }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#504678", stopOpacity: 0 })
+      ] })
+    ] })
+  ] });
+};
+const MobilepayIcon = styled(SVG).withConfig({
+  displayName: "MobilepayIcon",
+  componentId: "sc-1nvwh87-0"
+})(["flex-shrink:0;"]);
+exports.default = MobilepayIcon;
+//# sourceMappingURL=index306.cjs.map