npm - igniteui-webcomponents - Versions diffs - 6.3.3 → 6.4.0-alpha.0 - Mend

igniteui-webcomponents 6.3.3 → 6.4.0-alpha.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 (261) hide show

package/components/input/themes/shared/input.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--helper-text-top-spacer: rem(5px);--input-border-size: 0.0625rem;--affix-padding: 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.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part=prefix],:host [part=suffix]{font-size:.875rem;cursor:default;z-index:0}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){color:inherit}: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);margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}:host [name=prefix]::slotted(*),:host [name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}: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);--ig-subtitle-2-line-height: 1rem;margin-block:0 .3125rem;color:var(--idle-secondary-color)}:host [part^=container]{height:var(--size);background:var(--border-background);border:var(--input-border-size) solid rgba(0,0,0,0);border-radius:var(--border-border-radius);transition:none;cursor:text;grid-template-columns:auto 1fr auto}:host [part^=container]::before{content:"";position:absolute;inset:calc(var(--input-border-size)*-1);width:calc(100% + var(--input-border-size)*2);height:calc(100% + var(--input-border-size)*2);color:var(--border-color);box-shadow:inset 0 0 0 var(--input-border-size);border-radius:var(--border-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}:host [part~=input]{color:var(--idle-text-color);background:initial;font-size:.875rem;padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));max-height:100%;border:none;grid-area:1/2}:host(:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-expanded][readonly]:not(:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-haspopup]:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=prefix],:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=suffix]{background:rgba(0,0,0,0)}:host(:focus-within) [part^=container]::before{color:var(--focused-border-color);box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem)}:host(:focus-within) [name=prefix]::slotted(*),:host(:focus-within) [name=suffix]::slotted(*){padding-block:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([type=search]) [part=prefix]{background:var(--ig-input-group-input-prefix-background, transparent);color:var(--ig-input-group-input-prefix-color, var(--ig-primary-500))}:host([type=search]) [part=suffix]{background:var(--ig-input-group-input-suffix-background, transparent);color:var(--ig-input-group-input-suffix-color, var(--ig-primary-500))}:host([type=search]:focus-within) [part=prefix]{display:none}:host([type=search]:focus-within) [part=suffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900))}:host([readonly][type=search]:focus-within) [part=suffix]{color:var(--disabled-text-color)}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):hover) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):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~=container]::before,:host([disabled]) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--disabled-border-color)}:host(:disabled) [part^=container],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part=label]::after,:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=label]::after,:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--helper-text-top-spacer: rem(5px);--input-border-size: 0.0625rem;--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part=prefix],:host [part=suffix]{font-size:.875rem;cursor:default;z-index:0}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){color:inherit}:host ::part(helper-text){margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}:host [name=prefix]::slotted(*),:host [name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}: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:0 .3125rem;color:var(--idle-secondary-color)}:host [part^=container]{height:var(--size);background:var(--border-background);border:var(--input-border-size) solid rgba(0,0,0,0);border-radius:var(--border-border-radius);transition:none;cursor:text;grid-template-columns:auto 1fr auto}:host [part^=container]::before{content:"";position:absolute;inset:calc(var(--input-border-size)*-1);width:calc(100% + var(--input-border-size)*2);height:calc(100% + var(--input-border-size)*2);color:var(--border-color);box-shadow:inset 0 0 0 var(--input-border-size);border-radius:var(--border-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}:host [part~=input]{color:var(--idle-text-color);background:initial;font-size:.875rem;padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));max-height:100%;border:none;grid-area:1/2}:host(:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-expanded][readonly]:not(:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-haspopup]:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=prefix],:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=suffix]{background:rgba(0,0,0,0)}:host(:focus-within) [part^=container]::before{color:var(--focused-border-color);box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem)}:host(:focus-within) [name=prefix]::slotted(*),:host(:focus-within) [name=suffix]::slotted(*){padding-block:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([type=search]) [part=prefix]{background:var(--ig-input-group-input-prefix-background, transparent);color:var(--ig-input-group-input-prefix-color, var(--ig-primary-500))}:host([type=search]) [part=suffix]{background:var(--ig-input-group-input-suffix-background, transparent);color:var(--ig-input-group-input-suffix-color, var(--ig-primary-500))}:host([type=search]:focus-within) [part=prefix]{display:none}:host([type=search]:focus-within) [part=suffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900))}:host([readonly][type=search]:focus-within) [part=suffix]{color:var(--disabled-text-color)}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):hover) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):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~=container]::before,:host([disabled]) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--disabled-border-color)}:host(:disabled) [part^=container],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part=label]::after,:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=label]::after,:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
 //# sourceMappingURL=input.fluent.css.js.map

