@daimo/pay 1.15.0 → 1.16.1

package/build/src/styles/index.js

@@ -4,223 +4,210 @@ import { hexToP3 } from '../utils/p3.js';
 import styled from './styled/index.js';
 import predefinedThemes from './themes/index.js';
 
-/**
- * Theme variables for the modal
- */
 const themeGlobals = {
-    default: {
-        "--ck-font-family": `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+  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",
+    "--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"
     },
-    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",
+    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,
+  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
 };
-/**
- *  Automatically use p3 if available
- */
-//  TODO: Don't use :any type
 const createCssVars = (scheme, important) => {
-    return css `
+  return css`
     ${Object.keys(scheme).map((key) => {
-        const value = scheme[key];
-        return value && `${key}:${value};`;
-    })}
+    const value = scheme[key];
+    return value && `${key}:${value};`;
+  })}
   `;
 };
 const createCssColors = (scheme, override) => {
-    const important = override ? " !important" : "";
-    return css `
+  const important = override ? " !important" : "";
+  return css`
     ${Object.keys(scheme).map((key) => {
-        const value = scheme[key];
-        return value && `${key}:${value}${important};`;
-    })}
+    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 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),
+  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),
+  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 `
+const globalsLight = css`
   ${globals.brand}
   ${globals.ensLight}
   ${globals.graphicsLight}
 `;
-const globalsDark = css `
+const globalsDark = css`
   ${globals.brand}
   ${globals.ensDark}
   ${globals.graphicsDark}
 `;
-/*
- *  Reset stylings to avoid conflicting with the parent websites styling
- * Automatically apply theme based on system theme
- */
-// TODO: Think more about how to reset our components as to not be affected by external stylings
-// TODO: Merge theme objects instead of overriding
 let mode = "auto";
-const ResetContainer = styled(motion.div) `
+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 `
+  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}
             }
@@ -228,53 +215,51 @@ const ResetContainer = styled(motion.div) `
               ${themes.dark}
             }
           `;
-            }
-    }
+      }
+  }
 }}
 
   ${(props) => {
-    switch (mode) {
-        case "light":
-            return globalsLight;
-        case "dark":
-            return globalsDark;
-        default:
-            return css `
+  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", "", undefined].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);
-    }
+  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;

package/build/src/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/styles/index.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"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/src/styles/styled/index.js

@@ -1,15 +1,5 @@
 import styled$1 from 'styled-components';
 
-/**
- *
- * IMPORTANT NOTE: This file is a workaround for the following issue:
- *
- * 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"
- *
- * 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:
- * https://github.com/family/connectkit/discussions/new
- *
- */
 var styled = typeof styled$1.div === "function" ? styled$1 : styled$1["default"];
 
 export { styled as default };

package/build/src/styles/styled/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/styles/styled/index.ts"],"sourcesContent":[null],"names":["styled"],"mappings":";;AAAA;;;;;;;;;AASG;AAGH,aAAe,OAAOA,QAAM,CAAC,GAAG,KAAK,UAAU,GAAGA,QAAM,GAAGA,QAAM,CAAC,SAAS,CAAC;;;;"}
+{"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;;;;"}