@spectrum-web-components/search 0.40.5 → 0.41.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/custom-elements.json +2 -2
  2. package/package.json +8 -8
  3. package/src/Search.d.ts +1 -1
  4. package/src/Search.dev.js.map +1 -1
  5. package/src/Search.js.map +1 -1
  6. package/src/search.css.dev.js +1 -25
  7. package/src/search.css.dev.js.map +2 -2
  8. package/src/search.css.js +1 -25
  9. package/src/search.css.js.map +2 -2
package/custom-elements.json CHANGED
@@ -60,7 +60,7 @@
60
60
  "kind": "field",
61
61
  "name": "method",
62
62
  "type": {
63
- "text": "'GET' | 'POST' | 'dialog' | undefined"
63
+ "text": "'get' | 'post' | 'dialog' | undefined"
64
64
  },
65
65
  "privacy": "public",
66
66
  "attribute": "method"
@@ -169,7 +169,7 @@
169
169
  {
170
170
  "name": "method",
171
171
  "type": {
172
- "text": "'GET' | 'POST' | 'dialog' | undefined"
172
+ "text": "'get' | 'post' | 'dialog' | undefined"
173
173
  },
174
174
  "fieldName": "method"
175
175
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/search",
3
- "version": "0.40.5",
3
+ "version": "0.41.1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,14 +57,14 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.40.5",
61
- "@spectrum-web-components/button": "^0.40.5",
62
- "@spectrum-web-components/icon": "^0.40.5",
63
- "@spectrum-web-components/icons-workflow": "^0.40.5",
64
- "@spectrum-web-components/textfield": "^0.40.5"
60
+ "@spectrum-web-components/base": "^0.41.1",
61
+ "@spectrum-web-components/button": "^0.41.1",
62
+ "@spectrum-web-components/icon": "^0.41.1",
63
+ "@spectrum-web-components/icons-workflow": "^0.41.1",
64
+ "@spectrum-web-components/textfield": "^0.41.1"
65
65
  },
66
66
  "devDependencies": {
67
- "@spectrum-css/search": "^6.2.0"
67
+ "@spectrum-css/search": "^6.2.1"
68
68
  },
69
69
  "types": "./src/index.d.ts",
70
70
  "customElements": "custom-elements.json",
@@ -72,5 +72,5 @@
72
72
  "./sp-*.js",
73
73
  "./**/*.dev.js"
74
74
  ],
75
- "gitHead": "2e0006478841b07af63c19a0167a136bf724d064"
75
+ "gitHead": "1eded35d98d01973b40990486b86840ba464a2da"
76
76
  }