package/components/input/themes/shared/input.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~mhNAAmhN~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--helper-text-top-spacer: rem(5px);--input-border-size: 0.0625rem;--affix-padding: 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.~~75rem~~, -1 * 0.~~75rem~~) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part=prefix],:host [part=suffix]{font-size:.875rem;cursor:default;z-index:0}:host [part=prefix] ::slotted(),:host [part=suffix] ::slotted(){color:inherit}: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);margin-~~block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}:host [name=prefix]::slotted(),:host [name=suffix]::slotted(){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}: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)~~;--ig-subtitle-2-line-height: 1rem~~;margin-block:0 .3125rem;color:var(--idle-secondary-color)}:host [part^=container]{height:var(--size);background:var(--border-background);border:var(--input-border-size) solid rgba(0,0,0,0);border-radius:var(--border-border-radius);transition:none;cursor:text;grid-template-columns:auto 1fr auto}:host [part^=container]::before{content:\"\";position:absolute;inset:calc(var(--input-border-size)-1);width:calc(100% + var(--input-border-size)2);height:calc(100% + var(--input-border-size)2);color:var(--border-color);box-shadow:inset 0 0 0 var(--input-border-size);border-radius:var(--border-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}:host [part~=input]{color:var(--idle-text-color);background:initial;font-size:.875rem;padding-inline:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));max-height:100%;border:none;grid-area:1/2}:host(:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-expanded][readonly]:not(:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-haspopup]:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=prefix],:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=suffix]{background:rgba(0,0,0,0)}:host(:focus-within) [part^=container]::before{color:var(--focused-border-color);box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem)}:host(:focus-within) [name=prefix]::slotted(),:host(:focus-within) [name=suffix]::slotted(){padding-block:max(var(--is-large, 1)max(10px, -1 * 10px)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(8px, -1 * 8px)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(6px, -1 * 6px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([type=search]) [part=prefix]{background:var(--ig-input-group-input-prefix-background, transparent);color:var(--ig-input-group-input-prefix-color, var(--ig-primary-500))}:host([type=search]) [part=suffix]{background:var(--ig-input-group-input-suffix-background, transparent);color:var(--ig-input-group-input-suffix-color, var(--ig-primary-500))}:host([type=search]:focus-within) [part=prefix]{display:none}:host([type=search]:focus-within) [part=suffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900))}:host([readonly][type=search]:focus-within) [part=suffix]{color:var(--disabled-text-color)}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):hover) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):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~=container]::before,:host([disabled]) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--disabled-border-color)}:host(:disabled) [part^=container],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part=label]::after,:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=label]::after,:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\n"]}
1	+ {"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mkMAAmkM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--helper-text-top-spacer: rem(5px);--input-border-size: 0.0625rem;--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part=prefix],:host [part=suffix]{font-size:.875rem;cursor:default;z-index:0}:host [part=prefix] ::slotted(),:host [part=suffix] ::slotted(){color:inherit}:host ::part(helper-text){margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}:host [name=prefix]::slotted(),:host [name=suffix]::slotted(){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}: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:0 .3125rem;color:var(--idle-secondary-color)}:host [part^=container]{height:var(--size);background:var(--border-background);border:var(--input-border-size) solid rgba(0,0,0,0);border-radius:var(--border-border-radius);transition:none;cursor:text;grid-template-columns:auto 1fr auto}:host [part^=container]::before{content:\"\";position:absolute;inset:calc(var(--input-border-size)-1);width:calc(100% + var(--input-border-size)2);height:calc(100% + var(--input-border-size)2);color:var(--border-color);box-shadow:inset 0 0 0 var(--input-border-size);border-radius:var(--border-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}:host [part~=input]{color:var(--idle-text-color);background:initial;font-size:.875rem;padding-inline:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));max-height:100%;border:none;grid-area:1/2}:host(:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-expanded][readonly]:not(:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-haspopup]:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=prefix],:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=suffix]{background:rgba(0,0,0,0)}:host(:focus-within) [part^=container]::before{color:var(--focused-border-color);box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem)}:host(:focus-within) [name=prefix]::slotted(),:host(:focus-within) [name=suffix]::slotted(){padding-block:max(var(--is-large, 1)max(10px, -1 * 10px)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(8px, -1 * 8px)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(6px, -1 * 6px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([type=search]) [part=prefix]{background:var(--ig-input-group-input-prefix-background, transparent);color:var(--ig-input-group-input-prefix-color, var(--ig-primary-500))}:host([type=search]) [part=suffix]{background:var(--ig-input-group-input-suffix-background, transparent);color:var(--ig-input-group-input-suffix-color, var(--ig-primary-500))}:host([type=search]:focus-within) [part=prefix]{display:none}:host([type=search]:focus-within) [part=suffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900))}:host([readonly][type=search]:focus-within) [part=suffix]{color:var(--disabled-text-color)}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):hover) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):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~=container]::before,:host([disabled]) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--disabled-border-color)}:host(:disabled) [part^=container],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part=label]::after,:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=label]::after,:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\n"]}

package/components/input/themes/shared/input.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem)}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}: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);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))));grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}: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);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:"";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:not([disabled],[readonly]):hover) [part~=filled] [part~=input],:host(:not([disabled])[readonly][role=combobox]:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([disabled],[readonly]):hover) [part^=container],:host(:not([disabled])[readonly][role=combobox]:hover) [part^=container]{background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{background:var(--box-background-focus);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:not([aria-haspopup=dialog],[role=combobox],[disabled])[readonly]) [part^=container]{border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container],:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container]::after,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not([disabled])[role=combobox]:state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host([type=search]):host [part=prefix] ::slotted(*),:host([type=search]):host [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
+export const styles = css `:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem)}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--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));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}: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);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:"";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:not([disabled],[readonly]):hover) [part~=filled] [part~=input],:host(:not([disabled])[readonly][role=combobox]:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([disabled],[readonly]):hover) [part^=container],:host(:not([disabled])[readonly][role=combobox]:hover) [part^=container]{background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{background:var(--box-background-focus);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:not([aria-haspopup=dialog],[role=combobox],[disabled])[readonly]) [part^=container]{border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container],:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container]::after,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not([disabled])[role=combobox]:state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host([type=search]):host [part=prefix] ::slotted(*),:host([type=search]):host [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
 //# sourceMappingURL=input.indigo.css.js.map

package/components/input/themes/shared/input.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~omPAAomP~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=suffix] ::slotted(),:host [part=prefix] ::slotted(){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem)}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(~~1.125rem~~, -1 * ~~1.125rem~~), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}: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);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))));grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(),:host [part=suffix] ::slotted(){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}: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);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.125rem, -1 * 0.125rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:not([disabled],[readonly]):hover) [part~=filled] [part~=input],:host(:not([disabled])[readonly][role=combobox]:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([disabled],[readonly]):hover) [part^=container],:host(:not([disabled])[readonly][role=combobox]:hover) [part^=container]{background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{background:var(--box-background-focus);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:not([aria-haspopup=dialog],[role=combobox],[disabled])[readonly]) [part^=container]{border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container],:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container]::after,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not([disabled])[role=combobox]:state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host([type=search]):host [part=prefix] ::slotted(),:host([type=search]):host [part=suffix] ::slotted(){padding-inline:max(var(--is-large, 1)max(0.625rem, -1 * 0.625rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)max(0.625rem, -1 * 0.625rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\n"]}
1	+ {"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kyNAAkyN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=suffix] ::slotted(),:host [part=prefix] ::slotted(){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem)}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--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));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(),:host [part=suffix] ::slotted(){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}: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);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)max(0.375rem, -1 0.375rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.125rem, -1 * 0.125rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:not([disabled],[readonly]):hover) [part~=filled] [part~=input],:host(:not([disabled])[readonly][role=combobox]:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([disabled],[readonly]):hover) [part^=container],:host(:not([disabled])[readonly][role=combobox]:hover) [part^=container]{background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{background:var(--box-background-focus);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:not([aria-haspopup=dialog],[role=combobox],[disabled])[readonly]) [part^=container]{border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container],:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container]::after,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not([disabled])[role=combobox]:state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host([type=search]):host [part=prefix] ::slotted(),:host([type=search]):host [part=suffix] ::slotted(){padding-inline:max(var(--is-large, 1)max(0.625rem, -1 * 0.625rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)max(0.625rem, -1 * 0.625rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\n"]}

package/components/input/themes/shared/input.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: 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 ::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);margin-block-start:.25rem;grid-auto-rows:minmax(1.125rem, auto);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))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}input:-moz-placeholder+[part=notch] [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)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [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)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [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);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;
+export const styles = css `input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: 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 ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);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))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}input:-moz-placeholder+[part=notch] [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)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [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)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [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);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;
 //# sourceMappingURL=input.material.css.js.map

package/components/input/themes/shared/input.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ixtBAAixtB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(),[part=start]>[part=prefix] ::slotted(){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: 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 ::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);margin-block-start:.25rem;grid-auto-rows:minmax(1.125rem, auto);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))))}[part=prefix] ::slotted(),[part=suffix] ::slotted(){color:inherit}input:-moz-placeholder+[part=notch] [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)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [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)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)max(0.75rem, -1 0.75rem),var(--is-small, 1)max(0.625rem, -1 0.625rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [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);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)max(1.25rem, -1 1.25rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(1.25rem, -1 * 1.25rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(1.25rem, -1 * 1.25rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(){padding-block:max(var(--is-large, 1)max(0.875rem, -1 * 0.875rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;\n"]}
1	+ {"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yzsBAAyzsB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(),[part=start]>[part=prefix] ::slotted(){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: 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 ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);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))))}[part=prefix] ::slotted(),[part=suffix] ::slotted(){color:inherit}input:-moz-placeholder+[part=notch] [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)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [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)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)max(0.625rem, -1 0.625rem),var(--is-small, 1)max(0.5rem, -1 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [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);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)max(1.25rem, -1 1.25rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(1.25rem, -1 * 1.25rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(1.25rem, -1 * 1.25rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(){padding-block:max(var(--is-large, 1)max(0.875rem, -1 * 0.875rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;\n"]}

package/components/input/validators.js CHANGED Viewed

@@ -16,9 +16,9 @@ export const stringValidators = [
                     return true;
             }
         },
-        message: (host) => (host.type === 'email'
-            ? emailValidator.message
-            : urlValidator.message),
+        messageResourceKey: (host) => (host.type === 'email'
+            ? emailValidator.messageResourceKey
+            : urlValidator.messageResourceKey),
     },
 ];
 export const numberValidators = [

package/components/input/validators.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/input/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,YAAY,GAEb,MAAM,yBAAyB,CAAC;AAGjC,MAAM,CAAC,MAAM,gBAAgB,GAAmC;IAC9D,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB;QACE,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;gBAClB,KAAK,OAAO;oBACV,OAAO,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACtC,KAAK,KAAK;oBACR,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACpC;oBACE,OAAO,IAAI,CAAC;YAChB,CAAC;QACH,CAAC;QACD,~~OAAO~~,EAAE,CAAC,IAAI,EAAE,EAAE,~~CAChB~~,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO;YACpB,CAAC,CAAC,cAAc,CAAC,~~OAAO~~;~~YACxB~~,CAAC,CAAC,YAAY,CAAC,~~OAAO~~,CAAW;~~KACtC~~;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAmC;IAC9D,iBAAiB;IACjB,YAAY;IACZ,YAAY;IACZ,aAAa;CACd,CAAC","sourcesContent":["import {\n emailValidator,\n maxLengthValidator,\n maxValidator,\n minLengthValidator,\n minValidator,\n patternValidator,\n requiredValidator,\n stepValidator,\n urlValidator,\n type Validator,\n} from '../common/validators.js';\nimport type IgcInputComponent from './input.js';\n\nexport const stringValidators: Validator<IgcInputComponent>[] = [\n requiredValidator,\n minLengthValidator,\n maxLengthValidator,\n patternValidator,\n {\n key: 'typeMismatch',\n isValid: (host) => {\n switch (host.type) {\n case 'email':\n return emailValidator.isValid(host);\n case 'url':\n return urlValidator.isValid(host);\n default:\n return true;\n }\n },\n ~~message~~: (host) =>\n (host.type === 'email'\n ? emailValidator.~~message~~\n : urlValidator.~~message~~) as string,\n },\n];\n\nexport const numberValidators: Validator<IgcInputComponent>[] = [\n requiredValidator,\n minValidator,\n maxValidator,\n stepValidator,\n];\n"]}
1	+ {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/input/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,YAAY,GAEb,MAAM,yBAAyB,CAAC;AAGjC,MAAM,CAAC,MAAM,gBAAgB,GAAmC;IAC9D,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB;QACE,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;gBAClB,KAAK,OAAO;oBACV,OAAO,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACtC,KAAK,KAAK;oBACR,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACpC;oBACE,OAAO,IAAI,CAAC;YAChB,CAAC;QACH,CAAC;QACD,kBAAkB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC3B,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO;YACpB,CAAC,CAAC,cAAc,CAAC,kBAAkB;YACnC,CAAC,CAAC,YAAY,CAAC,kBAAkB,CAAW;KACjD;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAmC;IAC9D,iBAAiB;IACjB,YAAY;IACZ,YAAY;IACZ,aAAa;CACd,CAAC","sourcesContent":["import {\n emailValidator,\n maxLengthValidator,\n maxValidator,\n minLengthValidator,\n minValidator,\n patternValidator,\n requiredValidator,\n stepValidator,\n urlValidator,\n type Validator,\n} from '../common/validators.js';\nimport type IgcInputComponent from './input.js';\n\nexport const stringValidators: Validator<IgcInputComponent>[] = [\n requiredValidator,\n minLengthValidator,\n maxLengthValidator,\n patternValidator,\n {\n key: 'typeMismatch',\n isValid: (host) => {\n switch (host.type) {\n case 'email':\n return emailValidator.isValid(host);\n case 'url':\n return urlValidator.isValid(host);\n default:\n return true;\n }\n },\n messageResourceKey: (host) =>\n (host.type === 'email'\n ? emailValidator.messageResourceKey\n : urlValidator.messageResourceKey) as string,\n },\n];\n\nexport const numberValidators: Validator<IgcInputComponent>[] = [\n requiredValidator,\n minValidator,\n maxValidator,\n stepValidator,\n];\n"]}

package/components/mask-input/validators.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import messages from '../common/localization/validation-en.js';
+import { validationResourcesKeys } from '../common/i18n/utils.js';
 import { requiredValidator } from '../common/validators.js';
 export const maskValidators = [
     requiredValidator,
     {
         key: 'badInput',
-        message: messages.mask,
+        messageResourceKey: validationResourcesKeys.mask,
         isValid: ({ _parser, _maskedValue }) => _parser.isValidString(_maskedValue),
     },
 ];

package/components/mask-input/validators.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/mask-input/validators.ts"],"names":[],"mappings":"AAAA,OAAO,~~QAAQ~~,MAAM,~~yCAAyC~~,CAAC;~~AAC/D~~,OAAO,EAAE,iBAAiB,EAAkB,MAAM,yBAAyB,CAAC;AAG5E,MAAM,CAAC,MAAM,cAAc,GAAuC;IAChE,iBAAiB;IACjB;QACE,GAAG,EAAE,UAAU;QACf,~~OAAO~~,EAAE,~~QAAQ~~,CAAC,IAAI;~~QAEtB~~,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC;KAC5E;CACF,CAAC","sourcesContent":["import ~~messages~~ from '../common/~~localization~~/~~validation-en~~.js';\nimport { requiredValidator, type Validator } from '../common/validators.js';\nimport type IgcMaskInputComponent from './mask-input.js';\n\nexport const maskValidators: Validator<IgcMaskInputComponent>[] = [\n requiredValidator,\n {\n key: 'badInput',\n ~~message~~: ~~messages~~.mask,\n // @ts-expect-error - protected access\n isValid: ({ _parser, _maskedValue }) => _parser.isValidString(_maskedValue),\n },\n];\n"]}
1	+ {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/mask-input/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAkB,MAAM,yBAAyB,CAAC;AAG5E,MAAM,CAAC,MAAM,cAAc,GAAuC;IAChE,iBAAiB;IACjB;QACE,GAAG,EAAE,UAAU;QACf,kBAAkB,EAAE,uBAAuB,CAAC,IAAI;QAEhD,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC;KAC5E;CACF,CAAC","sourcesContent":["import { validationResourcesKeys } from '../common/i18n/utils.js';\nimport { requiredValidator, type Validator } from '../common/validators.js';\nimport type IgcMaskInputComponent from './mask-input.js';\n\nexport const maskValidators: Validator<IgcMaskInputComponent>[] = [\n requiredValidator,\n {\n key: 'badInput',\n messageResourceKey: validationResourcesKeys.mask,\n // @ts-expect-error - protected access\n isValid: ({ _parser, _maskedValue }) => _parser.isValidString(_maskedValue),\n },\n];\n"]}

package/components/radio/validators.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import messages from '../common/localization/validation-en.js';
+import { validationResourcesKeys } from '../common/i18n/utils.js';
 import { getGroup } from './utils.js';
 export const radioValidators = [
     {
         key: 'valueMissing',
-        message: messages.required,
+        messageResourceKey: validationResourcesKeys.required,
         isValid: (host) => {
             const { radios, checked } = getGroup(host);
             return radios.some((radio) => radio.required) ? checked.length > 0 : true;

package/components/radio/validators.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/radio/validators.ts"],"names":[],"mappings":"AAAA,OAAO,~~QAAQ~~,MAAM,~~yCAAyC~~,CAAC;~~AAG/D~~,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAmC;IAC7D;QACE,GAAG,EAAE,cAAc;QACnB,~~OAAO~~,EAAE,~~QAAQ~~,CAAC,QAAQ;~~QAC1B~~,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC3C,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC5E,CAAC;KACF;CACF,CAAC","sourcesContent":["import ~~messages~~ from '../common/~~localization~~/~~validation-en~~.js';\nimport type { Validator } from '../common/validators.js';\nimport type IgcRadioComponent from './radio.js';\nimport { getGroup } from './utils.js';\n\nexport const radioValidators: Validator<IgcRadioComponent>[] = [\n {\n key: 'valueMissing',\n ~~message~~: ~~messages~~.required,\n isValid: (host) => {\n const { radios, checked } = getGroup(host);\n return radios.some((radio) => radio.required) ? checked.length > 0 : true;\n },\n },\n];\n"]}
1	+ {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/radio/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAGlE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAmC;IAC7D;QACE,GAAG,EAAE,cAAc;QACnB,kBAAkB,EAAE,uBAAuB,CAAC,QAAQ;QACpD,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC3C,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC5E,CAAC;KACF;CACF,CAAC","sourcesContent":["import { validationResourcesKeys } from '../common/i18n/utils.js';\nimport type { Validator } from '../common/validators.js';\nimport type IgcRadioComponent from './radio.js';\nimport { getGroup } from './utils.js';\n\nexport const radioValidators: Validator<IgcRadioComponent>[] = [\n {\n key: 'valueMissing',\n messageResourceKey: validationResourcesKeys.required,\n isValid: (host) => {\n const { radios, checked } = getGroup(host);\n return radios.some((radio) => radio.required) ? checked.length > 0 : true;\n },\n },\n];\n"]}

package/components/select/themes/select.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{display:flex;font-family:var(--ig-font-family)}[part=base]{overflow:hidden auto;min-width:7rem;z-index:10005}:host{display:block}[role=combobox]{outline-style:none}:host([disabled]) [role=combobox]{pointer-events:none}igc-input,igc-icon{--component-size: var(--select-size) !important;cursor:pointer}igc-input::part(input){cursor:pointer}igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}igc-input::part(input)::selection{background:rgba(0,0,0,0)}igc-validator{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);line-height:1}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:flex}`;
+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;font-family:var(--ig-font-family)}[part=base]{overflow:hidden auto;min-width:7rem;z-index:10005}:host{display:block}: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}[role=combobox]{outline-style:none}:host([disabled]) [role=combobox]{pointer-events:none}igc-input,igc-icon{--component-size: var(--select-size) !important;cursor:pointer}igc-input::part(input){cursor:pointer}igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}igc-input::part(input)::selection{background:rgba(0,0,0,0)}igc-validator{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);line-height:1}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:flex}`;
 //# sourceMappingURL=select.base.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select.base.css.js","sourceRoot":"","sources":["../../../../src/components/select/themes/select.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~m5DAAm5D~~,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;font-family:var(--ig-font-family)}[part=base]{overflow:hidden auto;min-width:7rem;z-index:10005}:host{display:block}[role=combobox]{outline-style:none}:host([disabled]) [role=combobox]{pointer-events:none}igc-input,igc-icon{--component-size: var(--select-size) !important;cursor:pointer}igc-input::part(input){cursor:pointer}igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}igc-input::part(input)::selection{background:rgba(0,0,0,0)}igc-validator{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);line-height:1}[name=prefix]::slotted(),[name=suffix]::slotted(*){display:flex}`;\n"]}
1	+ {"version":3,"file":"select.base.css.js","sourceRoot":"","sources":["../../../../src/components/select/themes/select.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{display:flex;font-family:var(--ig-font-family)}[part=base]{overflow:hidden auto;min-width:7rem;z-index:10005}:host{display:block}: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}[role=combobox]{outline-style:none}:host([disabled]) [role=combobox]{pointer-events:none}igc-input,igc-icon{--component-size: var(--select-size) !important;cursor:pointer}igc-input::part(input){cursor:pointer}igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}igc-input::part(input)::selection{background:rgba(0,0,0,0)}igc-validator{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);line-height:1}[name=prefix]::slotted(),[name=suffix]::slotted(*){display:flex}`;\n"]}

package/components/select/themes/shared/select.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}: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);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))));grid-auto-rows:minmax(1.125rem, auto)}[part=base]{box-shadow:var(--ig-elevation-4)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host(:not(:state(ig-invalid)):focus-within) igc-input[readonly]:not([disabled])::part(container)::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--focused-border-color)}:host(:disabled) igc-validator,:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host ::part(helper-text){color:var(--helper-text-color);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))));grid-auto-rows:minmax(1.125rem, auto)}[part=base]{box-shadow:var(--ig-elevation-4)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host(:not(:state(ig-invalid)):focus-within) igc-input[readonly]:not([disabled])::part(container)::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--focused-border-color)}:host(:disabled) igc-validator,:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
 //# sourceMappingURL=select.fluent.css.js.map

