npm - igniteui-webcomponents - Versions diffs - 6.3.0-alpha.0 → 6.3.0-alpha.1 - Mend

igniteui-webcomponents 6.3.0-alpha.0 → 6.3.0-alpha.1

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 (269) hide show

package/components/textarea/themes/shared/textarea.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);--component-size: var(--ig-size, var(--default-size))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}[part~=label]{position:static;display:block;padding:0;transform:translateY(0);transform-origin:top left;margin-block:0 .25rem;height:auto;font-size:1rem}[part~=prefixed] [part~=prefix]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);overflow:hidden;border-inline-end-width:0;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}[part~=prefixed] textarea{border-start-start-radius:0;border-end-start-radius:0}[part~=suffixed] [part~=suffix]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);overflow:hidden;border-inline-start-width:0;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}[part~=suffixed] textarea{border-start-end-radius:0;border-end-end-radius:0}textarea{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);border:.0625rem solid var(--border-color);padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));border-radius:var(--border-border-radius);z-index:1;font-size:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));transition:box-shadow .15s ease-out,border .15s ease-out}:host(:focus-within){color:var(--input-prefix-color--focused)}:host(:focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host(:focus-within) textarea{border:.0625rem solid var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}:host([readonly]) [part~=prefix],:host([readonly]) [part~=suffix],:host([readonly]) textarea{background:var(--border-disabled-background)}:host([readonly]) [part~=prefix],:host([readonly]) [part~=suffix]{color:var(--disabled-text-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) textarea,:host(:not([disabled],[readonly]):state(ig-invalid)) textarea{border:.0625rem solid var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid):focus-within) textarea,:host(:not([disabled],[readonly])):state(ig-invalid):focus-within textarea{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background);border-color:var(--disabled-border-color)}:host(:disabled) textarea,:host([disabled]) textarea{background:var(--border-disabled-background);border:.0625rem solid var(--disabled-border-color);box-shadow:none}`;
+export const styles = css `:host{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);--component-size: var(--ig-size, var(--default-size));--affix-padding: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem) * 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.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}:host ::slotted([slot=prefix]),:host ::slotted([slot=suffix]){height:100%;display:flex;align-items:center}[part~=label]{position:static;display:block;padding:0;transform:translateY(0);transform-origin:top left;margin-block:0 .25rem;height:auto;font-size:1rem}[part~=prefixed] [part~=prefix]{border-block-width:.0625rem;border-style:solid;border-color:var(--border-color);overflow:hidden;border-inline-width:0;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}[part~=prefixed] textarea{border-start-start-radius:0;border-end-start-radius:0}[part~=suffixed] [part~=suffix]{border-block-width:.0625rem;border-style:solid;border-color:var(--border-color);overflow:hidden;border-inline-width:0;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}[part~=suffixed] textarea{border-start-end-radius:0;border-end-end-radius:0}textarea{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);border:.0625rem solid var(--border-color);padding-block: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.375rem, -1 * 0.375rem)*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))));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.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))));border-radius:var(--border-border-radius);z-index:1;font-size:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));transition:box-shadow .15s ease-out,border .15s ease-out}:host(:focus-within){color:var(--input-prefix-color--focused)}:host(:focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host(:focus-within) textarea{border:.0625rem solid var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}:host([readonly]) [part~=prefix],:host([readonly]) [part~=suffix],:host([readonly]) textarea{background:var(--border-disabled-background)}:host([readonly]) [part~=prefix],:host([readonly]) [part~=suffix]{color:var(--disabled-text-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) textarea,:host(:not([disabled],[readonly]):state(ig-invalid)) textarea{border:.0625rem solid var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid):focus-within) textarea,:host(:not([disabled],[readonly])):state(ig-invalid):focus-within textarea{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background);border-color:var(--disabled-border-color)}:host(:disabled) textarea,:host([disabled]) textarea{background:var(--border-disabled-background);border:.0625rem solid var(--disabled-border-color);box-shadow:none}:host(:disabled) ::slotted([slot=suffix]),:host([disabled]) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:disabled) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}:host(:not([disabled])) ::slotted([slot=suffix]),:host(:not(:disabled)) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}:host(:not([disabled])) ::slotted([slot=prefix]),:host(:not(:disabled)) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}`;
 //# sourceMappingURL=textarea.bootstrap.css.js.map

package/components/textarea/themes/shared/textarea.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~yvJAAyvJ~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);--component-size: var(--ig-size, var(--default-size))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}[part~=label]{position:static;display:block;padding:0;transform:translateY(0);transform-origin:top left;margin-block:0 .25rem;height:auto;font-size:1rem}[part~=prefixed] [part~=prefix]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);overflow:hidden;border-inline-~~end-~~width:0;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}[part~=prefixed] textarea{border-start-start-radius:0;border-end-start-radius:0}[part~=suffixed] [part~=suffix]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);overflow:hidden;border-inline-~~start-~~width:0;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}[part~=suffixed] textarea{border-start-end-radius:0;border-end-end-radius:0}textarea{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);border:.0625rem solid var(--border-color);padding-block:max(var(--is-large, 1)max(0.5rem, -1 0.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-inline:max(var(--is-large, 1)max(1rem, -1 * 1rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));border-radius:var(--border-border-radius);z-index:1;font-size:max(var(--is-large, 1)max(1.25rem, -1 * 1.25rem)var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)max(1rem, -1 * 1rem)var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));transition:box-shadow .15s ease-out,border .15s ease-out}:host(:focus-within){color:var(--input-prefix-color--focused)}:host(:focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host(:focus-within) textarea{border:.0625rem solid var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}:host([readonly]) [part~=prefix],:host([readonly]) [part~=suffix],:host([readonly]) textarea{background:var(--border-disabled-background)}:host([readonly]) [part~=prefix],:host([readonly]) [part~=suffix]{color:var(--disabled-text-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) textarea,:host(:not([disabled],[readonly]):state(ig-invalid)) textarea{border:.0625rem solid var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid):focus-within) textarea,:host(:not([disabled],[readonly])):state(ig-invalid):focus-within textarea{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background);border-color:var(--disabled-border-color)}:host(:disabled) textarea,:host([disabled]) textarea{background:var(--border-disabled-background);border:.0625rem solid var(--disabled-border-color);box-shadow:none}`;\n"]}
1	+ {"version":3,"file":"textarea.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,83LAA83L,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);--component-size: var(--ig-size, var(--default-size));--affix-padding: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem) * 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.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}:host ::slotted([slot=prefix]),:host ::slotted([slot=suffix]){height:100%;display:flex;align-items:center}[part~=label]{position:static;display:block;padding:0;transform:translateY(0);transform-origin:top left;margin-block:0 .25rem;height:auto;font-size:1rem}[part~=prefixed] [part~=prefix]{border-block-width:.0625rem;border-style:solid;border-color:var(--border-color);overflow:hidden;border-inline-width:0;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}[part~=prefixed] textarea{border-start-start-radius:0;border-end-start-radius:0}[part~=suffixed] [part~=suffix]{border-block-width:.0625rem;border-style:solid;border-color:var(--border-color);overflow:hidden;border-inline-width:0;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}[part~=suffixed] textarea{border-start-end-radius:0;border-end-end-radius:0}textarea{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);border:.0625rem solid var(--border-color);padding-block: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.375rem, -1 * 0.375rem)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))));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.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))));border-radius:var(--border-border-radius);z-index:1;font-size:max(var(--is-large, 1)max(1.25rem, -1 * 1.25rem)var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)max(1rem, -1 * 1rem)var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));transition:box-shadow .15s ease-out,border .15s ease-out}:host(:focus-within){color:var(--input-prefix-color--focused)}:host(:focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host(:focus-within) textarea{border:.0625rem solid var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}:host([readonly]) [part~=prefix],:host([readonly]) [part~=suffix],:host([readonly]) textarea{background:var(--border-disabled-background)}:host([readonly]) [part~=prefix],:host([readonly]) [part~=suffix]{color:var(--disabled-text-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) textarea,:host(:not([disabled],[readonly]):state(ig-invalid)) textarea{border:.0625rem solid var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid):focus-within) textarea,:host(:not([disabled],[readonly])):state(ig-invalid):focus-within textarea{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background);border-color:var(--disabled-border-color)}:host(:disabled) textarea,:host([disabled]) textarea{background:var(--border-disabled-background);border:.0625rem solid var(--disabled-border-color);box-shadow:none}:host(:disabled) ::slotted([slot=suffix]),:host([disabled]) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:disabled) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}:host(:not([disabled])) ::slotted([slot=suffix]),:host(:not(:disabled)) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}:host(:not([disabled])) ::slotted([slot=prefix]),:host(:not(:disabled)) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}`;\n"]}

