@spectrum-web-components/clear-button 0.41.0 → 0.41.2

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/package.json +4 -4
  2. package/src/clear-button.css.dev.js +1 -79
  3. package/src/clear-button.css.dev.js.map +2 -2
  4. package/src/clear-button.css.js +1 -79
  5. package/src/clear-button.css.js.map +2 -2
  6. package/src/spectrum-clear-button.css.dev.js +1 -79
  7. package/src/spectrum-clear-button.css.dev.js.map +2 -2
  8. package/src/spectrum-clear-button.css.js +1 -79
  9. package/src/spectrum-clear-button.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/clear-button",
3
- "version": "0.41.0",
3
+ "version": "0.41.2",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -42,10 +42,10 @@
42
42
  "lit-html"
43
43
  ],
44
44
  "dependencies": {
45
- "@spectrum-web-components/base": "^0.41.0"
45
+ "@spectrum-web-components/base": "^0.41.2"
46
46
  },
47
47
  "devDependencies": {
48
- "@spectrum-css/clearbutton": "^5.1.0"
48
+ "@spectrum-css/clearbutton": "^5.1.2"
49
49
  },
50
50
  "types": "./src/index.d.ts",
51
51
  "customElements": "custom-elements.json",
@@ -53,5 +53,5 @@
53
53
  "./sp-*.js",
54
54
  "./**/*.dev.js"
55
55
  ],
56
- "gitHead": "0bf38fd427adc39804b228a4c61de623e5ebb82e"
56
+ "gitHead": "78c3f16b08c9133c9e5ca88d0c9fef5ea7d2ab87"
57
57
  }
