@jamesodwyer/gds-figma-vite 1.0.0

package/dist/index294.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index294.js","sources":["../src/icons-with-colours/dist/EpsIcon.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      <path fill=\"#fff\" d=\"M0 0h44v32H0z\" />\n      <rect width={44} height={32} fill=\"#C91B72\" rx={2} />\n      <rect width={44} height={27} y={2} fill=\"#fff\" rx={2} />\n      <path\n        fill=\"#C91B72\"\n        d=\"M23.905 15.003a2.316 2.316 0 0 0-2.316 2.315v2.316h2.316a2.314 2.314 0 0 0 2.314-2.316 2.313 2.313 0 0 0-2.314-2.315\"\n      />\n      <path\n        fill=\"#C91B72\"\n        d=\"M0 2v27.5h44V2zm7.93 6.466a4.021 4.021 0 1 1 8.043 0v1.258h-2.105V8.303a1.917 1.917 0 1 0-3.835 0v1.42H7.929zM18.151 19.71H11.95v.038c-.965 0-1.79-.567-2.183-1.383h6.73a4.7 4.7 0 0 0 .122-1.047 4.67 4.67 0 1 0-4.67 4.67h6.186a1.59 1.59 0 0 1-1.577 1.432H7.343c-.88 0-1.594-.714-1.594-1.593V12.81c0-.88.714-1.593 1.594-1.593h9.215c.88 0 1.594.713 1.594 1.593zm-8.33-3.535a2.42 2.42 0 0 1 2.129-1.283c.925 0 1.718.523 2.128 1.283zm14.058 5.802h-2.315v5.08h-2.317v-9.713a4.633 4.633 0 1 1 4.632 4.633m11.456.025h-8.068a4.63 4.63 0 0 0 1.598-2.267h6.47c.358 0 .648-.29.648-.648a.643.643 0 0 0-.616-.641h-2.979a2.914 2.914 0 1 1 0-5.827h4.624v2.272H32.39v-.005a.647.647 0 1 0 0 1.294h2.838l.003.003c.036-.001.07-.01.105-.01a2.914 2.914 0 1 1 0 5.829\"\n      />\n    </svg>\n  );\n};\nconst EpsIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default EpsIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAUI;AAAmC;AACe;AACG;AAGqE;AAIonB;AAIpvB;AACA;AAA2B;AAAA;AAAA;;;;"}

package/dist/index295.cjs

@@ -0,0 +1,17 @@
+"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: "#121212", fillRule: "evenodd", d: "M29.96 7H11v14.5h3v3h15.919l.218-.213a325 325 0 0 0 2.642-2.597l.221-.22V10h-3.04zm0 4.5v6.972L26.887 21.5H15.5V23h13.809c.827-.806 1.373-1.343 2.191-2.154V11.5zM12.5 20v-8.25h15.96v6.094L26.273 20zm15.96-9.75H12.5V8.5h15.96zm-14.46 8h2v-1.5h-2zm10-3.5H14v-1.5h10zm-6.5 3.5h2v-1.5h-2zm5.5 0h-2v-1.5h2zm1.5 0h2v-1.5h-2z", clipRule: "evenodd" })
+  ] });
+};
+const GenericPayIcon = styled(SVG).withConfig({
+  displayName: "GenericPayIcon",
+  componentId: "sc-1mpq8zp-0"
+})(["flex-shrink:0;"]);
+exports.default = GenericPayIcon;
+//# sourceMappingURL=index295.cjs.map

package/dist/index295.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index295.cjs","sources":["../src/icons-with-colours/dist/GenericPayIcon.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=\"#121212\"\n        fillRule=\"evenodd\"\n        d=\"M29.96 7H11v14.5h3v3h15.919l.218-.213a325 325 0 0 0 2.642-2.597l.221-.22V10h-3.04zm0 4.5v6.972L26.887 21.5H15.5V23h13.809c.827-.806 1.373-1.343 2.191-2.154V11.5zM12.5 20v-8.25h15.96v6.094L26.273 20zm15.96-9.75H12.5V8.5h15.96zm-14.46 8h2v-1.5h-2zm10-3.5H14v-1.5h10zm-6.5 3.5h2v-1.5h-2zm5.5 0h-2v-1.5h2zm1.5 0h2v-1.5h-2z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst GenericPayIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default GenericPayIcon;\n"],"names":[],"mappings":";;;;;AAUA;AACE;AAUI;AAOU;AAMU;AAI1B;AACA;AAAkC;AAAA;AAAA;;"}

package/dist/index295.js

@@ -0,0 +1,17 @@
+"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: "#121212", fillRule: "evenodd", d: "M29.96 7H11v14.5h3v3h15.919l.218-.213a325 325 0 0 0 2.642-2.597l.221-.22V10h-3.04zm0 4.5v6.972L26.887 21.5H15.5V23h13.809c.827-.806 1.373-1.343 2.191-2.154V11.5zM12.5 20v-8.25h15.96v6.094L26.273 20zm15.96-9.75H12.5V8.5h15.96zm-14.46 8h2v-1.5h-2zm10-3.5H14v-1.5h10zm-6.5 3.5h2v-1.5h-2zm5.5 0h-2v-1.5h2zm1.5 0h2v-1.5h-2z", clipRule: "evenodd" })
+  ] });
+};
+const GenericPayIcon = styled(SVG).withConfig({
+  displayName: "GenericPayIcon",
+  componentId: "sc-1mpq8zp-0"
+})(["flex-shrink:0;"]);
+export {
+  GenericPayIcon as default
+};
+//# sourceMappingURL=index295.js.map

package/dist/index295.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index295.js","sources":["../src/icons-with-colours/dist/GenericPayIcon.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=\"#121212\"\n        fillRule=\"evenodd\"\n        d=\"M29.96 7H11v14.5h3v3h15.919l.218-.213a325 325 0 0 0 2.642-2.597l.221-.22V10h-3.04zm0 4.5v6.972L26.887 21.5H15.5V23h13.809c.827-.806 1.373-1.343 2.191-2.154V11.5zM12.5 20v-8.25h15.96v6.094L26.273 20zm15.96-9.75H12.5V8.5h15.96zm-14.46 8h2v-1.5h-2zm10-3.5H14v-1.5h10zm-6.5 3.5h2v-1.5h-2zm5.5 0h-2v-1.5h2zm1.5 0h2v-1.5h-2z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst GenericPayIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default GenericPayIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAUI;AAOU;AAMU;AAI1B;AACA;AAAkC;AAAA;AAAA;;;;"}

package/dist/index296.cjs

@@ -0,0 +1,17 @@
+"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: "#949494", rx: 1.5 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#121212", fillRule: "evenodd", d: "M11 7.25h22v14.316l-3.082 3.184H11zm1.5 1.5v4.64H14v-2.292l1.558-1.038 2.192 1.892V8.75zm4.62 4.64-1.62-1.4v1.4zm2.13-4.64v3.6l2.696-2.287 1.554 1.035v2.292h8V8.75zM22 13.39h-1.657L22 11.984zm-5.127 1.5H12.5v8.36h5.25v-6.816l-2.088 3.919-1.324-.705zm2.377 8.36v-6.816l2.088 3.919 1.324-.705-2.535-4.758H31.5v6.069l-2.217 2.291z", clipRule: "evenodd" })
+  ] });
+};
+const GiftCardPaymentIcon = styled(SVG).withConfig({
+  displayName: "GiftCardPaymentIcon",
+  componentId: "sc-1buvoqf-0"
+})(["flex-shrink:0;"]);
+exports.default = GiftCardPaymentIcon;
+//# sourceMappingURL=index296.cjs.map

package/dist/index296.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index296.cjs","sources":["../src/icons-with-colours/dist/GiftCardPaymentIcon.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=\"#949494\"\n        rx={1.5}\n      />\n      <path\n        fill=\"#121212\"\n        fillRule=\"evenodd\"\n        d=\"M11 7.25h22v14.316l-3.082 3.184H11zm1.5 1.5v4.64H14v-2.292l1.558-1.038 2.192 1.892V8.75zm4.62 4.64-1.62-1.4v1.4zm2.13-4.64v3.6l2.696-2.287 1.554 1.035v2.292h8V8.75zM22 13.39h-1.657L22 11.984zm-5.127 1.5H12.5v8.36h5.25v-6.816l-2.088 3.919-1.324-.705zm2.377 8.36v-6.816l2.088 3.919 1.324-.705-2.535-4.758H31.5v6.069l-2.217 2.291z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst GiftCardPaymentIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default GiftCardPaymentIcon;\n"],"names":[],"mappings":";;;;;AAUA;AACE;AAUI;AAOU;AAMU;AAI1B;AACA;AAAuC;AAAA;AAAA;;"}

package/dist/index296.js

@@ -0,0 +1,17 @@
+"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: "#949494", rx: 1.5 }),
+    /* @__PURE__ */ jsx("path", { fill: "#121212", fillRule: "evenodd", d: "M11 7.25h22v14.316l-3.082 3.184H11zm1.5 1.5v4.64H14v-2.292l1.558-1.038 2.192 1.892V8.75zm4.62 4.64-1.62-1.4v1.4zm2.13-4.64v3.6l2.696-2.287 1.554 1.035v2.292h8V8.75zM22 13.39h-1.657L22 11.984zm-5.127 1.5H12.5v8.36h5.25v-6.816l-2.088 3.919-1.324-.705zm2.377 8.36v-6.816l2.088 3.919 1.324-.705-2.535-4.758H31.5v6.069l-2.217 2.291z", clipRule: "evenodd" })
+  ] });
+};
+const GiftCardPaymentIcon = styled(SVG).withConfig({
+  displayName: "GiftCardPaymentIcon",
+  componentId: "sc-1buvoqf-0"
+})(["flex-shrink:0;"]);
+export {
+  GiftCardPaymentIcon as default
+};
+//# sourceMappingURL=index296.js.map

package/dist/index296.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index296.js","sources":["../src/icons-with-colours/dist/GiftCardPaymentIcon.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=\"#949494\"\n        rx={1.5}\n      />\n      <path\n        fill=\"#121212\"\n        fillRule=\"evenodd\"\n        d=\"M11 7.25h22v14.316l-3.082 3.184H11zm1.5 1.5v4.64H14v-2.292l1.558-1.038 2.192 1.892V8.75zm4.62 4.64-1.62-1.4v1.4zm2.13-4.64v3.6l2.696-2.287 1.554 1.035v2.292h8V8.75zM22 13.39h-1.657L22 11.984zm-5.127 1.5H12.5v8.36h5.25v-6.816l-2.088 3.919-1.324-.705zm2.377 8.36v-6.816l2.088 3.919 1.324-.705-2.535-4.758H31.5v6.069l-2.217 2.291z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst GiftCardPaymentIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default GiftCardPaymentIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAUI;AAOU;AAMU;AAI1B;AACA;AAAuC;AAAA;AAAA;;;;"}

package/dist/index297.cjs

