@spectrum-web-components/search 0.50.0-beta.7 → 0.50.0-beta.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/search",
-    "version": "0.50.0-beta.7",
+    "version": "0.50.0-beta.9",
     "publishConfig": {
         "access": "public"
     },
@@ -33,6 +33,7 @@
             "development": "./src/index.dev.js",
             "default": "./src/index.js"
         },
+        "./src/search-overrides.css.js": "./src/search-overrides.css.js",
         "./src/search.css.js": "./src/search.css.js",
         "./sp-search.js": {
             "development": "./sp-search.dev.js",
@@ -57,14 +58,14 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.50.0-beta.7",
-        "@spectrum-web-components/button": "^0.50.0-beta.7",
-        "@spectrum-web-components/icon": "^0.50.0-beta.7",
-        "@spectrum-web-components/icons-workflow": "^0.50.0-beta.7",
-        "@spectrum-web-components/textfield": "^0.50.0-beta.7"
+        "@spectrum-web-components/base": "^0.50.0-beta.9",
+        "@spectrum-web-components/button": "^0.50.0-beta.9",
+        "@spectrum-web-components/icon": "^0.50.0-beta.9",
+        "@spectrum-web-components/icons-workflow": "^0.50.0-beta.9",
+        "@spectrum-web-components/textfield": "^0.50.0-beta.9"
     },
     "devDependencies": {
-        "@spectrum-css/search": "^7.1.0"
+        "@spectrum-css/search": "^8.0.0-s2-foundations.17"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
@@ -72,5 +73,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "8b6f00cd8d316f90897282a1842d05d5867891c2"
+    "gitHead": "c984cc2babbfecd14c86403ab920fbf6b0beb52c"
 }

package/src/Search.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
 import { Textfield } from '@spectrum-web-components/textfield';
 import '@spectrum-web-components/button/sp-clear-button.js';
