UNPKG

igniteui-webcomponents

Version:

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.

3 lines 2.52 kB
import { css } from 'lit'; export const styles = css `:host{--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-800));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-800));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-700));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-700));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-700));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-700));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-800));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-700));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-700));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-800));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--step-hover-background: var(--ig-stepper-step-hover-background, var(--ig-gray-100));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, var(--ig-gray-100));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, var(--ig-gray-100));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, var(--ig-gray-100));--step-focus-background: var(--ig-stepper-step-focus-background, var(--ig-gray-200));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, var(--ig-gray-200));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, var(--ig-gray-200));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, var(--ig-gray-200));--ig-theme: material}`; //# sourceMappingURL=step.material.css.js.map