@@ -0,0 +1,26 @@
+"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("g", { clipPath: "url(#a)", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#b)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M33.384 4H10.616a.616.616 0 0 0-.616.616v22.768c0 .34.276.616.616.616h22.768c.34 0 .616-.276.616-.616V4.616A.616.616 0 0 0 33.384 4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#1F3A6A", d: "M24.604 10.135h-.788v.21h.62L26 16.706h-8l1.564-6.36h.62v-.21h-.788l-1.732 6.83h8.672z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#5DC4E9", d: "M23.521 7.265H20.48a.31.31 0 0 0-.31.31v2.983h.23V7.574a.08.08 0 0 1 .08-.08h.567v2.152h-.596l.854.912h1.392l.854-.912h-.596V7.494h.567a.08.08 0 0 1 .08.08v2.984h.23V7.574a.31.31 0 0 0-.31-.309" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#1F3A6A", d: "M21.33 14.281h1.34a.15.15 0 0 0 .153-.162l-.051-.878a.174.174 0 0 0-.172-.162h-1.2a.174.174 0 0 0-.172.162l-.051.878a.15.15 0 0 0 .04.115.15.15 0 0 0 .112.047m-.573-1.202h-1.212a.21.21 0 0 0-.194.159l-.178.884a.13.13 0 0 0 .025.113.13.13 0 0 0 .105.046h1.351a.18.18 0 0 0 .176-.161l.075-.88a.147.147 0 0 0-.148-.161m.627-.279h1.233a.12.12 0 0 0 .123-.129l-.041-.703a.14.14 0 0 0-.138-.13h-1.12a.14.14 0 0 0-.138.13l-.04.703a.12.12 0 0 0 .032.092.12.12 0 0 0 .09.038m-.49-.962h-1.133a.165.165 0 0 0-.155.127l-.142.708a.1.1 0 0 0 .02.09.1.1 0 0 0 .084.037h1.244a.144.144 0 0 0 .14-.13l.061-.703a.117.117 0 0 0-.119-.13m3.535.962a.102.102 0 0 0 .104-.126l-.143-.708a.17.17 0 0 0-.155-.127h-1.13a.117.117 0 0 0-.118.13l.06.703a.144.144 0 0 0 .14.129zm-2.992-1.197h1.126a.106.106 0 0 0 .107-.113l-.032-.543a.12.12 0 0 0-.12-.113h-1.036a.12.12 0 0 0-.12.113l-.032.543a.107.107 0 0 0 .107.113m2.766 0a.09.09 0 0 0 .092-.07.1.1 0 0 0-.001-.041l-.11-.547a.145.145 0 0 0-.137-.111h-1.044a.1.1 0 0 0-.099.07.1.1 0 0 0-.005.043l.047.543a.126.126 0 0 0 .123.113zm-3.206-.769h-1.05a.145.145 0 0 0-.136.11l-.11.548a.09.09 0 0 0 .018.078.09.09 0 0 0 .074.033h1.138a.125.125 0 0 0 .123-.113l.047-.543a.1.1 0 0 0-.062-.105.1.1 0 0 0-.042-.008m3.699 3.447a.13.13 0 0 0 .13-.1.1.1 0 0 0 0-.059l-.18-.884a.21.21 0 0 0-.193-.16h-1.209a.147.147 0 0 0-.148.162l.075.88a.18.18 0 0 0 .176.161zm-2.039.326h-1.314a.21.21 0 0 0-.206.195l-.065 1.114a.18.18 0 0 0 .11.18q.035.015.073.015h1.49a.18.18 0 0 0 .183-.195l-.065-1.114a.21.21 0 0 0-.206-.195m-2.064 0h-1.324a.25.25 0 0 0-.233.191l-.225 1.122a.153.153 0 0 0 .156.19h1.497a.216.216 0 0 0 .211-.193l.096-1.116a.176.176 0 0 0-.178-.194m4.37.191a.25.25 0 0 0-.234-.19h-1.322a.176.176 0 0 0-.178.193l.096 1.116a.216.216 0 0 0 .211.194h1.497a.153.153 0 0 0 .156-.191zm-8.203 5.557h-.54v3.073h.54zm-1.756 1.557a1.24 1.24 0 0 1-.177.66.86.86 0 0 1-.701.428.85.85 0 0 1-.564-.225c-.216-.215-.28-.559-.28-.887.004-.464.138-.725.357-.926a.7.7 0 0 1 .482-.196.84.84 0 0 1 .51.189c.39.327.373.927.373.957m.276 2.377c.229-.303.247-.617.263-1.26l-.006-2.674h-.515v.475a1.3 1.3 0 0 0-.248-.29 1.1 1.1 0 0 0-.735-.245 1.25 1.25 0 0 0-1.033.55 1.8 1.8 0 0 0-.304 1.067q-.005.332.09.648c.077.262.226.497.431.677.23.187.521.278.816.255a1.3 1.3 0 0 0 .735-.266q.12-.103.207-.232l-.005.422q-.006.21-.071.409a.7.7 0 0 1-.138.233c-.147.17-.336.26-.699.272a2.5 2.5 0 0 1-.782-.13 2 2 0 0 1-.303-.148l-.057.535c.086.035.15.058.242.09.28.086.572.13.866.13.304.01.607-.057.878-.197.145-.078.271-.188.368-.321m.904-4.665h.592v-.606h-.592zm2.584 1.188q.192.001.372.073v-.54c-.027 0-.193-.025-.33-.025a.9.9 0 0 0-.724.315 2 2 0 0 0-.15.232l-.028-.512h-.517c.016.386.03.654.03 1.034 0 .445-.008.759-.008 1.2v.839h.558v-1.504c.017-.292.033-.677.332-.94a.68.68 0 0 1 .465-.173m2.825 1.05c0 .336-.105.828-.517 1.06a.89.89 0 0 1-.799.025 1 1 0 0 1-.15-.097 1 1 0 0 1-.292-.404 1.4 1.4 0 0 1-.102-.594 1.18 1.18 0 0 1 .372-.885.9.9 0 0 1 .604-.22c.476.006.686.333.79.583q.093.257.094.532m.12 1.228a1.7 1.7 0 0 0 .452-1.238c-.017-.755-.412-1.206-.787-1.403a1.605 1.605 0 0 0-2.013.577c-.143.27-.216.57-.214.875-.006.617.214.98.477 1.236q.092.079.196.143c.248.15.536.223.825.207a1.5 1.5 0 0 0 .65-.12q.233-.1.414-.277m.928-2.081c.017.594.017 1.017.017 1.614 0 .744-.013 1.49-.017 2.233h.55v-1.843q.078.105.173.196c.209.183.479.283.757.279a1.32 1.32 0 0 0 .97-.421c.46-.493.421-1.16.421-1.26a2 2 0 0 0-.123-.673 1.26 1.26 0 0 0-1.222-.85 1.18 1.18 0 0 0-1.01.541l-.024-.469h-.517c.014.245.017.41.025.653m.54.857q0-.22.063-.428c.143-.434.468-.672.83-.672a.82.82 0 0 1 .748.507c.088.197.127.413.114.629 0 .16-.027.321-.08.473-.2.571-.654.627-.805.627-.349 0-.67-.234-.807-.659a1.6 1.6 0 0 1-.064-.477m7.994-1.51-.686 1.663-.31.806-.02.043c-.079-.23-.186-.518-.284-.791l-.635-1.721h-.59l1.234 3.072-.601 1.428h.55l1.924-4.5zm-2.929.398c-.16-.268-.573-.457-1.056-.457a1.66 1.66 0 0 0-.963.26v.482c.256-.17.553-.27.86-.29.373 0 .666.214.742.415.04.13.06.268.056.405a9 9 0 0 0-.442-.013c-.302 0-.728.013-1.032.162a.87.87 0 0 0-.558.823.94.94 0 0 0 .31.713c.184.14.408.216.639.217a1.4 1.4 0 0 0 .803-.204q.181-.145.326-.326v.488h.47v-1.984c.01-.24-.044-.478-.155-.691m-.348 1.29q.008.211-.046.416a.8.8 0 0 1-.138.262.87.87 0 0 1-.696.326c-.252 0-.588-.132-.588-.493 0-.358.418-.547.65-.585q.202-.03.406-.026.206 0 .412.016z" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M10 4h24v24H10z" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "b", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M10 4h24v24H10z" }) })
+    ] })
+  ] });
+};
+const GiroPayIcon = styled(SVG).withConfig({
+  displayName: "GiroPayIcon",
+  componentId: "sc-rswzyn-0"
+})(["flex-shrink:0;"]);
+exports.default = GiroPayIcon;
+//# sourceMappingURL=index297.cjs.map