package/src/Search.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare class Search extends Textfield {
13
13
  static get styles(): CSSResultArray;
14
14
  action: string;
15
15
  label: string;
16
- method?: 'GET' | 'POST' | 'dialog';
16
+ method?: 'get' | 'post' | 'dialog';
17
17
  placeholder: string;
18
18
  form: HTMLFormElement;
19
19
  private handleSubmit;
package/src/Search.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["Search.ts"],
4
- "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n CSSResultArray,\n html,\n nothing,\n PropertyValues,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { Textfield } from '@spectrum-web-components/textfield';\nimport '@spectrum-web-components/button/sp-clear-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-magnify.js';\n\nimport searchStyles from './search.css.js';\n\nconst stopPropagation = (event: Event): void => event.stopPropagation();\n\n/**\n * @element sp-search\n * @slot help-text - default or non-negative help text to associate to your form element\n * @slot negative-help-text - negative help text to associate to your form element when `invalid`\n *\n * @fires submit - The search form has been submitted.\n */\nexport class Search extends Textfield {\n public static override get styles(): CSSResultArray {\n return [...super.styles, searchStyles];\n }\n\n @property()\n public action = '';\n\n @property()\n public override label = 'Search';\n\n @property()\n public method?: 'GET' | 'POST' | 'dialog';\n\n @property()\n public override placeholder = 'Search';\n\n @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 (!this.value || code !== 'Escape') {\n return;\n }\n this.reset();\n }\n\n public async reset(): Promise<void> {\n this.value = '';\n await this.updateComplete;\n this.focusElement.dispatchEvent(\n new InputEvent('input', {\n bubbles: true,\n composed: true,\n })\n );\n // The native `change` event on an `input` element is not composed,\n // so this synthetic replication of a `change` event must not be\n // either as the `Textfield` baseclass should only need to handle\n // the native variant of this interaction.\n this.focusElement.dispatchEvent(\n new InputEvent('change', {\n bubbles: true,\n })\n );\n }\n\n protected override renderField(): TemplateResult {\n return html`\n <form\n action=${this.action}\n id=\"form\"\n method=${ifDefined(this.method)}\n @submit=${this.handleSubmit}\n @reset=${this.reset}\n @keydown=${this.handleKeydown}\n >\n <sp-icon-magnify\n class=\"icon magnifier icon-workflow icon-search\"\n ></sp-icon-magnify>\n ${super.renderField()}\n ${this.value\n ? html`\n <sp-clear-button\n id=\"button\"\n label=\"Reset\"\n tabindex=\"-1\"\n type=\"reset\"\n size=${ifDefined(this.size)}\n @keydown=${stopPropagation}\n ></sp-clear-button>\n `\n : nothing}\n </form>\n `;\n }\n\n public override firstUpdated(changedProperties: PropertyValues): void {\n super.firstUpdated(changedProperties);\n this.inputElement.setAttribute('type', 'search');\n }\n\n public override willUpdate(): void {\n this.multiline = false;\n }\n}\n"],
4
+ "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n CSSResultArray,\n html,\n nothing,\n PropertyValues,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { Textfield } from '@spectrum-web-components/textfield';\nimport '@spectrum-web-components/button/sp-clear-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-magnify.js';\n\nimport searchStyles from './search.css.js';\n\nconst stopPropagation = (event: Event): void => event.stopPropagation();\n\n/**\n * @element sp-search\n * @slot help-text - default or non-negative help text to associate to your form element\n * @slot negative-help-text - negative help text to associate to your form element when `invalid`\n *\n * @fires submit - The search form has been submitted.\n */\nexport class Search extends Textfield {\n public static override get styles(): CSSResultArray {\n return [...super.styles, searchStyles];\n }\n\n @property()\n public action = '';\n\n @property()\n public override label = 'Search';\n\n @property()\n public method?: 'get' | 'post' | 'dialog';\n\n @property()\n public override placeholder = 'Search';\n\n @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 (!this.value || code !== 'Escape') {\n return;\n }\n this.reset();\n }\n\n public async reset(): Promise<void> {\n this.value = '';\n await this.updateComplete;\n this.focusElement.dispatchEvent(\n new InputEvent('input', {\n bubbles: true,\n composed: true,\n })\n );\n // The native `change` event on an `input` element is not composed,\n // so this synthetic replication of a `change` event must not be\n // either as the `Textfield` baseclass should only need to handle\n // the native variant of this interaction.\n this.focusElement.dispatchEvent(\n new InputEvent('change', {\n bubbles: true,\n })\n );\n }\n\n protected override renderField(): TemplateResult {\n return html`\n <form\n action=${this.action}\n id=\"form\"\n method=${ifDefined(this.method)}\n @submit=${this.handleSubmit}\n @reset=${this.reset}\n @keydown=${this.handleKeydown}\n >\n <sp-icon-magnify\n class=\"icon magnifier icon-workflow icon-search\"\n ></sp-icon-magnify>\n ${super.renderField()}\n ${this.value\n ? html`\n <sp-clear-button\n id=\"button\"\n label=\"Reset\"\n tabindex=\"-1\"\n type=\"reset\"\n size=${ifDefined(this.size)}\n @keydown=${stopPropagation}\n ></sp-clear-button>\n `\n : nothing}\n </form>\n `;\n }\n\n public override firstUpdated(changedProperties: PropertyValues): void {\n super.firstUpdated(changedProperties);\n this.inputElement.setAttribute('type', 'search');\n }\n\n public override willUpdate(): void {\n this.multiline = false;\n }\n}\n"],
5
5
  "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,EAiBQ,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,CAAC,KAAK,SAAS,SAAS,UAAU;AAClC;AAAA,IACJ;AACA,SAAK,MAAM;AAAA,EACf;AAAA,EAEA,MAAa,QAAuB;AAChC,SAAK,QAAQ;AACb,UAAM,KAAK;AACX,SAAK,aAAa;AAAA,MACd,IAAI,WAAW,SAAS;AAAA,QACpB,SAAS;AAAA,QACT,UAAU;AAAA,MACd,CAAC;AAAA,IACL;AAKA,SAAK,aAAa;AAAA,MACd,IAAI,WAAW,UAAU;AAAA,QACrB,SAAS;AAAA,MACb,CAAC;AAAA,IACL;AAAA,EACJ;AAAA,EAEmB,cAA8B;AAC7C,WAAO;AAAA;AAAA,yBAEU,KAAK,MAAM;AAAA;AAAA,yBAEX,UAAU,KAAK,MAAM,CAAC;AAAA,0BACrB,KAAK,YAAY;AAAA,yBAClB,KAAK,KAAK;AAAA,2BACR,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,kBAK3B,MAAM,YAAY,CAAC;AAAA,kBACnB,KAAK,QACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAMe,UAAU,KAAK,IAAI,CAAC;AAAA,yCAChB,eAAe;AAAA;AAAA,0BAGlC,OAAO;AAAA;AAAA;AAAA,EAGzB;AAAA,EAEgB,aAAa,mBAAyC;AAClE,UAAM,aAAa,iBAAiB;AACpC,SAAK,aAAa,aAAa,QAAQ,QAAQ;AAAA,EACnD;AAAA,EAEgB,aAAmB;AAC/B,SAAK,YAAY;AAAA,EACrB;AACJ;AA5FW;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,MAAM,OAAO;AAAA,GAjBL,OAkBF;",
