@spectrum-web-components/color-handle 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 (33) hide show
  1. package/CHANGELOG.md +458 -0
  2. package/package.json +73 -73
  3. package/custom-elements.json +0 -163
  4. package/sp-color-handle.d.ts +0 -17
  5. package/sp-color-handle.dev.js +0 -5
  6. package/sp-color-handle.dev.js.map +0 -7
  7. package/sp-color-handle.js +0 -2
  8. package/sp-color-handle.js.map +0 -7
  9. package/src/ColorHandle.d.ts +0 -27
  10. package/src/ColorHandle.dev.js +0 -69
  11. package/src/ColorHandle.dev.js.map +0 -7
  12. package/src/ColorHandle.js +0 -8
  13. package/src/ColorHandle.js.map +0 -7
  14. package/src/color-handle-overrides.css.d.ts +0 -2
  15. package/src/color-handle-overrides.css.dev.js +0 -7
  16. package/src/color-handle-overrides.css.dev.js.map +0 -7
  17. package/src/color-handle-overrides.css.js +0 -4
  18. package/src/color-handle-overrides.css.js.map +0 -7
  19. package/src/color-handle.css.d.ts +0 -2
  20. package/src/color-handle.css.dev.js +0 -7
  21. package/src/color-handle.css.dev.js.map +0 -7
  22. package/src/color-handle.css.js +0 -4
  23. package/src/color-handle.css.js.map +0 -7
  24. package/src/index.d.ts +0 -12
  25. package/src/index.dev.js +0 -3
  26. package/src/index.dev.js.map +0 -7
  27. package/src/index.js +0 -2
  28. package/src/index.js.map +0 -7
  29. package/src/spectrum-color-handle.css.d.ts +0 -2
  30. package/src/spectrum-color-handle.css.dev.js +0 -7
  31. package/src/spectrum-color-handle.css.dev.js.map +0 -7
  32. package/src/spectrum-color-handle.css.js +0 -4
  33. package/src/spectrum-color-handle.css.js.map +0 -7
