npm - igniteui-webcomponents - Versions diffs - 5.0.2 → 5.1.0 - Mend

igniteui-webcomponents 5.0.2 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1014) hide show

package/components/date-picker/themes/light/date-picker.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-background: var(--ig-datepicker-date-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-border-color: var(--ig-datepicker-date-range-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-50), 0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-50), 0.3));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
+export const styles = css `:host{--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsl(from var(--ig-primary-500) h s l/1));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsl(from var(--ig-primary-500) h s l/1));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsl(from var(--ig-primary-500) h s l/1));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsl(from var(--ig-primary-500) h s l/1));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-500) h s l/1));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-range-border-color: var(--ig-datepicker-date-range-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, hsl(from var(--ig-gray-700) h s l/1));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-200) h s l/1));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsl(from var(--ig-primary-500) h s l/1));--picker-foreground: var(--ig-datepicker-picker-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-gray-100) h s l/1));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsl(from var(--ig-gray-200) h s l/1));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-current-foreground: var(--ig-datepicker-date-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-background: var(--ig-datepicker-date-selected-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsl(from var(--ig-gray-200) h s l/1));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsl(from var(--ig-gray-700) h s l/1));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsl(from var(--ig-gray-700) h s l/1));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsl(from var(--ig-gray-700) h s l/1));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsl(from var(--ig-gray-200) h s l/1));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsl(from var(--ig-gray-900) h s l/1));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsl(from var(--ig-gray-900) h s l/1));--helper-text-color: var(--ig-datepicker-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsl(from var(--ig-error-500) h s l/1))}`;
 //# sourceMappingURL=date-picker.fluent.css.js.map

package/components/date-picker/themes/light/date-picker.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,urYAAurY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-background: var(--ig-datepicker-date-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-border-color: var(--ig-datepicker-date-range-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-50), 0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-50), 0.3));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\n"]}
1	+ {"version":3,"file":"date-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oyXAAoyX,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsl(from var(--ig-primary-500) h s l/1));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsl(from var(--ig-primary-500) h s l/1));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsl(from var(--ig-primary-500) h s l/1));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsl(from var(--ig-primary-500) h s l/1));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-500) h s l/1));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-range-border-color: var(--ig-datepicker-date-range-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, hsl(from var(--ig-gray-700) h s l/1));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsl(from var(--ig-gray-700) h s l/1));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsl(from var(--ig-primary-900) h s l/1));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-200) h s l/1));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsl(from var(--ig-primary-500) h s l/1));--picker-foreground: var(--ig-datepicker-picker-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-gray-100) h s l/1));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsl(from var(--ig-gray-200) h s l/1));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-200) h s l/1));--date-current-foreground: var(--ig-datepicker-date-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-background: var(--ig-datepicker-date-selected-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsl(from var(--ig-gray-200) h s l/1));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsl(from var(--ig-gray-200) h s l/1));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsl(from var(--ig-gray-700) h s l/1));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsl(from var(--ig-gray-700) h s l/1));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsl(from var(--ig-gray-700) h s l/1));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsl(from var(--ig-gray-200) h s l/1));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsl(from var(--ig-gray-900) h s l/1));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsl(from var(--ig-gray-900) h s l/1));--helper-text-color: var(--ig-datepicker-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsl(from var(--ig-error-500) h s l/1))}`;\n"]}