package/dist/index297.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index297.cjs","sources":["../src/icons-with-colours/dist/GiroPayIcon.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        <g clipPath=\"url(#b)\">\n          <path\n            fill=\"#fff\"\n            d=\"M33.384 4H10.616a.616.616 0 0 0-.616.616v22.768c0 .34.276.616.616.616h22.768c.34 0 .616-.276.616-.616V4.616A.616.616 0 0 0 33.384 4\"\n          />\n          <path\n            fill=\"#1F3A6A\"\n            d=\"M24.604 10.135h-.788v.21h.62L26 16.706h-8l1.564-6.36h.62v-.21h-.788l-1.732 6.83h8.672z\"\n          />\n          <path\n            fill=\"#5DC4E9\"\n            d=\"M23.521 7.265H20.48a.31.31 0 0 0-.31.31v2.983h.23V7.574a.08.08 0 0 1 .08-.08h.567v2.152h-.596l.854.912h1.392l.854-.912h-.596V7.494h.567a.08.08 0 0 1 .08.08v2.984h.23V7.574a.31.31 0 0 0-.31-.309\"\n          />\n          <path\n            fill=\"#1F3A6A\"\n            d=\"M21.33 14.281h1.34a.15.15 0 0 0 .153-.162l-.051-.878a.174.174 0 0 0-.172-.162h-1.2a.174.174 0 0 0-.172.162l-.051.878a.15.15 0 0 0 .04.115.15.15 0 0 0 .112.047m-.573-1.202h-1.212a.21.21 0 0 0-.194.159l-.178.884a.13.13 0 0 0 .025.113.13.13 0 0 0 .105.046h1.351a.18.18 0 0 0 .176-.161l.075-.88a.147.147 0 0 0-.148-.161m.627-.279h1.233a.12.12 0 0 0 .123-.129l-.041-.703a.14.14 0 0 0-.138-.13h-1.12a.14.14 0 0 0-.138.13l-.04.703a.12.12 0 0 0 .032.092.12.12 0 0 0 .09.038m-.49-.962h-1.133a.165.165 0 0 0-.155.127l-.142.708a.1.1 0 0 0 .02.09.1.1 0 0 0 .084.037h1.244a.144.144 0 0 0 .14-.13l.061-.703a.117.117 0 0 0-.119-.13m3.535.962a.102.102 0 0 0 .104-.126l-.143-.708a.17.17 0 0 0-.155-.127h-1.13a.117.117 0 0 0-.118.13l.06.703a.144.144 0 0 0 .14.129zm-2.992-1.197h1.126a.106.106 0 0 0 .107-.113l-.032-.543a.12.12 0 0 0-.12-.113h-1.036a.12.12 0 0 0-.12.113l-.032.543a.107.107 0 0 0 .107.113m2.766 0a.09.09 0 0 0 .092-.07.1.1 0 0 0-.001-.041l-.11-.547a.145.145 0 0 0-.137-.111h-1.044a.1.1 0 0 0-.099.07.1.1 0 0 0-.005.043l.047.543a.126.126 0 0 0 .123.113zm-3.206-.769h-1.05a.145.145 0 0 0-.136.11l-.11.548a.09.09 0 0 0 .018.078.09.09 0 0 0 .074.033h1.138a.125.125 0 0 0 .123-.113l.047-.543a.1.1 0 0 0-.062-.105.1.1 0 0 0-.042-.008m3.699 3.447a.13.13 0 0 0 .13-.1.1.1 0 0 0 0-.059l-.18-.884a.21.21 0 0 0-.193-.16h-1.209a.147.147 0 0 0-.148.162l.075.88a.18.18 0 0 0 .176.161zm-2.039.326h-1.314a.21.21 0 0 0-.206.195l-.065 1.114a.18.18 0 0 0 .11.18q.035.015.073.015h1.49a.18.18 0 0 0 .183-.195l-.065-1.114a.21.21 0 0 0-.206-.195m-2.064 0h-1.324a.25.25 0 0 0-.233.191l-.225 1.122a.153.153 0 0 0 .156.19h1.497a.216.216 0 0 0 .211-.193l.096-1.116a.176.176 0 0 0-.178-.194m4.37.191a.25.25 0 0 0-.234-.19h-1.322a.176.176 0 0 0-.178.193l.096 1.116a.216.216 0 0 0 .211.194h1.497a.153.153 0 0 0 .156-.191zm-8.203 5.557h-.54v3.073h.54zm-1.756 1.557a1.24 1.24 0 0 1-.177.66.86.86 0 0 1-.701.428.85.85 0 0 1-.564-.225c-.216-.215-.28-.559-.28-.887.004-.464.138-.725.357-.926a.7.7 0 0 1 .482-.196.84.84 0 0 1 .51.189c.39.327.373.927.373.957m.276 2.377c.229-.303.247-.617.263-1.26l-.006-2.674h-.515v.475a1.3 1.3 0 0 0-.248-.29 1.1 1.1 0 0 0-.735-.245 1.25 1.25 0 0 0-1.033.55 1.8 1.8 0 0 0-.304 1.067q-.005.332.09.648c.077.262.226.497.431.677.23.187.521.278.816.255a1.3 1.3 0 0 0 .735-.266q.12-.103.207-.232l-.005.422q-.006.21-.071.409a.7.7 0 0 1-.138.233c-.147.17-.336.26-.699.272a2.5 2.5 0 0 1-.782-.13 2 2 0 0 1-.303-.148l-.057.535c.086.035.15.058.242.09.28.086.572.13.866.13.304.01.607-.057.878-.197.145-.078.271-.188.368-.321m.904-4.665h.592v-.606h-.592zm2.584 1.188q.192.001.372.073v-.54c-.027 0-.193-.025-.33-.025a.9.9 0 0 0-.724.315 2 2 0 0 0-.15.232l-.028-.512h-.517c.016.386.03.654.03 1.034 0 .445-.008.759-.008 1.2v.839h.558v-1.504c.017-.292.033-.677.332-.94a.68.68 0 0 1 .465-.173m2.825 1.05c0 .336-.105.828-.517 1.06a.89.89 0 0 1-.799.025 1 1 0 0 1-.15-.097 1 1 0 0 1-.292-.404 1.4 1.4 0 0 1-.102-.594 1.18 1.18 0 0 1 .372-.885.9.9 0 0 1 .604-.22c.476.006.686.333.79.583q.093.257.094.532m.12 1.228a1.7 1.7 0 0 0 .452-1.238c-.017-.755-.412-1.206-.787-1.403a1.605 1.605 0 0 0-2.013.577c-.143.27-.216.57-.214.875-.006.617.214.98.477 1.236q.092.079.196.143c.248.15.536.223.825.207a1.5 1.5 0 0 0 .65-.12q.233-.1.414-.277m.928-2.081c.017.594.017 1.017.017 1.614 0 .744-.013 1.49-.017 2.233h.55v-1.843q.078.105.173.196c.209.183.479.283.757.279a1.32 1.32 0 0 0 .97-.421c.46-.493.421-1.16.421-1.26a2 2 0 0 0-.123-.673 1.26 1.26 0 0 0-1.222-.85 1.18 1.18 0 0 0-1.01.541l-.024-.469h-.517c.014.245.017.41.025.653m.54.857q0-.22.063-.428c.143-.434.468-.672.83-.672a.82.82 0 0 1 .748.507c.088.197.127.413.114.629 0 .16-.027.321-.08.473-.2.571-.654.627-.805.627-.349 0-.67-.234-.807-.659a1.6 1.6 0 0 1-.064-.477m7.994-1.51-.686 1.663-.31.806-.02.043c-.079-.23-.186-.518-.284-.791l-.635-1.721h-.59l1.234 3.072-.601 1.428h.55l1.924-4.5zm-2.929.398c-.16-.268-.573-.457-1.056-.457a1.66 1.66 0 0 0-.963.26v.482c.256-.17.553-.27.86-.29.373 0 .666.214.742.415.04.13.06.268.056.405a9 9 0 0 0-.442-.013c-.302 0-.728.013-1.032.162a.87.87 0 0 0-.558.823.94.94 0 0 0 .31.713c.184.14.408.216.639.217a1.4 1.4 0 0 0 .803-.204q.181-.145.326-.326v.488h.47v-1.984c.01-.24-.044-.478-.155-.691m-.348 1.29q.008.211-.046.416a.8.8 0 0 1-.138.262.87.87 0 0 1-.696.326c-.252 0-.588-.132-.588-.493 0-.358.418-.547.65-.585q.202-.03.406-.026.206 0 .412.016z\"\n          />\n        </g>\n      </g>\n      <defs>\n        <clipPath id=\"a\">\n          <path fill=\"#fff\" d=\"M10 4h24v24H10z\" />\n        </clipPath>\n        <clipPath id=\"b\">\n          <path fill=\"#fff\" d=\"M10 4h24v24H10z\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\nconst GiroPayIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default GiroPayIcon;\n"],"names":[],"mappings":";;;;;AAUA;AACE;AAUI;AAOU;AAIN;AAEyI;AAI7C;AAI2G;AAI8gI;AAGztI;AAEE;AAEA;AAGA;AACF;AAGN;AACA;AAA+B;AAAA;AAAA;;"}

package/dist/index297.js

@@ -0,0 +1,26 @@
+"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("g", { clipPath: "url(#a)", children: /* @__PURE__ */ jsxs("g", { clipPath: "url(#b)", children: [
+      /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M33.384 4H10.616a.616.616 0 0 0-.616.616v22.768c0 .34.276.616.616.616h22.768c.34 0 .616-.276.616-.616V4.616A.616.616 0 0 0 33.384 4" }),
+      /* @__PURE__ */ jsx("path", { fill: "#1F3A6A", d: "M24.604 10.135h-.788v.21h.62L26 16.706h-8l1.564-6.36h.62v-.21h-.788l-1.732 6.83h8.672z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#5DC4E9", d: "M23.521 7.265H20.48a.31.31 0 0 0-.31.31v2.983h.23V7.574a.08.08 0 0 1 .08-.08h.567v2.152h-.596l.854.912h1.392l.854-.912h-.596V7.494h.567a.08.08 0 0 1 .08.08v2.984h.23V7.574a.31.31 0 0 0-.31-.309" }),
+      /* @__PURE__ */ jsx("path", { fill: "#1F3A6A", d: "M21.33 14.281h1.34a.15.15 0 0 0 .153-.162l-.051-.878a.174.174 0 0 0-.172-.162h-1.2a.174.174 0 0 0-.172.162l-.051.878a.15.15 0 0 0 .04.115.15.15 0 0 0 .112.047m-.573-1.202h-1.212a.21.21 0 0 0-.194.159l-.178.884a.13.13 0 0 0 .025.113.13.13 0 0 0 .105.046h1.351a.18.18 0 0 0 .176-.161l.075-.88a.147.147 0 0 0-.148-.161m.627-.279h1.233a.12.12 0 0 0 .123-.129l-.041-.703a.14.14 0 0 0-.138-.13h-1.12a.14.14 0 0 0-.138.13l-.04.703a.12.12 0 0 0 .032.092.12.12 0 0 0 .09.038m-.49-.962h-1.133a.165.165 0 0 0-.155.127l-.142.708a.1.1 0 0 0 .02.09.1.1 0 0 0 .084.037h1.244a.144.144 0 0 0 .14-.13l.061-.703a.117.117 0 0 0-.119-.13m3.535.962a.102.102 0 0 0 .104-.126l-.143-.708a.17.17 0 0 0-.155-.127h-1.13a.117.117 0 0 0-.118.13l.06.703a.144.144 0 0 0 .14.129zm-2.992-1.197h1.126a.106.106 0 0 0 .107-.113l-.032-.543a.12.12 0 0 0-.12-.113h-1.036a.12.12 0 0 0-.12.113l-.032.543a.107.107 0 0 0 .107.113m2.766 0a.09.09 0 0 0 .092-.07.1.1 0 0 0-.001-.041l-.11-.547a.145.145 0 0 0-.137-.111h-1.044a.1.1 0 0 0-.099.07.1.1 0 0 0-.005.043l.047.543a.126.126 0 0 0 .123.113zm-3.206-.769h-1.05a.145.145 0 0 0-.136.11l-.11.548a.09.09 0 0 0 .018.078.09.09 0 0 0 .074.033h1.138a.125.125 0 0 0 .123-.113l.047-.543a.1.1 0 0 0-.062-.105.1.1 0 0 0-.042-.008m3.699 3.447a.13.13 0 0 0 .13-.1.1.1 0 0 0 0-.059l-.18-.884a.21.21 0 0 0-.193-.16h-1.209a.147.147 0 0 0-.148.162l.075.88a.18.18 0 0 0 .176.161zm-2.039.326h-1.314a.21.21 0 0 0-.206.195l-.065 1.114a.18.18 0 0 0 .11.18q.035.015.073.015h1.49a.18.18 0 0 0 .183-.195l-.065-1.114a.21.21 0 0 0-.206-.195m-2.064 0h-1.324a.25.25 0 0 0-.233.191l-.225 1.122a.153.153 0 0 0 .156.19h1.497a.216.216 0 0 0 .211-.193l.096-1.116a.176.176 0 0 0-.178-.194m4.37.191a.25.25 0 0 0-.234-.19h-1.322a.176.176 0 0 0-.178.193l.096 1.116a.216.216 0 0 0 .211.194h1.497a.153.153 0 0 0 .156-.191zm-8.203 5.557h-.54v3.073h.54zm-1.756 1.557a1.24 1.24 0 0 1-.177.66.86.86 0 0 1-.701.428.85.85 0 0 1-.564-.225c-.216-.215-.28-.559-.28-.887.004-.464.138-.725.357-.926a.7.7 0 0 1 .482-.196.84.84 0 0 1 .51.189c.39.327.373.927.373.957m.276 2.377c.229-.303.247-.617.263-1.26l-.006-2.674h-.515v.475a1.3 1.3 0 0 0-.248-.29 1.1 1.1 0 0 0-.735-.245 1.25 1.25 0 0 0-1.033.55 1.8 1.8 0 0 0-.304 1.067q-.005.332.09.648c.077.262.226.497.431.677.23.187.521.278.816.255a1.3 1.3 0 0 0 .735-.266q.12-.103.207-.232l-.005.422q-.006.21-.071.409a.7.7 0 0 1-.138.233c-.147.17-.336.26-.699.272a2.5 2.5 0 0 1-.782-.13 2 2 0 0 1-.303-.148l-.057.535c.086.035.15.058.242.09.28.086.572.13.866.13.304.01.607-.057.878-.197.145-.078.271-.188.368-.321m.904-4.665h.592v-.606h-.592zm2.584 1.188q.192.001.372.073v-.54c-.027 0-.193-.025-.33-.025a.9.9 0 0 0-.724.315 2 2 0 0 0-.15.232l-.028-.512h-.517c.016.386.03.654.03 1.034 0 .445-.008.759-.008 1.2v.839h.558v-1.504c.017-.292.033-.677.332-.94a.68.68 0 0 1 .465-.173m2.825 1.05c0 .336-.105.828-.517 1.06a.89.89 0 0 1-.799.025 1 1 0 0 1-.15-.097 1 1 0 0 1-.292-.404 1.4 1.4 0 0 1-.102-.594 1.18 1.18 0 0 1 .372-.885.9.9 0 0 1 .604-.22c.476.006.686.333.79.583q.093.257.094.532m.12 1.228a1.7 1.7 0 0 0 .452-1.238c-.017-.755-.412-1.206-.787-1.403a1.605 1.605 0 0 0-2.013.577c-.143.27-.216.57-.214.875-.006.617.214.98.477 1.236q.092.079.196.143c.248.15.536.223.825.207a1.5 1.5 0 0 0 .65-.12q.233-.1.414-.277m.928-2.081c.017.594.017 1.017.017 1.614 0 .744-.013 1.49-.017 2.233h.55v-1.843q.078.105.173.196c.209.183.479.283.757.279a1.32 1.32 0 0 0 .97-.421c.46-.493.421-1.16.421-1.26a2 2 0 0 0-.123-.673 1.26 1.26 0 0 0-1.222-.85 1.18 1.18 0 0 0-1.01.541l-.024-.469h-.517c.014.245.017.41.025.653m.54.857q0-.22.063-.428c.143-.434.468-.672.83-.672a.82.82 0 0 1 .748.507c.088.197.127.413.114.629 0 .16-.027.321-.08.473-.2.571-.654.627-.805.627-.349 0-.67-.234-.807-.659a1.6 1.6 0 0 1-.064-.477m7.994-1.51-.686 1.663-.31.806-.02.043c-.079-.23-.186-.518-.284-.791l-.635-1.721h-.59l1.234 3.072-.601 1.428h.55l1.924-4.5zm-2.929.398c-.16-.268-.573-.457-1.056-.457a1.66 1.66 0 0 0-.963.26v.482c.256-.17.553-.27.86-.29.373 0 .666.214.742.415.04.13.06.268.056.405a9 9 0 0 0-.442-.013c-.302 0-.728.013-1.032.162a.87.87 0 0 0-.558.823.94.94 0 0 0 .31.713c.184.14.408.216.639.217a1.4 1.4 0 0 0 .803-.204q.181-.145.326-.326v.488h.47v-1.984c.01-.24-.044-.478-.155-.691m-.348 1.29q.008.211-.046.416a.8.8 0 0 1-.138.262.87.87 0 0 1-.696.326c-.252 0-.588-.132-.588-.493 0-.358.418-.547.65-.585q.202-.03.406-.026.206 0 .412.016z" })
+    ] }) }),
+    /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M10 4h24v24H10z" }) }),
+      /* @__PURE__ */ jsx("clipPath", { id: "b", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M10 4h24v24H10z" }) })
+    ] })
+  ] });
+};
+const GiroPayIcon = styled(SVG).withConfig({
+  displayName: "GiroPayIcon",
+  componentId: "sc-rswzyn-0"
+})(["flex-shrink:0;"]);
+export {
+  GiroPayIcon as default
+};
+//# sourceMappingURL=index297.js.map

