igniteui-webcomponents/components/select/themes/shared/select.material.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 `[part=base]{padding:.5rem 0}:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));grid-auto-rows:minmax(1.125rem, auto)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) igc-input:not([invalid])::part(notch){border-bottom-width:.125rem;border-bottom-color:var(--focused-border-color)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--focused-border-color)}:host([outlined]:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--error-secondary-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--error-secondary-color)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--error-secondary-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--error-secondary-color)}:host(:not([outlined]):focus-within) igc-input::part(container){background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host(:not([outlined])[invalid]:focus-within) igc-input::part(container){border-bottom-color:var(--error-secondary-color)}[part="toggle-icon filled"]{color:var(--toggle-button-foreground-filled)}:host([disabled]) igc-input::part(input)::-moz-selection, :host(:disabled) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host([disabled]) igc-input::part(input)::selection,:host(:disabled) igc-input::part(input)::selection{background:rgba(0,0,0,0)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}:host(:disabled[outlined]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][disabled]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][invalid]) igc-input::part(filled)+igc-input::part(notch){border-top-color:rgba(0,0,0,0)}`;
//# sourceMappingURL=select.material.css.js.map