UNPKG

@thinkbuff/figma-theme

Version:
635 lines (630 loc) 30.7 kB
declare const BaseThemeCSSVariables: { '--figma-color-bg-menu': string; '--figma-color-bg-menu-disabled': string; '--figma-color-bg-menu-hover': string; '--figma-color-bg-menu-pressed': string; '--figma-color-bg-menu-secondary': string; '--figma-color-bg-menu-selected': string; '--figma-color-bg-menu-selected-hover': string; '--figma-color-bg-menu-selected-pressed': string; '--figma-color-bg-menu-selected-secondary': string; '--figma-color-bg-menu-selected-tertiary': string; '--figma-color-bg-menu-tertiary': string; '--figma-color-bg-tooltip': string; '--figma-color-bg-tooltip-disabled': string; '--figma-color-bg-tooltip-hover': string; '--figma-color-bg-tooltip-pressed': string; '--figma-color-bg-tooltip-secondary': string; '--figma-color-bg-tooltip-selected': string; '--figma-color-bg-tooltip-selected-hover': string; '--figma-color-bg-tooltip-selected-pressed': string; '--figma-color-bg-tooltip-selected-secondary': string; '--figma-color-bg-tooltip-selected-tertiary': string; '--figma-color-bg-tooltip-tertiary': string; '--figma-color-border-menu': string; '--figma-color-border-menu-disabled': string; '--figma-color-border-menu-disabled-strong': string; '--figma-color-border-menu-onselected': string; '--figma-color-border-menu-onselected-strong': string; '--figma-color-border-menu-selected': string; '--figma-color-border-menu-selected-strong': string; '--figma-color-border-menu-strong': string; '--figma-color-border-tooltip': string; '--figma-color-border-tooltip-disabled': string; '--figma-color-border-tooltip-disabled-strong': string; '--figma-color-border-tooltip-onselected': string; '--figma-color-border-tooltip-onselected-strong': string; '--figma-color-border-tooltip-selected': string; '--figma-color-border-tooltip-selected-strong': string; '--figma-color-border-tooltip-strong': string; '--figma-color-icon-menu': string; '--figma-color-icon-menu-danger': string; '--figma-color-icon-menu-disabled': string; '--figma-color-icon-menu-hover': string; '--figma-color-icon-menu-ondisabled': string; '--figma-color-icon-menu-onselected': string; '--figma-color-icon-menu-pressed': string; '--figma-color-icon-menu-secondary': string; '--figma-color-icon-menu-secondary-hover': string; '--figma-color-icon-menu-selected': string; '--figma-color-icon-menu-selected-secondary': string; '--figma-color-icon-menu-selected-tertiary': string; '--figma-color-icon-menu-tertiary': string; '--figma-color-icon-menu-tertiary-hover': string; '--figma-color-icon-menu-warning': string; '--figma-color-icon-tooltip': string; '--figma-color-icon-tooltip-danger': string; '--figma-color-icon-tooltip-disabled': string; '--figma-color-icon-tooltip-hover': string; '--figma-color-icon-tooltip-ondisabled': string; '--figma-color-icon-tooltip-onselected': string; '--figma-color-icon-tooltip-pressed': string; '--figma-color-icon-tooltip-secondary': string; '--figma-color-icon-tooltip-secondary-hover': string; '--figma-color-icon-tooltip-selected': string; '--figma-color-icon-tooltip-selected-secondary': string; '--figma-color-icon-tooltip-selected-tertiary': string; '--figma-color-icon-tooltip-tertiary': string; '--figma-color-icon-tooltip-tertiary-hover': string; '--figma-color-icon-tooltip-warning': string; '--figma-color-text-menu': string; '--figma-color-text-menu-danger': string; '--figma-color-text-menu-disabled': string; '--figma-color-text-menu-hover': string; '--figma-color-text-menu-ondisabled': string; '--figma-color-text-menu-onselected': string; '--figma-color-text-menu-secondary': string; '--figma-color-text-menu-secondary-hover': string; '--figma-color-text-menu-selected': string; '--figma-color-text-menu-selected-secondary': string; '--figma-color-text-menu-selected-tertiary': string; '--figma-color-text-menu-tertiary': string; '--figma-color-text-menu-tertiary-hover': string; '--figma-color-text-menu-warning': string; '--figma-color-text-tooltip': string; '--figma-color-text-tooltip-danger': string; '--figma-color-text-tooltip-disabled': string; '--figma-color-text-tooltip-hover': string; '--figma-color-text-tooltip-ondisabled': string; '--figma-color-text-tooltip-onselected': string; '--figma-color-text-tooltip-secondary': string; '--figma-color-text-tooltip-secondary-hover': string; '--figma-color-text-tooltip-selected': string; '--figma-color-text-tooltip-selected-secondary': string; '--figma-color-text-tooltip-selected-tertiary': string; '--figma-color-text-tooltip-tertiary': string; '--figma-color-text-tooltip-tertiary-hover': string; '--figma-color-text-tooltip-warning': string; }; type BaseThemeCSSVariableKey = keyof typeof BaseThemeCSSVariables; declare const FigmaLightThemeCSSVariables: { '--figma-color-bg': string; '--figma-color-bg-brand': string; '--figma-color-bg-brand-hover': string; '--figma-color-bg-brand-pressed': string; '--figma-color-bg-brand-secondary': string; '--figma-color-bg-brand-tertiary': string; '--figma-color-bg-component': string; '--figma-color-bg-component-hover': string; '--figma-color-bg-component-pressed': string; '--figma-color-bg-component-secondary': string; '--figma-color-bg-component-tertiary': string; '--figma-color-bg-danger': string; '--figma-color-bg-danger-hover': string; '--figma-color-bg-danger-pressed': string; '--figma-color-bg-danger-secondary': string; '--figma-color-bg-danger-tertiary': string; '--figma-color-bg-disabled': string; '--figma-color-bg-disabled-secondary': string; '--figma-color-bg-hover': string; '--figma-color-bg-inverse': string; '--figma-color-bg-onselected': string; '--figma-color-bg-onselected-hover': string; '--figma-color-bg-onselected-pressed': string; '--figma-color-bg-pressed': string; '--figma-color-bg-secondary': string; '--figma-color-bg-selected': string; '--figma-color-bg-selected-hover': string; '--figma-color-bg-selected-pressed': string; '--figma-color-bg-selected-secondary': string; '--figma-color-bg-selected-strong': string; '--figma-color-bg-selected-tertiary': string; '--figma-color-bg-success': string; '--figma-color-bg-success-hover': string; '--figma-color-bg-success-pressed': string; '--figma-color-bg-success-secondary': string; '--figma-color-bg-success-tertiary': string; '--figma-color-bg-tertiary': string; '--figma-color-bg-warning': string; '--figma-color-bg-warning-hover': string; '--figma-color-bg-warning-pressed': string; '--figma-color-bg-warning-secondary': string; '--figma-color-bg-warning-tertiary': string; '--figma-color-border': string; '--figma-color-border-brand': string; '--figma-color-border-brand-strong': string; '--figma-color-border-component': string; '--figma-color-border-component-hover': string; '--figma-color-border-component-strong': string; '--figma-color-border-danger': string; '--figma-color-border-danger-strong': string; '--figma-color-border-disabled': string; '--figma-color-border-disabled-strong': string; '--figma-color-border-onbrand': string; '--figma-color-border-onbrand-strong': string; '--figma-color-border-oncomponent': string; '--figma-color-border-oncomponent-strong': string; '--figma-color-border-ondanger': string; '--figma-color-border-ondanger-strong': string; '--figma-color-border-onselected': string; '--figma-color-border-onselected-strong': string; '--figma-color-border-onsuccess': string; '--figma-color-border-onsuccess-strong': string; '--figma-color-border-onwarning': string; '--figma-color-border-onwarning-strong': string; '--figma-color-border-selected': string; '--figma-color-border-selected-strong': string; '--figma-color-border-strong': string; '--figma-color-border-success': string; '--figma-color-border-success-strong': string; '--figma-color-border-warning': string; '--figma-color-border-warning-strong': string; '--figma-color-icon': string; '--figma-color-icon-brand': string; '--figma-color-icon-brand-pressed': string; '--figma-color-icon-brand-secondary': string; '--figma-color-icon-brand-tertiary': string; '--figma-color-icon-component': string; '--figma-color-icon-component-pressed': string; '--figma-color-icon-component-secondary': string; '--figma-color-icon-component-tertiary': string; '--figma-color-icon-danger': string; '--figma-color-icon-danger-hover': string; '--figma-color-icon-danger-pressed': string; '--figma-color-icon-danger-secondary': string; '--figma-color-icon-danger-secondary-hover': string; '--figma-color-icon-danger-tertiary': string; '--figma-color-icon-disabled': string; '--figma-color-icon-hover': string; '--figma-color-icon-onbrand': string; '--figma-color-icon-onbrand-secondary': string; '--figma-color-icon-onbrand-tertiary': string; '--figma-color-icon-oncomponent': string; '--figma-color-icon-oncomponent-secondary': string; '--figma-color-icon-oncomponent-tertiary': string; '--figma-color-icon-ondanger': string; '--figma-color-icon-ondanger-secondary': string; '--figma-color-icon-ondanger-tertiary': string; '--figma-color-icon-ondisabled': string; '--figma-color-icon-oninverse': string; '--figma-color-icon-onselected': string; '--figma-color-icon-onselected-secondary': string; '--figma-color-icon-onselected-strong': string; '--figma-color-icon-onselected-tertiary': string; '--figma-color-icon-onsuccess': string; '--figma-color-icon-onsuccess-secondary': string; '--figma-color-icon-onsuccess-tertiary': string; '--figma-color-icon-onwarning': string; '--figma-color-icon-onwarning-secondary': string; '--figma-color-icon-onwarning-tertiary': string; '--figma-color-icon-pressed': string; '--figma-color-icon-secondary': string; '--figma-color-icon-secondary-hover': string; '--figma-color-icon-selected': string; '--figma-color-icon-selected-secondary': string; '--figma-color-icon-selected-tertiary': string; '--figma-color-icon-success': string; '--figma-color-icon-success-pressed': string; '--figma-color-icon-success-secondary': string; '--figma-color-icon-success-tertiary': string; '--figma-color-icon-tertiary': string; '--figma-color-icon-tertiary-hover': string; '--figma-color-icon-warning': string; '--figma-color-icon-warning-pressed': string; '--figma-color-icon-warning-secondary': string; '--figma-color-icon-warning-tertiary': string; '--figma-color-text': string; '--figma-color-text-brand': string; '--figma-color-text-brand-secondary': string; '--figma-color-text-brand-tertiary': string; '--figma-color-text-component': string; '--figma-color-text-component-pressed': string; '--figma-color-text-component-secondary': string; '--figma-color-text-component-tertiary': string; '--figma-color-text-danger': string; '--figma-color-text-danger-secondary': string; '--figma-color-text-danger-tertiary': string; '--figma-color-text-disabled': string; '--figma-color-text-hover': string; '--figma-color-text-onbrand': string; '--figma-color-text-onbrand-secondary': string; '--figma-color-text-onbrand-tertiary': string; '--figma-color-text-oncomponent': string; '--figma-color-text-oncomponent-secondary': string; '--figma-color-text-oncomponent-tertiary': string; '--figma-color-text-ondanger': string; '--figma-color-text-ondanger-secondary': string; '--figma-color-text-ondanger-tertiary': string; '--figma-color-text-ondisabled': string; '--figma-color-text-oninverse': string; '--figma-color-text-onselected': string; '--figma-color-text-onselected-secondary': string; '--figma-color-text-onselected-strong': string; '--figma-color-text-onselected-tertiary': string; '--figma-color-text-onsuccess': string; '--figma-color-text-onsuccess-secondary': string; '--figma-color-text-onsuccess-tertiary': string; '--figma-color-text-onwarning': string; '--figma-color-text-onwarning-secondary': string; '--figma-color-text-onwarning-tertiary': string; '--figma-color-text-secondary': string; '--figma-color-text-secondary-hover': string; '--figma-color-text-selected': string; '--figma-color-text-selected-secondary': string; '--figma-color-text-selected-tertiary': string; '--figma-color-text-success': string; '--figma-color-text-success-secondary': string; '--figma-color-text-success-tertiary': string; '--figma-color-text-tertiary': string; '--figma-color-text-tertiary-hover': string; '--figma-color-text-warning': string; '--figma-color-text-warning-secondary': string; '--figma-color-text-warning-tertiary': string; }; declare const FigmaDarkThemeCSSVariables: { '--figma-color-bg': string; '--figma-color-bg-brand': string; '--figma-color-bg-brand-hover': string; '--figma-color-bg-brand-pressed': string; '--figma-color-bg-brand-secondary': string; '--figma-color-bg-brand-tertiary': string; '--figma-color-bg-component': string; '--figma-color-bg-component-hover': string; '--figma-color-bg-component-pressed': string; '--figma-color-bg-component-secondary': string; '--figma-color-bg-component-tertiary': string; '--figma-color-bg-danger': string; '--figma-color-bg-danger-hover': string; '--figma-color-bg-danger-pressed': string; '--figma-color-bg-danger-secondary': string; '--figma-color-bg-danger-tertiary': string; '--figma-color-bg-disabled': string; '--figma-color-bg-disabled-secondary': string; '--figma-color-bg-hover': string; '--figma-color-bg-inverse': string; '--figma-color-bg-onselected': string; '--figma-color-bg-onselected-hover': string; '--figma-color-bg-onselected-pressed': string; '--figma-color-bg-pressed': string; '--figma-color-bg-secondary': string; '--figma-color-bg-selected': string; '--figma-color-bg-selected-hover': string; '--figma-color-bg-selected-pressed': string; '--figma-color-bg-selected-secondary': string; '--figma-color-bg-selected-strong': string; '--figma-color-bg-selected-tertiary': string; '--figma-color-bg-success': string; '--figma-color-bg-success-hover': string; '--figma-color-bg-success-pressed': string; '--figma-color-bg-success-secondary': string; '--figma-color-bg-success-tertiary': string; '--figma-color-bg-tertiary': string; '--figma-color-bg-warning': string; '--figma-color-bg-warning-hover': string; '--figma-color-bg-warning-pressed': string; '--figma-color-bg-warning-secondary': string; '--figma-color-bg-warning-tertiary': string; '--figma-color-border': string; '--figma-color-border-brand': string; '--figma-color-border-brand-strong': string; '--figma-color-border-component': string; '--figma-color-border-component-hover': string; '--figma-color-border-component-strong': string; '--figma-color-border-danger': string; '--figma-color-border-danger-strong': string; '--figma-color-border-disabled': string; '--figma-color-border-disabled-strong': string; '--figma-color-border-onbrand': string; '--figma-color-border-onbrand-strong': string; '--figma-color-border-oncomponent': string; '--figma-color-border-oncomponent-strong': string; '--figma-color-border-ondanger': string; '--figma-color-border-ondanger-strong': string; '--figma-color-border-onselected': string; '--figma-color-border-onselected-strong': string; '--figma-color-border-onsuccess': string; '--figma-color-border-onsuccess-strong': string; '--figma-color-border-onwarning': string; '--figma-color-border-onwarning-strong': string; '--figma-color-border-selected': string; '--figma-color-border-selected-strong': string; '--figma-color-border-strong': string; '--figma-color-border-success': string; '--figma-color-border-success-strong': string; '--figma-color-border-warning': string; '--figma-color-border-warning-strong': string; '--figma-color-icon': string; '--figma-color-icon-brand': string; '--figma-color-icon-brand-pressed': string; '--figma-color-icon-brand-secondary': string; '--figma-color-icon-brand-tertiary': string; '--figma-color-icon-component': string; '--figma-color-icon-component-pressed': string; '--figma-color-icon-component-secondary': string; '--figma-color-icon-component-tertiary': string; '--figma-color-icon-danger': string; '--figma-color-icon-danger-hover': string; '--figma-color-icon-danger-pressed': string; '--figma-color-icon-danger-secondary': string; '--figma-color-icon-danger-secondary-hover': string; '--figma-color-icon-danger-tertiary': string; '--figma-color-icon-disabled': string; '--figma-color-icon-hover': string; '--figma-color-icon-onbrand': string; '--figma-color-icon-onbrand-secondary': string; '--figma-color-icon-onbrand-tertiary': string; '--figma-color-icon-oncomponent': string; '--figma-color-icon-oncomponent-secondary': string; '--figma-color-icon-oncomponent-tertiary': string; '--figma-color-icon-ondanger': string; '--figma-color-icon-ondanger-secondary': string; '--figma-color-icon-ondanger-tertiary': string; '--figma-color-icon-ondisabled': string; '--figma-color-icon-oninverse': string; '--figma-color-icon-onselected': string; '--figma-color-icon-onselected-secondary': string; '--figma-color-icon-onselected-strong': string; '--figma-color-icon-onselected-tertiary': string; '--figma-color-icon-onsuccess': string; '--figma-color-icon-onsuccess-secondary': string; '--figma-color-icon-onsuccess-tertiary': string; '--figma-color-icon-onwarning': string; '--figma-color-icon-onwarning-secondary': string; '--figma-color-icon-onwarning-tertiary': string; '--figma-color-icon-pressed': string; '--figma-color-icon-secondary': string; '--figma-color-icon-secondary-hover': string; '--figma-color-icon-selected': string; '--figma-color-icon-selected-secondary': string; '--figma-color-icon-selected-tertiary': string; '--figma-color-icon-success': string; '--figma-color-icon-success-pressed': string; '--figma-color-icon-success-secondary': string; '--figma-color-icon-success-tertiary': string; '--figma-color-icon-tertiary': string; '--figma-color-icon-tertiary-hover': string; '--figma-color-icon-warning': string; '--figma-color-icon-warning-pressed': string; '--figma-color-icon-warning-secondary': string; '--figma-color-icon-warning-tertiary': string; '--figma-color-text': string; '--figma-color-text-brand': string; '--figma-color-text-brand-secondary': string; '--figma-color-text-brand-tertiary': string; '--figma-color-text-component': string; '--figma-color-text-component-pressed': string; '--figma-color-text-component-secondary': string; '--figma-color-text-component-tertiary': string; '--figma-color-text-danger': string; '--figma-color-text-danger-secondary': string; '--figma-color-text-danger-tertiary': string; '--figma-color-text-disabled': string; '--figma-color-text-hover': string; '--figma-color-text-onbrand': string; '--figma-color-text-onbrand-secondary': string; '--figma-color-text-onbrand-tertiary': string; '--figma-color-text-oncomponent': string; '--figma-color-text-oncomponent-secondary': string; '--figma-color-text-oncomponent-tertiary': string; '--figma-color-text-ondanger': string; '--figma-color-text-ondanger-secondary': string; '--figma-color-text-ondanger-tertiary': string; '--figma-color-text-ondisabled': string; '--figma-color-text-oninverse': string; '--figma-color-text-onselected': string; '--figma-color-text-onselected-secondary': string; '--figma-color-text-onselected-strong': string; '--figma-color-text-onselected-tertiary': string; '--figma-color-text-onsuccess': string; '--figma-color-text-onsuccess-secondary': string; '--figma-color-text-onsuccess-tertiary': string; '--figma-color-text-onwarning': string; '--figma-color-text-onwarning-secondary': string; '--figma-color-text-onwarning-tertiary': string; '--figma-color-text-secondary': string; '--figma-color-text-secondary-hover': string; '--figma-color-text-selected': string; '--figma-color-text-selected-secondary': string; '--figma-color-text-selected-tertiary': string; '--figma-color-text-success': string; '--figma-color-text-success-secondary': string; '--figma-color-text-success-tertiary': string; '--figma-color-text-tertiary': string; '--figma-color-text-tertiary-hover': string; '--figma-color-text-warning': string; '--figma-color-text-warning-secondary': string; '--figma-color-text-warning-tertiary': string; }; type FigmaThemeCSSVariables = typeof FigmaLightThemeCSSVariables & typeof FigmaDarkThemeCSSVariables; type FigmaThemeCSSVariableKey = keyof FigmaThemeCSSVariables; declare const FigJamLightThemeCSSVariables: { '--figma-color-bg': string; '--figma-color-bg-brand': string; '--figma-color-bg-brand-hover': string; '--figma-color-bg-brand-pressed': string; '--figma-color-bg-brand-secondary': string; '--figma-color-bg-brand-tertiary': string; '--figma-color-bg-component': string; '--figma-color-bg-component-hover': string; '--figma-color-bg-component-pressed': string; '--figma-color-bg-component-secondary': string; '--figma-color-bg-component-tertiary': string; '--figma-color-bg-danger': string; '--figma-color-bg-danger-hover': string; '--figma-color-bg-danger-pressed': string; '--figma-color-bg-danger-secondary': string; '--figma-color-bg-danger-tertiary': string; '--figma-color-bg-disabled': string; '--figma-color-bg-disabled-secondary': string; '--figma-color-bg-hover': string; '--figma-color-bg-inverse': string; '--figma-color-bg-onselected': string; '--figma-color-bg-onselected-hover': string; '--figma-color-bg-onselected-pressed': string; '--figma-color-bg-pressed': string; '--figma-color-bg-secondary': string; '--figma-color-bg-selected': string; '--figma-color-bg-selected-hover': string; '--figma-color-bg-selected-pressed': string; '--figma-color-bg-selected-secondary': string; '--figma-color-bg-selected-strong': string; '--figma-color-bg-selected-tertiary': string; '--figma-color-bg-success': string; '--figma-color-bg-success-hover': string; '--figma-color-bg-success-pressed': string; '--figma-color-bg-success-secondary': string; '--figma-color-bg-success-tertiary': string; '--figma-color-bg-tertiary': string; '--figma-color-bg-warning': string; '--figma-color-bg-warning-hover': string; '--figma-color-bg-warning-pressed': string; '--figma-color-bg-warning-secondary': string; '--figma-color-bg-warning-tertiary': string; '--figma-color-border': string; '--figma-color-border-brand': string; '--figma-color-border-brand-strong': string; '--figma-color-border-component': string; '--figma-color-border-component-hover': string; '--figma-color-border-component-strong': string; '--figma-color-border-danger': string; '--figma-color-border-danger-strong': string; '--figma-color-border-disabled': string; '--figma-color-border-disabled-strong': string; '--figma-color-border-onbrand': string; '--figma-color-border-onbrand-strong': string; '--figma-color-border-oncomponent': string; '--figma-color-border-oncomponent-strong': string; '--figma-color-border-ondanger': string; '--figma-color-border-ondanger-strong': string; '--figma-color-border-onselected': string; '--figma-color-border-onselected-strong': string; '--figma-color-border-onsuccess': string; '--figma-color-border-onsuccess-strong': string; '--figma-color-border-onwarning': string; '--figma-color-border-onwarning-strong': string; '--figma-color-border-selected': string; '--figma-color-border-selected-strong': string; '--figma-color-border-strong': string; '--figma-color-border-success': string; '--figma-color-border-success-strong': string; '--figma-color-border-warning': string; '--figma-color-border-warning-strong': string; '--figma-color-icon': string; '--figma-color-icon-brand': string; '--figma-color-icon-brand-pressed': string; '--figma-color-icon-brand-secondary': string; '--figma-color-icon-brand-tertiary': string; '--figma-color-icon-component': string; '--figma-color-icon-component-pressed': string; '--figma-color-icon-component-secondary': string; '--figma-color-icon-component-tertiary': string; '--figma-color-icon-danger': string; '--figma-color-icon-danger-hover': string; '--figma-color-icon-danger-pressed': string; '--figma-color-icon-danger-secondary': string; '--figma-color-icon-danger-secondary-hover': string; '--figma-color-icon-danger-tertiary': string; '--figma-color-icon-disabled': string; '--figma-color-icon-hover': string; '--figma-color-icon-onbrand': string; '--figma-color-icon-onbrand-secondary': string; '--figma-color-icon-onbrand-tertiary': string; '--figma-color-icon-oncomponent': string; '--figma-color-icon-oncomponent-secondary': string; '--figma-color-icon-oncomponent-tertiary': string; '--figma-color-icon-ondanger': string; '--figma-color-icon-ondanger-secondary': string; '--figma-color-icon-ondanger-tertiary': string; '--figma-color-icon-ondisabled': string; '--figma-color-icon-oninverse': string; '--figma-color-icon-onselected': string; '--figma-color-icon-onselected-secondary': string; '--figma-color-icon-onselected-strong': string; '--figma-color-icon-onselected-tertiary': string; '--figma-color-icon-onsuccess': string; '--figma-color-icon-onsuccess-secondary': string; '--figma-color-icon-onsuccess-tertiary': string; '--figma-color-icon-onwarning': string; '--figma-color-icon-onwarning-secondary': string; '--figma-color-icon-onwarning-tertiary': string; '--figma-color-icon-pressed': string; '--figma-color-icon-secondary': string; '--figma-color-icon-secondary-hover': string; '--figma-color-icon-selected': string; '--figma-color-icon-selected-secondary': string; '--figma-color-icon-selected-tertiary': string; '--figma-color-icon-success': string; '--figma-color-icon-success-pressed': string; '--figma-color-icon-success-secondary': string; '--figma-color-icon-success-tertiary': string; '--figma-color-icon-tertiary': string; '--figma-color-icon-tertiary-hover': string; '--figma-color-icon-warning': string; '--figma-color-icon-warning-pressed': string; '--figma-color-icon-warning-secondary': string; '--figma-color-icon-warning-tertiary': string; '--figma-color-text': string; '--figma-color-text-brand': string; '--figma-color-text-brand-secondary': string; '--figma-color-text-brand-tertiary': string; '--figma-color-text-component': string; '--figma-color-text-component-pressed': string; '--figma-color-text-component-secondary': string; '--figma-color-text-component-tertiary': string; '--figma-color-text-danger': string; '--figma-color-text-danger-secondary': string; '--figma-color-text-danger-tertiary': string; '--figma-color-text-disabled': string; '--figma-color-text-hover': string; '--figma-color-text-onbrand': string; '--figma-color-text-onbrand-secondary': string; '--figma-color-text-onbrand-tertiary': string; '--figma-color-text-oncomponent': string; '--figma-color-text-oncomponent-secondary': string; '--figma-color-text-oncomponent-tertiary': string; '--figma-color-text-ondanger': string; '--figma-color-text-ondanger-secondary': string; '--figma-color-text-ondanger-tertiary': string; '--figma-color-text-ondisabled': string; '--figma-color-text-oninverse': string; '--figma-color-text-onselected': string; '--figma-color-text-onselected-secondary': string; '--figma-color-text-onselected-strong': string; '--figma-color-text-onselected-tertiary': string; '--figma-color-text-onsuccess': string; '--figma-color-text-onsuccess-secondary': string; '--figma-color-text-onsuccess-tertiary': string; '--figma-color-text-onwarning': string; '--figma-color-text-onwarning-secondary': string; '--figma-color-text-onwarning-tertiary': string; '--figma-color-text-secondary': string; '--figma-color-text-secondary-hover': string; '--figma-color-text-selected': string; '--figma-color-text-selected-secondary': string; '--figma-color-text-selected-tertiary': string; '--figma-color-text-success': string; '--figma-color-text-success-secondary': string; '--figma-color-text-success-tertiary': string; '--figma-color-text-tertiary': string; '--figma-color-text-tertiary-hover': string; '--figma-color-text-warning': string; '--figma-color-text-warning-secondary': string; '--figma-color-text-warning-tertiary': string; }; type FigJamThemeCSSVariables = typeof FigJamLightThemeCSSVariables; type FigJamThemeCSSVariableKey = keyof FigJamThemeCSSVariables; type ThemeCSSVariableKey = BaseThemeCSSVariableKey | FigmaThemeCSSVariableKey | FigJamThemeCSSVariableKey; type ThemeColorScope = 'bg' | 'border' | 'icon' | 'text'; declare function getCSSPreflights(theme: Record<ThemeCSSVariableKey, string>): string; declare function generateCSSVariables(type: 'figma' | 'figjam'): string; export { type BaseThemeCSSVariableKey, BaseThemeCSSVariables, FigJamLightThemeCSSVariables, type FigJamThemeCSSVariableKey, type FigJamThemeCSSVariables, FigmaDarkThemeCSSVariables, FigmaLightThemeCSSVariables, type FigmaThemeCSSVariableKey, type FigmaThemeCSSVariables, type ThemeCSSVariableKey, type ThemeColorScope, generateCSSVariables, getCSSPreflights };