package/dist/index297.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index297.js","sources":["../src/icons-with-colours/dist/GiroPayIcon.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        <g clipPath=\"url(#b)\">\n          <path\n            fill=\"#fff\"\n            d=\"M33.384 4H10.616a.616.616 0 0 0-.616.616v22.768c0 .34.276.616.616.616h22.768c.34 0 .616-.276.616-.616V4.616A.616.616 0 0 0 33.384 4\"\n          />\n          <path\n            fill=\"#1F3A6A\"\n            d=\"M24.604 10.135h-.788v.21h.62L26 16.706h-8l1.564-6.36h.62v-.21h-.788l-1.732 6.83h8.672z\"\n          />\n          <path\n            fill=\"#5DC4E9\"\n            d=\"M23.521 7.265H20.48a.31.31 0 0 0-.31.31v2.983h.23V7.574a.08.08 0 0 1 .08-.08h.567v2.152h-.596l.854.912h1.392l.854-.912h-.596V7.494h.567a.08.08 0 0 1 .08.08v2.984h.23V7.574a.31.31 0 0 0-.31-.309\"\n          />\n          <path\n            fill=\"#1F3A6A\"\n            d=\"M21.33 14.281h1.34a.15.15 0 0 0 .153-.162l-.051-.878a.174.174 0 0 0-.172-.162h-1.2a.174.174 0 0 0-.172.162l-.051.878a.15.15 0 0 0 .04.115.15.15 0 0 0 .112.047m-.573-1.202h-1.212a.21.21 0 0 0-.194.159l-.178.884a.13.13 0 0 0 .025.113.13.13 0 0 0 .105.046h1.351a.18.18 0 0 0 .176-.161l.075-.88a.147.147 0 0 0-.148-.161m.627-.279h1.233a.12.12 0 0 0 .123-.129l-.041-.703a.14.14 0 0 0-.138-.13h-1.12a.14.14 0 0 0-.138.13l-.04.703a.12.12 0 0 0 .032.092.12.12 0 0 0 .09.038m-.49-.962h-1.133a.165.165 0 0 0-.155.127l-.142.708a.1.1 0 0 0 .02.09.1.1 0 0 0 .084.037h1.244a.144.144 0 0 0 .14-.13l.061-.703a.117.117 0 0 0-.119-.13m3.535.962a.102.102 0 0 0 .104-.126l-.143-.708a.17.17 0 0 0-.155-.127h-1.13a.117.117 0 0 0-.118.13l.06.703a.144.144 0 0 0 .14.129zm-2.992-1.197h1.126a.106.106 0 0 0 .107-.113l-.032-.543a.12.12 0 0 0-.12-.113h-1.036a.12.12 0 0 0-.12.113l-.032.543a.107.107 0 0 0 .107.113m2.766 0a.09.09 0 0 0 .092-.07.1.1 0 0 0-.001-.041l-.11-.547a.145.145 0 0 0-.137-.111h-1.044a.1.1 0 0 0-.099.07.1.1 0 0 0-.005.043l.047.543a.126.126 0 0 0 .123.113zm-3.206-.769h-1.05a.145.145 0 0 0-.136.11l-.11.548a.09.09 0 0 0 .018.078.09.09 0 0 0 .074.033h1.138a.125.125 0 0 0 .123-.113l.047-.543a.1.1 0 0 0-.062-.105.1.1 0 0 0-.042-.008m3.699 3.447a.13.13 0 0 0 .13-.1.1.1 0 0 0 0-.059l-.18-.884a.21.21 0 0 0-.193-.16h-1.209a.147.147 0 0 0-.148.162l.075.88a.18.18 0 0 0 .176.161zm-2.039.326h-1.314a.21.21 0 0 0-.206.195l-.065 1.114a.18.18 0 0 0 .11.18q.035.015.073.015h1.49a.18.18 0 0 0 .183-.195l-.065-1.114a.21.21 0 0 0-.206-.195m-2.064 0h-1.324a.25.25 0 0 0-.233.191l-.225 1.122a.153.153 0 0 0 .156.19h1.497a.216.216 0 0 0 .211-.193l.096-1.116a.176.176 0 0 0-.178-.194m4.37.191a.25.25 0 0 0-.234-.19h-1.322a.176.176 0 0 0-.178.193l.096 1.116a.216.216 0 0 0 .211.194h1.497a.153.153 0 0 0 .156-.191zm-8.203 5.557h-.54v3.073h.54zm-1.756 1.557a1.24 1.24 0 0 1-.177.66.86.86 0 0 1-.701.428.85.85 0 0 1-.564-.225c-.216-.215-.28-.559-.28-.887.004-.464.138-.725.357-.926a.7.7 0 0 1 .482-.196.84.84 0 0 1 .51.189c.39.327.373.927.373.957m.276 2.377c.229-.303.247-.617.263-1.26l-.006-2.674h-.515v.475a1.3 1.3 0 0 0-.248-.29 1.1 1.1 0 0 0-.735-.245 1.25 1.25 0 0 0-1.033.55 1.8 1.8 0 0 0-.304 1.067q-.005.332.09.648c.077.262.226.497.431.677.23.187.521.278.816.255a1.3 1.3 0 0 0 .735-.266q.12-.103.207-.232l-.005.422q-.006.21-.071.409a.7.7 0 0 1-.138.233c-.147.17-.336.26-.699.272a2.5 2.5 0 0 1-.782-.13 2 2 0 0 1-.303-.148l-.057.535c.086.035.15.058.242.09.28.086.572.13.866.13.304.01.607-.057.878-.197.145-.078.271-.188.368-.321m.904-4.665h.592v-.606h-.592zm2.584 1.188q.192.001.372.073v-.54c-.027 0-.193-.025-.33-.025a.9.9 0 0 0-.724.315 2 2 0 0 0-.15.232l-.028-.512h-.517c.016.386.03.654.03 1.034 0 .445-.008.759-.008 1.2v.839h.558v-1.504c.017-.292.033-.677.332-.94a.68.68 0 0 1 .465-.173m2.825 1.05c0 .336-.105.828-.517 1.06a.89.89 0 0 1-.799.025 1 1 0 0 1-.15-.097 1 1 0 0 1-.292-.404 1.4 1.4 0 0 1-.102-.594 1.18 1.18 0 0 1 .372-.885.9.9 0 0 1 .604-.22c.476.006.686.333.79.583q.093.257.094.532m.12 1.228a1.7 1.7 0 0 0 .452-1.238c-.017-.755-.412-1.206-.787-1.403a1.605 1.605 0 0 0-2.013.577c-.143.27-.216.57-.214.875-.006.617.214.98.477 1.236q.092.079.196.143c.248.15.536.223.825.207a1.5 1.5 0 0 0 .65-.12q.233-.1.414-.277m.928-2.081c.017.594.017 1.017.017 1.614 0 .744-.013 1.49-.017 2.233h.55v-1.843q.078.105.173.196c.209.183.479.283.757.279a1.32 1.32 0 0 0 .97-.421c.46-.493.421-1.16.421-1.26a2 2 0 0 0-.123-.673 1.26 1.26 0 0 0-1.222-.85 1.18 1.18 0 0 0-1.01.541l-.024-.469h-.517c.014.245.017.41.025.653m.54.857q0-.22.063-.428c.143-.434.468-.672.83-.672a.82.82 0 0 1 .748.507c.088.197.127.413.114.629 0 .16-.027.321-.08.473-.2.571-.654.627-.805.627-.349 0-.67-.234-.807-.659a1.6 1.6 0 0 1-.064-.477m7.994-1.51-.686 1.663-.31.806-.02.043c-.079-.23-.186-.518-.284-.791l-.635-1.721h-.59l1.234 3.072-.601 1.428h.55l1.924-4.5zm-2.929.398c-.16-.268-.573-.457-1.056-.457a1.66 1.66 0 0 0-.963.26v.482c.256-.17.553-.27.86-.29.373 0 .666.214.742.415.04.13.06.268.056.405a9 9 0 0 0-.442-.013c-.302 0-.728.013-1.032.162a.87.87 0 0 0-.558.823.94.94 0 0 0 .31.713c.184.14.408.216.639.217a1.4 1.4 0 0 0 .803-.204q.181-.145.326-.326v.488h.47v-1.984c.01-.24-.044-.478-.155-.691m-.348 1.29q.008.211-.046.416a.8.8 0 0 1-.138.262.87.87 0 0 1-.696.326c-.252 0-.588-.132-.588-.493 0-.358.418-.547.65-.585q.202-.03.406-.026.206 0 .412.016z\"\n          />\n        </g>\n      </g>\n      <defs>\n        <clipPath id=\"a\">\n          <path fill=\"#fff\" d=\"M10 4h24v24H10z\" />\n        </clipPath>\n        <clipPath id=\"b\">\n          <path fill=\"#fff\" d=\"M10 4h24v24H10z\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\nconst GiroPayIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default GiroPayIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAUI;AAOU;AAIN;AAEyI;AAI7C;AAI2G;AAI8gI;AAGztI;AAEE;AAEA;AAGA;AACF;AAGN;AACA;AAA+B;AAAA;AAAA;;;;"}

