@spectrum-web-components/textfield 1.1.0 → 1.1.2

package/src/Textfield.js

@@ -0,0 +1,68 @@
+"use strict";var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var t=(p,a,e,l)=>{for(var r=l>1?void 0:l?m(a,e):a,u=p.length-1,h;u>=0;u--)(h=p[u])&&(r=(l?h(a,e,r):h(r))||r);return l&&r&&c(a,e,r),r};import{html as s,nothing as o,SizedMixin as v}from"@spectrum-web-components/base";import{ifDefined as n,live as y}from"@spectrum-web-components/base/src/directives.js";import{property as i,query as b,state as d}from"@spectrum-web-components/base/src/decorators.js";import{ManageHelpText as g}from"@spectrum-web-components/help-text/src/manage-help-text.js";import{Focusable as f}from"@spectrum-web-components/shared/src/focusable.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js";import"@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js";import $ from"./textfield.css.js";import E from"@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js";import S from"@spectrum-web-components/icon/src/icon-checkmark-overrides.css.js";const w=["text","url","tel","email","password"];export class TextfieldBase extends g(v(f,{noDefaultSize:!0})){constructor(){super(...arguments);this.allowedKeys="";this.focused=!1;this.invalid=!1;this.label="";this.placeholder="";this._type="text";this.grows=!1;this.maxlength=-1;this.minlength=-1;this.multiline=!1;this.readonly=!1;this.rows=-1;this.valid=!1;this._value="";this.quiet=!1;this.required=!1}static get styles(){return[$,E,S]}set type(e){const l=this._type;this._type=e,this.requestUpdate("type",l)}get type(){var e;return(e=w.find(l=>l===this._type))!=null?e:"text"}set value(e){if(e===this.value)return;const l=this._value;this._value=e,this.requestUpdate("value",l)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,l,r="none"){this.inputElement.setSelectionRange(e,l,r)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){const u=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(u,u);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.invalid?s`
+                <sp-icon-alert id="invalid" class="icon"></sp-icon-alert>
+            `:this.valid?s`
+                <sp-icon-checkmark100
+                    id="valid"
+                    class="icon spectrum-UIIcon-Checkmark100"
+                ></sp-icon-checkmark100>
+            `:o}get displayValue(){return this.value.toString()}get renderMultiline(){return s`
+            ${this.multiline&&this.grows&&this.rows===-1?s`
+                      <div id="sizer" class="input" aria-hidden="true">${this.value}&#8203;
+                      </div>
+                  `:o}
+            <!-- @ts-ignore -->
+            <textarea
+                name=${n(this.name||void 0)}
+                aria-describedby=${this.helpTextId}
+                aria-label=${this.label||this.appliedLabel||this.placeholder}
+                aria-invalid=${n(this.invalid||void 0)}
+                class="input"
+                maxlength=${n(this.maxlength>-1?this.maxlength:void 0)}
+                minlength=${n(this.minlength>-1?this.minlength:void 0)}
+                title=${this.invalid?"":o}
+                pattern=${n(this.pattern)}
+                placeholder=${this.placeholder}
+                .value=${this.displayValue}
+                @change=${this.handleChange}
+                @input=${this.handleInput}
+                @focus=${this.onFocus}
+                @blur=${this.onBlur}
+                ?disabled=${this.disabled}
+                ?required=${this.required}
+                ?readonly=${this.readonly}
+                rows=${n(this.rows>-1?this.rows:void 0)}
+                autocomplete=${n(this.autocomplete)}
+            ></textarea>
+        `}get renderInput(){return s`
+            <!-- @ts-ignore -->
+            <input
+                name=${n(this.name||void 0)}
+                type=${this.type}
+                aria-describedby=${this.helpTextId}
+                aria-label=${this.label||this.appliedLabel||this.placeholder}
+                aria-invalid=${n(this.invalid||void 0)}
+                class="input"
+                title=${this.invalid?"":o}
+                maxlength=${n(this.maxlength>-1?this.maxlength:void 0)}
+                minlength=${n(this.minlength>-1?this.minlength:void 0)}
+                pattern=${n(this.pattern)}
+                placeholder=${this.placeholder}
+                .value=${y(this.displayValue)}
+                @change=${this.handleChange}
+                @input=${this.handleInput}
+                @pointerdown=${this.handleInputElementPointerdown}
+                @focus=${this.onFocus}
+                @blur=${this.onBlur}
+                ?disabled=${this.disabled}
+                ?required=${this.required}
+                ?readonly=${this.readonly}
+                autocomplete=${n(this.autocomplete)}
+            />
+        `}renderField(){return s`
+            ${this.renderStateIcons()}
+            ${this.multiline?this.renderMultiline:this.renderInput}
+        `}render(){return s`
+            <div id="textfield">${this.renderField()}</div>
+            ${this.renderHelpText(this.invalid)}
+        `}update(e){(e.has("value")||e.has("required")&&this.required)&&this.updateComplete.then(()=>{this.checkValidity()}),super.update(e)}checkValidity(){let e=this.inputElement.checkValidity();return(this.required||this.value&&this.pattern)&&((this.disabled||this.multiline)&&this.pattern&&(e=new RegExp(`^${this.pattern}$`,"u").test(this.value.toString())),typeof this.minlength!="undefined"&&(e=e&&this.value.toString().length>=this.minlength),this.valid=e,this.invalid=!e),e}}t([d()],TextfieldBase.prototype,"appliedLabel",2),t([i({attribute:"allowed-keys"})],TextfieldBase.prototype,"allowedKeys",2),t([i({type:Boolean,reflect:!0})],TextfieldBase.prototype,"focused",2),t([b(".input:not(#sizer)")],TextfieldBase.prototype,"inputElement",2),t([i({type:Boolean,reflect:!0})],TextfieldBase.prototype,"invalid",2),t([i()],TextfieldBase.prototype,"label",2),t([i({type:String,reflect:!0})],TextfieldBase.prototype,"name",2),t([i()],TextfieldBase.prototype,"placeholder",2),t([d()],TextfieldBase.prototype,"type",1),t([i({attribute:"type",reflect:!0})],TextfieldBase.prototype,"_type",2),t([i()],TextfieldBase.prototype,"pattern",2),t([i({type:Boolean,reflect:!0})],TextfieldBase.prototype,"grows",2),t([i({type:Number})],TextfieldBase.prototype,"maxlength",2),t([i({type:Number})],TextfieldBase.prototype,"minlength",2),t([i({type:Boolean,reflect:!0})],TextfieldBase.prototype,"multiline",2),t([i({type:Boolean,reflect:!0})],TextfieldBase.prototype,"readonly",2),t([i({type:Number})],TextfieldBase.prototype,"rows",2),t([i({type:Boolean,reflect:!0})],TextfieldBase.prototype,"valid",2),t([i({type:String})],TextfieldBase.prototype,"value",1),t([i({type:Boolean,reflect:!0})],TextfieldBase.prototype,"quiet",2),t([i({type:Boolean,reflect:!0})],TextfieldBase.prototype,"required",2),t([i({type:String,reflect:!0})],TextfieldBase.prototype,"autocomplete",2);export class Textfield extends TextfieldBase{constructor(){super(...arguments);this._value=""}set value(e){if(e===this.value)return;const l=this._value;this._value=e,this.requestUpdate("value",l)}get value(){return this._value}}t([i({type:String})],Textfield.prototype,"value",1);
+//# sourceMappingURL=Textfield.js.map

