@daimo/pay 1.6.2 → 1.6.3

package/build/src/styles/defaultTheme.js

@@ -1,89 +0,0 @@
-const defaultLightTheme = {
-    font: {
-        family: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji'`,
-    },
-    text: {
-        primary: {
-            color: "#373737",
-        },
-        secondary: {
-            color: "#999999",
-            hover: {
-                color: "#111111",
-            },
-        },
-        error: "#FC6464",
-        valid: "#32D74B",
-    },
-    buttons: {
-        primary: {
-            borderRadius: 16,
-            color: "#000373737000",
-            background: "#FFFFFF",
-            border: "#F0F0F0",
-            hover: {
-                color: "#000000",
-                border: "#1A88F8",
-            },
-        },
-        secondary: {
-            borderRadius: 16,
-            background: "#F6F7F9",
-            color: "#000000",
-        },
-    },
-    navigation: {
-        color: "#999999",
-    },
-    modal: {
-        background: "#ffffff", // need to generate an rgba transparent version of this for Safari
-        divider: "#f7f6f8",
-    },
-    tooltips: {
-        color: "#999999",
-        background: "#ffffff",
-        hover: {
-            background: "#f6f7f9",
-        },
-    },
-    overlay: {
-        background: "rgba(0, 0, 0, 0.06)",
-    },
-    qrCode: {
-        accentColor: "#F7F6F8",
-    },
-};
-// parse into css variables so we can use p3 colors
-const parseTheme = (theme) => {
-    return theme;
-};
-const userPrefersDarkMode = () => {
-    if (typeof window === "undefined")
-        return false;
-    return (window.matchMedia &&
-        window.matchMedia("(prefers-color-scheme: dark)").matches);
-    /*
-    window
-      .matchMedia('(prefers-color-scheme: dark)')
-      .addEventListener('change', (event) => {
-        userPrefersDarkMode = event.matches;
-      });
-      */
-};
-userPrefersDarkMode();
-const defaultTheme = {
-    daimoPay: {
-        options: {
-            iconStyle: "light",
-        },
-        //theme: parseTheme(defaultLightTheme),
-        theme: {
-            preferred: "dark",
-            light: parseTheme(defaultLightTheme),
-            dark: parseTheme(defaultLightTheme),
-        },
-    },
-};
-
-export { defaultTheme as default };
-//# sourceMappingURL=defaultTheme.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"defaultTheme.js","sources":["../../../src/styles/defaultTheme.ts"],"sourcesContent":["const defaultLightTheme = {\n    font: {\n        family: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji'`,\n    },\n    text: {\n        primary: {\n            color: \"#373737\",\n        },\n        secondary: {\n            color: \"#999999\",\n            hover: {\n                color: \"#111111\",\n            },\n        },\n        error: \"#FC6464\",\n        valid: \"#32D74B\",\n    },\n    buttons: {\n        primary: {\n            borderRadius: 16,\n            color: \"#000373737000\",\n            background: \"#FFFFFF\",\n            border: \"#F0F0F0\",\n            hover: {\n                color: \"#000000\",\n                border: \"#1A88F8\",\n            },\n        },\n        secondary: {\n            borderRadius: 16,\n            background: \"#F6F7F9\",\n            color: \"#000000\",\n        },\n    },\n    navigation: {\n        color: \"#999999\",\n    },\n    modal: {\n        background: \"#ffffff\", // need to generate an rgba transparent version of this for Safari\n        divider: \"#f7f6f8\",\n    },\n    tooltips: {\n        color: \"#999999\",\n        background: \"#ffffff\",\n        hover: {\n            background: \"#f6f7f9\",\n        },\n    },\n    overlay: {\n        background: \"rgba(0, 0, 0, 0.06)\",\n    },\n    qrCode: {\n        accentColor: \"#F7F6F8\",\n    },\n};\n// parse into css variables so we can use p3 colors\nconst parseTheme = (theme) => {\n    return theme;\n};\nconst userPrefersDarkMode = () => {\n    if (typeof window === \"undefined\")\n        return false;\n    return (window.matchMedia &&\n        window.matchMedia(\"(prefers-color-scheme: dark)\").matches);\n    /*\n    window\n      .matchMedia('(prefers-color-scheme: dark)')\n      .addEventListener('change', (event) => {\n        userPrefersDarkMode = event.matches;\n      });\n      */\n};\nlet darkMode = userPrefersDarkMode();\nif (darkMode) {\n}\nconst defaultTheme = {\n    daimoPay: {\n        options: {\n            iconStyle: \"light\",\n        },\n        //theme: parseTheme(defaultLightTheme),\n        theme: {\n            preferred: \"dark\",\n            light: parseTheme(defaultLightTheme),\n            dark: parseTheme(defaultLightTheme),\n        },\n    },\n};\nexport default defaultTheme;\n"],"names":[],"mappings":"AAAA,MAAM,iBAAiB,GAAG;AAC1B,IAAI,IAAI,EAAE;AACV,QAAQ,MAAM,EAAE,CAAC,kHAAkH,CAAC;AACpI,KAAK;AACL,IAAI,IAAI,EAAE;AACV,QAAQ,OAAO,EAAE;AACjB,YAAY,KAAK,EAAE,SAAS;AAC5B,SAAS;AACT,QAAQ,SAAS,EAAE;AACnB,YAAY,KAAK,EAAE,SAAS;AAC5B,YAAY,KAAK,EAAE;AACnB,gBAAgB,KAAK,EAAE,SAAS;AAChC,aAAa;AACb,SAAS;AACT,QAAQ,KAAK,EAAE,SAAS;AACxB,QAAQ,KAAK,EAAE,SAAS;AACxB,KAAK;AACL,IAAI,OAAO,EAAE;AACb,QAAQ,OAAO,EAAE;AACjB,YAAY,YAAY,EAAE,EAAE;AAC5B,YAAY,KAAK,EAAE,eAAe;AAClC,YAAY,UAAU,EAAE,SAAS;AACjC,YAAY,MAAM,EAAE,SAAS;AAC7B,YAAY,KAAK,EAAE;AACnB,gBAAgB,KAAK,EAAE,SAAS;AAChC,gBAAgB,MAAM,EAAE,SAAS;AACjC,aAAa;AACb,SAAS;AACT,QAAQ,SAAS,EAAE;AACnB,YAAY,YAAY,EAAE,EAAE;AAC5B,YAAY,UAAU,EAAE,SAAS;AACjC,YAAY,KAAK,EAAE,SAAS;AAC5B,SAAS;AACT,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,QAAQ,KAAK,EAAE,SAAS;AACxB,KAAK;AACL,IAAI,KAAK,EAAE;AACX,QAAQ,UAAU,EAAE,SAAS;AAC7B,QAAQ,OAAO,EAAE,SAAS;AAC1B,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,QAAQ,KAAK,EAAE,SAAS;AACxB,QAAQ,UAAU,EAAE,SAAS;AAC7B,QAAQ,KAAK,EAAE;AACf,YAAY,UAAU,EAAE,SAAS;AACjC,SAAS;AACT,KAAK;AACL,IAAI,OAAO,EAAE;AACb,QAAQ,UAAU,EAAE,qBAAqB;AACzC,KAAK;AACL,IAAI,MAAM,EAAE;AACZ,QAAQ,WAAW,EAAE,SAAS;AAC9B,KAAK;AACL,CAAC,CAAC;AACF;AACA,MAAM,UAAU,GAAG,CAAC,KAAK,KAAK;AAC9B,IAAI,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AACF,MAAM,mBAAmB,GAAG,MAAM;AAClC,IAAI,IAAI,OAAO,MAAM,KAAK,WAAW;AACrC,QAAQ,OAAO,KAAK,CAAC;AACrB,IAAI,QAAQ,MAAM,CAAC,UAAU;AAC7B,QAAQ,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,EAAE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AACa,mBAAmB,GAAG;AAGhC,MAAC,YAAY,GAAG;AACrB,IAAI,QAAQ,EAAE;AACd,QAAQ,OAAO,EAAE;AACjB,YAAY,SAAS,EAAE,OAAO;AAC9B,SAAS;AACT;AACA,QAAQ,KAAK,EAAE;AACf,YAAY,SAAS,EAAE,MAAM;AAC7B,YAAY,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC;AAChD,YAAY,IAAI,EAAE,UAAU,CAAC,iBAAiB,CAAC;AAC/C,SAAS;AACT,KAAK;AACL;;;;"}