-import '@spectrum-web-components/icons-workflow/icons/sp-icon-magnify.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-search.js';
 /**
  * @element sp-search
  * @slot help-text - default or non-negative help text to associate to your form element

package/src/Search.dev.js

@@ -20,7 +20,7 @@ import {
 import { ifDefined } from "@spectrum-web-components/base/src/directives.js";
 import { Textfield } from "@spectrum-web-components/textfield";
 import "@spectrum-web-components/button/sp-clear-button.js";
-import "@spectrum-web-components/icons-workflow/icons/sp-icon-magnify.js";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-search.js";
 import searchStyles from "./search.css.js";
 const stopPropagation = (event) => event.stopPropagation();
 export class Search extends Textfield {
@@ -79,9 +79,10 @@ export class Search extends Textfield {
                 @reset=${this.reset}
                 @keydown=${this.handleKeydown}
             >
-                <sp-icon-magnify
+                <sp-icon-search
+                    size=${this.size}
                     class="icon magnifier icon-workflow icon-search"
-                ></sp-icon-magnify>
+                ></sp-icon-search>
                 ${super.renderField()}
                 ${this.value ? html`
                           <sp-clear-button

package/src/Search.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Search.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    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { Textfield } from '@spectrum-web-components/textfield';\nimport '@spectrum-web-components/button/sp-clear-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-magnify.js';\n\nimport searchStyles from './search.css.js';\n\nconst stopPropagation = (event: Event): void => event.stopPropagation();\n\n/**\n * @element sp-search\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 *\n * @fires submit - The search form has been submitted.\n */\nexport class Search extends Textfield {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, searchStyles];\n    }\n\n    @property()\n    public action = '';\n\n    @property()\n    public override label = 'Search';\n\n    @property()\n    public method?: 'get' | 'post' | 'dialog';\n\n    @property()\n    public override placeholder = 'Search';\n\n    @property({ type: Boolean })\n    public holdValueOnEscape!: boolean;\n\n    @query('#form')\n    public form!: HTMLFormElement;\n\n    private handleSubmit(event: Event): void {\n        const applyDefault = this.dispatchEvent(\n            new Event('submit', {\n                cancelable: true,\n                bubbles: true,\n            })\n        );\n        if (!applyDefault) {\n            event.preventDefault();\n        }\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        if (code === 'Escape' && this.holdValueOnEscape) {\n            return;\n        }\n        if (!this.value || code !== 'Escape') {\n            return;\n        }\n        this.reset();\n    }\n\n    public async reset(): Promise<void> {\n        this.value = '';\n        await this.updateComplete;\n        this.focusElement.dispatchEvent(\n            new InputEvent('input', {\n                bubbles: true,\n                composed: true,\n            })\n        );\n        // The native `change` event on an `input` element is not composed,\n        // so this synthetic replication of a `change` event must not be\n        // either as the `Textfield` baseclass should only need to handle\n        // the native variant of this interaction.\n        this.focusElement.dispatchEvent(\n            new InputEvent('change', {\n                bubbles: true,\n            })\n        );\n    }\n\n    protected override renderField(): TemplateResult {\n        return html`\n            <form\n                action=${this.action}\n                id=\"form\"\n                method=${ifDefined(this.method)}\n                @submit=${this.handleSubmit}\n                @reset=${this.reset}\n                @keydown=${this.handleKeydown}\n            >\n                <sp-icon-magnify\n                    class=\"icon magnifier icon-workflow icon-search\"\n                ></sp-icon-magnify>\n                ${super.renderField()}\n                ${this.value\n                    ? html`\n                          <sp-clear-button\n                              id=\"button\"\n                              label=\"Reset\"\n                              tabindex=\"-1\"\n                              type=\"reset\"\n                              size=${ifDefined(this.size)}\n                              @keydown=${stopPropagation}\n                          ></sp-clear-button>\n                      `\n                    : nothing}\n            </form>\n        `;\n    }\n\n    public override firstUpdated(changedProperties: PropertyValues): void {\n        super.firstUpdated(changedProperties);\n        // if holdValueOnEscape is not set, default to search type\n        if (!this.hasAttribute('holdValueOnEscape')) {\n            this.inputElement.setAttribute('type', 'search');\n        }\n    }\n\n    public override willUpdate(): void {\n        this.multiline = false;\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,OAGG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AACP,SAAS,iBAAiB;AAE1B,SAAS,iBAAiB;AAC1B,OAAO;AACP,OAAO;AAEP,OAAO,kBAAkB;AAEzB,MAAM,kBAAkB,CAAC,UAAuB,MAAM,gBAAgB;AAS/D,aAAM,eAAe,UAAU;AAAA,EAA/B;AAAA;AAMH,SAAO,SAAS;AAGhB,SAAgB,QAAQ;AAMxB,SAAgB,cAAc;AAAA;AAAA,EAd9B,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,YAAY;AAAA,EACzC;AAAA,EAoBQ,aAAa,OAAoB;AACrC,UAAM,eAAe,KAAK;AAAA,MACtB,IAAI,MAAM,UAAU;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS;AAAA,MACb,CAAC;AAAA,IACL;AACA,QAAI,CAAC,cAAc;AACf,YAAM,eAAe;AAAA,IACzB;AAAA,EACJ;AAAA,EAEQ,cAAc,OAA4B;AAC9C,UAAM,EAAE,KAAK,IAAI;AACjB,QAAI,SAAS,YAAY,KAAK,mBAAmB;AAC7C;AAAA,IACJ;AACA,QAAI,CAAC,KAAK,SAAS,SAAS,UAAU;AAClC;AAAA,IACJ;AACA,SAAK,MAAM;AAAA,EACf;AAAA,EAEA,MAAa,QAAuB;AAChC,SAAK,QAAQ;AACb,UAAM,KAAK;AACX,SAAK,aAAa;AAAA,MACd,IAAI,WAAW,SAAS;AAAA,QACpB,SAAS;AAAA,QACT,UAAU;AAAA,MACd,CAAC;AAAA,IACL;AAKA,SAAK,aAAa;AAAA,MACd,IAAI,WAAW,UAAU;AAAA,QACrB,SAAS;AAAA,MACb,CAAC;AAAA,IACL;AAAA,EACJ;AAAA,EAEmB,cAA8B;AAC7C,WAAO;AAAA;AAAA,yBAEU,KAAK,MAAM;AAAA;AAAA,yBAEX,UAAU,KAAK,MAAM,CAAC;AAAA,0BACrB,KAAK,YAAY;AAAA,yBAClB,KAAK,KAAK;AAAA,2BACR,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,kBAK3B,MAAM,YAAY,CAAC;AAAA,kBACnB,KAAK,QACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAMe,UAAU,KAAK,IAAI,CAAC;AAAA,yCAChB,eAAe;AAAA;AAAA,0BAGlC,OAAO;AAAA;AAAA;AAAA,EAGzB;AAAA,EAEgB,aAAa,mBAAyC;AAClE,UAAM,aAAa,iBAAiB;AAEpC,QAAI,CAAC,KAAK,aAAa,mBAAmB,GAAG;AACzC,WAAK,aAAa,aAAa,QAAQ,QAAQ;AAAA,IACnD;AAAA,EACJ;AAAA,EAEgB,aAAmB;AAC/B,SAAK,YAAY;AAAA,EACrB;AACJ;AArGW;AAAA,EADN,SAAS;AAAA,GALD,OAMF;AAGS;AAAA,EADf,SAAS;AAAA,GARD,OASO;AAGT;AAAA,EADN,SAAS;AAAA,GAXD,OAYF;AAGS;AAAA,EADf,SAAS;AAAA,GAdD,OAeO;AAGT;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAjBlB,OAkBF;AAGA;AAAA,EADN,MAAM,OAAO;AAAA,GApBL,OAqBF;",
+  "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    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { Textfield } from '@spectrum-web-components/textfield';\nimport '@spectrum-web-components/button/sp-clear-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-search.js';\n\nimport searchStyles from './search.css.js';\n\nconst stopPropagation = (event: Event): void => event.stopPropagation();\n\n/**\n * @element sp-search\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 *\n * @fires submit - The search form has been submitted.\n */\nexport class Search extends Textfield {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, searchStyles];\n    }\n\n    @property()\n    public action = '';\n\n    @property()\n    public override label = 'Search';\n\n    @property()\n    public method?: 'get' | 'post' | 'dialog';\n\n    @property()\n    public override placeholder = 'Search';\n\n    @property({ type: Boolean })\n    public holdValueOnEscape!: boolean;\n\n    @query('#form')\n    public form!: HTMLFormElement;\n\n    private handleSubmit(event: Event): void {\n        const applyDefault = this.dispatchEvent(\n            new Event('submit', {\n                cancelable: true,\n                bubbles: true,\n            })\n        );\n        if (!applyDefault) {\n            event.preventDefault();\n        }\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        if (code === 'Escape' && this.holdValueOnEscape) {\n            return;\n        }\n        if (!this.value || code !== 'Escape') {\n            return;\n        }\n        this.reset();\n    }\n\n    public async reset(): Promise<void> {\n        this.value = '';\n        await this.updateComplete;\n        this.focusElement.dispatchEvent(\n            new InputEvent('input', {\n                bubbles: true,\n                composed: true,\n            })\n        );\n        // The native `change` event on an `input` element is not composed,\n        // so this synthetic replication of a `change` event must not be\n        // either as the `Textfield` baseclass should only need to handle\n        // the native variant of this interaction.\n        this.focusElement.dispatchEvent(\n            new InputEvent('change', {\n                bubbles: true,\n            })\n        );\n    }\n\n    protected override renderField(): TemplateResult {\n        return html`\n            <form\n                action=${this.action}\n                id=\"form\"\n                method=${ifDefined(this.method)}\n                @submit=${this.handleSubmit}\n                @reset=${this.reset}\n                @keydown=${this.handleKeydown}\n            >\n                <sp-icon-search\n                    size=${this.size}\n                    class=\"icon magnifier icon-workflow icon-search\"\n                ></sp-icon-search>\n                ${super.renderField()}\n                ${this.value\n                    ? html`\n                          <sp-clear-button\n                              id=\"button\"\n                              label=\"Reset\"\n                              tabindex=\"-1\"\n                              type=\"reset\"\n                              size=${ifDefined(this.size)}\n                              @keydown=${stopPropagation}\n                          ></sp-clear-button>\n                      `\n                    : nothing}\n            </form>\n        `;\n    }\n\n    public override firstUpdated(changedProperties: PropertyValues): void {\n        super.firstUpdated(changedProperties);\n        // if holdValueOnEscape is not set, default to search type\n        if (!this.hasAttribute('holdValueOnEscape')) {\n            this.inputElement.setAttribute('type', 'search');\n        }\n    }\n\n    public override willUpdate(): void {\n        this.multiline = false;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,OAGG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AACP,SAAS,iBAAiB;AAE1B,SAAS,iBAAiB;AAC1B,OAAO;AACP,OAAO;AAEP,OAAO,kBAAkB;AAEzB,MAAM,kBAAkB,CAAC,UAAuB,MAAM,gBAAgB;AAS/D,aAAM,eAAe,UAAU;AAAA,EAA/B;AAAA;AAMH,SAAO,SAAS;AAGhB,SAAgB,QAAQ;AAMxB,SAAgB,cAAc;AAAA;AAAA,EAd9B,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,YAAY;AAAA,EACzC;AAAA,EAoBQ,aAAa,OAAoB;AACrC,UAAM,eAAe,KAAK;AAAA,MACtB,IAAI,MAAM,UAAU;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS;AAAA,MACb,CAAC;AAAA,IACL;AACA,QAAI,CAAC,cAAc;AACf,YAAM,eAAe;AAAA,IACzB;AAAA,EACJ;AAAA,EAEQ,cAAc,OAA4B;AAC9C,UAAM,EAAE,KAAK,IAAI;AACjB,QAAI,SAAS,YAAY,KAAK,mBAAmB;AAC7C;AAAA,IACJ;AACA,QAAI,CAAC,KAAK,SAAS,SAAS,UAAU;AAClC;AAAA,IACJ;AACA,SAAK,MAAM;AAAA,EACf;AAAA,EAEA,MAAa,QAAuB;AAChC,SAAK,QAAQ;AACb,UAAM,KAAK;AACX,SAAK,aAAa;AAAA,MACd,IAAI,WAAW,SAAS;AAAA,QACpB,SAAS;AAAA,QACT,UAAU;AAAA,MACd,CAAC;AAAA,IACL;AAKA,SAAK,aAAa;AAAA,MACd,IAAI,WAAW,UAAU;AAAA,QACrB,SAAS;AAAA,MACb,CAAC;AAAA,IACL;AAAA,EACJ;AAAA,EAEmB,cAA8B;AAC7C,WAAO;AAAA;AAAA,yBAEU,KAAK,MAAM;AAAA;AAAA,yBAEX,UAAU,KAAK,MAAM,CAAC;AAAA,0BACrB,KAAK,YAAY;AAAA,yBAClB,KAAK,KAAK;AAAA,2BACR,KAAK,aAAa;AAAA;AAAA;AAAA,2BAGlB,KAAK,IAAI;AAAA;AAAA;AAAA,kBAGlB,MAAM,YAAY,CAAC;AAAA,kBACnB,KAAK,QACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAMe,UAAU,KAAK,IAAI,CAAC;AAAA,yCAChB,eAAe;AAAA;AAAA,0BAGlC,OAAO;AAAA;AAAA;AAAA,EAGzB;AAAA,EAEgB,aAAa,mBAAyC;AAClE,UAAM,aAAa,iBAAiB;AAEpC,QAAI,CAAC,KAAK,aAAa,mBAAmB,GAAG;AACzC,WAAK,aAAa,aAAa,QAAQ,QAAQ;AAAA,IACnD;AAAA,EACJ;AAAA,EAEgB,aAAmB;AAC/B,SAAK,YAAY;AAAA,EACrB;AACJ;AAtGW;AAAA,EADN,SAAS;AAAA,GALD,OAMF;AAGS;AAAA,EADf,SAAS;AAAA,GARD,OASO;AAGT;AAAA,EADN,SAAS;AAAA,GAXD,OAYF;AAGS;AAAA,EADf,SAAS;AAAA,GAdD,OAeO;AAGT;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAjBlB,OAkBF;AAGA;AAAA,EADN,MAAM,OAAO;AAAA,GApBL,OAqBF;",
   "names": []
 }

