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.78 kB
import { css } from 'lit'; export const styles = css `[part=helper-text]{color:var(--helper-text-color)}[part=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=input]::-webkit-input-placeholder{color:var(--placeholder-color)}[part~=input]::-moz-placeholder{color:var(--placeholder-color)}[part~=input]:-ms-input-placeholder{color:var(--placeholder-color)}[part~=input]::-ms-input-placeholder{color:var(--placeholder-color)}[part~=input]::placeholder{color:var(--placeholder-color)}:host(:focus-within) [part~=input]::-webkit-input-placeholder, :host(:hover) [part~=input]::-webkit-input-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::-moz-placeholder, :host(:hover) [part~=input]::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]:-ms-input-placeholder, :host(:hover) [part~=input]:-ms-input-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::-ms-input-placeholder, :host(:hover) [part~=input]::-ms-input-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::placeholder,:host(:hover) [part~=input]::placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([invalid]) [part=helper-text]{color:var(--error-secondary-color)}:host([type=search]) input[type=search]::-webkit-search-cancel-button,:host([type=search]) input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host(:disabled) [part~=input]::-webkit-input-placeholder, :host([disabled]) [part~=input]::-webkit-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=input]::-moz-placeholder, :host([disabled]) [part~=input]::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=input]:-ms-input-placeholder, :host([disabled]) [part~=input]:-ms-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=input]::-ms-input-placeholder, :host([disabled]) [part~=input]::-ms-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=input]::placeholder,:host([disabled]) [part~=input]::placeholder{color:var(--disabled-text-color)}`; //# sourceMappingURL=input.common.css.js.map