package/build/src/styles/index.js

@@ -1,329 +0,0 @@
-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';
-
-/**
- * Theme variables for the modal
- */
-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-walletConnect": "#3B99FC",
-        "--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,
-};
-/**
- *  Automatically use p3 if available
- */
-//  TODO: Don't use :any type
-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}
-`;
-/*
- *  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) `
-  ${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", "", 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);
-    }
-}}
-
-  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/src/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/styles/index.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport { hexToP3 } from \"../utils/p3\";\nimport styled from \"./styled\";\nimport predefinedThemes from \"./themes\";\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            \"--ck-graphic-scaniconwithlogos-01\": \"#4E4E4E\",\n            \"--ck-graphic-scaniconwithlogos-02\": \"#272727\",\n            \"--ck-graphic-scaniconwithlogos-03\": \"#F8D74A\",\n            \"--ck-graphic-scaniconwithlogos-04\": \"#F6F7F9\",\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            \"--ck-graphic-scaniconwithlogos-01\": \"#AFAFAF\",\n            \"--ck-graphic-scaniconwithlogos-02\": \"#696969\",\n            \"--ck-graphic-scaniconwithlogos-03\": \"#F8D74A\",\n            \"--ck-graphic-scaniconwithlogos-04\": \"#3D3D3D\",\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-walletConnect\": \"#3B99FC\",\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 *  Automatically use p3 if available\n */\n//  TODO: Don't use :any type\nconst createCssVars = (scheme, important) => {\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, override) => {\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};\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};\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 *  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\nlet mode = \"auto\";\nexport const ResetContainer = styled(motion.div) `\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            }\n            else if (props.$useMode === \"dark\") {\n                mode = \"dark\";\n                return themes.dark;\n            }\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 (props.$customTheme &&\n        props.$customTheme[\"--ck-accent-color\"] &&\n        [\"light\", \"dark\", \"auto\", \"\", undefined].includes(props.$useTheme)) {\n        const accentColor = props.$customTheme[\"--ck-accent-color\"];\n        const accentTextColor = 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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,mBAAmB,EAAE,WAAW;AAC5C,YAAY,wBAAwB,EAAE,eAAe;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,kCAAkC,EAAE,WAAW;AAC3D,YAAY,wCAAwC,EAAE,WAAW;AACjE,YAAY,6BAA6B,EAAE,eAAe;AAC1D,YAAY,2BAA2B,EAAE,eAAe;AACxD,YAAY,kBAAkB,EAAE,WAAW;AAC3C,SAAS,CAAC;AACV,KAAK;AACL,IAAI,IAAI,KAAK,CAAC,YAAY,EAAE;AAC5B,QAAQ,OAAO,eAAe,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;AACzD,KAAK;AACL,CAAC,CAAC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

@@ -1,16 +0,0 @@
-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 };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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 */\nimport styled from \"styled-components\";\nexport default typeof styled.div === \"function\" ? styled : styled[\"default\"];\n"],"names":["styled"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,aAAe,OAAOA,QAAM,CAAC,GAAG,KAAK,UAAU,GAAGA,QAAM,GAAGA,QAAM,CAAC,SAAS,CAAC;;;;"}

package/build/src/styles/themes/base.js

@@ -1,141 +0,0 @@
-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