igniteui-webcomponents 6.3.3 → 6.4.0-alpha.0

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

@@ -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,ijIAAijI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--calendar-border-color: transparent}: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);border:.0625rem solid var(--calendar-border-color)}: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);box-shadow:0 0 0 .0625rem var(--calendar-border-color)}: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:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:not([disabled],[readonly])){--affix-color: var(--input-prefix-color)}:host(:not([disabled],[readonly])) igc-date-time-input[readonly]{--affix-color: var(--input-prefix-color)}:host(:not([disabled],[readonly])) igc-date-time-input[readonly]::part(prefix),:host(:not([disabled],[readonly])) igc-date-time-input[readonly]::part(suffix){color:var(--affix-color)}:host(:not([disabled],[readonly])) [part=calendar-icon],:host(:not([disabled],[readonly])) [part=calendar-icon-open],:host(:not([disabled],[readonly])) [part=clear-icon]{color:var(--affix-color)}:host(:not([disabled],[readonly])) igc-input:focus-within{--affix-color: var(--input-prefix-color--focused)}:host(:not([disabled],[readonly])) igc-input:focus-within::part(filled){--affix-color: var(--input-prefix-color--focused)}:host(:not([disabled],[readonly])) ::part(filled){--affix-color: var(--input-prefix-color--filled)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;\n"]}
+{"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,sxGAAsxG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--calendar-border-color: transparent}: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);border:.0625rem solid var(--calendar-border-color)}: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);box-shadow:0 0 0 .0625rem var(--calendar-border-color)}: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){color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([disabled],[readonly])){--affix-color: var(--input-prefix-color)}:host(:not([disabled],[readonly])) igc-date-time-input[readonly]{--affix-color: var(--input-prefix-color)}:host(:not([disabled],[readonly])) igc-date-time-input[readonly]::part(prefix),:host(:not([disabled],[readonly])) igc-date-time-input[readonly]::part(suffix){color:var(--affix-color)}:host(:not([disabled],[readonly])) [part=calendar-icon],:host(:not([disabled],[readonly])) [part=calendar-icon-open],:host(:not([disabled],[readonly])) [part=clear-icon]{color:var(--affix-color)}:host(:not([disabled],[readonly])) igc-input:focus-within{--affix-color: var(--input-prefix-color--focused)}:host(:not([disabled],[readonly])) igc-input:focus-within::part(filled){--affix-color: var(--input-prefix-color--focused)}:host(:not([disabled],[readonly])) ::part(filled){--affix-color: var(--input-prefix-color--filled)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--calendar-border-color: transparent}: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:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline-start:0}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;
+export const styles = css `:host{--calendar-border-color: transparent}: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);margin-block-end:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;
 //# sourceMappingURL=date-picker.fluent.css.js.map

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

@@ -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,m0EAAm0E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--calendar-border-color: transparent}: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:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline-start:0}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;\n"]}
+{"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,gwEAAgwE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--calendar-border-color: transparent}: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);margin-block-end:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--calendar-border-color: var(--ig-gray-400)}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(0.9375rem, auto);padding-inline-start:0}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host([readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after{background:var(--error-secondary-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;
+export const styles = css `:host{--calendar-border-color: var(--ig-gray-400);--input-icon: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host igc-icon,:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-end:.25rem}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host([readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after{background:var(--error-secondary-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;
 //# sourceMappingURL=date-picker.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,quFAAquF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--calendar-border-color: var(--ig-gray-400)}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(0.9375rem, auto);padding-inline-start:0}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host([readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after{background:var(--error-secondary-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;\n"]}
+{"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,whFAAwhF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--calendar-border-color: var(--ig-gray-400);--input-icon: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host igc-icon,:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-end:.25rem}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host([readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not(:disabled,[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after{background:var(--error-secondary-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;\n"]}

package/components/date-picker/themes/shared/date-picker.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([outlined][readonly]:hover) igc-date-time-input::part(start),:host([outlined][readonly]:hover) igc-date-time-input::part(end),:host([outlined][readonly]:hover) igc-date-time-input::part(filler){border-color:var(--border-color)}:host([outlined][readonly]:hover) igc-date-time-input::part(notch){border-bottom-color:var(--border-color)}:host([outlined][readonly]) igc-date-time-input:focus-within::part(start),:host([outlined][readonly]) igc-date-time-input:focus-within::part(end),:host([outlined][readonly]) igc-date-time-input:focus-within::part(filler){border-color:var(--focused-border-color)}:host([outlined][readonly]) igc-date-time-input:focus-within::part(notch){border-bottom-color:var(--focused-border-color)}:host(:not([outlined],[disabled])[readonly]) igc-date-time-input::part(container){background:var(--box-background-focus)}:host(:not([outlined])[readonly]) igc-date-time-input:hover::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:hover::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:focus-within::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:focus-within::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(start),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(end),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(filler){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid))::part(notch){border-bottom-color:var(--error-secondary-color)}`;
+export const styles = css `:host ::part(helper-text){padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([outlined]) igc-date-time-input::part(notch){border-block-start:.125rem solid rgba(0,0,0,0)}:host([outlined][readonly]:hover) igc-date-time-input::part(start),:host([outlined][readonly]:hover) igc-date-time-input::part(end),:host([outlined][readonly]:hover) igc-date-time-input::part(filler){border-color:var(--border-color)}:host([outlined][readonly]:hover) igc-date-time-input::part(notch){border-bottom-color:var(--border-color)}:host([outlined][readonly]) igc-date-time-input:focus-within::part(start),:host([outlined][readonly]) igc-date-time-input:focus-within::part(end),:host([outlined][readonly]) igc-date-time-input:focus-within::part(filler){border-color:var(--focused-border-color)}:host([outlined][readonly]) igc-date-time-input:focus-within::part(notch){border-bottom-color:var(--focused-border-color)}:host(:not([outlined],[disabled])[readonly]) igc-date-time-input::part(container){background:var(--box-background-focus)}:host(:not([outlined])[readonly]) igc-date-time-input:hover::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:hover::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:focus-within::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:focus-within::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(start),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(end),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(filler){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(notch){border-bottom-color:var(--error-secondary-color)}`;
 //# sourceMappingURL=date-picker.material.css.js.map

package/components/date-picker/themes/shared/date-picker.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sjFAAsjF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([outlined][readonly]:hover) igc-date-time-input::part(start),:host([outlined][readonly]:hover) igc-date-time-input::part(end),:host([outlined][readonly]:hover) igc-date-time-input::part(filler){border-color:var(--border-color)}:host([outlined][readonly]:hover) igc-date-time-input::part(notch){border-bottom-color:var(--border-color)}:host([outlined][readonly]) igc-date-time-input:focus-within::part(start),:host([outlined][readonly]) igc-date-time-input:focus-within::part(end),:host([outlined][readonly]) igc-date-time-input:focus-within::part(filler){border-color:var(--focused-border-color)}:host([outlined][readonly]) igc-date-time-input:focus-within::part(notch){border-bottom-color:var(--focused-border-color)}:host(:not([outlined],[disabled])[readonly]) igc-date-time-input::part(container){background:var(--box-background-focus)}:host(:not([outlined])[readonly]) igc-date-time-input:hover::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:hover::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:focus-within::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:focus-within::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(start),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(end),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(filler){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid))::part(notch){border-bottom-color:var(--error-secondary-color)}`;\n"]}
+{"version":3,"file":"date-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,skGAAskG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([outlined]) igc-date-time-input::part(notch){border-block-start:.125rem solid rgba(0,0,0,0)}:host([outlined][readonly]:hover) igc-date-time-input::part(start),:host([outlined][readonly]:hover) igc-date-time-input::part(end),:host([outlined][readonly]:hover) igc-date-time-input::part(filler){border-color:var(--border-color)}:host([outlined][readonly]:hover) igc-date-time-input::part(notch){border-bottom-color:var(--border-color)}:host([outlined][readonly]) igc-date-time-input:focus-within::part(start),:host([outlined][readonly]) igc-date-time-input:focus-within::part(end),:host([outlined][readonly]) igc-date-time-input:focus-within::part(filler){border-color:var(--focused-border-color)}:host([outlined][readonly]) igc-date-time-input:focus-within::part(notch){border-bottom-color:var(--focused-border-color)}:host(:not([outlined],[disabled])[readonly]) igc-date-time-input::part(container){background:var(--box-background-focus)}:host(:not([outlined])[readonly]) igc-date-time-input:hover::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:hover::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:focus-within::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined])[readonly]) igc-date-time-input:focus-within::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(start),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(end),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(filler){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(notch){border-bottom-color:var(--error-secondary-color)}`;\n"]}

package/components/date-picker/validators.js

@@ -1,5 +1,5 @@
 import { isDateInRanges } from '../calendar/helpers.js';
-import messages from '../common/localization/validation-en.js';
+import { validationResourcesKeys } from '../common/i18n/utils.js';
 import { formatString } from '../common/util.js';
 import { maxDateValidator, minDateValidator, requiredValidator, } from '../common/validators.js';
 export const datePickerValidators = [
@@ -8,7 +8,8 @@ export const datePickerValidators = [
     maxDateValidator,
     {
         key: 'badInput',
-        message: ({ value }) => formatString(messages.disabledDate, value),
+        messageResourceKey: validationResourcesKeys.disabledDate,
+        messageFormat: (message, { value }) => formatString(message, value),
         isValid: ({ value, disabledDates }) => value && disabledDates ? !isDateInRanges(value, disabledDates) : true,
     },
 ];

package/components/date-picker/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAElB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,CAAC,MAAM,oBAAoB,GAAwC;IACvE,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB;QACE,GAAG,EAAE,UAAU;QACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC;QAClE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CACpC,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI;KACxE;CACF,CAAC","sourcesContent":["import { isDateInRanges } from '../calendar/helpers.js';\nimport messages from '../common/localization/validation-en.js';\nimport { formatString } from '../common/util.js';\nimport {\n  maxDateValidator,\n  minDateValidator,\n  requiredValidator,\n  type Validator,\n} from '../common/validators.js';\nimport type IgcDatePickerComponent from './date-picker.js';\n\nexport const datePickerValidators: Validator<IgcDatePickerComponent>[] = [\n  requiredValidator,\n  minDateValidator,\n  maxDateValidator,\n  {\n    key: 'badInput',\n    message: ({ value }) => formatString(messages.disabledDate, value),\n    isValid: ({ value, disabledDates }) =>\n      value && disabledDates ? !isDateInRanges(value, disabledDates) : true,\n  },\n];\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAElB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,CAAC,MAAM,oBAAoB,GAAwC;IACvE,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB;QACE,GAAG,EAAE,UAAU;QACf,kBAAkB,EAAE,uBAAuB,CAAC,YAAY;QACxD,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC;QACnE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CACpC,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI;KACxE;CACF,CAAC","sourcesContent":["import { isDateInRanges } from '../calendar/helpers.js';\nimport { validationResourcesKeys } from '../common/i18n/utils.js';\nimport { formatString } from '../common/util.js';\nimport {\n  maxDateValidator,\n  minDateValidator,\n  requiredValidator,\n  type Validator,\n} from '../common/validators.js';\nimport type IgcDatePickerComponent from './date-picker.js';\n\nexport const datePickerValidators: Validator<IgcDatePickerComponent>[] = [\n  requiredValidator,\n  minDateValidator,\n  maxDateValidator,\n  {\n    key: 'badInput',\n    messageResourceKey: validationResourcesKeys.disabledDate,\n    messageFormat: (message, { value }) => formatString(message, value),\n    isValid: ({ value, disabledDates }) =>\n      value && disabledDates ? !isDateInRanges(value, disabledDates) : true,\n  },\n];\n"]}

package/components/date-range-picker/date-range-picker.base.css.js

@@ -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{display:flex;flex-direction:column}:host igc-focus-trap{--min-width: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));display:flex;flex:1 0 0;flex-direction:column;min-width:var(--min-width);max-width:calc(var(--min-width)*2);overflow:auto hidden}:host igc-focus-trap igc-calendar{border:none;box-shadow:none}:host igc-calendar[header-orientation=vertical]{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([required]) igc-date-time-input::part(label)::after{content:"*"}[part=label]{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=inputs]{display:flex;flex-direction:row;align-items:flex-end;gap:.5rem}[part=actions]{display:flex;justify-content:flex-end;padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));gap:.5rem}[part=actions] ::slotted(*){display:flex;gap:.5rem}[part=separator]{display:flex;align-items:center}igc-date-time-input{width:100%}`;
+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{display:flex;flex-direction:column}:host igc-focus-trap{--min-width: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));display:flex;flex:1 0 0;flex-direction:column;min-width:var(--min-width);max-width:calc(var(--min-width)*2);overflow:auto hidden}:host igc-focus-trap igc-calendar{border:none;box-shadow:none}:host igc-calendar[header-orientation=vertical]{border-bottom-left-radius:0;border-bottom-right-radius:0}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}:host slot[name=value-missing]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([required]) igc-date-time-input::part(label)::after{content:"*"}[part=label]{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=inputs]{display:flex;flex-direction:row;align-items:flex-end;gap:.5rem}[part=actions]{display:flex;justify-content:flex-end;padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));gap:.5rem}[part=actions] ::slotted(*){display:flex;gap:.5rem}[part=separator]{display:flex;align-items:center}igc-date-time-input{display:flex;flex-direction:column;width:100%;min-width:0}`;
 //# sourceMappingURL=date-range-picker.base.css.js.map

package/components/date-range-picker/date-range-picker.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.base.css.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/date-range-picker.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2tEAA2tE,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{display:flex;flex-direction:column}:host igc-focus-trap{--min-width: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));display:flex;flex:1 0 0;flex-direction:column;min-width:var(--min-width);max-width:calc(var(--min-width)*2);overflow:auto hidden}:host igc-focus-trap igc-calendar{border:none;box-shadow:none}:host igc-calendar[header-orientation=vertical]{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([required]) igc-date-time-input::part(label)::after{content:\"*\"}[part=label]{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=inputs]{display:flex;flex-direction:row;align-items:flex-end;gap:.5rem}[part=actions]{display:flex;justify-content:flex-end;padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));gap:.5rem}[part=actions] ::slotted(*){display:flex;gap:.5rem}[part=separator]{display:flex;align-items:center}igc-date-time-input{width:100%}`;\n"]}
+{"version":3,"file":"date-range-picker.base.css.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/date-range-picker.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,26FAA26F,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{display:flex;flex-direction:column}:host igc-focus-trap{--min-width: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));display:flex;flex:1 0 0;flex-direction:column;min-width:var(--min-width);max-width:calc(var(--min-width)*2);overflow:auto hidden}:host igc-focus-trap igc-calendar{border:none;box-shadow:none}:host igc-calendar[header-orientation=vertical]{border-bottom-left-radius:0;border-bottom-right-radius:0}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}:host slot[name=value-missing]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([required]) igc-date-time-input::part(label)::after{content:\"*\"}[part=label]{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=inputs]{display:flex;flex-direction:row;align-items:flex-end;gap:.5rem}[part=actions]{display:flex;justify-content:flex-end;padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));gap:.5rem}[part=actions] ::slotted(*){display:flex;gap:.5rem}[part=separator]{display:flex;align-items:center}igc-date-time-input{display:flex;flex-direction:column;width:100%;min-width:0}`;\n"]}

package/components/date-range-picker/date-range-picker.d.ts

@@ -1,5 +1,6 @@
 import { nothing, type TemplateResult } from 'lit';
 import type { DateRangeDescriptor, WeekDays } from '../calendar/types.js';
+import { type IgcDateRangePickerResourceStrings } from '../common/i18n/EN/date-range-picker.resources.js';
 import { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';
 import type { AbstractConstructor } from '../common/mixins/constructor.js';
 import type { ContentOrientation, PickerMode } from '../types.js';
@@ -123,6 +124,7 @@ export default class IgcDateRangePickerComponent extends IgcDateRangePickerCompo
     private readonly _themes;
     protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<DateRangeValue | null>;
     protected readonly _rootClickController: import("../common/controllers/root-click.js").RootClickController;
+    private readonly _i18nController;
     private _activeDate;
     private _min;
     private _max;
@@ -174,9 +176,11 @@ export default class IgcDateRangePickerComponent extends IgcDateRangePickerCompo
      * The locale settings used to display the value.
      * @attr
      */
-    locale: string;
+    set locale(value: string);
+    get locale(): string;
     /** The resource strings of the date range picker. */
-    resourceStrings: import("../common/i18n/date-range-picker.resources.js").IgcDateRangePickerResourceStrings;
+    set resourceStrings(value: IgcDateRangePickerResourceStrings);
+    get resourceStrings(): IgcDateRangePickerResourceStrings;
     /**
      * Makes the control a readonly field.
      * @attr readonly

package/components/date-range-picker/date-range-picker.js

@@ -20,7 +20,8 @@ import { blazorAdditionalDependencies } from '../common/decorators/blazorAdditio
 import { shadowOptions } from '../common/decorators/shadow-options.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { IgcDateRangePickerResourceStringsEN } from '../common/i18n/date-range-picker.resources.js';
+import { IgcDateRangePickerResourceStringsEN, } from '../common/i18n/EN/date-range-picker.resources.js';
+import { addI18nController } from '../common/i18n/i18n-controller.js';
 import { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';
@@ -65,6 +66,18 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Form
     get value() {
         return this._formValue.value;
     }
+    set locale(value) {
+        this._i18nController.locale = value;
+    }
+    get locale() {
+        return this._i18nController.locale;
+    }
+    set resourceStrings(value) {
+        this._i18nController.resourceStrings = value;
+    }
+    get resourceStrings() {
+        return this._i18nController.resourceStrings;
+    }
     set placeholder(value) {
         this._placeholder = value;
     }
@@ -133,6 +146,9 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Form
         this._rootClickController = addRootClickController(this, {
             onHide: this._handleClosing,
         });
+        this._i18nController = addI18nController(this, {
+            defaultEN: IgcDateRangePickerResourceStringsEN,
+        });
         this._activeDate = null;
         this._min = null;
         this._max = null;
@@ -145,8 +161,6 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Form
         this.mode = 'dropdown';
         this.useTwoInputs = false;
         this.usePredefinedRanges = false;
-        this.locale = 'en';
-        this.resourceStrings = IgcDateRangePickerResourceStringsEN;
         this.readOnly = false;
         this.nonEditable = false;
         this.outlined = false;
@@ -690,10 +704,10 @@ __decorate([
 ], IgcDateRangePickerComponent.prototype, "usePredefinedRanges", void 0);
 __decorate([
     property()
-], IgcDateRangePickerComponent.prototype, "locale", void 0);
+], IgcDateRangePickerComponent.prototype, "locale", null);
 __decorate([
     property({ attribute: false })
-], IgcDateRangePickerComponent.prototype, "resourceStrings", void 0);
+], IgcDateRangePickerComponent.prototype, "resourceStrings", null);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'readonly' })
 ], IgcDateRangePickerComponent.prototype, "readOnly", void 0);