UNPKG

@ory/elements-react

Version:

Ory Elements React - a collection of React components for authentication UIs.

738 lines (736 loc) 33.9 kB
declare const _default: { colors: { "ui-100": string; "ui-200": string; "ui-300": string; "ui-400": string; "ui-50": string; "ui-500": string; "ui-600": string; "ui-700": string; "ui-800": string; "ui-900": string; "ui-950": string; "ui-black": string; "ui-danger": string; "ui-success": string; "ui-transparent": string; "ui-warning": string; "ui-white": string; "brand-100": string; "brand-200": string; "brand-300": string; "brand-400": string; "brand-50": string; "brand-500": string; "brand-600": string; "brand-700": string; "brand-800": string; "brand-900": string; "brand-950": string; "button-identifier-background-default": string; "button-identifier-background-hover": string; "button-identifier-border-border-default": string; "button-identifier-border-border-hover": string; "button-identifier-foreground-default": string; "button-identifier-foreground-hover": string; "button-link-brand-brand": string; "button-link-brand-brand-hover": string; "button-link-default-primary": string; "button-link-default-primary-hover": string; "button-link-default-secondary": string; "button-link-default-secondary-hover": string; "button-link-disabled-disabled": string; "button-primary-background-default": string; "button-primary-background-disabled": string; "button-primary-background-hover": string; "button-primary-border-default": string; "button-primary-border-disabled": string; "button-primary-border-hover": string; "button-primary-foreground-default": string; "button-primary-foreground-disabled": string; "button-primary-foreground-hover": string; "button-secondary-background-default": string; "button-secondary-background-disabled": string; "button-secondary-background-hover": string; "button-secondary-border-default": string; "button-secondary-border-disabled": string; "button-secondary-border-hover": string; "button-secondary-foreground-default": string; "button-secondary-foreground-disabled": string; "button-secondary-foreground-hover": string; "button-social-background-default": string; "button-social-background-disabled": string; "button-social-background-generic-provider": string; "button-social-background-hover": string; "button-social-border-default": string; "button-social-border-disabled": string; "button-social-border-generic-provider": string; "button-social-border-hover": string; "button-social-foreground-default": string; "button-social-foreground-disabled": string; "button-social-foreground-generic-provider": string; "button-social-foreground-hover": string; "checkbox-background-checked": string; "checkbox-background-default": string; "checkbox-border-checkbox-border-checked": string; "checkbox-border-checkbox-border-default": string; "checkbox-foreground-checked": string; "checkbox-foreground-default": string; "form-background-default": string; "form-border-default": string; "input-background-default": string; "input-background-disabled": string; "input-background-hover": string; "input-border-default": string; "input-border-disabled": string; "input-border-focus": string; "input-border-hover": string; "input-foreground-disabled": string; "input-foreground-primary": string; "input-foreground-secondary": string; "input-foreground-tertiary": string; "interface-background-brand-primary": string; "interface-background-brand-primary-hover": string; "interface-background-brand-secondary": string; "interface-background-brand-secondary-hover": string; "interface-background-default-inverted": string; "interface-background-default-inverted-hover": string; "interface-background-default-none": string; "interface-background-default-primary": string; "interface-background-default-primary-hover": string; "interface-background-default-secondary": string; "interface-background-default-secondary-hover": string; "interface-background-default-tertiary": string; "interface-background-default-tertiary-hover": string; "interface-background-disabled-disabled": string; "interface-background-validation-danger": string; "interface-background-validation-success": string; "interface-background-validation-warning": string; "interface-border-brand-brand": string; "interface-border-default-inverted": string; "interface-border-default-none": string; "interface-border-default-primary": string; "interface-border-disabled-disabled": string; "interface-border-validation-danger": string; "interface-border-validation-success": string; "interface-border-validation-warning": string; "interface-foreground-brand-on-primary": string; "interface-foreground-brand-on-secondary": string; "interface-foreground-brand-primary": string; "interface-foreground-brand-secondary": string; "interface-foreground-default-inverted": string; "interface-foreground-default-primary": string; "interface-foreground-default-secondary": string; "interface-foreground-default-tertiary": string; "interface-foreground-disabled-disabled": string; "interface-foreground-disabled-on-disabled": string; "interface-foreground-validation-danger": string; "interface-foreground-validation-success": string; "interface-foreground-validation-warning": string; "ory-background-default": string; "ory-border-default": string; "ory-foreground-default": string; "radio-background-checked": string; "radio-background-default": string; "radio-border-checked": string; "radio-border-default": string; "radio-foreground-checked": string; "radio-foreground-default": string; "toggle-background-checked": string; "toggle-background-default": string; "toggle-border-checked": string; "toggle-border-default": string; "toggle-foreground-checked": string; "toggle-foreground-default": string; }; backgroundColor: { "ui-100": string; "ui-200": string; "ui-300": string; "ui-400": string; "ui-50": string; "ui-500": string; "ui-600": string; "ui-700": string; "ui-800": string; "ui-900": string; "ui-950": string; "ui-black": string; "ui-danger": string; "ui-success": string; "ui-transparent": string; "ui-warning": string; "ui-white": string; "brand-100": string; "brand-200": string; "brand-300": string; "brand-400": string; "brand-50": string; "brand-500": string; "brand-600": string; "brand-700": string; "brand-800": string; "brand-900": string; "brand-950": string; "button-identifier-background-default": string; "button-identifier-background-hover": string; "button-identifier-border-border-default": string; "button-identifier-border-border-hover": string; "button-identifier-foreground-default": string; "button-identifier-foreground-hover": string; "button-link-brand-brand": string; "button-link-brand-brand-hover": string; "button-link-default-primary": string; "button-link-default-primary-hover": string; "button-link-default-secondary": string; "button-link-default-secondary-hover": string; "button-link-disabled-disabled": string; "button-primary-background-default": string; "button-primary-background-disabled": string; "button-primary-background-hover": string; "button-primary-border-default": string; "button-primary-border-disabled": string; "button-primary-border-hover": string; "button-primary-foreground-default": string; "button-primary-foreground-disabled": string; "button-primary-foreground-hover": string; "button-secondary-background-default": string; "button-secondary-background-disabled": string; "button-secondary-background-hover": string; "button-secondary-border-default": string; "button-secondary-border-disabled": string; "button-secondary-border-hover": string; "button-secondary-foreground-default": string; "button-secondary-foreground-disabled": string; "button-secondary-foreground-hover": string; "button-social-background-default": string; "button-social-background-disabled": string; "button-social-background-generic-provider": string; "button-social-background-hover": string; "button-social-border-default": string; "button-social-border-disabled": string; "button-social-border-generic-provider": string; "button-social-border-hover": string; "button-social-foreground-default": string; "button-social-foreground-disabled": string; "button-social-foreground-generic-provider": string; "button-social-foreground-hover": string; "checkbox-background-checked": string; "checkbox-background-default": string; "checkbox-border-checkbox-border-checked": string; "checkbox-border-checkbox-border-default": string; "checkbox-foreground-checked": string; "checkbox-foreground-default": string; "form-background-default": string; "form-border-default": string; "input-background-default": string; "input-background-disabled": string; "input-background-hover": string; "input-border-default": string; "input-border-disabled": string; "input-border-focus": string; "input-border-hover": string; "input-foreground-disabled": string; "input-foreground-primary": string; "input-foreground-secondary": string; "input-foreground-tertiary": string; "interface-background-brand-primary": string; "interface-background-brand-primary-hover": string; "interface-background-brand-secondary": string; "interface-background-brand-secondary-hover": string; "interface-background-default-inverted": string; "interface-background-default-inverted-hover": string; "interface-background-default-none": string; "interface-background-default-primary": string; "interface-background-default-primary-hover": string; "interface-background-default-secondary": string; "interface-background-default-secondary-hover": string; "interface-background-default-tertiary": string; "interface-background-default-tertiary-hover": string; "interface-background-disabled-disabled": string; "interface-background-validation-danger": string; "interface-background-validation-success": string; "interface-background-validation-warning": string; "interface-border-brand-brand": string; "interface-border-default-inverted": string; "interface-border-default-none": string; "interface-border-default-primary": string; "interface-border-disabled-disabled": string; "interface-border-validation-danger": string; "interface-border-validation-success": string; "interface-border-validation-warning": string; "interface-foreground-brand-on-primary": string; "interface-foreground-brand-on-secondary": string; "interface-foreground-brand-primary": string; "interface-foreground-brand-secondary": string; "interface-foreground-default-inverted": string; "interface-foreground-default-primary": string; "interface-foreground-default-secondary": string; "interface-foreground-default-tertiary": string; "interface-foreground-disabled-disabled": string; "interface-foreground-disabled-on-disabled": string; "interface-foreground-validation-danger": string; "interface-foreground-validation-success": string; "interface-foreground-validation-warning": string; "ory-background-default": string; "ory-border-default": string; "ory-foreground-default": string; "radio-background-checked": string; "radio-background-default": string; "radio-border-checked": string; "radio-border-default": string; "radio-foreground-checked": string; "radio-foreground-default": string; "toggle-background-checked": string; "toggle-background-default": string; "toggle-border-checked": string; "toggle-border-default": string; "toggle-foreground-checked": string; "toggle-foreground-default": string; }; borderColor: { "ui-100": string; "ui-200": string; "ui-300": string; "ui-400": string; "ui-50": string; "ui-500": string; "ui-600": string; "ui-700": string; "ui-800": string; "ui-900": string; "ui-950": string; "ui-black": string; "ui-danger": string; "ui-success": string; "ui-transparent": string; "ui-warning": string; "ui-white": string; "brand-100": string; "brand-200": string; "brand-300": string; "brand-400": string; "brand-50": string; "brand-500": string; "brand-600": string; "brand-700": string; "brand-800": string; "brand-900": string; "brand-950": string; "button-identifier-background-default": string; "button-identifier-background-hover": string; "button-identifier-border-border-default": string; "button-identifier-border-border-hover": string; "button-identifier-foreground-default": string; "button-identifier-foreground-hover": string; "button-link-brand-brand": string; "button-link-brand-brand-hover": string; "button-link-default-primary": string; "button-link-default-primary-hover": string; "button-link-default-secondary": string; "button-link-default-secondary-hover": string; "button-link-disabled-disabled": string; "button-primary-background-default": string; "button-primary-background-disabled": string; "button-primary-background-hover": string; "button-primary-border-default": string; "button-primary-border-disabled": string; "button-primary-border-hover": string; "button-primary-foreground-default": string; "button-primary-foreground-disabled": string; "button-primary-foreground-hover": string; "button-secondary-background-default": string; "button-secondary-background-disabled": string; "button-secondary-background-hover": string; "button-secondary-border-default": string; "button-secondary-border-disabled": string; "button-secondary-border-hover": string; "button-secondary-foreground-default": string; "button-secondary-foreground-disabled": string; "button-secondary-foreground-hover": string; "button-social-background-default": string; "button-social-background-disabled": string; "button-social-background-generic-provider": string; "button-social-background-hover": string; "button-social-border-default": string; "button-social-border-disabled": string; "button-social-border-generic-provider": string; "button-social-border-hover": string; "button-social-foreground-default": string; "button-social-foreground-disabled": string; "button-social-foreground-generic-provider": string; "button-social-foreground-hover": string; "checkbox-background-checked": string; "checkbox-background-default": string; "checkbox-border-checkbox-border-checked": string; "checkbox-border-checkbox-border-default": string; "checkbox-foreground-checked": string; "checkbox-foreground-default": string; "form-background-default": string; "form-border-default": string; "input-background-default": string; "input-background-disabled": string; "input-background-hover": string; "input-border-default": string; "input-border-disabled": string; "input-border-focus": string; "input-border-hover": string; "input-foreground-disabled": string; "input-foreground-primary": string; "input-foreground-secondary": string; "input-foreground-tertiary": string; "interface-background-brand-primary": string; "interface-background-brand-primary-hover": string; "interface-background-brand-secondary": string; "interface-background-brand-secondary-hover": string; "interface-background-default-inverted": string; "interface-background-default-inverted-hover": string; "interface-background-default-none": string; "interface-background-default-primary": string; "interface-background-default-primary-hover": string; "interface-background-default-secondary": string; "interface-background-default-secondary-hover": string; "interface-background-default-tertiary": string; "interface-background-default-tertiary-hover": string; "interface-background-disabled-disabled": string; "interface-background-validation-danger": string; "interface-background-validation-success": string; "interface-background-validation-warning": string; "interface-border-brand-brand": string; "interface-border-default-inverted": string; "interface-border-default-none": string; "interface-border-default-primary": string; "interface-border-disabled-disabled": string; "interface-border-validation-danger": string; "interface-border-validation-success": string; "interface-border-validation-warning": string; "interface-foreground-brand-on-primary": string; "interface-foreground-brand-on-secondary": string; "interface-foreground-brand-primary": string; "interface-foreground-brand-secondary": string; "interface-foreground-default-inverted": string; "interface-foreground-default-primary": string; "interface-foreground-default-secondary": string; "interface-foreground-default-tertiary": string; "interface-foreground-disabled-disabled": string; "interface-foreground-disabled-on-disabled": string; "interface-foreground-validation-danger": string; "interface-foreground-validation-success": string; "interface-foreground-validation-warning": string; "ory-background-default": string; "ory-border-default": string; "ory-foreground-default": string; "radio-background-checked": string; "radio-background-default": string; "radio-border-checked": string; "radio-border-default": string; "radio-foreground-checked": string; "radio-foreground-default": string; "toggle-background-checked": string; "toggle-background-default": string; "toggle-border-checked": string; "toggle-border-default": string; "toggle-foreground-checked": string; "toggle-foreground-default": string; }; ringColor: { "ui-100": string; "ui-200": string; "ui-300": string; "ui-400": string; "ui-50": string; "ui-500": string; "ui-600": string; "ui-700": string; "ui-800": string; "ui-900": string; "ui-950": string; "ui-black": string; "ui-danger": string; "ui-success": string; "ui-transparent": string; "ui-warning": string; "ui-white": string; "brand-100": string; "brand-200": string; "brand-300": string; "brand-400": string; "brand-50": string; "brand-500": string; "brand-600": string; "brand-700": string; "brand-800": string; "brand-900": string; "brand-950": string; "button-identifier-background-default": string; "button-identifier-background-hover": string; "button-identifier-border-border-default": string; "button-identifier-border-border-hover": string; "button-identifier-foreground-default": string; "button-identifier-foreground-hover": string; "button-link-brand-brand": string; "button-link-brand-brand-hover": string; "button-link-default-primary": string; "button-link-default-primary-hover": string; "button-link-default-secondary": string; "button-link-default-secondary-hover": string; "button-link-disabled-disabled": string; "button-primary-background-default": string; "button-primary-background-disabled": string; "button-primary-background-hover": string; "button-primary-border-default": string; "button-primary-border-disabled": string; "button-primary-border-hover": string; "button-primary-foreground-default": string; "button-primary-foreground-disabled": string; "button-primary-foreground-hover": string; "button-secondary-background-default": string; "button-secondary-background-disabled": string; "button-secondary-background-hover": string; "button-secondary-border-default": string; "button-secondary-border-disabled": string; "button-secondary-border-hover": string; "button-secondary-foreground-default": string; "button-secondary-foreground-disabled": string; "button-secondary-foreground-hover": string; "button-social-background-default": string; "button-social-background-disabled": string; "button-social-background-generic-provider": string; "button-social-background-hover": string; "button-social-border-default": string; "button-social-border-disabled": string; "button-social-border-generic-provider": string; "button-social-border-hover": string; "button-social-foreground-default": string; "button-social-foreground-disabled": string; "button-social-foreground-generic-provider": string; "button-social-foreground-hover": string; "checkbox-background-checked": string; "checkbox-background-default": string; "checkbox-border-checkbox-border-checked": string; "checkbox-border-checkbox-border-default": string; "checkbox-foreground-checked": string; "checkbox-foreground-default": string; "form-background-default": string; "form-border-default": string; "input-background-default": string; "input-background-disabled": string; "input-background-hover": string; "input-border-default": string; "input-border-disabled": string; "input-border-focus": string; "input-border-hover": string; "input-foreground-disabled": string; "input-foreground-primary": string; "input-foreground-secondary": string; "input-foreground-tertiary": string; "interface-background-brand-primary": string; "interface-background-brand-primary-hover": string; "interface-background-brand-secondary": string; "interface-background-brand-secondary-hover": string; "interface-background-default-inverted": string; "interface-background-default-inverted-hover": string; "interface-background-default-none": string; "interface-background-default-primary": string; "interface-background-default-primary-hover": string; "interface-background-default-secondary": string; "interface-background-default-secondary-hover": string; "interface-background-default-tertiary": string; "interface-background-default-tertiary-hover": string; "interface-background-disabled-disabled": string; "interface-background-validation-danger": string; "interface-background-validation-success": string; "interface-background-validation-warning": string; "interface-border-brand-brand": string; "interface-border-default-inverted": string; "interface-border-default-none": string; "interface-border-default-primary": string; "interface-border-disabled-disabled": string; "interface-border-validation-danger": string; "interface-border-validation-success": string; "interface-border-validation-warning": string; "interface-foreground-brand-on-primary": string; "interface-foreground-brand-on-secondary": string; "interface-foreground-brand-primary": string; "interface-foreground-brand-secondary": string; "interface-foreground-default-inverted": string; "interface-foreground-default-primary": string; "interface-foreground-default-secondary": string; "interface-foreground-default-tertiary": string; "interface-foreground-disabled-disabled": string; "interface-foreground-disabled-on-disabled": string; "interface-foreground-validation-danger": string; "interface-foreground-validation-success": string; "interface-foreground-validation-warning": string; "ory-background-default": string; "ory-border-default": string; "ory-foreground-default": string; "radio-background-checked": string; "radio-background-default": string; "radio-border-checked": string; "radio-border-default": string; "radio-foreground-checked": string; "radio-foreground-default": string; "toggle-background-checked": string; "toggle-background-default": string; "toggle-border-checked": string; "toggle-border-default": string; "toggle-foreground-checked": string; "toggle-foreground-default": string; }; fill: { "ui-100": string; "ui-200": string; "ui-300": string; "ui-400": string; "ui-50": string; "ui-500": string; "ui-600": string; "ui-700": string; "ui-800": string; "ui-900": string; "ui-950": string; "ui-black": string; "ui-danger": string; "ui-success": string; "ui-transparent": string; "ui-warning": string; "ui-white": string; "brand-100": string; "brand-200": string; "brand-300": string; "brand-400": string; "brand-50": string; "brand-500": string; "brand-600": string; "brand-700": string; "brand-800": string; "brand-900": string; "brand-950": string; "button-identifier-background-default": string; "button-identifier-background-hover": string; "button-identifier-border-border-default": string; "button-identifier-border-border-hover": string; "button-identifier-foreground-default": string; "button-identifier-foreground-hover": string; "button-link-brand-brand": string; "button-link-brand-brand-hover": string; "button-link-default-primary": string; "button-link-default-primary-hover": string; "button-link-default-secondary": string; "button-link-default-secondary-hover": string; "button-link-disabled-disabled": string; "button-primary-background-default": string; "button-primary-background-disabled": string; "button-primary-background-hover": string; "button-primary-border-default": string; "button-primary-border-disabled": string; "button-primary-border-hover": string; "button-primary-foreground-default": string; "button-primary-foreground-disabled": string; "button-primary-foreground-hover": string; "button-secondary-background-default": string; "button-secondary-background-disabled": string; "button-secondary-background-hover": string; "button-secondary-border-default": string; "button-secondary-border-disabled": string; "button-secondary-border-hover": string; "button-secondary-foreground-default": string; "button-secondary-foreground-disabled": string; "button-secondary-foreground-hover": string; "button-social-background-default": string; "button-social-background-disabled": string; "button-social-background-generic-provider": string; "button-social-background-hover": string; "button-social-border-default": string; "button-social-border-disabled": string; "button-social-border-generic-provider": string; "button-social-border-hover": string; "button-social-foreground-default": string; "button-social-foreground-disabled": string; "button-social-foreground-generic-provider": string; "button-social-foreground-hover": string; "checkbox-background-checked": string; "checkbox-background-default": string; "checkbox-border-checkbox-border-checked": string; "checkbox-border-checkbox-border-default": string; "checkbox-foreground-checked": string; "checkbox-foreground-default": string; "form-background-default": string; "form-border-default": string; "input-background-default": string; "input-background-disabled": string; "input-background-hover": string; "input-border-default": string; "input-border-disabled": string; "input-border-focus": string; "input-border-hover": string; "input-foreground-disabled": string; "input-foreground-primary": string; "input-foreground-secondary": string; "input-foreground-tertiary": string; "interface-background-brand-primary": string; "interface-background-brand-primary-hover": string; "interface-background-brand-secondary": string; "interface-background-brand-secondary-hover": string; "interface-background-default-inverted": string; "interface-background-default-inverted-hover": string; "interface-background-default-none": string; "interface-background-default-primary": string; "interface-background-default-primary-hover": string; "interface-background-default-secondary": string; "interface-background-default-secondary-hover": string; "interface-background-default-tertiary": string; "interface-background-default-tertiary-hover": string; "interface-background-disabled-disabled": string; "interface-background-validation-danger": string; "interface-background-validation-success": string; "interface-background-validation-warning": string; "interface-border-brand-brand": string; "interface-border-default-inverted": string; "interface-border-default-none": string; "interface-border-default-primary": string; "interface-border-disabled-disabled": string; "interface-border-validation-danger": string; "interface-border-validation-success": string; "interface-border-validation-warning": string; "interface-foreground-brand-on-primary": string; "interface-foreground-brand-on-secondary": string; "interface-foreground-brand-primary": string; "interface-foreground-brand-secondary": string; "interface-foreground-default-inverted": string; "interface-foreground-default-primary": string; "interface-foreground-default-secondary": string; "interface-foreground-default-tertiary": string; "interface-foreground-disabled-disabled": string; "interface-foreground-disabled-on-disabled": string; "interface-foreground-validation-danger": string; "interface-foreground-validation-success": string; "interface-foreground-validation-warning": string; "ory-background-default": string; "ory-border-default": string; "ory-foreground-default": string; "radio-background-checked": string; "radio-background-default": string; "radio-border-checked": string; "radio-border-default": string; "radio-foreground-checked": string; "radio-foreground-default": string; "toggle-background-checked": string; "toggle-background-default": string; "toggle-border-checked": string; "toggle-border-default": string; "toggle-foreground-checked": string; "toggle-foreground-default": string; }; borderRadius: { buttons: string; forms: string; general: string; branding: string; cards: string; identifier: string; }; }; export { _default as default };