npm - igniteui-webcomponents - Versions diffs - 4.5.0 → 4.7.0 - Mend

igniteui-webcomponents 4.5.0 → 4.7.0

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

Files changed (2085) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkSvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium: min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n display: none !important;\n}\n:host {\n --search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));\n --search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-1));\n --search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-1));\n --helper-text-color: var(--ig-textarea-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);\n --input-prefix-color: var(--ig-textarea-input-prefix-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);\n --input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);\n --input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);\n --input-suffix-color: var(--ig-textarea-input-suffix-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);\n --input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);\n --input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --idle-text-color: var(--ig-textarea-idle-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --filled-text-color: var(--ig-textarea-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focused-text-color: var(--ig-textarea-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --disabled-text-color: var(--ig-textarea-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));\n --disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-border-color: var(--ig-textarea-disabled-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --border-color: var(--ig-textarea-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --hover-border-color: var(--ig-textarea-hover-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --focused-border-color: var(--ig-textarea-focused-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));\n --border-background: var(--ig-textarea-border-background, transparent);\n --border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);\n --search-background: var(--ig-textarea-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --search-disabled-background: var(--ig-textarea-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --success-secondary-color: var(--ig-textarea-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));\n --warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));\n --error-secondary-color: var(--ig-textarea-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --placeholder-color: var(--ig-textarea-placeholder-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --box-background: var(--ig-textarea-box-background, transparent);\n --box-background-hover: var(--ig-textarea-box-background-hover, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --box-background-focus: var(--ig-textarea-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --box-disabled-background: var(--ig-textarea-box-disabled-background, transparent);\n --box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) 1.25rem), 1.25rem));\n --border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));\n --search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));\n --success-shadow-color: var(--ig-textarea-success-shadow-color, hsla(var(--ig-success-500), 0.38));\n --error-shadow-color: var(--ig-textarea-error-shadow-color, hsla(var(--ig-error-500), 0.38));\n --size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));\n font-family: var(--ig-body-1-font-family, var(--ig-font-family));\n font-size: var(--ig-body-1-font-size);\n font-weight: var(--ig-body-1-font-weight);\n font-style: var(--ig-body-1-font-style);\n line-height: var(--ig-body-1-line-height);\n letter-spacing: var(--ig-body-1-letter-spacing);\n text-transform: var(--ig-body-1-text-transform);\n margin-top: var(--ig-body-1-margin-top);\n margin-bottom: var(--ig-body-1-margin-bottom);\n}\n\n:host(:hover) [part~=container] {\n background: var(--box-background-hover);\n}\n\n:host(:focus-within) [part~=label] {\n color: var(--focused-secondary-color);\n}\n:host(:focus-within) [part~=container] {\n background: var(--box-background-hover);\n}\n:host(:focus-within) [part~=container]::after {\n border-block-end-width: 0.125rem;\n border-block-end-color: var(--focused-bottom-line-color);\n -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n[part~=label] {\n display: block;\n font-size: 0.875rem;\n font-weight: 600;\n position: static;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n -webkit-transform-origin: top left;\n -ms-transform-origin: top left;\n transform-origin: top left;\n margin-top: 0;\n height: auto;\n -webkit-margin-after: 0.25rem;\n margin-block-end: 0.25rem;\n color: var(--idle-secondary-color);\n}\n\n[part~=container] {\n border-start-start-radius: var(--box-border-radius);\n border-start-end-radius: var(--box-border-radius);\n -webkit-transition: background 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n transition: background 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n overflow: hidden;\n -webkit-padding-start: 0;\n padding-inline-start: 0;\n height: calc(100% - 0.125rem);\n top: 0.0625rem;\n}\n[part~=container]::after {\n content: \"\";\n position: absolute;\n bottom: 0%;\n width: 100%;\n -webkit-border-after: 0.0625rem solid var(--idle-bottom-line-color);\n border-block-end: 0.0625rem solid var(--idle-bottom-line-color);\n -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\ntextarea {\n padding-block: 0.5rem;\n 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)));\n background: transparent;\n color: var(--filled-text-color);\n}\ntextarea::-webkit-input-placeholder {\n color: var(--placeholder-color);\n}\ntextarea::-moz-placeholder {\n color: var(--placeholder-color);\n}\ntextarea:-ms-input-placeholder {\n color: var(--placeholder-color);\n}\ntextarea::-ms-input-placeholder {\n color: var(--placeholder-color);\n}\ntextarea::placeholder {\n color: var(--placeholder-color);\n}\n\n[part~=prefixed] textarea {\n -webkit-padding-start: 0.25rem;\n padding-inline-start: 0.25rem;\n}\n\n[part~=suffixed] textarea {\n -webkit-padding-end: 0.25rem;\n padding-inline-end: 0.25rem;\n}\n\n[part~=helper-text] {\n font-family: var(--ig-caption-font-family, var(--ig-font-family));\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n color: var(--helper-text-color);\n -webkit-padding-before: 0.375rem;\n padding-block-start: 0.375rem;\n -webkit-padding-start: 0.75rem;\n padding-inline-start: 0.75rem;\n}\n\n[part~=prefixed] [part~=prefix] {\n color: var(--input-prefix-color);\n background: var(--input-prefix-background);\n border-start-start-radius: var(--border-border-radius);\n}\n\n[part~=suffixed] [part~=suffix] {\n color: var(--input-suffix-color);\n background: var(--input-suffix-background);\n border-start-end-radius: var(--border-border-radius);\n}\n\n[part~=prefixed] [part~=prefix],\n[part~=suffixed] [part~=suffix] {\n height: calc(100% - 0.0625rem);\n}\n\n[part~=filled] [part=prefix],\n[part~=filled] [part=suffix] {\n color: var(--input-prefix-color--filled);\n background: var(--input-prefix-background--filled);\n}\n[part~=filled] [part~=input] {\n color: var(--input-prefix-color--filled);\n}\n\n:host([invalid]:not(:disabled)) [part~=label],\n:host([invalid]:not(:disabled)) [part~=helper-text],\n:host([invalid]:not([disabled])) [part~=label],\n:host([invalid]:not([disabled])) [part~=helper-text] {\n color: var(--error-secondary-color);\n}\n:host([invalid]:not(:disabled)) [part~=container]::after,\n:host([invalid]:not([disabled])) [part~=container]::after {\n -webkit-border-after: 0.0625rem solid var(--error-secondary-color);\n border-block-end: 0.0625rem solid var(--error-secondary-color);\n}\n\n:host([invalid]:not(:disabled):focus-within) [part~=container]::after,\n:host([invalid]:not([disabled]):focus-within) [part~=container]::after {\n border-block-end-width: 0.125rem;\n}\n\n:host(:disabled),\n:host([disabled]) {\n color: var(--disabled-text-color);\n}\n:host(:disabled) [part=prefix],\n:host(:disabled) [part=suffix],\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix] {\n color: var(--disabled-text-color);\n background: inherit;\n}\n:host(:disabled) [part~=helper-text],\n:host([disabled]) [part~=helper-text] {\n color: var(--disabled-text-color);\n}\n:host(:disabled) [part~=container],\n:host([disabled]) [part~=container] {\n background: transparent;\n}\n:host(:disabled) [part~=container]::after,\n:host([disabled]) [part~=container]::after {\n border-block-end-color: var(--disabled-bottom-line-color);\n}\n:host(:disabled) textarea,\n:host([disabled]) textarea {\n color: var(--disabled-text-color);\n}\n:host(:disabled) textarea::-webkit-input-placeholder, :host([disabled]) textarea::-webkit-input-placeholder {\n color: var(--disabled-placeholder-color);\n}\n:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder {\n color: var(--disabled-placeholder-color);\n}\n:host(:disabled) textarea:-ms-input-placeholder, :host([disabled]) textarea:-ms-input-placeholder {\n color: var(--disabled-placeholder-color);\n}\n:host(:disabled) textarea::-ms-input-placeholder, :host([disabled]) textarea::-ms-input-placeholder {\n color: var(--disabled-placeholder-color);\n}\n:host(:disabled) textarea::placeholder,\n:host([disabled]) textarea::placeholder {\n color: var(--disabled-placeholder-color);\n}\n:host(:disabled) [part~=label],\n:host([disabled]) [part~=label] {\n color: var(--disabled-text-color);\n}`;\n"]}
1	+ {"version":3,"file":"textarea.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i4KAAi4K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-1));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-1));--helper-text-color: var(--ig-textarea-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);--input-prefix-color: var(--ig-textarea-input-prefix-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);--input-suffix-color: var(--ig-textarea-input-suffix-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsla(var(--ig-gray-600), var(--ig-gray-a)));--idle-text-color: var(--ig-textarea-idle-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--filled-text-color: var(--ig-textarea-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-text-color: var(--ig-textarea-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-border-color: var(--ig-textarea-disabled-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-color: var(--ig-textarea-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-textarea-hover-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-border-color: var(--ig-textarea-focused-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--border-background: var(--ig-textarea-border-background, transparent);--border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);--search-background: var(--ig-textarea-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--search-disabled-background: var(--ig-textarea-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--success-secondary-color: var(--ig-textarea-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));--warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--error-secondary-color: var(--ig-textarea-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--placeholder-color: var(--ig-textarea-placeholder-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--box-background: var(--ig-textarea-box-background, transparent);--box-background-hover: var(--ig-textarea-box-background-hover, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-background-focus: var(--ig-textarea-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--box-disabled-background: var(--ig-textarea-box-disabled-background, transparent);--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-textarea-success-shadow-color, hsla(var(--ig-success-500), 0.38));--error-shadow-color: var(--ig-textarea-error-shadow-color, hsla(var(--ig-error-500), 0.38));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-textarea-default-size, 2)}`;\n"]}

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

@@ -1,491 +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;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  scrollbar-width: var(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-:host([hidden]),
-[hidden] {
-  display: none !important;
-}
-:host {
-  --search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));
-  --search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));
-  --search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));
-  --helper-text-color: var(--ig-textarea-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);
-  --input-prefix-color: var(--ig-textarea-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);
-  --input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);
-  --input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);
-  --input-suffix-color: var(--ig-textarea-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);
-  --input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);
-  --input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --idle-text-color: var(--ig-textarea-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --filled-text-color: var(--ig-textarea-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --focused-text-color: var(--ig-textarea-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --disabled-text-color: var(--ig-textarea-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));
-  --focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
-  --focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));
-  --disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --disabled-border-color: var(--ig-textarea-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --border-color: var(--ig-textarea-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));
-  --hover-border-color: var(--ig-textarea-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --focused-border-color: var(--ig-textarea-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --border-background: var(--ig-textarea-border-background, transparent);
-  --border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);
-  --search-background: var(--ig-textarea-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));
-  --search-disabled-background: var(--ig-textarea-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --success-secondary-color: var(--ig-textarea-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));
-  --warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));
-  --error-secondary-color: var(--ig-textarea-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --placeholder-color: var(--ig-textarea-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --box-background: var(--ig-textarea-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --box-background-hover: var(--ig-textarea-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --box-background-focus: var(--ig-textarea-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --box-disabled-background: var(--ig-textarea-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));
-  --border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));
-  --search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));
-  --success-shadow-color: var(--ig-textarea-success-shadow-color, hsla(var(--ig-success-500), 0.38));
-  --error-shadow-color: var(--ig-textarea-error-shadow-color, hsla(var(--ig-error-500), 0.38));
-  --size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));
-  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);
-}
-textarea {
-  border: none;
-  padding: 0;
-  overflow: auto;
-  -webkit-margin-before: 1.25rem;
-          margin-block-start: 1.25rem;
-  grid-area: 1/2/span 1/span 2;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  position: relative;
-  max-width: inherit;
-  padding-inline: 0.25rem;
-  background: transparent;
-  color: var(--filled-text-color);
-}
-textarea::-webkit-input-placeholder {
-  color: var(--placeholder-color);
-}
-textarea::-moz-placeholder {
-  color: var(--placeholder-color);
-}
-textarea:-ms-input-placeholder {
-  color: var(--placeholder-color);
-}
-textarea::-ms-input-placeholder {
-  color: var(--placeholder-color);
-}
-textarea::placeholder {
-  color: var(--placeholder-color);
-}
-: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);
-}
-:host(:not([outlined])) [part~=container]::after {
-  content: "";
-  position: absolute;
-  bottom: 0%;
-  width: 100%;
-  -webkit-border-after: 0.0625rem solid var(--idle-bottom-line-color);
-          border-block-end: 0.0625rem solid var(--idle-bottom-line-color);
-  -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
-  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-:host(:not([outlined]):hover) [part~=container] {
-  background: var(--box-background-hover);
-}
-:host(:not([outlined]):hover) [part~=container]::after {
-  border-block-end-width: 0.0625rem;
-  border-block-end-color: var(--hover-bottom-line-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::-webkit-input-placeholder, :host([disabled]) textarea::-webkit-input-placeholder {
-  color: var(--disabled-placeholder-color);
-}
-:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder {
-  color: var(--disabled-placeholder-color);
-}
-:host(:disabled) textarea:-ms-input-placeholder, :host([disabled]) textarea:-ms-input-placeholder {
-  color: var(--disabled-placeholder-color);
-}
-:host(:disabled) textarea::-ms-input-placeholder, :host([disabled]) textarea::-ms-input-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);
-}
-: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([invalid]:not(:disabled)) [part~=container]::after,
-:host([invalid]:not([disabled])) [part~=container]::after {
-  border-block-end-color: var(--error-secondary-color);
-}
-:host([invalid]:not(:disabled)) [part~=label],
-:host([invalid]:not([disabled])) [part~=label] {
-  color: var(--error-secondary-color);
-}
-:host([invalid]:not(:disabled)) [part~=helper-text],
-:host([invalid]:not([disabled])) [part~=helper-text] {
-  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: 0.125rem;
-  border-block-end-color: var(--focused-bottom-line-color);
-}
-:host(:not([outlined]):focus-within) [part~=prefix] {
-  color: var(--input-prefix-color--focused);
-  background: var(--input-prefix-background--focused);
-}
-:host(:not([outlined]):focus-within) [part~=suffix] {
-  color: var(--input-suffix-color--focused);
-  background: var(--input-suffix-background--focused);
-}
-:host([invalid]:not([outlined]):focus-within) [part~=container]::after {
-  border-block-end-color: var(--error-secondary-color);
-}
-[part~=label] {
-  position: absolute;
-  max-width: 100%;
-  -webkit-padding-end: 0.25rem;
-          padding-inline-end: 0.25rem;
-  line-height: normal;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-  will-change: transform;
-  -webkit-transform-origin: top left;
-      -ms-transform-origin: top left;
-          transform-origin: top left;
-  color: var(--idle-secondary-color);
-  -webkit-transform: translateY(0);
-      -ms-transform: translateY(0);
-          transform: translateY(0);
-  top: calc(1.25rem / 4);
-  font-size: 0.75rem;
-}
-[part=start],
-[part=end] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          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: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: auto;
-  min-width: 0;
-  height: 100%;
-  position: relative;
-  grid-area: 1/2;
-  padding-inline: 0.25rem;
-}
-[part=filler] {
-  grid-area: 1/3;
-}
-[part=end] {
-  grid-area: 1/4;
-}
-[part~=prefixed] [part~=prefix] {
-  color: var(--input-prefix-color);
-  background: var(--input-prefix-background);
-  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] {
-  color: var(--input-suffix-color);
-  background: var(--input-suffix-background);
-  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);
-}
-[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~=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);
-  -webkit-padding-before: 0.3125rem;
-          padding-block-start: 0.3125rem;
-  -webkit-padding-start: 1rem;
-          padding-inline-start: 1rem;
-}
-:host([outlined]) {
-  -webkit-box-align: initial;
-      -ms-flex-align: initial;
-          align-items: initial;
-  padding: 0;
-  -webkit-box-shadow: none;
-          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=start] {
-  width: auto;
-  border-color: var(--border-color);
-  border-style: solid;
-  border-inline-start-width: 0.0625rem;
-  border-inline-end-width: 0;
-  border-block-start-width: 0.0625rem;
-  border-block-end-width: 0.0625rem;
-  border-start-start-radius: var(--border-border-radius);
-  border-end-start-radius: var(--border-border-radius);
-}
-:host([outlined]) [part~=label] {
-  top: 0;
-  -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-          transform: translateY(-50%);
-  -webkit-margin-after: auto;
-          margin-block-end: auto;
-  -webkit-padding-end: 0;
-          padding-inline-end: 0;
-  display: inline-block;
-  position: relative;
-  background: transparent;
-}
-:host([outlined]) [part=filler] {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: var(--border-color);
-  border-left: none;
-  border-right: none;
-}
-:host([outlined]) [part=notch] {
-  border-block-start-color: transparent;
-  -webkit-border-after: 0.0625rem solid var(--border-color);
-          border-block-end: 0.0625rem solid var(--border-color);
-  padding: 0 0.25rem;
-}
-:host([outlined]) [part=notch]:empty {
-  display: none;
-}
-:host([outlined]) [part=end] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          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: 0.0625rem;
-  border-block-start-width: 0.0625rem;
-  border-block-end-width: 0.0625rem;
-  border-start-end-radius: var(--border-border-radius);
-  border-end-end-radius: var(--border-border-radius);
-}
-:host([outlined]) textarea {
-  bottom: 0.125rem;
-}
-:host([outlined]:focus-within) [part=filler],
-:host([outlined]:focus-within) [part=notch] {
-  border-block-width: 0.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: 0.125rem;
-  border-inline-end-width: 0;
-  border-block-start-width: 0.125rem;
-  border-block-end-width: 0.125rem;
-}
-:host([outlined]:focus-within) [part=end] {
-  border-color: var(--focused-border-color);
-  border-inline-start-width: 0;
-  border-inline-end-width: 0.125rem;
-  border-block-start-width: 0.125rem;
-  border-block-end-width: 0.125rem;
-}
-:host([outlined]:focus-within) [part~=prefix] {
-  -webkit-margin-start: -0.0625rem;
-          margin-inline-start: -0.0625rem;
-}
-:host([outlined]:focus-within) [part~=suffix] {
-  -webkit-margin-end: -0.0625rem;
-          margin-inline-end: -0.0625rem;
-}
-:host([invalid][outlined]:not(:disabled)) [part=start],
-:host([invalid][outlined]:not(:disabled)) [part=filler],
-:host([invalid][outlined]:not(:disabled)) [part=notch],
-:host([invalid][outlined]:not(:disabled)) [part=end],
-:host([invalid][outlined]:not(:disabled):focus-within) [part=start],
-:host([invalid][outlined]:not(:disabled):focus-within) [part=filler],
-:host([invalid][outlined]:not(:disabled):focus-within) [part=notch],
-:host([invalid][outlined]:not(:disabled):focus-within) [part=end],
-:host([invalid][outlined]:not([disabled])) [part=start],
-:host([invalid][outlined]:not([disabled])) [part=filler],
-:host([invalid][outlined]:not([disabled])) [part=notch],
-:host([invalid][outlined]:not([disabled])) [part=end],
-:host([invalid][outlined]:not([disabled]):focus-within) [part=start],
-:host([invalid][outlined]:not([disabled]):focus-within) [part=filler],
-:host([invalid][outlined]:not([disabled]):focus-within) [part=notch],
-:host([invalid][outlined]:not([disabled]):focus-within) [part=end] {
-  border-color: var(--error-secondary-color);
-}
-: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{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-textarea-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);--input-prefix-color: var(--ig-textarea-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);--input-suffix-color: var(--ig-textarea-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-text-color: var(--ig-textarea-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-text-color: var(--ig-textarea-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-text-color: var(--ig-textarea-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-textarea-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-textarea-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--hover-border-color: var(--ig-textarea-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-border-color: var(--ig-textarea-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-background: var(--ig-textarea-border-background, transparent);--border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);--search-background: var(--ig-textarea-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--search-disabled-background: var(--ig-textarea-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--success-secondary-color: var(--ig-textarea-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));--warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--error-secondary-color: var(--ig-textarea-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--placeholder-color: var(--ig-textarea-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--box-background: var(--ig-textarea-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-hover: var(--ig-textarea-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-focus: var(--ig-textarea-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--box-disabled-background: var(--ig-textarea-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-textarea-success-shadow-color, hsla(var(--ig-success-500), 0.38));--error-shadow-color: var(--ig-textarea-error-shadow-color, hsla(var(--ig-error-500), 0.38));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-textarea-default-size, 2)}`;
 //# sourceMappingURL=textarea.material.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwevB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium: min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n display: none !important;\n}\n:host {\n --search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));\n --search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));\n --search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));\n --helper-text-color: var(--ig-textarea-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);\n --input-prefix-color: var(--ig-textarea-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);\n --input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);\n --input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);\n --input-suffix-color: var(--ig-textarea-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);\n --input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);\n --input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --idle-text-color: var(--ig-textarea-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --filled-text-color: var(--ig-textarea-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focused-text-color: var(--ig-textarea-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --disabled-text-color: var(--ig-textarea-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));\n --disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --disabled-border-color: var(--ig-textarea-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --border-color: var(--ig-textarea-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --hover-border-color: var(--ig-textarea-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focused-border-color: var(--ig-textarea-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --border-background: var(--ig-textarea-border-background, transparent);\n --border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);\n --search-background: var(--ig-textarea-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --search-disabled-background: var(--ig-textarea-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --success-secondary-color: var(--ig-textarea-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));\n --warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));\n --error-secondary-color: var(--ig-textarea-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --placeholder-color: var(--ig-textarea-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --box-background: var(--ig-textarea-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --box-background-hover: var(--ig-textarea-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --box-background-focus: var(--ig-textarea-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --box-disabled-background: var(--ig-textarea-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) 1.25rem), 1.25rem));\n --border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n --search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n --success-shadow-color: var(--ig-textarea-success-shadow-color, hsla(var(--ig-success-500), 0.38));\n --error-shadow-color: var(--ig-textarea-error-shadow-color, hsla(var(--ig-error-500), 0.38));\n --size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));\n font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));\n font-size: var(--ig-subtitle-1-font-size);\n font-weight: var(--ig-subtitle-1-font-weight);\n font-style: var(--ig-subtitle-1-font-style);\n line-height: var(--ig-subtitle-1-line-height);\n letter-spacing: var(--ig-subtitle-1-letter-spacing);\n text-transform: var(--ig-subtitle-1-text-transform);\n margin-top: var(--ig-subtitle-1-margin-top);\n margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}\n\ntextarea {\n border: none;\n padding: 0;\n overflow: auto;\n -webkit-margin-before: 1.25rem;\n margin-block-start: 1.25rem;\n grid-area: 1/2/span 1/span 2;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n position: relative;\n max-width: inherit;\n padding-inline: 0.25rem;\n background: transparent;\n color: var(--filled-text-color);\n}\ntextarea::-webkit-input-placeholder {\n color: var(--placeholder-color);\n}\ntextarea::-moz-placeholder {\n color: var(--placeholder-color);\n}\ntextarea:-ms-input-placeholder {\n color: var(--placeholder-color);\n}\ntextarea::-ms-input-placeholder {\n color: var(--placeholder-color);\n}\ntextarea::placeholder {\n color: var(--placeholder-color);\n}\n\n:host(:not([outlined])) [part~=container] {\n overflow: hidden;\n border-start-start-radius: var(--box-border-radius);\n border-start-end-radius: var(--box-border-radius);\n background: var(--box-background);\n}\n:host(:not([outlined])) [part~=container]::after {\n content: \"\";\n position: absolute;\n bottom: 0%;\n width: 100%;\n -webkit-border-after: 0.0625rem solid var(--idle-bottom-line-color);\n border-block-end: 0.0625rem solid var(--idle-bottom-line-color);\n -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n:host(:not([outlined]):hover) [part~=container] {\n background: var(--box-background-hover);\n}\n:host(:not([outlined]):hover) [part~=container]::after {\n border-block-end-width: 0.0625rem;\n border-block-end-color: var(--hover-bottom-line-color);\n}\n\n:host(:disabled),\n:host([disabled]) {\n color: var(--disabled-text-color);\n}\n:host(:disabled) [part=prefix],\n:host(:disabled) [part=suffix],\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix] {\n color: var(--disabled-text-color);\n background: inherit;\n}\n:host(:disabled) [part~=helper-text],\n:host([disabled]) [part~=helper-text] {\n color: var(--disabled-text-color);\n}\n:host(:disabled) textarea,\n:host([disabled]) textarea {\n color: var(--disabled-text-color);\n}\n:host(:disabled) textarea::-webkit-input-placeholder, :host([disabled]) textarea::-webkit-input-placeholder {\n color: var(--disabled-placeholder-color);\n}\n:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder {\n color: var(--disabled-placeholder-color);\n}\n:host(:disabled) textarea:-ms-input-placeholder, :host([disabled]) textarea:-ms-input-placeholder {\n color: var(--disabled-placeholder-color);\n}\n:host(:disabled) textarea::-ms-input-placeholder, :host([disabled]) textarea::-ms-input-placeholder {\n color: var(--disabled-placeholder-color);\n}\n:host(:disabled) textarea::placeholder,\n:host([disabled]) textarea::placeholder {\n color: var(--disabled-placeholder-color);\n}\n:host(:disabled) [part~=label],\n:host([disabled]) [part~=label] {\n color: var(--disabled-text-color);\n}\n\n:host(:disabled:not([outlined])) [part~=container],\n:host([disabled]:not([outlined])) [part~=container] {\n background: var(--box-disabled-background);\n}\n:host(:disabled:not([outlined])) [part~=container]::after,\n:host([disabled]:not([outlined])) [part~=container]::after {\n border-block-end-color: var(--disabled-bottom-line-color);\n border-block-end-style: dashed;\n}\n\n:host([invalid]:not(:disabled)) [part~=container]::after,\n:host([invalid]:not([disabled])) [part~=container]::after {\n border-block-end-color: var(--error-secondary-color);\n}\n:host([invalid]:not(:disabled)) [part~=label],\n:host([invalid]:not([disabled])) [part~=label] {\n color: var(--error-secondary-color);\n}\n:host([invalid]:not(:disabled)) [part~=helper-text],\n:host([invalid]:not([disabled])) [part~=helper-text] {\n color: var(--error-secondary-color);\n}\n\n:host(:focus-within) [part~=label] {\n color: var(--focused-secondary-color);\n}\n\n:host(:not([outlined]):focus-within) {\n color: var(--input-prefix-color--focused);\n}\n:host(:not([outlined]):focus-within) [part~=container] {\n background: var(--box-background-focus);\n}\n:host(:not([outlined]):focus-within) [part~=container]::after {\n border-block-end-width: 0.125rem;\n border-block-end-color: var(--focused-bottom-line-color);\n}\n:host(:not([outlined]):focus-within) [part~=prefix] {\n color: var(--input-prefix-color--focused);\n background: var(--input-prefix-background--focused);\n}\n:host(:not([outlined]):focus-within) [part~=suffix] {\n color: var(--input-suffix-color--focused);\n background: var(--input-suffix-background--focused);\n}\n\n:host([invalid]:not([outlined]):focus-within) [part~=container]::after {\n border-block-end-color: var(--error-secondary-color);\n}\n\n[part~=label] {\n position: absolute;\n max-width: 100%;\n -webkit-padding-end: 0.25rem;\n padding-inline-end: 0.25rem;\n line-height: normal;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n will-change: transform;\n -webkit-transform-origin: top left;\n -ms-transform-origin: top left;\n transform-origin: top left;\n color: var(--idle-secondary-color);\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n top: calc(1.25rem / 4);\n font-size: 0.75rem;\n}\n\n[part=start],\n[part=end] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n 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)));\n min-height: 100%;\n overflow: hidden;\n}\n\n[part=start] {\n grid-area: 1/1;\n}\n\n[part=notch] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: auto;\n min-width: 0;\n height: 100%;\n position: relative;\n grid-area: 1/2;\n padding-inline: 0.25rem;\n}\n\n[part=filler] {\n grid-area: 1/3;\n}\n\n[part=end] {\n grid-area: 1/4;\n}\n\n[part~=prefixed] [part~=prefix] {\n color: var(--input-prefix-color);\n background: var(--input-prefix-background);\n 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)));\n}\n\n[part~=suffixed] [part~=suffix] {\n color: var(--input-suffix-color);\n background: var(--input-suffix-background);\n 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)));\n}\n\n[part~=filled] {\n color: var(--input-prefix-color--filled);\n}\n[part~=filled] [part~=prefix] {\n color: var(--input-prefix-color--filled);\n background: var(--input-prefix-background--filled);\n}\n[part~=filled] [part~=suffix] {\n color: var(--input-suffix-color--filled);\n background: var(--input-suffix-background--filled);\n}\n\n[part~=helper-text] {\n font-family: var(--ig-caption-font-family, var(--ig-font-family));\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n color: var(--helper-text-color);\n -webkit-padding-before: 0.3125rem;\n padding-block-start: 0.3125rem;\n -webkit-padding-start: 1rem;\n padding-inline-start: 1rem;\n}\n\n:host([outlined]) {\n -webkit-box-align: initial;\n -ms-flex-align: initial;\n align-items: initial;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n border-radius: var(--border-border-radius);\n background: var(--border-background);\n overflow: initial;\n}\n:host([outlined]) [part~=container] {\n grid-template-columns: auto auto 1fr auto;\n display: grid;\n}\n:host([outlined]) [part=start] {\n width: auto;\n border-color: var(--border-color);\n border-style: solid;\n border-inline-start-width: 0.0625rem;\n border-inline-end-width: 0;\n border-block-start-width: 0.0625rem;\n border-block-end-width: 0.0625rem;\n border-start-start-radius: var(--border-border-radius);\n border-end-start-radius: var(--border-border-radius);\n}\n:host([outlined]) [part~=label] {\n top: 0;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n -webkit-margin-after: auto;\n margin-block-end: auto;\n -webkit-padding-end: 0;\n padding-inline-end: 0;\n display: inline-block;\n position: relative;\n background: transparent;\n}\n:host([outlined]) [part=filler] {\n border-width: 0.0625rem;\n border-style: solid;\n border-color: var(--border-color);\n border-left: none;\n border-right: none;\n}\n:host([outlined]) [part=notch] {\n border-block-start-color: transparent;\n -webkit-border-after: 0.0625rem solid var(--border-color);\n border-block-end: 0.0625rem solid var(--border-color);\n padding: 0 0.25rem;\n}\n:host([outlined]) [part=notch]:empty {\n display: none;\n}\n:host([outlined]) [part=end] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n height: 100%;\n grid-area: 1/4;\n border-color: var(--border-color);\n border-style: solid;\n border-inline-start-width: 0;\n border-inline-end-width: 0.0625rem;\n border-block-start-width: 0.0625rem;\n border-block-end-width: 0.0625rem;\n border-start-end-radius: var(--border-border-radius);\n border-end-end-radius: var(--border-border-radius);\n}\n:host([outlined]) textarea {\n bottom: 0.125rem;\n}\n\n:host([outlined]:focus-within) [part=filler],\n:host([outlined]:focus-within) [part=notch] {\n border-block-width: 0.125rem;\n}\n:host([outlined]:focus-within) [part=filler] {\n border-block-color: var(--focused-border-color);\n}\n:host([outlined]:focus-within) [part=notch] {\n border-block-end-color: var(--focused-border-color);\n}\n:host([outlined]:focus-within) [part=start] {\n border-color: var(--focused-border-color);\n border-inline-start-width: 0.125rem;\n border-inline-end-width: 0;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host([outlined]:focus-within) [part=end] {\n border-color: var(--focused-border-color);\n border-inline-start-width: 0;\n border-inline-end-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host([outlined]:focus-within) [part~=prefix] {\n -webkit-margin-start: -0.0625rem;\n margin-inline-start: -0.0625rem;\n}\n:host([outlined]:focus-within) [part~=suffix] {\n -webkit-margin-end: -0.0625rem;\n margin-inline-end: -0.0625rem;\n}\n\n:host([invalid][outlined]:not(:disabled)) [part=start],\n:host([invalid][outlined]:not(:disabled)) [part=filler],\n:host([invalid][outlined]:not(:disabled)) [part=notch],\n:host([invalid][outlined]:not(:disabled)) [part=end],\n:host([invalid][outlined]:not(:disabled):focus-within) [part=start],\n:host([invalid][outlined]:not(:disabled):focus-within) [part=filler],\n:host([invalid][outlined]:not(:disabled):focus-within) [part=notch],\n:host([invalid][outlined]:not(:disabled):focus-within) [part=end],\n:host([invalid][outlined]:not([disabled])) [part=start],\n:host([invalid][outlined]:not([disabled])) [part=filler],\n:host([invalid][outlined]:not([disabled])) [part=notch],\n:host([invalid][outlined]:not([disabled])) [part=end],\n:host([invalid][outlined]:not([disabled]):focus-within) [part=start],\n:host([invalid][outlined]:not([disabled]):focus-within) [part=filler],\n:host([invalid][outlined]:not([disabled]):focus-within) [part=notch],\n:host([invalid][outlined]:not([disabled]):focus-within) [part=end] {\n border-color: var(--error-secondary-color);\n}\n\n:host(:disabled[outlined]) [part~=container],\n:host([disabled][outlined]) [part~=container] {\n background: var(--border-disabled-background);\n}\n:host(:disabled[outlined]) [part=start],\n:host(:disabled[outlined]) [part=filler],\n:host(:disabled[outlined]) [part=notch],\n:host(:disabled[outlined]) [part=end],\n:host([disabled][outlined]) [part=start],\n:host([disabled][outlined]) [part=filler],\n:host([disabled][outlined]) [part=notch],\n:host([disabled][outlined]) [part=end] {\n border-color: var(--disabled-border-color);\n}`;\n"]}
1	+ {"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+7KAA+7K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-textarea-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);--input-prefix-color: var(--ig-textarea-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);--input-suffix-color: var(--ig-textarea-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-text-color: var(--ig-textarea-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-text-color: var(--ig-textarea-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-text-color: var(--ig-textarea-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-textarea-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-textarea-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--hover-border-color: var(--ig-textarea-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-border-color: var(--ig-textarea-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-background: var(--ig-textarea-border-background, transparent);--border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);--search-background: var(--ig-textarea-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--search-disabled-background: var(--ig-textarea-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--success-secondary-color: var(--ig-textarea-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));--warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--error-secondary-color: var(--ig-textarea-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--placeholder-color: var(--ig-textarea-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--box-background: var(--ig-textarea-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-hover: var(--ig-textarea-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-focus: var(--ig-textarea-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--box-disabled-background: var(--ig-textarea-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-textarea-success-shadow-color, hsla(var(--ig-success-500), 0.38));--error-shadow-color: var(--ig-textarea-error-shadow-color, hsla(var(--ig-error-500), 0.38));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-textarea-default-size, 2)}`;\n"]}

package/components/textarea/themes/shared/textarea.bootstrap.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +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))}[part~=label]{position:static;display:block;color:var(--idle-secondary-color);padding:0;line-height:1.5rem;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;margin-block:0 .25rem;height:auto;font-size:1rem}[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);-webkit-padding-before:.25rem;padding-block-start:.25rem;-webkit-padding-start:0;padding-inline-start:0}[part~=prefixed] [part~=prefix]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);overflow:hidden;border-inline-end-width:0;color:var(--input-prefix-color);background:var(--input-prefix-background);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;color:var(--input-suffix-color);background:var(--input-suffix-background);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}[part~=filled] [part=prefix],[part~=filled] [part=suffix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}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)));background:rgba(0,0,0,0);color:var(--filled-text-color);-webkit-transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out,-webkit-box-shadow .15s ease-out}textarea::-webkit-input-placeholder{color:var(--placeholder-color)}textarea::-moz-placeholder{color:var(--placeholder-color)}textarea:-ms-input-placeholder{color:var(--placeholder-color)}textarea::-ms-input-placeholder{color:var(--placeholder-color)}textarea::placeholder{color:var(--placeholder-color)}: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);-webkit-box-shadow:0 0 0 .25rem var(--focused-secondary-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}:host([invalid]:not(:disabled)) textarea,:host([invalid]:not([disabled])) textarea{border:.0625rem solid var(--error-secondary-color);-webkit-box-shadow:0 0 0 .25rem var(--error-shadow-color);box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host([invalid]:not(:disabled)) [part~=helper-text],:host([invalid]:not([disabled])) [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]{background:var(--border-disabled-background);border-color:var(--disabled-border-color);color:var(--disabled-text-color)}: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);background:var(--border-disabled-background);border:.0625rem solid var(--disabled-border-color);-webkit-box-shadow:none;box-shadow:none}:host(:disabled) textarea::-webkit-input-placeholder, :host([disabled]) textarea::-webkit-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea:-ms-input-placeholder, :host([disabled]) textarea:-ms-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-ms-input-placeholder, :host([disabled]) textarea::-ms-input-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)}`;
+//# sourceMappingURL=textarea.bootstrap.css.js.map

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

@@ -0,0 +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,6uNAA6uN,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))}[part~=label]{position:static;display:block;color:var(--idle-secondary-color);padding:0;line-height:1.5rem;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;margin-block:0 .25rem;height:auto;font-size:1rem}[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);-webkit-padding-before:.25rem;padding-block-start:.25rem;-webkit-padding-start:0;padding-inline-start:0}[part~=prefixed] [part~=prefix]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);overflow:hidden;border-inline-end-width:0;color:var(--input-prefix-color);background:var(--input-prefix-background);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;color:var(--input-suffix-color);background:var(--input-suffix-background);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}[part~=filled] [part=prefix],[part~=filled] [part=suffix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}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)));background:rgba(0,0,0,0);color:var(--filled-text-color);-webkit-transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out,-webkit-box-shadow .15s ease-out}textarea::-webkit-input-placeholder{color:var(--placeholder-color)}textarea::-moz-placeholder{color:var(--placeholder-color)}textarea:-ms-input-placeholder{color:var(--placeholder-color)}textarea::-ms-input-placeholder{color:var(--placeholder-color)}textarea::placeholder{color:var(--placeholder-color)}: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);-webkit-box-shadow:0 0 0 .25rem var(--focused-secondary-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}:host([invalid]:not(:disabled)) textarea,:host([invalid]:not([disabled])) textarea{border:.0625rem solid var(--error-secondary-color);-webkit-box-shadow:0 0 0 .25rem var(--error-shadow-color);box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host([invalid]:not(:disabled)) [part~=helper-text],:host([invalid]:not([disabled])) [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]{background:var(--border-disabled-background);border-color:var(--disabled-border-color);color:var(--disabled-text-color)}: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);background:var(--border-disabled-background);border:.0625rem solid var(--disabled-border-color);-webkit-box-shadow:none;box-shadow:none}:host(:disabled) textarea::-webkit-input-placeholder, :host([disabled]) textarea::-webkit-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea:-ms-input-placeholder, :host([disabled]) textarea:-ms-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-ms-input-placeholder, :host([disabled]) textarea::-ms-input-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"]}

package/components/textarea/themes/shared/textarea.fluent.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const styles: import("lit").CSSResult;