package/src/clear-button.css.dev.js CHANGED
@@ -1,85 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(
5
- --spectrum-in-field-button-edge-to-fill
6
- );--spectrum-clear-button-icon-color:var(
7
- --spectrum-neutral-content-color-default
8
- );--spectrum-clear-button-icon-color-hover:var(
9
- --spectrum-neutral-content-color-hover
10
- );--spectrum-clear-button-icon-color-down:var(
11
- --spectrum-neutral-content-color-down
12
- );--spectrum-clear-button-icon-color-key-focus:var(
13
- --spectrum-neutral-content-color-key-focus
14
- )}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(
15
- --spectrum-clear-button-background-color-quiet,transparent
16
- );--mod-clear-button-background-color-hover:var(
17
- --spectrum-clear-button-background-color-hover-quiet,transparent
18
- );--mod-clear-button-background-color-down:var(
19
- --spectrum-clear-button-background-color-down-quiet,transparent
20
- );--mod-clear-button-background-color-key-focus:var(
21
- --spectrum-clear-button-background-color-key-focus-quiet,transparent
22
- )}:host([variant=overBackground]){--mod-clear-button-icon-color:var(
23
- --spectrum-clear-button-icon-color-over-background,var(--spectrum-white)
24
- );--mod-clear-button-icon-color-hover:var(
25
- --spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white)
26
- );--mod-clear-button-icon-color-down:var(
27
- --spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white)
28
- );--mod-clear-button-icon-color-key-focus:var(
29
- --spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white)
30
- );--mod-clear-button-background-color:var(
31
- --spectrum-clear-button-background-color-over-background,transparent
32
- );--mod-clear-button-background-color-hover:var(
33
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)
34
- );--mod-clear-button-background-color-down:var(
35
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400)
36
- );--mod-clear-button-background-color-key-focus:var(
37
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)
38
- )}:host([disabled]){--mod-clear-button-icon-color:var(
39
- --mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color)
40
- );--mod-clear-button-icon-color-hover:var(
41
- --spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)
42
- );--mod-clear-button-icon-color-down:var(
43
- --spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)
44
- );--mod-clear-button-background-color:var(
45
- --mod-clear-button-background-color-disabled,transparent
46
- )}:host{background-color:var(--mod-clear-button-background-color,transparent);block-size:var(
47
- --mod-clear-button-height,var(--spectrum-clear-button-height)
48
- );border:none;border-radius:100%;color:var(
49
- --mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color)
50
- );cursor:pointer;inline-size:var(
51
- --mod-clear-button-width,var(--spectrum-clear-button-width)
52
- );margin:0;padding:var(
53
- --mod-clear-button-padding,var(--spectrum-clear-button-padding)
54
- )}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(
55
- --highcontrast-clear-button-icon-color-hover,var(
56
- --mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)
57
- )
58
- )}:host(:hover) .fill{background-color:var(
59
- --mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover)
60
- )}}:host([active]){color:var(
61
- --mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down)
62
- )}:host([active]) .fill{background-color:var(
63
- --mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)
64
- )}:host(.focus-visible),:host:focus-within{color:var(
65
- --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
66
- )}:host(:focus-visible),:host:focus-within{color:var(
67
- --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
68
- )}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
69
- --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
70
- )}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(
71
- --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
72
- )}.fill{align-items:center;background-color:var(
73
- --mod-clear-button-background-color,var(--spectrum-clear-button-background-color)
74
- );block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}: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(
75
- --system-spectrum-clearbutton-spectrum-clear-button-background-color
76
- );--spectrum-clear-button-background-color-hover:var(
77
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-hover
78
- );--spectrum-clear-button-background-color-down:var(
79
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-down
80
- );--spectrum-clear-button-background-color-key-focus:var(
81
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus
82
- )}
4
+ :host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}: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: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([active]){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host([active]) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:focus-visible),:host:focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;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-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)}
83
5
  `;
84
6
  export default styles;
85
7
  //# sourceMappingURL=clear-button.css.dev.js.map
package/src/clear-button.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-clear-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-clear-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-clear-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-clear-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(\n--spectrum-clear-button-background-color-quiet,transparent\n);--mod-clear-button-background-color-hover:var(\n--spectrum-clear-button-background-color-hover-quiet,transparent\n);--mod-clear-button-background-color-down:var(\n--spectrum-clear-button-background-color-down-quiet,transparent\n);--mod-clear-button-background-color-key-focus:var(\n--spectrum-clear-button-background-color-key-focus-quiet,transparent\n)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(\n--spectrum-clear-button-icon-color-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-hover:var(\n--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-down:var(\n--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-key-focus:var(\n--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white)\n);--mod-clear-button-background-color:var(\n--spectrum-clear-button-background-color-over-background,transparent\n);--mod-clear-button-background-color-hover:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)\n);--mod-clear-button-background-color-down:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400)\n);--mod-clear-button-background-color-key-focus:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)\n)}:host([disabled]){--mod-clear-button-icon-color:var(\n--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-icon-color-hover:var(\n--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-icon-color-down:var(\n--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-background-color:var(\n--mod-clear-button-background-color-disabled,transparent\n)}:host{background-color:var(--mod-clear-button-background-color,transparent);block-size:var(\n--mod-clear-button-height,var(--spectrum-clear-button-height)\n);border:none;border-radius:100%;color:var(\n--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color)\n);cursor:pointer;inline-size:var(\n--mod-clear-button-width,var(--spectrum-clear-button-width)\n);margin:0;padding:var(\n--mod-clear-button-padding,var(--spectrum-clear-button-padding)\n)}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(\n--highcontrast-clear-button-icon-color-hover,var(\n--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)\n)\n)}:host(:hover) .fill{background-color:var(\n--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover)\n)}}:host([active]){color:var(\n--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down)\n)}:host([active]) .fill{background-color:var(\n--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)\n)}:host(.focus-visible),:host:focus-within{color:var(\n--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)\n)}:host(:focus-visible),:host:focus-within{color:var(\n--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)\n)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(\n--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)\n)}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(\n--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)\n)}.fill{align-items:center;background-color:var(\n--mod-clear-button-background-color,var(--spectrum-clear-button-background-color)\n);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}: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(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color\n);--spectrum-clear-button-background-color-hover:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover\n);--spectrum-clear-button-background-color-down:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-down\n);--spectrum-clear-button-background-color-key-focus:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus\n)}\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;AAiFf,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-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}: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: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([active]){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host([active]) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:focus-visible),:host:focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;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-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/clear-button.css.js CHANGED
@@ -1,82 +1,4 @@
1
1
  "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- :host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(
3
- --spectrum-in-field-button-edge-to-fill
4
- );--spectrum-clear-button-icon-color:var(
5
- --spectrum-neutral-content-color-default
6
- );--spectrum-clear-button-icon-color-hover:var(
7
- --spectrum-neutral-content-color-hover
8
- );--spectrum-clear-button-icon-color-down:var(
9
- --spectrum-neutral-content-color-down
10
- );--spectrum-clear-button-icon-color-key-focus:var(
11
- --spectrum-neutral-content-color-key-focus
12
- )}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(
13
- --spectrum-clear-button-background-color-quiet,transparent
14
- );--mod-clear-button-background-color-hover:var(
15
- --spectrum-clear-button-background-color-hover-quiet,transparent
16
- );--mod-clear-button-background-color-down:var(
17
- --spectrum-clear-button-background-color-down-quiet,transparent
18
- );--mod-clear-button-background-color-key-focus:var(
19
- --spectrum-clear-button-background-color-key-focus-quiet,transparent
20
- )}:host([variant=overBackground]){--mod-clear-button-icon-color:var(
21
- --spectrum-clear-button-icon-color-over-background,var(--spectrum-white)
22
- );--mod-clear-button-icon-color-hover:var(
23
- --spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white)
24
- );--mod-clear-button-icon-color-down:var(
25
- --spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white)
26
- );--mod-clear-button-icon-color-key-focus:var(
27
- --spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white)
28
- );--mod-clear-button-background-color:var(
29
- --spectrum-clear-button-background-color-over-background,transparent
30
- );--mod-clear-button-background-color-hover:var(
31
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)
32
- );--mod-clear-button-background-color-down:var(
33
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400)
34
- );--mod-clear-button-background-color-key-focus:var(
35
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)
36
- )}:host([disabled]){--mod-clear-button-icon-color:var(
37
- --mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color)
38
- );--mod-clear-button-icon-color-hover:var(
39
- --spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)
40
- );--mod-clear-button-icon-color-down:var(
41
- --spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)
42
- );--mod-clear-button-background-color:var(
43
- --mod-clear-button-background-color-disabled,transparent
44
- )}:host{background-color:var(--mod-clear-button-background-color,transparent);block-size:var(
45
- --mod-clear-button-height,var(--spectrum-clear-button-height)
46
- );border:none;border-radius:100%;color:var(
47
- --mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color)
48
- );cursor:pointer;inline-size:var(
49
- --mod-clear-button-width,var(--spectrum-clear-button-width)
50
- );margin:0;padding:var(
51
- --mod-clear-button-padding,var(--spectrum-clear-button-padding)
52
- )}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(
53
- --highcontrast-clear-button-icon-color-hover,var(
54
- --mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)
55
- )
56
- )}:host(:hover) .fill{background-color:var(
57
- --mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover)
58
- )}}:host([active]){color:var(
59
- --mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down)
60
- )}:host([active]) .fill{background-color:var(
61
- --mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)
62
- )}:host(.focus-visible),:host:focus-within{color:var(
63
- --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
64
- )}:host(:focus-visible),:host:focus-within{color:var(
65
- --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
66
- )}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
67
- --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
68
- )}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(
69
- --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
70
- )}.fill{align-items:center;background-color:var(
71
- --mod-clear-button-background-color,var(--spectrum-clear-button-background-color)
72
- );block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}: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(
73
- --system-spectrum-clearbutton-spectrum-clear-button-background-color
74
- );--spectrum-clear-button-background-color-hover:var(
75
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-hover
76
- );--spectrum-clear-button-background-color-down:var(
77
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-down
78
- );--spectrum-clear-button-background-color-key-focus:var(
79
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus
80
- )}
2
+ :host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}: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: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([active]){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host([active]) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:focus-visible),:host:focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;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-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)}
81
3
  `;export default r;