package/dist/index298.cjs

@@ -0,0 +1,22 @@
+"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("path", { fill: "#fff", d: "M32.298 4.5H11.702C5.266 4.5 0 9.675 0 16s5.266 11.5 11.702 11.5h20.596C38.734 27.5 44 22.325 44 16S38.734 4.5 32.298 4.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#3C4043", d: "M32.298 5.432c1.445 0 2.85.281 4.172.833a10.9 10.9 0 0 1 3.423 2.272 10.6 10.6 0 0 1 2.31 3.363c.562 1.3.85 2.68.85 4.1s-.288 2.8-.85 4.1a10.7 10.7 0 0 1-2.31 3.363 10.8 10.8 0 0 1-3.423 2.272 10.8 10.8 0 0 1-4.172.834H11.702c-1.445 0-2.85-.282-4.172-.834a10.9 10.9 0 0 1-3.423-2.271 10.6 10.6 0 0 1-2.31-3.364c-.562-1.3-.85-2.68-.85-4.1s.288-2.8.85-4.1a10.7 10.7 0 0 1 2.31-3.363A10.8 10.8 0 0 1 7.53 6.265a10.8 10.8 0 0 1 4.172-.833zm0-.932H11.702C5.266 4.5 0 9.675 0 16s5.266 11.5 11.702 11.5h20.596C38.734 27.5 44 22.325 44 16S38.734 4.5 32.298 4.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#3C4043", d: "M20.982 16.817v3.479h-1.123v-8.59h2.978q1.133 0 1.925.74.807.743.807 1.812c0 .73-.269 1.334-.807 1.823q-.783.732-1.925.73h-1.855zm0-4.054v2.996h1.878c.445 0 .82-.15 1.112-.443.298-.293.45-.65.45-1.052a1.42 1.42 0 0 0-.45-1.04q-.437-.457-1.112-.455h-1.878zm7.524 1.461q1.247 0 1.966.655.72.656.72 1.794v3.623h-1.07v-.817h-.047q-.696 1.008-1.855 1.006-.99.001-1.656-.575-.667-.576-.667-1.437 0-.915.702-1.45.703-.54 1.872-.54 1.002 0 1.645.363v-.253c0-.386-.153-.708-.463-.978a1.6 1.6 0 0 0-1.088-.402q-.94-.002-1.486.782l-.99-.61q.82-1.162 2.417-1.161m-1.45 4.266q-.002.434.374.719.37.286.872.287.71 0 1.264-.517.553-.516.555-1.213-.524-.407-1.462-.409-.685.002-1.141.322-.464.337-.463.811M37.3 14.413l-3.744 8.464h-1.159l1.393-2.961-2.47-5.503h1.224l1.778 4.22h.024l1.732-4.22z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4285F4", d: "M16.514 16.115q-.001-.54-.094-1.036h-4.71v1.898h2.713a2.28 2.28 0 0 1-1.007 1.529v1.23h1.615c.942-.857 1.483-2.124 1.483-3.621" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#34A853", d: "M13.417 18.506c-.45.298-1.028.473-1.705.473-1.308 0-2.417-.866-2.814-2.034H7.233v1.27a5.02 5.02 0 0 0 4.48 2.713c1.353 0 2.49-.438 3.318-1.191z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FABB05", d: "M8.74 16.003c0-.328.056-.645.158-.942v-1.27H7.232a4.8 4.8 0 0 0-.533 2.212c0 .796.193 1.547.533 2.212l1.666-1.27a2.9 2.9 0 0 1-.157-.942" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#E94235", d: "M11.712 13.027c.74 0 1.4.25 1.923.74l1.43-1.405c-.868-.796-2-1.284-3.353-1.284a5.02 5.02 0 0 0-4.48 2.713l1.666 1.27c.397-1.168 1.506-2.034 2.814-2.034" })
+  ] });
+};
+const GooglePayIcon = styled(SVG).withConfig({
+  displayName: "GooglePayIcon",
+  componentId: "sc-173trnt-0"
+})(["flex-shrink:0;"]);
+exports.default = GooglePayIcon;
+//# sourceMappingURL=index298.cjs.map

package/dist/index298.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index298.cjs","sources":["../src/icons-with-colours/dist/GooglePayIcon.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      <path\n        fill=\"#fff\"\n        d=\"M32.298 4.5H11.702C5.266 4.5 0 9.675 0 16s5.266 11.5 11.702 11.5h20.596C38.734 27.5 44 22.325 44 16S38.734 4.5 32.298 4.5\"\n      />\n      <path\n        fill=\"#3C4043\"\n        d=\"M32.298 5.432c1.445 0 2.85.281 4.172.833a10.9 10.9 0 0 1 3.423 2.272 10.6 10.6 0 0 1 2.31 3.363c.562 1.3.85 2.68.85 4.1s-.288 2.8-.85 4.1a10.7 10.7 0 0 1-2.31 3.363 10.8 10.8 0 0 1-3.423 2.272 10.8 10.8 0 0 1-4.172.834H11.702c-1.445 0-2.85-.282-4.172-.834a10.9 10.9 0 0 1-3.423-2.271 10.6 10.6 0 0 1-2.31-3.364c-.562-1.3-.85-2.68-.85-4.1s.288-2.8.85-4.1a10.7 10.7 0 0 1 2.31-3.363A10.8 10.8 0 0 1 7.53 6.265a10.8 10.8 0 0 1 4.172-.833zm0-.932H11.702C5.266 4.5 0 9.675 0 16s5.266 11.5 11.702 11.5h20.596C38.734 27.5 44 22.325 44 16S38.734 4.5 32.298 4.5\"\n      />\n      <path\n        fill=\"#3C4043\"\n        d=\"M20.982 16.817v3.479h-1.123v-8.59h2.978q1.133 0 1.925.74.807.743.807 1.812c0 .73-.269 1.334-.807 1.823q-.783.732-1.925.73h-1.855zm0-4.054v2.996h1.878c.445 0 .82-.15 1.112-.443.298-.293.45-.65.45-1.052a1.42 1.42 0 0 0-.45-1.04q-.437-.457-1.112-.455h-1.878zm7.524 1.461q1.247 0 1.966.655.72.656.72 1.794v3.623h-1.07v-.817h-.047q-.696 1.008-1.855 1.006-.99.001-1.656-.575-.667-.576-.667-1.437 0-.915.702-1.45.703-.54 1.872-.54 1.002 0 1.645.363v-.253c0-.386-.153-.708-.463-.978a1.6 1.6 0 0 0-1.088-.402q-.94-.002-1.486.782l-.99-.61q.82-1.162 2.417-1.161m-1.45 4.266q-.002.434.374.719.37.286.872.287.71 0 1.264-.517.553-.516.555-1.213-.524-.407-1.462-.409-.685.002-1.141.322-.464.337-.463.811M37.3 14.413l-3.744 8.464h-1.159l1.393-2.961-2.47-5.503h1.224l1.778 4.22h.024l1.732-4.22z\"\n      />\n      <path\n        fill=\"#4285F4\"\n        d=\"M16.514 16.115q-.001-.54-.094-1.036h-4.71v1.898h2.713a2.28 2.28 0 0 1-1.007 1.529v1.23h1.615c.942-.857 1.483-2.124 1.483-3.621\"\n      />\n      <path\n        fill=\"#34A853\"\n        d=\"M13.417 18.506c-.45.298-1.028.473-1.705.473-1.308 0-2.417-.866-2.814-2.034H7.233v1.27a5.02 5.02 0 0 0 4.48 2.713c1.353 0 2.49-.438 3.318-1.191z\"\n      />\n      <path\n        fill=\"#FABB05\"\n        d=\"M8.74 16.003c0-.328.056-.645.158-.942v-1.27H7.232a4.8 4.8 0 0 0-.533 2.212c0 .796.193 1.547.533 2.212l1.666-1.27a2.9 2.9 0 0 1-.157-.942\"\n      />\n      <path\n        fill=\"#E94235\"\n        d=\"M11.712 13.027c.74 0 1.4.25 1.923.74l1.43-1.405c-.868-.796-2-1.284-3.353-1.284a5.02 5.02 0 0 0-4.48 2.713l1.666 1.27c.397-1.168 1.506-2.034 2.814-2.034\"\n      />\n    </svg>\n  );\n};\nconst GooglePayIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default GooglePayIcon;\n"],"names":[],"mappings":";;;;;AAUA;AACE;AAUI;AAE+H;AAI+a;AAIiO;AAI3oB;AAIiB;AAIP;AAIe;AAInK;AACA;AAAiC;AAAA;AAAA;;"}

package/dist/index298.js

@@ -0,0 +1,22 @@
+"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("path", { fill: "#fff", d: "M32.298 4.5H11.702C5.266 4.5 0 9.675 0 16s5.266 11.5 11.702 11.5h20.596C38.734 27.5 44 22.325 44 16S38.734 4.5 32.298 4.5" }),
+    /* @__PURE__ */ jsx("path", { fill: "#3C4043", d: "M32.298 5.432c1.445 0 2.85.281 4.172.833a10.9 10.9 0 0 1 3.423 2.272 10.6 10.6 0 0 1 2.31 3.363c.562 1.3.85 2.68.85 4.1s-.288 2.8-.85 4.1a10.7 10.7 0 0 1-2.31 3.363 10.8 10.8 0 0 1-3.423 2.272 10.8 10.8 0 0 1-4.172.834H11.702c-1.445 0-2.85-.282-4.172-.834a10.9 10.9 0 0 1-3.423-2.271 10.6 10.6 0 0 1-2.31-3.364c-.562-1.3-.85-2.68-.85-4.1s.288-2.8.85-4.1a10.7 10.7 0 0 1 2.31-3.363A10.8 10.8 0 0 1 7.53 6.265a10.8 10.8 0 0 1 4.172-.833zm0-.932H11.702C5.266 4.5 0 9.675 0 16s5.266 11.5 11.702 11.5h20.596C38.734 27.5 44 22.325 44 16S38.734 4.5 32.298 4.5" }),
+    /* @__PURE__ */ jsx("path", { fill: "#3C4043", d: "M20.982 16.817v3.479h-1.123v-8.59h2.978q1.133 0 1.925.74.807.743.807 1.812c0 .73-.269 1.334-.807 1.823q-.783.732-1.925.73h-1.855zm0-4.054v2.996h1.878c.445 0 .82-.15 1.112-.443.298-.293.45-.65.45-1.052a1.42 1.42 0 0 0-.45-1.04q-.437-.457-1.112-.455h-1.878zm7.524 1.461q1.247 0 1.966.655.72.656.72 1.794v3.623h-1.07v-.817h-.047q-.696 1.008-1.855 1.006-.99.001-1.656-.575-.667-.576-.667-1.437 0-.915.702-1.45.703-.54 1.872-.54 1.002 0 1.645.363v-.253c0-.386-.153-.708-.463-.978a1.6 1.6 0 0 0-1.088-.402q-.94-.002-1.486.782l-.99-.61q.82-1.162 2.417-1.161m-1.45 4.266q-.002.434.374.719.37.286.872.287.71 0 1.264-.517.553-.516.555-1.213-.524-.407-1.462-.409-.685.002-1.141.322-.464.337-.463.811M37.3 14.413l-3.744 8.464h-1.159l1.393-2.961-2.47-5.503h1.224l1.778 4.22h.024l1.732-4.22z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#4285F4", d: "M16.514 16.115q-.001-.54-.094-1.036h-4.71v1.898h2.713a2.28 2.28 0 0 1-1.007 1.529v1.23h1.615c.942-.857 1.483-2.124 1.483-3.621" }),
+    /* @__PURE__ */ jsx("path", { fill: "#34A853", d: "M13.417 18.506c-.45.298-1.028.473-1.705.473-1.308 0-2.417-.866-2.814-2.034H7.233v1.27a5.02 5.02 0 0 0 4.48 2.713c1.353 0 2.49-.438 3.318-1.191z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#FABB05", d: "M8.74 16.003c0-.328.056-.645.158-.942v-1.27H7.232a4.8 4.8 0 0 0-.533 2.212c0 .796.193 1.547.533 2.212l1.666-1.27a2.9 2.9 0 0 1-.157-.942" }),
+    /* @__PURE__ */ jsx("path", { fill: "#E94235", d: "M11.712 13.027c.74 0 1.4.25 1.923.74l1.43-1.405c-.868-.796-2-1.284-3.353-1.284a5.02 5.02 0 0 0-4.48 2.713l1.666 1.27c.397-1.168 1.506-2.034 2.814-2.034" })
+  ] });
+};
+const GooglePayIcon = styled(SVG).withConfig({
+  displayName: "GooglePayIcon",
+  componentId: "sc-173trnt-0"
+})(["flex-shrink:0;"]);
+export {
+  GooglePayIcon as default
+};
+//# sourceMappingURL=index298.js.map

