@spectrum-web-components/search 0.0.0-20241209155954

package/README.md

@@ -0,0 +1,88 @@
+## Description
+
+The `<sp-search>` element delivers a single input field with a "reset" button as well as a mangifying glass icon with which to power search interactions.
+
+### Usage
+
+[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/search?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/search)
+[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/search?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/search)
+[![Try it on webcomponents.dev](https://img.shields.io/badge/Try%20it%20on-webcomponents.dev-green?style=for-the-badge)](https://webcomponents.dev/edit/collection/fO75441E1Q5ZlI0e9pgq/RF8kOBhUdLovmzyZMpTk/src/index.ts)
+
+```
+yarn add @spectrum-web-components/search
+```
+
+Import the side effectful registration of `<sp-search>` via:
+
+```
+import '@spectrum-web-components/search/sp-search.js';
+```
+
+When looking to leverage the `Search` base class as a type and/or for extension purposes, do so via:
+
+```
+import { Search } from '@spectrum-web-components/search';
+```
+
+## Sizes
+
+<sp-tabs selected="m" auto label="Size Attribute Options">
+<sp-tab value="s">Small</sp-tab>
+<sp-tab-panel value="s">
+
+```html
+<sp-search size="s"></sp-search>
+<sp-search size="s" disabled></sp-search>
+```
+
+</sp-tab-panel>
+<sp-tab value="m">Medium</sp-tab>
+<sp-tab-panel value="m">
+
+```html
+<sp-search></sp-search>
+<sp-search disabled></sp-search>
+```
+
+</sp-tab-panel>
+<sp-tab value="l">Large</sp-tab>
+<sp-tab-panel value="l">
+
+```html
+<sp-search size="l"></sp-search>
+<sp-search size="l" disabled></sp-search>
+```
+
+</sp-tab-panel>
+<sp-tab value="xl">Extra Large</sp-tab>
+<sp-tab-panel value="xl">
+
+```html
+<sp-search size="xl"></sp-search>
+<sp-search size="xl" disabled></sp-search>
+```
+
+</sp-tab-panel>
+</sp-tabs>
+
+## Variants
+
+### Quiet
+
+```html
+<sp-search quiet></sp-search>
+<sp-search quiet disabled></sp-search>
+```
+
+## Events
+
+The `submit` event fires when the `<sp-search>` is submitted. This is a non-`composed` event inline with what you would expect a [`<form />`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event){:target="\_blank"} to fire. If you choose to prevent the default of this event, the default action for the underlying `<form />` element will also be prevented, which will allow you to handle the search action in javascript.
+
+## Properties
+
+### holdValueOnEscape
+
+-   Type: `boolean`
+-   Default: `false`
+
+If `holdValueOnEscape` controls whether the typed value should be held (i.e., not cleared or reset) when the Escape key is pressed. If set to true, pressing the Escape key will not affect the value in the search field.

package/package.json

@@ -0,0 +1,76 @@
+{
+    "name": "@spectrum-web-components/search",
+    "version": "0.0.0-20241209155954",
+    "publishConfig": {
+        "access": "public"
+    },
+    "description": "",
+    "license": "Apache-2.0",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/adobe/spectrum-web-components.git",
+        "directory": "packages/search"
+    },
+    "author": "",
+    "homepage": "https://opensource.adobe.com/spectrum-web-components/components/search",
+    "bugs": {
+        "url": "https://github.com/adobe/spectrum-web-components/issues"
+    },
+    "main": "./src/index.js",
+    "module": "./src/index.js",
+    "type": "module",
+    "exports": {
+        ".": {
+            "development": "./src/index.dev.js",
+            "default": "./src/index.js"
+        },
+        "./package.json": "./package.json",
+        "./src/Search.js": {
+            "development": "./src/Search.dev.js",
+            "default": "./src/Search.js"
+        },
+        "./src/index.js": {
+            "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",
+            "default": "./sp-search.js"
+        }
+    },
+    "scripts": {
+        "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
+    },
+    "files": [
+        "**/*.d.ts",
+        "**/*.js",
+        "**/*.js.map",
+        "custom-elements.json",
+        "!stories/",
+        "!test/"
+    ],
+    "keywords": [
+        "spectrum css",
+        "web components",
+        "lit-element",
+        "lit-html"
+    ],
+    "dependencies": {
+        "@spectrum-web-components/base": "0.0.0-20241209155954",
+        "@spectrum-web-components/button": "0.0.0-20241209155954",
+        "@spectrum-web-components/icon": "0.0.0-20241209155954",
+        "@spectrum-web-components/icons-workflow": "0.0.0-20241209155954",
+        "@spectrum-web-components/textfield": "0.0.0-20241209155954"
+    },
+    "devDependencies": {
+        "@spectrum-css/search": "^8.0.0-s2-foundations.17"
+    },
+    "types": "./src/index.d.ts",
+    "customElements": "custom-elements.json",
+    "sideEffects": [
+        "./sp-*.js",
+        "./**/*.dev.js"
+    ]
+}

package/sp-search.d.ts

@@ -0,0 +1,6 @@
+import { Search } from './src/Search.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sp-search': Search;
+    }
+}

