@daimo/pay 1.19.5 → 1.19.6

package/build/pay/packages/connectkit/src/styles/index.js

@@ -0,0 +1,313 @@
+import { motion } from 'framer-motion';
+import { css } from 'styled-components';
+import { hexToP3 } from '../utils/p3.js';
+import styled from './styled/index.js';
+import predefinedThemes from './themes/index.js';
+
+const themeGlobals = {
+  default: {
+    "--ck-font-family": `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+    'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
+    'Segoe UI Symbol'`,
+    "--ck-border-radius": "20px",
+    "--ck-secondary-button-border-radius": "16px"
+  },
+  graphics: {
+    light: {
+      "--ck-graphic-wave-stop-01": "#E8F17D",
+      "--ck-graphic-wave-stop-02": "#A8ECDE",
+      "--ck-graphic-wave-stop-03": "#7AA1F2",
+      "--ck-graphic-wave-stop-04": "#DEA1E8",
+      "--ck-graphic-wave-stop-05": "#F46D98",
+      "--ck-graphic-scaniconwithlogos-01": "#4E4E4E",
+      "--ck-graphic-scaniconwithlogos-02": "#272727",
+      "--ck-graphic-scaniconwithlogos-03": "#F8D74A",
+      "--ck-graphic-scaniconwithlogos-04": "#F6F7F9",
+      "--ck-chain-ethereum-01": "#25292E",
+      "--ck-chain-ethereum-02": "#fff",
+      "--ck-chain-ethereum-03": "#DFE0E0"
+    },
+    dark: {
+      "--ck-graphic-wave-stop-01": "#E8F17D",
+      "--ck-graphic-wave-stop-02": "#A8ECDE",
+      "--ck-graphic-wave-stop-03": "#7AA1F2",
+      "--ck-graphic-wave-stop-04": "#DEA1E8",
+      "--ck-graphic-wave-stop-05": "#F46D98",
+      "--ck-graphic-scaniconwithlogos-01": "#AFAFAF",
+      "--ck-graphic-scaniconwithlogos-02": "#696969",
+      "--ck-graphic-scaniconwithlogos-03": "#F8D74A",
+      "--ck-graphic-scaniconwithlogos-04": "#3D3D3D"
+      //'--ck-chain-ethereum-01': '#fff',
+      //'--ck-chain-ethereum-02': '#000',
+      //'--ck-chain-ethereum-03': '#000',
+    }
+  },
+  ens: {
+    light: {
+      "--ck-ens-01-start": "#FF3B30",
+      "--ck-ens-01-stop": "#FF9500",
+      "--ck-ens-02-start": "#FF9500",
+      "--ck-ens-02-stop": "#FFCC00",
+      "--ck-ens-03-start": "#FFCC00",
+      "--ck-ens-03-stop": "#34C759",
+      "--ck-ens-04-start": "#5856D6",
+      "--ck-ens-04-stop": "#AF52DE",
+      "--ck-ens-05-start": "#5AC8FA",
+      "--ck-ens-05-stop": "#007AFF",
+      "--ck-ens-06-start": "#007AFF",
+      "--ck-ens-06-stop": "#5856D6",
+      "--ck-ens-07-start": "#5856D6",
+      "--ck-ens-07-stop": "#AF52DE",
+      "--ck-ens-08-start": "#AF52DE",
+      "--ck-ens-08-stop": "#FF2D55"
+    },
+    dark: {
+      "--ck-ens-01-start": "#FF453A",
+      "--ck-ens-01-stop": "#FF9F0A",
+      "--ck-ens-02-start": "#FF9F0A",
+      "--ck-ens-02-stop": "#FFD60A",
+      "--ck-ens-03-start": "#FFD60A",
+      "--ck-ens-03-stop": "#32D74B",
+      "--ck-ens-04-start": "#32D74B",
+      "--ck-ens-04-stop": "#64D2FF",
+      "--ck-ens-05-start": "#64D2FF",
+      "--ck-ens-05-stop": "#0A84FF",
+      "--ck-ens-06-start": "#0A84FF",
+      "--ck-ens-06-stop": "#5E5CE6",
+      "--ck-ens-07-start": "#5E5CE6",
+      "--ck-ens-07-stop": "#BF5AF2",
+      "--ck-ens-08-start": "#BF5AF2",
+      "--ck-ens-08-stop": "#FF2D55"
+    }
+  },
+  brand: {
+    "--ck-family-brand": "#1A88F8",
+    "--ck-brand-coinbaseWallet": "#0052FF",
+    "--ck-brand-metamask": "#f6851b",
+    "--ck-brand-metamask-01": "#F6851B",
+    "--ck-brand-metamask-02": "#E2761B",
+    "--ck-brand-metamask-03": "#CD6116",
+    "--ck-brand-metamask-04": "#161616",
+    "--ck-brand-metamask-05": "#763D16",
+    "--ck-brand-metamask-06": "#D7C1B3",
+    "--ck-brand-metamask-07": "#C0AD9E",
+    "--ck-brand-metamask-08": "#E4761B",
+    "--ck-brand-metamask-09": "#233447",
+    "--ck-brand-metamask-10": "#E4751F",
+    "--ck-brand-metamask-11": "#FEF5E7",
+    "--ck-brand-metamask-12": "#E3C8AB",
+    "--ck-brand-trust-01": "#3375BB",
+    "--ck-brand-trust-02": "#ffffff",
+    "--ck-brand-trust-01b": "#ffffff",
+    // dark Theme
+    "--ck-brand-trust-02b": "#3375BB",
+    // dark Theme
+    "--ck-brand-argent": "#f36a3d",
+    "--ck-brand-imtoken-01": "#11C4D1",
+    "--ck-brand-imtoken-02": "#0062AD",
+    "--ck-brand-safe": "#12FF80",
+    "--ck-brand-dawn": "#000000"
+  }
+};
+const themeColors = {
+  light: predefinedThemes.base.light,
+  dark: predefinedThemes.base.dark,
+  web95: predefinedThemes.web95,
+  retro: predefinedThemes.retro,
+  soft: predefinedThemes.soft,
+  midnight: predefinedThemes.midnight,
+  minimal: predefinedThemes.minimal,
+  rounded: predefinedThemes.rounded,
+  nouns: predefinedThemes.nouns
+};
+const createCssVars = (scheme, important) => {
+  return css`
+    ${Object.keys(scheme).map((key) => {
+    const value = scheme[key];
+    return value && `${key}:${value};`;
+  })}
+  `;
+};
+const createCssColors = (scheme, override) => {
+  const important = override ? " !important" : "";
+  return css`
+    ${Object.keys(scheme).map((key) => {
+    const value = scheme[key];
+    return value && `${key}:${value}${important};`;
+  })}
+    @supports (color: color(display-p3 1 1 1)) {
+      ${Object.keys(scheme).map((key) => {
+    const value = scheme[key];
+    return `${key}:${hexToP3(value)}${important};`;
+  })}
+    }
+  `;
+};
+const themes = {
+  default: createCssVars(themeGlobals.default),
+  light: createCssColors(themeColors.light),
+  dark: createCssColors(themeColors.dark),
+  web95: createCssColors(themeColors.web95),
+  retro: createCssColors(themeColors.retro),
+  soft: createCssColors(themeColors.soft),
+  midnight: createCssColors(themeColors.midnight),
+  minimal: createCssColors(themeColors.minimal),
+  rounded: createCssColors(themeColors.rounded),
+  nouns: createCssColors(themeColors.nouns)
+};
+const globals = {
+  brand: createCssVars(themeGlobals.brand),
+  ensLight: createCssVars(themeGlobals.ens.light),
+  ensDark: createCssVars(themeGlobals.ens.dark),
+  graphicsLight: createCssVars(themeGlobals.graphics.light),
+  graphicsDark: createCssVars(themeGlobals.graphics.dark)
+};
+const globalsLight = css`
+  ${globals.brand}
+  ${globals.ensLight}
+  ${globals.graphicsLight}
+`;
+const globalsDark = css`
+  ${globals.brand}
+  ${globals.ensDark}
+  ${globals.graphicsDark}
+`;
+let mode = "auto";
+const ResetContainer = styled(motion.div)`
+  ${themes.default}
+
+  ${(props) => {
+  switch (props.$useTheme) {
+    case "web95":
+      mode = "light";
+      return themes.web95;
+    case "retro":
+      mode = "light";
+      return themes.retro;
+    case "soft":
+      mode = "light";
+      return themes.soft;
+    case "midnight":
+      mode = "dark";
+      return themes.midnight;
+    case "minimal":
+      mode = "light";
+      return themes.minimal;
+    case "rounded":
+      mode = "light";
+      return themes.rounded;
+    case "nouns":
+      mode = "light";
+      return themes.nouns;
+    default:
+      if (props.$useMode === "light") {
+        mode = "light";
+        return themes.light;
+      } else if (props.$useMode === "dark") {
+        mode = "dark";
+        return themes.dark;
+      } else {
+        return css`
+            @media (prefers-color-scheme: light) {
+              ${themes.light}
+            }
+            @media (prefers-color-scheme: dark) {
+              ${themes.dark}
+            }
+          `;
+      }
+  }
+}}
+
+  ${(props) => {
+  switch (mode) {
+    case "light":
+      return globalsLight;
+    case "dark":
+      return globalsDark;
+    default:
+      return css`
+          ${globalsLight}
+          @media (prefers-color-scheme: dark) {
+            ${globalsDark}
+          }
+        `;
+  }
+}}
+
+
+  ${(props) => {
+  if (props.$customTheme && props.$customTheme["--ck-accent-color"] && ["light", "dark", "auto", "", void 0].includes(props.$useTheme)) {
+    const accentColor = props.$customTheme["--ck-accent-color"];
+    const accentTextColor = props.$customTheme["--ck-accent-text-color"] ?? "#ffffff";
+    return {
+      "--ck-accent-color": accentColor,
+      "--ck-accent-text-color": accentTextColor,
+      // '--ck-connectbutton-color': accentTextColor,
+      // '--ck-connectbutton-background': accentColor,
+      // '--ck-connectbutton-background-hover': accentColor,
+      // '--ck-connectbutton-background-active': LightenDarkenColor(
+      // accentColor,
+      // 20
+      // ),
+      "--ck-secondary-button-background": accentColor,
+      "--ck-secondary-button-hover-background": accentColor,
+      "--ck-secondary-button-color": accentTextColor,
+      "--ck-button-primary-color": accentTextColor,
+      "--ck-focus-color": accentColor
+    };
+  }
+  if (props.$customTheme) {
+    return createCssColors(props.$customTheme, true);
+  }
+}}
+
+  all: initial;
+  text-align: left;
+  text-direction: ltr;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-text-stroke: 0.001px transparent;
+  text-size-adjust: none;
+  font-size: 16px;
+
+  button {
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-text-stroke: 0.001px transparent;
+  }
+
+  &,
+  * {
+    font-family: var(--ck-font-family);
+    box-sizing: border-box;
+    outline: none;
+    border: none;
+  }
+  /*
+  @media (prefers-reduced-motion) {
+    * {
+      animation-duration: 60ms !important;
+      transition-duration: 60ms !important;
+    }
+  }
+  */
+  img,
+  svg {
+    max-width: 100%;
+  }
+  strong {
+    font-weight: 600;
+  }
+  a:focus-visible,
+  button:focus-visible {
+    outline: 2px solid var(--ck-focus-color);
+  }
+`;
+
+export { ResetContainer };
+//# sourceMappingURL=index.js.map