package/components/textarea/themes/shared/textarea.common.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=prefixed] [part~=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part~=suffixed] [part~=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=filled] [part~=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part~=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=label]{color:var(--idle-secondary-color)}textarea{background:rgba(0,0,0,0);color:var(--filled-text-color)}textarea::-moz-placeholder{color:var(--placeholder-color)}textarea::placeholder{color:var(--placeholder-color)}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([readonly]):hover) textarea::-moz-placeholder, :host(:focus) textarea::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:not([readonly]):hover) textarea::placeholder,:host(:focus) textarea::placeholder{color:var(--hover-placeholder-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){color:var(--disabled-text-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{color:var(--disabled-text-color);background:inherit}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) textarea,:host([disabled]) textarea{color:var(--disabled-text-color)}:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::placeholder,:host([disabled]) textarea::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--disabled-text-color)}`;
+export const styles = css `[part~=prefixed] [part~=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part~=suffixed] [part~=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=filled] [part~=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part~=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=label]{color:var(--idle-secondary-color)}textarea{background:rgba(0,0,0,0);color:var(--filled-text-color)}textarea::-moz-placeholder{color:var(--placeholder-color)}textarea::placeholder{color:var(--placeholder-color)}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([readonly]):hover) textarea::-moz-placeholder, :host(:focus) textarea::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:not([readonly]):hover) textarea::placeholder,:host(:focus) textarea::placeholder{color:var(--hover-placeholder-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){color:var(--disabled-text-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{color:var(--disabled-text-color);background:inherit}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) textarea,:host([disabled]) textarea{color:var(--disabled-text-color)}:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::placeholder,:host([disabled]) textarea::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--disabled-text-color)}::slotted([slot=suffix]),::slotted([slot=prefix]){padding-inline:var(--affix-padding)}`;
 //# sourceMappingURL=textarea.common.css.js.map

package/components/textarea/themes/shared/textarea.common.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.common.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~6gEAA6gE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=prefixed] [part~=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part~=suffixed] [part~=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=filled] [part~=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part~=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=label]{color:var(--idle-secondary-color)}textarea{background:rgba(0,0,0,0);color:var(--filled-text-color)}textarea::-moz-placeholder{color:var(--placeholder-color)}textarea::placeholder{color:var(--placeholder-color)}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([readonly]):hover) textarea::-moz-placeholder, :host(:focus) textarea::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:not([readonly]):hover) textarea::placeholder,:host(:focus) textarea::placeholder{color:var(--hover-placeholder-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){color:var(--disabled-text-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{color:var(--disabled-text-color);background:inherit}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) textarea,:host([disabled]) textarea{color:var(--disabled-text-color)}:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::placeholder,:host([disabled]) textarea::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--disabled-text-color)}`;\n"]}
1	+ {"version":3,"file":"textarea.common.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mmEAAmmE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=prefixed] [part~=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part~=suffixed] [part~=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=filled] [part~=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part~=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=label]{color:var(--idle-secondary-color)}textarea{background:rgba(0,0,0,0);color:var(--filled-text-color)}textarea::-moz-placeholder{color:var(--placeholder-color)}textarea::placeholder{color:var(--placeholder-color)}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([readonly]):hover) textarea::-moz-placeholder, :host(:focus) textarea::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:not([readonly]):hover) textarea::placeholder,:host(:focus) textarea::placeholder{color:var(--hover-placeholder-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){color:var(--disabled-text-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{color:var(--disabled-text-color);background:inherit}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) textarea,:host([disabled]) textarea{color:var(--disabled-text-color)}:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::placeholder,:host([disabled]) textarea::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--disabled-text-color)}::slotted([slot=suffix]),::slotted([slot=prefix]){padding-inline:var(--affix-padding)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{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);--component-size: var(--ig-size, var(--default-size));--textarea-border-size: 0.0625rem}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem}[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;display:block;position:static;transform:translateY(0);transform-origin:top left;height:auto}[part~=container]{position:relative;background:var(--border-background);border:var(--textarea-border-size) solid rgba(0,0,0,0);align-items:stretch;border-radius:var(--border-border-radius)}[part~=container]::before{content:"";position:absolute;inset:calc(var(--textarea-border-size)*-1);width:calc(100% + var(--textarea-border-size)*2);height:calc(100% + var(--textarea-border-size)*2);box-shadow:inset 0 0 0 var(--textarea-border-size) var(--border-color);border-radius:var(--border-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}:host(:not([readonly],:focus-within):hover) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--hover-border-color)}:host(:focus-within) [part~=container]::before{box-shadow:inset 0 0 0 calc(var(--textarea-border-size) + 0.0625rem) var(--focused-border-color)}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix]{background:rgba(0,0,0,0)}textarea{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);padding:.5rem}:host([required]:not(:disabled)) [part~=label]::after,:host([required]:not([disabled])) [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)) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid):focus-within) [part^=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part^=container]::before{box-shadow:inset 0 0 0 calc(var(--textarea-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled) [part~=container]::before,:host([disabled]) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--disabled-border-color)}`;
+export const styles = css `:host{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);--component-size: var(--ig-size, var(--default-size));--textarea-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(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem}[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;display:block;position:static;transform:translateY(0);transform-origin:top left;height:auto}[part~=container]{position:relative;background:var(--border-background);border:var(--textarea-border-size) solid rgba(0,0,0,0);align-items:stretch;border-radius:var(--border-border-radius)}[part~=container]::before{content:"";position:absolute;inset:calc(var(--textarea-border-size)*-1);width:calc(100% + var(--textarea-border-size)*2);height:calc(100% + var(--textarea-border-size)*2);box-shadow:inset 0 0 0 var(--textarea-border-size) var(--border-color);border-radius:var(--border-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}:host(:not([readonly],:focus-within):hover) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--hover-border-color)}:host(:focus-within) [part~=container]::before{box-shadow:inset 0 0 0 calc(var(--textarea-border-size) + 0.0625rem) var(--focused-border-color)}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix]{background:rgba(0,0,0,0)}textarea{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);padding:.5rem}:host([required]:not(:disabled)) [part~=label]::after,:host([required]:not([disabled])) [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)) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid):focus-within) [part^=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part^=container]::before{box-shadow:inset 0 0 0 calc(var(--textarea-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled) [part~=container]::before,:host([disabled]) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--disabled-border-color)}`;
 //# sourceMappingURL=textarea.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~i4HAAi4H~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{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);--component-size: var(--ig-size, var(--default-size));--textarea-border-size: 0.0625rem}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem}[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;display:block;position:static;transform:translateY(0);transform-origin:top left;height:auto}[part~=container]{position:relative;background:var(--border-background);border:var(--textarea-border-size) solid rgba(0,0,0,0);align-items:stretch;border-radius:var(--border-border-radius)}[part~=container]::before{content:\"\";position:absolute;inset:calc(var(--textarea-border-size)-1);width:calc(100% + var(--textarea-border-size)2);height:calc(100% + var(--textarea-border-size)*2);box-shadow:inset 0 0 0 var(--textarea-border-size) var(--border-color);border-radius:var(--border-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}:host(:not([readonly],:focus-within):hover) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--hover-border-color)}:host(:focus-within) [part~=container]::before{box-shadow:inset 0 0 0 calc(var(--textarea-border-size) + 0.0625rem) var(--focused-border-color)}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix]{background:rgba(0,0,0,0)}textarea{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);padding:.5rem}:host([required]:not(:disabled)) [part~=label]::after,:host([required]:not([disabled])) [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)) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid):focus-within) [part^=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part^=container]::before{box-shadow:inset 0 0 0 calc(var(--textarea-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled) [part~=container]::before,:host([disabled]) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--disabled-border-color)}`;\n"]}
1	+ {"version":3,"file":"textarea.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6wIAA6wI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{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);--component-size: var(--ig-size, var(--default-size));--textarea-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(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem}[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;display:block;position:static;transform:translateY(0);transform-origin:top left;height:auto}[part~=container]{position:relative;background:var(--border-background);border:var(--textarea-border-size) solid rgba(0,0,0,0);align-items:stretch;border-radius:var(--border-border-radius)}[part~=container]::before{content:\"\";position:absolute;inset:calc(var(--textarea-border-size)-1);width:calc(100% + var(--textarea-border-size)2);height:calc(100% + var(--textarea-border-size)*2);box-shadow:inset 0 0 0 var(--textarea-border-size) var(--border-color);border-radius:var(--border-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}:host(:not([readonly],:focus-within):hover) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--hover-border-color)}:host(:focus-within) [part~=container]::before{box-shadow:inset 0 0 0 calc(var(--textarea-border-size) + 0.0625rem) var(--focused-border-color)}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix]{background:rgba(0,0,0,0)}textarea{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);padding:.5rem}:host([required]:not(:disabled)) [part~=label]::after,:host([required]:not([disabled])) [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)) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid):focus-within) [part^=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part^=container]::before{box-shadow:inset 0 0 0 calc(var(--textarea-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled) [part~=container]::before,:host([disabled]) [part~=container]::before{box-shadow:inset 0 0 0 var(--textarea-border-size) var(--disabled-border-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{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);--component-size: var(--ig-size, var(--default-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 ::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);grid-auto-rows:minmax(0.9375rem, auto);margin-block-start:.25rem}:host(:not([readonly],:focus-within):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([readonly],:focus-within):hover) [part~=container]::after{border-color:var(--hover-bottom-line-color)}:host(:not([readonly],:focus-within):hover) textarea{color:var(--filled-text-hover-color)}:host(:focus-within) [part~=label],:host([readonly]:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=container],:host([readonly]:focus-within) [part~=container]{background:var(--box-background-hover);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part~=container]::after,:host([readonly]:focus-within) [part~=container]::after{border-block-end-color:var(--focused-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:focus-within) textarea,:host([readonly]:focus-within) textarea{color:var(--focused-text-color)}[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);display:block;position:static;transform:translateY(0);transform-origin:top left;margin-top:0;height:auto;margin-block-end:.25rem}[part~=container]{border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;padding-inline-start:0}[part~=container]::after{content:"";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}textarea{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);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, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-block-end:.0625rem}textarea::-moz-placeholder{font-style:italic}textarea::placeholder{font-style:italic}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=prefixed] textarea{padding-inline-start:0}[part~=suffixed] textarea{padding-inline-end:0}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--border-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--border-border-radius)}[part~=prefixed] [part~=prefix],[part~=suffixed] [part~=suffix]{height:calc(100% - 0.0625rem)}:host([readonly]) [part~=container]::after{border-block-end-color:var(--disabled-text-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(validation-icon),:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(validation-icon){color:var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container],:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]{caret-color:initial}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::after{border-block-end:.0625rem solid var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:rgba(0,0,0,0)}:host(:disabled) [part~=container]::after,:host([disabled]) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color)}`;
+export const styles = css `:host{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);--component-size: var(--ig-size, var(--default-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);grid-auto-rows:minmax(0.9375rem, auto);margin-block-start:.25rem}:host(:not([readonly],:focus-within):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([readonly],:focus-within):hover) [part~=container]::after{border-color:var(--hover-bottom-line-color)}:host(:not([readonly],:focus-within):hover) textarea{color:var(--filled-text-hover-color)}:host(:focus-within) [part~=label],:host([readonly]:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=container],:host([readonly]:focus-within) [part~=container]{background:var(--box-background-hover);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part~=container]::after,:host([readonly]:focus-within) [part~=container]::after{border-block-end-color:var(--focused-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:focus-within) textarea,:host([readonly]:focus-within) textarea{color:var(--focused-text-color)}[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);display:block;position:static;transform:translateY(0);transform-origin:top left;margin-top:0;height:auto;margin-block-end:.25rem}[part~=container]{border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;padding-inline-start:0}[part~=container]::after{content:"";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}textarea{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);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))));margin-block-end:.0625rem}textarea::-moz-placeholder{font-style:italic}textarea::placeholder{font-style:italic}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=prefixed] textarea{padding-inline-start:0}[part~=suffixed] textarea{padding-inline-end:0}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--border-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--border-border-radius)}[part~=prefixed] [part~=prefix],[part~=suffixed] [part~=suffix]{height:calc(100% - 0.0625rem)}:host([readonly]) [part~=container]::after{border-block-end-color:var(--disabled-text-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(validation-icon),:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(validation-icon){color:var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container],:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]{caret-color:initial}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::after{border-block-end:.0625rem solid var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:rgba(0,0,0,0)}:host(:disabled) [part~=container]::after,:host([disabled]) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color)}`;
 //# sourceMappingURL=textarea.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~wzLAAwzL~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{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);--component-size: var(--ig-size, var(--default-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 ::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);grid-auto-rows:minmax(0.9375rem, auto);margin-block-start:.25rem}:host(:not([readonly],:focus-within):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([readonly],:focus-within):hover) [part~=container]::after{border-color:var(--hover-bottom-line-color)}:host(:not([readonly],:focus-within):hover) textarea{color:var(--filled-text-hover-color)}:host(:focus-within) [part~=label],:host([readonly]:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=container],:host([readonly]:focus-within) [part~=container]{background:var(--box-background-hover);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part~=container]::after,:host([readonly]:focus-within) [part~=container]::after{border-block-end-color:var(--focused-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:focus-within) textarea,:host([readonly]:focus-within) textarea{color:var(--focused-text-color)}[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);display:block;position:static;transform:translateY(0);transform-origin:top left;margin-top:0;height:auto;margin-block-end:.25rem}[part~=container]{border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;padding-inline-start:0}[part~=container]::after{content:\"\";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}textarea{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);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, --ig-spacing)),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.125rem, -1 * 0.125rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-block-end:.0625rem}textarea::-moz-placeholder{font-style:italic}textarea::placeholder{font-style:italic}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{padding-inline:max(var(--is-large, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=prefixed] textarea{padding-inline-start:0}[part~=suffixed] textarea{padding-inline-end:0}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--border-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--border-border-radius)}[part~=prefixed] [part~=prefix],[part~=suffixed] [part~=suffix]{height:calc(100% - 0.0625rem)}:host([readonly]) [part~=container]::after{border-block-end-color:var(--disabled-text-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(validation-icon),:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(validation-icon){color:var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container],:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]{caret-color:initial}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::after{border-block-end:.0625rem solid var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:rgba(0,0,0,0)}:host(:disabled) [part~=container]::after,:host([disabled]) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color)}`;\n"]}
1	+ {"version":3,"file":"textarea.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wyLAAwyL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{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);--component-size: var(--ig-size, var(--default-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);grid-auto-rows:minmax(0.9375rem, auto);margin-block-start:.25rem}:host(:not([readonly],:focus-within):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([readonly],:focus-within):hover) [part~=container]::after{border-color:var(--hover-bottom-line-color)}:host(:not([readonly],:focus-within):hover) textarea{color:var(--filled-text-hover-color)}:host(:focus-within) [part~=label],:host([readonly]:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=container],:host([readonly]:focus-within) [part~=container]{background:var(--box-background-hover);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part~=container]::after,:host([readonly]:focus-within) [part~=container]::after{border-block-end-color:var(--focused-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:focus-within) textarea,:host([readonly]:focus-within) textarea{color:var(--focused-text-color)}[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);display:block;position:static;transform:translateY(0);transform-origin:top left;margin-top:0;height:auto;margin-block-end:.25rem}[part~=container]{border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;padding-inline-start:0}[part~=container]::after{content:\"\";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}textarea{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);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))));margin-block-end:.0625rem}textarea::-moz-placeholder{font-style:italic}textarea::placeholder{font-style:italic}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=prefixed] textarea{padding-inline-start:0}[part~=suffixed] textarea{padding-inline-end:0}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--border-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--border-border-radius)}[part~=prefixed] [part~=prefix],[part~=suffixed] [part~=suffix]{height:calc(100% - 0.0625rem)}:host([readonly]) [part~=container]::after{border-block-end-color:var(--disabled-text-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(validation-icon),:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(validation-icon){color:var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container],:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]{caret-color:initial}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::after{border-block-end:.0625rem solid var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:rgba(0,0,0,0)}:host(:disabled) [part~=container]::after,:host([disabled]) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{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);--component-size: var(--ig-size, var(--default-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);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}textarea{border:none;padding:0;overflow:auto;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem;z-index:1}[part=label]{position:absolute;transform-origin:top left;inset-block-start:calc(1.25rem - 0.125rem);padding-inline-end:.25rem;transition:transform 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);will-change:transform,translate}:host(:not([readonly]):focus-within) [part~=label],:host(:not([outlined])) [part~=placeholder] [part=label],:host(:not([outlined])) [part~=filled] [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;inset-block-start:calc(1.25rem/4)}:host([readonly][outlined]) [part~=container][part~=filled] [part=label],:host([readonly][outlined]) [part~=container][part~=placeholder] [part=label],:host(:not([readonly])[outlined]:focus-within) [part=label],:host([outlined]) [part~=placeholder] [part=label],:host([outlined]) [part~=filled] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-end:0;display:inline-block;position:relative;inset-block:0;translate:0 calc(var(--textarea-label-position)*-1);padding-inline-end:0}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background);padding-inline-end:.0625rem}:host(:not([outlined])) [part~=container]::after{content:"";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined])) [part~=container] textarea{margin-block-end:.125rem}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{grid-area:1/2/span 1/span 3}:host(:not([outlined],[readonly]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined],[readonly]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=label],:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=label]{color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined],[readonly]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined],[readonly]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host(:not([outlined],[disabled])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[readonly]):state(ig-invalid):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part=start],[part=end]{display:flex;align-items:center;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:flex;align-items:flex-start;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=prefixed] [part~=prefix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=suffixed] [part~=suffix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=filled]{color:var(--input-prefix-color--filled)}:host([outlined]){--textarea-label-position: calc(50% + (0.0625rem));align-items:initial;padding:0;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part~=container]:not([part~=suffixed]) textarea{grid-column:2/-1;max-width:calc(100% - 0.125rem)}:host([outlined]) [part~=container][part~=filled] [part=notch],:host([outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start:.125rem solid rgba(0,0,0,0)}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;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([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:flex;justify-content:flex-end;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;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]) textarea{bottom:.125rem}:host(:not([readonly],:focus-within)[outlined]:hover) [part=notch],:host(:not([readonly],:focus-within)[outlined]:hover) [part=start],:host(:not([readonly],:focus-within)[outlined]:hover) [part=end],:host(:not([readonly],:focus-within)[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([readonly],:focus-within)[outlined]:hover) [part~=container][part~=filled] [part=notch],:host(:not([readonly],:focus-within)[outlined]:hover) [part~=container][part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([readonly])[outlined]:focus-within) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host([readonly][outlined]) [part~=container][part~=filled] [part=notch],:host([readonly][outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host([readonly][outlined]:focus-within) [part=label]{inset-block-start:calc(1.25rem - 0.1875rem)}:host([readonly][outlined]:focus-within) [part=notch]{border-block-start-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{margin-inline-end:-0.0625rem}:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=start],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=filler],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=end],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=notch],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=start],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=filler],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=end],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=start],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=filler],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=end],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=start],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=filler],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=end],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=notch]{border-color:var(--error-secondary-color)}:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;
+export const styles = css `:host{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);--component-size: var(--ig-size, var(--default-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);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, 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))))}textarea{border:none;padding:0;overflow:auto;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem;z-index:1}[part=label]{position:absolute;transform-origin:top left;inset-block-start:calc(1.25rem - 0.125rem);padding-inline-end:.25rem;transition:transform 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);will-change:transform,translate}:host(:not([readonly]):focus-within) [part~=label],:host(:not([outlined])) [part~=placeholder] [part=label],:host(:not([outlined])) [part~=filled] [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;inset-block-start:calc(1.25rem/4)}:host([readonly][outlined]) [part~=container][part~=filled] [part=label],:host([readonly][outlined]) [part~=container][part~=placeholder] [part=label],:host(:not([readonly])[outlined]:focus-within) [part=label],:host([outlined]) [part~=placeholder] [part=label],:host([outlined]) [part~=filled] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-end:0;display:inline-block;position:relative;inset-block:0;translate:0 calc(var(--textarea-label-position)*-1);padding-inline-end:0}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background);padding-inline-end:.0625rem}:host(:not([outlined])) [part~=container]::after{content:"";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined])) [part~=container] textarea{margin-block-end:.125rem}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{grid-area:1/2/span 1/span 3}:host(:not([outlined],[readonly]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined],[readonly]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=label],:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=label]{color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined],[readonly]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined],[readonly]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host(:not([outlined],[disabled])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[readonly]):state(ig-invalid):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part=start],[part=end]{display:flex;align-items:center;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:flex;align-items:flex-start;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=filled]{color:var(--input-prefix-color--filled)}:host([outlined]){--textarea-label-position: calc(50% + (0.0625rem));align-items:initial;padding:0;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part~=container]:not([part~=suffixed]) textarea{grid-column:2/-1;max-width:calc(100% - 0.125rem)}:host([outlined]) [part~=container][part~=filled] [part=notch],:host([outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start:.125rem solid rgba(0,0,0,0)}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;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([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:flex;justify-content:flex-end;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;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]) textarea{bottom:.125rem}:host(:not([readonly],:focus-within)[outlined]:hover) [part=notch],:host(:not([readonly],:focus-within)[outlined]:hover) [part=start],:host(:not([readonly],:focus-within)[outlined]:hover) [part=end],:host(:not([readonly],:focus-within)[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([readonly],:focus-within)[outlined]:hover) [part~=container][part~=filled] [part=notch],:host(:not([readonly],:focus-within)[outlined]:hover) [part~=container][part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([readonly])[outlined]:focus-within) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host([readonly][outlined]) [part~=container][part~=filled] [part=notch],:host([readonly][outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host([readonly][outlined]:focus-within) [part=label]{inset-block-start:calc(1.25rem - 0.1875rem)}:host([readonly][outlined]:focus-within) [part=notch]{border-block-start-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{margin-inline-end:-0.0625rem}:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=start],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=filler],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=end],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=notch],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=start],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=filler],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=end],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=start],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=filler],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=end],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=start],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=filler],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=end],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=notch]{border-color:var(--error-secondary-color)}:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;
 //# sourceMappingURL=textarea.material.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+sZAA+sZ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{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);--component-size: var(--ig-size, var(--default-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);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)max(1.125rem, -1 1.125rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(1rem, -1 * 1rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.875rem, -1 * 0.875rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}textarea{border:none;padding:0;overflow:auto;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem;z-index:1}[part=label]{position:absolute;transform-origin:top left;inset-block-start:calc(1.25rem - 0.125rem);padding-inline-end:.25rem;transition:transform 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);will-change:transform,translate}:host(:not([readonly]):focus-within) [part~=label],:host(:not([outlined])) [part~=placeholder] [part=label],:host(:not([outlined])) [part~=filled] [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;inset-block-start:calc(1.25rem/4)}:host([readonly][outlined]) [part~=container][part~=filled] [part=label],:host([readonly][outlined]) [part~=container][part~=placeholder] [part=label],:host(:not([readonly])[outlined]:focus-within) [part=label],:host([outlined]) [part~=placeholder] [part=label],:host([outlined]) [part~=filled] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-end:0;display:inline-block;position:relative;inset-block:0;translate:0 calc(var(--textarea-label-position)-1);padding-inline-end:0}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background);padding-inline-end:.0625rem}:host(:not([outlined])) [part~=container]::after{content:\"\";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined])) [part~=container] textarea{margin-block-end:.125rem}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{grid-area:1/2/span 1/span 3}:host(:not([outlined],[readonly]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined],[readonly]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=label],:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=label]{color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined],[readonly]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined],[readonly]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host(:not([outlined],[disabled])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[readonly]):state(ig-invalid):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part=start],[part=end]{display:flex;align-items:center;min-width:max(var(--is-large, 1)max(0.875rem, -1 0.875rem)var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)max(0.625rem, -1 * 0.625rem)var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:flex;align-items:flex-start;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=prefixed] [part~=prefix]{padding-inline:max(var(--is-large, 1)max(1rem, -1 * 1rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.875rem, -1 * 0.875rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=suffixed] [part~=suffix]{padding-inline:max(var(--is-large, 1)max(1rem, -1 * 1rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.875rem, -1 * 0.875rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=filled]{color:var(--input-prefix-color--filled)}:host([outlined]){--textarea-label-position: calc(50% + (0.0625rem));align-items:initial;padding:0;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part~=container]:not([part~=suffixed]) textarea{grid-column:2/-1;max-width:calc(100% - 0.125rem)}:host([outlined]) [part~=container][part~=filled] [part=notch],:host([outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start:.125rem solid rgba(0,0,0,0)}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;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([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:flex;justify-content:flex-end;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;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]) textarea{bottom:.125rem}:host(:not([readonly],:focus-within)[outlined]:hover) [part=notch],:host(:not([readonly],:focus-within)[outlined]:hover) [part=start],:host(:not([readonly],:focus-within)[outlined]:hover) [part=end],:host(:not([readonly],:focus-within)[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([readonly],:focus-within)[outlined]:hover) [part~=container][part~=filled] [part=notch],:host(:not([readonly],:focus-within)[outlined]:hover) [part~=container][part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([readonly])[outlined]:focus-within) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host([readonly][outlined]) [part~=container][part~=filled] [part=notch],:host([readonly][outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host([readonly][outlined]:focus-within) [part=label]{inset-block-start:calc(1.25rem - 0.1875rem)}:host([readonly][outlined]:focus-within) [part=notch]{border-block-start-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{margin-inline-end:-0.0625rem}:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=start],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=filler],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=end],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=notch],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=start],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=filler],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=end],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=start],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=filler],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=end],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=start],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=filler],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=end],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=notch]{border-color:var(--error-secondary-color)}:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;\n"]}
1	+ {"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,21YAA21Y,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{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);--component-size: var(--ig-size, var(--default-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);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)max(1.125rem, -1 1.125rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, 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))))}textarea{border:none;padding:0;overflow:auto;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem;z-index:1}[part=label]{position:absolute;transform-origin:top left;inset-block-start:calc(1.25rem - 0.125rem);padding-inline-end:.25rem;transition:transform 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);will-change:transform,translate}:host(:not([readonly]):focus-within) [part~=label],:host(:not([outlined])) [part~=placeholder] [part=label],:host(:not([outlined])) [part~=filled] [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;inset-block-start:calc(1.25rem/4)}:host([readonly][outlined]) [part~=container][part~=filled] [part=label],:host([readonly][outlined]) [part~=container][part~=placeholder] [part=label],:host(:not([readonly])[outlined]:focus-within) [part=label],:host([outlined]) [part~=placeholder] [part=label],:host([outlined]) [part~=filled] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-end:0;display:inline-block;position:relative;inset-block:0;translate:0 calc(var(--textarea-label-position)-1);padding-inline-end:0}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background);padding-inline-end:.0625rem}:host(:not([outlined])) [part~=container]::after{content:\"\";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined])) [part~=container] textarea{margin-block-end:.125rem}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{grid-area:1/2/span 1/span 3}:host(:not([outlined],[readonly]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined],[readonly]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host(:not(:disabled,[readonly]):state(ig-invalid)) [part~=label],:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=label]{color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined],[readonly]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined],[readonly]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host(:not([outlined],[disabled])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[readonly]):state(ig-invalid):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part=start],[part=end]{display:flex;align-items:center;min-width:max(var(--is-large, 1)max(0.875rem, -1 0.875rem)var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:flex;align-items:flex-start;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=filled]{color:var(--input-prefix-color--filled)}:host([outlined]){--textarea-label-position: calc(50% + (0.0625rem));align-items:initial;padding:0;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part~=container]:not([part~=suffixed]) textarea{grid-column:2/-1;max-width:calc(100% - 0.125rem)}:host([outlined]) [part~=container][part~=filled] [part=notch],:host([outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start:.125rem solid rgba(0,0,0,0)}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;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([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:flex;justify-content:flex-end;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;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]) textarea{bottom:.125rem}:host(:not([readonly],:focus-within)[outlined]:hover) [part=notch],:host(:not([readonly],:focus-within)[outlined]:hover) [part=start],:host(:not([readonly],:focus-within)[outlined]:hover) [part=end],:host(:not([readonly],:focus-within)[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([readonly],:focus-within)[outlined]:hover) [part~=container][part~=filled] [part=notch],:host(:not([readonly],:focus-within)[outlined]:hover) [part~=container][part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([readonly])[outlined]:focus-within) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host([readonly][outlined]) [part~=container][part~=filled] [part=notch],:host([readonly][outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host([readonly][outlined]:focus-within) [part=label]{inset-block-start:calc(1.25rem - 0.1875rem)}:host([readonly][outlined]:focus-within) [part=notch]{border-block-start-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{margin-inline-end:-0.0625rem}:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=start],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=filler],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=end],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly])) [part=notch],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=start],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=filler],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=end],:host(:state(ig-invalid)[outlined]:not(:disabled,[readonly]):focus-within) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=start],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=filler],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=end],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=start],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=filler],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=end],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=notch]{border-color:var(--error-secondary-color)}:host(:state(ig-invalid)[outlined]:not([disabled],[readonly]):focus-within) [part=notch],:host(:state(ig-invalid)[outlined]:not([disabled],[readonly])) [part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;\n"]}

package/components/textarea/themes/textarea.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{--textarea-height: max(var(--is-large, 1) * max(82px, -1 * 82px), var(--is-medium, 1) * max(69.0526315789px, -1 * 69.0526315789px), var(--is-small, 1) * max(59.6363636364px, -1 * 59.6363636364px));--component-size: var(--ig-size, var(--ig-size-large));display:block;font-family:var(--ig-font-family)}:host [part~=label]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=container]{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:auto;position:relative;max-width:100%;font-size:1rem;min-height:var(--textarea-height)}[part~=container]:hover{cursor:pointer}textarea{font:inherit;grid-area:1/2/auto/auto;position:relative;display:block;border:none;padding-block:1.25rem .375rem;padding-inline-start:0;width:100%;min-width:0;min-height:var(--textarea-height);height:auto;outline-style:none;box-shadow:none;overflow:auto;text-overflow:ellipsis;line-height:normal}textarea::-moz-placeholder{opacity:1;line-height:normal}textarea::placeholder{opacity:1;line-height:normal}textarea:not([type="*"]){line-height:normal}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:100%;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=prefixed] [part=prefix] igc-icon,[part~=suffixed] [part=suffix] igc-icon{width:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));height:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem)) !important}[part~=prefixed] [part=prefix]{grid-area:1/1/auto/auto}[part~=suffixed] [part=suffix]{grid-area:1/3/auto/auto}[part~=helper-text]{position:relative;display:flex;justify-content:space-between}[part~=helper-text]>*{margin-inline-end:.5rem}[part~=helper-text]>*:last-child{margin-inline-end:0}[part~=helper-text] ::slotted(*){display:flex;align-items:center;position:relative;width:100%}:host([required]) [part~=label]::after{content:"*";font-size:inherit;vertical-align:top;margin-inline-start:.125rem;display:inline-block}:host(:disabled),:host([disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{pointer-events:none}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{cursor:default}`;
+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{--textarea-height: max(var(--is-large, 1) * max(82px, -1 * 82px), var(--is-medium, 1) * max(69.0526315789px, -1 * 69.0526315789px), var(--is-small, 1) * max(59.6363636364px, -1 * 59.6363636364px));--component-size: var(--ig-size, var(--ig-size-large));display:block;font-family:var(--ig-font-family)}:host [part~=label]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=container]{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:auto;position:relative;max-width:100%;font-size:1rem;min-height:var(--textarea-height)}[part~=container]:hover{cursor:pointer}textarea{font:inherit;grid-area:1/2/auto/auto;position:relative;display:block;border:none;padding-block:1.25rem .375rem;padding-inline-start:0;width:100%;min-width:0;min-height:var(--textarea-height);height:auto;outline-style:none;box-shadow:none;overflow:auto;text-overflow:ellipsis;line-height:normal}textarea::-moz-placeholder{opacity:1;line-height:normal}textarea::placeholder{opacity:1;line-height:normal}textarea:not([type="*"]){line-height:normal}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:100%;transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=prefixed] [part=prefix] igc-icon,[part~=suffixed] [part=suffix] igc-icon{width:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));height:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem)) !important}[part~=prefixed] [part=prefix]{grid-area:1/1/auto/auto}[part~=suffixed] [part=suffix]{grid-area:1/3/auto/auto}[part~=helper-text]{position:relative;display:flex;justify-content:space-between}[part~=helper-text]>*{margin-inline-end:.5rem}[part~=helper-text]>*:last-child{margin-inline-end:0}[part~=helper-text] ::slotted(*){display:flex;align-items:center;position:relative;width:100%}:host([required]) [part~=label]::after{content:"*";font-size:inherit;vertical-align:top;margin-inline-start:.125rem;display:inline-block}:host(:disabled),:host([disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{pointer-events:none}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{cursor:default}`;
 //# sourceMappingURL=textarea.base.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.base.css.js","sourceRoot":"","sources":["../../../../src/components/textarea/themes/textarea.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~qgIAAqgI~~,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{--textarea-height: max(var(--is-large, 1) max(82px, -1 * 82px), var(--is-medium, 1) * max(69.0526315789px, -1 * 69.0526315789px), var(--is-small, 1) * max(59.6363636364px, -1 * 59.6363636364px));--component-size: var(--ig-size, var(--ig-size-large));display:block;font-family:var(--ig-font-family)}:host [part~=label]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=container]{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:auto;position:relative;max-width:100%;font-size:1rem;min-height:var(--textarea-height)}[part~=container]:hover{cursor:pointer}textarea{font:inherit;grid-area:1/2/auto/auto;position:relative;display:block;border:none;padding-block:1.25rem .375rem;padding-inline-start:0;width:100%;min-width:0;min-height:var(--textarea-height);height:auto;outline-style:none;box-shadow:none;overflow:auto;text-overflow:ellipsis;line-height:normal}textarea::-moz-placeholder{opacity:1;line-height:normal}textarea::placeholder{opacity:1;line-height:normal}textarea:not([type=\"\"]){line-height:normal}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:100%;padding-inline:max(var(--is-large, 1)max(1rem, -1 * 1rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=prefixed] [part=prefix] igc-icon,[part~=suffixed] [part=suffix] igc-icon{width:max(var(--is-large, 1)max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)max(1.25rem, -1 1.25rem),var(--is-small, 1)max(1.125rem, -1 1.125rem));height:max(var(--is-large, 1)max(1.5rem, -1 1.5rem),var(--is-medium, 1)max(1.25rem, -1 1.25rem),var(--is-small, 1)max(1.125rem, -1 1.125rem));font-size:max(var(--is-large, 1)max(1.5rem, -1 1.5rem),var(--is-medium, 1)max(1.25rem, -1 1.25rem),var(--is-small, 1)max(1.125rem, -1 1.125rem)) !important}[part~=prefixed] [part=prefix]{grid-area:1/1/auto/auto}[part~=suffixed] [part=suffix]{grid-area:1/3/auto/auto}[part~=helper-text]{position:relative;display:flex;justify-content:space-between}[part~=helper-text]>{margin-inline-end:.5rem}[part~=helper-text]>:last-child{margin-inline-end:0}[part~=helper-text] ::slotted(){display:flex;align-items:center;position:relative;width:100%}:host([required]) [part~=label]::after{content:\"\";font-size:inherit;vertical-align:top;margin-inline-start:.125rem;display:inline-block}:host(:disabled),:host([disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{pointer-events:none}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{cursor:default}`;\n"]}
1	+ {"version":3,"file":"textarea.base.css.js","sourceRoot":"","sources":["../../../../src/components/textarea/themes/textarea.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wpHAAwpH,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{--textarea-height: max(var(--is-large, 1) max(82px, -1 * 82px), var(--is-medium, 1) * max(69.0526315789px, -1 * 69.0526315789px), var(--is-small, 1) * max(59.6363636364px, -1 * 59.6363636364px));--component-size: var(--ig-size, var(--ig-size-large));display:block;font-family:var(--ig-font-family)}:host [part~=label]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=container]{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:auto;position:relative;max-width:100%;font-size:1rem;min-height:var(--textarea-height)}[part~=container]:hover{cursor:pointer}textarea{font:inherit;grid-area:1/2/auto/auto;position:relative;display:block;border:none;padding-block:1.25rem .375rem;padding-inline-start:0;width:100%;min-width:0;min-height:var(--textarea-height);height:auto;outline-style:none;box-shadow:none;overflow:auto;text-overflow:ellipsis;line-height:normal}textarea::-moz-placeholder{opacity:1;line-height:normal}textarea::placeholder{opacity:1;line-height:normal}textarea:not([type=\"\"]){line-height:normal}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:100%;transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=prefixed] [part=prefix] igc-icon,[part~=suffixed] [part=suffix] igc-icon{width:max(var(--is-large, 1)max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)max(1.25rem, -1 1.25rem),var(--is-small, 1)max(1.125rem, -1 1.125rem));height:max(var(--is-large, 1)max(1.5rem, -1 1.5rem),var(--is-medium, 1)max(1.25rem, -1 1.25rem),var(--is-small, 1)max(1.125rem, -1 1.125rem));font-size:max(var(--is-large, 1)max(1.5rem, -1 1.5rem),var(--is-medium, 1)max(1.25rem, -1 1.25rem),var(--is-small, 1)max(1.125rem, -1 1.125rem)) !important}[part~=prefixed] [part=prefix]{grid-area:1/1/auto/auto}[part~=suffixed] [part=suffix]{grid-area:1/3/auto/auto}[part~=helper-text]{position:relative;display:flex;justify-content:space-between}[part~=helper-text]>{margin-inline-end:.5rem}[part~=helper-text]>:last-child{margin-inline-end:0}[part~=helper-text] ::slotted(){display:flex;align-items:center;position:relative;width:100%}:host([required]) [part~=label]::after{content:\"\";font-size:inherit;vertical-align:top;margin-inline-start:.125rem;display:inline-block}:host(:disabled),:host([disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{pointer-events:none}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{cursor:default}`;\n"]}

package/components/tree/themes/item.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--igc-tree-indentation-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));display:flex;flex-direction:column;font-family:inherit}:host igc-circular-progress{--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))}:host(:focus-within){outline:none}[role~=group]{overflow:hidden}:host(:not([expanded])) [role~=group]{height:0}:host([expanded]) [role~=group]{height:auto}[part~=wrapper]{display:flex;align-items:center;position:relative;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(12px, -1 * 12px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));cursor:pointer;background:inherit;color:inherit}[part~=wrapper]::after{content:"";position:absolute;background:rgba(0,0,0,0);top:0;left:0;width:100%;height:100%;z-index:0}[part~=indicator]{--ig-size: 3;display:flex;align-items:center;z-index:1;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-inline-end:.25rem;min-width:1.5rem}[part="indicator rtl"]{transform:scaleX(-1)}[part~=label]{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);display:block;margin:0}[part~=label] ::slotted(*){margin-block:auto}[part~=label],[part~=text]{z-index:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=select]{display:flex;align-items:center;z-index:1}[part~=select] igc-checkbox::part(label){display:none}:host([disabled]) [part~=wrapper]{pointer-events:none}`;
+export const styles = css `:host{--igc-tree-indentation-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));display:flex;flex-direction:column;font-family:inherit}:host igc-circular-progress{--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))}:host(:focus-within){outline:none}[role~=group]{overflow:hidden}:host(:not([expanded])) [role~=group]{height:0}:host([expanded]) [role~=group]{height:auto}[part~=wrapper]{display:flex;align-items:center;position:relative;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(12px, -1 * 12px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));cursor:pointer;background:inherit;color:inherit}[part~=wrapper]::after{content:"";position:absolute;background:rgba(0,0,0,0);top:0;left:0;width:100%;height:100%;z-index:0}[part~=indicator]{--ig-size: 3;display:flex;align-items:center;z-index:1;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-inline-end:.25rem;min-width:1.5rem}[part="indicator rtl"]{transform:scaleX(-1)}[part~=label]{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);display:block;margin:0}[part~=label] ::slotted(*){margin-block:auto}[part~=label],[part~=text]{z-index:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=select]{display:flex;align-items:center;z-index:1}[part~=select] igc-checkbox::part(label){display:none}:host([disabled]) [part~=wrapper]{pointer-events:none}`;
 //# sourceMappingURL=item.base.css.js.map

package/components/tree/themes/item.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/tree/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~mlEAAmlE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--igc-tree-indentation-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));display:flex;flex-direction:column;font-family:inherit}:host igc-circular-progress{--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))}:host(:focus-within){outline:none}[role~=group]{overflow:hidden}:host(:not([expanded])) [role~=group]{height:0}:host([expanded]) [role~=group]{height:auto}[part~=wrapper]{display:flex;align-items:center;position:relative;padding:0 max(var(--is-large, 1)max(24px, -1 24px)var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)max(16px, -1 * 16px)var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)max(12px, -1 * 12px)var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));cursor:pointer;background:inherit;color:inherit}[part~=wrapper]::after{content:\"\";position:absolute;background:rgba(0,0,0,0);top:0;left:0;width:100%;height:100%;z-index:0}[part~=indicator]{--ig-size: 3;display:flex;align-items:center;z-index:1;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-inline-end:.25rem;min-width:1.5rem}[part=\"indicator rtl\"]{transform:scaleX(-1)}[part~=label]{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);display:block;margin:0}[part~=label] ::slotted(){margin-block:auto}[part~=label],[part~=text]{z-index:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=select]{display:flex;align-items:center;z-index:1}[part~=select] igc-checkbox::part(label){display:none}:host([disabled]) [part~=wrapper]{pointer-events:none}`;\n"]}
1	+ {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/tree/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmEAAkmE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--igc-tree-indentation-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));display:flex;flex-direction:column;font-family:inherit}:host igc-circular-progress{--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem))}:host(:focus-within){outline:none}[role~=group]{overflow:hidden}:host(:not([expanded])) [role~=group]{height:0}:host([expanded]) [role~=group]{height:auto}[part~=wrapper]{display:flex;align-items:center;position:relative;padding:0 max(var(--is-large, 1)max(24px, -1 24px)var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)max(16px, -1 * 16px)var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)max(12px, -1 * 12px)var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));cursor:pointer;background:inherit;color:inherit}[part~=wrapper]::after{content:\"\";position:absolute;background:rgba(0,0,0,0);top:0;left:0;width:100%;height:100%;z-index:0}[part~=indicator]{--ig-size: 3;display:flex;align-items:center;z-index:1;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-inline-end:.25rem;min-width:1.5rem}[part=\"indicator rtl\"]{transform:scaleX(-1)}[part~=label]{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);display:block;margin:0}[part~=label] ::slotted(){margin-block:auto}[part~=label],[part~=text]{z-index:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=select]{display:flex;align-items:center;z-index:1}[part~=select] igc-checkbox::part(label){display:none}:host([disabled]) [part~=wrapper]{pointer-events:none}`;\n"]}

package/components/tree/themes/shared/item.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--igc-tree-indentation-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))}[part~=indicator]{--ig-size: 1;min-width:.875rem;color:var(--icon-color)}[part~=wrapper]{border-radius:.25rem;margin-block-end:.25rem;padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part~=wrapper]::after{border-radius:.25rem}[part~=wrapper]:hover{color:var(--foreground-active)}:host(:not([disabled])[selected]) [part~=wrapper]{background:var(--background)}:host(:not([disabled])[selected]) [part~=wrapper]:hover{color:var(--foreground-active)}:host(:not([disabled])[selected]) [part~=wrapper]:hover::after{background:var(--hover-color)}:host(:not([disabled])[active]) [part~=wrapper]:hover,:host(:not([disabled])[active][selected]) [part~=wrapper]:hover{background:var(--hover-selected-color)}:host(:not([disabled])[active]) [part~=wrapper]:hover::after,:host(:not([disabled])[active][selected]) [part~=wrapper]:hover::after{background:rgba(0,0,0,0)}[part~=focused]{box-shadow:inset 0 0 0 2px var(--border-color)}:host([disabled]) [part~=indicator] igc-icon{color:var(--foreground-disabled)}`;
+export const styles = css `:host{--igc-tree-indentation-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))}[part~=indicator]{--ig-size: 1;min-width:.875rem;color:var(--icon-color)}[part~=wrapper]{border-radius:.25rem;margin-block-end:.25rem;padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}[part~=wrapper]::after{border-radius:.25rem}[part~=wrapper]:hover{color:var(--foreground-active)}:host(:not([disabled])[selected]) [part~=wrapper]{background:var(--background)}:host(:not([disabled])[selected]) [part~=wrapper]:hover{color:var(--foreground-active)}:host(:not([disabled])[selected]) [part~=wrapper]:hover::after{background:var(--hover-color)}:host(:not([disabled])[active]) [part~=wrapper]:hover,:host(:not([disabled])[active][selected]) [part~=wrapper]:hover{background:var(--hover-selected-color)}:host(:not([disabled])[active]) [part~=wrapper]:hover::after,:host(:not([disabled])[active][selected]) [part~=wrapper]:hover::after{background:rgba(0,0,0,0)}[part~=focused]{box-shadow:inset 0 0 0 2px var(--border-color)}:host([disabled]) [part~=indicator] igc-icon{color:var(--foreground-disabled)}`;
 //# sourceMappingURL=item.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/shared/item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~05CAA05C~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--igc-tree-indentation-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))}[part~=indicator]{--ig-size: 1;min-width:.875rem;color:var(--icon-color)}[part~=wrapper]{border-radius:.25rem;margin-block-end:.25rem;padding:0 max(var(--is-large, 1)max(16px, -1 16px)var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)max(12px, -1 * 12px)var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part~=wrapper]::after{border-radius:.25rem}[part~=wrapper]:hover{color:var(--foreground-active)}:host(:not([disabled])[selected]) [part~=wrapper]{background:var(--background)}:host(:not([disabled])[selected]) [part~=wrapper]:hover{color:var(--foreground-active)}:host(:not([disabled])[selected]) [part~=wrapper]:hover::after{background:var(--hover-color)}:host(:not([disabled])[active]) [part~=wrapper]:hover,:host(:not([disabled])[active][selected]) [part~=wrapper]:hover{background:var(--hover-selected-color)}:host(:not([disabled])[active]) [part~=wrapper]:hover::after,:host(:not([disabled])[active][selected]) [part~=wrapper]:hover::after{background:rgba(0,0,0,0)}[part~=focused]{box-shadow:inset 0 0 0 2px var(--border-color)}:host([disabled]) [part~=indicator] igc-icon{color:var(--foreground-disabled)}`;\n"]}