package/src/Search.js

@@ -1,4 +1,4 @@
-"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var r=(o,s,e,t)=>{for(var i=t>1?void 0:t?c(s,e):s,n=o.length-1,a;n>=0;n--)(a=o[n])&&(i=(t?a(s,e,i):a(i))||i);return t&&i&&d(s,e,i),i};import{html as p,nothing as m}from"@spectrum-web-components/base";import{property as l,query as h}from"@spectrum-web-components/base/src/decorators.js";import{ifDefined as u}from"@spectrum-web-components/base/src/directives.js";import{Textfield as b}from"@spectrum-web-components/textfield";import"@spectrum-web-components/button/sp-clear-button.js";import"@spectrum-web-components/icons-workflow/icons/sp-icon-magnify.js";import f from"./search.css.js";const v=o=>o.stopPropagation();export class Search extends b{constructor(){super(...arguments);this.action="";this.label="Search";this.placeholder="Search"}static get styles(){return[...super.styles,f]}handleSubmit(e){this.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))||e.preventDefault()}handleKeydown(e){const{code:t}=e;t==="Escape"&&this.holdValueOnEscape||!this.value||t!=="Escape"||this.reset()}async reset(){this.value="",await this.updateComplete,this.focusElement.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.focusElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}renderField(){return p`
+"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var s=(r,o,e,t)=>{for(var i=t>1?void 0:t?c(o,e):o,a=r.length-1,n;a>=0;a--)(n=r[a])&&(i=(t?n(o,e,i):n(i))||i);return t&&i&&d(o,e,i),i};import{html as p,nothing as h}from"@spectrum-web-components/base";import{property as l,query as m}from"@spectrum-web-components/base/src/decorators.js";import{ifDefined as u}from"@spectrum-web-components/base/src/directives.js";import{Textfield as b}from"@spectrum-web-components/textfield";import"@spectrum-web-components/button/sp-clear-button.js";import"@spectrum-web-components/icons-workflow/icons/sp-icon-search.js";import f from"./search.css.js";const v=r=>r.stopPropagation();export class Search extends b{constructor(){super(...arguments);this.action="";this.label="Search";this.placeholder="Search"}static get styles(){return[...super.styles,f]}handleSubmit(e){this.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))||e.preventDefault()}handleKeydown(e){const{code:t}=e;t==="Escape"&&this.holdValueOnEscape||!this.value||t!=="Escape"||this.reset()}async reset(){this.value="",await this.updateComplete,this.focusElement.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.focusElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}renderField(){return p`
             <form
                 action=${this.action}
                 id="form"
@@ -7,9 +7,10 @@
                 @reset=${this.reset}
                 @keydown=${this.handleKeydown}
             >
-                <sp-icon-magnify
+                <sp-icon-search
+                    size=${this.size}
                     class="icon magnifier icon-workflow icon-search"
