igniteui-webcomponents/components/date-range-picker/themes/shared/date-range-picker.fluent.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{--calendar-border-color: transparent}:host igc-dialog[open]::part(base){border-radius:0}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([required]) ::part(label)::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-input::part(prefix),:host(:not([disabled])[readonly]) igc-input::part(suffix),:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([readonly],[disabled])) igc-input[readonly]:not(:focus):hover::part(container)::before{color:var(--hover-border-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-input::part(container)::before,:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::before,:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-input::part(container)::before,:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container)::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::before,:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-date-time-input:focus-within::part(container)::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) igc-input::part(container)::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) ::part(label)::after,:host([disabled]) ::part(label)::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;
//# sourceMappingURL=date-range-picker.fluent.css.js.map