package/components/select/themes/shared/select.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~w2DAAw2D,~~CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}: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);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))));grid-auto-rows:minmax(1.125rem, auto)}[part=base]{box-shadow:var(--ig-elevation-4)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host(:not(:state(ig-invalid)):focus-within) igc-input[readonly]:not([disabled])::part(container)::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--focused-border-color)}:host(:disabled) igc-validator,:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}
1	+ {"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+8CAA+8C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host ::part(helper-text){color:var(--helper-text-color);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))));grid-auto-rows:minmax(1.125rem, auto)}[part=base]{box-shadow:var(--ig-elevation-4)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host(:not(:state(ig-invalid)):focus-within) igc-input[readonly]:not([disabled])::part(container)::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--focused-border-color)}:host(:disabled) igc-validator,:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}

package/components/select/themes/shared/select.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}: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);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))));grid-auto-rows:minmax(0.9375rem, auto)}:host igc-input::part(input){color:var(--filled-text-color)}:host igc-input::part(container){padding-inline:0}:host igc-icon,:host ::slotted(igc-icon){--size: var(--input-icon) !important}[part=base]{outline:var(--border-width) solid var(--border-color);padding:max(var(--is-large, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}:host(:hover) [part~=toggle-icon]{color:var(--toggle-button-foreground-focus)}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) igc-input::part(container){background:var(--box-background-hover)}:host(:focus-within) igc-input::part(container)::after{transform:scaleY(1)}:host(:not([disabled]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:not([disabled]):state(ig-invalid)) ::part(validation-icon),:host(:not(:disabled):state(ig-invalid)) ::part(validation-icon){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input),:host([disabled]) igc-input::part(input){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host ::part(helper-text){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))));grid-auto-rows:minmax(0.9375rem, auto)}:host igc-input::part(input){color:var(--filled-text-color)}:host igc-input::part(container){padding-inline:0}:host igc-icon,:host ::slotted(igc-icon){--size: var(--input-icon) !important}[part=base]{outline:var(--border-width) solid var(--border-color);padding:max(var(--is-large, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}:host(:hover) [part~=toggle-icon]{color:var(--toggle-button-foreground-focus)}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) igc-input::part(container){background:var(--box-background-hover)}:host(:focus-within) igc-input::part(container)::after{transform:scaleY(1)}:host(:not([disabled]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:not([disabled]):state(ig-invalid)) ::part(validation-icon),:host(:not(:disabled):state(ig-invalid)) ::part(validation-icon){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input),:host([disabled]) igc-input::part(input){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
 //# sourceMappingURL=select.indigo.css.js.map

package/components/select/themes/shared/select.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~mvFAAmvF~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}: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);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))));grid-auto-rows:minmax(0.9375rem, auto)}:host igc-input::part(input){color:var(--filled-text-color)}:host igc-input::part(container){padding-inline:0}:host igc-icon,:host ::slotted(igc-icon){--size: var(--input-icon) !important}[part=base]{outline:var(--border-width) solid var(--border-color);padding:max(var(--is-large, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}:host(:hover) [part~=toggle-icon]{color:var(--toggle-button-foreground-focus)}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) igc-input::part(container){background:var(--box-background-hover)}:host(:focus-within) igc-input::part(container)::after{transform:scaleY(1)}:host(:not([disabled]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:not([disabled]):state(ig-invalid)) ::part(validation-icon),:host(:not(:disabled):state(ig-invalid)) ::part(validation-icon){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input),:host([disabled]) igc-input::part(input){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}
1	+ {"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.indigo.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{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host ::part(helper-text){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))));grid-auto-rows:minmax(0.9375rem, auto)}:host igc-input::part(input){color:var(--filled-text-color)}:host igc-input::part(container){padding-inline:0}:host igc-icon,:host ::slotted(igc-icon){--size: var(--input-icon) !important}[part=base]{outline:var(--border-width) solid var(--border-color);padding:max(var(--is-large, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}:host(:hover) [part~=toggle-icon]{color:var(--toggle-button-foreground-focus)}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) igc-input::part(container){background:var(--box-background-hover)}:host(:focus-within) igc-input::part(container)::after{transform:scaleY(1)}:host(:not([disabled]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:not([disabled]):state(ig-invalid)) ::part(validation-icon),:host(:not(:disabled):state(ig-invalid)) ::part(validation-icon){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input),:host([disabled]) igc-input::part(input){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}

package/components/select/themes/shared/select.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{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)))) 0}:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}: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);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))));grid-auto-rows:minmax(1.125rem, auto)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input:not(:state(ig-invalid))::part(notch){border-bottom-width:.125rem;border-bottom-color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border)}:host(:not(:state(ig-invalid),[outlined]):focus-within) igc-input::part(container){background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined]):focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}[part="toggle-icon filled"]{color:var(--toggle-button-foreground-filled)}:host([disabled]) igc-input::part(input)::-moz-selection, :host(:disabled) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host([disabled]) igc-input::part(input)::selection,:host(:disabled) igc-input::part(input)::selection{background:rgba(0,0,0,0)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}:host(:disabled[outlined]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][disabled]) igc-input::part(filled)+igc-input::part(notch){border-top-color:rgba(0,0,0,0)}`;
+export const styles = css `[part=base]{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)))) 0}:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host ::part(helper-text){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(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))));grid-auto-rows:minmax(1.125rem, auto)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input:not(:state(ig-invalid))::part(notch){border-bottom-width:.125rem;border-bottom-color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border)}:host(:not(:state(ig-invalid),[outlined]):focus-within) igc-input::part(container){background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined]):focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}[part="toggle-icon filled"]{color:var(--toggle-button-foreground-filled)}:host([disabled]) igc-input::part(input)::-moz-selection, :host(:disabled) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host([disabled]) igc-input::part(input)::selection,:host(:disabled) igc-input::part(input)::selection{background:rgba(0,0,0,0)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}:host(:disabled[outlined]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][disabled]) igc-input::part(filled)+igc-input::part(notch){border-top-color:rgba(0,0,0,0)}`;
 //# sourceMappingURL=select.material.css.js.map