@openfort/react 0.0.1

package/build/styles/themes/midnight.d.ts

@@ -0,0 +1,74 @@
+declare const _default: {
+    '--ck-font-family': string;
+    '--ck-border-radius': string;
+    '--ck-connectbutton-font-size': string;
+    '--ck-connectbutton-border-radius': string;
+    '--ck-connectbutton-color': string;
+    '--ck-connectbutton-background': string;
+    '--ck-connectbutton-box-shadow': string;
+    '--ck-connectbutton-hover-background': string;
+    '--ck-connectbutton-active-background': string;
+    '--ck-connectbutton-balance-color': string;
+    '--ck-connectbutton-balance-background': string;
+    '--ck-connectbutton-balance-box-shadow': string;
+    '--ck-connectbutton-balance-hover-background': string;
+    '--ck-connectbutton-balance-active-background': string;
+    '--ck-primary-button-border-radius': string;
+    '--ck-primary-button-color': string;
+    '--ck-primary-button-background': string;
+    '--ck-primary-button-box-shadow': string;
+    '--ck-primary-button-hover-background': string;
+    '--ck-secondary-button-border-radius': string;
+    '--ck-secondary-button-color': string;
+    '--ck-secondary-button-background': string;
+    '--ck-secondary-button-box-shadow': string;
+    '--ck-secondary-button-hover-background': string;
+    '--ck-overlay-background': string;
+    '--ck-modal-box-shadow': string;
+    '--ck-focus-color': string;
+    '--ck-body-color': string;
+    '--ck-body-color-muted': string;
+    '--ck-body-color-muted-hover': string;
+    '--ck-body-background': string;
+    '--ck-body-background-transparent': string;
+    '--ck-body-background-secondary': string;
+    '--ck-body-background-secondary-hover-background': string;
+    '--ck-body-background-secondary-hover-outline': string;
+    '--ck-body-background-tertiary': string;
+    '--ck-tertiary-border-radius': string;
+    '--ck-tertiary-box-shadow': string;
+    '--ck-body-action-color': string;
+    '--ck-body-divider': string;
+    '--ck-body-color-danger': string;
+    '--ck-body-color-valid': string;
+    '--ck-body-disclaimer-background': string;
+    '--ck-body-disclaimer-box-shadow': string;
+    '--ck-body-disclaimer-color': string;
+    '--ck-body-disclaimer-link-color': string;
+    '--ck-body-disclaimer-link-hover-color': string;
+    '--ck-copytoclipboard-stroke': string;
+    '--ck-tooltip-background': string;
+    '--ck-tooltip-background-secondary': string;
+    '--ck-tooltip-color': string;
+    '--ck-tooltip-shadow': string;
+    '--ck-spinner-color': string;
+    '--ck-dropdown-button-color': string;
+    '--ck-dropdown-button-box-shadow': string;
+    '--ck-dropdown-button-background': string;
+    '--ck-dropdown-pending-color': string;
+    '--ck-dropdown-active-color': string;
+    '--ck-dropdown-active-static-color': string;
+    '--ck-dropdown-active-background': string;
+    '--ck-dropdown-color': string;
+    '--ck-dropdown-background': string;
+    '--ck-dropdown-box-shadow': string;
+    '--ck-dropdown-border-radius': string;
+    '--ck-alert-color': string;
+    '--ck-alert-background': string;
+    '--ck-alert-box-shadow': string;
+    '--ck-qr-border-radius': string;
+    '--ck-qr-dot-color': string;
+    '--ck-qr-border-color': string;
+    '--ck-recent-badge-border-radius': string;
+};
+export default _default;

package/build/styles/themes/minimal.d.ts

@@ -0,0 +1,94 @@
+declare const _default: {
+    '--ck-font-family': string;
+    '--ck-border-radius': string;
+    '--ck-connectbutton-font-size': string;
+    '--ck-connectbutton-border-radius': string;
+    '--ck-connectbutton-color': string;
+    '--ck-connectbutton-background': string;
+    '--ck-connectbutton-box-shadow': string;
+    '--ck-connectbutton-hover-color': string;
+    '--ck-connectbutton-hover-box-shadow': string;
+    '--ck-connectbutton-balance-color': string;
+    '--ck-connectbutton-balance-background': string;
+    '--ck-connectbutton-balance-box-shadow': string;
+    '--ck-connectbutton-balance-hover-background': string;
+    '--ck-connectbutton-balance-hover-box-shadow': string;
+    '--ck-primary-button-border-radius': string;
+    '--ck-primary-button-color': string;
+    '--ck-primary-button-background': string;
+    '--ck-primary-button-box-shadow': string;
+    '--ck-primary-button-hover-box-shadow': string;
+    '--ck-secondary-button-border-radius': string;
+    '--ck-secondary-button-color': string;
+    '--ck-secondary-button-background': string;
+    '--ck-secondary-button-box-shadow': string;
+    '--ck-secondary-button-hover-box-shadow': string;
+    '--ck-dropdown-button-color': string;
+    '--ck-dropdown-button-box-shadow': string;
+    '--ck-dropdown-button-background': string;
+    '--ck-dropdown-button-hover-color': string;
+    '--ck-dropdown-button-hover-background': string;
+    '--ck-focus-color': string;
+    '--ck-modal-box-shadow': string;
+    '--ck-body-color': string;
+    '--ck-body-color-muted': string;
+    '--ck-body-color-muted-hover': string;
+    '--ck-body-background': string;
+    '--ck-body-background-transparent': string;
+    '--ck-body-background-secondary': string;
+    '--ck-body-background-secondary-hover-background': string;
+    '--ck-body-background-secondary-hover-outline': string;
+    '--ck-body-background-tertiary': string;
+    '--ck-tertiary-border-radius': string;
+    '--ck-tertiary-box-shadow': string;
+    '--ck-body-action-color': string;
+    '--ck-body-divider': string;
+    '--ck-body-color-danger': string;
+    '--ck-body-color-valid': string;
+    '--ck-body-disclaimer-background': string;
+    '--ck-body-disclaimer-box-shadow': string;
+    '--ck-body-disclaimer-color': string;
+    '--ck-body-disclaimer-link-color': string;
+    '--ck-body-disclaimer-link-hover-color': string;
+    '--ck-copytoclipboard-stroke': string;
+    '--ck-tooltip-border-radius': string;
+    '--ck-tooltip-background': string;
+    '--ck-tooltip-background-secondary': string;
+    '--ck-tooltip-color': string;
+    '--ck-tooltip-shadow': string;
+    '--ck-spinner-color': string;
+    '--ck-dropdown-active-border-radius': string;
+    '--ck-dropdown-box-shadow': string;
+    '--ck-dropdown-border-radius': string;
+    '--ck-alert-color': string;
+    '--ck-alert-background': string;
+    '--ck-alert-box-shadow': string;
+    '--ck-alert-border-radius': string;
+    '--ck-qr-border-radius': string;
+    '--ck-qr-dot-color': string;
+    '--ck-qr-border-color': string;
+    '--ck-modal-h1-font-weight': string;
+    '--ck-modal-heading-font-weight': string;
+    '--ck-primary-button-font-weight': string;
+    '--ck-recent-badge-top-offset': string;
+    /** 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': string;
+};
+export default _default;

package/build/styles/themes/nouns.d.ts

@@ -0,0 +1,79 @@
+declare const _default: {
+    '--ck-font-family': string;
+    '--ck-border-radius': string;
+    '--ck-connectbutton-font-size': string;
+    '--ck-connectbutton-font-weight': string;
+    '--ck-connectbutton-border-radius': string;
+    '--ck-connectbutton-color': string;
+    '--ck-connectbutton-background': string;
+    '--ck-connectbutton-box-shadow': string;
+    '--ck-connectbutton-hover-background': string;
+    '--ck-connectbutton-hover-box-shadow': string;
+    '--ck-connectbutton-active-background': string;
+    '--ck-connectbutton-active-box-shadow': string;
+    '--ck-connectbutton-balance-color': string;
+    '--ck-connectbutton-balance-background': string;
+    '--ck-connectbutton-balance-box-shadow': string;
+    '--ck-connectbutton-balance-hover-background': string;
+    '--ck-primary-button-border-radius': string;
+    '--ck-primary-button-color': string;
+    '--ck-primary-button-background': string;
+    '--ck-primary-button-font-weight': string;
+    '--ck-primary-button-hover-background': string;
+    '--ck-secondary-button-border-radius': string;
+    '--ck-secondary-button-color': string;
+    '--ck-secondary-button-background': string;
+    '--ck-secondary-button-font-weight': string;
+    '--ck-secondary-button-hover-background': string;
+    '--ck-focus-color': string;
+    '--ck-modal-box-shadow': string;
+    '--ck-overlay-background': string;
+    '--ck-overlay-backdrop-filter': string;
+    '--ck-body-color': string;
+    '--ck-body-color-muted': string;
+    '--ck-body-color-muted-hover': string;
+    '--ck-body-background': string;
+    '--ck-body-background-transparent': string;
+    '--ck-body-background-secondary': string;
+    '--ck-body-background-secondary-hover-background': string;
+    '--ck-body-background-tertiary': string;
+    '--ck-tertiary-border-radius': string;
+    '--ck-body-action-color': string;
+    '--ck-body-divider': string;
+    '--ck-body-color-danger': string;
+    '--ck-body-color-valid': string;
+    '--ck-body-disclaimer-background': string;
+    '--ck-body-disclaimer-color': string;
+    '--ck-body-disclaimer-link-color': string;
+    '--ck-body-disclaimer-link-hover-color': string;
+    '--ck-copytoclipboard-stroke': string;
+    '--ck-tooltip-background': string;
+    '--ck-tooltip-background-secondary': string;
+    '--ck-tooltip-color': string;
+    '--ck-tooltip-shadow': string;
+    '--ck-spinner-color': string;
+    '--ck-dropdown-button-color': string;
+    '--ck-dropdown-button-box-shadow': string;
+    '--ck-dropdown-button-background': string;
+    '--ck-dropdown-button-hover-color': string;
+    '--ck-dropdown-button-hover-background': string;
+    '--ck-dropdown-button-hover-box-shadow': string;
+    '--ck-dropdown-color': string;
+    '--ck-dropdown-box-shadow': string;
+    '--ck-alert-color': string;
+    '--ck-alert-background': string;
+    '--ck-alert-box-shadow': string;
+    '--ck-alert-border-radius': string;
+    '--ck-qr-border-radius': string;
+    '--ck-qr-dot-color': string;
+    '--ck-qr-background': string;
+    '--ck-recent-badge-color': string;
+    '--ck-recent-badge-background': string;
+    '--ck-recent-badge-box-shadow': string;
+    '--ck-siwe-border': string;
+    '--ck-graphic-primary-background': string;
+    '--ck-graphic-compass-background': string;
+    '--ck-graphic-primary-box-shadow': string;
+    '--ck-graphic-compass-box-shadow': string;
+};
+export default _default;

package/build/styles/themes/retro.d.ts

@@ -0,0 +1,89 @@
+declare const _default: {
+    '--ck-font-family': string;
+    '--ck-border-radius': string;
+    '--ck-connectbutton-font-size': string;
+    '--ck-connectbutton-color': string;
+    '--ck-connectbutton-background': string;
+    '--ck-connectbutton-box-shadow': string;
+    '--ck-connectbutton-border-radius': string;
+    '--ck-connectbutton-hover-background': string;
+    '--ck-connectbutton-active-box-shadow': string;
+    '--ck-connectbutton-balance-color': string;
+    '--ck-connectbutton-balance-background': string;
+    '--ck-connectbutton-balance-box-shadow': string;
+    '--ck-connectbutton-balance-hover-background': string;
+    '--ck-connectbutton-balance-connectbutton-box-shadow': string;
+    '--ck-connectbutton-balance-connectbutton-border-radius': string;
+    '--ck-primary-button-color': string;
+    '--ck-primary-button-background': string;
+    '--ck-primary-button-box-shadow': string;
+    '--ck-primary-button-border-radius': string;
+    '--ck-primary-button-hover-background': string;
+    '--ck-primary-button-hover-box-shadow': string;
+    '--ck-secondary-button-border-radius': string;
+    '--ck-secondary-button-color': string;
+    '--ck-secondary-button-background': string;
+    '--ck-secondary-button-box-shadow': string;
+    '--ck-secondary-button-hover-background': string;
+    '--ck-secondary-button-hover-box-shadow': string;
+    '--ck-focus-color': string;
+    '--ck-overlay-background': string;
+    '--ck-body-color': string;
+    '--ck-body-color-muted': string;
+    '--ck-body-color-muted-hover': string;
+    '--ck-body-background': string;
+    '--ck-body-background-transparent': string;
+    '--ck-body-background-secondary': string;
+    '--ck-body-background-secondary-hover-background': string;
+    '--ck-body-background-secondary-hover-outline': string;
+    '--ck-body-background-tertiary': string;
+    '--ck-tertiary-border-radius': string;
+    '--ck-tertiary-box-shadow': string;
+    '--ck-body-action-color': string;
+    '--ck-body-divider': string;
+    '--ck-body-color-danger': string;
+    '--ck-body-disclaimer-background': string;
+    '--ck-body-disclaimer-box-shadow': string;
+    '--ck-body-disclaimer-font-weight': string;
+    '--ck-body-disclaimer-color': string;
+    '--ck-body-disclaimer-link-color': string;
+    '--ck-body-disclaimer-link-hover-color': string;
+    '--ck-modal-box-shadow': string;
+    '--ck-copytoclipboard-stroke': string;
+    '--ck-tooltip-border-radius': string;
+    '--ck-tooltip-color': string;
+    '--ck-tooltip-background': string;
+    '--ck-tooltip-background-secondary': string;
+    '--ck-tooltip-shadow': string;
+    '--ck-spinner-color': string;
+    '--ck-dropdown-button-color': string;
+    '--ck-dropdown-button-box-shadow': string;
+    '--ck-dropdown-button-background': string;
+    '--ck-dropdown-button-hover-background': string;
+    '--ck-dropdown-button-hover-box-shadow': string;
+    '--ck-dropdown-pending-color': string;
+    '--ck-dropdown-active-color': string;
+    '--ck-dropdown-active-static-color': string;
+    '--ck-dropdown-active-background': string;
+    '--ck-dropdown-active-box-shadow': string;
+    '--ck-dropdown-active-border-radius': string;
+    '--ck-dropdown-color': string;
+    '--ck-dropdown-background': string;
+    '--ck-dropdown-box-shadow': string;
+    '--ck-dropdown-border-radius': string;
+    '--ck-alert-color': string;
+    '--ck-alert-background': string;
+    '--ck-alert-border-radius': string;
+    '--ck-qr-border-radius': string;
+    '--ck-qr-dot-color': string;
+    '--ck-qr-border-color': string;
+    '--ck-qr-background': string;
+    '--ck-recent-badge-border-radius': string;
+    '--ck-recent-badge-box-shadow': string;
+    /** Graphics options for our themes, not to be exposed to devs */
+    '--ck-graphic-primary-color': string;
+    '--ck-graphic-primary-background': string;
+    '--ck-graphic-compass-background': string;
+    '--ck-siwe-border': string;
+};
+export default _default;