package/build/pay/packages/connectkit/src/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/styles/index.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport { CustomTheme } from \"../types\";\nimport { hexToP3 } from \"../utils/p3\";\nimport styled from \"./styled\";\n\nimport predefinedThemes from \"./themes\";\n\n/**\n * Theme variables for the modal\n */\nconst themeGlobals = {\n  default: {\n    \"--ck-font-family\": `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,\n    'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',\n    'Segoe UI Symbol'`,\n    \"--ck-border-radius\": \"20px\",\n    \"--ck-secondary-button-border-radius\": \"16px\",\n  },\n  graphics: {\n    light: {\n      \"--ck-graphic-wave-stop-01\": \"#E8F17D\",\n      \"--ck-graphic-wave-stop-02\": \"#A8ECDE\",\n      \"--ck-graphic-wave-stop-03\": \"#7AA1F2\",\n      \"--ck-graphic-wave-stop-04\": \"#DEA1E8\",\n      \"--ck-graphic-wave-stop-05\": \"#F46D98\",\n\n      \"--ck-graphic-scaniconwithlogos-01\": \"#4E4E4E\",\n      \"--ck-graphic-scaniconwithlogos-02\": \"#272727\",\n      \"--ck-graphic-scaniconwithlogos-03\": \"#F8D74A\",\n      \"--ck-graphic-scaniconwithlogos-04\": \"#F6F7F9\",\n\n      \"--ck-chain-ethereum-01\": \"#25292E\",\n      \"--ck-chain-ethereum-02\": \"#fff\",\n      \"--ck-chain-ethereum-03\": \"#DFE0E0\",\n    },\n    dark: {\n      \"--ck-graphic-wave-stop-01\": \"#E8F17D\",\n      \"--ck-graphic-wave-stop-02\": \"#A8ECDE\",\n      \"--ck-graphic-wave-stop-03\": \"#7AA1F2\",\n      \"--ck-graphic-wave-stop-04\": \"#DEA1E8\",\n      \"--ck-graphic-wave-stop-05\": \"#F46D98\",\n\n      \"--ck-graphic-scaniconwithlogos-01\": \"#AFAFAF\",\n      \"--ck-graphic-scaniconwithlogos-02\": \"#696969\",\n      \"--ck-graphic-scaniconwithlogos-03\": \"#F8D74A\",\n      \"--ck-graphic-scaniconwithlogos-04\": \"#3D3D3D\",\n\n      //'--ck-chain-ethereum-01': '#fff',\n      //'--ck-chain-ethereum-02': '#000',\n      //'--ck-chain-ethereum-03': '#000',\n    },\n  },\n  ens: {\n    light: {\n      \"--ck-ens-01-start\": \"#FF3B30\",\n      \"--ck-ens-01-stop\": \"#FF9500\",\n      \"--ck-ens-02-start\": \"#FF9500\",\n      \"--ck-ens-02-stop\": \"#FFCC00\",\n      \"--ck-ens-03-start\": \"#FFCC00\",\n      \"--ck-ens-03-stop\": \"#34C759\",\n      \"--ck-ens-04-start\": \"#5856D6\",\n      \"--ck-ens-04-stop\": \"#AF52DE\",\n      \"--ck-ens-05-start\": \"#5AC8FA\",\n      \"--ck-ens-05-stop\": \"#007AFF\",\n      \"--ck-ens-06-start\": \"#007AFF\",\n      \"--ck-ens-06-stop\": \"#5856D6\",\n      \"--ck-ens-07-start\": \"#5856D6\",\n      \"--ck-ens-07-stop\": \"#AF52DE\",\n      \"--ck-ens-08-start\": \"#AF52DE\",\n      \"--ck-ens-08-stop\": \"#FF2D55\",\n    },\n    dark: {\n      \"--ck-ens-01-start\": \"#FF453A\",\n      \"--ck-ens-01-stop\": \"#FF9F0A\",\n      \"--ck-ens-02-start\": \"#FF9F0A\",\n      \"--ck-ens-02-stop\": \"#FFD60A\",\n      \"--ck-ens-03-start\": \"#FFD60A\",\n      \"--ck-ens-03-stop\": \"#32D74B\",\n      \"--ck-ens-04-start\": \"#32D74B\",\n      \"--ck-ens-04-stop\": \"#64D2FF\",\n      \"--ck-ens-05-start\": \"#64D2FF\",\n      \"--ck-ens-05-stop\": \"#0A84FF\",\n      \"--ck-ens-06-start\": \"#0A84FF\",\n      \"--ck-ens-06-stop\": \"#5E5CE6\",\n      \"--ck-ens-07-start\": \"#5E5CE6\",\n      \"--ck-ens-07-stop\": \"#BF5AF2\",\n      \"--ck-ens-08-start\": \"#BF5AF2\",\n      \"--ck-ens-08-stop\": \"#FF2D55\",\n    },\n  },\n  brand: {\n    \"--ck-family-brand\": \"#1A88F8\",\n    \"--ck-brand-coinbaseWallet\": \"#0052FF\",\n    \"--ck-brand-metamask\": \"#f6851b\",\n    \"--ck-brand-metamask-01\": \"#F6851B\",\n    \"--ck-brand-metamask-02\": \"#E2761B\",\n    \"--ck-brand-metamask-03\": \"#CD6116\",\n    \"--ck-brand-metamask-04\": \"#161616\",\n    \"--ck-brand-metamask-05\": \"#763D16\",\n    \"--ck-brand-metamask-06\": \"#D7C1B3\",\n    \"--ck-brand-metamask-07\": \"#C0AD9E\",\n    \"--ck-brand-metamask-08\": \"#E4761B\",\n    \"--ck-brand-metamask-09\": \"#233447\",\n    \"--ck-brand-metamask-10\": \"#E4751F\",\n    \"--ck-brand-metamask-11\": \"#FEF5E7\",\n    \"--ck-brand-metamask-12\": \"#E3C8AB\",\n    \"--ck-brand-trust-01\": \"#3375BB\",\n    \"--ck-brand-trust-02\": \"#ffffff\",\n    \"--ck-brand-trust-01b\": \"#ffffff\", // dark Theme\n    \"--ck-brand-trust-02b\": \"#3375BB\", // dark Theme\n    \"--ck-brand-argent\": \"#f36a3d\",\n    \"--ck-brand-imtoken-01\": \"#11C4D1\",\n    \"--ck-brand-imtoken-02\": \"#0062AD\",\n    \"--ck-brand-safe\": \"#12FF80\",\n    \"--ck-brand-dawn\": \"#000000\",\n  },\n};\nconst themeColors = {\n  light: predefinedThemes.base.light,\n  dark: predefinedThemes.base.dark,\n  web95: predefinedThemes.web95,\n  retro: predefinedThemes.retro,\n  soft: predefinedThemes.soft,\n  midnight: predefinedThemes.midnight,\n  minimal: predefinedThemes.minimal,\n  rounded: predefinedThemes.rounded,\n  nouns: predefinedThemes.nouns,\n};\n\n/**\n *  Automatically use p3 if available\n */\n//  TODO: Don't use :any type\nconst createCssVars = (scheme: any, important?: boolean) => {\n  return css`\n    ${Object.keys(scheme).map((key) => {\n      const value = scheme[key];\n      return value && `${key}:${value};`;\n    })}\n  `;\n};\nconst createCssColors = (scheme: any, override?: boolean) => {\n  const important = override ? \" !important\" : \"\";\n  return css`\n    ${Object.keys(scheme).map((key) => {\n      const value = scheme[key];\n      return value && `${key}:${value}${important};`;\n    })}\n    @supports (color: color(display-p3 1 1 1)) {\n      ${Object.keys(scheme).map((key) => {\n        const value = scheme[key];\n        return `${key}:${hexToP3(value)}${important};`;\n      })}\n    }\n  `;\n};\n\nconst themes = {\n  default: createCssVars(themeGlobals.default),\n  light: createCssColors(themeColors.light),\n  dark: createCssColors(themeColors.dark),\n  web95: createCssColors(themeColors.web95),\n  retro: createCssColors(themeColors.retro),\n  soft: createCssColors(themeColors.soft),\n  midnight: createCssColors(themeColors.midnight),\n  minimal: createCssColors(themeColors.minimal),\n  rounded: createCssColors(themeColors.rounded),\n  nouns: createCssColors(themeColors.nouns),\n};\nconst globals = {\n  brand: createCssVars(themeGlobals.brand),\n  ensLight: createCssVars(themeGlobals.ens.light),\n  ensDark: createCssVars(themeGlobals.ens.dark),\n  graphicsLight: createCssVars(themeGlobals.graphics.light),\n  graphicsDark: createCssVars(themeGlobals.graphics.dark),\n};\n\nconst globalsLight = css`\n  ${globals.brand}\n  ${globals.ensLight}\n  ${globals.graphicsLight}\n`;\nconst globalsDark = css`\n  ${globals.brand}\n  ${globals.ensDark}\n  ${globals.graphicsDark}\n`;\n\n/*\n *  Reset stylings to avoid conflicting with the parent websites styling\n * Automatically apply theme based on system theme\n */\n// TODO: Think more about how to reset our components as to not be affected by external stylings\n// TODO: Merge theme objects instead of overriding\n\nlet mode = \"auto\";\nexport const ResetContainer = styled(motion.div)<{\n  $useTheme?: string;\n  $useMode?: string;\n  $customTheme?: CustomTheme;\n}>`\n  ${themes.default}\n\n  ${(props) => {\n    switch (props.$useTheme) {\n      case \"web95\":\n        mode = \"light\";\n        return themes.web95;\n      case \"retro\":\n        mode = \"light\";\n        return themes.retro;\n      case \"soft\":\n        mode = \"light\";\n        return themes.soft;\n      case \"midnight\":\n        mode = \"dark\";\n        return themes.midnight;\n      case \"minimal\":\n        mode = \"light\";\n        return themes.minimal;\n      case \"rounded\":\n        mode = \"light\";\n        return themes.rounded;\n      case \"nouns\":\n        mode = \"light\";\n        return themes.nouns;\n      default:\n        if (props.$useMode === \"light\") {\n          mode = \"light\";\n          return themes.light;\n        } else if (props.$useMode === \"dark\") {\n          mode = \"dark\";\n          return themes.dark;\n        } else {\n          return css`\n            @media (prefers-color-scheme: light) {\n              ${themes.light}\n            }\n            @media (prefers-color-scheme: dark) {\n              ${themes.dark}\n            }\n          `;\n        }\n    }\n  }}\n\n  ${(props) => {\n    switch (mode) {\n      case \"light\":\n        return globalsLight;\n      case \"dark\":\n        return globalsDark;\n      default:\n        return css`\n          ${globalsLight}\n          @media (prefers-color-scheme: dark) {\n            ${globalsDark}\n          }\n        `;\n    }\n  }}\n\n\n  ${(props) => {\n    if (\n      props.$customTheme &&\n      props.$customTheme[\"--ck-accent-color\"] &&\n      [\"light\", \"dark\", \"auto\", \"\", undefined].includes(props.$useTheme)\n    ) {\n      const accentColor = props.$customTheme[\"--ck-accent-color\"];\n      const accentTextColor =\n        props.$customTheme[\"--ck-accent-text-color\"] ?? \"#ffffff\";\n      return {\n        \"--ck-accent-color\": accentColor,\n        \"--ck-accent-text-color\": accentTextColor,\n        // '--ck-connectbutton-color': accentTextColor,\n        // '--ck-connectbutton-background': accentColor,\n        // '--ck-connectbutton-background-hover': accentColor,\n        // '--ck-connectbutton-background-active': LightenDarkenColor(\n        // accentColor,\n        // 20\n        // ),\n        \"--ck-secondary-button-background\": accentColor,\n        \"--ck-secondary-button-hover-background\": accentColor,\n        \"--ck-secondary-button-color\": accentTextColor,\n        \"--ck-button-primary-color\": accentTextColor,\n        \"--ck-focus-color\": accentColor,\n      };\n    }\n    if (props.$customTheme) {\n      return createCssColors(props.$customTheme, true);\n    }\n  }}\n\n  all: initial;\n  text-align: left;\n  text-direction: ltr;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-text-stroke: 0.001px transparent;\n  text-size-adjust: none;\n  font-size: 16px;\n\n  button {\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    -webkit-text-stroke: 0.001px transparent;\n  }\n\n  &,\n  * {\n    font-family: var(--ck-font-family);\n    box-sizing: border-box;\n    outline: none;\n    border: none;\n  }\n  /*\n  @media (prefers-reduced-motion) {\n    * {\n      animation-duration: 60ms !important;\n      transition-duration: 60ms !important;\n    }\n  }\n  */\n  img,\n  svg {\n    max-width: 100%;\n  }\n  strong {\n    font-weight: 600;\n  }\n  a:focus-visible,\n  button:focus-visible {\n    outline: 2px solid var(--ck-focus-color);\n  }\n`;\n"],"names":[],"mappings":"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"}

