npm - igniteui-webcomponents - Versions diffs - 5.3.0-alpha.0 → 5.3.0-beta.0 - Mend

igniteui-webcomponents 5.3.0-alpha.0 → 5.3.0-beta.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 (1688) hide show

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, 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))}`;
+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, var(--ig-gray-800));--content-background: var(--ig-datepicker-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-800));--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, var(--ig-primary-50));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-600));--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, var(--ig-gray-800));--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, var(--ig-gray-800));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-900-contrast));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--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, var(--ig-gray-800));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-50));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-100));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-500));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-600));--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, var(--ig-primary-600));--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, var(--ig-primary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-600));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-100));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-800));--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, var(--ig-primary-50));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-50));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-800));--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, var(--ig-gray-800));--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, var(--ig-gray-800));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-50));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-gray-600));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--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, var(--ig-error-500))}`;
 //# 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,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"]}
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,u/TAAu/T,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, var(--ig-gray-800));--content-background: var(--ig-datepicker-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-800));--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, var(--ig-primary-50));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-600));--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, var(--ig-gray-800));--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, var(--ig-gray-800));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-900-contrast));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--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, var(--ig-gray-800));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-50));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-100));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-500));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-600));--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, var(--ig-primary-600));--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, var(--ig-primary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-600));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-100));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-800));--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, var(--ig-primary-50));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-50));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-800));--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, var(--ig-gray-800));--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, var(--ig-gray-800));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-50));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-gray-600));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--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, var(--ig-error-500))}`;\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, 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))}`;
+export const styles = css `:host{--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--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, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--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, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-700));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--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, var(--ig-gray-200));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-900));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500))}`;
 //# 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,~~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"]}
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,qgPAAqgP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--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, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--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, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-700));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--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, var(--ig-gray-200));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-900));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500))}`;\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, 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))}`;
+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, var(--ig-gray-900));--content-background: var(--ig-datepicker-content-background, var(--ig-surface-500));--border-color: var(--ig-datepicker-border-color, transparent);--picker-background: var(--ig-datepicker-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-500));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-gray-900));--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, var(--ig-gray-900));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-datepicker-date-current-background, transparent);--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-100));--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, var(--ig-secondary-500));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-datepicker-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-datepicker-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-900));--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, var(--ig-gray-300));--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,~~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"]}
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,0yKAA0yK,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, var(--ig-gray-900));--content-background: var(--ig-datepicker-content-background, var(--ig-surface-500));--border-color: var(--ig-datepicker-border-color, transparent);--picker-background: var(--ig-datepicker-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-500));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-gray-900));--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, var(--ig-gray-900));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-datepicker-date-current-background, transparent);--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-100));--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, var(--ig-secondary-500));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-datepicker-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-datepicker-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-900));--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, var(--ig-gray-300));--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.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){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)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}: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: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)))}[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,~~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"]}
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,k5EAAk5E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}: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: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)))}[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){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)}`;
+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:var(--ig-gray-800)}: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,~~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"]}
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,m8CAAm8C,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:var(--ig-gray-800)}: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/dialog/dialog.js CHANGED Viewed

@@ -17,7 +17,7 @@ import { blazorAdditionalDependencies } from '../common/decorators/blazorAdditio
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-import { createCounter, numberInRangeInclusive, partNameMap, } from '../common/util.js';
+import { createCounter, isEmpty, numberInRangeInclusive, partNameMap, } from '../common/util.js';
 import { styles } from './themes/dialog.base.css.js';
 import { styles as shared } from './themes/shared/dialog.common.css.js';
 import { all } from './themes/themes.js';
@@ -149,6 +149,7 @@ let IgcDialogComponent = IgcDialogComponent_1 = class IgcDialogComponent extends
           <slot name="title"><span>${this.title}</span></slot>
         </header>
         <section part="content">
+          <slot name="message" .hidden=${isEmpty(this.messageElements)}></slot>
           <slot @slotchange=${this.handleContentChange}></slot>
         </section>
         <footer part="footer">
@@ -173,6 +174,9 @@ __decorate([
 __decorate([
     queryAssignedElements({ slot: 'title' })
 ], IgcDialogComponent.prototype, "titleElements", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'message' })
+], IgcDialogComponent.prototype, "messageElements", void 0);
 __decorate([
     queryAssignedElements({ slot: 'footer' })
 ], IgcDialogComponent.prototype, "footerElements", void 0);

package/components/dialog/dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { addAnimationController } from '../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport {\n createCounter,\n numberInRangeInclusive,\n partNameMap,\n} from '../common/util.js';\nimport { styles } from './themes/dialog.base.css.js';\nimport { styles as shared } from './themes/shared/dialog.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcDialogComponentEventMap {\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n}\n\n/*\n Represents a Dialog component.\n \n @element igc-dialog\n \n @fires igcClosing - Emitter just before the dialog is closed.\n * @fires igcClosed - Emitted after closing the dialog.\n \n @slot - Renders content inside the default slot.\n * @slot title - Renders the title of the dialog header.\n * @slot footer - Renders the dialog footer.\n \n @csspart base - The base wrapper of the dialog.\n * @csspart title - The title container.\n * @csspart footer - The footer container.\n * @csspart overlay - The overlay.\n /\n@themes(all)\n@blazorAdditionalDependencies('IgcButtonComponent')\nexport default class IgcDialogComponent extends EventEmitterMixin<\n IgcDialogComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-dialog';\n public static styles = [styles, shared];\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcDialogComponent, IgcButtonComponent);\n }\n\n private static readonly increment = createCounter();\n private titleId = `title-${IgcDialogComponent.increment()}`;\n\n private dialogRef: Ref<HTMLDialogElement> = createRef();\n private animationPlayer = addAnimationController(this, this.dialogRef);\n\n /\n Backdrop animation helper.\n /\n @state()\n private animating = false;\n\n private get dialog() {\n return this.dialogRef.value!;\n }\n\n @queryAssignedElements({ slot: 'title' })\n private titleElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'footer' })\n private footerElements!: Array<HTMLElement>;\n\n /\n Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n * @attr keep-open-on-escape\n /\n @property({ type: Boolean, attribute: 'keep-open-on-escape' })\n public keepOpenOnEscape = false;\n\n /\n Whether the dialog should be closed when clicking outside of it.\n * @attr close-on-outside-click\n /\n @property({ type: Boolean, attribute: 'close-on-outside-click' })\n public closeOnOutsideClick = false;\n\n /\n Whether to hide the default action button for the dialog.\n \n When there is projected content in the `footer` slot this property\n * has no effect.\n * @attr hide-default-action\n /\n @property({ type: Boolean, attribute: 'hide-default-action' })\n public hideDefaultAction = false;\n\n /\n Whether the dialog is opened.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /\n Sets the title of the dialog.\n * @attr\n /\n @property()\n public override title!: string;\n\n /* Sets the return value for the dialog. /\n @property({ attribute: false })\n public returnValue!: string;\n\n @watch('open', { waitUntilFirstUpdate: true })\n protected handleOpenState() {\n this.open ? this.dialog.showModal() : this.dialog.close();\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n protected override firstUpdated() {\n if (this.open) {\n this.dialog.showModal();\n }\n }\n\n private async toggleAnimation(dir: 'open' \| 'close') {\n const animation = dir === 'open' ? fadeIn : fadeOut;\n\n const [_, event] = await Promise.all([\n this.animationPlayer.stopAll(),\n this.animationPlayer.play(animation()),\n ]);\n\n return event.type === 'finish';\n }\n\n private async _hide(emitEvent = false) {\n if (!this.open \|\| (emitEvent && !this.emitClosing())) {\n return false;\n }\n\n this.animating = true;\n await this.toggleAnimation('close');\n this.open = false;\n this.animating = false;\n\n if (emitEvent) {\n await this.updateComplete;\n this.emitEvent('igcClosed');\n }\n\n return true;\n }\n\n /* Opens the dialog. /\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this.toggleAnimation('open');\n return true;\n }\n\n /* Closes the dialog. /\n public async hide(): Promise<boolean> {\n return this._hide();\n }\n\n /* Toggles the open state of the dialog. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n\n private handleCancel(event: Event) {\n event.preventDefault();\n\n if (!this.keepOpenOnEscape) {\n this._hide(true);\n }\n }\n\n private handleClick({ clientX, clientY, target }: PointerEvent) {\n if (this.closeOnOutsideClick && this.dialog === target) {\n const rect = this.dialog.getBoundingClientRect();\n const inX = numberInRangeInclusive(clientX, rect.left, rect.right);\n const inY = numberInRangeInclusive(clientY, rect.top, rect.bottom);\n\n if (!(inX && inY)) {\n this._hide(true);\n }\n }\n }\n\n private emitClosing(): boolean {\n return this.emitEvent('igcClosing', { cancelable: true });\n }\n\n protected formSubmitHandler = (e: SubmitEvent) => {\n if (e.submitter) {\n this.returnValue = (e.submitter as any)?.value ?? '';\n }\n\n if (!e.defaultPrevented) {\n this._hide(true);\n }\n };\n\n private handleContentChange() {\n // Setup submit handling for forms\n const forms = this.querySelectorAll<HTMLFormElement>(\n 'form[method=\"dialog\"]'\n );\n\n for (const form of forms) {\n form.removeEventListener('submit', this.formSubmitHandler);\n form.addEventListener('submit', this.formSubmitHandler);\n }\n }\n\n protected override render() {\n const label = this.ariaLabel ? this.ariaLabel : undefined;\n const labelledby = label ? undefined : this.titleId;\n const backdropParts = partNameMap({\n backdrop: true,\n animating: this.animating,\n });\n const baseParts = partNameMap({\n base: true,\n titled: this.titleElements.length > 0 \|\| this.title,\n footed: this.footerElements.length > 0 \|\| !this.hideDefaultAction,\n });\n\n return html`\n <div part=${backdropParts} aria-hidden=${!this.open}></div>\n <dialog\n ${ref(this.dialogRef)}\n part=${baseParts}\n role=\"dialog\"\n @click=${this.handleClick}\n @cancel=${this.handleCancel}\n aria-label=${ifDefined(label)}\n aria-labelledby=${ifDefined(labelledby)}\n >\n <header part=\"title\" id=${this.titleId}>\n <slot name=\"title\"><span>${this.title}</span></slot>\n </header>\n <section part=\"content\">\n <slot @slotchange=${this.handleContentChange}></slot>\n </section>\n <footer part=\"footer\">\n <slot name=\"footer\">\n ${this.hideDefaultAction\n ? nothing\n : html`<igc-button variant=\"flat\" @click=${() => this._hide(true)}\n >OK</igc-button\n >`}\n </slot>\n </footer>\n </dialog>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-dialog': IgcDialogComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { addAnimationController } from '../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport {\n createCounter,\n isEmpty,\n numberInRangeInclusive,\n partNameMap,\n} from '../common/util.js';\nimport { styles } from './themes/dialog.base.css.js';\nimport { styles as shared } from './themes/shared/dialog.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcDialogComponentEventMap {\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n}\n\n/*\n Represents a Dialog component.\n \n @element igc-dialog\n \n @fires igcClosing - Emitter just before the dialog is closed.\n * @fires igcClosed - Emitted after closing the dialog.\n \n @slot - Renders content inside the default slot.\n * @slot title - Renders the title of the dialog header.\n * @slot message - Renders the message content of the dialog.\n * @slot footer - Renders the dialog footer.\n \n @csspart base - The base wrapper of the dialog.\n * @csspart title - The title container.\n * @csspart footer - The footer container.\n * @csspart overlay - The overlay.\n /\n@themes(all)\n@blazorAdditionalDependencies('IgcButtonComponent')\nexport default class IgcDialogComponent extends EventEmitterMixin<\n IgcDialogComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-dialog';\n public static styles = [styles, shared];\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcDialogComponent, IgcButtonComponent);\n }\n\n private static readonly increment = createCounter();\n private titleId = `title-${IgcDialogComponent.increment()}`;\n\n private dialogRef: Ref<HTMLDialogElement> = createRef();\n private animationPlayer = addAnimationController(this, this.dialogRef);\n\n /\n Backdrop animation helper.\n /\n @state()\n private animating = false;\n\n private get dialog() {\n return this.dialogRef.value!;\n }\n\n @queryAssignedElements({ slot: 'title' })\n private titleElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'message' })\n private messageElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'footer' })\n private footerElements!: Array<HTMLElement>;\n\n /\n Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n * @attr keep-open-on-escape\n /\n @property({ type: Boolean, attribute: 'keep-open-on-escape' })\n public keepOpenOnEscape = false;\n\n /\n Whether the dialog should be closed when clicking outside of it.\n * @attr close-on-outside-click\n /\n @property({ type: Boolean, attribute: 'close-on-outside-click' })\n public closeOnOutsideClick = false;\n\n /\n Whether to hide the default action button for the dialog.\n \n When there is projected content in the `footer` slot this property\n * has no effect.\n * @attr hide-default-action\n /\n @property({ type: Boolean, attribute: 'hide-default-action' })\n public hideDefaultAction = false;\n\n /\n Whether the dialog is opened.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /\n Sets the title of the dialog.\n * @attr\n /\n @property()\n public override title!: string;\n\n /* Sets the return value for the dialog. /\n @property({ attribute: false })\n public returnValue!: string;\n\n @watch('open', { waitUntilFirstUpdate: true })\n protected handleOpenState() {\n this.open ? this.dialog.showModal() : this.dialog.close();\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n protected override firstUpdated() {\n if (this.open) {\n this.dialog.showModal();\n }\n }\n\n private async toggleAnimation(dir: 'open' \| 'close') {\n const animation = dir === 'open' ? fadeIn : fadeOut;\n\n const [_, event] = await Promise.all([\n this.animationPlayer.stopAll(),\n this.animationPlayer.play(animation()),\n ]);\n\n return event.type === 'finish';\n }\n\n private async _hide(emitEvent = false) {\n if (!this.open \|\| (emitEvent && !this.emitClosing())) {\n return false;\n }\n\n this.animating = true;\n await this.toggleAnimation('close');\n this.open = false;\n this.animating = false;\n\n if (emitEvent) {\n await this.updateComplete;\n this.emitEvent('igcClosed');\n }\n\n return true;\n }\n\n /* Opens the dialog. /\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this.toggleAnimation('open');\n return true;\n }\n\n /* Closes the dialog. /\n public async hide(): Promise<boolean> {\n return this._hide();\n }\n\n /* Toggles the open state of the dialog. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n\n private handleCancel(event: Event) {\n event.preventDefault();\n\n if (!this.keepOpenOnEscape) {\n this._hide(true);\n }\n }\n\n private handleClick({ clientX, clientY, target }: PointerEvent) {\n if (this.closeOnOutsideClick && this.dialog === target) {\n const rect = this.dialog.getBoundingClientRect();\n const inX = numberInRangeInclusive(clientX, rect.left, rect.right);\n const inY = numberInRangeInclusive(clientY, rect.top, rect.bottom);\n\n if (!(inX && inY)) {\n this._hide(true);\n }\n }\n }\n\n private emitClosing(): boolean {\n return this.emitEvent('igcClosing', { cancelable: true });\n }\n\n protected formSubmitHandler = (e: SubmitEvent) => {\n if (e.submitter) {\n this.returnValue = (e.submitter as any)?.value ?? '';\n }\n\n if (!e.defaultPrevented) {\n this._hide(true);\n }\n };\n\n private handleContentChange() {\n // Setup submit handling for forms\n const forms = this.querySelectorAll<HTMLFormElement>(\n 'form[method=\"dialog\"]'\n );\n\n for (const form of forms) {\n form.removeEventListener('submit', this.formSubmitHandler);\n form.addEventListener('submit', this.formSubmitHandler);\n }\n }\n\n protected override render() {\n const label = this.ariaLabel ? this.ariaLabel : undefined;\n const labelledby = label ? undefined : this.titleId;\n const backdropParts = partNameMap({\n backdrop: true,\n animating: this.animating,\n });\n const baseParts = partNameMap({\n base: true,\n titled: this.titleElements.length > 0 \|\| this.title,\n footed: this.footerElements.length > 0 \|\| !this.hideDefaultAction,\n });\n\n return html`\n <div part=${backdropParts} aria-hidden=${!this.open}></div>\n <dialog\n ${ref(this.dialogRef)}\n part=${baseParts}\n role=\"dialog\"\n @click=${this.handleClick}\n @cancel=${this.handleCancel}\n aria-label=${ifDefined(label)}\n aria-labelledby=${ifDefined(labelledby)}\n >\n <header part=\"title\" id=${this.titleId}>\n <slot name=\"title\"><span>${this.title}</span></slot>\n </header>\n <section part=\"content\">\n <slot name=\"message\" .hidden=${isEmpty(this.messageElements)}></slot>\n <slot @slotchange=${this.handleContentChange}></slot>\n </section>\n <footer part=\"footer\">\n <slot name=\"footer\">\n ${this.hideDefaultAction\n ? nothing\n : html`<igc-button variant=\"flat\" @click=${() => this._hide(true)}\n >OK</igc-button\n >`}\n </slot>\n </footer>\n </dialog>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-dialog': IgcDialogComponent;\n }\n}\n"]}

package/components/dialog/themes/dark/dialog.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));--background: var(--ig-dialog-background, hsl(from var(--ig-surface-500) h s l/1));--title-color: var(--ig-dialog-title-color, hsl(from var(--ig-gray-900) h s l/1));--border-color: var(--ig-dialog-border-color, hsl(from var(--ig-gray-100) h s l/1));--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
+export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));--background: var(--ig-dialog-background, var(--ig-surface-500));--title-color: var(--ig-dialog-title-color, var(--ig-gray-900));--border-color: var(--ig-dialog-border-color, var(--ig-gray-100));--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
 //# sourceMappingURL=dialog.bootstrap.css.js.map

package/components/dialog/themes/dark/dialog.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~6jBAA6jB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));--background: var(--ig-dialog-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--title-color: var(--ig-dialog-title-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--border-color: var(--ig-dialog-border-color, ~~hsl(from~~ var(--ig-gray-100) ~~h s l/1~~));--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}
1	+ {"version":3,"file":"dialog.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ugBAAugB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));--background: var(--ig-dialog-background, var(--ig-surface-500));--title-color: var(--ig-dialog-title-color, var(--ig-gray-900));--border-color: var(--ig-dialog-border-color, var(--ig-gray-100));--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}

package/components/dialog/themes/dark/dialog.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsl(from var(--ig-surface-500) h s l/1));--title-color: var(--ig-dialog-title-color, hsl(from var(--ig-gray-900) h s l/1));--message-color: var(--ig-dialog-message-color, hsl(from var(--ig-gray-700) h s l/1));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-900) h s l/0.4));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
+export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, var(--ig-surface-500));--title-color: var(--ig-dialog-title-color, var(--ig-gray-900));--message-color: var(--ig-dialog-message-color, var(--ig-gray-700));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-900) h s l/0.4));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
 //# sourceMappingURL=dialog.fluent.css.js.map

package/components/dialog/themes/dark/dialog.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~0nBAA0nB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--title-color: var(--ig-dialog-title-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--message-color: var(--ig-dialog-message-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-900) h s l/0.4));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}
1	+ {"version":3,"file":"dialog.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,okBAAokB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, var(--ig-surface-500));--title-color: var(--ig-dialog-title-color, var(--ig-gray-900));--message-color: var(--ig-dialog-message-color, var(--ig-gray-700));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-900) h s l/0.4));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}

package/components/dialog/themes/dark/dialog.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-23));--background: var(--ig-dialog-background, hsl(from var(--ig-gray-50) h s l/1));--title-color: var(--ig-dialog-title-color, hsl(from var(--ig-gray-900) h s l/1));--message-color: var(--ig-dialog-message-color, hsl(from var(--ig-gray-700) h s l/1));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2777777778) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
+export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-23));--background: var(--ig-dialog-background, var(--ig-gray-50));--title-color: var(--ig-dialog-title-color, var(--ig-gray-900));--message-color: var(--ig-dialog-message-color, var(--ig-gray-700));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2777777778) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
 //# sourceMappingURL=dialog.indigo.css.js.map

package/components/dialog/themes/dark/dialog.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~unBAAunB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-23));--background: var(--ig-dialog-background, ~~hsl(from~~ var(--ig-gray-50) ~~h s l/1~~));--title-color: var(--ig-dialog-title-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--message-color: var(--ig-dialog-message-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2777777778) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}
1	+ {"version":3,"file":"dialog.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ikBAAikB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-23));--background: var(--ig-dialog-background, var(--ig-gray-50));--title-color: var(--ig-dialog-title-color, var(--ig-gray-900));--message-color: var(--ig-dialog-message-color, var(--ig-gray-700));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2777777778) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}

package/components/dialog/themes/dark/dialog.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsl(from var(--ig-surface-500) h s l/1));--title-color: var(--ig-dialog-title-color, hsl(from var(--ig-gray-900) h s l/1));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
+export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, var(--ig-surface-500));--title-color: var(--ig-dialog-title-color, var(--ig-gray-900));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
 //# sourceMappingURL=dialog.material.css.js.map

package/components/dialog/themes/dark/dialog.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.material.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~qiBAAqiB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--title-color: var(--ig-dialog-title-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}
1	+ {"version":3,"file":"dialog.material.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,igBAAigB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, var(--ig-surface-500));--title-color: var(--ig-dialog-title-color, var(--ig-gray-900));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}

package/components/dialog/themes/dark/dialog.shared.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--message-color: var(--ig-dialog-message-color, hsl(from var(--ig-gray-500) h s l/1))}`;
+export const styles = css `:host{--message-color: var(--ig-dialog-message-color, var(--ig-gray-500))}`;
 //# sourceMappingURL=dialog.shared.css.js.map

package/components/dialog/themes/dark/dialog.shared.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~8FAA8F~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--message-color: var(--ig-dialog-message-color, ~~hsl(from~~ var(--ig-gray-500) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"dialog.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4EAA4E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--message-color: var(--ig-dialog-message-color, var(--ig-gray-500))}`;\n"]}

package/components/dialog/themes/dialog.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--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);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{border-style:none;padding:unset}[part~=base]{background:inherit;color:inherit;padding:inherit;border:inherit;border-style:inherit;border-radius:inherit;min-width:inherit}[part=content]{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:0}[part=title],[part=footer]{display:none;align-items:center;font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=footer]{flex-wrap:nowrap;justify-content:flex-end}[part~=titled] [part=title]{display:flex}[part~=footed] [part=footer]{display:flex}::slotted(:not(igc-calendar)){font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}slot[name=title]::slotted(:last-child),slot[name=footer]::slotted(:last-child){margin-inline-start:.5rem}dialog::backdrop{opacity:0}[part~=backdrop]{position:fixed;inset:0;z-index:10005;pointer-events:none;opacity:0;transition:opacity 350ms ease-out}:host([open]) [part=backdrop]{opacity:1}`;
+export const styles = css `:host{--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);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{border-style:none;padding:unset}[part~=base]{background:inherit;color:inherit;padding:inherit;border:inherit;border-style:inherit;border-radius:inherit;min-width:inherit}[part=content]{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:0}[part=title],[part=footer]{display:none;align-items:center;font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=footer]{flex-wrap:nowrap;justify-content:flex-end}[part~=titled] [part=title]{display:flex}[part~=footed] [part=footer]{display:flex}::slotted(:not(igc-calendar)){font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}slot[name=title]::slotted(:last-child),slot[name=footer]::slotted(:last-child){margin-inline-start:.5rem}[name=message]::slotted(*){max-width:40ch;display:inline-block}dialog::backdrop{opacity:0}[part~=backdrop]{position:fixed;inset:0;z-index:10005;pointer-events:none;opacity:0;transition:opacity 350ms ease-out}:host([open]) [part=backdrop]{opacity:1}`;
 //# sourceMappingURL=dialog.base.css.js.map

package/components/dialog/themes/dialog.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.base.css.js","sourceRoot":"","sources":["../../../../src/components/dialog/themes/dialog.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~q/EAAq/E~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--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);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{border-style:none;padding:unset}[part~=base]{background:inherit;color:inherit;padding:inherit;border:inherit;border-style:inherit;border-radius:inherit;min-width:inherit}[part=content]{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:0}[part=title],[part=footer]{display:none;align-items:center;font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=footer]{flex-wrap:nowrap;justify-content:flex-end}[part~=titled] [part=title]{display:flex}[part~=footed] [part=footer]{display:flex}::slotted(:not(igc-calendar)){font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}slot[name=title]::slotted(:last-child),slot[name=footer]::slotted(:last-child){margin-inline-start:.5rem}dialog::backdrop{opacity:0}[part~=backdrop]{position:fixed;inset:0;z-index:10005;pointer-events:none;opacity:0;transition:opacity 350ms ease-out}:host([open]) [part=backdrop]{opacity:1}`;\n"]}
1	+ {"version":3,"file":"dialog.base.css.js","sourceRoot":"","sources":["../../../../src/components/dialog/themes/dialog.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ojFAAojF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--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);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{border-style:none;padding:unset}[part~=base]{background:inherit;color:inherit;padding:inherit;border:inherit;border-style:inherit;border-radius:inherit;min-width:inherit}[part=content]{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:0}[part=title],[part=footer]{display:none;align-items:center;font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=footer]{flex-wrap:nowrap;justify-content:flex-end}[part~=titled] [part=title]{display:flex}[part~=footed] [part=footer]{display:flex}::slotted(:not(igc-calendar)){font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}slot[name=title]::slotted(:last-child),slot[name=footer]::slotted(:last-child){margin-inline-start:.5rem}[name=message]::slotted(){max-width:40ch;display:inline-block}dialog::backdrop{opacity:0}[part~=backdrop]{position:fixed;inset:0;z-index:10005;pointer-events:none;opacity:0;transition:opacity 350ms ease-out}:host([open]) [part=backdrop]{opacity:1}`;\n"]}

package/components/dialog/themes/light/dialog.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));--border-color: var(--ig-dialog-border-color, hsl(from var(--ig-gray-300) h s l/1))}`;
+export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));--border-color: var(--ig-dialog-border-color, var(--ig-gray-300))}`;
 //# sourceMappingURL=dialog.bootstrap.css.js.map

package/components/dialog/themes/light/dialog.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~2JAA2J~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));--border-color: var(--ig-dialog-border-color, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"dialog.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yIAAyI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));--border-color: var(--ig-dialog-border-color, var(--ig-gray-300))}`;\n"]}