82
4
  //# sourceMappingURL=clear-button.css.js.map
package/src/clear-button.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-clear-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-clear-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-clear-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-clear-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(\n--spectrum-clear-button-background-color-quiet,transparent\n);--mod-clear-button-background-color-hover:var(\n--spectrum-clear-button-background-color-hover-quiet,transparent\n);--mod-clear-button-background-color-down:var(\n--spectrum-clear-button-background-color-down-quiet,transparent\n);--mod-clear-button-background-color-key-focus:var(\n--spectrum-clear-button-background-color-key-focus-quiet,transparent\n)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(\n--spectrum-clear-button-icon-color-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-hover:var(\n--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-down:var(\n--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-key-focus:var(\n--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white)\n);--mod-clear-button-background-color:var(\n--spectrum-clear-button-background-color-over-background,transparent\n);--mod-clear-button-background-color-hover:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)\n);--mod-clear-button-background-color-down:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400)\n);--mod-clear-button-background-color-key-focus:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)\n)}:host([disabled]){--mod-clear-button-icon-color:var(\n--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-icon-color-hover:var(\n--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-icon-color-down:var(\n--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-background-color:var(\n--mod-clear-button-background-color-disabled,transparent\n)}:host{background-color:var(--mod-clear-button-background-color,transparent);block-size:var(\n--mod-clear-button-height,var(--spectrum-clear-button-height)\n);border:none;border-radius:100%;color:var(\n--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color)\n);cursor:pointer;inline-size:var(\n--mod-clear-button-width,var(--spectrum-clear-button-width)\n);margin:0;padding:var(\n--mod-clear-button-padding,var(--spectrum-clear-button-padding)\n)}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(\n--highcontrast-clear-button-icon-color-hover,var(\n--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)\n)\n)}:host(:hover) .fill{background-color:var(\n--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover)\n)}}:host([active]){color:var(\n--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down)\n)}:host([active]) .fill{background-color:var(\n--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)\n)}:host(.focus-visible),:host:focus-within{color:var(\n--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)\n)}:host(:focus-visible),:host:focus-within{color:var(\n--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)\n)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(\n--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)\n)}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(\n--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)\n)}.fill{align-items:center;background-color:var(\n--mod-clear-button-background-color,var(--spectrum-clear-button-background-color)\n);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}: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(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color\n);--spectrum-clear-button-background-color-hover:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover\n);--spectrum-clear-button-background-color-down:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-down\n);--spectrum-clear-button-background-color-key-focus:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus\n)}\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,EAiFf,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-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}: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: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([active]){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host([active]) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:focus-visible),:host:focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;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-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-clear-button.css.dev.js CHANGED
@@ -1,85 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(
5
- --spectrum-in-field-button-edge-to-fill
6
- );--spectrum-clear-button-icon-color:var(
7
- --spectrum-neutral-content-color-default
8
- );--spectrum-clear-button-icon-color-hover:var(
9
- --spectrum-neutral-content-color-hover
10
- );--spectrum-clear-button-icon-color-down:var(
11
- --spectrum-neutral-content-color-down
12
- );--spectrum-clear-button-icon-color-key-focus:var(
13
- --spectrum-neutral-content-color-key-focus
14
- )}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(
15
- --spectrum-clear-button-background-color-quiet,transparent
16
- );--mod-clear-button-background-color-hover:var(
17
- --spectrum-clear-button-background-color-hover-quiet,transparent
18
- );--mod-clear-button-background-color-down:var(
19
- --spectrum-clear-button-background-color-down-quiet,transparent
20
- );--mod-clear-button-background-color-key-focus:var(
21
- --spectrum-clear-button-background-color-key-focus-quiet,transparent
22
- )}:host([variant=overBackground]){--mod-clear-button-icon-color:var(
23
- --spectrum-clear-button-icon-color-over-background,var(--spectrum-white)
24
- );--mod-clear-button-icon-color-hover:var(
25
- --spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white)
26
- );--mod-clear-button-icon-color-down:var(
27
- --spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white)
28
- );--mod-clear-button-icon-color-key-focus:var(
29
- --spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white)
30
- );--mod-clear-button-background-color:var(
31
- --spectrum-clear-button-background-color-over-background,transparent
32
- );--mod-clear-button-background-color-hover:var(
33
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)
34
- );--mod-clear-button-background-color-down:var(
35
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400)
36
- );--mod-clear-button-background-color-key-focus:var(
37
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)
38
- )}:host([disabled]){--mod-clear-button-icon-color:var(
39
- --mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color)
40
- );--mod-clear-button-icon-color-hover:var(
41
- --spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)
42
- );--mod-clear-button-icon-color-down:var(
43
- --spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)
44
- );--mod-clear-button-background-color:var(
45
- --mod-clear-button-background-color-disabled,transparent
46
- )}:host{background-color:var(--mod-clear-button-background-color,transparent);block-size:var(
47
- --mod-clear-button-height,var(--spectrum-clear-button-height)
48
- );border:none;border-radius:100%;color:var(
49
- --mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color)
50
- );cursor:pointer;inline-size:var(
51
- --mod-clear-button-width,var(--spectrum-clear-button-width)
52
- );margin:0;padding:var(
53
- --mod-clear-button-padding,var(--spectrum-clear-button-padding)
54
- )}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(
55
- --highcontrast-clear-button-icon-color-hover,var(
56
- --mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)
57
- )
58
- )}:host(:hover) .fill{background-color:var(
59
- --mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover)
60
- )}}:host([active]){color:var(
61
- --mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down)
62
- )}:host([active]) .fill{background-color:var(
63
- --mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)
64
- )}:host(.focus-visible),:host:focus-within{color:var(
65
- --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
66
- )}:host(:focus-visible),:host:focus-within{color:var(
67
- --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
68
- )}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
69
- --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
70
- )}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(
71
- --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
72
- )}.fill{align-items:center;background-color:var(
73
- --mod-clear-button-background-color,var(--spectrum-clear-button-background-color)
74
- );block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}: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(
75
- --system-spectrum-clearbutton-spectrum-clear-button-background-color
76
- );--spectrum-clear-button-background-color-hover:var(
77
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-hover
78
- );--spectrum-clear-button-background-color-down:var(
79
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-down
80
- );--spectrum-clear-button-background-color-key-focus:var(
81
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus
82
- )}
4
+ :host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}: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: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([active]){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host([active]) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:focus-visible),:host:focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;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-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)}
83
5
  `;
84
6
  export default styles;
85
7
  //# sourceMappingURL=spectrum-clear-button.css.dev.js.map
package/src/spectrum-clear-button.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-clear-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-clear-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-clear-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-clear-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(\n--spectrum-clear-button-background-color-quiet,transparent\n);--mod-clear-button-background-color-hover:var(\n--spectrum-clear-button-background-color-hover-quiet,transparent\n);--mod-clear-button-background-color-down:var(\n--spectrum-clear-button-background-color-down-quiet,transparent\n);--mod-clear-button-background-color-key-focus:var(\n--spectrum-clear-button-background-color-key-focus-quiet,transparent\n)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(\n--spectrum-clear-button-icon-color-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-hover:var(\n--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-down:var(\n--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-key-focus:var(\n--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white)\n);--mod-clear-button-background-color:var(\n--spectrum-clear-button-background-color-over-background,transparent\n);--mod-clear-button-background-color-hover:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)\n);--mod-clear-button-background-color-down:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400)\n);--mod-clear-button-background-color-key-focus:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)\n)}:host([disabled]){--mod-clear-button-icon-color:var(\n--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-icon-color-hover:var(\n--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-icon-color-down:var(\n--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-background-color:var(\n--mod-clear-button-background-color-disabled,transparent\n)}:host{background-color:var(--mod-clear-button-background-color,transparent);block-size:var(\n--mod-clear-button-height,var(--spectrum-clear-button-height)\n);border:none;border-radius:100%;color:var(\n--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color)\n);cursor:pointer;inline-size:var(\n--mod-clear-button-width,var(--spectrum-clear-button-width)\n);margin:0;padding:var(\n--mod-clear-button-padding,var(--spectrum-clear-button-padding)\n)}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(\n--highcontrast-clear-button-icon-color-hover,var(\n--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)\n)\n)}:host(:hover) .fill{background-color:var(\n--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover)\n)}}:host([active]){color:var(\n--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down)\n)}:host([active]) .fill{background-color:var(\n--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)\n)}:host(.focus-visible),:host:focus-within{color:var(\n--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)\n)}:host(:focus-visible),:host:focus-within{color:var(\n--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)\n)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(\n--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)\n)}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(\n--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)\n)}.fill{align-items:center;background-color:var(\n--mod-clear-button-background-color,var(--spectrum-clear-button-background-color)\n);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}: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(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color\n);--spectrum-clear-button-background-color-hover:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover\n);--spectrum-clear-button-background-color-down:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-down\n);--spectrum-clear-button-background-color-key-focus:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus\n)}\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;AAiFf,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-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}: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: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([active]){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host([active]) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:focus-visible),:host:focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;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-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-clear-button.css.js CHANGED
@@ -1,82 +1,4 @@
1
1
  "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- :host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(
3
- --spectrum-in-field-button-edge-to-fill
4
- );--spectrum-clear-button-icon-color:var(
5
- --spectrum-neutral-content-color-default
6
- );--spectrum-clear-button-icon-color-hover:var(
7
- --spectrum-neutral-content-color-hover
8
- );--spectrum-clear-button-icon-color-down:var(
9
- --spectrum-neutral-content-color-down
10
- );--spectrum-clear-button-icon-color-key-focus:var(
11
- --spectrum-neutral-content-color-key-focus
12
- )}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(
13
- --spectrum-clear-button-background-color-quiet,transparent
14
- );--mod-clear-button-background-color-hover:var(
15
- --spectrum-clear-button-background-color-hover-quiet,transparent
16
- );--mod-clear-button-background-color-down:var(
17
- --spectrum-clear-button-background-color-down-quiet,transparent
18
- );--mod-clear-button-background-color-key-focus:var(
19
- --spectrum-clear-button-background-color-key-focus-quiet,transparent
20
- )}:host([variant=overBackground]){--mod-clear-button-icon-color:var(
21
- --spectrum-clear-button-icon-color-over-background,var(--spectrum-white)
22
- );--mod-clear-button-icon-color-hover:var(
23
- --spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white)
24
- );--mod-clear-button-icon-color-down:var(
25
- --spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white)
26
- );--mod-clear-button-icon-color-key-focus:var(
27
- --spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white)
28
- );--mod-clear-button-background-color:var(
29
- --spectrum-clear-button-background-color-over-background,transparent
30
- );--mod-clear-button-background-color-hover:var(
31
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)
32
- );--mod-clear-button-background-color-down:var(
33
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400)
34
- );--mod-clear-button-background-color-key-focus:var(
35
- --spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)
36
- )}:host([disabled]){--mod-clear-button-icon-color:var(
37
- --mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color)
38
- );--mod-clear-button-icon-color-hover:var(
39
- --spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)
40
- );--mod-clear-button-icon-color-down:var(
41
- --spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)
42
- );--mod-clear-button-background-color:var(
43
- --mod-clear-button-background-color-disabled,transparent
44
- )}:host{background-color:var(--mod-clear-button-background-color,transparent);block-size:var(
45
- --mod-clear-button-height,var(--spectrum-clear-button-height)
46
- );border:none;border-radius:100%;color:var(
47
- --mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color)
48
- );cursor:pointer;inline-size:var(
49
- --mod-clear-button-width,var(--spectrum-clear-button-width)
50
- );margin:0;padding:var(
51
- --mod-clear-button-padding,var(--spectrum-clear-button-padding)
52
- )}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(
53
- --highcontrast-clear-button-icon-color-hover,var(
54
- --mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)
55
- )
56
- )}:host(:hover) .fill{background-color:var(
57
- --mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover)
58
- )}}:host([active]){color:var(
59
- --mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down)
60
- )}:host([active]) .fill{background-color:var(
61
- --mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)
62
- )}:host(.focus-visible),:host:focus-within{color:var(
63
- --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
64
- )}:host(:focus-visible),:host:focus-within{color:var(
65
- --mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)
66
- )}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(
67
- --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
68
- )}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(
69
- --mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)
70
- )}.fill{align-items:center;background-color:var(
71
- --mod-clear-button-background-color,var(--spectrum-clear-button-background-color)
72
- );block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}: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(
73
- --system-spectrum-clearbutton-spectrum-clear-button-background-color
74
- );--spectrum-clear-button-background-color-hover:var(
75
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-hover
76
- );--spectrum-clear-button-background-color-down:var(
77
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-down
78
- );--spectrum-clear-button-background-color-key-focus:var(
79
- --system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus
80
- )}
2
+ :host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}: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: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([active]){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host([active]) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:focus-visible),:host:focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;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-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)}
81
3
  `;export default r;