package/build/pay/packages/connectkit/src/styles/styled/index.js

@@ -0,0 +1,6 @@
+import styled$1 from 'styled-components';
+
+var styled = typeof styled$1.div === "function" ? styled$1 : styled$1["default"];
+
+export { styled as default };
+//# sourceMappingURL=index.js.map

package/build/pay/packages/connectkit/src/styles/styled/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/styles/styled/index.ts"],"sourcesContent":["/**\n *\n * IMPORTANT NOTE: This file is a workaround for the following issue:\n *\n * When using rollup with styled-components to build into an ES module, styled components decides to move all of it’s DOM elements into \"styled.default\" rather than just within \"styled\"\n *\n * We're unsure as to why this issue occurs, if you have any ideas or a better solution please let us know by opening a discussion on our GitHub repo:\n * https://github.com/family/connectkit/discussions/new\n *\n */\n\nimport styled from \"styled-components\";\nexport default typeof styled.div === \"function\" ? styled : styled[\"default\"];\n"],"names":["styled"],"mappings":";;AAYA,aAAe,OAAOA,QAAO,CAAA,GAAA,KAAQ,UAAa,GAAAA,QAAA,GAASA,SAAO,SAAS,CAAA;;;;"}

package/build/pay/packages/connectkit/src/styles/themes/base.js

