@ory/elements-react
Version:
Ory Elements React - a collection of React components for authentication UIs.
738 lines (736 loc) • 33.9 kB
TypeScript
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 };