@spectrum-web-components/clear-button 1.1.0-beta.9 → 1.1.0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/clear-button",
3
- "version": "1.1.0-beta.9",
3
+ "version": "1.1.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -43,10 +43,10 @@
43
43
  "lit-html"
44
44
  ],
45
45
  "dependencies": {
46
- "@spectrum-web-components/base": "^1.1.0-beta.9"
46
+ "@spectrum-web-components/base": "^1.1.0"
47
47
  },
48
48
  "devDependencies": {
49
- "@spectrum-css/clearbutton": "^7.0.0-s2-foundations.16"
49
+ "@spectrum-css/clearbutton": "7.0.0-s2-foundations.16"
50
50
  },
51
51
  "types": "./src/index.d.ts",
52
52
  "customElements": "custom-elements.json",
@@ -54,5 +54,5 @@
54
54
  "./sp-*.js",
55
55
  "./**/*.dev.js"
56
56
  ],
57
- "gitHead": "56bdfbc0a26b76ff7c3ee454478d5ebd2a4d33dc"
57
+ "gitHead": "e3c6e52501451acc6fa85b10dd718267b80a01ab"
58
58
  }
@@ -1,2 +0,0 @@
1
- declare const styles: import("@spectrum-web-components/base").CSSResult;
2
- export default styles;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- import { css } from "@spectrum-web-components/base";
3
- const styles = css`
4
- :host{--spectrum-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus);--spectrum-clear-button-height:var(--system-clear-button-height);--spectrum-clear-button-width:var(--system-clear-button-width);--spectrum-clear-button-padding:var(--system-clear-button-padding);--spectrum-clear-button-icon-color:var(--system-clear-button-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-icon-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--system-clear-button-size-s-height);--spectrum-clear-button-width:var(--system-clear-button-size-s-width)}:host([size=l]){--spectrum-clear-button-height:var(--system-clear-button-size-l-height);--spectrum-clear-button-width:var(--system-clear-button-size-l-width)}:host([size=xl]){--spectrum-clear-button-height:var(--system-clear-button-size-xl-height);--spectrum-clear-button-width:var(--system-clear-button-size-xl-width)}:host .spectrum-ClearButton--quiet{--spectrum-clear-button-background-color:var(--system-clear-button-quiet-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-quiet-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-quiet-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-quiet-background-color-key-focus)}:host([variant=overBackground]){--spectrum-clear-button-icon-color:var(--system-clear-button-over-background-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-over-background-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-over-background-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-over-background-icon-color-key-focus);--spectrum-clear-button-background-color:var(--system-clear-button-over-background-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-over-background-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-over-background-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-over-background-background-color-key-focus)}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--system-clear-button-disabled-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-disabled-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-disabled-icon-color-down);--spectrum-clear-button-background-color:var(--system-clear-button-disabled-background-color)}
5
- `;
6
- export default styles;
7
- //# sourceMappingURL=clear-button-overrides.css.dev.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["clear-button-overrides.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-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus);--spectrum-clear-button-height:var(--system-clear-button-height);--spectrum-clear-button-width:var(--system-clear-button-width);--spectrum-clear-button-padding:var(--system-clear-button-padding);--spectrum-clear-button-icon-color:var(--system-clear-button-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-icon-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--system-clear-button-size-s-height);--spectrum-clear-button-width:var(--system-clear-button-size-s-width)}:host([size=l]){--spectrum-clear-button-height:var(--system-clear-button-size-l-height);--spectrum-clear-button-width:var(--system-clear-button-size-l-width)}:host([size=xl]){--spectrum-clear-button-height:var(--system-clear-button-size-xl-height);--spectrum-clear-button-width:var(--system-clear-button-size-xl-width)}:host .spectrum-ClearButton--quiet{--spectrum-clear-button-background-color:var(--system-clear-button-quiet-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-quiet-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-quiet-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-quiet-background-color-key-focus)}:host([variant=overBackground]){--spectrum-clear-button-icon-color:var(--system-clear-button-over-background-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-over-background-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-over-background-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-over-background-icon-color-key-focus);--spectrum-clear-button-background-color:var(--system-clear-button-over-background-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-over-background-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-over-background-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-over-background-background-color-key-focus)}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--system-clear-button-disabled-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-disabled-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-disabled-icon-color-down);--spectrum-clear-button-background-color:var(--system-clear-button-disabled-background-color)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
- "names": []
7
- }
@@ -1,4 +0,0 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- :host{--spectrum-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus);--spectrum-clear-button-height:var(--system-clear-button-height);--spectrum-clear-button-width:var(--system-clear-button-width);--spectrum-clear-button-padding:var(--system-clear-button-padding);--spectrum-clear-button-icon-color:var(--system-clear-button-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-icon-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--system-clear-button-size-s-height);--spectrum-clear-button-width:var(--system-clear-button-size-s-width)}:host([size=l]){--spectrum-clear-button-height:var(--system-clear-button-size-l-height);--spectrum-clear-button-width:var(--system-clear-button-size-l-width)}:host([size=xl]){--spectrum-clear-button-height:var(--system-clear-button-size-xl-height);--spectrum-clear-button-width:var(--system-clear-button-size-xl-width)}:host .spectrum-ClearButton--quiet{--spectrum-clear-button-background-color:var(--system-clear-button-quiet-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-quiet-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-quiet-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-quiet-background-color-key-focus)}:host([variant=overBackground]){--spectrum-clear-button-icon-color:var(--system-clear-button-over-background-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-over-background-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-over-background-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-over-background-icon-color-key-focus);--spectrum-clear-button-background-color:var(--system-clear-button-over-background-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-over-background-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-over-background-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-over-background-background-color-key-focus)}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--system-clear-button-disabled-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-disabled-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-disabled-icon-color-down);--spectrum-clear-button-background-color:var(--system-clear-button-disabled-background-color)}
3
- `;export default r;
4
- //# sourceMappingURL=clear-button-overrides.css.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["clear-button-overrides.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-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus);--spectrum-clear-button-height:var(--system-clear-button-height);--spectrum-clear-button-width:var(--system-clear-button-width);--spectrum-clear-button-padding:var(--system-clear-button-padding);--spectrum-clear-button-icon-color:var(--system-clear-button-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-icon-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--system-clear-button-size-s-height);--spectrum-clear-button-width:var(--system-clear-button-size-s-width)}:host([size=l]){--spectrum-clear-button-height:var(--system-clear-button-size-l-height);--spectrum-clear-button-width:var(--system-clear-button-size-l-width)}:host([size=xl]){--spectrum-clear-button-height:var(--system-clear-button-size-xl-height);--spectrum-clear-button-width:var(--system-clear-button-size-xl-width)}:host .spectrum-ClearButton--quiet{--spectrum-clear-button-background-color:var(--system-clear-button-quiet-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-quiet-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-quiet-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-quiet-background-color-key-focus)}:host([variant=overBackground]){--spectrum-clear-button-icon-color:var(--system-clear-button-over-background-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-over-background-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-over-background-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-over-background-icon-color-key-focus);--spectrum-clear-button-background-color:var(--system-clear-button-over-background-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-over-background-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-over-background-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-over-background-background-color-key-focus)}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--system-clear-button-disabled-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-disabled-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-disabled-icon-color-down);--spectrum-clear-button-background-color:var(--system-clear-button-disabled-background-color)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
- "names": ["css", "styles"]
7
- }
@@ -1,2 +0,0 @@
1
- declare const styles: import("@spectrum-web-components/base").CSSResult;
2
- export default styles;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- import { css } from "@spectrum-web-components/base";
3
- const styles = css`
4
- :host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:initial;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus);--spectrum-clear-button-height:var(--system-clear-button-height);--spectrum-clear-button-width:var(--system-clear-button-width);--spectrum-clear-button-padding:var(--system-clear-button-padding);--spectrum-clear-button-icon-color:var(--system-clear-button-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-icon-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--system-clear-button-size-s-height);--spectrum-clear-button-width:var(--system-clear-button-size-s-width)}:host([size=l]){--spectrum-clear-button-height:var(--system-clear-button-size-l-height);--spectrum-clear-button-width:var(--system-clear-button-size-l-width)}:host([size=xl]){--spectrum-clear-button-height:var(--system-clear-button-size-xl-height);--spectrum-clear-button-width:var(--system-clear-button-size-xl-width)}:host .spectrum-ClearButton--quiet{--spectrum-clear-button-background-color:var(--system-clear-button-quiet-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-quiet-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-quiet-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-quiet-background-color-key-focus)}:host([variant=overBackground]){--spectrum-clear-button-icon-color:var(--system-clear-button-over-background-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-over-background-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-over-background-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-over-background-icon-color-key-focus);--spectrum-clear-button-background-color:var(--system-clear-button-over-background-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-over-background-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-over-background-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-over-background-background-color-key-focus)}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--system-clear-button-disabled-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-disabled-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-disabled-icon-color-down);--spectrum-clear-button-background-color:var(--system-clear-button-disabled-background-color)}
5
- `;
6
- export default styles;
7
- //# sourceMappingURL=clear-button.css.dev.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["clear-button.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{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:initial;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus);--spectrum-clear-button-height:var(--system-clear-button-height);--spectrum-clear-button-width:var(--system-clear-button-width);--spectrum-clear-button-padding:var(--system-clear-button-padding);--spectrum-clear-button-icon-color:var(--system-clear-button-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-icon-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--system-clear-button-size-s-height);--spectrum-clear-button-width:var(--system-clear-button-size-s-width)}:host([size=l]){--spectrum-clear-button-height:var(--system-clear-button-size-l-height);--spectrum-clear-button-width:var(--system-clear-button-size-l-width)}:host([size=xl]){--spectrum-clear-button-height:var(--system-clear-button-size-xl-height);--spectrum-clear-button-width:var(--system-clear-button-size-xl-width)}:host .spectrum-ClearButton--quiet{--spectrum-clear-button-background-color:var(--system-clear-button-quiet-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-quiet-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-quiet-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-quiet-background-color-key-focus)}:host([variant=overBackground]){--spectrum-clear-button-icon-color:var(--system-clear-button-over-background-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-over-background-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-over-background-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-over-background-icon-color-key-focus);--spectrum-clear-button-background-color:var(--system-clear-button-over-background-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-over-background-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-over-background-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-over-background-background-color-key-focus)}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--system-clear-button-disabled-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-disabled-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-disabled-icon-color-down);--spectrum-clear-button-background-color:var(--system-clear-button-disabled-background-color)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
- "names": []
7
- }
@@ -1,4 +0,0 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- :host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:initial;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus);--spectrum-clear-button-height:var(--system-clear-button-height);--spectrum-clear-button-width:var(--system-clear-button-width);--spectrum-clear-button-padding:var(--system-clear-button-padding);--spectrum-clear-button-icon-color:var(--system-clear-button-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-icon-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--system-clear-button-size-s-height);--spectrum-clear-button-width:var(--system-clear-button-size-s-width)}:host([size=l]){--spectrum-clear-button-height:var(--system-clear-button-size-l-height);--spectrum-clear-button-width:var(--system-clear-button-size-l-width)}:host([size=xl]){--spectrum-clear-button-height:var(--system-clear-button-size-xl-height);--spectrum-clear-button-width:var(--system-clear-button-size-xl-width)}:host .spectrum-ClearButton--quiet{--spectrum-clear-button-background-color:var(--system-clear-button-quiet-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-quiet-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-quiet-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-quiet-background-color-key-focus)}:host([variant=overBackground]){--spectrum-clear-button-icon-color:var(--system-clear-button-over-background-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-over-background-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-over-background-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-over-background-icon-color-key-focus);--spectrum-clear-button-background-color:var(--system-clear-button-over-background-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-over-background-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-over-background-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-over-background-background-color-key-focus)}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--system-clear-button-disabled-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-disabled-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-disabled-icon-color-down);--spectrum-clear-button-background-color:var(--system-clear-button-disabled-background-color)}
3
- `;export default r;
4
- //# sourceMappingURL=clear-button.css.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["clear-button.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{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:initial;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--spectrum-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus);--spectrum-clear-button-height:var(--system-clear-button-height);--spectrum-clear-button-width:var(--system-clear-button-width);--spectrum-clear-button-padding:var(--system-clear-button-padding);--spectrum-clear-button-icon-color:var(--system-clear-button-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-icon-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--system-clear-button-size-s-height);--spectrum-clear-button-width:var(--system-clear-button-size-s-width)}:host([size=l]){--spectrum-clear-button-height:var(--system-clear-button-size-l-height);--spectrum-clear-button-width:var(--system-clear-button-size-l-width)}:host([size=xl]){--spectrum-clear-button-height:var(--system-clear-button-size-xl-height);--spectrum-clear-button-width:var(--system-clear-button-size-xl-width)}:host .spectrum-ClearButton--quiet{--spectrum-clear-button-background-color:var(--system-clear-button-quiet-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-quiet-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-quiet-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-quiet-background-color-key-focus)}:host([variant=overBackground]){--spectrum-clear-button-icon-color:var(--system-clear-button-over-background-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-over-background-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-over-background-icon-color-down);--spectrum-clear-button-icon-color-key-focus:var(--system-clear-button-over-background-icon-color-key-focus);--spectrum-clear-button-background-color:var(--system-clear-button-over-background-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-over-background-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-over-background-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-over-background-background-color-key-focus)}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--system-clear-button-disabled-icon-color);--spectrum-clear-button-icon-color-hover:var(--system-clear-button-disabled-icon-color-hover);--spectrum-clear-button-icon-color-down:var(--system-clear-button-disabled-icon-color-down);--spectrum-clear-button-background-color:var(--system-clear-button-disabled-background-color)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
- "names": ["css", "styles"]
7
- }
@@ -1,2 +0,0 @@
1
- declare const styles: import("@spectrum-web-components/base").CSSResult;
2
- export default styles;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- import { css } from "@spectrum-web-components/base";
3
- const styles = css`
4
- :host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:initial;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}
5
- `;
6
- export default styles;
7
- //# sourceMappingURL=spectrum-clear-button.css.dev.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["spectrum-clear-button.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{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:initial;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
- "names": []
7
- }
@@ -1,4 +0,0 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- :host{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:initial;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}
3
- `;export default r;
4
- //# sourceMappingURL=spectrum-clear-button.css.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["spectrum-clear-button.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{block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));cursor:pointer;background-color:initial;background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--spectrum-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
- "names": ["css", "styles"]
7
- }