package/build/styles/themes/rounded.d.ts

@@ -0,0 +1,86 @@
+declare const _default: {
+    '--ck-font-family': string;
+    '--ck-border-radius': string;
+    '--ck-connectbutton-font-size': string;
+    '--ck-connectbutton-font-weight': string;
+    '--ck-connectbutton-border-radius': string;
+    '--ck-connectbutton-color': string;
+    '--ck-connectbutton-background': string;
+    '--ck-connectbutton-box-shadow': string;
+    '--ck-connectbutton-hover-background': string;
+    '--ck-connectbutton-balance-color': string;
+    '--ck-connectbutton-balance-background': string;
+    '--ck-connectbutton-balance-box-shadow': string;
+    '--ck-connectbutton-balance-hover-background': string;
+    '--ck-connectbutton-balance-hover-box-shadow': string;
+    '--ck-connectbutton-balance-active-box-shadow': string;
+    '--ck-connectbutton-active-background': string;
+    '--ck-connectbutton-active-box-shadow': string;
+    '--ck-primary-button-border-radius': string;
+    '--ck-primary-button-color': string;
+    '--ck-primary-button-background': string;
+    '--ck-primary-button-box-shadow': string;
+    '--ck-primary-button-hover-background': string;
+    '--ck-primary-button-hover-box-shadow': string;
+    '--ck-secondary-button-border-radius': string;
+    '--ck-secondary-button-color': string;
+    '--ck-secondary-button-background': string;
+    '--ck-secondary-button-box-shadow': string;
+    '--ck-secondary-button-hover-background': string;
+    '--ck-secondary-button-hover-box-shadow': string;
+    '--ck-focus-color': string;
+    '--ck-modal-box-shadow': string;
+    '--ck-body-color': string;
+    '--ck-body-color-muted': string;
+    '--ck-body-color-muted-hover': string;
+    '--ck-body-background': string;
+    '--ck-body-background-transparent': string;
+    '--ck-body-background-secondary': string;
+    '--ck-body-background-secondary-hover-background': string;
+    '--ck-body-background-secondary-hover-outline': string;
+    '--ck-body-background-tertiary': string;
+    '--ck-tertiary-border-radius': string;
+    '--ck-tertiary-box-shadow': string;
+    '--ck-body-action-color': string;
+    '--ck-body-divider': string;
+    '--ck-body-color-danger': string;
+    '--ck-body-color-valid': string;
+    '--ck-body-disclaimer-background': string;
+    '--ck-body-disclaimer-font-size': string;
+    '--ck-body-disclaimer-font-weight': string;
+    '--ck-body-disclaimer-color': string;
+    '--ck-body-disclaimer-link-color': string;
+    '--ck-body-disclaimer-link-hover-color': string;
+    '--ck-copytoclipboard-stroke': string;
+    '--ck-tooltip-background': string;
+    '--ck-tooltip-background-secondary': string;
+    '--ck-tooltip-color': string;
+    '--ck-tooltip-shadow': string;
+    '--ck-spinner-color': string;
+    '--ck-dropdown-button-color': string;
+    '--ck-dropdown-button-box-shadow': string;
+    '--ck-dropdown-button-background': string;
+    '--ck-dropdown-button-hover-color': string;
+    '--ck-dropdown-button-hover-background': string;
+    '--ck-dropdown-pending-color': string;
+    '--ck-dropdown-active-color': string;
+    '--ck-dropdown-active-static-color': string;
+    '--ck-dropdown-active-background': string;
+    '--ck-dropdown-color': string;
+    '--ck-dropdown-background': string;
+    '--ck-dropdown-box-shadow': string;
+    '--ck-dropdown-border-radius': string;
+    '--ck-alert-color': string;
+    '--ck-alert-background': string;
+    '--ck-qr-border-radius': string;
+    '--ck-qr-dot-color': string;
+    '--ck-qr-border-color': string;
+    '--ck-modal-h1-font-weight': string;
+    '--ck-modal-heading-font-weight': string;
+    '--ck-primary-button-font-weight': string;
+    '--ck-recent-badge-box-shadow': string;
+    '--ck-recent-badge-top-offset': string;
+    /** Graphics options for our themes, not to be exposed to devs */
+    '--ck-siwe-border': string;
+};
+export default _default;

package/build/styles/themes/soft.d.ts

@@ -0,0 +1,69 @@
+declare const _default: {
+    '--ck-border-radius': string;
+    '--ck-connectbutton-font-size': string;
+    '--ck-connectbutton-border-radius': string;
+    '--ck-connectbutton-color': string;
+    '--ck-connectbutton-background': string;
+    '--ck-connectbutton-box-shadow': string;
+    '--ck-connectbutton-hover-background': string;
+    '--ck-connectbutton-hover-box-shadow': string;
+    '--ck-connectbutton-balance-color': string;
+    '--ck-connectbutton-balance-background': string;
+    '--ck-connectbutton-balance-box-shadow': string;
+    '--ck-connectbutton-balance-hover-background': string;
+    '--ck-primary-button-border-radius': string;
+    '--ck-primary-button-color': string;
+    '--ck-primary-button-background': string;
+    '--ck-primary-button-box-shadow': string;
+    '--ck-primary-button-hover-background': string;
+    '--ck-primary-button-hover-box-shadow': string;
+    '--ck-secondary-button-border-radius': string;
+    '--ck-secondary-button-color': string;
+    '--ck-secondary-button-background': string;
+    '--ck-secondary-button-box-shadow': string;
+    '--ck-secondary-button-hover-background': string;
+    '--ck-secondary-button-hover-box-shadow': string;
+    '--ck-focus-color': string;
+    '--ck-modal-box-shadow': string;
+    '--ck-body-color': string;
+    '--ck-body-color-muted': string;
+    '--ck-body-color-muted-hover': string;
+    '--ck-body-background': string;
+    '--ck-body-background-transparent': string;
+    '--ck-body-background-secondary': string;
+    '--ck-body-background-secondary-hover-background': string;
+    '--ck-body-background-secondary-hover-outline': string;
+    '--ck-body-background-tertiary': string;
+    '--ck-tertiary-border-radius': string;
+    '--ck-tertiary-box-shadow': string;
+    '--ck-body-action-color': string;
+    '--ck-body-divider': string;
+    '--ck-body-color-danger': string;
+    '--ck-body-color-valid': string;
+    '--ck-body-disclaimer-background': string;
+    '--ck-body-disclaimer-color': string;
+    '--ck-body-disclaimer-link-color': string;
+    '--ck-body-disclaimer-link-hover-color': string;
+    '--ck-copytoclipboard-stroke': string;
+    '--ck-tooltip-background': string;
+    '--ck-tooltip-background-secondary': string;
+    '--ck-tooltip-color': string;
+    '--ck-tooltip-shadow': string;
+    '--ck-spinner-color': string;
+    '--ck-dropdown-button-color': string;
+    '--ck-dropdown-button-box-shadow': string;
+    '--ck-dropdown-button-background': string;
+    '--ck-dropdown-button-hover-color': string;
+    '--ck-dropdown-button-hover-background': string;
+    '--ck-dropdown-color': string;
+    '--ck-dropdown-box-shadow': string;
+    '--ck-alert-color': string;
+    '--ck-alert-background': string;
+    '--ck-alert-box-shadow': string;
+    '--ck-alert-border-radius': string;
+    '--ck-qr-border-radius': string;
+    '--ck-qr-dot-color': string;
+    '--ck-qr-border-color': string;
+    '--ck-siwe-border': string;
+};
+export default _default;

package/build/styles/themes/web95.d.ts

@@ -0,0 +1,91 @@
+declare const _default: {
+    '--ck-font-family': string;
+    '--ck-border-radius': string;
+    '--ck-connectbutton-color': string;
+    '--ck-connectbutton-background': string;
+    '--ck-connectbutton-box-shadow': string;
+    '--ck-connectbutton-border-radius': string;
+    '--ck-connectbutton-hover-color': string;
+    '--ck-connectbutton-hover-background': string;
+    '--ck-connectbutton-active-background': string;
+    '--ck-connectbutton-balance-color': string;
+    '--ck-connectbutton-balance-background': string;
+    '--ck-connectbutton-balance-box-shadow': string;
+    '--ck-connectbutton-balance-hover-box-shadow': string;
+    '--ck-connectbutton-balance-active-box-shadow': string;
+    '--ck-focus-color': string;
+    '--ck-overlay-background': string;
+    '--ck-body-color': string;
+    '--ck-body-color-muted': string;
+    '--ck-body-color-muted-hover': string;
+    '--ck-body-background': string;
+    '--ck-body-background-transparent': string;
+    '--ck-body-background-secondary-hover-background': string;
+    '--ck-body-background-secondary-hover-outline': string;
+    '--ck-body-action-color': string;
+    '--ck-body-color-danger': string;
+    '--ck-body-color-valid': string;
+    '--ck-body-divider': string;
+    '--ck-body-divider-box-shadow': string;
+    '--ck-primary-button-background': string;
+    '--ck-primary-button-box-shadow': string;
+    '--ck-primary-button-border-radius': string;
+    '--ck-primary-button-hover-box-shadow': string;
+    '--ck-primary-button-hover-border-radius': string;
+    '--ck-modal-heading-font-weight': number;
+    '--ck-modal-box-shadow': string;
+    '--ck-modal-h1-font-weight': number;
+    '--ck-secondary-button-color': string;
+    '--ck-secondary-button-border-radius': string;
+    '--ck-secondary-button-box-shadow': string;
+    '--ck-secondary-button-background': string;
+    '--ck-secondary-button-hover-box-shadow': string;
+    '--ck-body-background-secondary': string;
+    '--ck-body-background-tertiary': string;
+    '--ck-tertiary-border-radius': string;
+    '--ck-tertiary-box-shadow': string;
+    '--ck-body-button-text-align': string;
+    '--ck-body-button-box-shadow': string;
+    '--ck-body-disclaimer-background': string;
+    '--ck-body-disclaimer-box-shadow': string;
+    '--ck-body-disclaimer-font-size': string;
+    '--ck-body-disclaimer-color': string;
+    '--ck-body-disclaimer-link-color': string;
+    '--ck-body-disclaimer-link-hover-color': string;
+    '--ck-qr-dot-color': string;
+    '--ck-qr-border-color': string;
+    '--ck-qr-border-radius': string;
+    '--ck-qr-background': string;
+    '--ck-copytoclipboard-stroke': string;
+    '--ck-tooltip-background': string;
+    '--ck-tooltip-background-secondary': string;
+    '--ck-tooltip-color': string;
+    '--ck-tooltip-shadow': string;
+    '--ck-spinner-color': string;
+    '--ck-dropdown-button-color': string;
+    '--ck-dropdown-button-box-shadow': string;
+    '--ck-dropdown-button-background': string;
+    '--ck-dropdown-button-hover-background': string;
+    '--ck-dropdown-pending-color': string;
+    '--ck-dropdown-active-color': string;
+    '--ck-dropdown-active-static-color': string;
+    '--ck-dropdown-active-background': string;
+    '--ck-dropdown-active-border-radius': string;
+    '--ck-dropdown-active-inset': string;
+    '--ck-dropdown-color': string;
+    '--ck-dropdown-background': string;
+    '--ck-dropdown-box-shadow': string;
+    '--ck-dropdown-border-radius': string;
+    '--ck-alert-color': string;
+    '--ck-alert-background': string;
+    '--ck-alert-box-shadow': string;
+    '--ck-alert-border-radius': string;
+    '--ck-recent-badge-border-radius': string;
+    '--ck-recent-badge-top-offset': string;
+    /** Graphics options for our themes, not to be exposed to devs */
+    '--ck-graphic-primary-color': string;
+    '--ck-graphic-primary-background': string;
+    '--ck-graphic-compass-background': string;
+    '--ck-siwe-border': string;
+};
+export default _default;