82
4
  //# sourceMappingURL=spectrum-clear-button.css.js.map
package/src/spectrum-clear-button.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-clear-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-clear-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-clear-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-clear-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(\n--spectrum-clear-button-background-color-quiet,transparent\n);--mod-clear-button-background-color-hover:var(\n--spectrum-clear-button-background-color-hover-quiet,transparent\n);--mod-clear-button-background-color-down:var(\n--spectrum-clear-button-background-color-down-quiet,transparent\n);--mod-clear-button-background-color-key-focus:var(\n--spectrum-clear-button-background-color-key-focus-quiet,transparent\n)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(\n--spectrum-clear-button-icon-color-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-hover:var(\n--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-down:var(\n--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white)\n);--mod-clear-button-icon-color-key-focus:var(\n--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white)\n);--mod-clear-button-background-color:var(\n--spectrum-clear-button-background-color-over-background,transparent\n);--mod-clear-button-background-color-hover:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)\n);--mod-clear-button-background-color-down:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400)\n);--mod-clear-button-background-color-key-focus:var(\n--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300)\n)}:host([disabled]){--mod-clear-button-icon-color:var(\n--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-icon-color-hover:var(\n--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-icon-color-down:var(\n--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-clear-button-background-color:var(\n--mod-clear-button-background-color-disabled,transparent\n)}:host{background-color:var(--mod-clear-button-background-color,transparent);block-size:var(\n--mod-clear-button-height,var(--spectrum-clear-button-height)\n);border:none;border-radius:100%;color:var(\n--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color)\n);cursor:pointer;inline-size:var(\n--mod-clear-button-width,var(--spectrum-clear-button-width)\n);margin:0;padding:var(\n--mod-clear-button-padding,var(--spectrum-clear-button-padding)\n)}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(\n--highcontrast-clear-button-icon-color-hover,var(\n--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)\n)\n)}:host(:hover) .fill{background-color:var(\n--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover)\n)}}:host([active]){color:var(\n--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down)\n)}:host([active]) .fill{background-color:var(\n--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down)\n)}:host(.focus-visible),:host:focus-within{color:var(\n--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)\n)}:host(:focus-visible),:host:focus-within{color:var(\n--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus)\n)}:host(.focus-visible) .fill,:host:focus-within .fill{background-color:var(\n--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)\n)}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(\n--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus)\n)}.fill{align-items:center;background-color:var(\n--mod-clear-button-background-color,var(--spectrum-clear-button-background-color)\n);block-size:100%;border-radius:100%;display:flex;inline-size:100%;justify-content:center}:host([variant=overBackground].focus-visible){outline:none}: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(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color\n);--spectrum-clear-button-background-color-hover:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover\n);--spectrum-clear-button-background-color-down:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-down\n);--spectrum-clear-button-background-color-key-focus:var(\n--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus\n)}\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,EAiFf,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-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus)}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host .spectrum-ClearButton--quiet{--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-quiet,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-quiet,transparent);--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-down-quiet,transparent);--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-key-focus-quiet,transparent)}:host([variant=overBackground]){--mod-clear-button-icon-color:var(--spectrum-clear-button-icon-color-over-background,var(--spectrum-white));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-over-background,var(--spectrum-white));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-over-background,var(--spectrum-white));--mod-clear-button-icon-color-key-focus:var(--spectrum-clear-button-icon-color-key-focus-over-background,var(--spectrum-white));--mod-clear-button-background-color:var(--spectrum-clear-button-background-color-over-background,transparent);--mod-clear-button-background-color-hover:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300));--mod-clear-button-background-color-down:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-400));--mod-clear-button-background-color-key-focus:var(--spectrum-clear-button-background-color-hover-over-background,var(--spectrum-transparent-white-300))}:host([disabled]),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-clear-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-down:var(--spectrum-clear-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}: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: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([active]){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host([active]) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:focus-visible),:host:focus-within{color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;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-spectrum-clearbutton-spectrum-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }