@ozen-ui/kit/__inner__/esm/components/ThemeProvider/themes/helper.js

React component library

export var color = [
    '--color-content-primary',
    '--color-content-secondary',
    '--color-content-tertiary',
    '--color-content-disabled',
    '--color-content-ghost-disabled',
    '--color-content-action',
    '--color-content-action-hover',
    '--color-content-action-pressed',
    '--color-content-action-dark',
    '--color-content-action-secondary',
    '--color-content-action-secondary-hover',
    '--color-content-action-secondary-pressed',
    '--color-content-action-secondary-dark',
    '--color-content-action-on',
    '--color-content-error',
    '--color-content-error-hover',
    '--color-content-error-pressed',
    '--color-content-error-dark',
    '--color-content-warning',
    '--color-content-warning-hover',
    '--color-content-warning-pressed',
    '--color-content-warning-dark',
    '--color-content-success',
    '--color-content-success-hover',
    '--color-content-success-pressed',
    '--color-content-success-dark',
    '--color-content-info',
    '--color-content-info-hover',
    '--color-content-info-pressed',
    '--color-content-info-dark',
    '--color-content-primary-inverse',
    '--color-content-accent-secondary',
    '--color-accent-main',
    '--color-content-accent-primary',
    '--color-accent-primary',
    '--color-content-accent-disabled',
    '--color-background-main',
    '--color-background-main-hover',
    '--color-background-main-pressed',
    '--color-background-primary',
    '--color-background-primary-hover',
    '--color-background-primary-pressed',
    '--color-background-secondary',
    '--color-background-secondary-hover',
    '--color-background-secondary-pressed',
    '--color-background-tertiary',
    '--color-background-tertiary-hover',
    '--color-background-tertiary-pressed',
    '--color-background-disabled',
    '--color-background-action',
    '--color-background-action-hover',
    '--color-background-action-pressed',
    '--color-background-action-active-disabled',
    '--color-background-action-light',
    '--color-background-action-light-hover',
    '--color-background-action-light-pressed',
    '--color-background-accent-action-light',
    '--color-background-accent-action-light-hover',
    '--color-background-accent-action-light-pressed',
    '--color-background-action-secondary',
    '--color-background-action-secondary-hover',
    '--color-background-action-secondary-pressed',
    '--color-background-action-secondary-active-disabled',
    '--color-background-action-secondary-light',
    '--color-background-action-secondary-light-hover',
    '--color-background-action-secondary-light-pressed',
    '--color-background-accent-action-secondary-light',
    '--color-background-accent-action-secondary-light-hover',
    '--color-background-accent-action-secondary-light-pressed',
    '--color-background-error',
    '--color-background-error-hover',
    '--color-background-error-pressed',
    '--color-background-error-light',
    '--color-background-error-light-hover',
    '--color-background-error-light-pressed',
    '--color-background-accent-error-light',
    '--color-background-accent-error-light-hover',
    '--color-background-accent-error-light-pressed',
    '--color-background-warning',
    '--color-background-warning-hover',
    '--color-background-warning-pressed',
    '--color-background-warning-light',
    '--color-background-warning-light-hover',
    '--color-background-warning-light-pressed',
    '--color-background-accent-warning-light',
    '--color-background-accent-warning-light-hover',
    '--color-background-accent-warning-light-pressed',
    '--color-background-success',
    '--color-background-success-hover',
    '--color-background-success-pressed',
    '--color-background-success-light',
    '--color-background-success-light-hover',
    '--color-background-success-light-pressed',
    '--color-background-accent-success-light',
    '--color-background-accent-success-light-hover',
    '--color-background-accent-success-light-pressed',
    '--color-background-info',
    '--color-background-info-hover',
    '--color-background-info-pressed',
    '--color-background-info-light',
    '--color-background-info-light-hover',
    '--color-background-info-light-pressed',
    '--color-background-accent-info-light',
    '--color-background-accent-info-light-hover',
    '--color-background-accent-info-light-pressed',
    '--color-background-main-inverse',
    '--color-background-overlay',
    '--color-background-ghost',
    '--color-background-ghost-hover',
    '--color-background-ghost-pressed',
    '--color-background-ghost-disabled',
    '--color-border-main',
    '--color-border-main-hover',
    '--color-border-main-pressed',
    '--color-border-secondary',
    '--color-border-secondary-hover',
    '--color-border-secondary-pressed',
    '--color-border-disabled',
    '--color-border-ghost-disabled',
    '--color-border-focused',
    '--color-border-action',
    '--color-border-action-hover',
    '--color-border-action-pressed',
    '--color-border-action-secondary',
    '--color-border-action-secondary-hover',
    '--color-border-action-secondary-pressed',
    '--color-border-error',
    '--color-border-warning',
    '--color-border-success',
    '--color-border-info',
    '--color-border-main-on',
    '--color-border-accent-main',
    '--color-border-accent-disabled',
    '--color-border-accent-focused',
    '--color-accent-main-hover',
    '--color-accent-main-pressed',
    '--color-accent-primary-hover',
    '--color-accent-primary-pressed',
    '--color-accent-secondary',
    '--color-accent-secondary-hover',
    '--color-accent-secondary-pressed',
    '--color-accent-tertiary',
    '--color-accent-tertiary-hover',
    '--color-accent-tertiary-pressed',
    '--color-accent-disabled',
    '--color-accent-main-inverse',
    '--color-additional-a1',
    '--color-additional-a2',
    '--color-additional-a3',
    '--color-additional-b1',
    '--color-additional-b2',
    '--color-additional-b3',
    '--color-additional-c1',
    '--color-additional-c2',
    '--color-additional-c3',
    '--color-additional-d1',
    '--color-additional-d2',
    '--color-additional-d3',
    '--color-additional-e1',
    '--color-additional-e2',
    '--color-additional-e3',
    '--color-additional-f1',
    '--color-additional-f2',
    '--color-additional-f3',
    '--color-additional-g1',
    '--color-additional-g2',
    '--color-additional-g3',
    '--color-additional-h1',
    '--color-additional-h2',
    '--color-additional-h3',
];
export var borderRadius = [
    '--border-radius-l',
    '--border-radius-xl',
    '--border-radius-2xl',
    '--border-radius-m',
    '--border-radius-s',
    '--border-radius-xs',
    '--border-radius-2xs',
];
export var borderWidth = ['--border-width-s', '--border-width-m'];
export var shadow = ['--shadow-l', '--shadow-m', '--shadow-s'];
export var breakpoint = [
    '--breakpoint-xs',
    '--breakpoint-s',
    '--breakpoint-m',
    '--breakpoint-l',
];
export var zIndex = [
    '--z-index-default',
    '--z-index-absolute',
    '--z-index-header',
    '--z-index-sidebar',
    '--z-index-modal',
    '--z-index-popover',
    '--z-index-snackbar',
    '--z-index-chat',
];
export var space = [
    '--space-8xl',
    '--space-7xl',
    '--space-6xl',
    '--space-5xl',
    '--space-4xl',
    '--space-3xl',
    '--space-2xl',
    '--space-xl',
    '--space-l',
    '--space-m',
    '--space-s',
    '--space-xs',
];
export var spacing = [
    '--spacing-4xs',
    '--spacing-3xs',
    '--spacing-2xs',
    '--spacing-xs',
    '--spacing-s',
    '--spacing-m',
    '--spacing-l',
    '--spacing-xl',
    '--spacing-2xl',
    '--spacing-3xl',
    '--spacing-4xl',
];
export var control = [
    '--control-padding-4xs',
    '--control-padding-3xs',
    '--control-padding-2xs',
    '--control-padding-xs',
    '--control-padding-s',
    '--control-padding-m',
    '--control-padding-l',
    '--control-height-4xs',
    '--control-height-3xs',
    '--control-height-2xs',
    '--control-height-xs',
    '--control-height-s',
    '--control-height-m',
    '--control-height-l',
];
export var typography = [
    '--typography-text-xl_1-font',
    '--typography-text-4xl_1-font',
    '--typography-text-3xl_1-font',
    '--typography-text-2xl_1-font',
    '--typography-heading-4xl-font',
    '--typography-text-4xl-font',
    '--typography-heading-3xl-font',
    '--typography-text-3xl-font',
    '--typography-heading-2xl-font',
    '--typography-text-2xl-font',
    '--typography-heading-xl-font',
    '--typography-text-xl-font',
    '--typography-text-l-font',
    '--typography-heading-l-font',
    '--typography-text-l_1-font',
    '--typography-text-m-font',
    '--typography-text-m_1-font',
    '--typography-text-s-font',
    '--typography-text-s_1-font',
    '--typography-text-xs-font',
    '--typography-text-xs_1-font',
    '--typography-text-2xs-font',
    '--typography-text-2xs_1-font',
    '--typography-text-3xs-font',
    '--typography-caption-3xs-font',
    '--typography-caption-3xs-text_transform',
    '--typography-caption-3xs-letter_spacing',
    '--typography-text-3xs_1-font',
    '--typography-caption-3xs_1-font',
    '--typography-caption-3xs_1-text_transform',
    '--typography-caption-3xs_1-letter_spacing',
];
export var transition = [
    '--transition-default',
    '--transition-slow',
];