@multiplatform.one/web3 5.1.0 → 6.0.1

package/src/connectkit/styles/themes/base.ts

@@ -1,184 +0,0 @@
-export default {
-  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',
-  },
-};

package/src/connectkit/styles/themes/index.ts

@@ -1,10 +0,0 @@
-import base from './base';
-import web95 from './web95';
-import retro from './retro';
-import soft from './soft';
-import midnight from './midnight';
-import minimal from './minimal';
-import rounded from './rounded';
-import nouns from './nouns';
-
-export default { base, web95, retro, soft, midnight, minimal, rounded, nouns };

package/src/connectkit/styles/themes/midnight.ts

@@ -1,96 +0,0 @@
-export default {
-  '--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',
-};

package/src/connectkit/styles/themes/minimal.ts

@@ -1,118 +0,0 @@
-export default {
-  '--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': '0px',
-
-  '--ck-connectbutton-font-size': '17px',
-  '--ck-connectbutton-border-radius': '0px',
-  '--ck-connectbutton-color': '#414451',
-  '--ck-connectbutton-background': '#ffffff',
-  '--ck-connectbutton-box-shadow': 'inset 0 0 0 1px #EBEBEB',
-
-  '--ck-connectbutton-hover-color': '#111',
-  '--ck-connectbutton-hover-box-shadow': 'inset 0 0 0 1px #111',
-
-  '--ck-connectbutton-balance-color': '#111111',
-  '--ck-connectbutton-balance-background': '#F7F7F7',
-  '--ck-connectbutton-balance-box-shadow': 'inset 0 0 0 1px #F7F7F7',
-
-  '--ck-connectbutton-balance-hover-background': '#f1f1f3',
-  '--ck-connectbutton-balance-hover-box-shadow': 'inset 0 0 0 1px #111',
-
-  '--ck-primary-button-border-radius': '0px',
-  '--ck-primary-button-color': '#111111',
-  '--ck-primary-button-background': '#ffffff',
-  '--ck-primary-button-box-shadow': 'inset 0 0 0 1px #EBEBEB',
-
-  '--ck-primary-button-hover-box-shadow': 'inset 0 0 0 1px #111111',
-
-  '--ck-secondary-button-border-radius': '0px',
-  '--ck-secondary-button-color': '#111111',
-  '--ck-secondary-button-background': '#ffffff',
-  '--ck-secondary-button-box-shadow': 'inset 0 0 0 1px #EBEBEB',
-
-  '--ck-secondary-button-hover-box-shadow': 'inset 0 0 0 1px #111111',
-
-  '--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': '#E7E7E7',
-
-  '--ck-focus-color': '#1A88F8',
-  '--ck-modal-box-shadow': `0px 3px 16px rgba(0, 0, 0, 0.08)`,
-  '--ck-body-color': '#111111',
-  '--ck-body-color-muted': '#A0A0A0',
-  '--ck-body-color-muted-hover': '#000000',
-  '--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': '#ffffff',
-  '--ck-tertiary-border-radius': '0px',
-  '--ck-tertiary-box-shadow': 'inset 0 0 0 1px rgba(0, 0, 0, 0.04)',
-
-  '--ck-body-action-color': '#A0A0A0',
-  '--ck-body-divider': '#EBEBEB',
-  '--ck-body-color-danger': '#FF4E4E',
-  '--ck-body-color-valid': '#32D74B',
-
-  '--ck-body-disclaimer-background': '#FAFAFA',
-  '--ck-body-disclaimer-box-shadow': 'inset 0 1px 0 0 #ECECEC',
-  '--ck-body-disclaimer-color': '#9D9D9D',
-  '--ck-body-disclaimer-link-color': '#6E6E6E',
-  '--ck-body-disclaimer-link-hover-color': '#000000',
-
-  '--ck-copytoclipboard-stroke': '#CCCCCC',
-
-  '--ck-tooltip-border-radius': '0px',
-  '--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)',
-
-  '--ck-spinner-color': 'var(--ck-focus-color)',
-
-  '--ck-dropdown-active-border-radius': '0',
-  '--ck-dropdown-box-shadow': '0px 2px 15px rgba(0, 0, 0, 0.15)',
-  '--ck-dropdown-border-radius': '0',
-
-  '--ck-alert-color': 'rgba(17, 17, 17, 0.4)',
-  '--ck-alert-background': '#fff',
-  '--ck-alert-box-shadow': 'inset 0 0 0 1px #EBEBEB',
-  '--ck-alert-border-radius': '0',
-
-  '--ck-qr-border-radius': '0px',
-  '--ck-qr-dot-color': '#111111',
-  '--ck-qr-border-color': '#EBEBEB',
-
-  '--ck-modal-h1-font-weight': '400',
-  '--ck-modal-heading-font-weight': '400',
-  '--ck-primary-button-font-weight': '400',
-
-  '--ck-recent-badge-top-offset': '0px',
-
-  /** Graphics options for our themes, not to be exposed to devs */
-  /**
-  '--ck-graphic-primary-color': '#111111',
-  '--ck-graphic-primary-background': '#ffffff',
-  '--ck-graphic-primary-box-shadow': 'inset 0 0 0 1px #EBEBEB',
-
-  '--ck-graphic-secondary-color': '#DCDDDE',
-  '--ck-graphic-secondary-background': '#ffffff',
-  '--ck-graphic-secondary-box-shadow': 'inset 0 0 0 1px #EBEBEB',
-
-  '--ck-graphic-compass-color': '#111111',
-  '--ck-graphic-compass-background': '#ffffff',
-  '--ck-graphic-compass-box-shadow': 'inset 0 0 0 1px #EBEBEB',
-
-  '--ck-graphic-globe-background': '#D9D9D9',
-  '--ck-graphic-globe-lines': '#ffffff',
-  '--ck-graphic-globe-box-shadow': 'inset 0 0 0 1px #EBEBEB',
-  */
-
-  '--ck-siwe-border': '#EBEBEB',
-};

package/src/connectkit/styles/themes/nouns.ts

@@ -1,106 +0,0 @@
-export default {
-  '--ck-font-family':
-    '"PT Root UI",ui-rounded,"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol"',
-
-  '--ck-border-radius': '24px',
-
-  '--ck-connectbutton-font-size': '16px',
-  '--ck-connectbutton-font-weight': '700',
-  '--ck-connectbutton-border-radius': '10px',
-  '--ck-connectbutton-color': '#151C3B',
-  '--ck-connectbutton-background': '#ffffff',
-  '--ck-connectbutton-box-shadow': 'inset 0 0 0 1px #D6D8E1',
-
-  '--ck-connectbutton-hover-background': '#E9EBF3',
-  '--ck-connectbutton-hover-box-shadow': 'inset 0 0 0 1px #D4D8E8',
-
-  '--ck-connectbutton-active-background': '#D4D8E8',
-  '--ck-connectbutton-active-box-shadow': 'inset 0 0 0 1px #D4D8E8',
-
-  '--ck-connectbutton-balance-color': '#373737',
-  '--ck-connectbutton-balance-background': '#F6F7F9',
-  '--ck-connectbutton-balance-box-shadow': 'none',
-
-  '--ck-connectbutton-balance-hover-background': '#f1f1f3',
-
-  '--ck-primary-button-border-radius': '16px',
-  '--ck-primary-button-color': '#151C3B',
-  '--ck-primary-button-background': '#ffffff',
-  '--ck-primary-button-font-weight': '700',
-
-  '--ck-primary-button-hover-background': '#DEE1ED',
-
-  '--ck-secondary-button-border-radius': '16px',
-  '--ck-secondary-button-color': '#151C3B',
-  '--ck-secondary-button-background': '#ffffff',
-  '--ck-secondary-button-font-weight': '700',
-
-  '--ck-secondary-button-hover-background': '#DEE1ED',
-
-  '--ck-focus-color': '#1A88F8',
-  '--ck-modal-box-shadow': `0px 2px 4px rgba(0, 0, 0, 0.02)`,
-  '--ck-overlay-background': 'rgba(213, 215, 225, 0.8)',
-  '--ck-overlay-backdrop-filter': 'blur(6px)',
-  '--ck-body-color': '#151C3B',
-  '--ck-body-color-muted': '#757A8E',
-  '--ck-body-color-muted-hover': '#000000',
-  '--ck-body-background': '#F4F4F8',
-  '--ck-body-background-transparent': 'rgba(255,255,255,0)',
-  '--ck-body-background-secondary': '#E9E9F1',
-  '--ck-body-background-secondary-hover-background': '#e0e4eb',
-  '--ck-body-background-tertiary': '#E9E9F1',
-  '--ck-tertiary-border-radius': '24px',
-
-  '--ck-body-action-color': '#79809C',
-  '--ck-body-divider': '#D9DBE3',
-  '--ck-body-color-danger': '#FF4E4E',
-  '--ck-body-color-valid': '#32D74B',
-
-  '--ck-body-disclaimer-background': '#F9FAFA',
-  '--ck-body-disclaimer-color': '#AFB1B6',
-  '--ck-body-disclaimer-link-color': '#787B84',
-  '--ck-body-disclaimer-link-hover-color': '#000000',
-
-  '--ck-copytoclipboard-stroke': '#79809C',
-
-  '--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)',
-
-  '--ck-spinner-color': 'var(--ck-focus-color)',
-
-  '--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': '#DEE1ED',
-  '--ck-dropdown-button-hover-box-shadow': '0px 0px 7px rgba(0, 0, 0, 0.05)',
-
-  '--ck-dropdown-color': '#757A8E',
-  '--ck-dropdown-box-shadow':
-    '0 0 0 1px rgba(0, 0, 0, 0.01), 0px 0px 7px rgba(0, 0, 0, 0.05)',
-
-  '--ck-alert-color': '#9196A1',
-  '--ck-alert-background': '#F6F8FA',
-  '--ck-alert-box-shadow': 'inset 0 0 0 1px rgba(0, 0, 0, 0.04)',
-  '--ck-alert-border-radius': '8px',
-
-  '--ck-qr-border-radius': '24px',
-  '--ck-qr-dot-color': '#000000',
-  '--ck-qr-background': '#ffffff',
-
-  '--ck-recent-badge-color': '#79809C',
-  '--ck-recent-badge-background': '#F4F4F8',
-  '--ck-recent-badge-box-shadow': 'none',
-
-  '--ck-siwe-border': '#DFE4EC',
-
-  '--ck-graphic-primary-background': '#fff',
-  '--ck-graphic-compass-background': '#fff',
-  '--ck-graphic-primary-box-shadow':
-    '0px 2.94737px 14.7368px rgba(0, 0, 0, 0.1)',
-  '--ck-graphic-compass-box-shadow': '0px 2px 9px rgba(0, 0, 0, 0.15)',
-};