6
6
  "names": []
7
7
  }
package/src/Search.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["Search.ts"],
4
- "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n CSSResultArray,\n html,\n nothing,\n PropertyValues,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { Textfield } from '@spectrum-web-components/textfield';\nimport '@spectrum-web-components/button/sp-clear-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-magnify.js';\n\nimport searchStyles from './search.css.js';\n\nconst stopPropagation = (event: Event): void => event.stopPropagation();\n\n/**\n * @element sp-search\n * @slot help-text - default or non-negative help text to associate to your form element\n * @slot negative-help-text - negative help text to associate to your form element when `invalid`\n *\n * @fires submit - The search form has been submitted.\n */\nexport class Search extends Textfield {\n public static override get styles(): CSSResultArray {\n return [...super.styles, searchStyles];\n }\n\n @property()\n public action = '';\n\n @property()\n public override label = 'Search';\n\n @property()\n public method?: 'GET' | 'POST' | 'dialog';\n\n @property()\n public override placeholder = 'Search';\n\n @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 (!this.value || code !== 'Escape') {\n return;\n }\n this.reset();\n }\n\n public async reset(): Promise<void> {\n this.value = '';\n await this.updateComplete;\n this.focusElement.dispatchEvent(\n new InputEvent('input', {\n bubbles: true,\n composed: true,\n })\n );\n // The native `change` event on an `input` element is not composed,\n // so this synthetic replication of a `change` event must not be\n // either as the `Textfield` baseclass should only need to handle\n // the native variant of this interaction.\n this.focusElement.dispatchEvent(\n new InputEvent('change', {\n bubbles: true,\n })\n );\n }\n\n protected override renderField(): TemplateResult {\n return html`\n <form\n action=${this.action}\n id=\"form\"\n method=${ifDefined(this.method)}\n @submit=${this.handleSubmit}\n @reset=${this.reset}\n @keydown=${this.handleKeydown}\n >\n <sp-icon-magnify\n class=\"icon magnifier icon-workflow icon-search\"\n ></sp-icon-magnify>\n ${super.renderField()}\n ${this.value\n ? html`\n <sp-clear-button\n id=\"button\"\n label=\"Reset\"\n tabindex=\"-1\"\n type=\"reset\"\n size=${ifDefined(this.size)}\n @keydown=${stopPropagation}\n ></sp-clear-button>\n `\n : nothing}\n </form>\n `;\n }\n\n public override firstUpdated(changedProperties: PropertyValues): void {\n super.firstUpdated(changedProperties);\n this.inputElement.setAttribute('type', 'search');\n }\n\n public override willUpdate(): void {\n this.multiline = false;\n }\n}\n"],
4
+ "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n CSSResultArray,\n html,\n nothing,\n PropertyValues,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { Textfield } from '@spectrum-web-components/textfield';\nimport '@spectrum-web-components/button/sp-clear-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-magnify.js';\n\nimport searchStyles from './search.css.js';\n\nconst stopPropagation = (event: Event): void => event.stopPropagation();\n\n/**\n * @element sp-search\n * @slot help-text - default or non-negative help text to associate to your form element\n * @slot negative-help-text - negative help text to associate to your form element when `invalid`\n *\n * @fires submit - The search form has been submitted.\n */\nexport class Search extends Textfield {\n public static override get styles(): CSSResultArray {\n return [...super.styles, searchStyles];\n }\n\n @property()\n public action = '';\n\n @property()\n public override label = 'Search';\n\n @property()\n public method?: 'get' | 'post' | 'dialog';\n\n @property()\n public override placeholder = 'Search';\n\n @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 (!this.value || code !== 'Escape') {\n return;\n }\n this.reset();\n }\n\n public async reset(): Promise<void> {\n this.value = '';\n await this.updateComplete;\n this.focusElement.dispatchEvent(\n new InputEvent('input', {\n bubbles: true,\n composed: true,\n })\n );\n // The native `change` event on an `input` element is not composed,\n // so this synthetic replication of a `change` event must not be\n // either as the `Textfield` baseclass should only need to handle\n // the native variant of this interaction.\n this.focusElement.dispatchEvent(\n new InputEvent('change', {\n bubbles: true,\n })\n );\n }\n\n protected override renderField(): TemplateResult {\n return html`\n <form\n action=${this.action}\n id=\"form\"\n method=${ifDefined(this.method)}\n @submit=${this.handleSubmit}\n @reset=${this.reset}\n @keydown=${this.handleKeydown}\n >\n <sp-icon-magnify\n class=\"icon magnifier icon-workflow icon-search\"\n ></sp-icon-magnify>\n ${super.renderField()}\n ${this.value\n ? html`\n <sp-clear-button\n id=\"button\"\n label=\"Reset\"\n tabindex=\"-1\"\n type=\"reset\"\n size=${ifDefined(this.size)}\n @keydown=${stopPropagation}\n ></sp-clear-button>\n `\n : nothing}\n </form>\n `;\n }\n\n public override firstUpdated(changedProperties: PropertyValues): void {\n super.firstUpdated(changedProperties);\n this.inputElement.setAttribute('type', 'search');\n }\n\n public override willUpdate(): void {\n this.multiline = false;\n }\n}\n"],
5
5
  "mappings": "qNAYA,OAEI,QAAAA,EACA,WAAAC,MAGG,gCACP,OACI,YAAAC,EACA,SAAAC,MACG,kDACP,OAAS,aAAAC,MAAiB,kDAE1B,OAAS,aAAAC,MAAiB,qCAC1B,MAAO,qDACP,MAAO,mEAEP,OAAOC,MAAkB,kBAEzB,MAAMC,EAAmBC,GAAuBA,EAAM,gBAAgB,EAS/D,aAAM,eAAeH,CAAU,CAA/B,kCAMH,KAAO,OAAS,GAGhB,KAAgB,MAAQ,SAMxB,KAAgB,YAAc,SAd9B,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQC,CAAY,CACzC,CAiBQ,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,EACb,CAAC,KAAK,OAASC,IAAS,UAG5B,KAAK,MAAM,CACf,CAEA,MAAa,OAAuB,CAChC,KAAK,MAAQ,GACb,MAAM,KAAK,eACX,KAAK,aAAa,cACd,IAAI,WAAW,QAAS,CACpB,QAAS,GACT,SAAU,EACd,CAAC,CACL,EAKA,KAAK,aAAa,cACd,IAAI,WAAW,SAAU,CACrB,QAAS,EACb,CAAC,CACL,CACJ,CAEmB,aAA8B,CAC7C,OAAOT;AAAA;AAAA,yBAEU,KAAK,MAAM;AAAA;AAAA,yBAEXI,EAAU,KAAK,MAAM,CAAC;AAAA,0BACrB,KAAK,YAAY;AAAA,yBAClB,KAAK,KAAK;AAAA,2BACR,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,kBAK3B,MAAM,YAAY,CAAC;AAAA,kBACnB,KAAK,MACDJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAMeI,EAAU,KAAK,IAAI,CAAC;AAAA,yCAChBG,CAAe;AAAA;AAAA,wBAGlCN,CAAO;AAAA;AAAA,SAGzB,CAEgB,aAAaS,EAAyC,CAClE,MAAM,aAAaA,CAAiB,EACpC,KAAK,aAAa,aAAa,OAAQ,QAAQ,CACnD,CAEgB,YAAmB,CAC/B,KAAK,UAAY,EACrB,CACJ,CA5FWC,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,CADNR,EAAM,OAAO,GAjBL,OAkBF",