package/dist/index298.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index298.js","sources":["../src/icons-with-colours/dist/GooglePayIcon.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      <path\n        fill=\"#fff\"\n        d=\"M32.298 4.5H11.702C5.266 4.5 0 9.675 0 16s5.266 11.5 11.702 11.5h20.596C38.734 27.5 44 22.325 44 16S38.734 4.5 32.298 4.5\"\n      />\n      <path\n        fill=\"#3C4043\"\n        d=\"M32.298 5.432c1.445 0 2.85.281 4.172.833a10.9 10.9 0 0 1 3.423 2.272 10.6 10.6 0 0 1 2.31 3.363c.562 1.3.85 2.68.85 4.1s-.288 2.8-.85 4.1a10.7 10.7 0 0 1-2.31 3.363 10.8 10.8 0 0 1-3.423 2.272 10.8 10.8 0 0 1-4.172.834H11.702c-1.445 0-2.85-.282-4.172-.834a10.9 10.9 0 0 1-3.423-2.271 10.6 10.6 0 0 1-2.31-3.364c-.562-1.3-.85-2.68-.85-4.1s.288-2.8.85-4.1a10.7 10.7 0 0 1 2.31-3.363A10.8 10.8 0 0 1 7.53 6.265a10.8 10.8 0 0 1 4.172-.833zm0-.932H11.702C5.266 4.5 0 9.675 0 16s5.266 11.5 11.702 11.5h20.596C38.734 27.5 44 22.325 44 16S38.734 4.5 32.298 4.5\"\n      />\n      <path\n        fill=\"#3C4043\"\n        d=\"M20.982 16.817v3.479h-1.123v-8.59h2.978q1.133 0 1.925.74.807.743.807 1.812c0 .73-.269 1.334-.807 1.823q-.783.732-1.925.73h-1.855zm0-4.054v2.996h1.878c.445 0 .82-.15 1.112-.443.298-.293.45-.65.45-1.052a1.42 1.42 0 0 0-.45-1.04q-.437-.457-1.112-.455h-1.878zm7.524 1.461q1.247 0 1.966.655.72.656.72 1.794v3.623h-1.07v-.817h-.047q-.696 1.008-1.855 1.006-.99.001-1.656-.575-.667-.576-.667-1.437 0-.915.702-1.45.703-.54 1.872-.54 1.002 0 1.645.363v-.253c0-.386-.153-.708-.463-.978a1.6 1.6 0 0 0-1.088-.402q-.94-.002-1.486.782l-.99-.61q.82-1.162 2.417-1.161m-1.45 4.266q-.002.434.374.719.37.286.872.287.71 0 1.264-.517.553-.516.555-1.213-.524-.407-1.462-.409-.685.002-1.141.322-.464.337-.463.811M37.3 14.413l-3.744 8.464h-1.159l1.393-2.961-2.47-5.503h1.224l1.778 4.22h.024l1.732-4.22z\"\n      />\n      <path\n        fill=\"#4285F4\"\n        d=\"M16.514 16.115q-.001-.54-.094-1.036h-4.71v1.898h2.713a2.28 2.28 0 0 1-1.007 1.529v1.23h1.615c.942-.857 1.483-2.124 1.483-3.621\"\n      />\n      <path\n        fill=\"#34A853\"\n        d=\"M13.417 18.506c-.45.298-1.028.473-1.705.473-1.308 0-2.417-.866-2.814-2.034H7.233v1.27a5.02 5.02 0 0 0 4.48 2.713c1.353 0 2.49-.438 3.318-1.191z\"\n      />\n      <path\n        fill=\"#FABB05\"\n        d=\"M8.74 16.003c0-.328.056-.645.158-.942v-1.27H7.232a4.8 4.8 0 0 0-.533 2.212c0 .796.193 1.547.533 2.212l1.666-1.27a2.9 2.9 0 0 1-.157-.942\"\n      />\n      <path\n        fill=\"#E94235\"\n        d=\"M11.712 13.027c.74 0 1.4.25 1.923.74l1.43-1.405c-.868-.796-2-1.284-3.353-1.284a5.02 5.02 0 0 0-4.48 2.713l1.666 1.27c.397-1.168 1.506-2.034 2.814-2.034\"\n      />\n    </svg>\n  );\n};\nconst GooglePayIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default GooglePayIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAUI;AAE+H;AAI+a;AAIiO;AAI3oB;AAIiB;AAIP;AAIe;AAInK;AACA;AAAiC;AAAA;AAAA;;;;"}

package/dist/index299.cjs

@@ -0,0 +1,23 @@
+"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: "#C06", d: "M16.485 9.371v15.037h6.546c5.946 0 8.525-3.36 8.525-8.101 0-4.54-2.579-8.07-8.525-8.07h-5.412a1.134 1.134 0 0 0-1.134 1.134" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#000", d: "M11.7 6.567A1.135 1.135 0 0 0 10.568 7.7v17.244a1.135 1.135 0 0 0 1.134 1.133H22.28c7.07 0 10.965-3.473 10.965-9.779 0-8.468-6.87-9.732-10.965-9.732zm10.58 20.078H11.7a1.703 1.703 0 0 1-1.7-1.7V7.7A1.703 1.703 0 0 1 11.7 6h10.58c10.032 0 11.53 6.453 11.53 10.3 0 6.671-4.095 10.345-11.53 10.345" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M18.734 17.205q.171 0 .332-.055a.7.7 0 0 0 .287-.184.9.9 0 0 0 .201-.334q.075-.207.076-.504a2 2 0 0 0-.053-.49 1 1 0 0 0-.174-.375.8.8 0 0 0-.319-.239 1.3 1.3 0 0 0-.49-.083h-.564v2.264zm.056-2.928q.346 0 .646.111c.195.07.372.184.518.332q.219.221.343.553.122.333.123.78 0 .392-.101.725-.101.33-.304.573a1.4 1.4 0 0 1-.509.38 1.7 1.7 0 0 1-.716.138h-1.55v-3.592zm4.84 0v.664h-1.897v.77h1.74v.614h-1.74v.88h1.937v.664h-2.727v-3.592zm2.75 2.204-.453-1.319h-.01l-.468 1.319zm-.045-2.204 1.343 3.592h-.82l-.272-.8h-1.343l-.282.8h-.795l1.359-3.592zm2.63 0v2.928h1.75v.664h-2.54v-3.592z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#000", d: "M15.184 16.073a1.657 1.657 0 1 1-3.314 0 1.657 1.657 0 0 1 3.314 0m-.402 8.334a2.51 2.51 0 0 1-2.511-2.51v-1.959a1.256 1.256 0 0 1 2.51 0z" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M10 6h24v20.645H10z" }) }) })
+  ] });
+};
+const IdealIcon = styled(SVG).withConfig({
+  displayName: "IdealIcon",
+  componentId: "sc-17gask0-0"
+})(["flex-shrink:0;"]);
+exports.default = IdealIcon;
+//# sourceMappingURL=index299.cjs.map

package/dist/index299.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index299.cjs","sources":["../src/icons-with-colours/dist/IdealIcon.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=\"#C06\"\n          d=\"M16.485 9.371v15.037h6.546c5.946 0 8.525-3.36 8.525-8.101 0-4.54-2.579-8.07-8.525-8.07h-5.412a1.134 1.134 0 0 0-1.134 1.134\"\n        />\n        <path\n          fill=\"#000\"\n          d=\"M11.7 6.567A1.135 1.135 0 0 0 10.568 7.7v17.244a1.135 1.135 0 0 0 1.134 1.133H22.28c7.07 0 10.965-3.473 10.965-9.779 0-8.468-6.87-9.732-10.965-9.732zm10.58 20.078H11.7a1.703 1.703 0 0 1-1.7-1.7V7.7A1.703 1.703 0 0 1 11.7 6h10.58c10.032 0 11.53 6.453 11.53 10.3 0 6.671-4.095 10.345-11.53 10.345\"\n        />\n        <path\n          fill=\"#fff\"\n          d=\"M18.734 17.205q.171 0 .332-.055a.7.7 0 0 0 .287-.184.9.9 0 0 0 .201-.334q.075-.207.076-.504a2 2 0 0 0-.053-.49 1 1 0 0 0-.174-.375.8.8 0 0 0-.319-.239 1.3 1.3 0 0 0-.49-.083h-.564v2.264zm.056-2.928q.346 0 .646.111c.195.07.372.184.518.332q.219.221.343.553.122.333.123.78 0 .392-.101.725-.101.33-.304.573a1.4 1.4 0 0 1-.509.38 1.7 1.7 0 0 1-.716.138h-1.55v-3.592zm4.84 0v.664h-1.897v.77h1.74v.614h-1.74v.88h1.937v.664h-2.727v-3.592zm2.75 2.204-.453-1.319h-.01l-.468 1.319zm-.045-2.204 1.343 3.592h-.82l-.272-.8h-1.343l-.282.8h-.795l1.359-3.592zm2.63 0v2.928h1.75v.664h-2.54v-3.592z\"\n        />\n        <path\n          fill=\"#000\"\n          d=\"M15.184 16.073a1.657 1.657 0 1 1-3.314 0 1.657 1.657 0 0 1 3.314 0m-.402 8.334a2.51 2.51 0 0 1-2.511-2.51v-1.959a1.256 1.256 0 0 1 2.51 0z\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"a\">\n          <path fill=\"#fff\" d=\"M10 6h24v20.645H10z\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\nconst IdealIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default IdealIcon;\n"],"names":[],"mappings":";;;;;AAUA;AACE;AAUI;AAOU;AAGR;AAEiI;AAI2K;AAI6R;AAIzb;AAElJ;AAKA;AAGN;AACA;AAA6B;AAAA;AAAA;;"}

package/dist/index299.js