package/build/styles/types.d.ts

@@ -0,0 +1,80 @@
+type RGB = `rgb(${number}, ${number}, ${number})`;
+type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
+type HEX = `#${string}`;
+type Color = RGB | RGBA | HEX;
+type BorderRadius = number | string;
+type Font = {
+    family?: string;
+};
+interface Button {
+    font?: Font;
+    color?: Color;
+    background?: Color;
+    border?: Color;
+    borderRadius?: BorderRadius;
+    hover?: this;
+}
+interface Text {
+    color?: Color;
+    font?: Font;
+    hover?: this;
+}
+export type Theme = {
+    font?: Font;
+    primary?: {
+        color?: Color;
+        colorSelected?: Color;
+    };
+    error?: {
+        color?: Color;
+    };
+    text?: {
+        primary?: Text;
+        secondary?: Text;
+        error?: Color;
+        valid?: Color;
+    };
+    navigation?: {
+        color?: Color;
+    };
+    buttons?: {
+        primary?: Button;
+        secondary?: Button;
+    };
+    modal?: {
+        divider: Color;
+        background?: Color;
+        boxShadow?: string;
+        borderRadius?: BorderRadius;
+    };
+    overlay?: {
+        background?: Color;
+        backdropFilter?: string;
+    };
+    tooltips?: {
+        color?: Color;
+        background?: Color;
+        hover?: {
+            color?: Color;
+            background?: Color;
+        };
+    };
+    qrCode?: {
+        background?: Color;
+        accentColor?: Color;
+    };
+};
+export type ThemeMode = {
+    preferred: 'light' | 'dark';
+    light: Theme;
+    dark: Theme;
+};
+export type CustomTheme = {
+    openfortKit: {
+        options?: {
+            iconStyle?: 'light' | 'regular' | 'heavy';
+        };
+        theme?: Theme | ThemeMode;
+    };
+};
+export {};