-                ></sp-icon-magnify>
+                ></sp-icon-search>
                 ${super.renderField()}
                 ${this.value?p`
                           <sp-clear-button
@@ -20,7 +21,7 @@
                               size=${u(this.size)}
                               @keydown=${v}
                           ></sp-clear-button>
-                      `:m}
+                      `:h}
             </form>
-        `}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("holdValueOnEscape")||this.inputElement.setAttribute("type","search")}willUpdate(){this.multiline=!1}}r([l()],Search.prototype,"action",2),r([l()],Search.prototype,"label",2),r([l()],Search.prototype,"method",2),r([l()],Search.prototype,"placeholder",2),r([l({type:Boolean})],Search.prototype,"holdValueOnEscape",2),r([h("#form")],Search.prototype,"form",2);
+        `}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("holdValueOnEscape")||this.inputElement.setAttribute("type","search")}willUpdate(){this.multiline=!1}}s([l()],Search.prototype,"action",2),s([l()],Search.prototype,"label",2),s([l()],Search.prototype,"method",2),s([l()],Search.prototype,"placeholder",2),s([l({type:Boolean})],Search.prototype,"holdValueOnEscape",2),s([m("#form")],Search.prototype,"form",2);
 //# sourceMappingURL=Search.js.map

package/src/Search.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Search.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    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { Textfield } from '@spectrum-web-components/textfield';\nimport '@spectrum-web-components/button/sp-clear-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-magnify.js';\n\nimport searchStyles from './search.css.js';\n\nconst stopPropagation = (event: Event): void => event.stopPropagation();\n\n/**\n * @element sp-search\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 *\n * @fires submit - The search form has been submitted.\n */\nexport class Search extends Textfield {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, searchStyles];\n    }\n\n    @property()\n    public action = '';\n\n    @property()\n    public override label = 'Search';\n\n    @property()\n    public method?: 'get' | 'post' | 'dialog';\n\n    @property()\n    public override placeholder = 'Search';\n\n    @property({ type: Boolean })\n    public holdValueOnEscape!: boolean;\n\n    @query('#form')\n    public form!: HTMLFormElement;\n\n    private handleSubmit(event: Event): void {\n        const applyDefault = this.dispatchEvent(\n            new Event('submit', {\n                cancelable: true,\n                bubbles: true,\n            })\n        );\n        if (!applyDefault) {\n            event.preventDefault();\n        }\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        if (code === 'Escape' && this.holdValueOnEscape) {\n            return;\n        }\n        if (!this.value || code !== 'Escape') {\n            return;\n        }\n        this.reset();\n    }\n\n    public async reset(): Promise<void> {\n        this.value = '';\n        await this.updateComplete;\n        this.focusElement.dispatchEvent(\n            new InputEvent('input', {\n                bubbles: true,\n                composed: true,\n            })\n        );\n        // The native `change` event on an `input` element is not composed,\n        // so this synthetic replication of a `change` event must not be\n        // either as the `Textfield` baseclass should only need to handle\n        // the native variant of this interaction.\n        this.focusElement.dispatchEvent(\n            new InputEvent('change', {\n                bubbles: true,\n            })\n        );\n    }\n\n    protected override renderField(): TemplateResult {\n        return html`\n            <form\n                action=${this.action}\n                id=\"form\"\n                method=${ifDefined(this.method)}\n                @submit=${this.handleSubmit}\n                @reset=${this.reset}\n                @keydown=${this.handleKeydown}\n            >\n                <sp-icon-magnify\n                    class=\"icon magnifier icon-workflow icon-search\"\n                ></sp-icon-magnify>\n                ${super.renderField()}\n                ${this.value\n                    ? html`\n                          <sp-clear-button\n                              id=\"button\"\n                              label=\"Reset\"\n                              tabindex=\"-1\"\n                              type=\"reset\"\n                              size=${ifDefined(this.size)}\n                              @keydown=${stopPropagation}\n                          ></sp-clear-button>\n                      `\n                    : nothing}\n            </form>\n        `;\n    }\n\n    public override firstUpdated(changedProperties: PropertyValues): void {\n        super.firstUpdated(changedProperties);\n        // if holdValueOnEscape is not set, default to search type\n        if (!this.hasAttribute('holdValueOnEscape')) {\n            this.inputElement.setAttribute('type', 'search');\n        }\n    }\n\n    public override willUpdate(): void {\n        this.multiline = false;\n    }\n}\n"],
-  "mappings": "qNAYA,OAEI,QAAAA,EACA,WAAAC,MAGG,gCACP,OACI,YAAAC,EACA,SAAAC,MACG,kDACP,OAAS,aAAAC,MAAiB,kDAE1B,OAAS,aAAAC,MAAiB,qCAC1B,MAAO,qDACP,MAAO,mEAEP,OAAOC,MAAkB,kBAEzB,MAAMC,EAAmBC,GAAuBA,EAAM,gBAAgB,EAS/D,aAAM,eAAeH,CAAU,CAA/B,kCAMH,KAAO,OAAS,GAGhB,KAAgB,MAAQ,SAMxB,KAAgB,YAAc,SAd9B,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQC,CAAY,CACzC,CAoBQ,aAAaE,EAAoB,CAChB,KAAK,cACtB,IAAI,MAAM,SAAU,CAChB,WAAY,GACZ,QAAS,EACb,CAAC,CACL,GAEIA,EAAM,eAAe,CAE7B,CAEQ,cAAcA,EAA4B,CAC9C,KAAM,CAAE,KAAAC,CAAK,EAAID,EACbC,IAAS,UAAY,KAAK,mBAG1B,CAAC,KAAK,OAASA,IAAS,UAG5B,KAAK,MAAM,CACf,CAEA,MAAa,OAAuB,CAChC,KAAK,MAAQ,GACb,MAAM,KAAK,eACX,KAAK,aAAa,cACd,IAAI,WAAW,QAAS,CACpB,QAAS,GACT,SAAU,EACd,CAAC,CACL,EAKA,KAAK,aAAa,cACd,IAAI,WAAW,SAAU,CACrB,QAAS,EACb,CAAC,CACL,CACJ,CAEmB,aAA8B,CAC7C,OAAOT;AAAA;AAAA,yBAEU,KAAK,MAAM;AAAA;AAAA,yBAEXI,EAAU,KAAK,MAAM,CAAC;AAAA,0BACrB,KAAK,YAAY;AAAA,yBAClB,KAAK,KAAK;AAAA,2BACR,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,kBAK3B,MAAM,YAAY,CAAC;AAAA,kBACnB,KAAK,MACDJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAMeI,EAAU,KAAK,IAAI,CAAC;AAAA,yCAChBG,CAAe;AAAA;AAAA,wBAGlCN,CAAO;AAAA;AAAA,SAGzB,CAEgB,aAAaS,EAAyC,CAClE,MAAM,aAAaA,CAAiB,EAE/B,KAAK,aAAa,mBAAmB,GACtC,KAAK,aAAa,aAAa,OAAQ,QAAQ,CAEvD,CAEgB,YAAmB,CAC/B,KAAK,UAAY,EACrB,CACJ,CArGWC,EAAA,CADNT,EAAS,GALD,OAMF,sBAGSS,EAAA,CADfT,EAAS,GARD,OASO,qBAGTS,EAAA,CADNT,EAAS,GAXD,OAYF,sBAGSS,EAAA,CADfT,EAAS,GAdD,OAeO,2BAGTS,EAAA,CADNT,EAAS,CAAE,KAAM,OAAQ,CAAC,GAjBlB,OAkBF,iCAGAS,EAAA,CADNR,EAAM,OAAO,GApBL,OAqBF",
+  "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    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { Textfield } from '@spectrum-web-components/textfield';\nimport '@spectrum-web-components/button/sp-clear-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-search.js';\n\nimport searchStyles from './search.css.js';\n\nconst stopPropagation = (event: Event): void => event.stopPropagation();\n\n/**\n * @element sp-search\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 *\n * @fires submit - The search form has been submitted.\n */\nexport class Search extends Textfield {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, searchStyles];\n    }\n\n    @property()\n    public action = '';\n\n    @property()\n    public override label = 'Search';\n\n    @property()\n    public method?: 'get' | 'post' | 'dialog';\n\n    @property()\n    public override placeholder = 'Search';\n\n    @property({ type: Boolean })\n    public holdValueOnEscape!: boolean;\n\n    @query('#form')\n    public form!: HTMLFormElement;\n\n    private handleSubmit(event: Event): void {\n        const applyDefault = this.dispatchEvent(\n            new Event('submit', {\n                cancelable: true,\n                bubbles: true,\n            })\n        );\n        if (!applyDefault) {\n            event.preventDefault();\n        }\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        if (code === 'Escape' && this.holdValueOnEscape) {\n            return;\n        }\n        if (!this.value || code !== 'Escape') {\n            return;\n        }\n        this.reset();\n    }\n\n    public async reset(): Promise<void> {\n        this.value = '';\n        await this.updateComplete;\n        this.focusElement.dispatchEvent(\n            new InputEvent('input', {\n                bubbles: true,\n                composed: true,\n            })\n        );\n        // The native `change` event on an `input` element is not composed,\n        // so this synthetic replication of a `change` event must not be\n        // either as the `Textfield` baseclass should only need to handle\n        // the native variant of this interaction.\n        this.focusElement.dispatchEvent(\n            new InputEvent('change', {\n                bubbles: true,\n            })\n        );\n    }\n\n    protected override renderField(): TemplateResult {\n        return html`\n            <form\n                action=${this.action}\n                id=\"form\"\n                method=${ifDefined(this.method)}\n                @submit=${this.handleSubmit}\n                @reset=${this.reset}\n                @keydown=${this.handleKeydown}\n            >\n                <sp-icon-search\n                    size=${this.size}\n                    class=\"icon magnifier icon-workflow icon-search\"\n                ></sp-icon-search>\n                ${super.renderField()}\n                ${this.value\n                    ? html`\n                          <sp-clear-button\n                              id=\"button\"\n                              label=\"Reset\"\n                              tabindex=\"-1\"\n                              type=\"reset\"\n                              size=${ifDefined(this.size)}\n                              @keydown=${stopPropagation}\n                          ></sp-clear-button>\n                      `\n                    : nothing}\n            </form>\n        `;\n    }\n\n    public override firstUpdated(changedProperties: PropertyValues): void {\n        super.firstUpdated(changedProperties);\n        // if holdValueOnEscape is not set, default to search type\n        if (!this.hasAttribute('holdValueOnEscape')) {\n            this.inputElement.setAttribute('type', 'search');\n        }\n    }\n\n    public override willUpdate(): void {\n        this.multiline = false;\n    }\n}\n"],
+  "mappings": "qNAYA,OAEI,QAAAA,EACA,WAAAC,MAGG,gCACP,OACI,YAAAC,EACA,SAAAC,MACG,kDACP,OAAS,aAAAC,MAAiB,kDAE1B,OAAS,aAAAC,MAAiB,qCAC1B,MAAO,qDACP,MAAO,kEAEP,OAAOC,MAAkB,kBAEzB,MAAMC,EAAmBC,GAAuBA,EAAM,gBAAgB,EAS/D,aAAM,eAAeH,CAAU,CAA/B,kCAMH,KAAO,OAAS,GAGhB,KAAgB,MAAQ,SAMxB,KAAgB,YAAc,SAd9B,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQC,CAAY,CACzC,CAoBQ,aAAaE,EAAoB,CAChB,KAAK,cACtB,IAAI,MAAM,SAAU,CAChB,WAAY,GACZ,QAAS,EACb,CAAC,CACL,GAEIA,EAAM,eAAe,CAE7B,CAEQ,cAAcA,EAA4B,CAC9C,KAAM,CAAE,KAAAC,CAAK,EAAID,EACbC,IAAS,UAAY,KAAK,mBAG1B,CAAC,KAAK,OAASA,IAAS,UAG5B,KAAK,MAAM,CACf,CAEA,MAAa,OAAuB,CAChC,KAAK,MAAQ,GACb,MAAM,KAAK,eACX,KAAK,aAAa,cACd,IAAI,WAAW,QAAS,CACpB,QAAS,GACT,SAAU,EACd,CAAC,CACL,EAKA,KAAK,aAAa,cACd,IAAI,WAAW,SAAU,CACrB,QAAS,EACb,CAAC,CACL,CACJ,CAEmB,aAA8B,CAC7C,OAAOT;AAAA;AAAA,yBAEU,KAAK,MAAM;AAAA;AAAA,yBAEXI,EAAU,KAAK,MAAM,CAAC;AAAA,0BACrB,KAAK,YAAY;AAAA,yBAClB,KAAK,KAAK;AAAA,2BACR,KAAK,aAAa;AAAA;AAAA;AAAA,2BAGlB,KAAK,IAAI;AAAA;AAAA;AAAA,kBAGlB,MAAM,YAAY,CAAC;AAAA,kBACnB,KAAK,MACDJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAMeI,EAAU,KAAK,IAAI,CAAC;AAAA,yCAChBG,CAAe;AAAA;AAAA,wBAGlCN,CAAO;AAAA;AAAA,SAGzB,CAEgB,aAAaS,EAAyC,CAClE,MAAM,aAAaA,CAAiB,EAE/B,KAAK,aAAa,mBAAmB,GACtC,KAAK,aAAa,aAAa,OAAQ,QAAQ,CAEvD,CAEgB,YAAmB,CAC/B,KAAK,UAAY,EACrB,CACJ,CAtGWC,EAAA,CADNT,EAAS,GALD,OAMF,sBAGSS,EAAA,CADfT,EAAS,GARD,OASO,qBAGTS,EAAA,CADNT,EAAS,GAXD,OAYF,sBAGSS,EAAA,CADfT,EAAS,GAdD,OAeO,2BAGTS,EAAA,CADNT,EAAS,CAAE,KAAM,OAAQ,CAAC,GAjBlB,OAkBF,iCAGAS,EAAA,CADNR,EAAM,OAAO,GApBL,OAqBF",
   "names": ["html", "nothing", "property", "query", "ifDefined", "Textfield", "searchStyles", "stopPropagation", "event", "code", "changedProperties", "__decorateClass"]
 }

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    :host{--spectrum-search-border-color-default:var(--system-search-border-color-default);--spectrum-search-border-color-hover:var(--system-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-search-border-color-key-focus);--spectrum-search-inline-size:var(--system-search-inline-size);--spectrum-search-min-inline-multiplier:var(--system-search-min-inline-multiplier);--spectrum-search-to-help-text:var(--system-search-to-help-text);--spectrum-search-top-to-text:var(--system-search-top-to-text);--spectrum-search-bottom-to-text:var(--system-search-bottom-to-text);--spectrum-search-focus-indicator-thickness:var(--system-search-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--system-search-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--system-search-focus-indicator-color);--spectrum-search-font-family:var(--system-search-font-family);--spectrum-search-font-weight:var(--system-search-font-weight);--spectrum-search-font-style:var(--system-search-font-style);--spectrum-search-line-height:var(--system-search-line-height);--spectrum-search-color-default:var(--system-search-color-default);--spectrum-search-color-hover:var(--system-search-color-hover);--spectrum-search-color-focus:var(--system-search-color-focus);--spectrum-search-color-focus-hover:var(--system-search-color-focus-hover);--spectrum-search-color-key-focus:var(--system-search-color-key-focus);--spectrum-search-border-width:var(--system-search-border-width);--spectrum-search-background-color:var(--system-search-background-color);--spectrum-search-color-disabled:var(--system-search-color-disabled);--spectrum-search-background-color-disabled:var(--system-search-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-border-color-disabled);--spectrum-search-border-radius:var(--system-search-border-radius);--spectrum-search-edge-to-visual:var(--system-search-edge-to-visual);--spectrum-search-block-size:var(--system-search-block-size);--spectrum-search-icon-size:var(--system-search-icon-size);--spectrum-search-text-to-icon:var(--system-search-text-to-icon)}:host([size=s]) #textfield{--spectrum-search-border-radius:var(--system-search-size-s-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-s-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-s-block-size);--spectrum-search-icon-size:var(--system-search-size-s-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-s-text-to-icon)}:host([size=m]) #textfield{--spectrum-search-border-radius:var(--system-search-size-m-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-m-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-m-block-size);--spectrum-search-icon-size:var(--system-search-size-m-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-m-text-to-icon)}:host([size=l]) #textfield{--spectrum-search-border-radius:var(--system-search-size-l-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-l-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-l-block-size);--spectrum-search-icon-size:var(--system-search-size-l-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-l-text-to-icon)}:host([size=xl]) #textfield{--spectrum-search-border-radius:var(--system-search-size-xl-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-xl-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-xl-block-size);--spectrum-search-icon-size:var(--system-search-size-xl-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-xl-text-to-icon)}:host([quiet]){--spectrum-search-background-color:var(--system-search-quiet-background-color);--spectrum-search-background-color-disabled:var(--system-search-quiet-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-quiet-border-color-disabled);--spectrum-search-border-radius:var(--system-search-quiet-border-radius);--spectrum-search-edge-to-visual:var(--system-search-quiet-edge-to-visual)}
+`;
+export default styles;
+//# sourceMappingURL=search-overrides.css.dev.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["search-overrides.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2024 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-search-border-color-default:var(--system-search-border-color-default);--spectrum-search-border-color-hover:var(--system-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-search-border-color-key-focus);--spectrum-search-inline-size:var(--system-search-inline-size);--spectrum-search-min-inline-multiplier:var(--system-search-min-inline-multiplier);--spectrum-search-to-help-text:var(--system-search-to-help-text);--spectrum-search-top-to-text:var(--system-search-top-to-text);--spectrum-search-bottom-to-text:var(--system-search-bottom-to-text);--spectrum-search-focus-indicator-thickness:var(--system-search-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--system-search-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--system-search-focus-indicator-color);--spectrum-search-font-family:var(--system-search-font-family);--spectrum-search-font-weight:var(--system-search-font-weight);--spectrum-search-font-style:var(--system-search-font-style);--spectrum-search-line-height:var(--system-search-line-height);--spectrum-search-color-default:var(--system-search-color-default);--spectrum-search-color-hover:var(--system-search-color-hover);--spectrum-search-color-focus:var(--system-search-color-focus);--spectrum-search-color-focus-hover:var(--system-search-color-focus-hover);--spectrum-search-color-key-focus:var(--system-search-color-key-focus);--spectrum-search-border-width:var(--system-search-border-width);--spectrum-search-background-color:var(--system-search-background-color);--spectrum-search-color-disabled:var(--system-search-color-disabled);--spectrum-search-background-color-disabled:var(--system-search-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-border-color-disabled);--spectrum-search-border-radius:var(--system-search-border-radius);--spectrum-search-edge-to-visual:var(--system-search-edge-to-visual);--spectrum-search-block-size:var(--system-search-block-size);--spectrum-search-icon-size:var(--system-search-icon-size);--spectrum-search-text-to-icon:var(--system-search-text-to-icon)}:host([size=s]) #textfield{--spectrum-search-border-radius:var(--system-search-size-s-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-s-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-s-block-size);--spectrum-search-icon-size:var(--system-search-size-s-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-s-text-to-icon)}:host([size=m]) #textfield{--spectrum-search-border-radius:var(--system-search-size-m-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-m-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-m-block-size);--spectrum-search-icon-size:var(--system-search-size-m-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-m-text-to-icon)}:host([size=l]) #textfield{--spectrum-search-border-radius:var(--system-search-size-l-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-l-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-l-block-size);--spectrum-search-icon-size:var(--system-search-size-l-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-l-text-to-icon)}:host([size=xl]) #textfield{--spectrum-search-border-radius:var(--system-search-size-xl-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-xl-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-xl-block-size);--spectrum-search-icon-size:var(--system-search-size-xl-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-xl-text-to-icon)}:host([quiet]){--spectrum-search-background-color:var(--system-search-quiet-background-color);--spectrum-search-background-color-disabled:var(--system-search-quiet-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-quiet-border-color-disabled);--spectrum-search-border-radius:var(--system-search-quiet-border-radius);--spectrum-search-edge-to-visual:var(--system-search-quiet-edge-to-visual)}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/search-overrides.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as s}from"@spectrum-web-components/base";const e=s`
+    :host{--spectrum-search-border-color-default:var(--system-search-border-color-default);--spectrum-search-border-color-hover:var(--system-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-search-border-color-key-focus);--spectrum-search-inline-size:var(--system-search-inline-size);--spectrum-search-min-inline-multiplier:var(--system-search-min-inline-multiplier);--spectrum-search-to-help-text:var(--system-search-to-help-text);--spectrum-search-top-to-text:var(--system-search-top-to-text);--spectrum-search-bottom-to-text:var(--system-search-bottom-to-text);--spectrum-search-focus-indicator-thickness:var(--system-search-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--system-search-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--system-search-focus-indicator-color);--spectrum-search-font-family:var(--system-search-font-family);--spectrum-search-font-weight:var(--system-search-font-weight);--spectrum-search-font-style:var(--system-search-font-style);--spectrum-search-line-height:var(--system-search-line-height);--spectrum-search-color-default:var(--system-search-color-default);--spectrum-search-color-hover:var(--system-search-color-hover);--spectrum-search-color-focus:var(--system-search-color-focus);--spectrum-search-color-focus-hover:var(--system-search-color-focus-hover);--spectrum-search-color-key-focus:var(--system-search-color-key-focus);--spectrum-search-border-width:var(--system-search-border-width);--spectrum-search-background-color:var(--system-search-background-color);--spectrum-search-color-disabled:var(--system-search-color-disabled);--spectrum-search-background-color-disabled:var(--system-search-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-border-color-disabled);--spectrum-search-border-radius:var(--system-search-border-radius);--spectrum-search-edge-to-visual:var(--system-search-edge-to-visual);--spectrum-search-block-size:var(--system-search-block-size);--spectrum-search-icon-size:var(--system-search-icon-size);--spectrum-search-text-to-icon:var(--system-search-text-to-icon)}:host([size=s]) #textfield{--spectrum-search-border-radius:var(--system-search-size-s-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-s-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-s-block-size);--spectrum-search-icon-size:var(--system-search-size-s-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-s-text-to-icon)}:host([size=m]) #textfield{--spectrum-search-border-radius:var(--system-search-size-m-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-m-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-m-block-size);--spectrum-search-icon-size:var(--system-search-size-m-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-m-text-to-icon)}:host([size=l]) #textfield{--spectrum-search-border-radius:var(--system-search-size-l-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-l-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-l-block-size);--spectrum-search-icon-size:var(--system-search-size-l-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-l-text-to-icon)}:host([size=xl]) #textfield{--spectrum-search-border-radius:var(--system-search-size-xl-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-xl-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-xl-block-size);--spectrum-search-icon-size:var(--system-search-size-xl-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-xl-text-to-icon)}:host([quiet]){--spectrum-search-background-color:var(--system-search-quiet-background-color);--spectrum-search-background-color-disabled:var(--system-search-quiet-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-quiet-border-color-disabled);--spectrum-search-border-radius:var(--system-search-quiet-border-radius);--spectrum-search-edge-to-visual:var(--system-search-quiet-edge-to-visual)}
+`;export default e;
+//# sourceMappingURL=search-overrides.css.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["search-overrides.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2024 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-search-border-color-default:var(--system-search-border-color-default);--spectrum-search-border-color-hover:var(--system-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-search-border-color-key-focus);--spectrum-search-inline-size:var(--system-search-inline-size);--spectrum-search-min-inline-multiplier:var(--system-search-min-inline-multiplier);--spectrum-search-to-help-text:var(--system-search-to-help-text);--spectrum-search-top-to-text:var(--system-search-top-to-text);--spectrum-search-bottom-to-text:var(--system-search-bottom-to-text);--spectrum-search-focus-indicator-thickness:var(--system-search-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--system-search-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--system-search-focus-indicator-color);--spectrum-search-font-family:var(--system-search-font-family);--spectrum-search-font-weight:var(--system-search-font-weight);--spectrum-search-font-style:var(--system-search-font-style);--spectrum-search-line-height:var(--system-search-line-height);--spectrum-search-color-default:var(--system-search-color-default);--spectrum-search-color-hover:var(--system-search-color-hover);--spectrum-search-color-focus:var(--system-search-color-focus);--spectrum-search-color-focus-hover:var(--system-search-color-focus-hover);--spectrum-search-color-key-focus:var(--system-search-color-key-focus);--spectrum-search-border-width:var(--system-search-border-width);--spectrum-search-background-color:var(--system-search-background-color);--spectrum-search-color-disabled:var(--system-search-color-disabled);--spectrum-search-background-color-disabled:var(--system-search-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-border-color-disabled);--spectrum-search-border-radius:var(--system-search-border-radius);--spectrum-search-edge-to-visual:var(--system-search-edge-to-visual);--spectrum-search-block-size:var(--system-search-block-size);--spectrum-search-icon-size:var(--system-search-icon-size);--spectrum-search-text-to-icon:var(--system-search-text-to-icon)}:host([size=s]) #textfield{--spectrum-search-border-radius:var(--system-search-size-s-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-s-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-s-block-size);--spectrum-search-icon-size:var(--system-search-size-s-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-s-text-to-icon)}:host([size=m]) #textfield{--spectrum-search-border-radius:var(--system-search-size-m-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-m-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-m-block-size);--spectrum-search-icon-size:var(--system-search-size-m-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-m-text-to-icon)}:host([size=l]) #textfield{--spectrum-search-border-radius:var(--system-search-size-l-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-l-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-l-block-size);--spectrum-search-icon-size:var(--system-search-size-l-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-l-text-to-icon)}:host([size=xl]) #textfield{--spectrum-search-border-radius:var(--system-search-size-xl-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-xl-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-xl-block-size);--spectrum-search-icon-size:var(--system-search-size-xl-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-xl-text-to-icon)}:host([quiet]){--spectrum-search-background-color:var(--system-search-quiet-background-color);--spectrum-search-background-color-disabled:var(--system-search-quiet-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-quiet-border-color-disabled);--spectrum-search-border-radius:var(--system-search-quiet-border-radius);--spectrum-search-edge-to-visual:var(--system-search-quiet-edge-to-visual)}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/src/search.css.dev.js

@@ -1,7 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-    :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}
+    @media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-min-inline-multiplier)*var(--spectrum-search-block-size));--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled));inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0}#button,#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-search-icon-size,var(--spectrum-search-icon-size))/2)}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-color-default:var(--system-search-border-color-default);--spectrum-search-border-color-hover:var(--system-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-search-border-color-key-focus);--spectrum-search-inline-size:var(--system-search-inline-size);--spectrum-search-min-inline-multiplier:var(--system-search-min-inline-multiplier);--spectrum-search-to-help-text:var(--system-search-to-help-text);--spectrum-search-top-to-text:var(--system-search-top-to-text);--spectrum-search-bottom-to-text:var(--system-search-bottom-to-text);--spectrum-search-focus-indicator-thickness:var(--system-search-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--system-search-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--system-search-focus-indicator-color);--spectrum-search-font-family:var(--system-search-font-family);--spectrum-search-font-weight:var(--system-search-font-weight);--spectrum-search-font-style:var(--system-search-font-style);--spectrum-search-line-height:var(--system-search-line-height);--spectrum-search-color-default:var(--system-search-color-default);--spectrum-search-color-hover:var(--system-search-color-hover);--spectrum-search-color-focus:var(--system-search-color-focus);--spectrum-search-color-focus-hover:var(--system-search-color-focus-hover);--spectrum-search-color-key-focus:var(--system-search-color-key-focus);--spectrum-search-border-width:var(--system-search-border-width);--spectrum-search-background-color:var(--system-search-background-color);--spectrum-search-color-disabled:var(--system-search-color-disabled);--spectrum-search-background-color-disabled:var(--system-search-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-border-color-disabled);--spectrum-search-border-radius:var(--system-search-border-radius);--spectrum-search-edge-to-visual:var(--system-search-edge-to-visual);--spectrum-search-block-size:var(--system-search-block-size);--spectrum-search-icon-size:var(--system-search-icon-size);--spectrum-search-text-to-icon:var(--system-search-text-to-icon)}:host([size=s]) #textfield{--spectrum-search-border-radius:var(--system-search-size-s-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-s-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-s-block-size);--spectrum-search-icon-size:var(--system-search-size-s-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-s-text-to-icon)}:host([size=m]) #textfield{--spectrum-search-border-radius:var(--system-search-size-m-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-m-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-m-block-size);--spectrum-search-icon-size:var(--system-search-size-m-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-m-text-to-icon)}:host([size=l]) #textfield{--spectrum-search-border-radius:var(--system-search-size-l-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-l-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-l-block-size);--spectrum-search-icon-size:var(--system-search-size-l-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-l-text-to-icon)}:host([size=xl]) #textfield{--spectrum-search-border-radius:var(--system-search-size-xl-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-xl-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-xl-block-size);--spectrum-search-icon-size:var(--system-search-size-xl-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-xl-text-to-icon)}:host([quiet]){--spectrum-search-background-color:var(--system-search-quiet-background-color);--spectrum-search-background-color-disabled:var(--system-search-quiet-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-quiet-border-color-disabled);--spectrum-search-border-radius:var(--system-search-quiet-border-radius);--spectrum-search-edge-to-visual:var(--system-search-quiet-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}
 `;
 export default styles;
 //# sourceMappingURL=search.css.dev.js.map