@@ -0,0 +1,23 @@
+"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: "#C06", d: "M16.485 9.371v15.037h6.546c5.946 0 8.525-3.36 8.525-8.101 0-4.54-2.579-8.07-8.525-8.07h-5.412a1.134 1.134 0 0 0-1.134 1.134" }),
+      /* @__PURE__ */ jsx("path", { fill: "#000", d: "M11.7 6.567A1.135 1.135 0 0 0 10.568 7.7v17.244a1.135 1.135 0 0 0 1.134 1.133H22.28c7.07 0 10.965-3.473 10.965-9.779 0-8.468-6.87-9.732-10.965-9.732zm10.58 20.078H11.7a1.703 1.703 0 0 1-1.7-1.7V7.7A1.703 1.703 0 0 1 11.7 6h10.58c10.032 0 11.53 6.453 11.53 10.3 0 6.671-4.095 10.345-11.53 10.345" }),
+      /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M18.734 17.205q.171 0 .332-.055a.7.7 0 0 0 .287-.184.9.9 0 0 0 .201-.334q.075-.207.076-.504a2 2 0 0 0-.053-.49 1 1 0 0 0-.174-.375.8.8 0 0 0-.319-.239 1.3 1.3 0 0 0-.49-.083h-.564v2.264zm.056-2.928q.346 0 .646.111c.195.07.372.184.518.332q.219.221.343.553.122.333.123.78 0 .392-.101.725-.101.33-.304.573a1.4 1.4 0 0 1-.509.38 1.7 1.7 0 0 1-.716.138h-1.55v-3.592zm4.84 0v.664h-1.897v.77h1.74v.614h-1.74v.88h1.937v.664h-2.727v-3.592zm2.75 2.204-.453-1.319h-.01l-.468 1.319zm-.045-2.204 1.343 3.592h-.82l-.272-.8h-1.343l-.282.8h-.795l1.359-3.592zm2.63 0v2.928h1.75v.664h-2.54v-3.592z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#000", d: "M15.184 16.073a1.657 1.657 0 1 1-3.314 0 1.657 1.657 0 0 1 3.314 0m-.402 8.334a2.51 2.51 0 0 1-2.511-2.51v-1.959a1.256 1.256 0 0 1 2.51 0z" })
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M10 6h24v20.645H10z" }) }) })
+  ] });
+};
+const IdealIcon = styled(SVG).withConfig({
+  displayName: "IdealIcon",
+  componentId: "sc-17gask0-0"
+})(["flex-shrink:0;"]);
+export {
+  IdealIcon as default
+};
+//# sourceMappingURL=index299.js.map

package/dist/index299.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index299.js","sources":["../src/icons-with-colours/dist/IdealIcon.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=\"#C06\"\n          d=\"M16.485 9.371v15.037h6.546c5.946 0 8.525-3.36 8.525-8.101 0-4.54-2.579-8.07-8.525-8.07h-5.412a1.134 1.134 0 0 0-1.134 1.134\"\n        />\n        <path\n          fill=\"#000\"\n          d=\"M11.7 6.567A1.135 1.135 0 0 0 10.568 7.7v17.244a1.135 1.135 0 0 0 1.134 1.133H22.28c7.07 0 10.965-3.473 10.965-9.779 0-8.468-6.87-9.732-10.965-9.732zm10.58 20.078H11.7a1.703 1.703 0 0 1-1.7-1.7V7.7A1.703 1.703 0 0 1 11.7 6h10.58c10.032 0 11.53 6.453 11.53 10.3 0 6.671-4.095 10.345-11.53 10.345\"\n        />\n        <path\n          fill=\"#fff\"\n          d=\"M18.734 17.205q.171 0 .332-.055a.7.7 0 0 0 .287-.184.9.9 0 0 0 .201-.334q.075-.207.076-.504a2 2 0 0 0-.053-.49 1 1 0 0 0-.174-.375.8.8 0 0 0-.319-.239 1.3 1.3 0 0 0-.49-.083h-.564v2.264zm.056-2.928q.346 0 .646.111c.195.07.372.184.518.332q.219.221.343.553.122.333.123.78 0 .392-.101.725-.101.33-.304.573a1.4 1.4 0 0 1-.509.38 1.7 1.7 0 0 1-.716.138h-1.55v-3.592zm4.84 0v.664h-1.897v.77h1.74v.614h-1.74v.88h1.937v.664h-2.727v-3.592zm2.75 2.204-.453-1.319h-.01l-.468 1.319zm-.045-2.204 1.343 3.592h-.82l-.272-.8h-1.343l-.282.8h-.795l1.359-3.592zm2.63 0v2.928h1.75v.664h-2.54v-3.592z\"\n        />\n        <path\n          fill=\"#000\"\n          d=\"M15.184 16.073a1.657 1.657 0 1 1-3.314 0 1.657 1.657 0 0 1 3.314 0m-.402 8.334a2.51 2.51 0 0 1-2.511-2.51v-1.959a1.256 1.256 0 0 1 2.51 0z\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"a\">\n          <path fill=\"#fff\" d=\"M10 6h24v20.645H10z\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\nconst IdealIcon = styled(SVG)`\n  flex-shrink: 0;\n`;\nexport default IdealIcon;\n"],"names":[],"mappings":";;;AAUA;AACE;AAUI;AAOU;AAGR;AAEiI;AAI2K;AAI6R;AAIzb;AAElJ;AAKA;AAGN;AACA;AAA6B;AAAA;AAAA;;;;"}

package/dist/index3.cjs

@@ -0,0 +1,69 @@
+"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 spacing = require("./index522.cjs");
+const elevation = require("./index524.cjs");
+const ExclamationMarkDiamondFilledIcon = require("./index187.cjs");
+const WarningFilledIcon = require("./index319.cjs");
+const CheckmarkCircledFilledIcon = require("./index163.cjs");
+const InfoICircledFilledIcon = require("./index206.cjs");
+const typography = require("./index520.cjs");
+const sizes = require("./index521.cjs");
+const icons = {
+  info: /* @__PURE__ */ jsxRuntime.jsx(InfoICircledFilledIcon.default, { fillColor: "info" }),
+  success: /* @__PURE__ */ jsxRuntime.jsx(CheckmarkCircledFilledIcon.default, { fillColor: "success" }),
+  warning: /* @__PURE__ */ jsxRuntime.jsx(WarningFilledIcon.default, { size: "1.5em" }),
+  danger: /* @__PURE__ */ jsxRuntime.jsx(ExclamationMarkDiamondFilledIcon.default, { fillColor: "danger" }),
+  error: /* @__PURE__ */ jsxRuntime.jsx(ExclamationMarkDiamondFilledIcon.default, { fillColor: "danger" })
+};
+const AlertBox = ({
+  title,
+  variant = "info",
+  nested = false,
+  children,
+  ariaLabelledById,
+  ariaDescribedById,
+  role,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Box, { $variant: variant, $nested: nested, role, ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(TitleWrapper, { children: [
+      icons[variant],
+      /* @__PURE__ */ jsxRuntime.jsx(Title, { id: ariaLabelledById, $nested: nested, children: title })
+    ] }),
+    !nested && children && /* @__PURE__ */ jsxRuntime.jsx(ChildContainer, { id: ariaDescribedById, children })
+  ] });
+};
+const maxTextWidth = "90ch";
+const Box = styled.div.withConfig({
+  displayName: "AlertBox__Box",
+  componentId: "sc-nbbb8o-0"
+})(["--alert-border-color:", ";padding:", ";background-color:", ";", ""], ({
+  $variant,
+  theme
+}) => $variant === "error" ? theme.status.danger : theme.status[$variant], spacing.spacing.auditorium, (props) => props.theme.base.bg, ({
+  $nested
+}) => {
+  if ($nested) {
+    return styled.css(["border:1px solid var(--alert-border-color);border-radius:4px;"]);
+  }
+  return styled.css(["", ";border-top:8px solid var(--alert-border-color);"], elevation.elevation.level1);
+});
+const TitleWrapper = styled.div.withConfig({
+  displayName: "AlertBox__TitleWrapper",
+  componentId: "sc-nbbb8o-1"
+})(["display:flex;gap:", ";"], spacing.spacing.auditorium);
+const Title = styled.div.withConfig({
+  displayName: "AlertBox__Title",
+  componentId: "sc-nbbb8o-2"
+})(["align-self:center;max-width:", ";", ""], maxTextWidth, ({
+  $nested
+}) => $nested ? typography.textStyle.rainier : typography.textStyle.boising);
+const ChildContainer = styled.div.withConfig({
+  displayName: "AlertBox__ChildContainer",
+  componentId: "sc-nbbb8o-3"
+})(["max-width:", ";margin-top:", ";padding-inline-start:calc(", " + ", ");& > :first-child{margin-top:0;}& > :last-child{margin-bottom:0;}"], maxTextWidth, spacing.spacing.hall, sizes.iconSize.viewBox, spacing.spacing.auditorium);
+exports.default = AlertBox;
+//# sourceMappingURL=index3.cjs.map

package/dist/index3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.cjs","sources":["../src/components/AlertBox/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { spacing, iconSize, textStyle, elevation } from \"../../dimensions\";\nimport {\n  CheckmarkCircledFilledIcon,\n  ExclamationMarkDiamondFilledIcon,\n  InfoICircledFilledIcon,\n} from \"../../icons\";\nimport { WarningFilledIcon } from \"../../icons-with-colours\";\n\ntype Variant = \"info\" | \"success\" | \"warning\" | \"danger\" | \"error\";\n\n// We use aria roles to ensure screen readers timely announce the messages as they appear\n// The `role` attribute should be used only for content that has changed, or to bring the user's attention to it immediately. Check the Accessibility section in the docs for more details.\ntype AriaRole = \"status\" | \"alert\" | \"log\";\n\nexport type Props = {\n  title: React.ReactNode;\n  variant?: Variant;\n  nested?: boolean;\n  children?: React.ReactNode;\n  ariaLabelledById?: string;\n  ariaDescribedById?: string;\n  role?: AriaRole;\n} & Omit<ComponentPropsWithoutRef<\"div\">, \"role\" | \"title\">;\n\nconst icons = {\n  info: <InfoICircledFilledIcon fillColor=\"info\" />,\n  success: <CheckmarkCircledFilledIcon fillColor=\"success\" />,\n  warning: <WarningFilledIcon size=\"1.5em\" />,\n  danger: <ExclamationMarkDiamondFilledIcon fillColor=\"danger\" />,\n  error: <ExclamationMarkDiamondFilledIcon fillColor=\"danger\" />,\n};\n\nconst AlertBox = ({\n  title,\n  variant = \"info\",\n  nested = false,\n  children,\n  ariaLabelledById,\n  ariaDescribedById,\n  role,\n  ...rest\n}: Props) => {\n  return (\n    <Box $variant={variant} $nested={nested} role={role} {...rest}>\n      <TitleWrapper>\n        {icons[variant]}\n        <Title id={ariaLabelledById} $nested={nested}>\n          {title}\n        </Title>\n      </TitleWrapper>\n      {!nested && children && (\n        <ChildContainer id={ariaDescribedById}>{children}</ChildContainer>\n      )}\n    </Box>\n  );\n};\n\nexport default AlertBox;\n\nconst maxTextWidth = \"90ch\";\n\nconst Box = styled.div<{ $variant: Variant; $nested: boolean }>`\n  --alert-border-color: ${({ $variant, theme }) =>\n    $variant === \"error\" ? theme.status.danger : theme.status[$variant]};\n\n  padding: ${spacing.auditorium};\n  background-color: ${(props) => props.theme.base.bg};\n\n  ${({ $nested }) => {\n    if ($nested) {\n      return css`\n        border: 1px solid var(--alert-border-color);\n        border-radius: 4px;\n      `;\n    }\n\n    return css`\n      ${elevation.level1};\n      border-top: 8px solid var(--alert-border-color);\n    `;\n  }}\n`;\n\nconst TitleWrapper = styled.div`\n  display: flex;\n  gap: ${spacing.auditorium};\n`;\n\nconst Title = styled.div<{ $nested: boolean }>`\n  align-self: center;\n  max-width: ${maxTextWidth};\n\n  ${({ $nested }) => ($nested ? textStyle.rainier : textStyle.boising)}\n`;\n\nconst ChildContainer = styled.div`\n  max-width: ${maxTextWidth};\n  margin-top: ${spacing.hall};\n  /* padding to line child text up with title text */\n  padding-inline-start: calc(${iconSize.viewBox} + ${spacing.auditorium});\n\n  /* Remove margin from the children to prevent spacing doubling up with container padding */\n  & > :first-child {\n    margin-top: 0;\n  }\n\n  & > :last-child {\n    margin-bottom: 0;\n  }\n`;\n"],"names":["title","children","ariaLabelledById","ariaDescribedById","role","icons","$variant"],"mappings":";;;;;;;;;;;;;AA2BA;AAAc;AACkC;AACU;AAChB;AACoB;AAE9D;AAEA;AAAkB;AAChBA;AACU;AACD;AACTC;AACAC;AACAC;AACAC;AAEK;AACL;AAEI;AACGC;AAAa;AAGd;AACF;AAEmD;AAIzD;AAIA;AAEA;AAAsB;AAAA;AAAA;AACK;AAAEC;AAAgB;AAMxC;AAAU;AACX;AACE;AAAU;AAMZ;AAIF;AAGF;AAA+B;AAAA;AAAA;AAK/B;AAAwB;AAAA;AAAA;AAInB;AAAU;AAGf;AAAiC;AAAA;AAAA;;"}