@@ -0,0 +1,141 @@
+var base = {
+  light: {
+    /** Connect Wallet Button */
+    "--ck-connectbutton-font-size": "15px",
+    "--ck-connectbutton-color": "#373737",
+    "--ck-connectbutton-background": "#F6F7F9",
+    "--ck-connectbutton-background-secondary": "#FFFFFF",
+    "--ck-connectbutton-hover-color": "#373737",
+    "--ck-connectbutton-hover-background": "#F0F2F5",
+    "--ck-connectbutton-active-color": "#373737",
+    "--ck-connectbutton-active-background": "#EAECF1",
+    "--ck-connectbutton-balance-color": "#373737",
+    "--ck-connectbutton-balance-background": "#fff",
+    "--ck-connectbutton-balance-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-background)",
+    "--ck-connectbutton-balance-hover-background": "#F6F7F9",
+    "--ck-connectbutton-balance-hover-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-hover-background)",
+    "--ck-connectbutton-balance-active-background": "#F0F2F5",
+    "--ck-connectbutton-balance-active-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-active-background)",
+    /** Primary Button */
+    "--ck-primary-button-border-radius": "16px",
+    "--ck-primary-button-color": "#373737",
+    "--ck-primary-button-background": "#F6F7F9",
+    //'--ck-primary-button-box-shadow': 'inset 0 0 0 1px #F0F0F0',
+    "--ck-primary-button-font-weight": "600",
+    "--ck-primary-button-hover-color": "#373737",
+    "--ck-primary-button-hover-background": "#F0F2F5",
+    //'--ck-primary-button-hover-box-shadow': 'inset 0 0 0 2px var(--ck-focus-color)',
+    //'--ck-primary-button-active-background': '#EAECF1',
+    /** Secondary Button */
+    "--ck-secondary-button-border-radius": "16px",
+    "--ck-secondary-button-color": "#373737",
+    "--ck-secondary-button-background": "#F6F7F9",
+    //'--ck-secondary-button-box-shadow': '',
+    //'--ck-secondary-button-font-weight': '',
+    /** Tertiary Button */
+    "--ck-tertiary-button-background": "#FFFFFF",
+    "--ck-secondary-button-hover-background": "#e0e4eb",
+    /** Modal */
+    "--ck-modal-box-shadow": "0px 2px 4px rgba(0, 0, 0, 0.02)",
+    "--ck-overlay-background": "rgba(71, 88, 107, 0.24)",
+    "--ck-body-color": "#373737",
+    "--ck-body-color-muted": "#999999",
+    "--ck-body-color-muted-hover": "#111111",
+    "--ck-body-background": "#ffffff",
+    "--ck-body-background-transparent": "rgba(255,255,255,0)",
+    "--ck-body-background-secondary": "#f6f7f9",
+    "--ck-body-background-secondary-hover-background": "#e0e4eb",
+    "--ck-body-background-secondary-hover-outline": "#4282FF",
+    "--ck-body-background-tertiary": "#F3F4F7",
+    "--ck-body-action-color": "#999999",
+    "--ck-body-divider": "#f7f6f8",
+    "--ck-body-divider-secondary": "rgba(0, 0, 0, 0.06)",
+    "--ck-body-color-danger": "#FF4E4E",
+    "--ck-body-color-valid": "#32D74B",
+    "--ck-siwe-border": "#F0F0F0",
+    /** Disclaimer */
+    //'--ck-body-disclaimer-background': '#E3D6C9',
+    //'--ck-body-disclaimer-box-shadow': 'none',
+    "--ck-body-disclaimer-color": "#AAAAAB",
+    "--ck-body-disclaimer-link-color": "#838485",
+    "--ck-body-disclaimer-link-hover-color": "#000000",
+    /** Tooltips */
+    "--ck-tooltip-background": "#ffffff",
+    "--ck-tooltip-background-secondary": "#ffffff",
+    "--ck-tooltip-color": "#999999",
+    "--ck-tooltip-shadow": "0px 2px 10px rgba(0, 0, 0, 0.08)",
+    /** Network dropdown */
+    "--ck-dropdown-button-color": "#999999",
+    "--ck-dropdown-button-box-shadow": "0 0 0 1px rgba(0,0,0,0.01), 0px 0px 7px rgba(0, 0, 0, 0.05)",
+    "--ck-dropdown-button-background": "#fff",
+    "--ck-dropdown-button-hover-color": "#8B8B8B",
+    "--ck-dropdown-button-hover-background": "#F5F7F9",
+    /** QR Code */
+    "--ck-qr-dot-color": "#000000",
+    "--ck-qr-border-color": "#f7f6f8",
+    /** Misc. */
+    "--ck-focus-color": "#1A88F8",
+    "--ck-spinner-color": "var(--ck-focus-color)",
+    "--ck-copytoclipboard-stroke": "#CCCCCC"
+  },
+  dark: {
+    "--ck-connectbutton-font-size": "15px",
+    "--ck-connectbutton-color": "#ffffff",
+    "--ck-connectbutton-background": "#383838",
+    "--ck-connectbutton-background-secondary": "#282828",
+    "--ck-connectbutton-hover-background": "#404040",
+    "--ck-connectbutton-active-background": "#4D4D4D",
+    "--ck-connectbutton-balance-color": "#fff",
+    "--ck-connectbutton-balance-background": "#282828",
+    "--ck-connectbutton-balance-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-background)",
+    "--ck-connectbutton-balance-hover-background": "#383838",
+    "--ck-connectbutton-balance-hover-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-hover-background)",
+    "--ck-connectbutton-balance-active-background": "#404040",
+    "--ck-connectbutton-balance-active-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-active-background)",
+    "--ck-primary-button-color": "#ffffff",
+    "--ck-primary-button-background": "#383838",
+    //'--ck-primary-button-box-shadow': 'inset 0 0 0 1px #3D3D3D',
+    "--ck-primary-button-border-radius": "16px",
+    "--ck-primary-button-font-weight": "600",
+    "--ck-primary-button-hover-background": "#404040",
+    //'--ck-primary-button-hover-box-shadow': 'inset 0 0 0 2px rgba(255, 255, 255, 0.4)',
+    //'--ck-primary-button-active-background': '#4D4D4D',
+    "--ck-primary-button-active-border-radius": "16px",
+    "--ck-secondary-button-color": "#ffffff",
+    "--ck-secondary-button-background": "#333333",
+    "--ck-secondary-button-hover-background": "#4D4D4D",
+    /** Tertiary Button */
+    "--ck-tertiary-button-background": "#424242",
+    "--ck-focus-color": "#1A88F8",
+    "--ck-overlay-background": "rgba(0,0,0,0.4)",
+    "--ck-body-color": "#ffffff",
+    "--ck-body-color-muted": "rgba(255, 255, 255, 0.4)",
+    "--ck-body-color-muted-hover": "rgba(255, 255, 255, 0.8)",
+    "--ck-body-background": "#2B2B2B",
+    "--ck-body-background-transparent": "rgba(0,0,0,0)",
+    "--ck-body-background-secondary": "#333333",
+    "--ck-body-background-secondary-hover-background": "#4D4D4D",
+    "--ck-body-background-secondary-hover-outline": "#ffffff",
+    "--ck-body-background-tertiary": "#333333",
+    "--ck-body-action-color": "#808080",
+    "--ck-body-divider": "#383838",
+    "--ck-body-color-danger": "#FF4E4E",
+    "--ck-body-disclaimer-color": "#858585",
+    "--ck-body-disclaimer-link-color": "#ADADAD",
+    "--ck-body-disclaimer-link-hover-color": "#FFFFFF",
+    "--ck-modal-box-shadow": "0px 2px 4px rgba(0, 0, 0, 0.02)",
+    "--ck-copytoclipboard-stroke": "#555555",
+    "--ck-tooltip-background": "#2B2B2B",
+    "--ck-tooltip-background-secondary": "#333333",
+    "--ck-tooltip-color": "#999999",
+    "--ck-tooltip-shadow": "0px 2px 10px rgba(0, 0, 0, 0.08)",
+    /** Network dropdown */
+    "--ck-dropdown-button-color": "#6C7381",
+    "--ck-spinner-color": "var(--ck-focus-color)",
+    "--ck-qr-dot-color": "#ffffff",
+    "--ck-qr-border-color": "#3d3d3d"
+  }
+};
+
+export { base as default };
+//# sourceMappingURL=base.js.map