package/src/connectkit/styles/themes/retro.ts

@@ -1,142 +0,0 @@
-export default {
-  '--ck-font-family':
-    '"SF Pro Rounded",ui-rounded,"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol"',
-  '--ck-border-radius': '8px',
-
-  '--ck-connectbutton-font-size': '17px',
-  '--ck-connectbutton-color': '#000000',
-  '--ck-connectbutton-background': '#ffffff',
-  '--ck-connectbutton-box-shadow':
-    '-4px 4px 0px #000000, inset 0 0 0 2px #000000',
-  '--ck-connectbutton-border-radius': '8px',
-
-  '--ck-connectbutton-hover-background': '#F3EDE8',
-
-  '--ck-connectbutton-active-box-shadow':
-    '0 0 0 0 #000000, inset 0 0 0 2px #000000',
-
-  '--ck-connectbutton-balance-color': '#000000',
-  '--ck-connectbutton-balance-background': '#F3EDE8',
-  '--ck-connectbutton-balance-box-shadow':
-    '-4px 4px 0px #000000, inset 0 0 0 2px #000000',
-  '--ck-connectbutton-balance-hover-background': '#eee5dd',
-
-  '--ck-connectbutton-balance-connectbutton-box-shadow':
-    '-4px 8px 0px -4px #000000, inset 0 0 0 2px #000000',
-
-  '--ck-connectbutton-balance-connectbutton-border-radius': '0px 8px 8px 0',
-
-  '--ck-primary-button-color': '#373737',
-  '--ck-primary-button-background': '#ffffff',
-  '--ck-primary-button-box-shadow':
-    'inset 0 0 0 2px #000000, -4px 4px 0 0 #000000',
-  '--ck-primary-button-border-radius': '8px',
-
-  '--ck-primary-button-hover-background': '#F3EDE8',
-  '--ck-primary-button-hover-box-shadow':
-    'inset 0 0 0 2px #000000, -0px 0px 0 0 #000000',
-
-  '--ck-secondary-button-border-radius': '8px',
-  '--ck-secondary-button-color': '#373737',
-  '--ck-secondary-button-background': '#ffffff',
-  '--ck-secondary-button-box-shadow':
-    '-4px 4px 0 0 #000000, inset 0 0 0 2px #000000',
-
-  '--ck-secondary-button-hover-background': '#F3EDE8',
-  '--ck-secondary-button-hover-box-shadow':
-    '0 0 0 0 #000000, inset 0 0 0 2px #000000',
-
-  '--ck-focus-color': '#3B99FC',
-
-  '--ck-overlay-background': 'rgba(133, 120, 122, 0.8)',
-  '--ck-body-color': '#373737',
-  '--ck-body-color-muted': 'rgba(0, 0, 0, 0.5)',
-  '--ck-body-color-muted-hover': '#000000',
-  '--ck-body-background': '#EBE1D8',
-  '--ck-body-background-transparent': 'rgba(255,255,255,0)',
-  '--ck-body-background-secondary': 'rgba(0,0,0,0.1)',
-  '--ck-body-background-secondary-hover-background': '#4D4D4D',
-  '--ck-body-background-secondary-hover-outline': '#373737',
-  '--ck-body-background-tertiary': '#ffffff',
-  '--ck-tertiary-border-radius': '8px',
-  '--ck-tertiary-box-shadow': '-4px 4px 0 0 #000000, inset 0 0 0 2px #000000',
-
-  '--ck-body-action-color': '#373737',
-  '--ck-body-divider': '#373737',
-  '--ck-body-color-danger': '#FF4E4E',
-
-  '--ck-body-disclaimer-background': '#E3D6C9',
-  '--ck-body-disclaimer-box-shadow':
-    '-4px 4px 0 0 #000000, inset 2px 0 0 0 #000000, inset -2px 0 0 0 #000000, inset 0 -2px 0 0 #000000',
-  '--ck-body-disclaimer-font-weight': '500',
-  '--ck-body-disclaimer-color': '#888079',
-  '--ck-body-disclaimer-link-color': '#5B5650',
-  '--ck-body-disclaimer-link-hover-color': '#000000',
-
-  '--ck-modal-box-shadow': '-10px 10px 0px #000000, inset 0 0 0 2px #000000',
-
-  '--ck-copytoclipboard-stroke': '#555555',
-
-  '--ck-tooltip-border-radius': '8px',
-  '--ck-tooltip-color': '#373737',
-  '--ck-tooltip-background': '#ffffff',
-  '--ck-tooltip-background-secondary': '#EBE1D8',
-  '--ck-tooltip-shadow': '-6px 6px 0 0 #000000, 0 0 0 2px #000000',
-
-  '--ck-spinner-color': '#1A88F8',
-
-  '--ck-dropdown-button-color': '#000',
-  '--ck-dropdown-button-box-shadow':
-    '-2px 2px 0 2px #000000,  0 0 0 2px #000000',
-  '--ck-dropdown-button-background': '#ffffff',
-  '--ck-dropdown-button-hover-background': '#F3EDE8',
-  '--ck-dropdown-button-hover-box-shadow':
-    '-2px 2px 0 0 #000000,  0 0 0 2px #000000',
-
-  '--ck-dropdown-pending-color': 'rgba(0, 0, 0, 0.5)',
-  '--ck-dropdown-active-color': '#FFFFFF',
-  '--ck-dropdown-active-static-color': 'rgba(0, 0, 0, 0.5)',
-  '--ck-dropdown-active-background': '#3B99FC',
-  '--ck-dropdown-active-box-shadow': 'inset 0 0 0 2px #000000',
-  '--ck-dropdown-active-border-radius': '8px',
-
-  '--ck-dropdown-color': 'rgba(0, 0, 0, 0.5)',
-  '--ck-dropdown-background': '#FFFFFF',
-  '--ck-dropdown-box-shadow': '-4px 4px 0 0 #000000, inset 0 0 0 2px #000000',
-  '--ck-dropdown-border-radius': '8px',
-
-  '--ck-alert-color': 'rgba(0, 0, 0, 0.5)',
-  '--ck-alert-background': ' #F5F5F5',
-  '--ck-alert-border-radius': '8px',
-
-  '--ck-qr-border-radius': '8px',
-  '--ck-qr-dot-color': '#000000',
-  '--ck-qr-border-color': '#000000',
-  '--ck-qr-background': '#ffffff',
-
-  '--ck-recent-badge-border-radius': '32px',
-  '--ck-recent-badge-box-shadow': 'inset 0 0 0 2px currentColor',
-
-  /** Graphics options for our themes, not to be exposed to devs */
-
-  '--ck-graphic-primary-color': '#000000',
-  '--ck-graphic-primary-background': '#ffffff',
-  /*
-  '--ck-graphic-secondary-color': '#ffffff',
-  '--ck-graphic-secondary-background': '#808080',
-  '--ck-graphic-secondary-box-shadow':
-    '-4px 4px 0 2px #000000, 0 0 0 2px #000000',
-
-  '--ck-graphic-compass-color': '#ffffff',*/
-  '--ck-graphic-compass-background': '#FFFFFF',
-  /*
-  '--ck-graphic-compass-box-shadow':
-    '-4px 4px 0 0 #000000, inset 0 0 0 2px #000000',
-
-  '--ck-graphic-globe-background': '#ffffff',
-  '--ck-graphic-globe-lines': '#808080',
-  '--ck-graphic-globe-box-shadow': '6px -6px 0 2px #000000, 0 0 0 2px #000000',
-  */
-
-  '--ck-siwe-border': '#8E8985',
-};