package/sp-search.dev.js

@@ -0,0 +1,5 @@
+"use strict";
+import { Search } from "./src/Search.dev.js";
+import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
+defineElement("sp-search", Search);
+//# sourceMappingURL=sp-search.dev.js.map

package/sp-search.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-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*/\nimport { Search } from './src/Search.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-search', Search);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-search': Search;\n    }\n}\n"],
+  "mappings": ";AAWA,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,cAAc,aAAa,MAAM;",
+  "names": []
+}

package/sp-search.js

@@ -0,0 +1,2 @@
+"use strict";import{Search as e}from"./src/Search.js";import{defineElement as a}from"@spectrum-web-components/base/src/define-element.js";a("sp-search",e);
+//# sourceMappingURL=sp-search.js.map

package/sp-search.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-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*/\nimport { Search } from './src/Search.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-search', Search);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-search': Search;\n    }\n}\n"],
+  "mappings": "aAWA,OAAS,UAAAA,MAAc,kBACvB,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,YAAaD,CAAM",
+  "names": ["Search", "defineElement"]
+}

package/src/Search.d.ts

@@ -0,0 +1,26 @@
+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-search.js';
+/**
+ * @element sp-search
+ * @slot help-text - default or non-negative help text to associate to your form element
+ * @slot negative-help-text - negative help text to associate to your form element when `invalid`
+ *
+ * @fires submit - The search form has been submitted.
+ */
+export declare class Search extends Textfield {
+    static get styles(): CSSResultArray;
+    action: string;
+    label: string;
+    method?: 'get' | 'post' | 'dialog';
+    placeholder: string;
+    holdValueOnEscape: boolean;
+    form: HTMLFormElement;
+    private handleSubmit;
+    private handleKeydown;
+    reset(): Promise<void>;
+    protected renderField(): TemplateResult;
+    firstUpdated(changedProperties: PropertyValues): void;
+    willUpdate(): void;
+}

package/src/Search.dev.js

@@ -0,0 +1,128 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  nothing
+} from "@spectrum-web-components/base";
+import {
+  property,
+  query
+} from "@spectrum-web-components/base/src/decorators.js";
+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-search.js";
+import searchStyles from "./search.css.js";
+const stopPropagation = (event) => event.stopPropagation();
+export class Search extends Textfield {
+  constructor() {
+    super(...arguments);
+    this.action = "";
+    this.label = "Search";
+    this.placeholder = "Search";
+  }
+  static get styles() {
+    return [...super.styles, searchStyles];
+  }
+  handleSubmit(event) {
+    const applyDefault = this.dispatchEvent(
+      new Event("submit", {
+        cancelable: true,
+        bubbles: true
+      })
+    );
+    if (!applyDefault) {
+      event.preventDefault();
+    }
+  }
+  handleKeydown(event) {
+    const { code } = event;
+    if (code === "Escape" && this.holdValueOnEscape) {
+      return;
+    }
+    if (!this.value || code !== "Escape") {
+      return;
+    }
+    this.reset();
+  }
+  async reset() {
+    this.value = "";
+    await this.updateComplete;
+    this.focusElement.dispatchEvent(
+      new InputEvent("input", {
+        bubbles: true,
+        composed: true
+      })
+    );
+    this.focusElement.dispatchEvent(
+      new InputEvent("change", {
+        bubbles: true
+      })
+    );
+  }
+  renderField() {
+    return html`
+            <form
+                action=${this.action}
+                id="form"
+                method=${ifDefined(this.method)}
+                @submit=${this.handleSubmit}
+                @reset=${this.reset}
+                @keydown=${this.handleKeydown}
+            >
+                <sp-icon-search
+                    size=${this.size}
+                    class="icon magnifier icon-workflow icon-search"
+                ></sp-icon-search>
+                ${super.renderField()}
+                ${this.value ? html`
+                          <sp-clear-button
+                              id="button"
+                              label="Reset"
+                              tabindex="-1"
+                              type="reset"
+                              size=${ifDefined(this.size)}
+                              @keydown=${stopPropagation}
+                          ></sp-clear-button>
+                      ` : nothing}
+            </form>
+        `;
+  }
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    if (!this.hasAttribute("holdValueOnEscape")) {
+      this.inputElement.setAttribute("type", "search");
+    }
+  }
+  willUpdate() {
+    this.multiline = false;
+  }
+}
+__decorateClass([
+  property()
+], Search.prototype, "action", 2);
+__decorateClass([
+  property()
+], Search.prototype, "label", 2);
+__decorateClass([
+  property()
+], Search.prototype, "method", 2);
+__decorateClass([
+  property()
+], Search.prototype, "placeholder", 2);
+__decorateClass([
+  property({ type: Boolean })
+], Search.prototype, "holdValueOnEscape", 2);
+__decorateClass([
+  query("#form")
+], Search.prototype, "form", 2);
+//# sourceMappingURL=Search.dev.js.map

