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);--input-icon: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host igc-icon,:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host igc-dialog::part(footer){padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}[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:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([readonly]) igc-input::part(container),:host([readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly],[disabled]):hover) igc-input[readonly]::part(container),:host(:not([readonly],[disabled]):hover) igc-date-time-input:hover::part(container){background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:not([readonly],[disabled]):hover) igc-input[readonly]::part(filled),:host(:not([readonly],[disabled]):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