package/components/date-picker/themes/light/date-picker.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-datepicker-content-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--content-background: var(--ig-datepicker-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-datepicker-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--picker-background: var(--ig-datepicker-picker-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-color: var(--ig-datepicker-navigation-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-background: var(--ig-datepicker-date-current-background, hsla(var(--ig-primary-50), 0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--week-number-background: var(--ig-datepicker-week-number-background, hsla(var(--ig-gray-900), 0.05));--weekend-color: var(--ig-datepicker-weekend-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsla(var(--ig-gray-600), 0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsla(var(--ig-gray-600), 0.38));--header-foreground: var(--ig-datepicker-header-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--header-background: var(--ig-datepicker-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-900), 0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-900), 0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-900), 0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-900), 0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-900), 0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-primary-300), 0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-900), 0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-primary-50), 0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-900), 0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-primary-50), 0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
+export const styles = css `:host{--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-datepicker-content-foreground, hsl(from var(--ig-gray-800) h s l/1));--content-background: var(--ig-datepicker-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-datepicker-border-color, hsl(from var(--ig-gray-400) h s l/1));--picker-background: var(--ig-datepicker-picker-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsl(from var(--ig-primary-500) h s l/1));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsl(from var(--ig-primary-500) h s l/1));--navigation-color: var(--ig-datepicker-navigation-color, hsl(from var(--ig-gray-600) h s l/1));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsl(from var(--ig-primary-500) h s l/1));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsl(from var(--ig-primary-500) h s l/1));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, hsl(from var(--ig-primary-200) h s l/1));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, hsl(from var(--ig-primary-200) h s l/1));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, hsl(from var(--ig-gray-800) h s l/1));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsl(from var(--ig-primary-50) h s l/1));--week-number-foreground: var(--ig-datepicker-week-number-foreground, hsl(from var(--ig-gray-600) h s l/1));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-900) h s l/0.05));--weekend-color: var(--ig-datepicker-weekend-color, hsl(from var(--ig-gray-800) h s l/1));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--header-foreground: var(--ig-datepicker-header-foreground, hsl(from var(--ig-gray-800) h s l/1));--header-background: var(--ig-datepicker-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsl(from var(--ig-gray-700) h s l/1));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsl(from var(--ig-gray-800) h s l/1));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsl(from var(--ig-primary-50) h s l/1));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsl(from var(--ig-primary-100) h s l/1));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsl(from var(--ig-primary-200) h s l/1));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsl(from var(--ig-primary-200) h s l/1));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsl(from var(--ig-primary-500) h s l/1));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsl(from var(--ig-primary-500) h s l/1));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsl(from var(--ig-primary-600) h s l/1));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsl(from var(--ig-primary-600) h s l/1));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsl(from var(--ig-primary-500) h s l/1));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsl(from var(--ig-primary-600) h s l/1));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsl(from var(--ig-primary-500) h s l/1));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsl(from var(--ig-primary-500) h s l/1));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsl(from var(--ig-primary-400) h s l/1));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsl(from var(--ig-primary-400) h s l/1));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsl(from var(--ig-primary-500) h s l/1));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsl(from var(--ig-primary-400) h s l/1));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsl(from var(--ig-primary-400) h s l/1));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsl(from var(--ig-primary-100) h s l/1));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsl(from var(--ig-primary-200) h s l/1));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsl(from var(--ig-primary-200) h s l/1));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsl(from var(--ig-gray-800) h s l/1));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-300) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsl(from var(--ig-primary-50) h s l/1));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsl(from var(--ig-primary-50) h s l/1));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-400) h s l/1));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsl(from var(--ig-gray-800) h s l/1));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsl(from var(--ig-gray-800) h s l/1));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsl(from var(--ig-gray-800) h s l/1));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsl(from var(--ig-primary-50) h s l/1));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-500) h s l/1));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-400) h s l/1));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-500) h s l/1));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsl(from var(--ig-primary-100) h s l/1));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsl(from var(--ig-primary-100) h s l/1));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsl(from var(--ig-primary-200) h s l/1));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsl(from var(--ig-primary-200) h s l/1));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsl(from var(--ig-gray-400) h s l/1));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--helper-text-color: var(--ig-datepicker-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsl(from var(--ig-error-500) h s l/1))}`;
 //# sourceMappingURL=date-picker.indigo.css.js.map

