igniteui-webcomponents/components/stepper/themes/step/dark/step.indigo.css.js

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

import { css } from 'lit';
export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--step-focus-background: var(--ig-stepper-step-focus-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--indicator-background: var(--ig-stepper-indicator-background, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--title-color: var(--ig-stepper-title-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--title-hover-color: var(--ig-stepper-title-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--title-focus-color: var(--ig-stepper-title-focus-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--subtitle-color: var(--ig-stepper-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--complete-title-color: var(--ig-stepper-complete-title-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--current-indicator-color: var(--ig-stepper-current-indicator-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--current-title-color: var(--ig-stepper-current-title-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--invalid-title-color: var(--ig-stepper-invalid-title-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--step-separator-color: var(--ig-stepper-step-separator-color, color-mix(in oklch, var(--ig-gray-50-contrast) 30%, transparent));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, color-mix(in oklch, var(--ig-gray-50-contrast) 30%, transparent));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-gray-50), var(--ig-gray-a)))}`;
//# sourceMappingURL=step.indigo.css.js.map