package/src/Textfield.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["Textfield.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    nothing,\n    PropertyValues,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    ifDefined,\n    live,\n} from '@spectrum-web-components/base/src/directives.js';\nimport {\n    property,\n    query,\n    state,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { ManageHelpText } from '@spectrum-web-components/help-text/src/manage-help-text.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';\n\nimport textfieldStyles from './textfield.css.js';\nimport checkmarkStyles from '@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js';\nimport checkmarkSmallOverrides from '@spectrum-web-components/icon/src/icon-checkmark-overrides.css.js';\n\nconst textfieldTypes = ['text', 'url', 'tel', 'email', 'password'] as const;\nexport type TextfieldType = (typeof textfieldTypes)[number];\n\n/**\n * @fires input - The value of the element has changed.\n * @fires change - An alteration to the value of the element has been committed by the user.\n */\nexport class TextfieldBase extends ManageHelpText(\n    SizedMixin(Focusable, {\n        noDefaultSize: true,\n    })\n) {\n    public static override get styles(): CSSResultArray {\n        return [textfieldStyles, checkmarkStyles, checkmarkSmallOverrides];\n    }\n\n    @state()\n    protected appliedLabel?: string;\n\n    /**\n     * A regular expression outlining the keys that will be allowed to update the value of the form control.\n     */\n    @property({ attribute: 'allowed-keys' })\n    allowedKeys = '';\n\n    /**\n     * @private\n     */\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @query('.input:not(#sizer)')\n    protected inputElement!: HTMLInputElement | HTMLTextAreaElement;\n\n    /**\n     * Whether the `value` held by the form control is invalid.\n     */\n    @property({ type: Boolean, reflect: true })\n    public invalid = false;\n\n    /**\n     * A string applied via `aria-label` to the form control when a user visible label is not provided.\n     */\n    @property()\n    public label = '';\n\n    /**\n     * Name of the form control.\n     */\n    @property({ type: String, reflect: true })\n    public name: string | undefined;\n\n    /**\n     * Text that appears in the form control when it has no value set\n     */\n    @property()\n    public placeholder = '';\n\n    @state()\n    set type(val: TextfieldType) {\n        const prev = this._type;\n        this._type = val;\n        this.requestUpdate('type', prev);\n    }\n\n    get type(): TextfieldType {\n        return textfieldTypes.find((t) => t === this._type) ?? 'text';\n    }\n\n    /**\n     * @private\n     * This binding allows for invalid value for `type` to still be reflected to the DOM\n     */\n    @property({ attribute: 'type', reflect: true })\n    private _type: TextfieldType = 'text';\n\n    /**\n     * Pattern the `value` must match to be valid\n     */\n    @property()\n    public pattern?: string;\n\n    /**\n     * Whether a form control delivered with the `multiline` attribute will change size\n     * vertically to accomodate longer input\n     */\n    @property({ type: Boolean, reflect: true })\n    public grows = false;\n\n    /**\n     * Defines the maximum string length that the user can enter\n     */\n    @property({ type: Number })\n    public maxlength = -1;\n\n    /**\n     * Defines the minimum string length that the user can enter\n     */\n    @property({ type: Number })\n    public minlength = -1;\n\n    /**\n     * Whether the form control should accept a value longer than one line\n     */\n    @property({ type: Boolean, reflect: true })\n    public multiline = false;\n\n    /**\n     * Whether a user can interact with the value of the form control\n     */\n    @property({ type: Boolean, reflect: true })\n    public readonly = false;\n\n    /**\n     * The specific number of rows the form control should provide in the user interface\n     */\n    @property({ type: Number })\n    public rows = -1;\n\n    /**\n     * Whether the `value` held by the form control is valid.\n     */\n    @property({ type: Boolean, reflect: true })\n    public valid = false;\n\n    /**\n     * The value held by the form control\n     */\n    @property({ type: String })\n    public set value(value: string | number) {\n        if (value === this.value) {\n            return;\n        }\n        const oldValue = this._value;\n        this._value = value;\n        this.requestUpdate('value', oldValue);\n    }\n\n    public get value(): string | number {\n        return this._value;\n    }\n\n    protected _value: string | number = '';\n\n    /**\n     * Whether to display the form control with no visible background\n     */\n    @property({ type: Boolean, reflect: true })\n    public quiet = false;\n\n    /**\n     * Whether the form control will be found to be invalid when it holds no `value`\n     */\n    @property({ type: Boolean, reflect: true })\n    public required = false;\n\n    /**\n     * What form of assistance should be provided when attempting to supply a value to the form control\n     */\n    @property({ type: String, reflect: true })\n    public autocomplete?:\n        | 'list'\n        | 'none'\n        | HTMLInputElement['autocomplete']\n        | HTMLTextAreaElement['autocomplete'];\n\n    public override get focusElement(): HTMLInputElement | HTMLTextAreaElement {\n        return this.inputElement;\n    }\n\n    /**\n     * Sets the start and end positions of the current selection.\n     *\n     * @param selectionStart The 0-based index of the first selected character. An index greater than the length of the\n     *  element's value is treated as pointing to the end of the value.\n     * @param selectionEnd The 0-based index of the character after the last selected character. An index greater than\n     *  the length of the element's value is treated as pointing to the end of the value.\n     * @param [selectionDirection=\"none\"] A string indicating the direction in which the selection is considered to\n     *  have been performed.\n     */\n    public setSelectionRange(\n        selectionStart: number,\n        selectionEnd: number,\n        selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n    ): void {\n        this.inputElement.setSelectionRange(\n            selectionStart,\n            selectionEnd,\n            selectionDirection\n        );\n    }\n\n    /**\n     * Selects all the text.\n     */\n    public select(): void {\n        this.inputElement.select();\n    }\n\n    protected handleInput(_event: Event): void {\n        if (this.allowedKeys && this.inputElement.value) {\n            const regExp = new RegExp(`^[${this.allowedKeys}]*$`, 'u');\n            if (!regExp.test(this.inputElement.value)) {\n                const selectionStart = this.inputElement\n                    .selectionStart as number;\n                const nextSelectStart = selectionStart - 1;\n                this.inputElement.value = this.value.toString();\n                this.inputElement.setSelectionRange(\n                    nextSelectStart,\n                    nextSelectStart\n                );\n                return;\n            }\n        }\n        this.value = this.inputElement.value;\n    }\n\n    protected handleChange(): void {\n        this.dispatchEvent(\n            new Event('change', {\n                bubbles: true,\n                composed: true,\n            })\n        );\n    }\n\n    protected onFocus(): void {\n        this.focused = !this.readonly && true;\n    }\n\n    protected onBlur(_event: FocusEvent): void {\n        this.focused = !this.readonly && false;\n    }\n\n    protected handleInputElementPointerdown(): void {}\n\n    protected renderStateIcons(): TemplateResult | typeof nothing {\n        if (this.invalid) {\n            return html`\n                <sp-icon-alert id=\"invalid\" class=\"icon\"></sp-icon-alert>\n            `;\n        } else if (this.valid) {\n            return html`\n                <sp-icon-checkmark100\n                    id=\"valid\"\n                    class=\"icon spectrum-UIIcon-Checkmark100\"\n                ></sp-icon-checkmark100>\n            `;\n        }\n        return nothing;\n    }\n\n    protected get displayValue(): string {\n        return this.value.toString();\n    }\n\n    // prettier-ignore\n    private get renderMultiline(): TemplateResult {\n        return html`\n            ${this.multiline && this.grows && this.rows === -1\n                ? html`\n                      <div id=\"sizer\" class=\"input\" aria-hidden=\"true\">${this.value}&#8203;\n                      </div>\n                  `\n                : nothing}\n            <!-- @ts-ignore -->\n            <textarea\n                name=${ifDefined(this.name || undefined)}\n                aria-describedby=${this.helpTextId}\n                aria-label=${this.label ||\n                this.appliedLabel ||\n                this.placeholder}\n                aria-invalid=${ifDefined(this.invalid || undefined)}\n                class=\"input\"\n                maxlength=${ifDefined(\n                    this.maxlength > -1 ? this.maxlength : undefined\n                )}\n                minlength=${ifDefined(\n                    this.minlength > -1 ? this.minlength : undefined\n                )}\n                title=${this.invalid ? '' : nothing}\n                pattern=${ifDefined(this.pattern)}\n                placeholder=${this.placeholder}\n                .value=${this.displayValue}\n                @change=${this.handleChange}\n                @input=${this.handleInput}\n                @focus=${this.onFocus}\n                @blur=${this.onBlur}\n                ?disabled=${this.disabled}\n                ?required=${this.required}\n                ?readonly=${this.readonly}\n                rows=${ifDefined(this.rows > -1 ? this.rows : undefined)}\n                autocomplete=${ifDefined(this.autocomplete)}\n            ></textarea>\n        `;\n    }\n\n    private get renderInput(): TemplateResult {\n        return html`\n            <!-- @ts-ignore -->\n            <input\n                name=${ifDefined(this.name || undefined)}\n                type=${this.type}\n                aria-describedby=${this.helpTextId}\n                aria-label=${this.label ||\n                this.appliedLabel ||\n                this.placeholder}\n                aria-invalid=${ifDefined(this.invalid || undefined)}\n                class=\"input\"\n                title=${this.invalid ? '' : nothing}\n                maxlength=${ifDefined(\n                    this.maxlength > -1 ? this.maxlength : undefined\n                )}\n                minlength=${ifDefined(\n                    this.minlength > -1 ? this.minlength : undefined\n                )}\n                pattern=${ifDefined(this.pattern)}\n                placeholder=${this.placeholder}\n                .value=${live(this.displayValue)}\n                @change=${this.handleChange}\n                @input=${this.handleInput}\n                @pointerdown=${this.handleInputElementPointerdown}\n                @focus=${this.onFocus}\n                @blur=${this.onBlur}\n                ?disabled=${this.disabled}\n                ?required=${this.required}\n                ?readonly=${this.readonly}\n                autocomplete=${ifDefined(this.autocomplete)}\n            />\n        `;\n    }\n\n    protected renderField(): TemplateResult {\n        return html`\n            ${this.renderStateIcons()}\n            ${this.multiline ? this.renderMultiline : this.renderInput}\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div id=\"textfield\">${this.renderField()}</div>\n            ${this.renderHelpText(this.invalid)}\n        `;\n    }\n\n    protected override update(changedProperties: PropertyValues): void {\n        if (\n            changedProperties.has('value') ||\n            (changedProperties.has('required') && this.required)\n        ) {\n            this.updateComplete.then(() => {\n                this.checkValidity();\n            });\n        }\n        super.update(changedProperties);\n    }\n\n    public checkValidity(): boolean {\n        let validity = this.inputElement.checkValidity();\n        if (this.required || (this.value && this.pattern)) {\n            if ((this.disabled || this.multiline) && this.pattern) {\n                const regex = new RegExp(`^${this.pattern}$`, 'u');\n                validity = regex.test(this.value.toString());\n            }\n            if (typeof this.minlength !== 'undefined') {\n                validity =\n                    validity && this.value.toString().length >= this.minlength;\n            }\n            this.valid = validity;\n            this.invalid = !validity;\n        }\n        return validity;\n    }\n}\n\n/**\n * @element sp-textfield\n * @slot help-text - default or non-negative help text to associate to your form element\n * @slot negative-help-text - negative help text to associate to your form element when `invalid`\n */\nexport class Textfield extends TextfieldBase {\n    @property({ type: String })\n    public override set value(value: string) {\n        if (value === this.value) {\n            return;\n        }\n        const oldValue = this._value;\n        this._value = value;\n        this.requestUpdate('value', oldValue);\n    }\n\n    public override get value(): string {\n        return this._value;\n    }\n\n    protected override _value = '';\n}\n"],
+  "mappings": "qNAYA,OAEI,QAAAA,EACA,WAAAC,EAEA,cAAAC,MAEG,gCACP,OACI,aAAAC,EACA,QAAAC,MACG,kDACP,OACI,YAAAC,EACA,SAAAC,EACA,SAAAC,MACG,kDAEP,OAAS,kBAAAC,MAAsB,6DAC/B,OAAS,aAAAC,MAAiB,mDAC1B,MAAO,kEACP,MAAO,iEAEP,OAAOC,MAAqB,qBAC5B,OAAOC,MAAqB,mEAC5B,OAAOC,MAA6B,oEAEpC,MAAMC,EAAiB,CAAC,OAAQ,MAAO,MAAO,QAAS,UAAU,EAO1D,aAAM,sBAAsBL,EAC/BN,EAAWO,EAAW,CAClB,cAAe,EACnB,CAAC,CACL,CAAE,CAJK,kCAgBH,iBAAc,GAMd,KAAO,QAAU,GASjB,KAAO,QAAU,GAMjB,KAAO,MAAQ,GAYf,KAAO,YAAc,GAkBrB,KAAQ,MAAuB,OAa/B,KAAO,MAAQ,GAMf,KAAO,UAAY,GAMnB,KAAO,UAAY,GAMnB,KAAO,UAAY,GAMnB,KAAO,SAAW,GAMlB,KAAO,KAAO,GAMd,KAAO,MAAQ,GAmBf,KAAU,OAA0B,GAMpC,KAAO,MAAQ,GAMf,KAAO,SAAW,GA9IlB,WAA2B,QAAyB,CAChD,MAAO,CAACC,EAAiBC,EAAiBC,CAAuB,CACrE,CA6CA,IAAI,KAAKE,EAAoB,CACzB,MAAMC,EAAO,KAAK,MAClB,KAAK,MAAQD,EACb,KAAK,cAAc,OAAQC,CAAI,CACnC,CAEA,IAAI,MAAsB,CAxG9B,IAAAC,EAyGQ,OAAOA,EAAAH,EAAe,KAAMI,GAAMA,IAAM,KAAK,KAAK,IAA3C,KAAAD,EAAgD,MAC3D,CA8DA,IAAW,MAAME,EAAwB,CACrC,GAAIA,IAAU,KAAK,MACf,OAEJ,MAAMC,EAAW,KAAK,OACtB,KAAK,OAASD,EACd,KAAK,cAAc,QAASC,CAAQ,CACxC,CAEA,IAAW,OAAyB,CAChC,OAAO,KAAK,MAChB,CA0BA,IAAoB,cAAuD,CACvE,OAAO,KAAK,YAChB,CAYO,kBACHC,EACAC,EACAC,EAAsD,OAClD,CACJ,KAAK,aAAa,kBACdF,EACAC,EACAC,CACJ,CACJ,CAKO,QAAe,CAClB,KAAK,aAAa,OAAO,CAC7B,CAEU,YAAYC,EAAqB,CACvC,GAAI,KAAK,aAAe,KAAK,aAAa,OAElC,CADW,IAAI,OAAO,KAAK,KAAK,WAAW,MAAO,GAAG,EAC7C,KAAK,KAAK,aAAa,KAAK,EAAG,CAGvC,MAAMC,EAFiB,KAAK,aACvB,eACoC,EACzC,KAAK,aAAa,MAAQ,KAAK,MAAM,SAAS,EAC9C,KAAK,aAAa,kBACdA,EACAA,CACJ,EACA,MACJ,CAEJ,KAAK,MAAQ,KAAK,aAAa,KACnC,CAEU,cAAqB,CAC3B,KAAK,cACD,IAAI,MAAM,SAAU,CAChB,QAAS,GACT,SAAU,EACd,CAAC,CACL,CACJ,CAEU,SAAgB,CACtB,KAAK,QAAU,CAAC,KAAK,UAAY,EACrC,CAEU,OAAOD,EAA0B,CACvC,KAAK,QAAU,CAAC,KAAK,UAAY,EACrC,CAEU,+BAAsC,CAAC,CAEvC,kBAAoD,CAC1D,OAAI,KAAK,QACEvB;AAAA;AAAA,cAGA,KAAK,MACLA;AAAA;AAAA;AAAA;AAAA;AAAA,cAOJC,CACX,CAEA,IAAc,cAAuB,CACjC,OAAO,KAAK,MAAM,SAAS,CAC/B,CAGA,IAAY,iBAAkC,CAC1C,OAAOD;AAAA,cACD,KAAK,WAAa,KAAK,OAAS,KAAK,OAAS,GAC1CA;AAAA,yEACuD,KAAK,KAAK;AAAA;AAAA,oBAGjEC,CAAO;AAAA;AAAA;AAAA,uBAGFE,EAAU,KAAK,MAAQ,MAAS,CAAC;AAAA,mCACrB,KAAK,UAAU;AAAA,6BACrB,KAAK,OAClB,KAAK,cACL,KAAK,WAAW;AAAA,+BACDA,EAAU,KAAK,SAAW,MAAS,CAAC;AAAA;AAAA,4BAEvCA,EACR,KAAK,UAAY,GAAK,KAAK,UAAY,MAC3C,CAAC;AAAA,4BACWA,EACR,KAAK,UAAY,GAAK,KAAK,UAAY,MAC3C,CAAC;AAAA,wBACO,KAAK,QAAU,GAAKF,CAAO;AAAA,0BACzBE,EAAU,KAAK,OAAO,CAAC;AAAA,8BACnB,KAAK,WAAW;AAAA,yBACrB,KAAK,YAAY;AAAA,0BAChB,KAAK,YAAY;AAAA,yBAClB,KAAK,WAAW;AAAA,yBAChB,KAAK,OAAO;AAAA,wBACb,KAAK,MAAM;AAAA,4BACP,KAAK,QAAQ;AAAA,4BACb,KAAK,QAAQ;AAAA,4BACb,KAAK,QAAQ;AAAA,uBAClBA,EAAU,KAAK,KAAO,GAAK,KAAK,KAAO,MAAS,CAAC;AAAA,+BACzCA,EAAU,KAAK,YAAY,CAAC;AAAA;AAAA,SAGvD,CAEA,IAAY,aAA8B,CACtC,OAAOH;AAAA;AAAA;AAAA,uBAGQG,EAAU,KAAK,MAAQ,MAAS,CAAC;AAAA,uBACjC,KAAK,IAAI;AAAA,mCACG,KAAK,UAAU;AAAA,6BACrB,KAAK,OAClB,KAAK,cACL,KAAK,WAAW;AAAA,+BACDA,EAAU,KAAK,SAAW,MAAS,CAAC;AAAA;AAAA,wBAE3C,KAAK,QAAU,GAAKF,CAAO;AAAA,4BACvBE,EACR,KAAK,UAAY,GAAK,KAAK,UAAY,MAC3C,CAAC;AAAA,4BACWA,EACR,KAAK,UAAY,GAAK,KAAK,UAAY,MAC3C,CAAC;AAAA,0BACSA,EAAU,KAAK,OAAO,CAAC;AAAA,8BACnB,KAAK,WAAW;AAAA,yBACrBC,EAAK,KAAK,YAAY,CAAC;AAAA,0BACtB,KAAK,YAAY;AAAA,yBAClB,KAAK,WAAW;AAAA,+BACV,KAAK,6BAA6B;AAAA,yBACxC,KAAK,OAAO;AAAA,wBACb,KAAK,MAAM;AAAA,4BACP,KAAK,QAAQ;AAAA,4BACb,KAAK,QAAQ;AAAA,4BACb,KAAK,QAAQ;AAAA,+BACVD,EAAU,KAAK,YAAY,CAAC;AAAA;AAAA,SAGvD,CAEU,aAA8B,CACpC,OAAOH;AAAA,cACD,KAAK,iBAAiB,CAAC;AAAA,cACvB,KAAK,UAAY,KAAK,gBAAkB,KAAK,WAAW;AAAA,SAElE,CAEmB,QAAyB,CACxC,OAAOA;AAAA,kCACmB,KAAK,YAAY,CAAC;AAAA,cACtC,KAAK,eAAe,KAAK,OAAO,CAAC;AAAA,SAE3C,CAEmB,OAAOyB,EAAyC,EAE3DA,EAAkB,IAAI,OAAO,GAC5BA,EAAkB,IAAI,UAAU,GAAK,KAAK,WAE3C,KAAK,eAAe,KAAK,IAAM,CAC3B,KAAK,cAAc,CACvB,CAAC,EAEL,MAAM,OAAOA,CAAiB,CAClC,CAEO,eAAyB,CAC5B,IAAIC,EAAW,KAAK,aAAa,cAAc,EAC/C,OAAI,KAAK,UAAa,KAAK,OAAS,KAAK,YAChC,KAAK,UAAY,KAAK,YAAc,KAAK,UAE1CA,EADc,IAAI,OAAO,IAAI,KAAK,OAAO,IAAK,GAAG,EAChC,KAAK,KAAK,MAAM,SAAS,CAAC,GAE3C,OAAO,KAAK,WAAc,cAC1BA,EACIA,GAAY,KAAK,MAAM,SAAS,EAAE,QAAU,KAAK,WAEzD,KAAK,MAAQA,EACb,KAAK,QAAU,CAACA,GAEbA,CACX,CACJ,CArWcC,EAAA,CADTpB,EAAM,GATE,cAUC,4BAMVoB,EAAA,CADCtB,EAAS,CAAE,UAAW,cAAe,CAAC,GAf9B,cAgBT,2BAMOsB,EAAA,CADNtB,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GArBjC,cAsBF,uBAGGsB,EAAA,CADTrB,EAAM,oBAAoB,GAxBlB,cAyBC,4BAMHqB,EAAA,CADNtB,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA9BjC,cA+BF,uBAMAsB,EAAA,CADNtB,EAAS,GApCD,cAqCF,qBAMAsB,EAAA,CADNtB,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA1ChC,cA2CF,oBAMAsB,EAAA,CADNtB,EAAS,GAhDD,cAiDF,2BAGHsB,EAAA,CADHpB,EAAM,GAnDE,cAoDL,oBAeIoB,EAAA,CADPtB,EAAS,CAAE,UAAW,OAAQ,QAAS,EAAK,CAAC,GAlErC,cAmED,qBAMDsB,EAAA,CADNtB,EAAS,GAxED,cAyEF,uBAOAsB,EAAA,CADNtB,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA/EjC,cAgFF,qBAMAsB,EAAA,CADNtB,EAAS,CAAE,KAAM,MAAO,CAAC,GArFjB,cAsFF,yBAMAsB,EAAA,CADNtB,EAAS,CAAE,KAAM,MAAO,CAAC,GA3FjB,cA4FF,yBAMAsB,EAAA,CADNtB,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjGjC,cAkGF,yBAMAsB,EAAA,CADNtB,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAvGjC,cAwGF,wBAMAsB,EAAA,CADNtB,EAAS,CAAE,KAAM,MAAO,CAAC,GA7GjB,cA8GF,oBAMAsB,EAAA,CADNtB,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAnHjC,cAoHF,qBAMIsB,EAAA,CADVtB,EAAS,CAAE,KAAM,MAAO,CAAC,GAzHjB,cA0HE,qBAmBJsB,EAAA,CADNtB,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GA5IjC,cA6IF,qBAMAsB,EAAA,CADNtB,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAlJjC,cAmJF,wBAMAsB,EAAA,CADNtB,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAxJhC,cAyJF,4BA6NJ,aAAM,kBAAkB,aAAc,CAAtC,kCAeH,KAAmB,OAAS,GAb5B,IAAoB,MAAMa,EAAe,CACrC,GAAIA,IAAU,KAAK,MACf,OAEJ,MAAMC,EAAW,KAAK,OACtB,KAAK,OAASD,EACd,KAAK,cAAc,QAASC,CAAQ,CACxC,CAEA,IAAoB,OAAgB,CAChC,OAAO,KAAK,MAChB,CAGJ,CAdwBQ,EAAA,CADnBtB,EAAS,CAAE,KAAM,MAAO,CAAC,GADjB,UAEW",
+  "names": ["html", "nothing", "SizedMixin", "ifDefined", "live", "property", "query", "state", "ManageHelpText", "Focusable", "textfieldStyles", "checkmarkStyles", "checkmarkSmallOverrides", "textfieldTypes", "val", "prev", "_a", "t", "value", "oldValue", "selectionStart", "selectionEnd", "selectionDirection", "_event", "nextSelectStart", "changedProperties", "validity", "__decorateClass"]
+}

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from './Textfield.js';

package/src/index.dev.js

@@ -0,0 +1,3 @@
+"use strict";
+export * from "./Textfield.dev.js";
+//# sourceMappingURL=index.dev.js.map

package/src/index.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './Textfield.dev.js'\n"],
+  "mappings": ";AAWA,cAAc;",
+  "names": []
+}

package/src/index.js

@@ -0,0 +1,2 @@
+"use strict";export*from"./Textfield.js";
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './Textfield.js';\n"],
+  "mappings": "aAWA,WAAc",
+  "names": []
+}

package/src/spectrum-textfield.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("@spectrum-web-components/base").CSSResult;
+export default styles;

package/src/spectrum-textfield.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    #textfield{--spectrum-textfield-input-line-height:var(--spectrum-textfield-height);text-overflow:ellipsis;inline-size:var(--mod-textfield-width,var(--spectrum-textfield-width));grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #textfield:after{content:"";pointer-events:none;inline-size:100%;block-size:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width));position:absolute;inset-block-end:calc(( var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap)) + var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width)))*-1);inset-inline-start:0}:host([quiet][focused]) #textfield:after{background-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)))}:host([quiet][invalid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)))}:host([quiet][valid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)))}:host([invalid]) #textfield .icon,:host([valid]) #textfield .icon{pointer-events:all;grid-area:2/2;margin-inline-start:auto;position:absolute;inset-block-start:0}#textfield.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #textfield .icon{color:var(--highcontrast-textfield-icon-color-valid,var(--mod-textfield-icon-color-valid,var(--spectrum-textfield-icon-color-valid)));inset-block-start:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-block-end:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid))}:host([invalid]) #textfield .icon{block-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));inline-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));color:var(--highcontrast-textfield-icon-color-invalid,var(--mod-textfield-icon-color-invalid,var(--spectrum-textfield-icon-color-invalid)));inset-block-start:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-block-end:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid))}:host([disabled]) #textfield .icon,:host([readonly]) #textfield .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-valid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-valid))}:host([quiet][invalid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-invalid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-invalid))}#textfield .spectrum-FieldLabel{grid-area:1/1/auto/span 1;margin-block-end:var(--mod-textfield-label-spacing-block,var(--spectrum-textfield-label-spacing-block))}:host([quiet]) .spectrum-FieldLabel{margin-block-end:var(--mod-textfield-label-spacing-block-quiet,var(--spectrum-textfield-label-spacing-block-quiet))}:host([disabled]) .spectrum-FieldLabel{color:var(--spectrum-textfield-text-color-disabled)}#textfield .spectrum-HelpText{grid-area:3/1/auto/span 2;margin-block-start:var(--mod-textfield-helptext-spacing-block,var(--spectrum-textfield-helptext-spacing-block))}.spectrum-Textfield-characterCount{inline-size:auto;font-size:var(--mod-textfield-character-count-font-size,var(--spectrum-textfield-character-count-font-size));font-family:var(--mod-textfield-character-count-font-family,var(--spectrum-textfield-character-count-font-family));font-weight:var(--mod-textfield-character-count-font-weight,var(--spectrum-textfield-character-count-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;margin-block-end:var(--mod-textfield-character-count-spacing-block,var(--spectrum-textfield-character-count-spacing-block));margin-inline-start:var(--mod-textfield-character-count-spacing-inline,var(--spectrum-textfield-character-count-spacing-inline));margin-inline-end:0;padding-inline-end:calc(var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius))/2);display:inline-flex}:host([quiet]) .spectrum-Textfield-characterCount{margin-block-end:var(--mod-textfield-character-count-spacing-block-quiet,var(--spectrum-textfield-character-count-spacing-block-quiet))}.input{line-height:var(--spectrum-textfield-input-line-height);box-sizing:border-box;inline-size:100%;min-inline-size:var(--mod-textfield-min-width,var(--spectrum-textfield-min-width));block-size:var(--mod-textfield-height,var(--spectrum-textfield-height));padding-block-start:calc(var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-block-end:calc(var(--mod-textfield-spacing-block-end,var(--spectrum-textfield-spacing-block-end)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-inline:calc(var(--mod-textfield-spacing-inline,var(--spectrum-textfield-spacing-inline)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));vertical-align:top;background-color:var(--mod-textfield-background-color,var(--spectrum-textfield-background-color));border-color:var(--highcontrast-textfield-border-color,var(--mod-textfield-border-color,var(--spectrum-textfield-border-color)));border-style:solid;border-width:var(--mod-textfield-border-width,var(--spectrum-textfield-border-width));border-radius:var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius));transition:border-color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));text-overflow:ellipsis;appearance:none;outline:none;grid-area:2/1/auto/span 2;margin:0}:host([type=number]) .input{-moz-appearance:textfield}:host([type=number]) .input::-webkit-inner-spin-button,:host([type=number]) .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));transition:color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-textfield-border-color-focus,var(--mod-textfield-border-color-focus,var(--spectrum-textfield-border-color-focus)))}:host([focused]) .input,:host([focused]) .input::placeholder,.input:focus,.input:focus::placeholder{color:var(--highcontrast-textfield-text-color-focus,var(--mod-textfield-text-color-focus,var(--spectrum-textfield-text-color-focus)))}:host([focused]) .input{border-color:var(--highcontrast-textfield-border-color-keyboard-focus,var(--mod-textfield-border-color-keyboard-focus,var(--spectrum-textfield-border-color-keyboard-focus)));outline:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width))solid;outline-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)));outline-offset:var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap))}:host([focused]) .input,:host([focused]) .input::placeholder{color:var(--highcontrast-textfield-text-color-keyboard-focus,var(--mod-textfield-text-color-keyboard-focus,var(--spectrum-textfield-text-color-keyboard-focus)))}:host([valid]) .input{color:var(--highcontrast-textfield-text-color-valid,var(--mod-textfield-text-color-valid,var(--spectrum-textfield-text-color-valid)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)) + var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input{color:var(--highcontrast-textfield-text-color-invalid,var(--mod-textfield-text-color-invalid,var(--spectrum-textfield-text-color-invalid)));border-color:var(--highcontrast-textfield-border-color-invalid-default,var(--mod-textfield-border-color-invalid-default,var(--spectrum-textfield-border-color-invalid-default)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)) + var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-textfield-border-color-invalid-focus,var(--mod-textfield-border-color-invalid-focus,var(--spectrum-textfield-border-color-invalid-focus)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-textfield-border-color-invalid-keyboard-focus,var(--mod-textfield-border-color-invalid-keyboard-focus,var(--spectrum-textfield-border-color-invalid-keyboard-focus)))}.input:disabled,:host([disabled]) #textfield .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));resize:none;opacity:1;border-color:#0000}.input:disabled,.input:disabled::placeholder,:host([disabled]) #textfield .input,:host([disabled]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet]) .input{padding-block-start:var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start));padding-inline:var(--mod-textfield-spacing-inline-quiet,var(--spectrum-textfield-spacing-inline-quiet));background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--mod-textfield-spacing-block-quiet,var(--spectrum-textfield-spacing-block-quiet));overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled))}:host([quiet][disabled]) .input,:host([quiet][disabled]) .input::placeholder,.input:disabled,.input:disabled::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}.input:read-only,:host([readonly]) #textfield .input{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));background-color:initial}@media (hover:hover){.input:hover,#textfield:hover .input{border-color:var(--highcontrast-textfield-border-color-hover,var(--mod-textfield-border-color-hover,var(--spectrum-textfield-border-color-hover)))}.input:hover,.input:hover::placeholder,#textfield:hover .input,#textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-hover,var(--mod-textfield-text-color-hover,var(--spectrum-textfield-text-color-hover)))}:host([focused]) .input:hover,.input:focus:hover{border-color:var(--highcontrast-textfield-border-color-focus-hover,var(--mod-textfield-border-color-focus-hover,var(--spectrum-textfield-border-color-focus-hover)))}:host([focused]) .input:hover,:host([focused]) .input:hover::placeholder,.input:focus:hover,.input:focus:hover::placeholder{color:var(--highcontrast-textfield-text-color-focus-hover,var(--mod-textfield-text-color-focus-hover,var(--spectrum-textfield-text-color-focus-hover)))}:host([invalid]) .input:hover:not(.is-disabled),:host([invalid]:hover):not(.is-disabled) .input{border-color:var(--highcontrast-textfield-border-color-invalid-hover,var(--mod-textfield-border-color-invalid-hover,var(--spectrum-textfield-border-color-invalid-hover)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--highcontrast-textfield-border-color-invalid-focus-hover,var(--mod-textfield-border-color-invalid-focus-hover,var(--spectrum-textfield-border-color-invalid-focus-hover)))}:host([disabled]) #textfield:hover .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));resize:none;opacity:1;border-color:#0000}:host([quiet][disabled]:hover) .input,:host([disabled]) #textfield:hover .input,:host([disabled]) #textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([readonly]) #textfield:hover .input{border-color:#0000;outline:none}:host([readonly]) #textfield:hover .input,:host([readonly]) #textfield:hover .input::placeholder{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)))}}.spectrum-Textfield--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.spectrum-Textfield--sideLabel:after{grid-area:1/2/span 1/span 1}.spectrum-Textfield--sideLabel .spectrum-FieldLabel{grid-area:1/1/span 2/span 1;margin-inline-end:var(--mod-textfield-label-spacing-inline-side-label,var(--spectrum-textfield-label-spacing-inline-side-label))}.spectrum-Textfield--sideLabel .spectrum-Textfield-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--mod-textfield-character-count-spacing-block-side,var(--spectrum-textfield-character-count-spacing-block-side));margin-inline-start:var(--mod-textfield-character-count-spacing-inline-side,var(--spectrum-textfield-character-count-spacing-inline-side))}.spectrum-Textfield--sideLabel .spectrum-HelpText{grid-area:2/2/auto/span 1}.spectrum-Textfield--sideLabel .input,.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--spectrum-textfield-input-line-height:normal}:host([multiline]) .input{min-inline-size:var(--mod-text-area-min-inline-size,var(--spectrum-text-area-min-inline-size));min-block-size:var(--mod-text-area-min-block-size,var(--spectrum-text-area-min-block-size));resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .spectrum-Textfield--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--mod-text-area-min-block-size-quiet,var(--spectrum-text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors:active){:host{--highcontrast-textfield-border-color-hover:Highlight;--highcontrast-textfield-border-color-focus:Highlight;--highcontrast-textfield-border-color-keyboard-focus:CanvasText;--highcontrast-textfield-focus-indicator-color:Highlight;--highcontrast-textfield-border-color-invalid-default:Highlight;--highcontrast-textfield-border-color-invalid-hover:Highlight;--highcontrast-textfield-border-color-invalid-focus:Highlight;--highcontrast-textfield-border-color-invalid-keyboard-focus:Highlight;--highcontrast-textfield-text-color-valid:CanvasText;--highcontrast-textfield-text-color-invalid:CanvasText}#textfield .input{--highcontrast-textfield-text-color-default:CanvasText;--highcontrast-textfield-text-color-hover:CanvasText;--highcontrast-textfield-text-color-keyboard-focus:CanvasText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}#textfield .input::placeholder{--highcontrast-textfield-text-color-default:GrayText;--highcontrast-textfield-text-color-hover:GrayText;--highcontrast-textfield-text-color-keyboard-focus:GrayText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}}
+`;
+export default styles;
+//# sourceMappingURL=spectrum-textfield.css.dev.js.map

package/src/spectrum-textfield.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["spectrum-textfield.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    #textfield{--spectrum-textfield-input-line-height:var(--spectrum-textfield-height);text-overflow:ellipsis;inline-size:var(--mod-textfield-width,var(--spectrum-textfield-width));grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #textfield:after{content:\"\";pointer-events:none;inline-size:100%;block-size:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width));position:absolute;inset-block-end:calc(( var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap)) + var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width)))*-1);inset-inline-start:0}:host([quiet][focused]) #textfield:after{background-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)))}:host([quiet][invalid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)))}:host([quiet][valid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)))}:host([invalid]) #textfield .icon,:host([valid]) #textfield .icon{pointer-events:all;grid-area:2/2;margin-inline-start:auto;position:absolute;inset-block-start:0}#textfield.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #textfield .icon{color:var(--highcontrast-textfield-icon-color-valid,var(--mod-textfield-icon-color-valid,var(--spectrum-textfield-icon-color-valid)));inset-block-start:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-block-end:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid))}:host([invalid]) #textfield .icon{block-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));inline-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));color:var(--highcontrast-textfield-icon-color-invalid,var(--mod-textfield-icon-color-invalid,var(--spectrum-textfield-icon-color-invalid)));inset-block-start:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-block-end:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid))}:host([disabled]) #textfield .icon,:host([readonly]) #textfield .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-valid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-valid))}:host([quiet][invalid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-invalid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-invalid))}#textfield .spectrum-FieldLabel{grid-area:1/1/auto/span 1;margin-block-end:var(--mod-textfield-label-spacing-block,var(--spectrum-textfield-label-spacing-block))}:host([quiet]) .spectrum-FieldLabel{margin-block-end:var(--mod-textfield-label-spacing-block-quiet,var(--spectrum-textfield-label-spacing-block-quiet))}:host([disabled]) .spectrum-FieldLabel{color:var(--spectrum-textfield-text-color-disabled)}#textfield .spectrum-HelpText{grid-area:3/1/auto/span 2;margin-block-start:var(--mod-textfield-helptext-spacing-block,var(--spectrum-textfield-helptext-spacing-block))}.spectrum-Textfield-characterCount{inline-size:auto;font-size:var(--mod-textfield-character-count-font-size,var(--spectrum-textfield-character-count-font-size));font-family:var(--mod-textfield-character-count-font-family,var(--spectrum-textfield-character-count-font-family));font-weight:var(--mod-textfield-character-count-font-weight,var(--spectrum-textfield-character-count-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;margin-block-end:var(--mod-textfield-character-count-spacing-block,var(--spectrum-textfield-character-count-spacing-block));margin-inline-start:var(--mod-textfield-character-count-spacing-inline,var(--spectrum-textfield-character-count-spacing-inline));margin-inline-end:0;padding-inline-end:calc(var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius))/2);display:inline-flex}:host([quiet]) .spectrum-Textfield-characterCount{margin-block-end:var(--mod-textfield-character-count-spacing-block-quiet,var(--spectrum-textfield-character-count-spacing-block-quiet))}.input{line-height:var(--spectrum-textfield-input-line-height);box-sizing:border-box;inline-size:100%;min-inline-size:var(--mod-textfield-min-width,var(--spectrum-textfield-min-width));block-size:var(--mod-textfield-height,var(--spectrum-textfield-height));padding-block-start:calc(var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-block-end:calc(var(--mod-textfield-spacing-block-end,var(--spectrum-textfield-spacing-block-end)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-inline:calc(var(--mod-textfield-spacing-inline,var(--spectrum-textfield-spacing-inline)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));vertical-align:top;background-color:var(--mod-textfield-background-color,var(--spectrum-textfield-background-color));border-color:var(--highcontrast-textfield-border-color,var(--mod-textfield-border-color,var(--spectrum-textfield-border-color)));border-style:solid;border-width:var(--mod-textfield-border-width,var(--spectrum-textfield-border-width));border-radius:var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius));transition:border-color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));text-overflow:ellipsis;appearance:none;outline:none;grid-area:2/1/auto/span 2;margin:0}:host([type=number]) .input{-moz-appearance:textfield}:host([type=number]) .input::-webkit-inner-spin-button,:host([type=number]) .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));transition:color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-textfield-border-color-focus,var(--mod-textfield-border-color-focus,var(--spectrum-textfield-border-color-focus)))}:host([focused]) .input,:host([focused]) .input::placeholder,.input:focus,.input:focus::placeholder{color:var(--highcontrast-textfield-text-color-focus,var(--mod-textfield-text-color-focus,var(--spectrum-textfield-text-color-focus)))}:host([focused]) .input{border-color:var(--highcontrast-textfield-border-color-keyboard-focus,var(--mod-textfield-border-color-keyboard-focus,var(--spectrum-textfield-border-color-keyboard-focus)));outline:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width))solid;outline-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)));outline-offset:var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap))}:host([focused]) .input,:host([focused]) .input::placeholder{color:var(--highcontrast-textfield-text-color-keyboard-focus,var(--mod-textfield-text-color-keyboard-focus,var(--spectrum-textfield-text-color-keyboard-focus)))}:host([valid]) .input{color:var(--highcontrast-textfield-text-color-valid,var(--mod-textfield-text-color-valid,var(--spectrum-textfield-text-color-valid)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)) + var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input{color:var(--highcontrast-textfield-text-color-invalid,var(--mod-textfield-text-color-invalid,var(--spectrum-textfield-text-color-invalid)));border-color:var(--highcontrast-textfield-border-color-invalid-default,var(--mod-textfield-border-color-invalid-default,var(--spectrum-textfield-border-color-invalid-default)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)) + var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-textfield-border-color-invalid-focus,var(--mod-textfield-border-color-invalid-focus,var(--spectrum-textfield-border-color-invalid-focus)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-textfield-border-color-invalid-keyboard-focus,var(--mod-textfield-border-color-invalid-keyboard-focus,var(--spectrum-textfield-border-color-invalid-keyboard-focus)))}.input:disabled,:host([disabled]) #textfield .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));resize:none;opacity:1;border-color:#0000}.input:disabled,.input:disabled::placeholder,:host([disabled]) #textfield .input,:host([disabled]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet]) .input{padding-block-start:var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start));padding-inline:var(--mod-textfield-spacing-inline-quiet,var(--spectrum-textfield-spacing-inline-quiet));background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--mod-textfield-spacing-block-quiet,var(--spectrum-textfield-spacing-block-quiet));overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled))}:host([quiet][disabled]) .input,:host([quiet][disabled]) .input::placeholder,.input:disabled,.input:disabled::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}.input:read-only,:host([readonly]) #textfield .input{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));background-color:initial}@media (hover:hover){.input:hover,#textfield:hover .input{border-color:var(--highcontrast-textfield-border-color-hover,var(--mod-textfield-border-color-hover,var(--spectrum-textfield-border-color-hover)))}.input:hover,.input:hover::placeholder,#textfield:hover .input,#textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-hover,var(--mod-textfield-text-color-hover,var(--spectrum-textfield-text-color-hover)))}:host([focused]) .input:hover,.input:focus:hover{border-color:var(--highcontrast-textfield-border-color-focus-hover,var(--mod-textfield-border-color-focus-hover,var(--spectrum-textfield-border-color-focus-hover)))}:host([focused]) .input:hover,:host([focused]) .input:hover::placeholder,.input:focus:hover,.input:focus:hover::placeholder{color:var(--highcontrast-textfield-text-color-focus-hover,var(--mod-textfield-text-color-focus-hover,var(--spectrum-textfield-text-color-focus-hover)))}:host([invalid]) .input:hover:not(.is-disabled),:host([invalid]:hover):not(.is-disabled) .input{border-color:var(--highcontrast-textfield-border-color-invalid-hover,var(--mod-textfield-border-color-invalid-hover,var(--spectrum-textfield-border-color-invalid-hover)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--highcontrast-textfield-border-color-invalid-focus-hover,var(--mod-textfield-border-color-invalid-focus-hover,var(--spectrum-textfield-border-color-invalid-focus-hover)))}:host([disabled]) #textfield:hover .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));resize:none;opacity:1;border-color:#0000}:host([quiet][disabled]:hover) .input,:host([disabled]) #textfield:hover .input,:host([disabled]) #textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([readonly]) #textfield:hover .input{border-color:#0000;outline:none}:host([readonly]) #textfield:hover .input,:host([readonly]) #textfield:hover .input::placeholder{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)))}}.spectrum-Textfield--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.spectrum-Textfield--sideLabel:after{grid-area:1/2/span 1/span 1}.spectrum-Textfield--sideLabel .spectrum-FieldLabel{grid-area:1/1/span 2/span 1;margin-inline-end:var(--mod-textfield-label-spacing-inline-side-label,var(--spectrum-textfield-label-spacing-inline-side-label))}.spectrum-Textfield--sideLabel .spectrum-Textfield-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--mod-textfield-character-count-spacing-block-side,var(--spectrum-textfield-character-count-spacing-block-side));margin-inline-start:var(--mod-textfield-character-count-spacing-inline-side,var(--spectrum-textfield-character-count-spacing-inline-side))}.spectrum-Textfield--sideLabel .spectrum-HelpText{grid-area:2/2/auto/span 1}.spectrum-Textfield--sideLabel .input,.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--spectrum-textfield-input-line-height:normal}:host([multiline]) .input{min-inline-size:var(--mod-text-area-min-inline-size,var(--spectrum-text-area-min-inline-size));min-block-size:var(--mod-text-area-min-block-size,var(--spectrum-text-area-min-block-size));resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .spectrum-Textfield--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--mod-text-area-min-block-size-quiet,var(--spectrum-text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors:active){:host{--highcontrast-textfield-border-color-hover:Highlight;--highcontrast-textfield-border-color-focus:Highlight;--highcontrast-textfield-border-color-keyboard-focus:CanvasText;--highcontrast-textfield-focus-indicator-color:Highlight;--highcontrast-textfield-border-color-invalid-default:Highlight;--highcontrast-textfield-border-color-invalid-hover:Highlight;--highcontrast-textfield-border-color-invalid-focus:Highlight;--highcontrast-textfield-border-color-invalid-keyboard-focus:Highlight;--highcontrast-textfield-text-color-valid:CanvasText;--highcontrast-textfield-text-color-invalid:CanvasText}#textfield .input{--highcontrast-textfield-text-color-default:CanvasText;--highcontrast-textfield-text-color-hover:CanvasText;--highcontrast-textfield-text-color-keyboard-focus:CanvasText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}#textfield .input::placeholder{--highcontrast-textfield-text-color-default:GrayText;--highcontrast-textfield-text-color-hover:GrayText;--highcontrast-textfield-text-color-keyboard-focus:GrayText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/spectrum-textfield.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as e}from"@spectrum-web-components/base";const t=e`
+    #textfield{--spectrum-textfield-input-line-height:var(--spectrum-textfield-height);text-overflow:ellipsis;inline-size:var(--mod-textfield-width,var(--spectrum-textfield-width));grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #textfield:after{content:"";pointer-events:none;inline-size:100%;block-size:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width));position:absolute;inset-block-end:calc(( var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap)) + var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width)))*-1);inset-inline-start:0}:host([quiet][focused]) #textfield:after{background-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)))}:host([quiet][invalid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)))}:host([quiet][valid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)))}:host([invalid]) #textfield .icon,:host([valid]) #textfield .icon{pointer-events:all;grid-area:2/2;margin-inline-start:auto;position:absolute;inset-block-start:0}#textfield.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #textfield .icon{color:var(--highcontrast-textfield-icon-color-valid,var(--mod-textfield-icon-color-valid,var(--spectrum-textfield-icon-color-valid)));inset-block-start:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-block-end:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid))}:host([invalid]) #textfield .icon{block-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));inline-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));color:var(--highcontrast-textfield-icon-color-invalid,var(--mod-textfield-icon-color-invalid,var(--spectrum-textfield-icon-color-invalid)));inset-block-start:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-block-end:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid))}:host([disabled]) #textfield .icon,:host([readonly]) #textfield .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-valid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-valid))}:host([quiet][invalid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-invalid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-invalid))}#textfield .spectrum-FieldLabel{grid-area:1/1/auto/span 1;margin-block-end:var(--mod-textfield-label-spacing-block,var(--spectrum-textfield-label-spacing-block))}:host([quiet]) .spectrum-FieldLabel{margin-block-end:var(--mod-textfield-label-spacing-block-quiet,var(--spectrum-textfield-label-spacing-block-quiet))}:host([disabled]) .spectrum-FieldLabel{color:var(--spectrum-textfield-text-color-disabled)}#textfield .spectrum-HelpText{grid-area:3/1/auto/span 2;margin-block-start:var(--mod-textfield-helptext-spacing-block,var(--spectrum-textfield-helptext-spacing-block))}.spectrum-Textfield-characterCount{inline-size:auto;font-size:var(--mod-textfield-character-count-font-size,var(--spectrum-textfield-character-count-font-size));font-family:var(--mod-textfield-character-count-font-family,var(--spectrum-textfield-character-count-font-family));font-weight:var(--mod-textfield-character-count-font-weight,var(--spectrum-textfield-character-count-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;margin-block-end:var(--mod-textfield-character-count-spacing-block,var(--spectrum-textfield-character-count-spacing-block));margin-inline-start:var(--mod-textfield-character-count-spacing-inline,var(--spectrum-textfield-character-count-spacing-inline));margin-inline-end:0;padding-inline-end:calc(var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius))/2);display:inline-flex}:host([quiet]) .spectrum-Textfield-characterCount{margin-block-end:var(--mod-textfield-character-count-spacing-block-quiet,var(--spectrum-textfield-character-count-spacing-block-quiet))}.input{line-height:var(--spectrum-textfield-input-line-height);box-sizing:border-box;inline-size:100%;min-inline-size:var(--mod-textfield-min-width,var(--spectrum-textfield-min-width));block-size:var(--mod-textfield-height,var(--spectrum-textfield-height));padding-block-start:calc(var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-block-end:calc(var(--mod-textfield-spacing-block-end,var(--spectrum-textfield-spacing-block-end)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-inline:calc(var(--mod-textfield-spacing-inline,var(--spectrum-textfield-spacing-inline)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));vertical-align:top;background-color:var(--mod-textfield-background-color,var(--spectrum-textfield-background-color));border-color:var(--highcontrast-textfield-border-color,var(--mod-textfield-border-color,var(--spectrum-textfield-border-color)));border-style:solid;border-width:var(--mod-textfield-border-width,var(--spectrum-textfield-border-width));border-radius:var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius));transition:border-color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));text-overflow:ellipsis;appearance:none;outline:none;grid-area:2/1/auto/span 2;margin:0}:host([type=number]) .input{-moz-appearance:textfield}:host([type=number]) .input::-webkit-inner-spin-button,:host([type=number]) .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));transition:color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-textfield-border-color-focus,var(--mod-textfield-border-color-focus,var(--spectrum-textfield-border-color-focus)))}:host([focused]) .input,:host([focused]) .input::placeholder,.input:focus,.input:focus::placeholder{color:var(--highcontrast-textfield-text-color-focus,var(--mod-textfield-text-color-focus,var(--spectrum-textfield-text-color-focus)))}:host([focused]) .input{border-color:var(--highcontrast-textfield-border-color-keyboard-focus,var(--mod-textfield-border-color-keyboard-focus,var(--spectrum-textfield-border-color-keyboard-focus)));outline:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width))solid;outline-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)));outline-offset:var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap))}:host([focused]) .input,:host([focused]) .input::placeholder{color:var(--highcontrast-textfield-text-color-keyboard-focus,var(--mod-textfield-text-color-keyboard-focus,var(--spectrum-textfield-text-color-keyboard-focus)))}:host([valid]) .input{color:var(--highcontrast-textfield-text-color-valid,var(--mod-textfield-text-color-valid,var(--spectrum-textfield-text-color-valid)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)) + var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input{color:var(--highcontrast-textfield-text-color-invalid,var(--mod-textfield-text-color-invalid,var(--spectrum-textfield-text-color-invalid)));border-color:var(--highcontrast-textfield-border-color-invalid-default,var(--mod-textfield-border-color-invalid-default,var(--spectrum-textfield-border-color-invalid-default)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)) + var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-textfield-border-color-invalid-focus,var(--mod-textfield-border-color-invalid-focus,var(--spectrum-textfield-border-color-invalid-focus)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-textfield-border-color-invalid-keyboard-focus,var(--mod-textfield-border-color-invalid-keyboard-focus,var(--spectrum-textfield-border-color-invalid-keyboard-focus)))}.input:disabled,:host([disabled]) #textfield .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));resize:none;opacity:1;border-color:#0000}.input:disabled,.input:disabled::placeholder,:host([disabled]) #textfield .input,:host([disabled]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet]) .input{padding-block-start:var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start));padding-inline:var(--mod-textfield-spacing-inline-quiet,var(--spectrum-textfield-spacing-inline-quiet));background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--mod-textfield-spacing-block-quiet,var(--spectrum-textfield-spacing-block-quiet));overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled))}:host([quiet][disabled]) .input,:host([quiet][disabled]) .input::placeholder,.input:disabled,.input:disabled::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}.input:read-only,:host([readonly]) #textfield .input{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));background-color:initial}@media (hover:hover){.input:hover,#textfield:hover .input{border-color:var(--highcontrast-textfield-border-color-hover,var(--mod-textfield-border-color-hover,var(--spectrum-textfield-border-color-hover)))}.input:hover,.input:hover::placeholder,#textfield:hover .input,#textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-hover,var(--mod-textfield-text-color-hover,var(--spectrum-textfield-text-color-hover)))}:host([focused]) .input:hover,.input:focus:hover{border-color:var(--highcontrast-textfield-border-color-focus-hover,var(--mod-textfield-border-color-focus-hover,var(--spectrum-textfield-border-color-focus-hover)))}:host([focused]) .input:hover,:host([focused]) .input:hover::placeholder,.input:focus:hover,.input:focus:hover::placeholder{color:var(--highcontrast-textfield-text-color-focus-hover,var(--mod-textfield-text-color-focus-hover,var(--spectrum-textfield-text-color-focus-hover)))}:host([invalid]) .input:hover:not(.is-disabled),:host([invalid]:hover):not(.is-disabled) .input{border-color:var(--highcontrast-textfield-border-color-invalid-hover,var(--mod-textfield-border-color-invalid-hover,var(--spectrum-textfield-border-color-invalid-hover)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--highcontrast-textfield-border-color-invalid-focus-hover,var(--mod-textfield-border-color-invalid-focus-hover,var(--spectrum-textfield-border-color-invalid-focus-hover)))}:host([disabled]) #textfield:hover .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));resize:none;opacity:1;border-color:#0000}:host([quiet][disabled]:hover) .input,:host([disabled]) #textfield:hover .input,:host([disabled]) #textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([readonly]) #textfield:hover .input{border-color:#0000;outline:none}:host([readonly]) #textfield:hover .input,:host([readonly]) #textfield:hover .input::placeholder{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)))}}.spectrum-Textfield--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.spectrum-Textfield--sideLabel:after{grid-area:1/2/span 1/span 1}.spectrum-Textfield--sideLabel .spectrum-FieldLabel{grid-area:1/1/span 2/span 1;margin-inline-end:var(--mod-textfield-label-spacing-inline-side-label,var(--spectrum-textfield-label-spacing-inline-side-label))}.spectrum-Textfield--sideLabel .spectrum-Textfield-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--mod-textfield-character-count-spacing-block-side,var(--spectrum-textfield-character-count-spacing-block-side));margin-inline-start:var(--mod-textfield-character-count-spacing-inline-side,var(--spectrum-textfield-character-count-spacing-inline-side))}.spectrum-Textfield--sideLabel .spectrum-HelpText{grid-area:2/2/auto/span 1}.spectrum-Textfield--sideLabel .input,.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--spectrum-textfield-input-line-height:normal}:host([multiline]) .input{min-inline-size:var(--mod-text-area-min-inline-size,var(--spectrum-text-area-min-inline-size));min-block-size:var(--mod-text-area-min-block-size,var(--spectrum-text-area-min-block-size));resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .spectrum-Textfield--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--mod-text-area-min-block-size-quiet,var(--spectrum-text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors:active){:host{--highcontrast-textfield-border-color-hover:Highlight;--highcontrast-textfield-border-color-focus:Highlight;--highcontrast-textfield-border-color-keyboard-focus:CanvasText;--highcontrast-textfield-focus-indicator-color:Highlight;--highcontrast-textfield-border-color-invalid-default:Highlight;--highcontrast-textfield-border-color-invalid-hover:Highlight;--highcontrast-textfield-border-color-invalid-focus:Highlight;--highcontrast-textfield-border-color-invalid-keyboard-focus:Highlight;--highcontrast-textfield-text-color-valid:CanvasText;--highcontrast-textfield-text-color-invalid:CanvasText}#textfield .input{--highcontrast-textfield-text-color-default:CanvasText;--highcontrast-textfield-text-color-hover:CanvasText;--highcontrast-textfield-text-color-keyboard-focus:CanvasText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}#textfield .input::placeholder{--highcontrast-textfield-text-color-default:GrayText;--highcontrast-textfield-text-color-hover:GrayText;--highcontrast-textfield-text-color-keyboard-focus:GrayText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}}
+`;export default t;
+//# sourceMappingURL=spectrum-textfield.css.js.map

package/src/spectrum-textfield.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["spectrum-textfield.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    #textfield{--spectrum-textfield-input-line-height:var(--spectrum-textfield-height);text-overflow:ellipsis;inline-size:var(--mod-textfield-width,var(--spectrum-textfield-width));grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #textfield:after{content:\"\";pointer-events:none;inline-size:100%;block-size:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width));position:absolute;inset-block-end:calc(( var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap)) + var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width)))*-1);inset-inline-start:0}:host([quiet][focused]) #textfield:after{background-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)))}:host([quiet][invalid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)))}:host([quiet][valid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)))}:host([invalid]) #textfield .icon,:host([valid]) #textfield .icon{pointer-events:all;grid-area:2/2;margin-inline-start:auto;position:absolute;inset-block-start:0}#textfield.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #textfield .icon{color:var(--highcontrast-textfield-icon-color-valid,var(--mod-textfield-icon-color-valid,var(--spectrum-textfield-icon-color-valid)));inset-block-start:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-block-end:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid))}:host([invalid]) #textfield .icon{block-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));inline-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));color:var(--highcontrast-textfield-icon-color-invalid,var(--mod-textfield-icon-color-invalid,var(--spectrum-textfield-icon-color-invalid)));inset-block-start:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-block-end:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid))}:host([disabled]) #textfield .icon,:host([readonly]) #textfield .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-valid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-valid))}:host([quiet][invalid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-invalid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-invalid))}#textfield .spectrum-FieldLabel{grid-area:1/1/auto/span 1;margin-block-end:var(--mod-textfield-label-spacing-block,var(--spectrum-textfield-label-spacing-block))}:host([quiet]) .spectrum-FieldLabel{margin-block-end:var(--mod-textfield-label-spacing-block-quiet,var(--spectrum-textfield-label-spacing-block-quiet))}:host([disabled]) .spectrum-FieldLabel{color:var(--spectrum-textfield-text-color-disabled)}#textfield .spectrum-HelpText{grid-area:3/1/auto/span 2;margin-block-start:var(--mod-textfield-helptext-spacing-block,var(--spectrum-textfield-helptext-spacing-block))}.spectrum-Textfield-characterCount{inline-size:auto;font-size:var(--mod-textfield-character-count-font-size,var(--spectrum-textfield-character-count-font-size));font-family:var(--mod-textfield-character-count-font-family,var(--spectrum-textfield-character-count-font-family));font-weight:var(--mod-textfield-character-count-font-weight,var(--spectrum-textfield-character-count-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;margin-block-end:var(--mod-textfield-character-count-spacing-block,var(--spectrum-textfield-character-count-spacing-block));margin-inline-start:var(--mod-textfield-character-count-spacing-inline,var(--spectrum-textfield-character-count-spacing-inline));margin-inline-end:0;padding-inline-end:calc(var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius))/2);display:inline-flex}:host([quiet]) .spectrum-Textfield-characterCount{margin-block-end:var(--mod-textfield-character-count-spacing-block-quiet,var(--spectrum-textfield-character-count-spacing-block-quiet))}.input{line-height:var(--spectrum-textfield-input-line-height);box-sizing:border-box;inline-size:100%;min-inline-size:var(--mod-textfield-min-width,var(--spectrum-textfield-min-width));block-size:var(--mod-textfield-height,var(--spectrum-textfield-height));padding-block-start:calc(var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-block-end:calc(var(--mod-textfield-spacing-block-end,var(--spectrum-textfield-spacing-block-end)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-inline:calc(var(--mod-textfield-spacing-inline,var(--spectrum-textfield-spacing-inline)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));vertical-align:top;background-color:var(--mod-textfield-background-color,var(--spectrum-textfield-background-color));border-color:var(--highcontrast-textfield-border-color,var(--mod-textfield-border-color,var(--spectrum-textfield-border-color)));border-style:solid;border-width:var(--mod-textfield-border-width,var(--spectrum-textfield-border-width));border-radius:var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius));transition:border-color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));text-overflow:ellipsis;appearance:none;outline:none;grid-area:2/1/auto/span 2;margin:0}:host([type=number]) .input{-moz-appearance:textfield}:host([type=number]) .input::-webkit-inner-spin-button,:host([type=number]) .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));transition:color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-textfield-border-color-focus,var(--mod-textfield-border-color-focus,var(--spectrum-textfield-border-color-focus)))}:host([focused]) .input,:host([focused]) .input::placeholder,.input:focus,.input:focus::placeholder{color:var(--highcontrast-textfield-text-color-focus,var(--mod-textfield-text-color-focus,var(--spectrum-textfield-text-color-focus)))}:host([focused]) .input{border-color:var(--highcontrast-textfield-border-color-keyboard-focus,var(--mod-textfield-border-color-keyboard-focus,var(--spectrum-textfield-border-color-keyboard-focus)));outline:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width))solid;outline-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)));outline-offset:var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap))}:host([focused]) .input,:host([focused]) .input::placeholder{color:var(--highcontrast-textfield-text-color-keyboard-focus,var(--mod-textfield-text-color-keyboard-focus,var(--spectrum-textfield-text-color-keyboard-focus)))}:host([valid]) .input{color:var(--highcontrast-textfield-text-color-valid,var(--mod-textfield-text-color-valid,var(--spectrum-textfield-text-color-valid)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)) + var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input{color:var(--highcontrast-textfield-text-color-invalid,var(--mod-textfield-text-color-invalid,var(--spectrum-textfield-text-color-invalid)));border-color:var(--highcontrast-textfield-border-color-invalid-default,var(--mod-textfield-border-color-invalid-default,var(--spectrum-textfield-border-color-invalid-default)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)) + var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-textfield-border-color-invalid-focus,var(--mod-textfield-border-color-invalid-focus,var(--spectrum-textfield-border-color-invalid-focus)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-textfield-border-color-invalid-keyboard-focus,var(--mod-textfield-border-color-invalid-keyboard-focus,var(--spectrum-textfield-border-color-invalid-keyboard-focus)))}.input:disabled,:host([disabled]) #textfield .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));resize:none;opacity:1;border-color:#0000}.input:disabled,.input:disabled::placeholder,:host([disabled]) #textfield .input,:host([disabled]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet]) .input{padding-block-start:var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start));padding-inline:var(--mod-textfield-spacing-inline-quiet,var(--spectrum-textfield-spacing-inline-quiet));background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--mod-textfield-spacing-block-quiet,var(--spectrum-textfield-spacing-block-quiet));overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled))}:host([quiet][disabled]) .input,:host([quiet][disabled]) .input::placeholder,.input:disabled,.input:disabled::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}.input:read-only,:host([readonly]) #textfield .input{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));background-color:initial}@media (hover:hover){.input:hover,#textfield:hover .input{border-color:var(--highcontrast-textfield-border-color-hover,var(--mod-textfield-border-color-hover,var(--spectrum-textfield-border-color-hover)))}.input:hover,.input:hover::placeholder,#textfield:hover .input,#textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-hover,var(--mod-textfield-text-color-hover,var(--spectrum-textfield-text-color-hover)))}:host([focused]) .input:hover,.input:focus:hover{border-color:var(--highcontrast-textfield-border-color-focus-hover,var(--mod-textfield-border-color-focus-hover,var(--spectrum-textfield-border-color-focus-hover)))}:host([focused]) .input:hover,:host([focused]) .input:hover::placeholder,.input:focus:hover,.input:focus:hover::placeholder{color:var(--highcontrast-textfield-text-color-focus-hover,var(--mod-textfield-text-color-focus-hover,var(--spectrum-textfield-text-color-focus-hover)))}:host([invalid]) .input:hover:not(.is-disabled),:host([invalid]:hover):not(.is-disabled) .input{border-color:var(--highcontrast-textfield-border-color-invalid-hover,var(--mod-textfield-border-color-invalid-hover,var(--spectrum-textfield-border-color-invalid-hover)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--highcontrast-textfield-border-color-invalid-focus-hover,var(--mod-textfield-border-color-invalid-focus-hover,var(--spectrum-textfield-border-color-invalid-focus-hover)))}:host([disabled]) #textfield:hover .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));resize:none;opacity:1;border-color:#0000}:host([quiet][disabled]:hover) .input,:host([disabled]) #textfield:hover .input,:host([disabled]) #textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([readonly]) #textfield:hover .input{border-color:#0000;outline:none}:host([readonly]) #textfield:hover .input,:host([readonly]) #textfield:hover .input::placeholder{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)))}}.spectrum-Textfield--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.spectrum-Textfield--sideLabel:after{grid-area:1/2/span 1/span 1}.spectrum-Textfield--sideLabel .spectrum-FieldLabel{grid-area:1/1/span 2/span 1;margin-inline-end:var(--mod-textfield-label-spacing-inline-side-label,var(--spectrum-textfield-label-spacing-inline-side-label))}.spectrum-Textfield--sideLabel .spectrum-Textfield-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--mod-textfield-character-count-spacing-block-side,var(--spectrum-textfield-character-count-spacing-block-side));margin-inline-start:var(--mod-textfield-character-count-spacing-inline-side,var(--spectrum-textfield-character-count-spacing-inline-side))}.spectrum-Textfield--sideLabel .spectrum-HelpText{grid-area:2/2/auto/span 1}.spectrum-Textfield--sideLabel .input,.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--spectrum-textfield-input-line-height:normal}:host([multiline]) .input{min-inline-size:var(--mod-text-area-min-inline-size,var(--spectrum-text-area-min-inline-size));min-block-size:var(--mod-text-area-min-block-size,var(--spectrum-text-area-min-block-size));resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .spectrum-Textfield--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--mod-text-area-min-block-size-quiet,var(--spectrum-text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors:active){:host{--highcontrast-textfield-border-color-hover:Highlight;--highcontrast-textfield-border-color-focus:Highlight;--highcontrast-textfield-border-color-keyboard-focus:CanvasText;--highcontrast-textfield-focus-indicator-color:Highlight;--highcontrast-textfield-border-color-invalid-default:Highlight;--highcontrast-textfield-border-color-invalid-hover:Highlight;--highcontrast-textfield-border-color-invalid-focus:Highlight;--highcontrast-textfield-border-color-invalid-keyboard-focus:Highlight;--highcontrast-textfield-text-color-valid:CanvasText;--highcontrast-textfield-text-color-invalid:CanvasText}#textfield .input{--highcontrast-textfield-text-color-default:CanvasText;--highcontrast-textfield-text-color-hover:CanvasText;--highcontrast-textfield-text-color-keyboard-focus:CanvasText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}#textfield .input::placeholder{--highcontrast-textfield-text-color-default:GrayText;--highcontrast-textfield-text-color-hover:GrayText;--highcontrast-textfield-text-color-keyboard-focus:GrayText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/src/textfield-overrides.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("@spectrum-web-components/base").CSSResult;
+export default styles;

package/src/textfield-overrides.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    :host{--spectrum-textfield-border-color:var(--system-textfield-border-color);--spectrum-textfield-border-color-hover:var(--system-textfield-border-color-hover);--spectrum-textfield-border-color-focus:var(--system-textfield-border-color-focus);--spectrum-textfield-border-color-focus-hover:var(--system-textfield-border-color-focus-hover);--spectrum-textfield-border-color-keyboard-focus:var(--system-textfield-border-color-keyboard-focus);--spectrum-textfield-border-width:var(--system-textfield-border-width);--spectrum-texfield-animation-duration:var(--system-textfield-texfield-animation-duration);--spectrum-textfield-width:var(--system-textfield-width);--spectrum-textfield-min-width:var(--system-textfield-min-width);--spectrum-textfield-corner-radius:var(--system-textfield-corner-radius);--spectrum-textfield-spacing-inline-quiet:var(--system-textfield-spacing-inline-quiet);--spectrum-textfield-spacing-block-start:var(--system-textfield-spacing-block-start);--spectrum-textfield-spacing-block-end:var(--system-textfield-spacing-block-end);--spectrum-textfield-spacing-block-quiet:var(--system-textfield-spacing-block-quiet);--spectrum-textfield-label-spacing-block:var(--system-textfield-label-spacing-block);--spectrum-textfield-helptext-spacing-block:var(--system-textfield-helptext-spacing-block);--spectrum-textfield-icon-spacing-inline-end-quiet-invalid:var(--system-textfield-icon-spacing-inline-end-quiet-invalid);--spectrum-textfield-icon-spacing-inline-end-quiet-valid:var(--system-textfield-icon-spacing-inline-end-quiet-valid);--spectrum-textfield-font-family:var(--system-textfield-font-family);--spectrum-textfield-font-weight:var(--system-textfield-font-weight);--spectrum-textfield-character-count-font-family:var(--system-textfield-character-count-font-family);--spectrum-textfield-character-count-font-weight:var(--system-textfield-character-count-font-weight);--spectrum-textfield-character-count-spacing-inline:var(--system-textfield-character-count-spacing-inline);--spectrum-textfield-character-count-spacing-inline-side:var(--system-textfield-character-count-spacing-inline-side);--spectrum-textfield-focus-indicator-width:var(--system-textfield-focus-indicator-width);--spectrum-textfield-focus-indicator-gap:var(--system-textfield-focus-indicator-gap);--spectrum-textfield-background-color:var(--system-textfield-background-color);--spectrum-textfield-text-color-default:var(--system-textfield-text-color-default);--spectrum-textfield-text-color-hover:var(--system-textfield-text-color-hover);--spectrum-textfield-text-color-focus:var(--system-textfield-text-color-focus);--spectrum-textfield-text-color-focus-hover:var(--system-textfield-text-color-focus-hover);--spectrum-textfield-text-color-keyboard-focus:var(--system-textfield-text-color-keyboard-focus);--spectrum-textfield-text-color-readonly:var(--system-textfield-text-color-readonly);--spectrum-textfield-background-color-disabled:var(--system-textfield-background-color-disabled);--spectrum-textfield-border-color-disabled:var(--system-textfield-border-color-disabled);--spectrum-textfield-text-color-disabled:var(--system-textfield-text-color-disabled);--spectrum-textfield-border-color-invalid-default:var(--system-textfield-border-color-invalid-default);--spectrum-textfield-border-color-invalid-hover:var(--system-textfield-border-color-invalid-hover);--spectrum-textfield-border-color-invalid-focus:var(--system-textfield-border-color-invalid-focus);--spectrum-textfield-border-color-invalid-focus-hover:var(--system-textfield-border-color-invalid-focus-hover);--spectrum-textfield-border-color-invalid-keyboard-focus:var(--system-textfield-border-color-invalid-keyboard-focus);--spectrum-textfield-icon-color-invalid:var(--system-textfield-icon-color-invalid);--spectrum-textfield-text-color-invalid:var(--system-textfield-text-color-invalid);--spectrum-textfield-text-color-valid:var(--system-textfield-text-color-valid);--spectrum-textfield-icon-color-valid:var(--system-textfield-icon-color-valid);--spectrum-textfield-focus-indicator-color:var(--system-textfield-focus-indicator-color);--spectrum-text-area-min-inline-size:var(--system-textfield-text-area-min-inline-size);--spectrum-text-area-min-block-size:var(--system-textfield-text-area-min-block-size);--spectrum-textfield-height:var(--system-textfield-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-text-area-min-block-size-quiet)}:host([size=s]){--spectrum-textfield-height:var(--system-textfield-size-s-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-s-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-s-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-s-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-s-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-s-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-s-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-s-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-s-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-s-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-s-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-s-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-s-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-s-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-s-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-s-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-s-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-s-text-area-min-block-size-quiet)}:host{--spectrum-textfield-height:var(--system-textfield-size-m-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-m-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-m-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-m-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-m-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-m-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-m-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-m-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-m-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-m-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-m-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-m-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-m-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-m-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-m-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-m-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-m-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-m-text-area-min-block-size-quiet)}:host([size=l]){--spectrum-textfield-height:var(--system-textfield-size-l-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-l-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-l-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-l-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-l-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-l-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-l-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-l-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-l-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-l-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-l-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-l-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-l-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-l-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-l-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-l-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-l-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-l-text-area-min-block-size-quiet)}:host([size=xl]){--spectrum-textfield-height:var(--system-textfield-size-xl-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-xl-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-xl-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-xl-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-xl-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-xl-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-xl-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-xl-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-xl-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-xl-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-xl-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-xl-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-xl-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-xl-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-xl-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-xl-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-xl-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-xl-text-area-min-block-size-quiet)}
+`;
+export default styles;
+//# sourceMappingURL=textfield-overrides.css.dev.js.map