6
6
  "names": ["html", "nothing", "property", "query", "ifDefined", "Textfield", "searchStyles", "stopPropagation", "event", "code", "changedProperties", "__decorateClass"]
7
7
  }
package/src/search.css.dev.js CHANGED
@@ -145,31 +145,7 @@ var(--spectrum-search-quiet-button-offset)
145
145
  --system-spectrum-search-sizexl-edge-to-visual
146
146
  )}:host{--mod-textfield-spacing-inline:var(
147
147
  --spectrum-alias-infieldbutton-full-height-m
148
- );--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=s]){--spectrum-icon-tshirt-size-height:var(
149
- --spectrum-alias-workflow-icon-size-s
150
- );--spectrum-icon-tshirt-size-width:var(
151
- --spectrum-alias-workflow-icon-size-s
152
- );--spectrum-ui-icon-tshirt-size-height:var(
153
- --spectrum-alias-ui-icon-cornertriangle-size-75
154
- );--spectrum-ui-icon-tshirt-size-width:var(
155
- --spectrum-alias-ui-icon-cornertriangle-size-75
156
- )}:host([size=l]){--spectrum-icon-tshirt-size-height:var(
157
- --spectrum-alias-workflow-icon-size-l
158
- );--spectrum-icon-tshirt-size-width:var(
159
- --spectrum-alias-workflow-icon-size-l
160
- );--spectrum-ui-icon-tshirt-size-height:var(
161
- --spectrum-alias-ui-icon-cornertriangle-size-200
162
- );--spectrum-ui-icon-tshirt-size-width:var(
163
- --spectrum-alias-ui-icon-cornertriangle-size-200
164
- )}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(
165
- --spectrum-alias-workflow-icon-size-xl
166
- );--spectrum-icon-tshirt-size-width:var(
167
- --spectrum-alias-workflow-icon-size-xl
168
- );--spectrum-ui-icon-tshirt-size-height:var(
169
- --spectrum-alias-ui-icon-cornertriangle-size-300
170
- );--spectrum-ui-icon-tshirt-size-width:var(
171
- --spectrum-alias-ui-icon-cornertriangle-size-300
172
- )}@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}}
148
+ );--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}
173
149
  `;
174
150
  export default styles;
175
151
  //# sourceMappingURL=search.css.dev.js.map
package/src/search.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["search.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-search-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-search-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(\n--spectrum-disabled-background-color\n);--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-background-color\n);--mod-textfield-font-family:var(\n--mod-search-font-family,var(--spectrum-search-font-family)\n);--mod-textfield-font-weight:var(\n--mod-search-font-weight,var(--spectrum-search-font-weight)\n);--mod-textfield-corner-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);--mod-textfield-border-width:var(\n--mod-search-border-width,var(--spectrum-search-border-width)\n);--mod-textfield-focus-indicator-gap:var(\n--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)\n);--mod-textfield-focus-indicator-width:var(\n--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)\n);--mod-textfield-focus-indicator-color:var(\n--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)\n);--mod-textfield-text-color-default:var(\n--mod-search-color-default,var(--spectrum-search-color-default)\n);--mod-textfield-text-color-hover:var(\n--mod-search-color-hover,var(--spectrum-search-color-hover)\n);--mod-textfield-text-color-focus:var(\n--mod-search-color-focus,var(--spectrum-search-color-focus)\n);--mod-textfield-text-color-focus-hover:var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n);--mod-textfield-text-color-keyboard-focus:var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n);--mod-textfield-text-color-disabled:var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n);--mod-textfield-border-color:var(\n--mod-search-border-color-default,var(--spectrum-search-border-color-default)\n);--mod-textfield-border-color-hover:var(\n--mod-search-border-color-hover,var(--spectrum-search-border-color-hover)\n);--mod-textfield-border-color-focus:var(\n--mod-search-border-color-focus,var(--spectrum-search-border-color-focus)\n);--mod-textfield-border-color-focus-hover:var(\n--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)\n);--mod-textfield-border-color-keyboard-focus:var(\n--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)\n);--mod-textfield-border-color-disabled:var(\n--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)\n);--mod-textfield-background-color:var(\n--mod-search-background-color,var(--spectrum-search-background-color)\n);--mod-textfield-background-color-disabled:var(\n--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)\n)}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(\n--mod-workflow-icon-size-100,\nvar(--spectrum-workflow-icon-size-100)\n)/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-border-color\n)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(\n--spectrum-field-edge-to-visual-quiet\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{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(\n--mod-search-inline-size,var(--spectrum-search-inline-size)\n);min-inline-size:var(\n--mod-search-min-inline-size,var(--spectrum-search-min-inline-size)\n);position:relative}#textfield .spectrum-HelpText{margin-block-start:var(\n--mod-search-to-help-text,var(--spectrum-search-to-help-text)\n)}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n)}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))\n);color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))\n)}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n)\n)}#textfield.is-disabled .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))\n)}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))\n)}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n)\n)}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n)\n)}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{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(\n--mod-search-line-height,var(--spectrum-search-line-height)\n);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)));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)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(\n--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)\n)}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(--mod-search-border-width, var(--spectrum-search-border-width)));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)))}:host([quiet]) #button{transform:translateX(var(\n--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)\n))}:host([quiet]) #textfield .input{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);padding-block-start:var(\n--mod-search-top-to-text,var(--spectrum-search-top-to-text)\n);padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(\n--mod-search-quiet-button-offset,\nvar(--spectrum-search-quiet-button-offset)\n));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)))}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-edge-to-visual\n);--spectrum-search-border-color-default:var(\n--system-spectrum-search-border-color-default\n);--spectrum-search-border-color-hover:var(\n--system-spectrum-search-border-color-hover\n);--spectrum-search-border-color-focus:var(\n--system-spectrum-search-border-color-focus\n);--spectrum-search-border-color-focus-hover:var(\n--system-spectrum-search-border-color-focus-hover\n);--spectrum-search-border-color-key-focus:var(\n--system-spectrum-search-border-color-key-focus\n)}:host([size=s]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizes-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizes-edge-to-visual\n)}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-sizem-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizem-edge-to-visual\n)}:host([size=l]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizel-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizel-edge-to-visual\n)}:host([size=xl]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizexl-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizexl-edge-to-visual\n)}:host{--mod-textfield-spacing-inline:var(\n--spectrum-alias-infieldbutton-full-height-m\n);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=s]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}@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;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Kf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-search-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-search-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(\n--spectrum-disabled-background-color\n);--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-background-color\n);--mod-textfield-font-family:var(\n--mod-search-font-family,var(--spectrum-search-font-family)\n);--mod-textfield-font-weight:var(\n--mod-search-font-weight,var(--spectrum-search-font-weight)\n);--mod-textfield-corner-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);--mod-textfield-border-width:var(\n--mod-search-border-width,var(--spectrum-search-border-width)\n);--mod-textfield-focus-indicator-gap:var(\n--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)\n);--mod-textfield-focus-indicator-width:var(\n--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)\n);--mod-textfield-focus-indicator-color:var(\n--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)\n);--mod-textfield-text-color-default:var(\n--mod-search-color-default,var(--spectrum-search-color-default)\n);--mod-textfield-text-color-hover:var(\n--mod-search-color-hover,var(--spectrum-search-color-hover)\n);--mod-textfield-text-color-focus:var(\n--mod-search-color-focus,var(--spectrum-search-color-focus)\n);--mod-textfield-text-color-focus-hover:var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n);--mod-textfield-text-color-keyboard-focus:var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n);--mod-textfield-text-color-disabled:var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n);--mod-textfield-border-color:var(\n--mod-search-border-color-default,var(--spectrum-search-border-color-default)\n);--mod-textfield-border-color-hover:var(\n--mod-search-border-color-hover,var(--spectrum-search-border-color-hover)\n);--mod-textfield-border-color-focus:var(\n--mod-search-border-color-focus,var(--spectrum-search-border-color-focus)\n);--mod-textfield-border-color-focus-hover:var(\n--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)\n);--mod-textfield-border-color-keyboard-focus:var(\n--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)\n);--mod-textfield-border-color-disabled:var(\n--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)\n);--mod-textfield-background-color:var(\n--mod-search-background-color,var(--spectrum-search-background-color)\n);--mod-textfield-background-color-disabled:var(\n--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)\n)}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(\n--mod-workflow-icon-size-100,\nvar(--spectrum-workflow-icon-size-100)\n)/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-border-color\n)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(\n--spectrum-field-edge-to-visual-quiet\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{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(\n--mod-search-inline-size,var(--spectrum-search-inline-size)\n);min-inline-size:var(\n--mod-search-min-inline-size,var(--spectrum-search-min-inline-size)\n);position:relative}#textfield .spectrum-HelpText{margin-block-start:var(\n--mod-search-to-help-text,var(--spectrum-search-to-help-text)\n)}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n)}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))\n);color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))\n)}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n)\n)}#textfield.is-disabled .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))\n)}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))\n)}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n)\n)}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n)\n)}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{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(\n--mod-search-line-height,var(--spectrum-search-line-height)\n);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)));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)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(\n--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)\n)}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(--mod-search-border-width, var(--spectrum-search-border-width)));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)))}:host([quiet]) #button{transform:translateX(var(\n--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)\n))}:host([quiet]) #textfield .input{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);padding-block-start:var(\n--mod-search-top-to-text,var(--spectrum-search-top-to-text)\n);padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(\n--mod-search-quiet-button-offset,\nvar(--spectrum-search-quiet-button-offset)\n));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)))}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-edge-to-visual\n);--spectrum-search-border-color-default:var(\n--system-spectrum-search-border-color-default\n);--spectrum-search-border-color-hover:var(\n--system-spectrum-search-border-color-hover\n);--spectrum-search-border-color-focus:var(\n--system-spectrum-search-border-color-focus\n);--spectrum-search-border-color-focus-hover:var(\n--system-spectrum-search-border-color-focus-hover\n);--spectrum-search-border-color-key-focus:var(\n--system-spectrum-search-border-color-key-focus\n)}:host([size=s]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizes-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizes-edge-to-visual\n)}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-sizem-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizem-edge-to-visual\n)}:host([size=l]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizel-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizel-edge-to-visual\n)}:host([size=xl]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizexl-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizexl-edge-to-visual\n)}:host{--mod-textfield-spacing-inline:var(\n--spectrum-alias-infieldbutton-full-height-m\n);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmJf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/search.css.js CHANGED
@@ -143,30 +143,6 @@ var(--spectrum-search-quiet-button-offset)
143
143
  --system-spectrum-search-sizexl-edge-to-visual
144
144
  )}:host{--mod-textfield-spacing-inline:var(
145
145
  --spectrum-alias-infieldbutton-full-height-m
146
- );--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=s]){--spectrum-icon-tshirt-size-height:var(
147
- --spectrum-alias-workflow-icon-size-s
148
- );--spectrum-icon-tshirt-size-width:var(
149
- --spectrum-alias-workflow-icon-size-s
150
- );--spectrum-ui-icon-tshirt-size-height:var(
151
- --spectrum-alias-ui-icon-cornertriangle-size-75
152
- );--spectrum-ui-icon-tshirt-size-width:var(
153
- --spectrum-alias-ui-icon-cornertriangle-size-75
154
- )}:host([size=l]){--spectrum-icon-tshirt-size-height:var(
155
- --spectrum-alias-workflow-icon-size-l
156
- );--spectrum-icon-tshirt-size-width:var(
157
- --spectrum-alias-workflow-icon-size-l
158
- );--spectrum-ui-icon-tshirt-size-height:var(
159
- --spectrum-alias-ui-icon-cornertriangle-size-200
160
- );--spectrum-ui-icon-tshirt-size-width:var(
161
- --spectrum-alias-ui-icon-cornertriangle-size-200
162
- )}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(
163
- --spectrum-alias-workflow-icon-size-xl
164
- );--spectrum-icon-tshirt-size-width:var(
165
- --spectrum-alias-workflow-icon-size-xl
166
- );--spectrum-ui-icon-tshirt-size-height:var(
167
- --spectrum-alias-ui-icon-cornertriangle-size-300
168
- );--spectrum-ui-icon-tshirt-size-width:var(
169
- --spectrum-alias-ui-icon-cornertriangle-size-300
170
- )}@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}}
146
+ );--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}
171
147
  `;export default e;