package/CHANGELOG.md ADDED
@@ -0,0 +1,458 @@
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
+ - @spectrum-web-components/color-loupe@1.9.1-nightly.20251028214328
10
+ - @spectrum-web-components/opacity-checkerboard@1.9.1-nightly.20251028214328
11
+
12
+ ## 1.9.0
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies []:
17
+ - @spectrum-web-components/color-loupe@1.9.0
18
+ - @spectrum-web-components/base@1.9.0
19
+ - @spectrum-web-components/opacity-checkerboard@1.9.0
20
+
21
+ ## 1.8.0
22
+
23
+ ### Patch Changes
24
+
25
+ - Updated dependencies []:
26
+ - @spectrum-web-components/color-loupe@1.8.0
27
+ - @spectrum-web-components/base@1.8.0
28
+ - @spectrum-web-components/opacity-checkerboard@1.8.0
29
+
30
+ ## 1.7.0
31
+
32
+ ### Patch Changes
33
+
34
+ - Updated dependencies []:
35
+ - @spectrum-web-components/color-loupe@1.7.0
36
+ - @spectrum-web-components/base@1.7.0
37
+ - @spectrum-web-components/opacity-checkerboard@1.7.0
38
+
39
+ ## 1.6.0
40
+
41
+ ### Patch Changes
42
+
43
+ - Updated dependencies []:
44
+ - @spectrum-web-components/color-loupe@1.6.0
45
+ - @spectrum-web-components/base@1.6.0
46
+ - @spectrum-web-components/opacity-checkerboard@1.6.0
47
+
48
+ ## 1.5.0
49
+
50
+ ### Patch Changes
51
+
52
+ - [#5271](https://github.com/adobe/spectrum-web-components/pull/5271) [`165a904`](https://github.com/adobe/spectrum-web-components/commit/165a904bd01fddea922fe87b181bbf41281f81f0) Thanks [@renovate](https://github.com/apps/renovate)! - Remove unnecessary system theme references to reduce complexity for components that don't need the additional mapping layer.
53
+
54
+ - Updated dependencies [[`165a904`](https://github.com/adobe/spectrum-web-components/commit/165a904bd01fddea922fe87b181bbf41281f81f0)]:
55
+ - @spectrum-web-components/color-loupe@1.5.0
56
+ - @spectrum-web-components/base@1.5.0
57
+ - @spectrum-web-components/opacity-checkerboard@1.5.0
58
+
59
+ ## 1.4.0
60
+
61
+ ### Patch Changes
62
+
63
+ - Updated dependencies []:
64
+ - @spectrum-web-components/color-loupe@1.4.0
65
+ - @spectrum-web-components/base@1.4.0
66
+ - @spectrum-web-components/opacity-checkerboard@1.4.0
67
+
68
+ ## 1.3.0
69
+
70
+ ### Patch Changes
71
+
72
+ - Updated dependencies []:
73
+ - @spectrum-web-components/color-loupe@1.3.0
74
+ - @spectrum-web-components/base@1.3.0
75
+ - @spectrum-web-components/opacity-checkerboard@1.3.0
76
+
77
+ All notable changes to this project will be documented in this file.
78
+ See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
79
+
80
+ # [1.2.0](https://github.com/adobe/spectrum-web-components/compare/v1.1.2...v1.2.0) (2025-02-27)
81
+
82
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
83
+
84
+ ## [1.1.2](https://github.com/adobe/spectrum-web-components/compare/v1.1.1...v1.1.2) (2025-02-12)
85
+
86
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
87
+
88
+ ## [1.1.1](https://github.com/adobe/spectrum-web-components/compare/v1.1.0...v1.1.1) (2025-01-29)
89
+
90
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
91
+
92
+ # [1.1.0](https://github.com/adobe/spectrum-web-components/compare/v1.0.3...v1.1.0) (2025-01-29)
93
+
94
+ ### Bug Fixes
95
+
96
+ - 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))
97
+
98
+ ## [1.0.1](https://github.com/adobe/spectrum-web-components/compare/v1.0.0...v1.0.1) (2024-11-11)
99
+
100
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
101
+
102
+ # [1.0.0](https://github.com/adobe/spectrum-web-components/compare/v0.49.0...v1.0.0) (2024-10-31)
103
+
104
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
105
+
106
+ # [0.49.0](https://github.com/adobe/spectrum-web-components/compare/v0.48.1...v0.49.0) (2024-10-15)
107
+
108
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
109
+
110
+ ## [0.48.1](https://github.com/adobe/spectrum-web-components/compare/v0.48.0...v0.48.1) (2024-10-01)
111
+
112
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
113
+
114
+ # [0.48.0](https://github.com/adobe/spectrum-web-components/compare/v0.47.2...v0.48.0) (2024-09-17)
115
+
116
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
117
+
118
+ ## [0.47.2](https://github.com/adobe/spectrum-web-components/compare/v0.47.1...v0.47.2) (2024-09-03)
119
+
120
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
121
+
122
+ ## [0.47.1](https://github.com/adobe/spectrum-web-components/compare/v0.47.0...v0.47.1) (2024-08-27)
123
+
124
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
125
+
126
+ # [0.47.0](https://github.com/adobe/spectrum-web-components/compare/v0.46.0...v0.47.0) (2024-08-20)
127
+
128
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
129
+
130
+ # [0.46.0](https://github.com/adobe/spectrum-web-components/compare/v0.45.0...v0.46.0) (2024-08-08)
131
+
132
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
133
+
134
+ # [0.45.0](https://github.com/adobe/spectrum-web-components/compare/v0.44.0...v0.45.0) (2024-07-30)
135
+
136
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
137
+
138
+ # [0.44.0](https://github.com/adobe/spectrum-web-components/compare/v0.42.4...v0.44.0) (2024-07-15)
139
+
140
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
141
+
142
+ # [0.43.0](https://github.com/adobe/spectrum-web-components/compare/v0.42.4...v0.43.0) (2024-06-11)
143
+
144
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
145
+
146
+ ## [0.42.5](https://github.com/adobe/spectrum-web-components/compare/v0.42.4...v0.42.5) (2024-05-24)
147
+
148
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
149
+
150
+ ## [0.42.4](https://github.com/adobe/spectrum-web-components/compare/v0.42.2...v0.42.4) (2024-05-14)
151
+
152
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
153
+
154
+ ## [0.42.3](https://github.com/adobe/spectrum-web-components/compare/v0.42.2...v0.42.3) (2024-05-01)
155
+
156
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
157
+
158
+ ## [0.42.2](https://github.com/adobe/spectrum-web-components/compare/v0.42.1...v0.42.2) (2024-04-03)
159
+
160
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
161
+
162
+ ## [0.42.1](https://github.com/adobe/spectrum-web-components/compare/v0.42.0...v0.42.1) (2024-04-02)
163
+
164
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
165
+
166
+ # [0.42.0](https://github.com/adobe/spectrum-web-components/compare/v0.41.2...v0.42.0) (2024-03-19)
167
+
168
+ ### Features
169
+
170
+ - **asset:** use core tokens ([99e76f4](https://github.com/adobe/spectrum-web-components/commit/99e76f4d32e990960b7fa2f0613ed4144adc4f6e))
171
+
172
+ ## [0.41.2](https://github.com/adobe/spectrum-web-components/compare/v0.41.1...v0.41.2) (2024-03-05)
173
+
174
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
175
+
176
+ ## [0.41.1](https://github.com/adobe/spectrum-web-components/compare/v0.41.0...v0.41.1) (2024-02-22)
177
+
178
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
179
+
180
+ # [0.41.0](https://github.com/adobe/spectrum-web-components/compare/v0.40.5...v0.41.0) (2024-02-13)
181
+
182
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
183
+
184
+ ## [0.40.5](https://github.com/adobe/spectrum-web-components/compare/v0.40.4...v0.40.5) (2024-02-05)
185
+
186
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
187
+
188
+ ## [0.40.4](https://github.com/adobe/spectrum-web-components/compare/v0.40.3...v0.40.4) (2024-01-29)
189
+
190
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
191
+
192
+ ## [0.40.3](https://github.com/adobe/spectrum-web-components/compare/v0.40.2...v0.40.3) (2024-01-11)
193
+
194
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
195
+
196
+ ## [0.40.2](https://github.com/adobe/spectrum-web-components/compare/v0.40.1...v0.40.2) (2023-12-18)
197
+
198
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
199
+
200
+ ## [0.40.1](https://github.com/adobe/spectrum-web-components/compare/v0.40.0...v0.40.1) (2023-12-05)
201
+
202
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
203
+
204
+ # [0.40.0](https://github.com/adobe/spectrum-web-components/compare/v0.39.4...v0.40.0) (2023-11-16)
205
+
206
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
207
+
208
+ ## [0.39.4](https://github.com/adobe/spectrum-web-components/compare/v0.39.3...v0.39.4) (2023-11-02)
209
+
210
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
211
+
212
+ ## [0.39.3](https://github.com/adobe/spectrum-web-components/compare/v0.39.2...v0.39.3) (2023-10-18)
213
+
214
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
215
+
216
+ ## [0.39.2](https://github.com/adobe/spectrum-web-components/compare/v0.39.1...v0.39.2) (2023-10-13)
217
+
218
+ ### Bug Fixes
219
+
220
+ - update deps graph, update link docs ([#3709](https://github.com/adobe/spectrum-web-components/issues/3709)) ([2deb284](https://github.com/adobe/spectrum-web-components/commit/2deb2847e6ad458c3cbaec02732fffde133e0c54))
221
+
222
+ ## [0.39.1](https://github.com/adobe/spectrum-web-components/compare/v0.39.0...v0.39.1) (2023-10-06)
223
+
224
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
225
+
226
+ # [0.39.0](https://github.com/adobe/spectrum-web-components/compare/v0.38.0...v0.39.0) (2023-09-25)
227
+
228
+ ### Bug Fixes
229
+
230
+ - **color-handle,color-loupe,swatch,thumbnail:** use the Opacity Checkerboard package ([47e1fc4](https://github.com/adobe/spectrum-web-components/commit/47e1fc4c86f736f2fa27cb6644320577717f827e))
231
+
232
+ ### Features
233
+
234
+ - **color-slider:** migrate to core tokens ([#3507](https://github.com/adobe/spectrum-web-components/issues/3507)) ([96d0d40](https://github.com/adobe/spectrum-web-components/commit/96d0d40419e9f0b2d1ed77528dc062b1e62aeea5))
235
+
236
+ # [0.38.0](https://github.com/adobe/spectrum-web-components/compare/v0.37.0...v0.38.0) (2023-09-05)
237
+
238
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
239
+
240
+ # [0.37.0](https://github.com/adobe/spectrum-web-components/compare/v0.36.0...v0.37.0) (2023-08-18)
241
+
242
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
243
+
244
+ # [0.36.0](https://github.com/adobe/spectrum-web-components/compare/v0.35.0...v0.36.0) (2023-08-18)
245
+
246
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
247
+
248
+ # [0.35.0](https://github.com/adobe/spectrum-web-components/compare/v0.34.0...v0.35.0) (2023-07-31)
249
+
250
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
251
+
252
+ # [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
253
+
254
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
255
+
256
+ ## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
257
+
258
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
259
+
260
+ # [0.33.0](https://github.com/adobe/spectrum-web-components/compare/v0.32.0...v0.33.0) (2023-06-08)
261
+
262
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
263
+
264
+ # [0.32.0](https://github.com/adobe/spectrum-web-components/compare/v0.31.0...v0.32.0) (2023-06-01)
265
+
266
+ ### Bug Fixes
267
+
268
+ - **color-handle,color-loupe:** accept updated CSS token names ([8c28f6d](https://github.com/adobe/spectrum-web-components/commit/8c28f6d002973bf7398f134ca4e73be8fee967dd))
269
+
270
+ # [0.31.0](https://github.com/adobe/spectrum-web-components/compare/v0.30.0...v0.31.0) (2023-05-17)
271
+
272
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
273
+
274
+ # 0.30.0 (2023-05-03)
275
+
276
+ ### Bug Fixes
277
+
278
+ - address westbrooks comments ([634af60](https://github.com/adobe/spectrum-web-components/commit/634af60f88b0c998b30697dfbd13c9c466ed539d))
279
+ - expand support for maintaining hue and saturation across customization ([fe18944](https://github.com/adobe/spectrum-web-components/commit/fe18944da268bd16fbb3e643fa4695d7e2d0e5d7))
280
+ - include touch-action rule for draggable content ([3f507e6](https://github.com/adobe/spectrum-web-components/commit/3f507e6dba718ae2b7415454eba859a9790e43e7))
281
+ - leverage Color Controller to unify color interface across packages ([fb71690](https://github.com/adobe/spectrum-web-components/commit/fb7169066fd4f15aee594c463cc4cdbf7f550a5e))
282
+ - manage "focused" across more contexts ([9273c15](https://github.com/adobe/spectrum-web-components/commit/9273c15144323bd8d62626b4e35b1975bffabf2a))
283
+ - prevent focus outline ([af2b077](https://github.com/adobe/spectrum-web-components/commit/af2b07704ae01409649be3ee1b45c15463cd9baf))
284
+
285
+ ### Features
286
+
287
+ - adopt DNA@7 base Spectrum CSS ([e08cafd](https://github.com/adobe/spectrum-web-components/commit/e08cafda9f1b33b0163fbe5ba66754806be8f9e4))
288
+ - **color-handle:** add color-handle pattern ([e3856d8](https://github.com/adobe/spectrum-web-components/commit/e3856d8894d91336d073c639b8fbc6f35d3d1276))
289
+ - **color-handle:** use core tokens ([e0c1468](https://github.com/adobe/spectrum-web-components/commit/e0c1468285e04f9868ad0eb504f15412cdc22418))
290
+ - **color-loupe:** use core tokens ([149165c](https://github.com/adobe/spectrum-web-components/commit/149165c1ea67bc6348f31d79a89ccea8da7e9262))
291
+ - include all Dev Mode files in side effects ([f70817c](https://github.com/adobe/spectrum-web-components/commit/f70817cc15db6dcf5cc1de2d82b4f7b0c80b1251))
292
+ - shared pkg versions, devmode define warning, registry-conflicts docs ([6e49565](https://github.com/adobe/spectrum-web-components/commit/6e4956519b845fa8127f8032948b625c252ef7a6))
293
+
294
+ # [0.5.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.9...@spectrum-web-components/color-handle@0.5.0) (2023-04-24)
295
+
296
+ ### Features
297
+
298
+ - **color-handle:** use core tokens ([e0c1468](https://github.com/adobe/spectrum-web-components/commit/e0c1468285e04f9868ad0eb504f15412cdc22418))
299
+ - **color-loupe:** use core tokens ([149165c](https://github.com/adobe/spectrum-web-components/commit/149165c1ea67bc6348f31d79a89ccea8da7e9262))
300
+
301
+ ## [0.4.9](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.8...@spectrum-web-components/color-handle@0.4.9) (2023-04-05)
302
+
303
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
304
+
305
+ ## [0.4.8](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.7...@spectrum-web-components/color-handle@0.4.8) (2023-03-22)
306
+
307
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
308
+
309
+ ## [0.4.7](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.6...@spectrum-web-components/color-handle@0.4.7) (2023-02-08)
310
+
311
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
312
+
313
+ ## [0.4.6](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.5...@spectrum-web-components/color-handle@0.4.6) (2023-01-23)
314
+
315
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
316
+
317
+ ## [0.4.5](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.4...@spectrum-web-components/color-handle@0.4.5) (2023-01-09)
318
+
319
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
320
+
321
+ ## [0.4.4](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.3...@spectrum-web-components/color-handle@0.4.4) (2022-12-08)
322
+
323
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
324
+
325
+ ## [0.4.3](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.2...@spectrum-web-components/color-handle@0.4.3) (2022-11-21)
326
+
327
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
328
+
329
+ ## [0.4.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.1...@spectrum-web-components/color-handle@0.4.2) (2022-11-14)
330
+
331
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
332
+
333
+ ## [0.4.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.0...@spectrum-web-components/color-handle@0.4.1) (2022-10-10)
334
+
335
+ ### Bug Fixes
336
+
337
+ - leverage Color Controller to unify color interface across packages ([fb71690](https://github.com/adobe/spectrum-web-components/commit/fb7169066fd4f15aee594c463cc4cdbf7f550a5e))
338
+
339
+ # [0.4.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.11...@spectrum-web-components/color-handle@0.4.0) (2022-08-09)
340
+
341
+ ### Features
342
+
343
+ - include all Dev Mode files in side effects ([f70817c](https://github.com/adobe/spectrum-web-components/commit/f70817cc15db6dcf5cc1de2d82b4f7b0c80b1251))
344
+
345
+ ## [0.3.11](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.10...@spectrum-web-components/color-handle@0.3.11) (2022-08-04)
346
+
347
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
348
+
349
+ ## [0.3.10](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.9...@spectrum-web-components/color-handle@0.3.10) (2022-07-18)
350
+
351
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
352
+
353
+ ## [0.3.9](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.8...@spectrum-web-components/color-handle@0.3.9) (2022-06-29)
354
+
355
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
356
+
357
+ ## [0.3.8](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.7...@spectrum-web-components/color-handle@0.3.8) (2022-06-07)
358
+
359
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
360
+
361
+ ## [0.3.7](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.6...@spectrum-web-components/color-handle@0.3.7) (2022-05-12)
362
+
363
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
364
+
365
+ ## [0.3.6](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.5...@spectrum-web-components/color-handle@0.3.6) (2022-04-21)
366
+
367
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
368
+
369
+ ## [0.3.5](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.4...@spectrum-web-components/color-handle@0.3.5) (2022-03-08)
370
+
371
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
372
+
373
+ ## [0.3.4](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.3...@spectrum-web-components/color-handle@0.3.4) (2022-03-04)
374
+
375
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
376
+
377
+ ## [0.3.3](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.2...@spectrum-web-components/color-handle@0.3.3) (2022-02-22)
378
+
379
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
380
+
381
+ ## [0.3.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.1...@spectrum-web-components/color-handle@0.3.2) (2022-01-26)
382
+
383
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
384
+
385
+ ## [0.3.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.0...@spectrum-web-components/color-handle@0.3.1) (2021-12-13)
386
+
387
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
388
+
389
+ # [0.3.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.2.1...@spectrum-web-components/color-handle@0.3.0) (2021-11-08)
390
+
391
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
392
+
393
+ ## [0.2.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.2.0...@spectrum-web-components/color-handle@0.2.1) (2021-11-08)
394
+
395
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
396
+
397
+ # [0.2.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.10...@spectrum-web-components/color-handle@0.2.0) (2021-11-02)
398
+
399
+ ### Features
400
+
401
+ - adopt DNA@7 base Spectrum CSS ([e08cafd](https://github.com/adobe/spectrum-web-components/commit/e08cafda9f1b33b0163fbe5ba66754806be8f9e4))
402
+
403
+ ## [0.1.10](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.9...@spectrum-web-components/color-handle@0.1.10) (2021-10-12)
404
+
405
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
406
+
407
+ ## [0.1.9](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.8...@spectrum-web-components/color-handle@0.1.9) (2021-09-20)
408
+
409
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
410
+
411
+ ## [0.1.8](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.7...@spectrum-web-components/color-handle@0.1.8) (2021-09-13)
412
+
413
+ ### Bug Fixes
414
+
415
+ - manage "focused" across more contexts ([9273c15](https://github.com/adobe/spectrum-web-components/commit/9273c15144323bd8d62626b4e35b1975bffabf2a))
416
+ - prevent focus outline ([af2b077](https://github.com/adobe/spectrum-web-components/commit/af2b07704ae01409649be3ee1b45c15463cd9baf))
417
+
418
+ ## [0.1.7](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.6...@spectrum-web-components/color-handle@0.1.7) (2021-07-22)
419
+
420
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
421
+
422
+ ## [0.1.6](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.5...@spectrum-web-components/color-handle@0.1.6) (2021-07-01)
423
+
424
+ ### Bug Fixes
425
+
426
+ - expand support for maintaining hue and saturation across customization ([fe18944](https://github.com/adobe/spectrum-web-components/commit/fe18944da268bd16fbb3e643fa4695d7e2d0e5d7))
427
+
428
+ ## [0.1.5](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.4...@spectrum-web-components/color-handle@0.1.5) (2021-06-16)
429
+
430
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
431
+
432
+ ## [0.1.4](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.3...@spectrum-web-components/color-handle@0.1.4) (2021-05-12)
433
+
434
+ ### Bug Fixes
435
+
436
+ - include touch-action rule for draggable content ([3f507e6](https://github.com/adobe/spectrum-web-components/commit/3f507e6dba718ae2b7415454eba859a9790e43e7))
437
+
438
+ ## [0.1.3](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.2...@spectrum-web-components/color-handle@0.1.3) (2021-04-09)
439
+
440
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
441
+
442
+ ## [0.1.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.1...@spectrum-web-components/color-handle@0.1.2) (2021-03-29)
443
+
444
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
445
+
446
+ ## [0.1.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.0...@spectrum-web-components/color-handle@0.1.1) (2021-03-22)
447
+
448
+ **Note:** Version bump only for package @spectrum-web-components/color-handle
449
+
450
+ # 0.1.0 (2021-03-05)
451
+
452
+ ### Bug Fixes
453
+
454
+ - address westbrooks comments ([634af60](https://github.com/adobe/spectrum-web-components/commit/634af60f88b0c998b30697dfbd13c9c466ed539d))
455
+
456
+ ### Features
457
+
458
+ - **color-handle:** add color-handle pattern ([e3856d8](https://github.com/adobe/spectrum-web-components/commit/e3856d8894d91336d073c639b8fbc6f35d3d1276))
package/package.json CHANGED
@@ -1,77 +1,77 @@
1
1
  {
2
- "name": "@spectrum-web-components/color-handle",
3
- "version": "1.9.0",
4
- "publishConfig": {
5
- "access": "public"
2
+ "name": "@spectrum-web-components/color-handle",
3
+ "version": "1.9.1-nightly.20251028214328",
4
+ "publishConfig": {
5
+ "access": "public"
6
+ },
7
+ "description": "",
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/color-handle"
13
+ },
14
+ "author": "Adobe",
15
+ "homepage": "https://opensource.adobe.com/spectrum-web-components/components/color-handle",
16
+ "bugs": {
17
+ "url": "https://github.com/adobe/spectrum-web-components/issues"
18
+ },
19
+ "main": "./src/index.js",
20
+ "module": "./src/index.js",
21
+ "type": "module",
22
+ "exports": {
23
+ ".": {
24
+ "development": "./src/index.dev.js",
25
+ "default": "./src/index.js"
6
26
  },
7
- "description": "",
8
- "license": "Apache-2.0",
9
- "repository": {
10
- "type": "git",
11
- "url": "https://github.com/adobe/spectrum-web-components.git",
12
- "directory": "packages/color-handle"
27
+ "./package.json": "./package.json",
28
+ "./src/ColorHandle.js": {
29
+ "development": "./src/ColorHandle.dev.js",
30
+ "default": "./src/ColorHandle.js"
13
31
  },
14
- "author": "Adobe",
15
- "homepage": "https://opensource.adobe.com/spectrum-web-components/components/color-handle",
16
- "bugs": {
17
- "url": "https://github.com/adobe/spectrum-web-components/issues"
32
+ "./src/color-handle-overrides.css.js": "./src/color-handle-overrides.css.js",
33
+ "./src/color-handle.css.js": "./src/color-handle.css.js",
34
+ "./src/index.js": {
35
+ "development": "./src/index.dev.js",
36
+ "default": "./src/index.js"
18
37
  },
19
- "main": "./src/index.js",
20
- "module": "./src/index.js",
21
- "type": "module",
22
- "exports": {
23
- ".": {
24
- "development": "./src/index.dev.js",
25
- "default": "./src/index.js"
26
- },
27
- "./package.json": "./package.json",
28
- "./src/ColorHandle.js": {
29
- "development": "./src/ColorHandle.dev.js",
30
- "default": "./src/ColorHandle.js"
31
- },
32
- "./src/color-handle-overrides.css.js": "./src/color-handle-overrides.css.js",
33
- "./src/color-handle.css.js": "./src/color-handle.css.js",
34
- "./src/index.js": {
35
- "development": "./src/index.dev.js",
36
- "default": "./src/index.js"
37
- },
38
- "./sp-color-handle.js": {
39
- "development": "./sp-color-handle.dev.js",
40
- "default": "./sp-color-handle.js"
41
- }
42
- },
43
- "scripts": {
44
- "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
45
- },
46
- "files": [
47
- "**/*.d.ts",
48
- "**/*.js",
49
- "**/*.js.map",
50
- "custom-elements.json",
51
- "!stories/",
52
- "!test/"
53
- ],
54
- "keywords": [
55
- "design-system",
56
- "spectrum",
57
- "adobe",
58
- "adobe-spectrum",
59
- "web components",
60
- "web-components",
61
- "lit-element",
62
- "lit-html",
63
- "component",
64
- "css"
65
- ],
66
- "dependencies": {
67
- "@spectrum-web-components/base": "1.9.0",
68
- "@spectrum-web-components/color-loupe": "1.9.0",
69
- "@spectrum-web-components/opacity-checkerboard": "1.9.0"
70
- },
71
- "types": "./src/index.d.ts",
72
- "customElements": "custom-elements.json",
73
- "sideEffects": [
74
- "./sp-*.js",
75
- "./**/*.dev.js"
76
- ]
77
- }
38
+ "./sp-color-handle.js": {
39
+ "development": "./sp-color-handle.dev.js",
40
+ "default": "./sp-color-handle.js"
41
+ }
42
+ },
43
+ "scripts": {
44
+ "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
45
+ },
46
+ "files": [
47
+ "**/*.d.ts",
48
+ "**/*.js",
49
+ "**/*.js.map",
50
+ "custom-elements.json",
51
+ "!stories/",
52
+ "!test/"
53
+ ],
54
+ "keywords": [
55
+ "design-system",
56
+ "spectrum",
57
+ "adobe",
58
+ "adobe-spectrum",
59
+ "web components",
60
+ "web-components",
61
+ "lit-element",
62
+ "lit-html",
63
+ "component",
64
+ "css"
65
+ ],
66
+ "dependencies": {
67
+ "@spectrum-web-components/base": "1.9.1-nightly.20251028214328",
68
+ "@spectrum-web-components/color-loupe": "1.9.1-nightly.20251028214328",
69
+ "@spectrum-web-components/opacity-checkerboard": "1.9.1-nightly.20251028214328"
70
+ },
71
+ "types": "./src/index.d.ts",
72
+ "customElements": "custom-elements.json",
73
+ "sideEffects": [
74
+ "./sp-*.js",
75
+ "./**/*.dev.js"
76
+ ]
77
+ }
package/custom-elements.json DELETED
@@ -1,163 +0,0 @@
1
- {
2
- "schemaVersion": "1.0.0",
3
- "readme": "",
4
- "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "sp-color-handle.js",
8
- "declarations": [],
9
- "exports": [
10
- {
11
- "kind": "custom-element-definition",
12
- "name": "sp-color-handle",
13
- "declaration": {
14
- "name": "ColorHandle",
15
- "module": "/src/ColorHandle.js"
16
- }
17
- }
18
- ]
19
- },
20
- {
21
- "kind": "javascript-module",
22
- "path": "src/ColorHandle.js",
23
- "declarations": [
24
- {
25
- "kind": "class",
26
- "description": "",
27
- "name": "ColorHandle",
28
- "members": [
29
- {
30
- "kind": "field",
31
- "name": "disabled",
32
- "type": {
33
- "text": "boolean"
34
- },
35
- "privacy": "public",
36
- "default": "false",
37
- "attribute": "disabled",
38
- "reflects": true
39
- },
40
- {
41
- "kind": "field",
42
- "name": "focused",
43
- "type": {
44
- "text": "boolean"
45
- },
46
- "privacy": "public",
47
- "default": "false",
48
- "attribute": "focused",
49
- "reflects": true
50
- },
51
- {
52
- "kind": "field",
53
- "name": "open",
54
- "type": {
55
- "text": "boolean"
56
- },
57
- "privacy": "public",
58
- "default": "false",
59
- "attribute": "open",
60
- "reflects": true
61
- },
62
- {
63
- "kind": "field",
64
- "name": "color",
65
- "type": {
66
- "text": "string"
67
- },
68
- "privacy": "public",
69
- "default": "'rgba(255, 0, 0, 0.5)'",
70
- "attribute": "color"
71
- },
72
- {
73
- "kind": "method",
74
- "name": "handlePointerdown",
75
- "privacy": "private",
76
- "return": {
77
- "type": {
78
- "text": "void"
79
- }
80
- },
81
- "parameters": [
82
- {
83
- "name": "event",
84
- "type": {
85
- "text": "PointerEvent"
86
- }
87
- }
88
- ]
89
- },
90
- {
91
- "kind": "method",
92
- "name": "handlePointerup",
93
- "privacy": "private",
94
- "return": {
95
- "type": {
96
- "text": "void"
97
- }
98
- },
99
- "parameters": [
100
- {
101
- "name": "event",
102
- "type": {
103
- "text": "PointerEvent"
104
- }
105
- }
106
- ]
107
- }
108
- ],
109
- "attributes": [
110
- {
111
- "name": "disabled",
112
- "type": {
113
- "text": "boolean"
114
- },
115
- "default": "false",
116
- "fieldName": "disabled"
117
- },
118
- {
119
- "name": "focused",
120
- "type": {
121
- "text": "boolean"
122
- },
123
- "default": "false",
124
- "fieldName": "focused"
125
- },
126
- {
127
- "name": "open",
128
- "type": {
129
- "text": "boolean"
130
- },
131
- "default": "false",
132
- "fieldName": "open"
133
- },
134
- {
135
- "name": "color",
136
- "type": {
137
- "text": "string"
138
- },
139
- "default": "'rgba(255, 0, 0, 0.5)'",
140
- "fieldName": "color"
141
- }
142
- ],
143
- "superclass": {
144
- "name": "SpectrumElement",
145
- "package": "@spectrum-web-components/base"
146
- },
147
- "tagName": "sp-color-handle",
148
- "customElement": true
149
- }
150
- ],
151
- "exports": [
152
- {
153
- "kind": "js",
154
- "name": "ColorHandle",
155
- "declaration": {
156
- "name": "ColorHandle",
157
- "module": "src/ColorHandle.js"
158
- }
159
- }
160
- ]
161
- }
162
- ]
163
- }
package/sp-color-handle.d.ts DELETED
@@ -1,17 +0,0 @@
1
- /**
2
- * Copyright 2025 Adobe. All rights reserved.
3
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License. You may obtain a copy
5
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
6
- *
7
- * Unless required by applicable law or agreed to in writing, software distributed under
8
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- * OF ANY KIND, either express or implied. See the License for the specific language
10
- * governing permissions and limitations under the License.
11
- */
12
- import { ColorHandle } from './src/ColorHandle.js';
13
- declare global {
14
- interface HTMLElementTagNameMap {
15
- 'sp-color-handle': ColorHandle;
16
- }
17
- }
package/sp-color-handle.dev.js DELETED
@@ -1,5 +0,0 @@
1
- "use strict";
2
- import { ColorHandle } from "./src/ColorHandle.dev.js";
3
- import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
4
- defineElement("sp-color-handle", ColorHandle);
5
- //# sourceMappingURL=sp-color-handle.dev.js.map
package/sp-color-handle.dev.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["sp-color-handle.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 */\n\nimport { ColorHandle } from './src/ColorHandle.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-color-handle', ColorHandle);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'sp-color-handle': ColorHandle;\n }\n}\n"],
5
- "mappings": ";AAYA,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAE9B,cAAc,mBAAmB,WAAW;",
6
- "names": []
7
- }
package/sp-color-handle.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";import{ColorHandle as e}from"./src/ColorHandle.js";import{defineElement as l}from"@spectrum-web-components/base/src/define-element.js";l("sp-color-handle",e);
2
- //# sourceMappingURL=sp-color-handle.js.map
package/sp-color-handle.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["sp-color-handle.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 */\n\nimport { ColorHandle } from './src/ColorHandle.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-color-handle', ColorHandle);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'sp-color-handle': ColorHandle;\n }\n}\n"],
5
- "mappings": "aAYA,OAAS,eAAAA,MAAmB,uBAC5B,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,kBAAmBD,CAAW",
6
- "names": ["ColorHandle", "defineElement"]
7
- }
package/src/ColorHandle.d.ts DELETED
@@ -1,27 +0,0 @@
1
- /**
2
- * Copyright 2025 Adobe. All rights reserved.
3
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License. You may obtain a copy
5
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
6
- *
7
- * Unless required by applicable law or agreed to in writing, software distributed under
8
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- * OF ANY KIND, either express or implied. See the License for the specific language
10
- * governing permissions and limitations under the License.
11
- */
12
- import { CSSResultArray, PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
13
- import '@spectrum-web-components/color-loupe/sp-color-loupe.js';
14
- /**
15
- * @element sp-color-handle
16
- */
17
- export declare class ColorHandle extends SpectrumElement {
18
- static get styles(): CSSResultArray;
19
- disabled: boolean;
20
- focused: boolean;
21
- open: boolean;
22
- color: string;
23
- private handlePointerdown;
24
- private handlePointerup;
25
- protected render(): TemplateResult;
26
- protected firstUpdated(changed: PropertyValues): void;
27
- }
package/src/ColorHandle.dev.js DELETED
@@ -1,69 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __decorateClass = (decorators, target, key, kind) => {
5
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
6
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
7
- if (decorator = decorators[i])
8
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
9
- if (kind && result) __defProp(target, key, result);
10
- return result;
11
- };
12
- import {
13
- html,
14
- SpectrumElement
15
- } from "@spectrum-web-components/base";
16
- import { property } from "@spectrum-web-components/base/src/decorators.js";
17
- import "@spectrum-web-components/color-loupe/sp-color-loupe.js";
18
- import opacityCheckerboardStyles from "@spectrum-web-components/opacity-checkerboard/src/is-opacity-checkerboard.css.js";
19
- import styles from "./color-handle.css.js";
20
- export class ColorHandle extends SpectrumElement {
21
- constructor() {
22
- super(...arguments);
23
- this.disabled = false;
24
- this.focused = false;
25
- this.open = false;
26
- this.color = "rgba(255, 0, 0, 0.5)";
27
- }
28
- static get styles() {
29
- return [opacityCheckerboardStyles, styles];
30
- }
31
- handlePointerdown(event) {
32
- if (event.pointerType === "touch") {
33
- this.open = true;
34
- }
35
- this.setPointerCapture(event.pointerId);
36
- }
37
- handlePointerup(event) {
38
- this.open = false;
39
- this.releasePointerCapture(event.pointerId);
40
- }
41
- render() {
42
- return html`
43
- <div class="inner" style="background-color: ${this.color}"></div>
44
- <sp-color-loupe
45
- color=${this.color}
46
- ?open=${this.open && !this.disabled}
47
- ></sp-color-loupe>
48
- `;
49
- }
50
- firstUpdated(changed) {
51
- super.firstUpdated(changed);
52
- this.addEventListener("pointerdown", this.handlePointerdown);
53
- this.addEventListener("pointerup", this.handlePointerup);
54
- this.addEventListener("pointercancel", this.handlePointerup);
55
- }
56
- }
57
- __decorateClass([
58
- property({ type: Boolean, reflect: true })
59
- ], ColorHandle.prototype, "disabled", 2);
60
- __decorateClass([
61
- property({ type: Boolean, reflect: true })
62
- ], ColorHandle.prototype, "focused", 2);
63
- __decorateClass([
64
- property({ type: Boolean, reflect: true })
65
- ], ColorHandle.prototype, "open", 2);
66
- __decorateClass([
67
- property({ type: String })
68
- ], ColorHandle.prototype, "color", 2);
69
- //# sourceMappingURL=ColorHandle.dev.js.map
package/src/ColorHandle.dev.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["ColorHandle.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 */\n\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport '@spectrum-web-components/color-loupe/sp-color-loupe.js';\nimport opacityCheckerboardStyles from '@spectrum-web-components/opacity-checkerboard/src/is-opacity-checkerboard.css.js';\nimport styles from './color-handle.css.js';\n\n/**\n * @element sp-color-handle\n */\nexport class ColorHandle extends SpectrumElement {\n public static override get styles(): CSSResultArray {\n return [opacityCheckerboardStyles, styles];\n }\n\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n @property({ type: Boolean, reflect: true })\n public focused = false;\n\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n @property({ type: String })\n public color = 'rgba(255, 0, 0, 0.5)';\n\n private handlePointerdown(event: PointerEvent): void {\n if (event.pointerType === 'touch') {\n this.open = true;\n }\n this.setPointerCapture(event.pointerId);\n }\n\n private handlePointerup(event: PointerEvent): void {\n this.open = false;\n this.releasePointerCapture(event.pointerId);\n }\n\n protected override render(): TemplateResult {\n return html`\n <div class=\"inner\" style=\"background-color: ${this.color}\"></div>\n <sp-color-loupe\n color=${this.color}\n ?open=${this.open && !this.disabled}\n ></sp-color-loupe>\n `;\n }\n\n protected override firstUpdated(changed: PropertyValues): void {\n super.firstUpdated(changed);\n this.addEventListener('pointerdown', this.handlePointerdown);\n this.addEventListener('pointerup', this.handlePointerup);\n this.addEventListener('pointercancel', this.handlePointerup);\n }\n}\n"],
5
- "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EAEA;AAAA,OAEG;AACP,SAAS,gBAAgB;AAEzB,OAAO;AACP,OAAO,+BAA+B;AACtC,OAAO,YAAY;AAKZ,aAAM,oBAAoB,gBAAgB;AAAA,EAA1C;AAAA;AAMH,SAAO,WAAW;AAGlB,SAAO,UAAU;AAGjB,SAAO,OAAO;AAGd,SAAO,QAAQ;AAAA;AAAA,EAdf,WAA2B,SAAyB;AAChD,WAAO,CAAC,2BAA2B,MAAM;AAAA,EAC7C;AAAA,EAcQ,kBAAkB,OAA2B;AACjD,QAAI,MAAM,gBAAgB,SAAS;AAC/B,WAAK,OAAO;AAAA,IAChB;AACA,SAAK,kBAAkB,MAAM,SAAS;AAAA,EAC1C;AAAA,EAEQ,gBAAgB,OAA2B;AAC/C,SAAK,OAAO;AACZ,SAAK,sBAAsB,MAAM,SAAS;AAAA,EAC9C;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA,0DAC2C,KAAK,KAAK;AAAA;AAAA,wBAE5C,KAAK,KAAK;AAAA,wBACV,KAAK,QAAQ,CAAC,KAAK,QAAQ;AAAA;AAAA;AAAA,EAG/C;AAAA,EAEmB,aAAa,SAA+B;AAC3D,UAAM,aAAa,OAAO;AAC1B,SAAK,iBAAiB,eAAe,KAAK,iBAAiB;AAC3D,SAAK,iBAAiB,aAAa,KAAK,eAAe;AACvD,SAAK,iBAAiB,iBAAiB,KAAK,eAAe;AAAA,EAC/D;AACJ;AAvCW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GALjC,YAMF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GARjC,YASF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAXjC,YAYF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAdjB,YAeF;",
6
- "names": []
7
- }
package/src/ColorHandle.js DELETED
@@ -1,8 +0,0 @@
1
- "use strict";var d=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var o=(s,r,e,i)=>{for(var t=i>1?void 0:i?a(r,e):r,n=s.length-1,l;n>=0;n--)(l=s[n])&&(t=(i?l(r,e,t):l(t))||t);return i&&t&&d(r,e,t),t};import{html as u,SpectrumElement as c}from"@spectrum-web-components/base";import{property as p}from"@spectrum-web-components/base/src/decorators.js";import"@spectrum-web-components/color-loupe/sp-color-loupe.js";import h from"@spectrum-web-components/opacity-checkerboard/src/is-opacity-checkerboard.css.js";import f from"./color-handle.css.js";export class ColorHandle extends c{constructor(){super(...arguments);this.disabled=!1;this.focused=!1;this.open=!1;this.color="rgba(255, 0, 0, 0.5)"}static get styles(){return[h,f]}handlePointerdown(e){e.pointerType==="touch"&&(this.open=!0),this.setPointerCapture(e.pointerId)}handlePointerup(e){this.open=!1,this.releasePointerCapture(e.pointerId)}render(){return u`
2
- <div class="inner" style="background-color: ${this.color}"></div>
3
- <sp-color-loupe
4
- color=${this.color}
5
- ?open=${this.open&&!this.disabled}
6
- ></sp-color-loupe>
7
- `}firstUpdated(e){super.firstUpdated(e),this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("pointerup",this.handlePointerup),this.addEventListener("pointercancel",this.handlePointerup)}}o([p({type:Boolean,reflect:!0})],ColorHandle.prototype,"disabled",2),o([p({type:Boolean,reflect:!0})],ColorHandle.prototype,"focused",2),o([p({type:Boolean,reflect:!0})],ColorHandle.prototype,"open",2),o([p({type:String})],ColorHandle.prototype,"color",2);
8
- //# sourceMappingURL=ColorHandle.js.map
package/src/ColorHandle.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["ColorHandle.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 */\n\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport '@spectrum-web-components/color-loupe/sp-color-loupe.js';\nimport opacityCheckerboardStyles from '@spectrum-web-components/opacity-checkerboard/src/is-opacity-checkerboard.css.js';\nimport styles from './color-handle.css.js';\n\n/**\n * @element sp-color-handle\n */\nexport class ColorHandle extends SpectrumElement {\n public static override get styles(): CSSResultArray {\n return [opacityCheckerboardStyles, styles];\n }\n\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n @property({ type: Boolean, reflect: true })\n public focused = false;\n\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n @property({ type: String })\n public color = 'rgba(255, 0, 0, 0.5)';\n\n private handlePointerdown(event: PointerEvent): void {\n if (event.pointerType === 'touch') {\n this.open = true;\n }\n this.setPointerCapture(event.pointerId);\n }\n\n private handlePointerup(event: PointerEvent): void {\n this.open = false;\n this.releasePointerCapture(event.pointerId);\n }\n\n protected override render(): TemplateResult {\n return html`\n <div class=\"inner\" style=\"background-color: ${this.color}\"></div>\n <sp-color-loupe\n color=${this.color}\n ?open=${this.open && !this.disabled}\n ></sp-color-loupe>\n `;\n }\n\n protected override firstUpdated(changed: PropertyValues): void {\n super.firstUpdated(changed);\n this.addEventListener('pointerdown', this.handlePointerdown);\n this.addEventListener('pointerup', this.handlePointerup);\n this.addEventListener('pointercancel', this.handlePointerup);\n }\n}\n"],
5
- "mappings": "qNAYA,OAEI,QAAAA,EAEA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDAEzB,MAAO,yDACP,OAAOC,MAA+B,mFACtC,OAAOC,MAAY,wBAKZ,aAAM,oBAAoBH,CAAgB,CAA1C,kCAMH,KAAO,SAAW,GAGlB,KAAO,QAAU,GAGjB,KAAO,KAAO,GAGd,KAAO,MAAQ,uBAdf,WAA2B,QAAyB,CAChD,MAAO,CAACE,EAA2BC,CAAM,CAC7C,CAcQ,kBAAkBC,EAA2B,CAC7CA,EAAM,cAAgB,UACtB,KAAK,KAAO,IAEhB,KAAK,kBAAkBA,EAAM,SAAS,CAC1C,CAEQ,gBAAgBA,EAA2B,CAC/C,KAAK,KAAO,GACZ,KAAK,sBAAsBA,EAAM,SAAS,CAC9C,CAEmB,QAAyB,CACxC,OAAOL;AAAA,0DAC2C,KAAK,KAAK;AAAA;AAAA,wBAE5C,KAAK,KAAK;AAAA,wBACV,KAAK,MAAQ,CAAC,KAAK,QAAQ;AAAA;AAAA,SAG/C,CAEmB,aAAaM,EAA+B,CAC3D,MAAM,aAAaA,CAAO,EAC1B,KAAK,iBAAiB,cAAe,KAAK,iBAAiB,EAC3D,KAAK,iBAAiB,YAAa,KAAK,eAAe,EACvD,KAAK,iBAAiB,gBAAiB,KAAK,eAAe,CAC/D,CACJ,CAvCWC,EAAA,CADNL,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GALjC,YAMF,wBAGAK,EAAA,CADNL,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARjC,YASF,uBAGAK,EAAA,CADNL,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAXjC,YAYF,oBAGAK,EAAA,CADNL,EAAS,CAAE,KAAM,MAAO,CAAC,GAdjB,YAeF",
6
- "names": ["html", "SpectrumElement", "property", "opacityCheckerboardStyles", "styles", "event", "changed", "__decorateClass"]
7
- }
package/src/color-handle-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/color-handle-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=color-handle-overrides.css.dev.js.map
package/src/color-handle-overrides.css.dev.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["color-handle-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/color-handle-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=color-handle-overrides.css.js.map
package/src/color-handle-overrides.css.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["color-handle-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/color-handle.css.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const styles: import("@spectrum-web-components/base").CSSResult;
2
- export default styles;
package/src/color-handle.css.dev.js DELETED
@@ -1,7 +0,0 @@
1
- "use strict";
2
- import { css } from "@spectrum-web-components/base";
3
- const styles = css`
4
- @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}:host{touch-action:none;transition:inline-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),block-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),border-width var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-inline var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-block var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing))}:host(:focus){outline:none}
5
- `;
6
- export default styles;
7
- //# sourceMappingURL=color-handle.css.dev.js.map
package/src/color-handle.css.dev.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["color-handle.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 @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:\"\";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}:host{touch-action:none;transition:inline-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),block-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),border-width var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-inline var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-block var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing))}:host(:focus){outline:none}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
- "names": []
7
- }
package/src/color-handle.css.js DELETED
@@ -1,4 +0,0 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}:host{touch-action:none;transition:inline-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),block-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),border-width var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-inline var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-block var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing))}:host(:focus){outline:none}
3
- `;export default r;
4
- //# sourceMappingURL=color-handle.css.js.map
package/src/color-handle.css.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["color-handle.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 @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:\"\";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}:host{touch-action:none;transition:inline-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),block-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),border-width var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-inline var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-block var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing))}:host(:focus){outline:none}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
- "names": ["css", "styles"]
7
- }
package/src/index.d.ts DELETED
@@ -1,12 +0,0 @@
1
- /**
2
- * Copyright 2025 Adobe. All rights reserved.
3
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License. You may obtain a copy
5
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
6
- *
7
- * Unless required by applicable law or agreed to in writing, software distributed under
8
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- * OF ANY KIND, either express or implied. See the License for the specific language
10
- * governing permissions and limitations under the License.
11
- */
12
- export * from './ColorHandle.js';
package/src/index.dev.js DELETED
@@ -1,3 +0,0 @@
1
- "use strict";
2
- export * from "./ColorHandle.dev.js";
3
- //# sourceMappingURL=index.dev.js.map
package/src/index.dev.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["index.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 */\n\nexport * from './ColorHandle.dev.js'\n"],
5
- "mappings": ";AAYA,cAAc;",
6
- "names": []
7
- }
package/src/index.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";export*from"./ColorHandle.js";
2
- //# sourceMappingURL=index.js.map
package/src/index.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["index.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 */\n\nexport * from './ColorHandle.js';\n"],
5
- "mappings": "aAYA,WAAc",
6
- "names": []
7
- }
package/src/spectrum-color-handle.css.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const styles: import("@spectrum-web-components/base").CSSResult;
2
- export default styles;
package/src/spectrum-color-handle.css.dev.js DELETED
@@ -1,7 +0,0 @@
1
- "use strict";
2
- import { css } from "@spectrum-web-components/base";
3
- const styles = css`
4
- @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}
5
- `;
6
- export default styles;
7
- //# sourceMappingURL=spectrum-color-handle.css.dev.js.map
package/src/spectrum-color-handle.css.dev.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["spectrum-color-handle.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 @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:\"\";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
- "names": []
7
- }
package/src/spectrum-color-handle.css.js DELETED
@@ -1,4 +0,0 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
2
- @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}
3
- `;export default r;
4
- //# sourceMappingURL=spectrum-color-handle.css.js.map
package/src/spectrum-color-handle.css.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["spectrum-color-handle.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 @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:\"\";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
- "names": ["css", "styles"]
7
- }