igniteui-webcomponents/components/date-range-picker/themes/shared/date-range-picker.indigo.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: var(--ig-gray-400)}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host igc-dialog::part(footer){padding:.5rem 1rem;gap:.5rem}: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(0.9375rem, auto);padding-inline-start:0}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:.5rem 1rem}:host([readonly]) igc-input::part(container),:host([readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly]):hover) igc-input[readonly]::part(container),:host(:not([readonly]):hover) igc-date-time-input:hover::part(container){background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:not([readonly]):hover) igc-input[readonly]::part(filled),:host(:not([readonly]):hover) igc-date-time-input:hover::part(filled){color:var(--filled-text-hover-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-input::part(container),:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-input::part(container),:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-input::part(container)::after,:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-input::part(container)::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid):hover) igc-date-time-input::part(container)::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid):hover) ::part(helper-text){color:var(--helper-text-color)}`;
//# sourceMappingURL=date-range-picker.indigo.css.js.map