package/components/date-picker/themes/light/date-picker.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k0XAAk0X,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-datepicker-content-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--content-background: var(--ig-datepicker-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-datepicker-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--picker-background: var(--ig-datepicker-picker-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-color: var(--ig-datepicker-navigation-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-background: var(--ig-datepicker-date-current-background, hsla(var(--ig-primary-50), 0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--week-number-background: var(--ig-datepicker-week-number-background, hsla(var(--ig-gray-900), 0.05));--weekend-color: var(--ig-datepicker-weekend-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsla(var(--ig-gray-600), 0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsla(var(--ig-gray-600), 0.38));--header-foreground: var(--ig-datepicker-header-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--header-background: var(--ig-datepicker-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-900), 0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-900), 0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-900), 0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-900), 0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-900), 0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-primary-300), 0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-900), 0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-primary-50), 0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-900), 0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-primary-50), 0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\n"]}
1	+ {"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,whXAAwhX,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-datepicker-content-foreground, hsl(from var(--ig-gray-800) h s l/1));--content-background: var(--ig-datepicker-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-datepicker-border-color, hsl(from var(--ig-gray-400) h s l/1));--picker-background: var(--ig-datepicker-picker-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsl(from var(--ig-primary-500) h s l/1));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsl(from var(--ig-primary-500) h s l/1));--navigation-color: var(--ig-datepicker-navigation-color, hsl(from var(--ig-gray-600) h s l/1));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsl(from var(--ig-primary-500) h s l/1));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsl(from var(--ig-primary-500) h s l/1));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, hsl(from var(--ig-primary-200) h s l/1));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, hsl(from var(--ig-primary-200) h s l/1));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, hsl(from var(--ig-gray-800) h s l/1));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsl(from var(--ig-primary-50) h s l/1));--week-number-foreground: var(--ig-datepicker-week-number-foreground, hsl(from var(--ig-gray-600) h s l/1));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-900) h s l/0.05));--weekend-color: var(--ig-datepicker-weekend-color, hsl(from var(--ig-gray-800) h s l/1));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--header-foreground: var(--ig-datepicker-header-foreground, hsl(from var(--ig-gray-800) h s l/1));--header-background: var(--ig-datepicker-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsl(from var(--ig-gray-700) h s l/1));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsl(from var(--ig-gray-800) h s l/1));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsl(from var(--ig-primary-50) h s l/1));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsl(from var(--ig-primary-100) h s l/1));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsl(from var(--ig-primary-200) h s l/1));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsl(from var(--ig-primary-200) h s l/1));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsl(from var(--ig-primary-500) h s l/1));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsl(from var(--ig-primary-500) h s l/1));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsl(from var(--ig-primary-600) h s l/1));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsl(from var(--ig-primary-600) h s l/1));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsl(from var(--ig-primary-500) h s l/1));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsl(from var(--ig-primary-600) h s l/1));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsl(from var(--ig-primary-500) h s l/1));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsl(from var(--ig-primary-500) h s l/1));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsl(from var(--ig-primary-400) h s l/1));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsl(from var(--ig-primary-400) h s l/1));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsl(from var(--ig-primary-500) h s l/1));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsl(from var(--ig-primary-400) h s l/1));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsl(from var(--ig-primary-400) h s l/1));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsl(from var(--ig-primary-100) h s l/1));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsl(from var(--ig-primary-200) h s l/1));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsl(from var(--ig-primary-200) h s l/1));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsl(from var(--ig-gray-800) h s l/1));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-300) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsl(from var(--ig-primary-50) h s l/1));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsl(from var(--ig-primary-50) h s l/1));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-400) h s l/1));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsl(from var(--ig-gray-800) h s l/1));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsl(from var(--ig-gray-800) h s l/1));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsl(from var(--ig-gray-800) h s l/1));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsl(from var(--ig-primary-50) h s l/1));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-500) h s l/1));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-400) h s l/1));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-500) h s l/1));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsl(from var(--ig-primary-100) h s l/1));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsl(from var(--ig-primary-100) h s l/1));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsl(from var(--ig-primary-200) h s l/1));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsl(from var(--ig-primary-200) h s l/1));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsl(from var(--ig-gray-400) h s l/1));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--helper-text-color: var(--ig-datepicker-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsl(from var(--ig-error-500) h s l/1))}`;\n"]}