package/src/Search.dev.js.map

@@ -0,0 +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-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

@@ -0,0 +1,27 @@
+"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"
+                method=${u(this.method)}
+                @submit=${this.handleSubmit}
+                @reset=${this.reset}
+                @keydown=${this.handleKeydown}
+            >
+                <sp-icon-search
+                    size=${this.size}
+                    class="icon magnifier icon-workflow icon-search"
+                ></sp-icon-search>
+                ${super.renderField()}
+                ${this.value?p`
+                          <sp-clear-button
+                              id="button"
+                              label="Reset"
+                              tabindex="-1"
+                              type="reset"
+                              size=${u(this.size)}
+                              @keydown=${v}
+                          ></sp-clear-button>
+                      `:h}
+            </form>
+        `}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

@@ -0,0 +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-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/index.d.ts

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

package/src/index.dev.js

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

package/src/index.dev.js.map

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

package/src/index.js

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

package/src/index.js.map

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

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=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=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=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=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=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=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=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=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=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=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=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=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.d.ts

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

package/src/search.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    @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:var(--mod-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 .spectrum-ClearButton-icon{transform:translateX(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(--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=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=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=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)}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

@@ -0,0 +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    @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:var(--mod-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 .spectrum-ClearButton-icon{transform:translateX(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(--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=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=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=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)}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

@@ -0,0 +1,4 @@
+"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
+    @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:var(--mod-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 .spectrum-ClearButton-icon{transform:translateX(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(--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=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=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=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)}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 e;
+//# sourceMappingURL=search.css.js.map

package/src/search.css.js.map

@@ -0,0 +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    @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:var(--mod-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 .spectrum-ClearButton-icon{transform:translateX(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(--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=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=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=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)}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

@@ -0,0 +1,76 @@
+// @ts-check
+/*
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the 'License');
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import {
+    builder,
+    converterFor,
+} from '../../../tasks/process-spectrum-utils.js';
+
+const converter = converterFor('spectrum-Search');
+
+/**
+ * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
+ */
+const config = {
+    conversions: [
+        {
+            inPackage: '@spectrum-css/search',
+            outPackage: 'search',
+            fileName: 'search',
+            hoistCustomPropertiesFrom: 'spectrum-Search',
+            components: [
+                converter.classToId('spectrum-Search', 'textfield'),
+                converter.classToClass('spectrum-Search-input', 'input'),
+                converter.classToClass('spectrum-Icon', 'icon'),
+                converter.classToClass('spectrum-Search-icon', 'icon-search'),
+                converter.classToAttribute('spectrum-Search--quiet', 'quiet'),
+                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.enumerateAttributes(
+                    [
+                        ['spectrum-Search--sizeS', 's'],
+                        ['spectrum-Search--sizeM', 'm'],
+                        ['spectrum-Search--sizeL', 'l'],
+                        ['spectrum-Search--sizeXL', 'xl'],
+                    ],
+                    'size'
+                ),
+                {
+                    find: {
+                        type: 'pseudo-class',
+                        kind: 'not',
+                        selectors: [[builder.class('spectrum-Search--quiet')]],
+                    },
+                    replace: {
+                        type: 'pseudo-class',
+                        kind: 'not',
+                        selectors: [[builder.attribute('quiet')]],
+                    },
+                    hoist: true,
+                },
+                {
+                    find: [builder.class('focus-ring')],
+                    replace: [
+                        {
+                            replace: builder.pseudoClass('focus-visible'),
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};
+
+export default config;

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    @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:var(--mod-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 .spectrum-ClearButton-icon{transform:translateX(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(--spectrum-search-quiet-button-offset))}
+`;
+export default styles;
+//# sourceMappingURL=spectrum-search.css.dev.js.map

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

@@ -0,0 +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    @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:var(--mod-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 .spectrum-ClearButton-icon{transform:translateX(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(--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

@@ -0,0 +1,4 @@
+"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
+    @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:var(--mod-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 .spectrum-ClearButton-icon{transform:translateX(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(--spectrum-search-quiet-button-offset))}
+`;export default e;
+//# sourceMappingURL=spectrum-search.css.js.map

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

@@ -0,0 +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    @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:var(--mod-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 .spectrum-ClearButton-icon{transform:translateX(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(--spectrum-search-quiet-button-offset))}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}