package/src/search.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["search.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 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    @media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-min-inline-multiplier)*var(--spectrum-search-block-size));--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled));inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0}#button,#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-search-icon-size,var(--spectrum-search-icon-size))/2)}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-color-default:var(--system-search-border-color-default);--spectrum-search-border-color-hover:var(--system-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-search-border-color-key-focus);--spectrum-search-inline-size:var(--system-search-inline-size);--spectrum-search-min-inline-multiplier:var(--system-search-min-inline-multiplier);--spectrum-search-to-help-text:var(--system-search-to-help-text);--spectrum-search-top-to-text:var(--system-search-top-to-text);--spectrum-search-bottom-to-text:var(--system-search-bottom-to-text);--spectrum-search-focus-indicator-thickness:var(--system-search-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--system-search-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--system-search-focus-indicator-color);--spectrum-search-font-family:var(--system-search-font-family);--spectrum-search-font-weight:var(--system-search-font-weight);--spectrum-search-font-style:var(--system-search-font-style);--spectrum-search-line-height:var(--system-search-line-height);--spectrum-search-color-default:var(--system-search-color-default);--spectrum-search-color-hover:var(--system-search-color-hover);--spectrum-search-color-focus:var(--system-search-color-focus);--spectrum-search-color-focus-hover:var(--system-search-color-focus-hover);--spectrum-search-color-key-focus:var(--system-search-color-key-focus);--spectrum-search-border-width:var(--system-search-border-width);--spectrum-search-background-color:var(--system-search-background-color);--spectrum-search-color-disabled:var(--system-search-color-disabled);--spectrum-search-background-color-disabled:var(--system-search-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-border-color-disabled);--spectrum-search-border-radius:var(--system-search-border-radius);--spectrum-search-edge-to-visual:var(--system-search-edge-to-visual);--spectrum-search-block-size:var(--system-search-block-size);--spectrum-search-icon-size:var(--system-search-icon-size);--spectrum-search-text-to-icon:var(--system-search-text-to-icon)}:host([size=s]) #textfield{--spectrum-search-border-radius:var(--system-search-size-s-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-s-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-s-block-size);--spectrum-search-icon-size:var(--system-search-size-s-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-s-text-to-icon)}:host([size=m]) #textfield{--spectrum-search-border-radius:var(--system-search-size-m-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-m-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-m-block-size);--spectrum-search-icon-size:var(--system-search-size-m-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-m-text-to-icon)}:host([size=l]) #textfield{--spectrum-search-border-radius:var(--system-search-size-l-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-l-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-l-block-size);--spectrum-search-icon-size:var(--system-search-size-l-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-l-text-to-icon)}:host([size=xl]) #textfield{--spectrum-search-border-radius:var(--system-search-size-xl-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-xl-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-xl-block-size);--spectrum-search-icon-size:var(--system-search-size-xl-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-xl-text-to-icon)}:host([quiet]){--spectrum-search-background-color:var(--system-search-quiet-background-color);--spectrum-search-background-color-disabled:var(--system-search-quiet-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-quiet-border-color-disabled);--spectrum-search-border-radius:var(--system-search-quiet-border-radius);--spectrum-search-edge-to-visual:var(--system-search-quiet-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/search.css.js

@@ -1,4 +1,4 @@
-"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
-    :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}
-`;export default e;
+"use strict";import{css as e}from"@spectrum-web-components/base";const r=e`
+    @media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-min-inline-multiplier)*var(--spectrum-search-block-size));--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled));inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0}#button,#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-search-icon-size,var(--spectrum-search-icon-size))/2)}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-color-default:var(--system-search-border-color-default);--spectrum-search-border-color-hover:var(--system-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-search-border-color-key-focus);--spectrum-search-inline-size:var(--system-search-inline-size);--spectrum-search-min-inline-multiplier:var(--system-search-min-inline-multiplier);--spectrum-search-to-help-text:var(--system-search-to-help-text);--spectrum-search-top-to-text:var(--system-search-top-to-text);--spectrum-search-bottom-to-text:var(--system-search-bottom-to-text);--spectrum-search-focus-indicator-thickness:var(--system-search-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--system-search-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--system-search-focus-indicator-color);--spectrum-search-font-family:var(--system-search-font-family);--spectrum-search-font-weight:var(--system-search-font-weight);--spectrum-search-font-style:var(--system-search-font-style);--spectrum-search-line-height:var(--system-search-line-height);--spectrum-search-color-default:var(--system-search-color-default);--spectrum-search-color-hover:var(--system-search-color-hover);--spectrum-search-color-focus:var(--system-search-color-focus);--spectrum-search-color-focus-hover:var(--system-search-color-focus-hover);--spectrum-search-color-key-focus:var(--system-search-color-key-focus);--spectrum-search-border-width:var(--system-search-border-width);--spectrum-search-background-color:var(--system-search-background-color);--spectrum-search-color-disabled:var(--system-search-color-disabled);--spectrum-search-background-color-disabled:var(--system-search-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-border-color-disabled);--spectrum-search-border-radius:var(--system-search-border-radius);--spectrum-search-edge-to-visual:var(--system-search-edge-to-visual);--spectrum-search-block-size:var(--system-search-block-size);--spectrum-search-icon-size:var(--system-search-icon-size);--spectrum-search-text-to-icon:var(--system-search-text-to-icon)}:host([size=s]) #textfield{--spectrum-search-border-radius:var(--system-search-size-s-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-s-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-s-block-size);--spectrum-search-icon-size:var(--system-search-size-s-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-s-text-to-icon)}:host([size=m]) #textfield{--spectrum-search-border-radius:var(--system-search-size-m-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-m-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-m-block-size);--spectrum-search-icon-size:var(--system-search-size-m-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-m-text-to-icon)}:host([size=l]) #textfield{--spectrum-search-border-radius:var(--system-search-size-l-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-l-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-l-block-size);--spectrum-search-icon-size:var(--system-search-size-l-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-l-text-to-icon)}:host([size=xl]) #textfield{--spectrum-search-border-radius:var(--system-search-size-xl-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-xl-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-xl-block-size);--spectrum-search-icon-size:var(--system-search-size-xl-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-xl-text-to-icon)}:host([quiet]){--spectrum-search-background-color:var(--system-search-quiet-background-color);--spectrum-search-background-color-disabled:var(--system-search-quiet-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-quiet-border-color-disabled);--spectrum-search-border-radius:var(--system-search-quiet-border-radius);--spectrum-search-edge-to-visual:var(--system-search-quiet-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}
+`;export default r;
 //# sourceMappingURL=search.css.js.map

package/src/search.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["search.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 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    @media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-min-inline-multiplier)*var(--spectrum-search-block-size));--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled));inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0}#button,#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-search-icon-size,var(--spectrum-search-icon-size))/2)}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-color-default:var(--system-search-border-color-default);--spectrum-search-border-color-hover:var(--system-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-search-border-color-key-focus);--spectrum-search-inline-size:var(--system-search-inline-size);--spectrum-search-min-inline-multiplier:var(--system-search-min-inline-multiplier);--spectrum-search-to-help-text:var(--system-search-to-help-text);--spectrum-search-top-to-text:var(--system-search-top-to-text);--spectrum-search-bottom-to-text:var(--system-search-bottom-to-text);--spectrum-search-focus-indicator-thickness:var(--system-search-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--system-search-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--system-search-focus-indicator-color);--spectrum-search-font-family:var(--system-search-font-family);--spectrum-search-font-weight:var(--system-search-font-weight);--spectrum-search-font-style:var(--system-search-font-style);--spectrum-search-line-height:var(--system-search-line-height);--spectrum-search-color-default:var(--system-search-color-default);--spectrum-search-color-hover:var(--system-search-color-hover);--spectrum-search-color-focus:var(--system-search-color-focus);--spectrum-search-color-focus-hover:var(--system-search-color-focus-hover);--spectrum-search-color-key-focus:var(--system-search-color-key-focus);--spectrum-search-border-width:var(--system-search-border-width);--spectrum-search-background-color:var(--system-search-background-color);--spectrum-search-color-disabled:var(--system-search-color-disabled);--spectrum-search-background-color-disabled:var(--system-search-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-border-color-disabled);--spectrum-search-border-radius:var(--system-search-border-radius);--spectrum-search-edge-to-visual:var(--system-search-edge-to-visual);--spectrum-search-block-size:var(--system-search-block-size);--spectrum-search-icon-size:var(--system-search-icon-size);--spectrum-search-text-to-icon:var(--system-search-text-to-icon)}:host([size=s]) #textfield{--spectrum-search-border-radius:var(--system-search-size-s-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-s-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-s-block-size);--spectrum-search-icon-size:var(--system-search-size-s-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-s-text-to-icon)}:host([size=m]) #textfield{--spectrum-search-border-radius:var(--system-search-size-m-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-m-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-m-block-size);--spectrum-search-icon-size:var(--system-search-size-m-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-m-text-to-icon)}:host([size=l]) #textfield{--spectrum-search-border-radius:var(--system-search-size-l-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-l-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-l-block-size);--spectrum-search-icon-size:var(--system-search-size-l-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-l-text-to-icon)}:host([size=xl]) #textfield{--spectrum-search-border-radius:var(--system-search-size-xl-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-xl-edge-to-visual);--spectrum-search-block-size:var(--system-search-size-xl-block-size);--spectrum-search-icon-size:var(--system-search-size-xl-icon-size);--spectrum-search-text-to-icon:var(--system-search-size-xl-text-to-icon)}:host([quiet]){--spectrum-search-background-color:var(--system-search-quiet-background-color);--spectrum-search-background-color-disabled:var(--system-search-quiet-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-quiet-border-color-disabled);--spectrum-search-border-radius:var(--system-search-quiet-border-radius);--spectrum-search-edge-to-visual:var(--system-search-quiet-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/spectrum-config.js

@@ -37,10 +37,11 @@ const config = {
                 converter.classToId('spectrum-Search-clearButton', 'button'),
                 converter.classToId('spectrum-Search-textfield', 'textfield'),
                 // Default to `size='m'` without needing the attribute
-                converter.classToHost('spectrum-Search--sizeM'),
+                // converter.classToHost('spectrum-Search--sizeM'),
                 ...converter.enumerateAttributes(
                     [
                         ['spectrum-Search--sizeS', 's'],
+                        ['spectrum-Search--sizeM', 'm'],
                         ['spectrum-Search--sizeL', 'l'],
                         ['spectrum-Search--sizeXL', 'xl'],
                     ],

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

@@ -1,7 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-    :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}
+    @media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-min-inline-multiplier)*var(--spectrum-search-block-size));--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled));inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0}#button,#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-search-icon-size,var(--spectrum-search-icon-size))/2)}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-search.css.dev.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-search.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 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    @media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-min-inline-multiplier)*var(--spectrum-search-block-size));--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled));inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0}#button,#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-search-icon-size,var(--spectrum-search-icon-size))/2)}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/spectrum-search.css.js

@@ -1,4 +1,4 @@
 "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
-    :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}
+    @media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-min-inline-multiplier)*var(--spectrum-search-block-size));--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled));inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0}#button,#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-search-icon-size,var(--spectrum-search-icon-size))/2)}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}
 `;export default e;
 //# sourceMappingURL=spectrum-search.css.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-search.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2024 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    @media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-min-inline-multiplier)*var(--spectrum-search-block-size));--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled));inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0}#button,#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-search-icon-size,var(--spectrum-search-icon-size))/2)}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }