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, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--title-color: var(--ig-stepper-title-color, var(--ig-gray-50-contrast));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-50-contrast));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-50-contrast));--subtitle-color: var(--ig-stepper-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-50-contrast));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-50-contrast));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-50-contrast));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-50-contrast));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-50-contrast));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-50-contrast));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-50-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-50-contrast));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-50-contrast));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-50-contrast));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--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, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-50));--ig-theme: indigo}`;
//# sourceMappingURL=step.indigo.css.js.map