package/src/textfield-overrides.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["textfield-overrides.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-textfield-border-color:var(--system-textfield-border-color);--spectrum-textfield-border-color-hover:var(--system-textfield-border-color-hover);--spectrum-textfield-border-color-focus:var(--system-textfield-border-color-focus);--spectrum-textfield-border-color-focus-hover:var(--system-textfield-border-color-focus-hover);--spectrum-textfield-border-color-keyboard-focus:var(--system-textfield-border-color-keyboard-focus);--spectrum-textfield-border-width:var(--system-textfield-border-width);--spectrum-texfield-animation-duration:var(--system-textfield-texfield-animation-duration);--spectrum-textfield-width:var(--system-textfield-width);--spectrum-textfield-min-width:var(--system-textfield-min-width);--spectrum-textfield-corner-radius:var(--system-textfield-corner-radius);--spectrum-textfield-spacing-inline-quiet:var(--system-textfield-spacing-inline-quiet);--spectrum-textfield-spacing-block-start:var(--system-textfield-spacing-block-start);--spectrum-textfield-spacing-block-end:var(--system-textfield-spacing-block-end);--spectrum-textfield-spacing-block-quiet:var(--system-textfield-spacing-block-quiet);--spectrum-textfield-label-spacing-block:var(--system-textfield-label-spacing-block);--spectrum-textfield-helptext-spacing-block:var(--system-textfield-helptext-spacing-block);--spectrum-textfield-icon-spacing-inline-end-quiet-invalid:var(--system-textfield-icon-spacing-inline-end-quiet-invalid);--spectrum-textfield-icon-spacing-inline-end-quiet-valid:var(--system-textfield-icon-spacing-inline-end-quiet-valid);--spectrum-textfield-font-family:var(--system-textfield-font-family);--spectrum-textfield-font-weight:var(--system-textfield-font-weight);--spectrum-textfield-character-count-font-family:var(--system-textfield-character-count-font-family);--spectrum-textfield-character-count-font-weight:var(--system-textfield-character-count-font-weight);--spectrum-textfield-character-count-spacing-inline:var(--system-textfield-character-count-spacing-inline);--spectrum-textfield-character-count-spacing-inline-side:var(--system-textfield-character-count-spacing-inline-side);--spectrum-textfield-focus-indicator-width:var(--system-textfield-focus-indicator-width);--spectrum-textfield-focus-indicator-gap:var(--system-textfield-focus-indicator-gap);--spectrum-textfield-background-color:var(--system-textfield-background-color);--spectrum-textfield-text-color-default:var(--system-textfield-text-color-default);--spectrum-textfield-text-color-hover:var(--system-textfield-text-color-hover);--spectrum-textfield-text-color-focus:var(--system-textfield-text-color-focus);--spectrum-textfield-text-color-focus-hover:var(--system-textfield-text-color-focus-hover);--spectrum-textfield-text-color-keyboard-focus:var(--system-textfield-text-color-keyboard-focus);--spectrum-textfield-text-color-readonly:var(--system-textfield-text-color-readonly);--spectrum-textfield-background-color-disabled:var(--system-textfield-background-color-disabled);--spectrum-textfield-border-color-disabled:var(--system-textfield-border-color-disabled);--spectrum-textfield-text-color-disabled:var(--system-textfield-text-color-disabled);--spectrum-textfield-border-color-invalid-default:var(--system-textfield-border-color-invalid-default);--spectrum-textfield-border-color-invalid-hover:var(--system-textfield-border-color-invalid-hover);--spectrum-textfield-border-color-invalid-focus:var(--system-textfield-border-color-invalid-focus);--spectrum-textfield-border-color-invalid-focus-hover:var(--system-textfield-border-color-invalid-focus-hover);--spectrum-textfield-border-color-invalid-keyboard-focus:var(--system-textfield-border-color-invalid-keyboard-focus);--spectrum-textfield-icon-color-invalid:var(--system-textfield-icon-color-invalid);--spectrum-textfield-text-color-invalid:var(--system-textfield-text-color-invalid);--spectrum-textfield-text-color-valid:var(--system-textfield-text-color-valid);--spectrum-textfield-icon-color-valid:var(--system-textfield-icon-color-valid);--spectrum-textfield-focus-indicator-color:var(--system-textfield-focus-indicator-color);--spectrum-text-area-min-inline-size:var(--system-textfield-text-area-min-inline-size);--spectrum-text-area-min-block-size:var(--system-textfield-text-area-min-block-size);--spectrum-textfield-height:var(--system-textfield-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-text-area-min-block-size-quiet)}:host([size=s]){--spectrum-textfield-height:var(--system-textfield-size-s-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-s-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-s-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-s-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-s-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-s-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-s-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-s-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-s-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-s-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-s-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-s-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-s-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-s-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-s-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-s-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-s-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-s-text-area-min-block-size-quiet)}:host{--spectrum-textfield-height:var(--system-textfield-size-m-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-m-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-m-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-m-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-m-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-m-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-m-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-m-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-m-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-m-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-m-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-m-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-m-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-m-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-m-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-m-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-m-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-m-text-area-min-block-size-quiet)}:host([size=l]){--spectrum-textfield-height:var(--system-textfield-size-l-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-l-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-l-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-l-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-l-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-l-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-l-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-l-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-l-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-l-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-l-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-l-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-l-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-l-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-l-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-l-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-l-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-l-text-area-min-block-size-quiet)}:host([size=xl]){--spectrum-textfield-height:var(--system-textfield-size-xl-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-xl-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-xl-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-xl-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-xl-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-xl-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-xl-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-xl-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-xl-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-xl-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-xl-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-xl-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-xl-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-xl-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-xl-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-xl-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-xl-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-xl-text-area-min-block-size-quiet)}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/textfield-overrides.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as e}from"@spectrum-web-components/base";const t=e`
+    :host{--spectrum-textfield-border-color:var(--system-textfield-border-color);--spectrum-textfield-border-color-hover:var(--system-textfield-border-color-hover);--spectrum-textfield-border-color-focus:var(--system-textfield-border-color-focus);--spectrum-textfield-border-color-focus-hover:var(--system-textfield-border-color-focus-hover);--spectrum-textfield-border-color-keyboard-focus:var(--system-textfield-border-color-keyboard-focus);--spectrum-textfield-border-width:var(--system-textfield-border-width);--spectrum-texfield-animation-duration:var(--system-textfield-texfield-animation-duration);--spectrum-textfield-width:var(--system-textfield-width);--spectrum-textfield-min-width:var(--system-textfield-min-width);--spectrum-textfield-corner-radius:var(--system-textfield-corner-radius);--spectrum-textfield-spacing-inline-quiet:var(--system-textfield-spacing-inline-quiet);--spectrum-textfield-spacing-block-start:var(--system-textfield-spacing-block-start);--spectrum-textfield-spacing-block-end:var(--system-textfield-spacing-block-end);--spectrum-textfield-spacing-block-quiet:var(--system-textfield-spacing-block-quiet);--spectrum-textfield-label-spacing-block:var(--system-textfield-label-spacing-block);--spectrum-textfield-helptext-spacing-block:var(--system-textfield-helptext-spacing-block);--spectrum-textfield-icon-spacing-inline-end-quiet-invalid:var(--system-textfield-icon-spacing-inline-end-quiet-invalid);--spectrum-textfield-icon-spacing-inline-end-quiet-valid:var(--system-textfield-icon-spacing-inline-end-quiet-valid);--spectrum-textfield-font-family:var(--system-textfield-font-family);--spectrum-textfield-font-weight:var(--system-textfield-font-weight);--spectrum-textfield-character-count-font-family:var(--system-textfield-character-count-font-family);--spectrum-textfield-character-count-font-weight:var(--system-textfield-character-count-font-weight);--spectrum-textfield-character-count-spacing-inline:var(--system-textfield-character-count-spacing-inline);--spectrum-textfield-character-count-spacing-inline-side:var(--system-textfield-character-count-spacing-inline-side);--spectrum-textfield-focus-indicator-width:var(--system-textfield-focus-indicator-width);--spectrum-textfield-focus-indicator-gap:var(--system-textfield-focus-indicator-gap);--spectrum-textfield-background-color:var(--system-textfield-background-color);--spectrum-textfield-text-color-default:var(--system-textfield-text-color-default);--spectrum-textfield-text-color-hover:var(--system-textfield-text-color-hover);--spectrum-textfield-text-color-focus:var(--system-textfield-text-color-focus);--spectrum-textfield-text-color-focus-hover:var(--system-textfield-text-color-focus-hover);--spectrum-textfield-text-color-keyboard-focus:var(--system-textfield-text-color-keyboard-focus);--spectrum-textfield-text-color-readonly:var(--system-textfield-text-color-readonly);--spectrum-textfield-background-color-disabled:var(--system-textfield-background-color-disabled);--spectrum-textfield-border-color-disabled:var(--system-textfield-border-color-disabled);--spectrum-textfield-text-color-disabled:var(--system-textfield-text-color-disabled);--spectrum-textfield-border-color-invalid-default:var(--system-textfield-border-color-invalid-default);--spectrum-textfield-border-color-invalid-hover:var(--system-textfield-border-color-invalid-hover);--spectrum-textfield-border-color-invalid-focus:var(--system-textfield-border-color-invalid-focus);--spectrum-textfield-border-color-invalid-focus-hover:var(--system-textfield-border-color-invalid-focus-hover);--spectrum-textfield-border-color-invalid-keyboard-focus:var(--system-textfield-border-color-invalid-keyboard-focus);--spectrum-textfield-icon-color-invalid:var(--system-textfield-icon-color-invalid);--spectrum-textfield-text-color-invalid:var(--system-textfield-text-color-invalid);--spectrum-textfield-text-color-valid:var(--system-textfield-text-color-valid);--spectrum-textfield-icon-color-valid:var(--system-textfield-icon-color-valid);--spectrum-textfield-focus-indicator-color:var(--system-textfield-focus-indicator-color);--spectrum-text-area-min-inline-size:var(--system-textfield-text-area-min-inline-size);--spectrum-text-area-min-block-size:var(--system-textfield-text-area-min-block-size);--spectrum-textfield-height:var(--system-textfield-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-text-area-min-block-size-quiet)}:host([size=s]){--spectrum-textfield-height:var(--system-textfield-size-s-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-s-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-s-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-s-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-s-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-s-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-s-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-s-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-s-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-s-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-s-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-s-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-s-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-s-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-s-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-s-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-s-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-s-text-area-min-block-size-quiet)}:host{--spectrum-textfield-height:var(--system-textfield-size-m-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-m-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-m-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-m-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-m-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-m-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-m-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-m-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-m-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-m-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-m-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-m-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-m-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-m-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-m-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-m-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-m-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-m-text-area-min-block-size-quiet)}:host([size=l]){--spectrum-textfield-height:var(--system-textfield-size-l-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-l-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-l-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-l-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-l-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-l-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-l-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-l-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-l-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-l-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-l-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-l-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-l-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-l-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-l-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-l-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-l-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-l-text-area-min-block-size-quiet)}:host([size=xl]){--spectrum-textfield-height:var(--system-textfield-size-xl-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-xl-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-xl-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-xl-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-xl-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-xl-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-xl-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-xl-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-xl-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-xl-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-xl-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-xl-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-xl-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-xl-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-xl-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-xl-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-xl-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-xl-text-area-min-block-size-quiet)}
+`;export default t;
+//# sourceMappingURL=textfield-overrides.css.js.map

package/src/textfield-overrides.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["textfield-overrides.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-textfield-border-color:var(--system-textfield-border-color);--spectrum-textfield-border-color-hover:var(--system-textfield-border-color-hover);--spectrum-textfield-border-color-focus:var(--system-textfield-border-color-focus);--spectrum-textfield-border-color-focus-hover:var(--system-textfield-border-color-focus-hover);--spectrum-textfield-border-color-keyboard-focus:var(--system-textfield-border-color-keyboard-focus);--spectrum-textfield-border-width:var(--system-textfield-border-width);--spectrum-texfield-animation-duration:var(--system-textfield-texfield-animation-duration);--spectrum-textfield-width:var(--system-textfield-width);--spectrum-textfield-min-width:var(--system-textfield-min-width);--spectrum-textfield-corner-radius:var(--system-textfield-corner-radius);--spectrum-textfield-spacing-inline-quiet:var(--system-textfield-spacing-inline-quiet);--spectrum-textfield-spacing-block-start:var(--system-textfield-spacing-block-start);--spectrum-textfield-spacing-block-end:var(--system-textfield-spacing-block-end);--spectrum-textfield-spacing-block-quiet:var(--system-textfield-spacing-block-quiet);--spectrum-textfield-label-spacing-block:var(--system-textfield-label-spacing-block);--spectrum-textfield-helptext-spacing-block:var(--system-textfield-helptext-spacing-block);--spectrum-textfield-icon-spacing-inline-end-quiet-invalid:var(--system-textfield-icon-spacing-inline-end-quiet-invalid);--spectrum-textfield-icon-spacing-inline-end-quiet-valid:var(--system-textfield-icon-spacing-inline-end-quiet-valid);--spectrum-textfield-font-family:var(--system-textfield-font-family);--spectrum-textfield-font-weight:var(--system-textfield-font-weight);--spectrum-textfield-character-count-font-family:var(--system-textfield-character-count-font-family);--spectrum-textfield-character-count-font-weight:var(--system-textfield-character-count-font-weight);--spectrum-textfield-character-count-spacing-inline:var(--system-textfield-character-count-spacing-inline);--spectrum-textfield-character-count-spacing-inline-side:var(--system-textfield-character-count-spacing-inline-side);--spectrum-textfield-focus-indicator-width:var(--system-textfield-focus-indicator-width);--spectrum-textfield-focus-indicator-gap:var(--system-textfield-focus-indicator-gap);--spectrum-textfield-background-color:var(--system-textfield-background-color);--spectrum-textfield-text-color-default:var(--system-textfield-text-color-default);--spectrum-textfield-text-color-hover:var(--system-textfield-text-color-hover);--spectrum-textfield-text-color-focus:var(--system-textfield-text-color-focus);--spectrum-textfield-text-color-focus-hover:var(--system-textfield-text-color-focus-hover);--spectrum-textfield-text-color-keyboard-focus:var(--system-textfield-text-color-keyboard-focus);--spectrum-textfield-text-color-readonly:var(--system-textfield-text-color-readonly);--spectrum-textfield-background-color-disabled:var(--system-textfield-background-color-disabled);--spectrum-textfield-border-color-disabled:var(--system-textfield-border-color-disabled);--spectrum-textfield-text-color-disabled:var(--system-textfield-text-color-disabled);--spectrum-textfield-border-color-invalid-default:var(--system-textfield-border-color-invalid-default);--spectrum-textfield-border-color-invalid-hover:var(--system-textfield-border-color-invalid-hover);--spectrum-textfield-border-color-invalid-focus:var(--system-textfield-border-color-invalid-focus);--spectrum-textfield-border-color-invalid-focus-hover:var(--system-textfield-border-color-invalid-focus-hover);--spectrum-textfield-border-color-invalid-keyboard-focus:var(--system-textfield-border-color-invalid-keyboard-focus);--spectrum-textfield-icon-color-invalid:var(--system-textfield-icon-color-invalid);--spectrum-textfield-text-color-invalid:var(--system-textfield-text-color-invalid);--spectrum-textfield-text-color-valid:var(--system-textfield-text-color-valid);--spectrum-textfield-icon-color-valid:var(--system-textfield-icon-color-valid);--spectrum-textfield-focus-indicator-color:var(--system-textfield-focus-indicator-color);--spectrum-text-area-min-inline-size:var(--system-textfield-text-area-min-inline-size);--spectrum-text-area-min-block-size:var(--system-textfield-text-area-min-block-size);--spectrum-textfield-height:var(--system-textfield-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-text-area-min-block-size-quiet)}:host([size=s]){--spectrum-textfield-height:var(--system-textfield-size-s-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-s-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-s-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-s-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-s-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-s-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-s-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-s-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-s-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-s-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-s-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-s-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-s-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-s-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-s-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-s-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-s-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-s-text-area-min-block-size-quiet)}:host{--spectrum-textfield-height:var(--system-textfield-size-m-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-m-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-m-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-m-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-m-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-m-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-m-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-m-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-m-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-m-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-m-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-m-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-m-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-m-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-m-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-m-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-m-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-m-text-area-min-block-size-quiet)}:host([size=l]){--spectrum-textfield-height:var(--system-textfield-size-l-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-l-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-l-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-l-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-l-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-l-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-l-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-l-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-l-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-l-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-l-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-l-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-l-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-l-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-l-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-l-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-l-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-l-text-area-min-block-size-quiet)}:host([size=xl]){--spectrum-textfield-height:var(--system-textfield-size-xl-height);--spectrum-textfield-label-spacing-block-quiet:var(--system-textfield-size-xl-label-spacing-block-quiet);--spectrum-textfield-label-spacing-inline-side-label:var(--system-textfield-size-xl-label-spacing-inline-side-label);--spectrum-textfield-placeholder-font-size:var(--system-textfield-size-xl-placeholder-font-size);--spectrum-textfield-spacing-inline:var(--system-textfield-size-xl-spacing-inline);--spectrum-textfield-icon-size-invalid:var(--system-textfield-size-xl-icon-size-invalid);--spectrum-textfield-icon-size-valid:var(--system-textfield-size-xl-icon-size-valid);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--system-textfield-size-xl-icon-spacing-inline-end-invalid);--spectrum-textfield-icon-spacing-inline-end-valid:var(--system-textfield-size-xl-icon-spacing-inline-end-valid);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-xl-icon-spacing-block-invalid);--spectrum-textfield-icon-spacing-block-valid:var(--system-textfield-size-xl-icon-spacing-block-valid);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--system-textfield-size-xl-icon-spacing-inline-start-invalid);--spectrum-textfield-icon-spacing-inline-start-valid:var(--system-textfield-size-xl-icon-spacing-inline-start-valid);--spectrum-textfield-character-count-font-size:var(--system-textfield-size-xl-character-count-font-size);--spectrum-textfield-character-count-spacing-block:var(--system-textfield-size-xl-character-count-spacing-block);--spectrum-textfield-character-count-spacing-block-quiet:var(--system-textfield-size-xl-character-count-spacing-block-quiet);--spectrum-textfield-character-count-spacing-block-side:var(--system-textfield-size-xl-character-count-spacing-block-side);--spectrum-text-area-min-block-size-quiet:var(--system-textfield-size-xl-text-area-min-block-size-quiet)}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/src/textfield.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("@spectrum-web-components/base").CSSResult;
+export default styles;