package/build/pay/packages/connectkit/src/styles/themes/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/styles/themes/base.ts"],"sourcesContent":["export default {\n  light: {\n    /** Connect Wallet Button */\n    \"--ck-connectbutton-font-size\": \"15px\",\n    \"--ck-connectbutton-color\": \"#373737\",\n    \"--ck-connectbutton-background\": \"#F6F7F9\",\n    \"--ck-connectbutton-background-secondary\": \"#FFFFFF\",\n\n    \"--ck-connectbutton-hover-color\": \"#373737\",\n    \"--ck-connectbutton-hover-background\": \"#F0F2F5\",\n\n    \"--ck-connectbutton-active-color\": \"#373737\",\n    \"--ck-connectbutton-active-background\": \"#EAECF1\",\n\n    \"--ck-connectbutton-balance-color\": \"#373737\",\n    \"--ck-connectbutton-balance-background\": \"#fff\",\n    \"--ck-connectbutton-balance-box-shadow\":\n      \"inset 0 0 0 1px var(--ck-connectbutton-background)\",\n\n    \"--ck-connectbutton-balance-hover-background\": \"#F6F7F9\",\n    \"--ck-connectbutton-balance-hover-box-shadow\":\n      \"inset 0 0 0 1px var(--ck-connectbutton-hover-background)\",\n\n    \"--ck-connectbutton-balance-active-background\": \"#F0F2F5\",\n    \"--ck-connectbutton-balance-active-box-shadow\":\n      \"inset 0 0 0 1px var(--ck-connectbutton-active-background)\",\n\n    /** Primary Button */\n    \"--ck-primary-button-border-radius\": \"16px\",\n    \"--ck-primary-button-color\": \"#373737\",\n    \"--ck-primary-button-background\": \"#F6F7F9\",\n    //'--ck-primary-button-box-shadow': 'inset 0 0 0 1px #F0F0F0',\n    \"--ck-primary-button-font-weight\": \"600\",\n\n    \"--ck-primary-button-hover-color\": \"#373737\",\n    \"--ck-primary-button-hover-background\": \"#F0F2F5\",\n    //'--ck-primary-button-hover-box-shadow': 'inset 0 0 0 2px var(--ck-focus-color)',\n\n    //'--ck-primary-button-active-background': '#EAECF1',\n\n    /** Secondary Button */\n    \"--ck-secondary-button-border-radius\": \"16px\",\n    \"--ck-secondary-button-color\": \"#373737\",\n    \"--ck-secondary-button-background\": \"#F6F7F9\",\n    //'--ck-secondary-button-box-shadow': '',\n    //'--ck-secondary-button-font-weight': '',\n\n    /** Tertiary Button */\n    \"--ck-tertiary-button-background\": \"#FFFFFF\",\n\n    \"--ck-secondary-button-hover-background\": \"#e0e4eb\",\n\n    /** Modal */\n    \"--ck-modal-box-shadow\": \"0px 2px 4px rgba(0, 0, 0, 0.02)\",\n    \"--ck-overlay-background\": \"rgba(71, 88, 107, 0.24)\",\n    \"--ck-body-color\": \"#373737\",\n    \"--ck-body-color-muted\": \"#999999\",\n    \"--ck-body-color-muted-hover\": \"#111111\",\n    \"--ck-body-background\": \"#ffffff\",\n    \"--ck-body-background-transparent\": \"rgba(255,255,255,0)\",\n    \"--ck-body-background-secondary\": \"#f6f7f9\",\n    \"--ck-body-background-secondary-hover-background\": \"#e0e4eb\",\n    \"--ck-body-background-secondary-hover-outline\": \"#4282FF\",\n    \"--ck-body-background-tertiary\": \"#F3F4F7\",\n    \"--ck-body-action-color\": \"#999999\",\n    \"--ck-body-divider\": \"#f7f6f8\",\n    \"--ck-body-divider-secondary\": \"rgba(0, 0, 0, 0.06)\",\n    \"--ck-body-color-danger\": \"#FF4E4E\",\n    \"--ck-body-color-valid\": \"#32D74B\",\n    \"--ck-siwe-border\": \"#F0F0F0\",\n\n    /** Disclaimer */\n    //'--ck-body-disclaimer-background': '#E3D6C9',\n    //'--ck-body-disclaimer-box-shadow': 'none',\n    \"--ck-body-disclaimer-color\": \"#AAAAAB\",\n    \"--ck-body-disclaimer-link-color\": \"#838485\",\n    \"--ck-body-disclaimer-link-hover-color\": \"#000000\",\n\n    /** Tooltips */\n    \"--ck-tooltip-background\": \"#ffffff\",\n    \"--ck-tooltip-background-secondary\": \"#ffffff\",\n    \"--ck-tooltip-color\": \"#999999\",\n    \"--ck-tooltip-shadow\": \"0px 2px 10px rgba(0, 0, 0, 0.08)\",\n\n    /** Network dropdown */\n    \"--ck-dropdown-button-color\": \"#999999\",\n    \"--ck-dropdown-button-box-shadow\":\n      \"0 0 0 1px rgba(0,0,0,0.01), 0px 0px 7px rgba(0, 0, 0, 0.05)\",\n    \"--ck-dropdown-button-background\": \"#fff\",\n\n    \"--ck-dropdown-button-hover-color\": \"#8B8B8B\",\n    \"--ck-dropdown-button-hover-background\": \"#F5F7F9\",\n\n    /** QR Code */\n    \"--ck-qr-dot-color\": \"#000000\",\n    \"--ck-qr-border-color\": \"#f7f6f8\",\n\n    /** Misc. */\n    \"--ck-focus-color\": \"#1A88F8\",\n    \"--ck-spinner-color\": \"var(--ck-focus-color)\",\n    \"--ck-copytoclipboard-stroke\": \"#CCCCCC\",\n  },\n  dark: {\n    \"--ck-connectbutton-font-size\": \"15px\",\n    \"--ck-connectbutton-color\": \"#ffffff\",\n    \"--ck-connectbutton-background\": \"#383838\",\n    \"--ck-connectbutton-background-secondary\": \"#282828\",\n\n    \"--ck-connectbutton-hover-background\": \"#404040\",\n\n    \"--ck-connectbutton-active-background\": \"#4D4D4D\",\n\n    \"--ck-connectbutton-balance-color\": \"#fff\",\n    \"--ck-connectbutton-balance-background\": \"#282828\",\n    \"--ck-connectbutton-balance-box-shadow\":\n      \"inset 0 0 0 1px var(--ck-connectbutton-background)\",\n\n    \"--ck-connectbutton-balance-hover-background\": \"#383838\",\n    \"--ck-connectbutton-balance-hover-box-shadow\":\n      \"inset 0 0 0 1px var(--ck-connectbutton-hover-background)\",\n\n    \"--ck-connectbutton-balance-active-background\": \"#404040\",\n    \"--ck-connectbutton-balance-active-box-shadow\":\n      \"inset 0 0 0 1px var(--ck-connectbutton-active-background)\",\n\n    \"--ck-primary-button-color\": \"#ffffff\",\n    \"--ck-primary-button-background\": \"#383838\",\n    //'--ck-primary-button-box-shadow': 'inset 0 0 0 1px #3D3D3D',\n    \"--ck-primary-button-border-radius\": \"16px\",\n    \"--ck-primary-button-font-weight\": \"600\",\n\n    \"--ck-primary-button-hover-background\": \"#404040\",\n    //'--ck-primary-button-hover-box-shadow': 'inset 0 0 0 2px rgba(255, 255, 255, 0.4)',\n\n    //'--ck-primary-button-active-background': '#4D4D4D',\n\n    \"--ck-primary-button-active-border-radius\": \"16px\",\n\n    \"--ck-secondary-button-color\": \"#ffffff\",\n    \"--ck-secondary-button-background\": \"#333333\",\n\n    \"--ck-secondary-button-hover-background\": \"#4D4D4D\",\n\n    /** Tertiary Button */\n    \"--ck-tertiary-button-background\": \"#424242\",\n\n    \"--ck-focus-color\": \"#1A88F8\",\n\n    \"--ck-overlay-background\": \"rgba(0,0,0,0.4)\",\n    \"--ck-body-color\": \"#ffffff\",\n    \"--ck-body-color-muted\": \"rgba(255, 255, 255, 0.4)\",\n    \"--ck-body-color-muted-hover\": \"rgba(255, 255, 255, 0.8)\",\n    \"--ck-body-background\": \"#2B2B2B\",\n    \"--ck-body-background-transparent\": \"rgba(0,0,0,0)\",\n    \"--ck-body-background-secondary\": \"#333333\",\n    \"--ck-body-background-secondary-hover-background\": \"#4D4D4D\",\n    \"--ck-body-background-secondary-hover-outline\": \"#ffffff\",\n    \"--ck-body-background-tertiary\": \"#333333\",\n    \"--ck-body-action-color\": \"#808080\",\n    \"--ck-body-divider\": \"#383838\",\n    \"--ck-body-color-danger\": \"#FF4E4E\",\n\n    \"--ck-body-disclaimer-color\": \"#858585\",\n    \"--ck-body-disclaimer-link-color\": \"#ADADAD\",\n    \"--ck-body-disclaimer-link-hover-color\": \"#FFFFFF\",\n\n    \"--ck-modal-box-shadow\": \"0px 2px 4px rgba(0, 0, 0, 0.02)\",\n\n    \"--ck-copytoclipboard-stroke\": \"#555555\",\n\n    \"--ck-tooltip-background\": \"#2B2B2B\",\n    \"--ck-tooltip-background-secondary\": \"#333333\",\n    \"--ck-tooltip-color\": \"#999999\",\n    \"--ck-tooltip-shadow\": \"0px 2px 10px rgba(0, 0, 0, 0.08)\",\n\n    /** Network dropdown */\n    \"--ck-dropdown-button-color\": \"#6C7381\",\n\n    \"--ck-spinner-color\": \"var(--ck-focus-color)\",\n\n    \"--ck-qr-dot-color\": \"#ffffff\",\n    \"--ck-qr-border-color\": \"#3d3d3d\",\n  },\n};\n"],"names":[],"mappings":"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"}

package/build/pay/packages/connectkit/src/styles/themes/index.js

@@ -0,0 +1,13 @@
+import base from './base.js';
+import web95 from './web95.js';
+import retro from './retro.js';
+import soft from './soft.js';
+import midnight from './midnight.js';
+import minimal from './minimal.js';
+import rounded from './rounded.js';
+import nouns from './nouns.js';
+
+var predefinedThemes = { base, web95, retro, soft, midnight, minimal, rounded, nouns };
+
+export { predefinedThemes as default };
+//# sourceMappingURL=index.js.map

package/build/pay/packages/connectkit/src/styles/themes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/styles/themes/index.ts"],"sourcesContent":["import base from \"./base\";\nimport web95 from \"./web95\";\nimport retro from \"./retro\";\nimport soft from \"./soft\";\nimport midnight from \"./midnight\";\nimport minimal from \"./minimal\";\nimport rounded from \"./rounded\";\nimport nouns from \"./nouns\";\n\nexport default { base, web95, retro, soft, midnight, minimal, rounded, nouns };\n"],"names":[],"mappings":";;;;;;;;;AASA,uBAAe,EAAE,MAAM,KAAO,EAAA,KAAA,EAAO,MAAM,QAAU,EAAA,OAAA,EAAS,SAAS,KAAM,EAAA;;;;"}