172
148
  //# sourceMappingURL=search.css.js.map
package/src/search.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["search.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-search-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-search-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(\n--spectrum-disabled-background-color\n);--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-background-color\n);--mod-textfield-font-family:var(\n--mod-search-font-family,var(--spectrum-search-font-family)\n);--mod-textfield-font-weight:var(\n--mod-search-font-weight,var(--spectrum-search-font-weight)\n);--mod-textfield-corner-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);--mod-textfield-border-width:var(\n--mod-search-border-width,var(--spectrum-search-border-width)\n);--mod-textfield-focus-indicator-gap:var(\n--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)\n);--mod-textfield-focus-indicator-width:var(\n--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)\n);--mod-textfield-focus-indicator-color:var(\n--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)\n);--mod-textfield-text-color-default:var(\n--mod-search-color-default,var(--spectrum-search-color-default)\n);--mod-textfield-text-color-hover:var(\n--mod-search-color-hover,var(--spectrum-search-color-hover)\n);--mod-textfield-text-color-focus:var(\n--mod-search-color-focus,var(--spectrum-search-color-focus)\n);--mod-textfield-text-color-focus-hover:var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n);--mod-textfield-text-color-keyboard-focus:var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n);--mod-textfield-text-color-disabled:var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n);--mod-textfield-border-color:var(\n--mod-search-border-color-default,var(--spectrum-search-border-color-default)\n);--mod-textfield-border-color-hover:var(\n--mod-search-border-color-hover,var(--spectrum-search-border-color-hover)\n);--mod-textfield-border-color-focus:var(\n--mod-search-border-color-focus,var(--spectrum-search-border-color-focus)\n);--mod-textfield-border-color-focus-hover:var(\n--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)\n);--mod-textfield-border-color-keyboard-focus:var(\n--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)\n);--mod-textfield-border-color-disabled:var(\n--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)\n);--mod-textfield-background-color:var(\n--mod-search-background-color,var(--spectrum-search-background-color)\n);--mod-textfield-background-color-disabled:var(\n--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)\n)}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(\n--mod-workflow-icon-size-100,\nvar(--spectrum-workflow-icon-size-100)\n)/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-border-color\n)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(\n--spectrum-field-edge-to-visual-quiet\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{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(\n--mod-search-inline-size,var(--spectrum-search-inline-size)\n);min-inline-size:var(\n--mod-search-min-inline-size,var(--spectrum-search-min-inline-size)\n);position:relative}#textfield .spectrum-HelpText{margin-block-start:var(\n--mod-search-to-help-text,var(--spectrum-search-to-help-text)\n)}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n)}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))\n);color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))\n)}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n)\n)}#textfield.is-disabled .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))\n)}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))\n)}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n)\n)}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n)\n)}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{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(\n--mod-search-line-height,var(--spectrum-search-line-height)\n);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)));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)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(\n--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)\n)}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(--mod-search-border-width, var(--spectrum-search-border-width)));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)))}:host([quiet]) #button{transform:translateX(var(\n--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)\n))}:host([quiet]) #textfield .input{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);padding-block-start:var(\n--mod-search-top-to-text,var(--spectrum-search-top-to-text)\n);padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(\n--mod-search-quiet-button-offset,\nvar(--spectrum-search-quiet-button-offset)\n));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)))}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-edge-to-visual\n);--spectrum-search-border-color-default:var(\n--system-spectrum-search-border-color-default\n);--spectrum-search-border-color-hover:var(\n--system-spectrum-search-border-color-hover\n);--spectrum-search-border-color-focus:var(\n--system-spectrum-search-border-color-focus\n);--spectrum-search-border-color-focus-hover:var(\n--system-spectrum-search-border-color-focus-hover\n);--spectrum-search-border-color-key-focus:var(\n--system-spectrum-search-border-color-key-focus\n)}:host([size=s]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizes-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizes-edge-to-visual\n)}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-sizem-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizem-edge-to-visual\n)}:host([size=l]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizel-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizel-edge-to-visual\n)}:host([size=xl]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizexl-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizexl-edge-to-visual\n)}:host{--mod-textfield-spacing-inline:var(\n--spectrum-alias-infieldbutton-full-height-m\n);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=s]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}@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;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2Kf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-search-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(\n--spectrum-neutral-content-color-focus-hover\n);--spectrum-search-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(\n--spectrum-disabled-background-color\n);--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-background-color\n);--mod-textfield-font-family:var(\n--mod-search-font-family,var(--spectrum-search-font-family)\n);--mod-textfield-font-weight:var(\n--mod-search-font-weight,var(--spectrum-search-font-weight)\n);--mod-textfield-corner-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);--mod-textfield-border-width:var(\n--mod-search-border-width,var(--spectrum-search-border-width)\n);--mod-textfield-focus-indicator-gap:var(\n--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap)\n);--mod-textfield-focus-indicator-width:var(\n--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness)\n);--mod-textfield-focus-indicator-color:var(\n--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color)\n);--mod-textfield-text-color-default:var(\n--mod-search-color-default,var(--spectrum-search-color-default)\n);--mod-textfield-text-color-hover:var(\n--mod-search-color-hover,var(--spectrum-search-color-hover)\n);--mod-textfield-text-color-focus:var(\n--mod-search-color-focus,var(--spectrum-search-color-focus)\n);--mod-textfield-text-color-focus-hover:var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n);--mod-textfield-text-color-keyboard-focus:var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n);--mod-textfield-text-color-disabled:var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n);--mod-textfield-border-color:var(\n--mod-search-border-color-default,var(--spectrum-search-border-color-default)\n);--mod-textfield-border-color-hover:var(\n--mod-search-border-color-hover,var(--spectrum-search-border-color-hover)\n);--mod-textfield-border-color-focus:var(\n--mod-search-border-color-focus,var(--spectrum-search-border-color-focus)\n);--mod-textfield-border-color-focus-hover:var(\n--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover)\n);--mod-textfield-border-color-keyboard-focus:var(\n--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus)\n);--mod-textfield-border-color-disabled:var(\n--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled)\n);--mod-textfield-background-color:var(\n--mod-search-background-color,var(--spectrum-search-background-color)\n);--mod-textfield-background-color-disabled:var(\n--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled)\n)}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size, var(--spectrum-search-block-size))/2 - var(\n--mod-workflow-icon-size-100,\nvar(--spectrum-workflow-icon-size-100)\n)/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(\n--spectrum-disabled-border-color\n)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(\n--spectrum-field-edge-to-visual-quiet\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{background-color:#0000;forced-color-adjust:none}}#textfield{display:inline-block;inline-size:var(\n--mod-search-inline-size,var(--spectrum-search-inline-size)\n);min-inline-size:var(\n--mod-search-min-inline-size,var(--spectrum-search-min-inline-size)\n);position:relative}#textfield .spectrum-HelpText{margin-block-start:var(\n--mod-search-to-help-text,var(--spectrum-search-to-help-text)\n)}#button{inset-block-start:0;inset-inline-end:0;position:absolute}#button,#button .spectrum-ClearButton-fill{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n)}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default))\n);color:var(--spectrum-search-color);display:block;inset-block:0;margin-block:auto;position:absolute}#textfield.is-focused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus))\n)}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)\n)\n)}#textfield.is-disabled .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled))\n)}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover))\n)}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-focus,var(\n--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)\n)\n)}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(\n--highcontrast-search-color-disabled,var(\n--mod-search-color-disabled,var(--spectrum-search-color-disabled)\n)\n)}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{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(\n--mod-search-line-height,var(--spectrum-search-line-height)\n);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)));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)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(\n--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)\n)}:host(:not([quiet])) #textfield .input{padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(--mod-search-border-width, var(--spectrum-search-border-width)));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)))}:host([quiet]) #button{transform:translateX(var(\n--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)\n))}:host([quiet]) #textfield .input{border-radius:var(\n--mod-search-border-radius,var(--spectrum-search-border-radius)\n);padding-block-start:var(\n--mod-search-top-to-text,var(--spectrum-search-top-to-text)\n);padding-inline-end:calc(var(\n--mod-search-button-inline-size,\nvar(--spectrum-search-button-inline-size)\n) - var(\n--mod-search-quiet-button-offset,\nvar(--spectrum-search-quiet-button-offset)\n));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)))}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-edge-to-visual\n);--spectrum-search-border-color-default:var(\n--system-spectrum-search-border-color-default\n);--spectrum-search-border-color-hover:var(\n--system-spectrum-search-border-color-hover\n);--spectrum-search-border-color-focus:var(\n--system-spectrum-search-border-color-focus\n);--spectrum-search-border-color-focus-hover:var(\n--system-spectrum-search-border-color-focus-hover\n);--spectrum-search-border-color-key-focus:var(\n--system-spectrum-search-border-color-key-focus\n)}:host([size=s]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizes-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizes-edge-to-visual\n)}:host{--spectrum-search-border-radius:var(\n--system-spectrum-search-sizem-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizem-edge-to-visual\n)}:host([size=l]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizel-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizel-edge-to-visual\n)}:host([size=xl]){--spectrum-search-border-radius:var(\n--system-spectrum-search-sizexl-border-radius\n);--spectrum-search-edge-to-visual:var(\n--system-spectrum-search-sizexl-edge-to-visual\n)}:host{--mod-textfield-spacing-inline:var(\n--spectrum-alias-infieldbutton-full-height-m\n);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmJf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }