igniteui-webcomponents 6.4.0 → 6.5.1

package/components/mask-input/mask-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { isEmpty } from '../common/util.js';\nimport type { MaskInputValueMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskSelection,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n  public static readonly tagName = 'igc-mask-input';\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n  }\n\n  //#region Internal attributes and properties\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: '',\n    transformers: {\n      setFormValue: (value) =>\n        this._isRawMode ? value || null : this._maskedValue || null,\n    },\n  });\n\n  protected get _isRawMode(): boolean {\n    return this.valueMode === 'raw';\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw` will return the clean user input.\n   * - `withFormatting` will return the value with all literals and prompts.\n   *\n   * @attr value-mode\n   * @default 'raw'\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: MaskInputValueMode = 'raw';\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the input.\n   *\n   * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n   *\n   * @attr\n   */\n  @property()\n  public set value(string: string) {\n    const value = string ?? '';\n    this._maskedValue = this._parser.apply(value);\n    this._updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  public get value(): string {\n    const value = this._formValue.value;\n\n    if (this._isRawMode) {\n      return value;\n    }\n    return value ? this._maskedValue : value;\n  }\n\n  /**\n   * The masked pattern of the component.\n   *\n   * @attr\n   * @default 'CCCCCCCCCC'\n   */\n  @property()\n  public override set mask(value: string) {\n    super.mask = value;\n    if (this.value) {\n      this._maskedValue = this._parser.apply(this._formValue.value);\n    }\n  }\n\n  public override get mask(): string {\n    return super.mask;\n  }\n\n  /**\n   * The prompt symbol to use for unfilled parts of the mask pattern.\n   *\n   * @attr\n   * @default '_'\n   */\n  @property()\n  public override set prompt(value: string) {\n    super.prompt = value;\n    if (this.value) {\n      this._maskedValue = this._parser.apply(this._formValue.value);\n    }\n  }\n\n  public override get prompt(): string {\n    return super.prompt;\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected _handleDragEnter(): void {\n    if (!this._focused && !this._formValue.value) {\n      this._maskedValue = this._parser.emptyMask;\n    }\n  }\n\n  protected _handleDragLeave(): void {\n    if (!this._focused) {\n      this._updateMaskedValue();\n    }\n  }\n\n  protected async _handleFocus(): Promise<void> {\n    this._focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    if (!this._formValue.value) {\n      // In case of empty value, select the whole mask\n      this._maskedValue = this._parser.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected override _handleBlur(): void {\n    this._focused = false;\n    this._updateMaskedValue();\n    super._handleBlur();\n  }\n\n  protected _handleChange(): void {\n    this._setTouchedState();\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  //#endregion\n\n  //#region Internal methods\n\n  protected override _restoreDefaultValue(): void {\n    const value = this.defaultValue as string;\n\n    this._maskedValue = this._parser.apply(value);\n    this._updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  protected async _updateInput(\n    text: string,\n    { start, end }: MaskSelection\n  ): Promise<void> {\n    const result = this._parser.replace(this._maskedValue, text, start, end);\n\n    this._maskedValue = result.value;\n    this._formValue.setValueAndFormState(this._parser.parse(this._maskedValue));\n    this.requestUpdate();\n\n    if (start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n\n    await this.updateComplete;\n    this.input.setSelectionRange(result.end, result.end);\n  }\n\n  protected override _updateSetRangeTextValue(): void {\n    this.value = this._parser.parse(this._maskedValue);\n  }\n\n  private _updateMaskedValue(): void {\n    if (this._maskedValue === this._parser.emptyMask) {\n      this._maskedValue = '';\n    }\n  }\n\n  //#endregion\n\n  protected override renderInput() {\n    return html`\n      <input\n        type=\"text\"\n        part=${partMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this._maskedValue)}\n        .placeholder=${this.placeholder ?? this._parser.escapedMask}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        @dragenter=${this._handleDragEnter}\n        @dragleave=${this._handleDragLeave}\n        @dragstart=${this._setMaskSelection}\n        @blur=${this._handleBlur}\n        @focus=${this._handleFocus}\n        @cut=${this._setMaskSelection}\n        @change=${this._handleChange}\n        @click=${this._handleClick}\n        @compositionstart=${this._handleCompositionStart}\n        @compositionend=${this._handleCompositionEnd}\n        @input=${this._handleInput}\n        aria-describedby=${ifDefined(\n          isEmpty(this._helperText) ? nothing : 'helper-text'\n        )}\n        @keydown=${this._setMaskSelection}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-mask-input': IgcMaskInputComponent;\n  }\n}\n"]}
+{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf } from '../common/util.js';\nimport { styles } from '../input/themes/input.base.css.js';\nimport { styles as shared } from '../input/themes/shared/input.common.css.js';\nimport { all } from '../input/themes/themes.js';\nimport type { MaskInputValueMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskSelection,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'helper-text',\n  'value-missing',\n  'bad-input',\n  'custom-error',\n  'invalid'\n);\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n  public static readonly tagName = 'igc-mask-input';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n  }\n\n  //#region Internal attributes and properties\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected override readonly _themes = addThemingController(this, all);\n\n  protected override readonly _slots = addSlotController(this, {\n    slots: Slots,\n  });\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: '',\n    transformers: {\n      setFormValue: (value) =>\n        this._isRawMode ? value || null : this._maskedValue || null,\n    },\n  });\n\n  protected get _isRawMode(): boolean {\n    return this.valueMode === 'raw';\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw`: Returns clean input (e.g. \"5551234567\")\n   * - `withFormatting`: Returns with mask formatting (e.g. \"(555) 123-4567\")\n   *\n   * Empty values always return an empty string, regardless of the value mode.\n   * @attr value-mode\n   * @default 'raw'\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: MaskInputValueMode = 'raw';\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the input.\n   *\n   * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n   *\n   * @attr\n   */\n  @property()\n  public set value(string: string) {\n    const value = string ?? '';\n    this._maskedValue = this._parser.apply(value);\n    this._updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  public get value(): string {\n    const value = this._formValue.value;\n\n    if (this._isRawMode) {\n      return value;\n    }\n    return value ? this._maskedValue : value;\n  }\n\n  /**\n   * The masked pattern of the component.\n   *\n   * @attr\n   * @default 'CCCCCCCCCC'\n   */\n  @property()\n  public override set mask(value: string) {\n    super.mask = value;\n    if (this.value) {\n      this._maskedValue = this._parser.apply(this._formValue.value);\n    }\n  }\n\n  public override get mask(): string {\n    return super.mask;\n  }\n\n  /**\n   * The prompt symbol to use for unfilled parts of the mask pattern.\n   *\n   * @attr\n   * @default '_'\n   */\n  @property()\n  public override set prompt(value: string) {\n    super.prompt = value;\n    if (this.value) {\n      this._maskedValue = this._parser.apply(this._formValue.value);\n    }\n  }\n\n  public override get prompt(): string {\n    return super.prompt;\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected _handleDragEnter(): void {\n    if (!this._focused && !this._formValue.value) {\n      this._maskedValue = this._parser.emptyMask;\n    }\n  }\n\n  protected _handleDragLeave(): void {\n    if (!this._focused) {\n      this._updateMaskedValue();\n    }\n  }\n\n  protected async _handleFocus(): Promise<void> {\n    this._focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    if (!this._formValue.value) {\n      // In case of empty value, select the whole mask\n      this._maskedValue = this._parser.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected override _handleBlur(): void {\n    this._focused = false;\n    this._updateMaskedValue();\n    super._handleBlur();\n  }\n\n  protected _handleChange(): void {\n    this._setTouchedState();\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  //#endregion\n\n  //#region Internal methods\n\n  protected override _restoreDefaultValue(): void {\n    const value = this.defaultValue as string;\n\n    this._maskedValue = this._parser.apply(value);\n    this._updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  protected async _updateInput(\n    text: string,\n    { start, end }: MaskSelection\n  ): Promise<void> {\n    const result = this._parser.replace(this._maskedValue, text, start, end);\n\n    this._maskedValue = result.value;\n    this._formValue.setValueAndFormState(this._parser.parse(this._maskedValue));\n    this.requestUpdate();\n\n    if (start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n\n    await this.updateComplete;\n    this._input?.setSelectionRange(result.end, result.end);\n  }\n\n  protected override _updateSetRangeTextValue(): void {\n    this.value = this._parser.parse(this._maskedValue);\n  }\n\n  private _updateMaskedValue(): void {\n    if (this._maskedValue === this._parser.emptyMask) {\n      this._maskedValue = '';\n    }\n  }\n\n  //#endregion\n\n  //#region Public methods\n\n  /* blazorSuppress */\n  /** Returns whether the current masked input is valid according to the mask pattern. */\n  public isValidMaskPattern(): boolean {\n    return this._parser.isValidString(this._maskedValue);\n  }\n\n  //#endregion\n\n  protected override _renderInput() {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n    const hasHelperText = this._slots.hasAssignedElements('helper-text');\n\n    return html`\n      <input\n        id=${this._inputId}\n        type=\"text\"\n        part=${partMap(this._resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this._maskedValue)}\n        .placeholder=${this.placeholder ?? this._parser.escapedMask}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        ?autofocus=${this.autofocus}\n        inputmode=${ifDefined(this.inputMode)}\n        tabindex=${bindIf(hasNegativeTabIndex, -1)}\n        aria-describedby=${bindIf(hasHelperText, 'helper-text')}\n        @dragenter=${this._handleDragEnter}\n        @dragleave=${this._handleDragLeave}\n        @dragstart=${this._setMaskSelection}\n        @blur=${this._handleBlur}\n        @focus=${this._handleFocus}\n        @cut=${this._setMaskSelection}\n        @change=${this._handleChange}\n        @click=${this._handleClick}\n        @compositionstart=${this._handleCompositionStart}\n        @compositionend=${this._handleCompositionEnd}\n        @input=${this._handleInput}\n        @keydown=${this._setMaskSelection}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-mask-input': IgcMaskInputComponent;\n  }\n}\n"]}

package/components/mask-input/validators.js

@@ -5,7 +5,7 @@ export const maskValidators = [
     {
         key: 'badInput',
         message: ValidationResourceStringsEN.mask_validation_error,
-        isValid: ({ _parser, _maskedValue }) => _parser.isValidString(_maskedValue),
+        isValid: (host) => host.isValidMaskPattern(),
     },
 ];
 //# sourceMappingURL=validators.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/mask-input/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAkB,MAAM,yBAAyB,CAAC;AAG5E,MAAM,CAAC,MAAM,cAAc,GAAuC;IAChE,iBAAiB;IACjB;QACE,GAAG,EAAE,UAAU;QACf,OAAO,EAAE,2BAA2B,CAAC,qBAAsB;QAE3D,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC;KAC5E;CACF,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport { requiredValidator, type Validator } from '../common/validators.js';\nimport type IgcMaskInputComponent from './mask-input.js';\n\nexport const maskValidators: Validator<IgcMaskInputComponent>[] = [\n  requiredValidator,\n  {\n    key: 'badInput',\n    message: ValidationResourceStringsEN.mask_validation_error!,\n    // @ts-expect-error - protected access\n    isValid: ({ _parser, _maskedValue }) => _parser.isValidString(_maskedValue),\n  },\n];\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/mask-input/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAkB,MAAM,yBAAyB,CAAC;AAG5E,MAAM,CAAC,MAAM,cAAc,GAAuC;IAChE,iBAAiB;IACjB;QACE,GAAG,EAAE,UAAU;QACf,OAAO,EAAE,2BAA2B,CAAC,qBAAsB;QAC3D,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE;KAC7C;CACF,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport { requiredValidator, type Validator } from '../common/validators.js';\nimport type IgcMaskInputComponent from './mask-input.js';\n\nexport const maskValidators: Validator<IgcMaskInputComponent>[] = [\n  requiredValidator,\n  {\n    key: 'badInput',\n    message: ValidationResourceStringsEN.mask_validation_error!,\n    isValid: (host) => host.isValidMaskPattern(),\n  },\n];\n"]}

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