package/components/date-picker/themes/light/date-picker.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-secondary-900), var(--ig-secondary-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-secondary-900), var(--ig-secondary-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
+export const styles = css `:host{--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsl(from var(--ig-secondary-500) h s l/1));--picker-foreground: var(--ig-datepicker-picker-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-secondary-700) h s l/1));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-100) h s l/1));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-surface-500) h s l/1));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsl(from var(--ig-gray-100) h s l/1));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-secondary-500) h s l/1));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-secondary-700) h s l/1));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-secondary-500) h s l/1));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsl(from var(--ig-secondary-500) h s l/1));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsl(from var(--ig-secondary-700) h s l/1));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsl(from var(--ig-secondary-700) h s l/1));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsl(from var(--ig-secondary-500) h s l/1));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsl(from var(--ig-secondary-700) h s l/1));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsl(from var(--ig-secondary-700) h s l/1));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsl(from var(--ig-secondary-500) h s l/1));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsl(from var(--ig-secondary-700) h s l/1));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsl(from var(--ig-secondary-700) h s l/1));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsl(from var(--ig-secondary-900) h s l/1));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsl(from var(--ig-secondary-500) h s l/1));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsl(from var(--ig-secondary-700) h s l/1));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsl(from var(--ig-gray-900) h s l/1));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsl(from var(--ig-gray-900) h s l/1));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsl(from var(--ig-gray-900) h s l/1));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsl(from var(--ig-gray-200) h s l/1));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsl(from var(--ig-secondary-900) h s l/1));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsl(from var(--ig-gray-700) h s l/1));--helper-text-color: var(--ig-datepicker-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsl(from var(--ig-error-500) h s l/1))}`;
 //# sourceMappingURL=date-picker.material.css.js.map

package/components/date-picker/themes/light/date-picker.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~o3SAAo3S~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--picker-foreground: var(--ig-datepicker-picker-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, ~~hsla~~(var(--ig-secondary-700), ~~var(--ig-secondary-a~~)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--ym-current-background: var(--ig-datepicker-ym-current-background, ~~hsla~~(var(--ig-surface-500), ~~var(--ig-surface-a~~)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, ~~hsla~~(var(--ig-secondary-700), ~~var(--ig-secondary-a~~)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--date-hover-background: var(--ig-datepicker-date-hover-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-focus-background: var(--ig-datepicker-date-focus-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, ~~hsla~~(var(--ig-secondary-700), ~~var(--ig-secondary-a~~)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, ~~hsla~~(var(--ig-secondary-700), ~~var(--ig-secondary-a~~)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, ~~hsla~~(var(--ig-secondary-700), ~~var(--ig-secondary-a~~)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, ~~hsla~~(var(--ig-secondary-700), ~~var(--ig-secondary-a~~)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, ~~hsla~~(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-special-foreground: var(--ig-datepicker-date-special-foreground, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, ~~hsla~~(var(--ig-secondary-700), ~~var(--ig-secondary-a~~)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, ~~hsla~~(var(--ig-secondary-700), ~~var(--ig-secondary-a~~)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, ~~hsla~~(var(--ig-secondary-900), ~~var(--ig-secondary-a~~)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, ~~hsla~~(var(--ig-secondary-700), ~~var(--ig-secondary-a~~)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, ~~hsla~~(var(--ig-gray-200), ~~var(--ig-gray-a~~)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, ~~hsla~~(var(--ig-secondary-900), ~~var(--ig-secondary-a~~)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, ~~hsla~~(var(--ig-gray-700), ~~var(--ig-gray-a~~)));--helper-text-color: var(--ig-datepicker-helper-text-color, ~~hsla~~(var(--ig-gray-700), ~~var(--ig-gray-a~~)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, ~~hsla~~(var(--ig-gray-500), ~~var(--ig-gray-a~~)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, ~~hsla~~(var(--ig-error-500), ~~var(--ig-error-a~~)))}`;\n"]}
1	+ {"version":3,"file":"date-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i+RAAi+R,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsl(from var(--ig-secondary-500) h s l/1));--picker-foreground: var(--ig-datepicker-picker-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-secondary-700) h s l/1));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-100) h s l/1));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-surface-500) h s l/1));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsl(from var(--ig-gray-100) h s l/1));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-secondary-500) h s l/1));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-secondary-700) h s l/1));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-secondary-500) h s l/1));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsl(from var(--ig-secondary-500) h s l/1));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsl(from var(--ig-secondary-700) h s l/1));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsl(from var(--ig-secondary-700) h s l/1));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsl(from var(--ig-secondary-500) h s l/1));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsl(from var(--ig-secondary-700) h s l/1));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsl(from var(--ig-secondary-700) h s l/1));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsl(from var(--ig-secondary-500) h s l/1));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsl(from var(--ig-secondary-700) h s l/1));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsl(from var(--ig-secondary-700) h s l/1));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsl(from var(--ig-secondary-900) h s l/1));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsl(from var(--ig-secondary-500) h s l/1));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsl(from var(--ig-secondary-700) h s l/1));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsl(from var(--ig-gray-900) h s l/1));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsl(from var(--ig-gray-900) h s l/1));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsl(from var(--ig-gray-900) h s l/1));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsl(from var(--ig-gray-200) h s l/1));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsl(from var(--ig-secondary-900) h s l/1));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsl(from var(--ig-gray-700) h s l/1));--helper-text-color: var(--ig-datepicker-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsl(from var(--ig-error-500) h s l/1))}`;\n"]}

package/components/date-picker/themes/light/date-picker.shared.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--default-size: var(--ig-datepicker-default-size, 2);--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-datepicker-content-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--content-background: var(--ig-datepicker-content-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-datepicker-border-color, transparent);--picker-background: var(--ig-datepicker-picker-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--navigation-color: var(--ig-datepicker-navigation-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-outline-color: var(--ig-datepicker-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-datepicker-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-datepicker-ym-selected-focus-outline-color, transparent);--date-hover-foreground: var(--ig-datepicker-date-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-background: var(--ig-datepicker-date-current-background, transparent);--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-background: var(--ig-datepicker-date-special-background, transparent);--date-special-range-background: var(--ig-datepicker-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--week-number-background: var(--ig-datepicker-week-number-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--inactive-color: var(--ig-datepicker-inactive-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--weekday-color: var(--ig-datepicker-weekday-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--weekend-color: var(--ig-datepicker-weekend-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-selected-current-outline: var(--ig-datepicker-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-datepicker-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-datepicker-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-datepicker-date-border-color, transparent);--date-hover-border-color: var(--ig-datepicker-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-datepicker-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-datepicker-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsla(var(--ig-gray-500), 0.5));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsla(var(--ig-gray-900), 0.38))}`;
+export const styles = css `:host{--default-size: var(--ig-datepicker-default-size, 2);--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-datepicker-content-foreground, hsl(from var(--ig-gray-900) h s l/1));--content-background: var(--ig-datepicker-content-background, hsl(from var(--ig-surface-500) h s l/1));--border-color: var(--ig-datepicker-border-color, transparent);--picker-background: var(--ig-datepicker-picker-background, hsl(from var(--ig-surface-500) h s l/1));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsl(from var(--ig-secondary-500) h s l/1));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsl(from var(--ig-secondary-500) h s l/1));--navigation-color: var(--ig-datepicker-navigation-color, hsl(from var(--ig-gray-800) h s l/1));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsl(from var(--ig-secondary-500) h s l/1));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsl(from var(--ig-secondary-500) h s l/1));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, hsl(from var(--ig-gray-900) h s l/1));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-outline-color: var(--ig-datepicker-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-datepicker-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-datepicker-ym-selected-focus-outline-color, transparent);--date-hover-foreground: var(--ig-datepicker-date-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-current-background: var(--ig-datepicker-date-current-background, transparent);--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-background: var(--ig-datepicker-date-special-background, transparent);--date-special-range-background: var(--ig-datepicker-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, hsl(from var(--ig-secondary-500) h s l/1));--week-number-foreground: var(--ig-datepicker-week-number-foreground, hsl(from var(--ig-gray-500) h s l/1));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-200) h s l/1));--inactive-color: var(--ig-datepicker-inactive-color, hsl(from var(--ig-gray-500) h s l/1));--weekday-color: var(--ig-datepicker-weekday-color, hsl(from var(--ig-gray-500) h s l/1));--weekend-color: var(--ig-datepicker-weekend-color, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-selected-current-outline: var(--ig-datepicker-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-datepicker-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-datepicker-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-datepicker-date-border-color, transparent);--date-hover-border-color: var(--ig-datepicker-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-datepicker-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-datepicker-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, hsl(from var(--ig-gray-300) h s l/1));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38))}`;
 //# sourceMappingURL=date-picker.shared.css.js.map

package/components/date-picker/themes/light/date-picker.shared.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~,+7LAA+7L~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--default-size: var(--ig-datepicker-default-size, 2);--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-datepicker-content-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--content-background: var(--ig-datepicker-content-background, ~~hsla~~(var(--ig-surface-500), ~~var(--ig-surface-a~~)));--border-color: var(--ig-datepicker-border-color, transparent);--picker-background: var(--ig-datepicker-picker-background, ~~hsla~~(var(--ig-surface-500), ~~var(--ig-surface-a~~)));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--navigation-color: var(--ig-datepicker-navigation-color, ~~hsla~~(var(--ig-gray-800), ~~var(--ig-gray-a~~)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--ym-selected-outline-color: var(--ig-datepicker-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-datepicker-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-datepicker-ym-selected-focus-outline-color, transparent);--date-hover-foreground: var(--ig-datepicker-date-hover-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-current-background: var(--ig-datepicker-date-current-background, transparent);--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, ~~hsla~~(var(--ig-gray-100), ~~var(--ig-gray-a~~)));--date-special-background: var(--ig-datepicker-date-special-background, transparent);--date-special-range-background: var(--ig-datepicker-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, ~~hsla~~(var(--ig-secondary-500), ~~var(--ig-secondary-a~~)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, ~~hsla~~(var(--ig-gray-500), ~~var(--ig-gray-a~~)));--week-number-background: var(--ig-datepicker-week-number-background, ~~hsla~~(var(--ig-gray-200), ~~var(--ig-gray-a~~)));--inactive-color: var(--ig-datepicker-inactive-color, ~~hsla~~(var(--ig-gray-500), ~~var(--ig-gray-a~~)));--weekday-color: var(--ig-datepicker-weekday-color, ~~hsla~~(var(--ig-gray-500), ~~var(--ig-gray-a~~)));--weekend-color: var(--ig-datepicker-weekend-color, ~~hsla~~(var(--ig-gray-900), ~~var(--ig-gray-a~~)));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-selected-current-outline: var(--ig-datepicker-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-datepicker-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-datepicker-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-datepicker-date-border-color, transparent);--date-hover-border-color: var(--ig-datepicker-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-datepicker-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-datepicker-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, ~~hsla~~(var(--ig-gray-300), ~~var(--ig-gray-a~~)));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, ~~hsla~~(var(--ig-gray-500), 0.5));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, ~~hsla~~(var(--ig-gray-900), 0.38))}`;\n"]}
1	+ {"version":3,"file":"date-picker.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gxLAAgxL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--default-size: var(--ig-datepicker-default-size, 2);--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-datepicker-content-foreground, hsl(from var(--ig-gray-900) h s l/1));--content-background: var(--ig-datepicker-content-background, hsl(from var(--ig-surface-500) h s l/1));--border-color: var(--ig-datepicker-border-color, transparent);--picker-background: var(--ig-datepicker-picker-background, hsl(from var(--ig-surface-500) h s l/1));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsl(from var(--ig-secondary-500) h s l/1));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsl(from var(--ig-secondary-500) h s l/1));--navigation-color: var(--ig-datepicker-navigation-color, hsl(from var(--ig-gray-800) h s l/1));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsl(from var(--ig-secondary-500) h s l/1));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsl(from var(--ig-secondary-500) h s l/1));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, hsl(from var(--ig-gray-900) h s l/1));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-outline-color: var(--ig-datepicker-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-datepicker-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-datepicker-ym-selected-focus-outline-color, transparent);--date-hover-foreground: var(--ig-datepicker-date-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-current-background: var(--ig-datepicker-date-current-background, transparent);--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-background: var(--ig-datepicker-date-special-background, transparent);--date-special-range-background: var(--ig-datepicker-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, hsl(from var(--ig-secondary-500) h s l/1));--week-number-foreground: var(--ig-datepicker-week-number-foreground, hsl(from var(--ig-gray-500) h s l/1));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-200) h s l/1));--inactive-color: var(--ig-datepicker-inactive-color, hsl(from var(--ig-gray-500) h s l/1));--weekday-color: var(--ig-datepicker-weekday-color, hsl(from var(--ig-gray-500) h s l/1));--weekend-color: var(--ig-datepicker-weekend-color, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-selected-current-outline: var(--ig-datepicker-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-datepicker-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-datepicker-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-datepicker-date-border-color, transparent);--date-hover-border-color: var(--ig-datepicker-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-datepicker-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-datepicker-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, hsl(from var(--ig-gray-300) h s l/1));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38))}`;\n"]}

package/components/date-picker/themes/shared/date-picker.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host igc-dialog igc-calendar{border:none}:host igc-dialog::part(base){border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part=helper-text]{padding-inline:0}:host [part=helper-text] ::slotted([slot=helper-text]){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host [part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin-bottom:.25rem}:host [part~=label]:empty{display:none}[part=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;
+export const styles = css `:host igc-dialog igc-calendar{border:none}:host igc-dialog::part(base){border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin-bottom:.25rem}:host [part~=label]:empty{display:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);padding-inline-start:0;margin-block-start:.25rem}[part=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;
 //# sourceMappingURL=date-picker.bootstrap.css.js.map

package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~yzCAAyzC~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog igc-calendar{border:none}:host igc-dialog::part(base){border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~~=helper-text~~]{~~padding-inline:0}:host [part=helper-text] ::slotted([slot=helper-text]){~~font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host [part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin-~~bottom~~:.25rem}~~:host~~ [part~~~=label]:empty{display:none}[part~~=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;\n"]}
1	+ {"version":3,"file":"date-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u2CAAu2C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog igc-calendar{border:none}:host igc-dialog::part(base){border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin-bottom:.25rem}:host [part~=label]:empty{display:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);padding-inline-start:0;margin-block-start:.25rem}[part=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;\n"]}

package/components/date-picker/themes/shared/date-picker.common.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24)}:host igc-dialog::part(content),:host igc-dialog::part(footer){padding:0}:host igc-dialog::part(footer){background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host [part~=label]{color:var(--idle-secondary-color)}:host [part=helper-text]{margin-top:.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)))}:host ::slotted([slot=helper-text]){color:var(--helper-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host(:disabled) [part=label],:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) [part=label],:host([disabled]) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}`;
+export const styles = css `:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24)}:host igc-dialog::part(content),:host igc-dialog::part(footer){padding:0}:host igc-dialog::part(footer){background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host [part~=label]{color:var(--idle-secondary-color)}: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:.25rem;padding-inline-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}`;
 //# sourceMappingURL=date-picker.common.css.js.map

package/components/date-picker/themes/shared/date-picker.common.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.common.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~oiEAAoiE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24)}:host igc-dialog::part(content),:host igc-dialog::part(footer){padding:0}:host igc-dialog::part(footer){background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host [part~=label]{color:var(--idle-secondary-color)}:host [part=helper-text]{margin-top:.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)))}~~:host ::slotted(~~[~~slot=helper-text]){color:var(--helper-text-color)}[~~part=actions]{min-height:max(var(--is-large, 1) max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}:host(~~[invalid]) ::slotted([slot=helper-text]){color~~:~~var(--error-secondary-color)}:host(:~~disabled) [part=label],:host(:disabled) ~~::slotted([slot=helper~~-~~text])~~,:host([disabled]) [part=label],:host([disabled]) ~~::slotted([slot=helper~~-~~text])~~{color:var(--disabled-text-color)}`;\n"]}
1	+ {"version":3,"file":"date-picker.common.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,01EAA01E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24)}:host igc-dialog::part(content),:host igc-dialog::part(footer){padding:0}:host igc-dialog::part(footer){background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host [part~=label]{color:var(--idle-secondary-color)}: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:.25rem;padding-inline-start:max(var(--is-large, 1)max(1rem, -1 1rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.875rem, -1 * 0.875rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=actions]{min-height:max(var(--is-large, 1) max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}`;\n"]}

package/components/date-picker/themes/shared/date-picker.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host igc-dialog[open]::part(base){border-radius:0}:host [part=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host [part=helper-text]{margin-top:.3125rem;padding-inline:0}[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))}:host(:focus-within) [part=label]{color:hsla(var(--ig-gray-800), var(--ig-gray-a))}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}`;
+export const styles = css `:host igc-dialog[open]::part(base){border-radius:0}:host [part=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}: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}[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))}:host(:focus-within) [part=label]{color:hsl(from var(--ig-gray-800) h s l/1)}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}`;
 //# sourceMappingURL=date-picker.fluent.css.js.map

package/components/date-picker/themes/shared/date-picker.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~8+BAA8+B~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:0}:host [part=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host [part=helper-text]{margin-top:.3125rem;padding-inline:0}[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))}:host(:focus-within) [part=label]{color:~~hsla~~(var(--ig-gray-800), ~~var(--ig-gray-a~~))}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}`;\n"]}
1	+ {"version":3,"file":"date-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q9CAAq9C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:0}:host [part=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}: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}[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))}:host(:focus-within) [part=label]{color:hsl(from var(--ig-gray-800) h s l/1)}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}`;\n"]}

package/components/date-picker/themes/shared/date-picker.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{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)}:host [part=helper-text]{padding: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(:focus-within) [part=label]{color:var(--focused-secondary-color)}`;
+export const styles = css `:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{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)}: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(:focus-within) [part=label]{color:var(--focused-secondary-color)}`;
 //# sourceMappingURL=date-picker.indigo.css.js.map

package/components/date-picker/themes/shared/date-picker.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~65BAA65B~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{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)}:host [part=helper-text]{padding: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(:focus-within) [part=label]{color:var(--focused-secondary-color)}`;\n"]}
1	+ {"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,04CAA04C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{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)}: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(:focus-within) [part=label]{color:var(--focused-secondary-color)}`;\n"]}

package/components/date-time-input/date-time-input.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import type { AbstractConstructor } from '../common/mixins/constructor.js';
-import type { IgcInputEventMap } from '../input/input-base.js';
+import type { IgcInputComponentEventMap } from '../input/input-base.js';
 import { IgcMaskInputBaseComponent, type MaskRange } from '../mask-input/mask-input-base.js';
 import { DatePart, type DatePartDeltas } from './date-util.js';
-export interface IgcDateTimeInputEventMap extends Omit<IgcInputEventMap, 'igcChange'> {
+export interface IgcDateTimeInputComponentEventMap extends Omit<IgcInputComponentEventMap, 'igcChange'> {
     igcChange: CustomEvent<Date | null>;
 }
-declare const IgcDateTimeInputComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDateTimeInputEventMap>> & AbstractConstructor<IgcMaskInputBaseComponent>;
+declare const IgcDateTimeInputComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDateTimeInputComponentEventMap>> & AbstractConstructor<IgcMaskInputBaseComponent>;
 /**
  * A date time input is an input field that lets you set and edit the date and time in a chosen input element
  * using customizable display and input formats.
@@ -15,6 +15,11 @@ declare const IgcDateTimeInputComponent_base: import("../common/mixins/construct
  * @slot prefix - Renders content before the input.
  * @slot suffix - Renders content after input.
  * @slot helper-text - Renders content below the input.
+ * @slot value-missing - Renders content when the required validation fails.
+ * @slot range-overflow - Renders content when the max validation fails.
+ * @slot range-underflow - Renders content when the min validation fails.
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
  *
  * @fires igcInput - Emitted when the control input receives user input.
  * @fires igcChange - Emitted when the control's checked state changes.