1	+ {"version":3,"file":"item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/shared/item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y6CAAy6C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--igc-tree-indentation-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))}[part~=indicator]{--ig-size: 1;min-width:.875rem;color:var(--icon-color)}[part~=wrapper]{border-radius:.25rem;margin-block-end:.25rem;padding:0 max(var(--is-large, 1)max(16px, -1 16px)var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)max(12px, -1 * 12px)var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}[part~=wrapper]::after{border-radius:.25rem}[part~=wrapper]:hover{color:var(--foreground-active)}:host(:not([disabled])[selected]) [part~=wrapper]{background:var(--background)}:host(:not([disabled])[selected]) [part~=wrapper]:hover{color:var(--foreground-active)}:host(:not([disabled])[selected]) [part~=wrapper]:hover::after{background:var(--hover-color)}:host(:not([disabled])[active]) [part~=wrapper]:hover,:host(:not([disabled])[active][selected]) [part~=wrapper]:hover{background:var(--hover-selected-color)}:host(:not([disabled])[active]) [part~=wrapper]:hover::after,:host(:not([disabled])[active][selected]) [part~=wrapper]:hover::after{background:rgba(0,0,0,0)}[part~=focused]{box-shadow:inset 0 0 0 2px var(--border-color)}:host([disabled]) [part~=indicator] igc-icon{color:var(--foreground-disabled)}`;\n"]}

package/components/tree/tree.js CHANGED Viewed

@@ -45,7 +45,9 @@ let IgcTreeComponent = IgcTreeComponent_1 = class IgcTreeComponent extends Event
                 });
             }
             else {
-                this.items.forEach((item) => item.collapseWithEvent());
+                for (const item of this.items) {
+                    item.collapseWithEvent();
+                }
             }
         }
     }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/components/tree/tree.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AACpG,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAkBnC,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,iBAAiB,CAG7D,UAAU,CAAC;IAKJ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAgB,EAAE,oBAAoB,CAAC,CAAC;IAC5D,CAAC;IA8BS,WAAW;QACnB,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,IAA0B,EAAE,EAAE;YACjD,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC;IAGS,mBAAmB;QAC3B,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,CAAC;QAC5C,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,IAA0B,EAAE,EAAE;YACjD,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC;IAGS,wBAAwB;QAChC,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAE5B,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;gBAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC;gBAC7C,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;gBAChE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBAC1B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;wBAC9B,IAAI,CAAC,iBAAiB,EAAE,CAAC;oBAC3B,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC;YACzD,CAAC;QACH,CAAC;IACH,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAlDH,uBAAkB,GAAG,KAAK,CAAC;QAO3B,sBAAiB,GAAG,KAAK,CAAC;QAO1B,cAAS,GAAkB,MAAM,CAAC;QAsCvC,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,IAAI,CAAC,gBAAgB,GAAG,IAAI,uBAAuB,CAAC,IAAI,CAAC,CAAC;QAC1D,IAAI,CAAC,UAAU,GAAG,IAAI,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAE5E,oBAAoB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAElC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAuB,EAAE,EAAE;YAC7C,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAC1C,CAAC,CAAuB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CACzC,CAAC;QACF,IAAI,oBAAoB,EAAE,CAAC;YACzB,oBAAoB,CAAC,QAAQ,GAAG,CAAC,CAAC;YAClC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IAID,IAAW,KAAK;QACd,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IAC5D,CAAC;IAEO,aAAa,CAAC,KAAoB;QACxC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAGM,YAAY,CAAC,IAA0B;QAC5C,IAAI,IAAI,EAAE,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACtB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;oBAC9B,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACpB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAIM,MAAM,CAEX,KAA8B;QAE9B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,IAAI,CAAC,gBAAgB,CAAC,sBAAsB,CAC1C,IAAI,CAAC,SAAS,KAAK,SAAS;gBAC1B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC;gBAC/C,CAAC,CAAC,IAAI,CAAC,KAAK,CACf,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAIM,QAAQ,CAEb,KAA8B;QAE9B,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IAOM,MAAM,CAEX,KAA8B;QAE9B,MAAM,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;QACnC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACtB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC;IAOM,QAAQ,CAEb,KAA8B;QAE9B,MAAM,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;QACnC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA9KsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AAC9B,uBAAM,GAAG,MAAM,AAAT,CAAU;AAkBvB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,sBAAsB,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DAC5C;AAO3B;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,sBAAsB,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2DAC7C;AAO1B;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACa;AAG/B;IADT,KAAK,CAAC,KAAK,CAAC;mDAKZ;AAGS;IADT,KAAK,CAAC,WAAW,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;2DAMlD;AAGS;IADT,KAAK,CAAC,oBAAoB,CAAC;gEAgB3B;AAtEkB,gBAAgB;IADpC,4BAA4B,CAAC,sBAAsB,CAAC;GAChC,gBAAgB,CAmLpC;eAnLoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { addSafeEventListener } from '../common/util.js';\nimport type { TreeSelection } from '../types.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport type { IgcTreeComponentEventMap } from './tree.common.js';\nimport { IgcTreeNavigationService } from './tree.navigation.js';\nimport { IgcTreeSelectionService } from './tree.selection.js';\nimport IgcTreeItemComponent from './tree-item.js';\n\n/*\n The tree allows users to represent hierarchical data in a tree-view structure,\n * maintaining parent-child relationships, as well as to define static tree-view structure without a corresponding data model.\n \n @element igc-tree\n \n @slot - Renders the tree items inside default slot.\n \n @fires igcSelection - Emitted when item selection is changing, before the selection completes.\n * @fires igcItemCollapsed - Emitted when tree item is collapsed.\n * @fires igcItemCollapsing - Emitted when tree item is about to collapse.\n * @fires igcItemExpanded - Emitted when tree item is expanded.\n * @fires igcItemExpanding - Emitted when tree item is about to expand.\n * @fires igcActiveItem - Emitted when the tree's `active` item changes.\n /\n@blazorAdditionalDependencies('IgcTreeItemComponent')\nexport default class IgcTreeComponent extends EventEmitterMixin<\n IgcTreeComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-tree';\n public static styles = styles;\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcTreeComponent, IgcTreeItemComponent);\n }\n\n /* @private @hidden @internal /\n public selectionService!: IgcTreeSelectionService;\n\n /* @private @hidden @internal /\n public navService!: IgcTreeNavigationService;\n\n /\n Whether a single or multiple of a parent's child items can be expanded.\n * @attr single-branch-expand\n /\n @property({ attribute: 'single-branch-expand', reflect: true, type: Boolean })\n public singleBranchExpand = false;\n\n /\n Whether clicking over nodes will change their expanded state or not.\n * @attr toggle-node-on-click\n /\n @property({ attribute: 'toggle-node-on-click', reflect: true, type: Boolean })\n public toggleNodeOnClick = false;\n\n /\n The selection state of the tree.\n * @attr\n /\n @property({ reflect: true })\n public selection: TreeSelection = 'none';\n\n @watch('dir')\n protected onDirChange(): void {\n this.items?.forEach((item: IgcTreeItemComponent) => {\n item.requestUpdate();\n });\n }\n\n @watch('selection', { waitUntilFirstUpdate: true })\n protected selectionModeChange(): void {\n this.selectionService.clearItemsSelection();\n this.items?.forEach((item: IgcTreeItemComponent) => {\n item.requestUpdate();\n });\n }\n\n @watch('singleBranchExpand')\n protected singleBranchExpandChange(): void {\n if (this.singleBranchExpand) {\n // if activeItem -> do not collapse its branch\n if (this.navService.activeItem) {\n const path = this.navService.activeItem.path;\n const remainExpanded = new Set(path.splice(0, path.length - 1));\n this.items.forEach((item) => {\n if (!remainExpanded.has(item)) {\n item.collapseWithEvent();\n }\n });\n } else {\n this.items.forEach((item) => item.collapseWithEvent());\n }\n }\n }\n\n constructor() {\n super();\n\n addThemingController(this, all);\n\n this.selectionService = new IgcTreeSelectionService(this);\n this.navService = new IgcTreeNavigationService(this, this.selectionService);\n\n addSafeEventListener(this, 'keydown', this.handleKeydown);\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('role', 'tree');\n // set init to true for all items which are rendered along with the tree\n this.items.forEach((i: IgcTreeItemComponent) => {\n i.init = true;\n });\n const firstNotDisabledItem = this.items.find(\n (i: IgcTreeItemComponent) => !i.disabled\n );\n if (firstNotDisabledItem) {\n firstNotDisabledItem.tabIndex = 0;\n this.navService.focusItem(firstNotDisabledItem);\n }\n }\n\n / blazorSuppress /\n /* Returns all of the tree's items. /\n public get items(): Array<IgcTreeItemComponent> {\n return Array.from(this.querySelectorAll('igc-tree-item'));\n }\n\n private handleKeydown(event: KeyboardEvent) {\n this.navService.handleKeydown(event);\n }\n\n /* @private /\n public expandToItem(item: IgcTreeItemComponent): void {\n if (item?.parent) {\n item.path.forEach((i) => {\n if (i !== item && !i.expanded) {\n i.expanded = true;\n }\n });\n }\n }\n\n / blazorSuppress /\n /* Select all items if the items collection is empty. Otherwise, select the items in the items collection. /\n public select(\n / alternateType: TreeItemCollection /\n items?: IgcTreeItemComponent[]\n ): void {\n if (!items) {\n this.selectionService.selectItemsWithNoEvent(\n this.selection === 'cascade'\n ? this.items.filter((item) => item.level === 0)\n : this.items\n );\n } else {\n this.selectionService.selectItemsWithNoEvent(items);\n }\n }\n\n / blazorSuppress /\n /* Deselect all items if the items collection is empty. Otherwise, deselect the items in the items collection. /\n public deselect(\n / alternateType: TreeItemCollection /\n items?: IgcTreeItemComponent[]\n ): void {\n this.selectionService.deselectItemsWithNoEvent(items);\n }\n\n / blazorSuppress /\n /\n Expands all of the passed items.\n * If no items are passed, expands ALL items.\n /\n public expand(\n / alternateType: TreeItemCollection /\n items?: IgcTreeItemComponent[]\n ): void {\n const _items = items \|\| this.items;\n _items.forEach((item) => {\n item.expanded = true;\n });\n }\n\n / blazorSuppress /\n /\n Collapses all of the passed items.\n * If no items are passed, collapses ALL items.\n /\n public collapse(\n / alternateType: TreeItemCollection */\n items?: IgcTreeItemComponent[]\n ): void {\n const _items = items \|\| this.items;\n _items.forEach((item) => {\n item.expanded = false;\n });\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-tree': IgcTreeComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/components/tree/tree.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { addSafeEventListener } from '../common/util.js';\nimport type { TreeSelection } from '../types.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport type { IgcTreeComponentEventMap } from './tree.common.js';\nimport { IgcTreeNavigationService } from './tree.navigation.js';\nimport { IgcTreeSelectionService } from './tree.selection.js';\nimport IgcTreeItemComponent from './tree-item.js';\n\n/*\n The tree allows users to represent hierarchical data in a tree-view structure,\n * maintaining parent-child relationships, as well as to define static tree-view structure without a corresponding data model.\n \n @element igc-tree\n \n @slot - Renders the tree items inside default slot.\n \n @fires igcSelection - Emitted when item selection is changing, before the selection completes.\n * @fires igcItemCollapsed - Emitted when tree item is collapsed.\n * @fires igcItemCollapsing - Emitted when tree item is about to collapse.\n * @fires igcItemExpanded - Emitted when tree item is expanded.\n * @fires igcItemExpanding - Emitted when tree item is about to expand.\n * @fires igcActiveItem - Emitted when the tree's `active` item changes.\n /\n@blazorAdditionalDependencies('IgcTreeItemComponent')\nexport default class IgcTreeComponent extends EventEmitterMixin<\n IgcTreeComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-tree';\n public static styles = styles;\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcTreeComponent, IgcTreeItemComponent);\n }\n\n /* @private @hidden @internal /\n public selectionService!: IgcTreeSelectionService;\n\n /* @private @hidden @internal /\n public navService!: IgcTreeNavigationService;\n\n /\n Whether a single or multiple of a parent's child items can be expanded.\n * @attr single-branch-expand\n /\n @property({ attribute: 'single-branch-expand', reflect: true, type: Boolean })\n public singleBranchExpand = false;\n\n /\n Whether clicking over nodes will change their expanded state or not.\n * @attr toggle-node-on-click\n /\n @property({ attribute: 'toggle-node-on-click', reflect: true, type: Boolean })\n public toggleNodeOnClick = false;\n\n /\n The selection state of the tree.\n * @attr\n /\n @property({ reflect: true })\n public selection: TreeSelection = 'none';\n\n @watch('dir')\n protected onDirChange(): void {\n this.items?.forEach((item: IgcTreeItemComponent) => {\n item.requestUpdate();\n });\n }\n\n @watch('selection', { waitUntilFirstUpdate: true })\n protected selectionModeChange(): void {\n this.selectionService.clearItemsSelection();\n this.items?.forEach((item: IgcTreeItemComponent) => {\n item.requestUpdate();\n });\n }\n\n @watch('singleBranchExpand')\n protected singleBranchExpandChange(): void {\n if (this.singleBranchExpand) {\n // if activeItem -> do not collapse its branch\n if (this.navService.activeItem) {\n const path = this.navService.activeItem.path;\n const remainExpanded = new Set(path.splice(0, path.length - 1));\n this.items.forEach((item) => {\n if (!remainExpanded.has(item)) {\n item.collapseWithEvent();\n }\n });\n } else {\n for (const item of this.items) {\n item.collapseWithEvent();\n }\n }\n }\n }\n\n constructor() {\n super();\n\n addThemingController(this, all);\n\n this.selectionService = new IgcTreeSelectionService(this);\n this.navService = new IgcTreeNavigationService(this, this.selectionService);\n\n addSafeEventListener(this, 'keydown', this.handleKeydown);\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('role', 'tree');\n // set init to true for all items which are rendered along with the tree\n this.items.forEach((i: IgcTreeItemComponent) => {\n i.init = true;\n });\n const firstNotDisabledItem = this.items.find(\n (i: IgcTreeItemComponent) => !i.disabled\n );\n if (firstNotDisabledItem) {\n firstNotDisabledItem.tabIndex = 0;\n this.navService.focusItem(firstNotDisabledItem);\n }\n }\n\n / blazorSuppress /\n /* Returns all of the tree's items. /\n public get items(): Array<IgcTreeItemComponent> {\n return Array.from(this.querySelectorAll('igc-tree-item'));\n }\n\n private handleKeydown(event: KeyboardEvent) {\n this.navService.handleKeydown(event);\n }\n\n /* @private /\n public expandToItem(item: IgcTreeItemComponent): void {\n if (item?.parent) {\n item.path.forEach((i) => {\n if (i !== item && !i.expanded) {\n i.expanded = true;\n }\n });\n }\n }\n\n / blazorSuppress /\n /* Select all items if the items collection is empty. Otherwise, select the items in the items collection. /\n public select(\n / alternateType: TreeItemCollection /\n items?: IgcTreeItemComponent[]\n ): void {\n if (!items) {\n this.selectionService.selectItemsWithNoEvent(\n this.selection === 'cascade'\n ? this.items.filter((item) => item.level === 0)\n : this.items\n );\n } else {\n this.selectionService.selectItemsWithNoEvent(items);\n }\n }\n\n / blazorSuppress /\n /* Deselect all items if the items collection is empty. Otherwise, deselect the items in the items collection. /\n public deselect(\n / alternateType: TreeItemCollection /\n items?: IgcTreeItemComponent[]\n ): void {\n this.selectionService.deselectItemsWithNoEvent(items);\n }\n\n / blazorSuppress /\n /\n Expands all of the passed items.\n * If no items are passed, expands ALL items.\n /\n public expand(\n / alternateType: TreeItemCollection /\n items?: IgcTreeItemComponent[]\n ): void {\n const _items = items \|\| this.items;\n _items.forEach((item) => {\n item.expanded = true;\n });\n }\n\n / blazorSuppress /\n /\n Collapses all of the passed items.\n * If no items are passed, collapses ALL items.\n /\n public collapse(\n / alternateType: TreeItemCollection */\n items?: IgcTreeItemComponent[]\n ): void {\n const _items = items \|\| this.items;\n _items.forEach((item) => {\n item.expanded = false;\n });\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-tree': IgcTreeComponent;\n }\n}\n"]}

package/components/tree/tree.navigation.js CHANGED Viewed

@@ -107,9 +107,9 @@ export class IgcTreeNavigationService {
             });
         }
         else {
-            item
-                .getChildren({ flatten: true })
-                ?.forEach((c) => this._invisibleChildren.add(c));
+            for (const child of item.getChildren({ flatten: true })) {
+                this._invisibleChildren.add(child);
+            }
         }
         if (shouldUpdate) {
             this.updateVisChild();