@spectrum-web-components/clear-button 1.9.0 → 1.9.1-nightly.20251028214328

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 (12) hide show
  1. package/CHANGELOG.md +358 -0
  2. package/package.json +59 -59
  3. package/src/clear-button-overrides.css.d.ts +0 -2
  4. package/src/clear-button-overrides.css.dev.js +0 -7
  5. package/src/clear-button-overrides.css.dev.js.map +0 -7
  6. package/src/clear-button-overrides.css.js +0 -4
  7. package/src/clear-button-overrides.css.js.map +0 -7
  8. package/src/clear-button.css.d.ts +0 -2
  9. package/src/clear-button.css.dev.js +0 -7
  10. package/src/clear-button.css.dev.js.map +0 -7
  11. package/src/clear-button.css.js +0 -4
  12. package/src/clear-button.css.js.map +0 -7
package/CHANGELOG.md ADDED
@@ -0,0 +1,358 @@
1
+ # Change Log
2
+
3
+ ## 1.9.1-nightly.20251028214328
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies []:
8
+ - @spectrum-web-components/base@1.9.1-nightly.20251028214328
9
+
10
+ ## 1.9.0
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies []:
15
+ - @spectrum-web-components/base@1.9.0
16
+
17
+ ## 1.8.0
18
+
19
+ ### Minor Changes
20
+
21
+ - [#5320](https://github.com/adobe/spectrum-web-components/pull/5320) [`15be17d`](https://github.com/adobe/spectrum-web-components/commit/15be17db91f1140ccf3cad52b1f2ed6c4b9e28ba) Thanks [@renovate](https://github.com/apps/renovate)! - Clear button styles have been updated to the latest Spectrum CSS version of the clear button. This update includes a major reduction in the number of custom property abstractions needed to support the multiple theming layers (as seen in the `styles` package).
22
+
23
+ This update spans the following additional packages:
24
+ - @spectrum-web-components/button
25
+ - @spectrum-web-components/styles
26
+
27
+ As the updated styles now offer additional styling options, we have added the following API to the clear button component that exists in the `button` package:
28
+ - `quiet` - when set to true, the button will be rendered as a quiet button. This is useful for cases where you want to use the clear button in a more subtle way.
29
+ - `disabled` - when set to true, the button will be rendered as a disabled button.
30
+ - `static-color` - currently this only supports the `white` context color. This is useful for cases where the button appears on a dark background texture. This is a replacement for the previously used `variant="overBackground"` attribute which is deprecated.
31
+
32
+ ### Deprecation
33
+
34
+ The `variant="overBackground"` attribute is deprecated; please use the new `static-color="white"` attribute instead. When this property is used in the component, a deprecation warning will be shown in the console when in debug mode. The `variant` attribute will be removed in a future release.
35
+
36
+ ### Patch Changes
37
+
38
+ - Updated dependencies []:
39
+ - @spectrum-web-components/base@1.8.0
40
+
41
+ ## 1.7.0
42
+
43
+ ### Patch Changes
44
+
45
+ - Updated dependencies []:
46
+ - @spectrum-web-components/base@1.7.0
47
+
48
+ ## 1.6.0
49
+
50
+ ### Patch Changes
51
+
52
+ - Updated dependencies []:
53
+ - @spectrum-web-components/base@1.6.0
54
+
55
+ ## 1.5.0
56
+
57
+ ### Patch Changes
58
+
59
+ - Updated dependencies []:
60
+ - @spectrum-web-components/base@1.5.0
61
+
62
+ ## 1.4.0
63
+
64
+ ### Patch Changes
65
+
66
+ - Updated dependencies []:
67
+ - @spectrum-web-components/base@1.4.0
68
+
69
+ ## 1.3.0
70
+
71
+ ### Patch Changes
72
+
73
+ - Updated dependencies []:
74
+ - @spectrum-web-components/base@1.3.0
75
+
76
+ All notable changes to this project will be documented in this file.
77
+ See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
78
+
79
+ # [1.2.0](https://github.com/adobe/spectrum-web-components/compare/v1.1.2...v1.2.0) (2025-02-27)
80
+
81
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
82
+
83
+ ## [1.1.2](https://github.com/adobe/spectrum-web-components/compare/v1.1.1...v1.1.2) (2025-02-12)
84
+
85
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
86
+
87
+ ## [1.1.1](https://github.com/adobe/spectrum-web-components/compare/v1.1.0...v1.1.1) (2025-01-29)
88
+
89
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
90
+
91
+ # [1.1.0](https://github.com/adobe/spectrum-web-components/compare/v1.0.3...v1.1.0) (2025-01-29)
92
+
93
+ ### Bug Fixes
94
+
95
+ - lock prerelease versions for Spectrum CSS ([#5014](https://github.com/adobe/spectrum-web-components/issues/5014)) ([8aa7734](https://github.com/adobe/spectrum-web-components/commit/8aa77342f169b75ecbd1c07a2a1050860b182822))
96
+
97
+ ## [1.0.1](https://github.com/adobe/spectrum-web-components/compare/v1.0.0...v1.0.1) (2024-11-11)
98
+
99
+ ### Bug Fixes
100
+
101
+ - **search:** clear button ui in express ([#4910](https://github.com/adobe/spectrum-web-components/issues/4910)) ([f88e1e2](https://github.com/adobe/spectrum-web-components/commit/f88e1e2c03ed74f8d3f7924d395a34168afd244c))
102
+
103
+ # [1.0.0](https://github.com/adobe/spectrum-web-components/compare/v0.49.0...v1.0.0) (2024-10-31)
104
+
105
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
106
+
107
+ # [0.49.0](https://github.com/adobe/spectrum-web-components/compare/v0.48.1...v0.49.0) (2024-10-15)
108
+
109
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
110
+
111
+ ## [0.48.1](https://github.com/adobe/spectrum-web-components/compare/v0.48.0...v0.48.1) (2024-10-01)
112
+
113
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
114
+
115
+ # [0.48.0](https://github.com/adobe/spectrum-web-components/compare/v0.47.2...v0.48.0) (2024-09-17)
116
+
117
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
118
+
119
+ ## [0.47.2](https://github.com/adobe/spectrum-web-components/compare/v0.47.1...v0.47.2) (2024-09-03)
120
+
121
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
122
+
123
+ ## [0.47.1](https://github.com/adobe/spectrum-web-components/compare/v0.47.0...v0.47.1) (2024-08-27)
124
+
125
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
126
+
127
+ # [0.47.0](https://github.com/adobe/spectrum-web-components/compare/v0.46.0...v0.47.0) (2024-08-20)
128
+
129
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
130
+
131
+ # [0.46.0](https://github.com/adobe/spectrum-web-components/compare/v0.45.0...v0.46.0) (2024-08-08)
132
+
133
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
134
+
135
+ # [0.45.0](https://github.com/adobe/spectrum-web-components/compare/v0.44.0...v0.45.0) (2024-07-30)
136
+
137
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
138
+
139
+ # [0.44.0](https://github.com/adobe/spectrum-web-components/compare/v0.42.4...v0.44.0) (2024-07-15)
140
+
141
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
142
+
143
+ # [0.43.0](https://github.com/adobe/spectrum-web-components/compare/v0.42.4...v0.43.0) (2024-06-11)
144
+
145
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
146
+
147
+ ## [0.42.5](https://github.com/adobe/spectrum-web-components/compare/v0.42.4...v0.42.5) (2024-05-24)
148
+
149
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
150
+
151
+ ## [0.42.4](https://github.com/adobe/spectrum-web-components/compare/v0.42.2...v0.42.4) (2024-05-14)
152
+
153
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
154
+
155
+ ## [0.42.3](https://github.com/adobe/spectrum-web-components/compare/v0.42.2...v0.42.3) (2024-05-01)
156
+
157
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
158
+
159
+ ## [0.42.2](https://github.com/adobe/spectrum-web-components/compare/v0.42.1...v0.42.2) (2024-04-03)
160
+
161
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
162
+
163
+ ## [0.42.1](https://github.com/adobe/spectrum-web-components/compare/v0.42.0...v0.42.1) (2024-04-02)
164
+
165
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
166
+
167
+ # [0.42.0](https://github.com/adobe/spectrum-web-components/compare/v0.41.2...v0.42.0) (2024-03-19)
168
+
169
+ ### Features
170
+
171
+ - **asset:** use core tokens ([99e76f4](https://github.com/adobe/spectrum-web-components/commit/99e76f4d32e990960b7fa2f0613ed4144adc4f6e))
172
+
173
+ ## [0.41.2](https://github.com/adobe/spectrum-web-components/compare/v0.41.1...v0.41.2) (2024-03-05)
174
+
175
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
176
+
177
+ ## [0.41.1](https://github.com/adobe/spectrum-web-components/compare/v0.41.0...v0.41.1) (2024-02-22)
178
+
179
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
180
+
181
+ # [0.41.0](https://github.com/adobe/spectrum-web-components/compare/v0.40.5...v0.41.0) (2024-02-13)
182
+
183
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
184
+
185
+ ## [0.40.5](https://github.com/adobe/spectrum-web-components/compare/v0.40.4...v0.40.5) (2024-02-05)
186
+
187
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
188
+
189
+ ## [0.40.4](https://github.com/adobe/spectrum-web-components/compare/v0.40.3...v0.40.4) (2024-01-29)
190
+
191
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
192
+
193
+ ## [0.40.3](https://github.com/adobe/spectrum-web-components/compare/v0.40.2...v0.40.3) (2024-01-11)
194
+
195
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
196
+
197
+ ## [0.40.2](https://github.com/adobe/spectrum-web-components/compare/v0.40.1...v0.40.2) (2023-12-18)
198
+
199
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
200
+
201
+ ## [0.40.1](https://github.com/adobe/spectrum-web-components/compare/v0.40.0...v0.40.1) (2023-12-05)
202
+
203
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
204
+
205
+ # [0.40.0](https://github.com/adobe/spectrum-web-components/compare/v0.39.4...v0.40.0) (2023-11-16)
206
+
207
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
208
+
209
+ ## [0.39.4](https://github.com/adobe/spectrum-web-components/compare/v0.39.3...v0.39.4) (2023-11-02)
210
+
211
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
212
+
213
+ ## [0.39.3](https://github.com/adobe/spectrum-web-components/compare/v0.39.2...v0.39.3) (2023-10-18)
214
+
215
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
216
+
217
+ ## [0.39.2](https://github.com/adobe/spectrum-web-components/compare/v0.39.1...v0.39.2) (2023-10-13)
218
+
219
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
220
+
221
+ ## [0.39.1](https://github.com/adobe/spectrum-web-components/compare/v0.39.0...v0.39.1) (2023-10-06)
222
+
223
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
224
+
225
+ # [0.39.0](https://github.com/adobe/spectrum-web-components/compare/v0.38.0...v0.39.0) (2023-09-25)
226
+
227
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
228
+
229
+ # [0.38.0](https://github.com/adobe/spectrum-web-components/compare/v0.37.0...v0.38.0) (2023-09-05)
230
+
231
+ ### Features
232
+
233
+ - **clear-button:** migrate to core tokens ([64be98a](https://github.com/adobe/spectrum-web-components/commit/64be98ae6cae92c1a8668a8a8b8af58337b4ce0f))
234
+
235
+ # [0.37.0](https://github.com/adobe/spectrum-web-components/compare/v0.36.0...v0.37.0) (2023-08-18)
236
+
237
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
238
+
239
+ # [0.36.0](https://github.com/adobe/spectrum-web-components/compare/v0.35.0...v0.36.0) (2023-08-18)
240
+
241
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
242
+
243
+ # [0.35.0](https://github.com/adobe/spectrum-web-components/compare/v0.34.0...v0.35.0) (2023-07-31)
244
+
245
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
246
+
247
+ # [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
248
+
249
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
250
+
251
+ ## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
252
+
253
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
254
+
255
+ # [0.33.0](https://github.com/adobe/spectrum-web-components/compare/v0.32.0...v0.33.0) (2023-06-08)
256
+
257
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
258
+
259
+ # [0.32.0](https://github.com/adobe/spectrum-web-components/compare/v0.31.0...v0.32.0) (2023-06-01)
260
+
261
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
262
+
263
+ # [0.31.0](https://github.com/adobe/spectrum-web-components/compare/v0.30.0...v0.31.0) (2023-05-17)
264
+
265
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
266
+
267
+ # 0.30.0 (2023-05-03)
268
+
269
+ ### Bug Fixes
270
+
271
+ - prevent default hoisting of custom pseudo elements ([7f66346](https://github.com/adobe/spectrum-web-components/commit/7f6634665fb9fdc530bd3009246e62c24cac1904))
272
+
273
+ ### Features
274
+
275
+ - include all Dev Mode files in side effects ([f70817c](https://github.com/adobe/spectrum-web-components/commit/f70817cc15db6dcf5cc1de2d82b4f7b0c80b1251))
276
+ - leverage latest Spectrum button API ([9caf2f6](https://github.com/adobe/spectrum-web-components/commit/9caf2f6313424450c91c039fafea89bf8aa72624))
277
+
278
+ ## [0.2.9](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.2.8...@spectrum-web-components/clear-button@0.2.9) (2023-04-24)
279
+
280
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
281
+
282
+ ## [0.2.8](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.2.7...@spectrum-web-components/clear-button@0.2.8) (2023-04-05)
283
+
284
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
285
+
286
+ ## [0.2.7](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.2.6...@spectrum-web-components/clear-button@0.2.7) (2023-03-22)
287
+
288
+ ### Bug Fixes
289
+
290
+ - prevent default hoisting of custom pseudo elements ([7f66346](https://github.com/adobe/spectrum-web-components/commit/7f6634665fb9fdc530bd3009246e62c24cac1904))
291
+
292
+ ## [0.2.6](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.2.5...@spectrum-web-components/clear-button@0.2.6) (2023-02-08)
293
+
294
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
295
+
296
+ ## [0.2.5](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.2.4...@spectrum-web-components/clear-button@0.2.5) (2023-01-23)
297
+
298
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
299
+
300
+ ## [0.2.4](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.2.3...@spectrum-web-components/clear-button@0.2.4) (2023-01-09)
301
+
302
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
303
+
304
+ ## [0.2.3](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.2.2...@spectrum-web-components/clear-button@0.2.3) (2022-12-08)
305
+
306
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
307
+
308
+ ## [0.2.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.2.1...@spectrum-web-components/clear-button@0.2.2) (2022-11-21)
309
+
310
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
311
+
312
+ ## [0.2.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.2.0...@spectrum-web-components/clear-button@0.2.1) (2022-11-14)
313
+
314
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
315
+
316
+ # [0.2.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.1.8...@spectrum-web-components/clear-button@0.2.0) (2022-08-09)
317
+
318
+ ### Features
319
+
320
+ - include all Dev Mode files in side effects ([f70817c](https://github.com/adobe/spectrum-web-components/commit/f70817cc15db6dcf5cc1de2d82b4f7b0c80b1251))
321
+
322
+ ## [0.1.8](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.1.7...@spectrum-web-components/clear-button@0.1.8) (2022-08-04)
323
+
324
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
325
+
326
+ ## [0.1.7](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.1.6...@spectrum-web-components/clear-button@0.1.7) (2022-07-18)
327
+
328
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
329
+
330
+ ## [0.1.6](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.1.5...@spectrum-web-components/clear-button@0.1.6) (2022-06-29)
331
+
332
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
333
+
334
+ ## [0.1.5](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.1.4...@spectrum-web-components/clear-button@0.1.5) (2022-06-07)
335
+
336
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
337
+
338
+ ## [0.1.4](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.1.3...@spectrum-web-components/clear-button@0.1.4) (2022-05-27)
339
+
340
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
341
+
342
+ ## [0.1.3](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.1.2...@spectrum-web-components/clear-button@0.1.3) (2022-05-12)
343
+
344
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
345
+
346
+ ## [0.1.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.1.1...@spectrum-web-components/clear-button@0.1.2) (2022-04-21)
347
+
348
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
349
+
350
+ ## [0.1.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/clear-button@0.1.0...@spectrum-web-components/clear-button@0.1.1) (2022-03-08)
351
+
352
+ **Note:** Version bump only for package @spectrum-web-components/clear-button
353
+
354
+ # 0.1.0 (2022-03-04)
355
+
356
+ ### Features
357
+
358
+ - leverage latest Spectrum button API ([9caf2f6](https://github.com/adobe/spectrum-web-components/commit/9caf2f6313424450c91c039fafea89bf8aa72624))
package/package.json CHANGED
@@ -1,60 +1,60 @@
1
1
  {
2
- "name": "@spectrum-web-components/clear-button",
3
- "version": "1.9.0",
4
- "publishConfig": {
5
- "access": "public"
6
- },
7
- "description": "Web component implementation of a Spectrum design ClearButton",
8
- "license": "Apache-2.0",
9
- "repository": {
10
- "type": "git",
11
- "url": "https://github.com/adobe/spectrum-web-components.git",
12
- "directory": "packages/clear-button"
13
- },
14
- "author": "Adobe",
15
- "homepage": "https://opensource.adobe.com/spectrum-web-components/components/clear-button",
16
- "bugs": {
17
- "url": "https://github.com/adobe/spectrum-web-components/issues"
18
- },
19
- "main": "./src/clear-button.css.js",
20
- "module": "./src/clear-button.css.js",
21
- "type": "module",
22
- "exports": {
23
- ".": "./src/clear-button.css.js",
24
- "./package.json": "./package.json",
25
- "./src/clear-button-overrides.css.js": "./src/clear-button-overrides.css.js",
26
- "./src/clear-button.css.js": "./src/clear-button.css.js"
27
- },
28
- "scripts": {
29
- "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
30
- },
31
- "files": [
32
- "**/*.d.ts",
33
- "**/*.js",
34
- "**/*.js.map",
35
- "custom-elements.json",
36
- "!stories/",
37
- "!test/"
38
- ],
39
- "keywords": [
40
- "design-system",
41
- "spectrum",
42
- "adobe",
43
- "adobe-spectrum",
44
- "web components",
45
- "web-components",
46
- "lit-element",
47
- "lit-html",
48
- "component",
49
- "css"
50
- ],
51
- "dependencies": {
52
- "@spectrum-web-components/base": "1.9.0"
53
- },
54
- "types": "./src/index.d.ts",
55
- "customElements": "custom-elements.json",
56
- "sideEffects": [
57
- "./sp-*.js",
58
- "./**/*.dev.js"
59
- ]
60
- }
2
+ "name": "@spectrum-web-components/clear-button",
3
+ "version": "1.9.1-nightly.20251028214328",
4
+ "publishConfig": {
5
+ "access": "public"
6
+ },
7
+ "description": "Web component implementation of a Spectrum design ClearButton",
8
+ "license": "Apache-2.0",
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "https://github.com/adobe/spectrum-web-components.git",
12
+ "directory": "1st-gen/packages/clear-button"
13
+ },
14
+ "author": "Adobe",
15
+ "homepage": "https://opensource.adobe.com/spectrum-web-components/components/clear-button",
16
+ "bugs": {
17
+ "url": "https://github.com/adobe/spectrum-web-components/issues"
18
+ },
19
+ "main": "./src/clear-button.css.js",
20
+ "module": "./src/clear-button.css.js",
21
+ "type": "module",
22
+ "exports": {
23
+ ".": "./src/clear-button.css.js",
24
+ "./package.json": "./package.json",
25
+ "./src/clear-button-overrides.css.js": "./src/clear-button-overrides.css.js",
26
+ "./src/clear-button.css.js": "./src/clear-button.css.js"
27
+ },
28
+ "scripts": {
29
+ "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
30
+ },
31
+ "files": [
32
+ "**/*.d.ts",
33
+ "**/*.js",
34
+ "**/*.js.map",
35
+ "custom-elements.json",
36
+ "!stories/",
37
+ "!test/"
38
+ ],
39
+ "keywords": [
40
+ "design-system",
41
+ "spectrum",
42
+ "adobe",
43
+ "adobe-spectrum",
44
+ "web components",
45
+ "web-components",
46
+ "lit-element",
47
+ "lit-html",
48
+ "component",
49
+ "css"
50
+ ],
51
+ "dependencies": {
52
+ "@spectrum-web-components/base": "1.9.1-nightly.20251028214328"
53
+ },
54
+ "types": "./src/index.d.ts",
55
+ "customElements": "custom-elements.json",
56
+ "sideEffects": [
57
+ "./sp-*.js",
58
+ "./**/*.dev.js"
59
+ ]
60
+ }
package/src/clear-button-overrides.css.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const styles: import("@spectrum-web-components/base").CSSResult;
2
- export default styles;
package/src/clear-button-overrides.css.dev.js DELETED
@@ -1,7 +0,0 @@
1
- "use strict";
2
- import { css } from "@spectrum-web-components/base";
3
- const styles = css`
4
-
5
- `;
6
- export default styles;
7
- //# sourceMappingURL=clear-button-overrides.css.dev.js.map
package/src/clear-button-overrides.css.dev.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["clear-button-overrides.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n \n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
- "names": []
7
- }
package/src/clear-button-overrides.css.js DELETED
@@ -1,4 +0,0 @@
1
- "use strict";import{css as s}from"@spectrum-web-components/base";const t=s`
2
-
3
- `;export default t;
4
- //# sourceMappingURL=clear-button-overrides.css.js.map
package/src/clear-button-overrides.css.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["clear-button-overrides.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n \n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
- "names": ["css", "styles"]
7
- }
package/src/clear-button.css.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const styles: import("@spectrum-web-components/base").CSSResult;
2
- export default styles;
package/src/clear-button.css.dev.js DELETED
@@ -1,7 +0,0 @@
1
- "use strict";
2
- import { css } from "@spectrum-web-components/base";
3
- const styles = css`
4
- :host{--spectrum-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus)}:host([static-color=white]){--spectrum-clear-button-background-color-hover:var(--system-clear-button-static-white-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-static-white-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-static-white-background-color-key-focus)}: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);box-sizing:border-box;block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));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}: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([quiet]){--mod-clear-button-background-color:transparent;--mod-clear-button-background-color-hover:transparent;--mod-clear-button-background-color-down:transparent;--mod-clear-button-background-color-key-focus:transparent}:host([static-color=white]){--mod-clear-button-icon-color:var(--spectrum-white);--mod-clear-button-icon-color-hover:var(--spectrum-white);--mod-clear-button-icon-color-down:var(--spectrum-white);--mod-clear-button-icon-color-key-focus:var(--spectrum-white);--mod-clear-button-icon-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-clear-button-background-color:transparent}: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-disabled-content-color);--mod-clear-button-icon-color-down:var(--spectrum-disabled-content-color);--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host(:not(:disabled)),:host(:not([disabled])){cursor:pointer}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover:not(:disabled)),:host(:hover:not([disabled])){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover:not(:disabled)) .fill,:host(:hover:not([disabled])) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active]):not(:disabled)),:host(:is(:active,[active]):not([disabled])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active]):not(:disabled)),:host(:is(:active,[active]):not([disabled])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:not(:disabled):focus-visible),:host(:not([disabled]):focus-visible),:host(:not(:disabled):focus-within),:host(:not([disabled]):focus-within){color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:not(:disabled):focus-visible) .fill,:host(:not([disabled]):focus-visible) .fill,:host(:not(:disabled):focus-within) .fill,:host(:not([disabled]):focus-within) .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.icon{color:inherit}.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),:host([static-color=white]:focus-visible){outline:none}@media (forced-colors:active){:host(:not(:disabled)),:host(:not([disabled])){--highcontrast-clear-button-icon-color-hover:Highlight}}
5
- `;
6
- export default styles;
7
- //# sourceMappingURL=clear-button.css.dev.js.map
package/src/clear-button.css.dev.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["clear-button.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus)}:host([static-color=white]){--spectrum-clear-button-background-color-hover:var(--system-clear-button-static-white-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-static-white-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-static-white-background-color-key-focus)}: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);box-sizing:border-box;block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));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}: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([quiet]){--mod-clear-button-background-color:transparent;--mod-clear-button-background-color-hover:transparent;--mod-clear-button-background-color-down:transparent;--mod-clear-button-background-color-key-focus:transparent}:host([static-color=white]){--mod-clear-button-icon-color:var(--spectrum-white);--mod-clear-button-icon-color-hover:var(--spectrum-white);--mod-clear-button-icon-color-down:var(--spectrum-white);--mod-clear-button-icon-color-key-focus:var(--spectrum-white);--mod-clear-button-icon-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-clear-button-background-color:transparent}: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-disabled-content-color);--mod-clear-button-icon-color-down:var(--spectrum-disabled-content-color);--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host(:not(:disabled)),:host(:not([disabled])){cursor:pointer}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover:not(:disabled)),:host(:hover:not([disabled])){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover:not(:disabled)) .fill,:host(:hover:not([disabled])) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active]):not(:disabled)),:host(:is(:active,[active]):not([disabled])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active]):not(:disabled)),:host(:is(:active,[active]):not([disabled])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:not(:disabled):focus-visible),:host(:not([disabled]):focus-visible),:host(:not(:disabled):focus-within),:host(:not([disabled]):focus-within){color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:not(:disabled):focus-visible) .fill,:host(:not([disabled]):focus-visible) .fill,:host(:not(:disabled):focus-within) .fill,:host(:not([disabled]):focus-within) .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.icon{color:inherit}.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),:host([static-color=white]:focus-visible){outline:none}@media (forced-colors:active){:host(:not(:disabled)),:host(:not([disabled])){--highcontrast-clear-button-icon-color-hover:Highlight}}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
- "names": []
7
- }
package/src/clear-button.css.js DELETED
@@ -1,4 +0,0 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
2
- :host{--spectrum-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus)}:host([static-color=white]){--spectrum-clear-button-background-color-hover:var(--system-clear-button-static-white-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-static-white-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-static-white-background-color-key-focus)}: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);box-sizing:border-box;block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));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}: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([quiet]){--mod-clear-button-background-color:transparent;--mod-clear-button-background-color-hover:transparent;--mod-clear-button-background-color-down:transparent;--mod-clear-button-background-color-key-focus:transparent}:host([static-color=white]){--mod-clear-button-icon-color:var(--spectrum-white);--mod-clear-button-icon-color-hover:var(--spectrum-white);--mod-clear-button-icon-color-down:var(--spectrum-white);--mod-clear-button-icon-color-key-focus:var(--spectrum-white);--mod-clear-button-icon-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-clear-button-background-color:transparent}: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-disabled-content-color);--mod-clear-button-icon-color-down:var(--spectrum-disabled-content-color);--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host(:not(:disabled)),:host(:not([disabled])){cursor:pointer}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover:not(:disabled)),:host(:hover:not([disabled])){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover:not(:disabled)) .fill,:host(:hover:not([disabled])) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active]):not(:disabled)),:host(:is(:active,[active]):not([disabled])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active]):not(:disabled)),:host(:is(:active,[active]):not([disabled])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:not(:disabled):focus-visible),:host(:not([disabled]):focus-visible),:host(:not(:disabled):focus-within),:host(:not([disabled]):focus-within){color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:not(:disabled):focus-visible) .fill,:host(:not([disabled]):focus-visible) .fill,:host(:not(:disabled):focus-within) .fill,:host(:not([disabled]):focus-within) .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.icon{color:inherit}.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),:host([static-color=white]:focus-visible){outline:none}@media (forced-colors:active){:host(:not(:disabled)),:host(:not([disabled])){--highcontrast-clear-button-icon-color-hover:Highlight}}
3
- `;export default t;
4
- //# sourceMappingURL=clear-button.css.js.map
package/src/clear-button.css.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["clear-button.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus)}:host([static-color=white]){--spectrum-clear-button-background-color-hover:var(--system-clear-button-static-white-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-static-white-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-static-white-background-color-key-focus)}: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);box-sizing:border-box;block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));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}: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([quiet]){--mod-clear-button-background-color:transparent;--mod-clear-button-background-color-hover:transparent;--mod-clear-button-background-color-down:transparent;--mod-clear-button-background-color-key-focus:transparent}:host([static-color=white]){--mod-clear-button-icon-color:var(--spectrum-white);--mod-clear-button-icon-color-hover:var(--spectrum-white);--mod-clear-button-icon-color-down:var(--spectrum-white);--mod-clear-button-icon-color-key-focus:var(--spectrum-white);--mod-clear-button-icon-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-clear-button-background-color:transparent}: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-disabled-content-color);--mod-clear-button-icon-color-down:var(--spectrum-disabled-content-color);--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host(:not(:disabled)),:host(:not([disabled])){cursor:pointer}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover:not(:disabled)),:host(:hover:not([disabled])){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover:not(:disabled)) .fill,:host(:hover:not([disabled])) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active]):not(:disabled)),:host(:is(:active,[active]):not([disabled])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active]):not(:disabled)),:host(:is(:active,[active]):not([disabled])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:not(:disabled):focus-visible),:host(:not([disabled]):focus-visible),:host(:not(:disabled):focus-within),:host(:not([disabled]):focus-within){color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:not(:disabled):focus-visible) .fill,:host(:not([disabled]):focus-visible) .fill,:host(:not(:disabled):focus-within) .fill,:host(:not([disabled]):focus-within) .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.icon{color:inherit}.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),:host([static-color=white]:focus-visible){outline:none}@media (forced-colors:active){:host(:not(:disabled)),:host(:not([disabled])){--highcontrast-clear-button-icon-color-hover:Highlight}}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
- "names": ["css", "styles"]
7
- }