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){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);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem;padding-inline-start:0}: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