package/build/pay/packages/connectkit/src/styles/themes/midnight.js

@@ -0,0 +1,76 @@
+var midnight = {
+  "--ck-font-family": '"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol"',
+  "--ck-border-radius": "10px",
+  "--ck-connectbutton-font-size": "17px",
+  "--ck-connectbutton-border-radius": "8px",
+  "--ck-connectbutton-color": "#ffffff",
+  "--ck-connectbutton-background": "#313235",
+  "--ck-connectbutton-box-shadow": "inset 0 0 0 1px rgba(255, 255, 255, 0.05)",
+  "--ck-connectbutton-hover-background": "#414144",
+  "--ck-connectbutton-active-background": "#4C4D4F",
+  "--ck-connectbutton-balance-color": "#ffffff",
+  "--ck-connectbutton-balance-background": "#1F2023",
+  "--ck-connectbutton-balance-box-shadow": "inset 0 0 0 1px #313235",
+  "--ck-connectbutton-balance-hover-background": "#313235",
+  "--ck-connectbutton-balance-active-background": "#414144",
+  "--ck-primary-button-border-radius": "8px",
+  "--ck-primary-button-color": "#ffffff",
+  "--ck-primary-button-background": "rgba(255, 255, 255, 0.08)",
+  "--ck-primary-button-box-shadow": "inset 0 0 0 1px rgba(255, 255, 255, 0.05)",
+  "--ck-primary-button-hover-background": "rgba(255, 255, 255, 0.2)",
+  "--ck-secondary-button-border-radius": "8px",
+  "--ck-secondary-button-color": "#ffffff",
+  "--ck-secondary-button-background": "#363638",
+  "--ck-secondary-button-box-shadow": "inset 0 0 0 1px rgba(255, 255, 255, 0.05)",
+  "--ck-secondary-button-hover-background": "#3c3c3e",
+  "--ck-overlay-background": "rgba(0,0,0,0.4)",
+  "--ck-modal-box-shadow": `inset 0 0 0 1px #38393C, 0px 2px 4px rgba(0, 0, 0, 0.02)`,
+  "--ck-focus-color": "#1A88F8",
+  "--ck-body-color": "#ffffff",
+  "--ck-body-color-muted": "#8B8F97",
+  "--ck-body-color-muted-hover": "#ffffff",
+  "--ck-body-background": "#1F2023",
+  "--ck-body-background-transparent": "rgba(31, 32, 35, 0)",
+  "--ck-body-background-secondary": "#313235",
+  "--ck-body-background-secondary-hover-background": "#e0e4eb",
+  "--ck-body-background-secondary-hover-outline": "rgba(255, 255, 255, 0.02)",
+  "--ck-body-background-tertiary": "#313235",
+  "--ck-tertiary-border-radius": "12px",
+  "--ck-tertiary-box-shadow": "inset 0 0 0 1px rgba(255, 255, 255, 0.02)",
+  "--ck-body-action-color": "#8B8F97",
+  "--ck-body-divider": "rgba(255,255,255,0.1)",
+  "--ck-body-color-danger": "#FF4E4E",
+  "--ck-body-color-valid": "#32D74B",
+  "--ck-body-disclaimer-background": "#2B2D31",
+  "--ck-body-disclaimer-box-shadow": "none",
+  "--ck-body-disclaimer-color": "#808183",
+  "--ck-body-disclaimer-link-color": "#AAABAD",
+  "--ck-body-disclaimer-link-hover-color": "#ffffff",
+  "--ck-copytoclipboard-stroke": "#CCCCCC",
+  "--ck-tooltip-background": "#1F2023",
+  "--ck-tooltip-background-secondary": "#1F2023",
+  "--ck-tooltip-color": "#ffffff",
+  "--ck-tooltip-shadow": " 0 0 0 1px rgba(255, 255, 255, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.02)",
+  "--ck-spinner-color": "var(--ck-focus-color)",
+  "--ck-dropdown-button-color": "#6C7381",
+  "--ck-dropdown-button-box-shadow": "inset 0 0 0 1px rgba(255, 255, 255, 0.05)",
+  "--ck-dropdown-button-background": "#313235",
+  "--ck-dropdown-pending-color": "#8B8F97",
+  "--ck-dropdown-active-color": "#FFF",
+  "--ck-dropdown-active-static-color": "#FFF",
+  "--ck-dropdown-active-background": "rgba(255, 255, 255, 0.07)",
+  "--ck-dropdown-color": "#8B8F97",
+  "--ck-dropdown-background": "#313235",
+  "--ck-dropdown-box-shadow": "inset 0 0 0 1px rgba(255, 255, 255, 0.03)",
+  "--ck-dropdown-border-radius": "8px",
+  "--ck-alert-color": "#8B8F97",
+  "--ck-alert-background": "#404145",
+  "--ck-alert-box-shadow": "inset 0 0 0 1px rgba(255, 255, 255, 0.02)",
+  "--ck-qr-border-radius": "12px",
+  "--ck-qr-dot-color": "#ffffff",
+  "--ck-qr-border-color": "rgba(255,255,255,0.1)",
+  "--ck-recent-badge-border-radius": "32px"
+};
+
+export { midnight as default };
+//# sourceMappingURL=midnight.js.map