@@ -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));--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(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);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::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 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));height:auto;font-size:1rem}[part~=prefixed] [part~=prefix]{border-block-width:.0625rem;border-inline-width:0;border-style:solid;border-color:var(--border-color);overflow:hidden;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-inline-width:0;border-style:solid;border-color:var(--border-color);overflow:hidden;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.75rem, -1 * 0.75rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 0;padding-inline:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border-radius:var(--border-border-radius);z-index:1;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=prefix]),:host([disabled]) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}:host(:disabled) ::slotted([slot=suffix]),:host([disabled]) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:not([disabled])) ::slotted([slot=prefix]),:host(:not(:disabled)) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:not([disabled])) ::slotted([slot=suffix]),:host(:not(:disabled)) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}`;
+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.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(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);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::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 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));height:auto;font-size:1rem}[part~=prefixed] [part~=prefix]{border-block-width:.0625rem;border-inline-width:0;border-style:solid;border-color:var(--border-color);overflow:hidden;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-inline-width:0;border-style:solid;border-color:var(--border-color);overflow:hidden;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.75rem, -1 * 0.75rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border-radius:var(--border-border-radius);z-index:1;transition:box-shadow .15s ease-out,border .15s ease-out}: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=prefix]),:host([disabled]) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}:host(:disabled) ::slotted([slot=suffix]),:host([disabled]) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:not([disabled])) ::slotted([slot=prefix]),:host(:not(:disabled)) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:not([disabled])) ::slotted([slot=suffix]),:host(:not(:disabled)) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}`;
 //# sourceMappingURL=textarea.bootstrap.css.js.map

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

@@ -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,kuMAAkuM,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.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(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);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::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 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));height:auto;font-size:1rem}[part~=prefixed] [part~=prefix]{border-block-width:.0625rem;border-inline-width:0;border-style:solid;border-color:var(--border-color);overflow:hidden;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-inline-width:0;border-style:solid;border-color:var(--border-color);overflow:hidden;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.75rem, -1 * 0.75rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 0;padding-inline:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border-radius:var(--border-border-radius);z-index:1;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=prefix]),:host([disabled]) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}:host(:disabled) ::slotted([slot=suffix]),:host([disabled]) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:not([disabled])) ::slotted([slot=prefix]),:host(:not(:disabled)) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:not([disabled])) ::slotted([slot=suffix]),:host(:not(:disabled)) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}`;\n"]}
+{"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,kqMAAkqM,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.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(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);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::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 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));height:auto;font-size:1rem}[part~=prefixed] [part~=prefix]{border-block-width:.0625rem;border-inline-width:0;border-style:solid;border-color:var(--border-color);overflow:hidden;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-inline-width:0;border-style:solid;border-color:var(--border-color);overflow:hidden;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.75rem, -1 * 0.75rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border-radius:var(--border-border-radius);z-index:1;transition:box-shadow .15s ease-out,border .15s ease-out}: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=prefix]),:host([disabled]) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}:host(:disabled) ::slotted([slot=suffix]),:host([disabled]) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:not([disabled])) ::slotted([slot=prefix]),:host(:not(:disabled)) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:not([disabled])) ::slotted([slot=suffix]),:host(:not(:disabled)) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}`;\n"]}

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

@@ -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;--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[part~=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin-block:0 max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));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}[part~=container] [part=prefix]:first-child{border-start-start-radius:calc(var(--border-border-radius) - .0625rem);border-end-start-radius:calc(var(--border-border-radius) - .0625rem)}[part~=container] [part=suffix]:last-child{border-start-end-radius:calc(var(--border-border-radius) - .0625rem);border-end-end-radius:calc(var(--border-border-radius) - .0625rem)}: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-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 0;margin-block-end:.125rem}: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(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[part~=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin-block:0 max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));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}[part~=container] [part=prefix]:first-child{border-start-start-radius:calc(var(--border-border-radius) - .0625rem);border-end-start-radius:calc(var(--border-border-radius) - .0625rem)}[part~=container] [part=suffix]:last-child{border-start-end-radius:calc(var(--border-border-radius) - .0625rem);border-end-end-radius:calc(var(--border-border-radius) - .0625rem)}: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-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([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

@@ -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,0pLAA0pL,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(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[part~=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin-block:0 max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));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}[part~=container] [part=prefix]:first-child{border-start-start-radius:calc(var(--border-border-radius) - .0625rem);border-end-start-radius:calc(var(--border-border-radius) - .0625rem)}[part~=container] [part=suffix]:last-child{border-start-end-radius:calc(var(--border-border-radius) - .0625rem);border-end-end-radius:calc(var(--border-border-radius) - .0625rem)}: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-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 0;margin-block-end:.125rem}: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"]}
+{"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,+nLAA+nL,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(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[part~=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin-block:0 max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));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}[part~=container] [part=prefix]:first-child{border-start-start-radius:calc(var(--border-border-radius) - .0625rem);border-end-start-radius:calc(var(--border-border-radius) - .0625rem)}[part~=container] [part=suffix]:last-child{border-start-end-radius:calc(var(--border-border-radius) - .0625rem);border-end-end-radius:calc(var(--border-border-radius) - .0625rem)}: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-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([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

@@ -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(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host(: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(: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-focus);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)}[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:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[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:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 0;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:max(var(--is-large, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}textarea::-moz-placeholder{font-style:italic}textarea::placeholder{font-style:italic}[part~=prefixed] textarea{padding-inline-start:0}[part~=suffixed] textarea{padding-inline-end:0}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--box-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--box-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(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host(: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(: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-focus);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)}[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:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[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:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(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))))}textarea::-moz-placeholder{font-style:italic}textarea::placeholder{font-style:italic}[part~=prefixed] textarea{padding-inline-start:0}[part~=suffixed] textarea{padding-inline-end:0}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--box-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--box-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

@@ -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,+oMAA+oM,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(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host(: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(: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-focus);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)}[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:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[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:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 0;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:max(var(--is-large, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}textarea::-moz-placeholder{font-style:italic}textarea::placeholder{font-style:italic}[part~=prefixed] textarea{padding-inline-start:0}[part~=suffixed] textarea{padding-inline-end:0}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--box-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--box-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"]}
+{"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,iwLAAiwL,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(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host(: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(: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-focus);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)}[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:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[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:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(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))))}textarea::-moz-placeholder{font-style:italic}textarea::placeholder{font-style:italic}[part~=prefixed] textarea{padding-inline-start:0}[part~=suffixed] textarea{padding-inline-end:0}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--box-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--box-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

@@ -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));--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))));--outlined-top-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem))}:host [part~=container]:not([part~=suffixed]) textarea{padding-inline-end:max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}textarea{border:none;padding:0;overflow:auto;margin-block-start:max(var(--is-large, 1)*max(var(--outlined-top-padding), -1 * var(--outlined-top-padding))*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(var(--outlined-top-padding), -1 * var(--outlined-top-padding))*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(var(--outlined-top-padding), -1 * var(--outlined-top-padding))*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));z-index:1}[part=label]{position:relative;transform-origin:top left;inset-block-start:calc((var(--outlined-top-padding)) - 0.125rem);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((var(--outlined-top-padding))/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]:not([part~=labelled]){--box-top-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem))}:host(:not([outlined])) [part~=labelled]{--box-top-padding: 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(1rem, -1 * 1rem))}: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]:not([part~=suffixed]){padding-inline-end:max(var(--is-large, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{grid-area:1/2/span 1/span 3}: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:max(var(--is-large, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) .125rem}: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.75rem, -1 * 0.75rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));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:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[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;overflow:initial}:host([outlined]) [part~=container]{border-radius:var(--border-border-radius);background:var(--border-background);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 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}: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(var(--outlined-top-padding) - 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))));--block-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem))}:host [part~=container]:not([part~=suffixed]) textarea{padding-inline-end:max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}textarea{border:none;padding:0;overflow:auto;margin-block:max(var(--is-large, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) .125rem;padding-block-end:max(var(--is-large, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));z-index:1}[part=label]{position:relative;transform-origin:top left;inset-block-start:calc((var(--block-padding)) - 0.125rem);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((var(--block-padding))/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]:not([part~=labelled]){--box-top-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem))}:host(:not([outlined])) [part~=labelled]{--box-top-padding: 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(1rem, -1 * 1rem))}: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]:not([part~=suffixed]){padding-inline-end:max(var(--is-large, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{grid-area:1/2/span 1/span 3}: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-start:max(var(--is-large, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}: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) [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.75rem, -1 * 0.75rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));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:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[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;overflow:initial}:host([outlined]) [part~=container]{border-radius:var(--border-border-radius);background:var(--border-background);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 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}: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(: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(var(--block-padding) - 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

@@ -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,+2eAA+2e,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))));--outlined-top-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem))}:host [part~=container]:not([part~=suffixed]) textarea{padding-inline-end:max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}textarea{border:none;padding:0;overflow:auto;margin-block-start:max(var(--is-large, 1)*max(var(--outlined-top-padding), -1 * var(--outlined-top-padding))*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(var(--outlined-top-padding), -1 * var(--outlined-top-padding))*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(var(--outlined-top-padding), -1 * var(--outlined-top-padding))*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));z-index:1}[part=label]{position:relative;transform-origin:top left;inset-block-start:calc((var(--outlined-top-padding)) - 0.125rem);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((var(--outlined-top-padding))/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]:not([part~=labelled]){--box-top-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem))}:host(:not([outlined])) [part~=labelled]{--box-top-padding: 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(1rem, -1 * 1rem))}: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]:not([part~=suffixed]){padding-inline-end:max(var(--is-large, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{grid-area:1/2/span 1/span 3}: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:max(var(--is-large, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) .125rem}: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.75rem, -1 * 0.75rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));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:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[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;overflow:initial}:host([outlined]) [part~=container]{border-radius:var(--border-border-radius);background:var(--border-background);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 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}: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(var(--outlined-top-padding) - 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"]}
+{"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,gofAAgof,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))));--block-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem))}:host [part~=container]:not([part~=suffixed]) textarea{padding-inline-end:max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}textarea{border:none;padding:0;overflow:auto;margin-block:max(var(--is-large, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) .125rem;padding-block-end:max(var(--is-large, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(var(--block-padding), -1 * var(--block-padding))*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));z-index:1}[part=label]{position:relative;transform-origin:top left;inset-block-start:calc((var(--block-padding)) - 0.125rem);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((var(--block-padding))/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]:not([part~=labelled]){--box-top-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem))}:host(:not([outlined])) [part~=labelled]{--box-top-padding: 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(1rem, -1 * 1rem))}: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]:not([part~=suffixed]){padding-inline-end:max(var(--is-large, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{grid-area:1/2/span 1/span 3}: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-start:max(var(--is-large, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(var(--box-top-padding), -1 * var(--box-top-padding))*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}: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) [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.75rem, -1 * 0.75rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));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:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[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;overflow:initial}:host([outlined]) [part~=container]{border-radius:var(--border-border-radius);background:var(--border-background);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 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}: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(: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(var(--block-padding) - 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/theme-provider/theme-provider.d.ts

@@ -0,0 +1,65 @@
+import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
+import type { Theme, ThemeVariant } from '../../theming/types.js';
+/**
+ * A theme provider component that uses Lit context to provide theme information
+ * to descendant components.
+ *
+ * This component allows you to scope a theme to a specific part of the page.
+ * All library components within this provider will use the specified theme
+ * instead of the global theme.
+ *
+ * @element igc-theme-provider
+ *
+ * @slot - Default slot for content that should receive the provided theme.
+ *
+ * @remarks
+ * When using the theme provider, it must be registered **before** any descendant components
+ * that will consume the theme context. This ensures the context provider is available
+ * when descendant components attempt to consume it.
+ *
+ * ```typescript
+ * import { defineComponents, IgcThemeProviderComponent, IgcButtonComponent } from 'igniteui-webcomponents';
+ *
+ * // Register theme provider first, then descendant components
+ * defineComponents(IgcThemeProviderComponent, IgcButtonComponent);
+ * ```
+ *
+ * @example
+ * ```html
+ * <!-- Scope material theme to a section -->
+ * <igc-theme-provider theme="material" variant="dark">
+ *   <igc-button>Material Dark Button</igc-button>
+ *   <igc-input label="Material Dark Input"></igc-input>
+ * </igc-theme-provider>
+ *
+ * <!-- Use different theme in another section -->
+ * <igc-theme-provider theme="fluent" variant="light">
+ *   <igc-button>Fluent Light Button</igc-button>
+ * </igc-theme-provider>
+ * ```
+ */
+export default class IgcThemeProviderComponent extends LitElement {
+    static readonly tagName = "igc-theme-provider";
+    static styles: import("lit").CSSResult;
+    static register(): void;
+    private readonly _provider;
+    /**
+     * The theme to provide to descendant components.
+     *
+     * @attr
+     * @default 'bootstrap'
+     */
+    theme: Theme;
+    /**
+     * The theme variant to provide to descendant components.
+     *
+     * @attr
+     * @default 'light'
+     */
+    variant: ThemeVariant;
+    constructor();
+    protected update(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(): void;
+    private _getContextValue;
+    protected render(): TemplateResult;
+}

package/components/theme-provider/theme-provider.js

@@ -0,0 +1,58 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ContextProvider } from '@lit/context';
+import { css, html, LitElement, } from 'lit';
+import { property } from 'lit/decorators.js';
+import { themeContext } from '../../theming/context.js';
+import { registerComponent } from '../common/definitions/register.js';
+export default class IgcThemeProviderComponent extends LitElement {
+    static { this.tagName = 'igc-theme-provider'; }
+    static { this.styles = css `
+    :host {
+      display: contents;
+    }
+  `; }
+    static register() {
+        registerComponent(IgcThemeProviderComponent);
+    }
+    constructor() {
+        super();
+        this.theme = 'bootstrap';
+        this.variant = 'light';
+        this._provider = new ContextProvider(this, {
+            context: themeContext,
+            initialValue: this._getContextValue(),
+        });
+    }
+    update(changedProperties) {
+        if (changedProperties.has('theme') || changedProperties.has('variant')) {
+            this._provider.setValue(this._getContextValue());
+        }
+        super.update(changedProperties);
+    }
+    firstUpdated() {
+        this.updateComplete.then(() => {
+            this._provider.setValue(this._getContextValue());
+        });
+    }
+    _getContextValue() {
+        return {
+            theme: this.theme,
+            variant: this.variant,
+        };
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], IgcThemeProviderComponent.prototype, "theme", void 0);
+__decorate([
+    property({ reflect: true })
+], IgcThemeProviderComponent.prototype, "variant", void 0);
+//# sourceMappingURL=theme-provider.js.map

package/components/theme-provider/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sourceRoot":"","sources":["../../../src/components/theme-provider/theme-provider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,GAGX,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAqB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAwCtE,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;aACxC,YAAO,GAAG,oBAAoB,AAAvB,CAAwB;aAE/B,WAAM,GAAG,GAAG,CAAA;;;;GAIlC,AAJ4B,CAI3B;IAGK,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IAC/C,CAAC;IAsBD;QACE,KAAK,EAAE,CAAC;QAZH,UAAK,GAAU,WAAW,CAAC;QAS3B,YAAO,GAAiB,OAAO,CAAC;QAKrC,IAAI,CAAC,SAAS,GAAG,IAAI,eAAe,CAAC,IAAI,EAAE;YACzC,OAAO,EAAE,YAAY;YACrB,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAE;SACtC,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM,CAAC,iBAAuC;QAC/D,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACvE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACnD,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAClC,CAAC;IAEkB,YAAY;QAC7B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YAC5B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,gBAAgB;QACtB,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA3CM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACM;AAS3B;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACW","sourcesContent":["import { ContextProvider } from '@lit/context';\nimport {\n  css,\n  html,\n  LitElement,\n  type PropertyValues,\n  type TemplateResult,\n} from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { type ThemeContext, themeContext } from '../../theming/context.js';\nimport type { Theme, ThemeVariant } from '../../theming/types.js';\nimport { registerComponent } from '../common/definitions/register.js';\n\n/**\n * A theme provider component that uses Lit context to provide theme information\n * to descendant components.\n *\n * This component allows you to scope a theme to a specific part of the page.\n * All library components within this provider will use the specified theme\n * instead of the global theme.\n *\n * @element igc-theme-provider\n *\n * @slot - Default slot for content that should receive the provided theme.\n *\n * @remarks\n * When using the theme provider, it must be registered **before** any descendant components\n * that will consume the theme context. This ensures the context provider is available\n * when descendant components attempt to consume it.\n *\n * ```typescript\n * import { defineComponents, IgcThemeProviderComponent, IgcButtonComponent } from 'igniteui-webcomponents';\n *\n * // Register theme provider first, then descendant components\n * defineComponents(IgcThemeProviderComponent, IgcButtonComponent);\n * ```\n *\n * @example\n * ```html\n * <!-- Scope material theme to a section -->\n * <igc-theme-provider theme=\"material\" variant=\"dark\">\n *   <igc-button>Material Dark Button</igc-button>\n *   <igc-input label=\"Material Dark Input\"></igc-input>\n * </igc-theme-provider>\n *\n * <!-- Use different theme in another section -->\n * <igc-theme-provider theme=\"fluent\" variant=\"light\">\n *   <igc-button>Fluent Light Button</igc-button>\n * </igc-theme-provider>\n * ```\n */\nexport default class IgcThemeProviderComponent extends LitElement {\n  public static readonly tagName = 'igc-theme-provider';\n\n  public static override styles = css`\n    :host {\n      display: contents;\n    }\n  `;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcThemeProviderComponent);\n  }\n\n  private readonly _provider: ContextProvider<typeof themeContext>;\n\n  /**\n   * The theme to provide to descendant components.\n   *\n   * @attr\n   * @default 'bootstrap'\n   */\n  @property({ reflect: true })\n  public theme: Theme = 'bootstrap';\n\n  /**\n   * The theme variant to provide to descendant components.\n   *\n   * @attr\n   * @default 'light'\n   */\n  @property({ reflect: true })\n  public variant: ThemeVariant = 'light';\n\n  constructor() {\n    super();\n\n    this._provider = new ContextProvider(this, {\n      context: themeContext,\n      initialValue: this._getContextValue(),\n    });\n  }\n\n  protected override update(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('theme') || changedProperties.has('variant')) {\n      this._provider.setValue(this._getContextValue());\n    }\n\n    super.update(changedProperties);\n  }\n\n  protected override firstUpdated(): void {\n    this.updateComplete.then(() => {\n      this._provider.setValue(this._getContextValue());\n    });\n  }\n\n  private _getContextValue(): ThemeContext {\n    return {\n      theme: this.theme,\n      variant: this.variant,\n    };\n  }\n\n  protected override render(): TemplateResult {\n    return html`<slot></slot>`;\n  }\n}\n"]}

package/components/tile-manager/tile.js

@@ -324,9 +324,12 @@ export default class IgcTileComponent extends EventEmitterMixin(LitElement) {
     `;
     }
     _renderHeader() {
-        const hasNoContent = !(this._slots.hasAssignedElements('title') &&
-            this._slots.hasAssignedElements('actions'));
-        const hideHeader = hasNoContent && this.disableMaximize && this.disableFullscreen;
+        const hasTitle = this._slots.hasAssignedElements('title');
+        const hasActions = this._slots.hasAssignedElements('actions');
+        const hideHeader = !hasTitle &&
+            !hasActions &&
+            this.disableMaximize &&
+            this.disableFullscreen;
         const hasMaximizeSlot = !(this.disableMaximize || this.fullscreen);
         const hasFullscreenSlot = !this.disableFullscreen;
         return html `