package/dist/index3.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import { spacing } from "./index522.js";
+import { elevation } from "./index524.js";
+import ExclamationMarkDiamondFilledIcon from "./index187.js";
+import WarningFilledIcon from "./index319.js";
+import CheckmarkCircledFilledIcon from "./index163.js";
+import InfoICircledFilledIcon from "./index206.js";
+import { textStyle } from "./index520.js";
+import { iconSize } from "./index521.js";
+const icons = {
+  info: /* @__PURE__ */ jsx(InfoICircledFilledIcon, { fillColor: "info" }),
+  success: /* @__PURE__ */ jsx(CheckmarkCircledFilledIcon, { fillColor: "success" }),
+  warning: /* @__PURE__ */ jsx(WarningFilledIcon, { size: "1.5em" }),
+  danger: /* @__PURE__ */ jsx(ExclamationMarkDiamondFilledIcon, { fillColor: "danger" }),
+  error: /* @__PURE__ */ jsx(ExclamationMarkDiamondFilledIcon, { fillColor: "danger" })
+};
+const AlertBox = ({
+  title,
+  variant = "info",
+  nested = false,
+  children,
+  ariaLabelledById,
+  ariaDescribedById,
+  role,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxs(Box, { $variant: variant, $nested: nested, role, ...rest, children: [
+    /* @__PURE__ */ jsxs(TitleWrapper, { children: [
+      icons[variant],
+      /* @__PURE__ */ jsx(Title, { id: ariaLabelledById, $nested: nested, children: title })
+    ] }),
+    !nested && children && /* @__PURE__ */ jsx(ChildContainer, { id: ariaDescribedById, children })
+  ] });
+};
+const maxTextWidth = "90ch";
+const Box = styled.div.withConfig({
+  displayName: "AlertBox__Box",
+  componentId: "sc-nbbb8o-0"
+})(["--alert-border-color:", ";padding:", ";background-color:", ";", ""], ({
+  $variant,
+  theme
+}) => $variant === "error" ? theme.status.danger : theme.status[$variant], spacing.auditorium, (props) => props.theme.base.bg, ({
+  $nested
+}) => {
+  if ($nested) {
+    return css(["border:1px solid var(--alert-border-color);border-radius:4px;"]);
+  }
+  return css(["", ";border-top:8px solid var(--alert-border-color);"], elevation.level1);
+});
+const TitleWrapper = styled.div.withConfig({
+  displayName: "AlertBox__TitleWrapper",
+  componentId: "sc-nbbb8o-1"
+})(["display:flex;gap:", ";"], spacing.auditorium);
+const Title = styled.div.withConfig({
+  displayName: "AlertBox__Title",
+  componentId: "sc-nbbb8o-2"
+})(["align-self:center;max-width:", ";", ""], maxTextWidth, ({
+  $nested
+}) => $nested ? textStyle.rainier : textStyle.boising);
+const ChildContainer = styled.div.withConfig({
+  displayName: "AlertBox__ChildContainer",
+  componentId: "sc-nbbb8o-3"
+})(["max-width:", ";margin-top:", ";padding-inline-start:calc(", " + ", ");& > :first-child{margin-top:0;}& > :last-child{margin-bottom:0;}"], maxTextWidth, spacing.hall, iconSize.viewBox, spacing.auditorium);
+export {
+  AlertBox as default
+};
+//# sourceMappingURL=index3.js.map

package/dist/index3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.js","sources":["../src/components/AlertBox/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { spacing, iconSize, textStyle, elevation } from \"../../dimensions\";\nimport {\n  CheckmarkCircledFilledIcon,\n  ExclamationMarkDiamondFilledIcon,\n  InfoICircledFilledIcon,\n} from \"../../icons\";\nimport { WarningFilledIcon } from \"../../icons-with-colours\";\n\ntype Variant = \"info\" | \"success\" | \"warning\" | \"danger\" | \"error\";\n\n// We use aria roles to ensure screen readers timely announce the messages as they appear\n// The `role` attribute should be used only for content that has changed, or to bring the user's attention to it immediately. Check the Accessibility section in the docs for more details.\ntype AriaRole = \"status\" | \"alert\" | \"log\";\n\nexport type Props = {\n  title: React.ReactNode;\n  variant?: Variant;\n  nested?: boolean;\n  children?: React.ReactNode;\n  ariaLabelledById?: string;\n  ariaDescribedById?: string;\n  role?: AriaRole;\n} & Omit<ComponentPropsWithoutRef<\"div\">, \"role\" | \"title\">;\n\nconst icons = {\n  info: <InfoICircledFilledIcon fillColor=\"info\" />,\n  success: <CheckmarkCircledFilledIcon fillColor=\"success\" />,\n  warning: <WarningFilledIcon size=\"1.5em\" />,\n  danger: <ExclamationMarkDiamondFilledIcon fillColor=\"danger\" />,\n  error: <ExclamationMarkDiamondFilledIcon fillColor=\"danger\" />,\n};\n\nconst AlertBox = ({\n  title,\n  variant = \"info\",\n  nested = false,\n  children,\n  ariaLabelledById,\n  ariaDescribedById,\n  role,\n  ...rest\n}: Props) => {\n  return (\n    <Box $variant={variant} $nested={nested} role={role} {...rest}>\n      <TitleWrapper>\n        {icons[variant]}\n        <Title id={ariaLabelledById} $nested={nested}>\n          {title}\n        </Title>\n      </TitleWrapper>\n      {!nested && children && (\n        <ChildContainer id={ariaDescribedById}>{children}</ChildContainer>\n      )}\n    </Box>\n  );\n};\n\nexport default AlertBox;\n\nconst maxTextWidth = \"90ch\";\n\nconst Box = styled.div<{ $variant: Variant; $nested: boolean }>`\n  --alert-border-color: ${({ $variant, theme }) =>\n    $variant === \"error\" ? theme.status.danger : theme.status[$variant]};\n\n  padding: ${spacing.auditorium};\n  background-color: ${(props) => props.theme.base.bg};\n\n  ${({ $nested }) => {\n    if ($nested) {\n      return css`\n        border: 1px solid var(--alert-border-color);\n        border-radius: 4px;\n      `;\n    }\n\n    return css`\n      ${elevation.level1};\n      border-top: 8px solid var(--alert-border-color);\n    `;\n  }}\n`;\n\nconst TitleWrapper = styled.div`\n  display: flex;\n  gap: ${spacing.auditorium};\n`;\n\nconst Title = styled.div<{ $nested: boolean }>`\n  align-self: center;\n  max-width: ${maxTextWidth};\n\n  ${({ $nested }) => ($nested ? textStyle.rainier : textStyle.boising)}\n`;\n\nconst ChildContainer = styled.div`\n  max-width: ${maxTextWidth};\n  margin-top: ${spacing.hall};\n  /* padding to line child text up with title text */\n  padding-inline-start: calc(${iconSize.viewBox} + ${spacing.auditorium});\n\n  /* Remove margin from the children to prevent spacing doubling up with container padding */\n  & > :first-child {\n    margin-top: 0;\n  }\n\n  & > :last-child {\n    margin-bottom: 0;\n  }\n`;\n"],"names":["title","children","ariaLabelledById","ariaDescribedById","role","icons","$variant"],"mappings":";;;;;;;;;;;AA2BA;AAAc;AACkC;AACU;AAChB;AACoB;AAE9D;AAEA;AAAkB;AAChBA;AACU;AACD;AACTC;AACAC;AACAC;AACAC;AAEK;AACL;AAEI;AACGC;AAAa;AAGd;AACF;AAEmD;AAIzD;AAIA;AAEA;AAAsB;AAAA;AAAA;AACK;AAAEC;AAAgB;AAMxC;AAAU;AACX;AACE;AAAU;AAMZ;AAIF;AAGF;AAA+B;AAAA;AAAA;AAK/B;AAAwB;AAAA;AAAA;AAInB;AAAU;AAGf;AAAiC;AAAA;AAAA;;;;"}

package/dist/index30.cjs

@@ -0,0 +1,66 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const styled = require("styled-components");
+const index = require("./index20.cjs");
+const ChevronIcon = require("./index168.cjs");
+const sizes = require("./index521.cjs");
+const spacing = require("./index522.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const SelectInput = React__namespace.forwardRef(function SelectInput2({
+  autoComplete,
+  className,
+  id,
+  isPillVariant,
+  label,
+  onChange,
+  value,
+  disabled = false,
+  required = false,
+  children,
+  startIcon,
+  screenReaderErrorPrefix,
+  errorMessage,
+  ...rest
+}, ref) {
+  const iconSpacing = `${sizes._iconSize_.total + spacing._spacing_.lounge}px`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { id, className, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(index.default.Label, { disabled, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(index.default.Row, { marginTop: label ? "lounge" : void 0, children: [
+      startIcon && /* @__PURE__ */ jsxRuntime.jsx(index.default.StartIcon, { children: startIcon }),
+      /* @__PURE__ */ jsxRuntime.jsx(Select, { ...rest, isErrored: !!errorMessage, isPillVariant, autoComplete, onChange, value, disabled, required, ref, iconSpacing: startIcon ? iconSpacing : void 0, children }),
+      /* @__PURE__ */ jsxRuntime.jsx(EndIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon.default, {}) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.default.Validation, { screenReaderErrorPrefix, children: errorMessage })
+  ] });
+});
+const Select = styled(index.default.Select).withConfig({
+  displayName: "SelectInput__Select",
+  componentId: "sc-1i7oxh7-0"
+})(["", ""], ({
+  iconSpacing
+}) => iconSpacing && `padding-inline-start: ${iconSpacing}`);
+const EndIcon = styled(index.default.EndIcon).withConfig({
+  displayName: "SelectInput__EndIcon",
+  componentId: "sc-1i7oxh7-1"
+})(["margin-inline-end:", ";"], spacing.spacing.hall);
+exports.default = SelectInput;
+//# sourceMappingURL=index30.cjs.map