@spectrum-web-components/checkbox 0.40.0 → 0.40.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/custom-elements.json +292 -63
  2. package/package.json +11 -7
  3. package/src/Checkbox.d.ts +17 -3
  4. package/src/Checkbox.dev.js +111 -57
  5. package/src/Checkbox.dev.js.map +2 -2
  6. package/src/Checkbox.js +44 -44
  7. package/src/Checkbox.js.map +3 -3
  8. package/src/CheckboxBase.d.ts +6 -8
  9. package/src/CheckboxBase.dev.js +2 -63
  10. package/src/CheckboxBase.dev.js.map +2 -2
  11. package/src/CheckboxBase.js +1 -9
  12. package/src/CheckboxBase.js.map +3 -3
  13. package/src/CheckboxMixin.d.ts +14 -0
  14. package/src/CheckboxMixin.dev.js +70 -0
  15. package/src/CheckboxMixin.dev.js.map +7 -0
  16. package/src/CheckboxMixin.js +11 -0
  17. package/src/CheckboxMixin.js.map +7 -0
  18. package/src/checkbox.css.dev.js +6 -61
  19. package/src/checkbox.css.dev.js.map +2 -2
  20. package/src/checkbox.css.js +6 -61
  21. package/src/checkbox.css.js.map +2 -2
  22. package/src/spectrum-checkbox.css.dev.js +6 -61
  23. package/src/spectrum-checkbox.css.dev.js.map +2 -2
  24. package/src/spectrum-checkbox.css.js +6 -61
  25. package/src/spectrum-checkbox.css.js.map +2 -2
  26. package/test/benchmark/test-basic.js +3 -1
  27. package/test/benchmark/test-basic.js.map +2 -2
  28. package/test/checkbox.test.js +53 -0
  29. package/test/checkbox.test.js.map +2 -2
package/src/CheckboxMixin.dev.js ADDED
@@ -0,0 +1,70 @@
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)
10
+ __defProp(target, key, result);
11
+ return result;
12
+ };
13
+ import { html } from "@spectrum-web-components/base";
14
+ import {
15
+ property,
16
+ query
17
+ } from "@spectrum-web-components/base/src/decorators.js";
18
+ import { ifDefined } from "@spectrum-web-components/base/src/directives.js";
19
+ export function CheckboxMixin(constructor) {
20
+ class MixedElement extends constructor {
21
+ constructor() {
22
+ super(...arguments);
23
+ this.checked = false;
24
+ this.readonly = false;
25
+ }
26
+ handleChange() {
27
+ if (this.readonly) {
28
+ this.inputElement.checked = this.checked;
29
+ return;
30
+ }
31
+ this.checked = this.inputElement.checked;
32
+ const changeEvent = new CustomEvent("change", {
33
+ bubbles: true,
34
+ cancelable: true,
35
+ composed: true
36
+ });
37
+ const applyDefault = this.dispatchEvent(changeEvent);
38
+ if (!applyDefault) {
39
+ this.checked = !this.inputElement.checked;
40
+ this.inputElement.checked = this.checked;
41
+ }
42
+ }
43
+ render() {
44
+ return html`
45
+ <input
46
+ id="input"
47
+ name=${ifDefined(this.name || void 0)}
48
+ type="checkbox"
49
+ .checked=${this.checked}
50
+ ?disabled=${this.readonly}
51
+ @change=${this.handleChange}
52
+ />
53
+ `;
54
+ }
55
+ }
56
+ __decorateClass([
57
+ property({ type: Boolean, reflect: true })
58
+ ], MixedElement.prototype, "checked", 2);
59
+ __decorateClass([
60
+ property({ type: String, reflect: true })
61
+ ], MixedElement.prototype, "name", 2);
62
+ __decorateClass([
63
+ property({ type: Boolean, reflect: true })
64
+ ], MixedElement.prototype, "readonly", 2);
65
+ __decorateClass([
66
+ query("#input")
67
+ ], MixedElement.prototype, "inputElement", 2);
68
+ return MixedElement;
69
+ }
70
+ //# sourceMappingURL=CheckboxMixin.dev.js.map
package/src/CheckboxMixin.dev.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["CheckboxMixin.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { ReactiveElement } from 'lit';\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n new (...args: any[]): T;\n prototype: T;\n};\n\nexport interface CheckboxElement {\n checked: boolean;\n handleChange(): void;\n inputElement: HTMLInputElement;\n name?: string;\n readonly?: boolean;\n}\n\nexport function CheckboxMixin<T extends Constructor<ReactiveElement>>(\n constructor: T\n): T & Constructor<CheckboxElement> {\n class MixedElement extends constructor {\n @property({ type: Boolean, reflect: true })\n public checked = false;\n\n @property({ type: String, reflect: true })\n public name: string | undefined;\n\n @property({ type: Boolean, reflect: true })\n public readonly = false;\n\n @query('#input')\n inputElement!: HTMLInputElement;\n\n public handleChange(): void {\n if (this.readonly) {\n this.inputElement.checked = this.checked;\n return;\n }\n this.checked = this.inputElement.checked;\n\n const changeEvent = new CustomEvent('change', {\n bubbles: true,\n cancelable: true,\n composed: true,\n });\n const applyDefault = this.dispatchEvent(changeEvent);\n\n if (!applyDefault) {\n this.checked = !this.inputElement.checked;\n this.inputElement.checked = this.checked;\n }\n }\n\n protected render(): TemplateResult {\n return html`\n <input\n id=\"input\"\n name=${ifDefined(this.name || undefined)}\n type=\"checkbox\"\n .checked=${this.checked}\n ?disabled=${this.readonly}\n @change=${this.handleChange}\n />\n `;\n }\n }\n return MixedElement;\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;AAaA,SAAS,YAA4B;AACrC;AAAA,EACI;AAAA,EACA;AAAA,OACG;AACP,SAAS,iBAAiB;AAgBnB,gBAAS,cACZ,aACgC;AAAA,EAChC,MAAM,qBAAqB,YAAY;AAAA,IAAvC;AAAA;AAEI,WAAO,UAAU;AAMjB,WAAO,WAAW;AAAA;AAAA,IAKX,eAAqB;AACxB,UAAI,KAAK,UAAU;AACf,aAAK,aAAa,UAAU,KAAK;AACjC;AAAA,MACJ;AACA,WAAK,UAAU,KAAK,aAAa;AAEjC,YAAM,cAAc,IAAI,YAAY,UAAU;AAAA,QAC1C,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,UAAU;AAAA,MACd,CAAC;AACD,YAAM,eAAe,KAAK,cAAc,WAAW;AAEnD,UAAI,CAAC,cAAc;AACf,aAAK,UAAU,CAAC,KAAK,aAAa;AAClC,aAAK,aAAa,UAAU,KAAK;AAAA,MACrC;AAAA,IACJ;AAAA,IAEU,SAAyB;AAC/B,aAAO;AAAA;AAAA;AAAA,2BAGQ,UAAU,KAAK,QAAQ,MAAS,CAAC;AAAA;AAAA,+BAE7B,KAAK,OAAO;AAAA,gCACX,KAAK,QAAQ;AAAA,8BACf,KAAK,YAAY;AAAA;AAAA;AAAA,IAGvC;AAAA,EACJ;AA3CW;AAAA,IADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,KADxC,aAEK;AAGA;AAAA,IADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,KAJvC,aAKK;AAGA;AAAA,IADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,KAPxC,aAQK;AAGP;AAAA,IADC,MAAM,QAAQ;AAAA,KAVb,aAWF;AAmCJ,SAAO;AACX;",
6
+ "names": []
7
+ }
package/src/CheckboxMixin.js ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=(i,e,r,n)=>{for(var t=n>1?void 0:n?p(e,r):e,o=i.length-1,l;o>=0;o--)(l=i[o])&&(t=(n?l(e,r,t):l(t))||t);return n&&t&&a(e,r,t),t};import{html as u}from"@spectrum-web-components/base";import{property as h,query as s}from"@spectrum-web-components/base/src/decorators.js";import{ifDefined as d}from"@spectrum-web-components/base/src/directives.js";export function CheckboxMixin(i){class e extends i{constructor(){super(...arguments);this.checked=!1;this.readonly=!1}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;const t=new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(t)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked)}render(){return u`
2
+ <input
3
+ id="input"
4
+ name=${d(this.name||void 0)}
5
+ type="checkbox"
6
+ .checked=${this.checked}
7
+ ?disabled=${this.readonly}
8
+ @change=${this.handleChange}
9
+ />
10
+ `}}return c([h({type:Boolean,reflect:!0})],e.prototype,"checked",2),c([h({type:String,reflect:!0})],e.prototype,"name",2),c([h({type:Boolean,reflect:!0})],e.prototype,"readonly",2),c([s("#input")],e.prototype,"inputElement",2),e}
11
+ //# sourceMappingURL=CheckboxMixin.js.map
package/src/CheckboxMixin.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["CheckboxMixin.ts"],
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { ReactiveElement } from 'lit';\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n new (...args: any[]): T;\n prototype: T;\n};\n\nexport interface CheckboxElement {\n checked: boolean;\n handleChange(): void;\n inputElement: HTMLInputElement;\n name?: string;\n readonly?: boolean;\n}\n\nexport function CheckboxMixin<T extends Constructor<ReactiveElement>>(\n constructor: T\n): T & Constructor<CheckboxElement> {\n class MixedElement extends constructor {\n @property({ type: Boolean, reflect: true })\n public checked = false;\n\n @property({ type: String, reflect: true })\n public name: string | undefined;\n\n @property({ type: Boolean, reflect: true })\n public readonly = false;\n\n @query('#input')\n inputElement!: HTMLInputElement;\n\n public handleChange(): void {\n if (this.readonly) {\n this.inputElement.checked = this.checked;\n return;\n }\n this.checked = this.inputElement.checked;\n\n const changeEvent = new CustomEvent('change', {\n bubbles: true,\n cancelable: true,\n composed: true,\n });\n const applyDefault = this.dispatchEvent(changeEvent);\n\n if (!applyDefault) {\n this.checked = !this.inputElement.checked;\n this.inputElement.checked = this.checked;\n }\n }\n\n protected render(): TemplateResult {\n return html`\n <input\n id=\"input\"\n name=${ifDefined(this.name || undefined)}\n type=\"checkbox\"\n .checked=${this.checked}\n ?disabled=${this.readonly}\n @change=${this.handleChange}\n />\n `;\n }\n }\n return MixedElement;\n}\n"],
5
+ "mappings": "qNAaA,OAAS,QAAAA,MAA4B,gCACrC,OACI,YAAAC,EACA,SAAAC,MACG,kDACP,OAAS,aAAAC,MAAiB,kDAgBnB,gBAAS,cACZC,EACgC,CAChC,MAAMC,UAAqBD,CAAY,CAAvC,kCAEI,KAAO,QAAU,GAMjB,KAAO,SAAW,GAKX,cAAqB,CACxB,GAAI,KAAK,SAAU,CACf,KAAK,aAAa,QAAU,KAAK,QACjC,MACJ,CACA,KAAK,QAAU,KAAK,aAAa,QAEjC,MAAME,EAAc,IAAI,YAAY,SAAU,CAC1C,QAAS,GACT,WAAY,GACZ,SAAU,EACd,CAAC,EACoB,KAAK,cAAcA,CAAW,IAG/C,KAAK,QAAU,CAAC,KAAK,aAAa,QAClC,KAAK,aAAa,QAAU,KAAK,QAEzC,CAEU,QAAyB,CAC/B,OAAON;AAAA;AAAA;AAAA,2BAGQG,EAAU,KAAK,MAAQ,MAAS,CAAC;AAAA;AAAA,+BAE7B,KAAK,OAAO;AAAA,gCACX,KAAK,QAAQ;AAAA,8BACf,KAAK,YAAY;AAAA;AAAA,aAGvC,CACJ,CA3CW,OAAAI,EAAA,CADNN,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GADxCI,EAEK,uBAGAE,EAAA,CADNN,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAJvCI,EAKK,oBAGAE,EAAA,CADNN,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAPxCI,EAQK,wBAGPE,EAAA,CADCL,EAAM,QAAQ,GAVbG,EAWF,4BAmCGA,CACX",
6
+ "names": ["html", "property", "query", "ifDefined", "constructor", "MixedElement", "changeEvent", "__decorateClass"]
7
+ }
package/src/checkbox.css.dev.js CHANGED
@@ -87,10 +87,6 @@ const styles = css`
87
87
  --highcontrast-checkbox-color-hover,var(
88
88
  --mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)
89
89
  )
90
- )}:host([invalid][invalid]) #input.focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input.focus-visible+#box:before{border-color:var(
91
- --highcontrast-checkbox-color-hover,var(
92
- --mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)
93
- )
94
90
  )}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(
95
91
  --highcontrast-checkbox-color-hover,var(
96
92
  --mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)
@@ -133,10 +129,6 @@ const styles = css`
133
129
  --highcontrast-checkbox-highlight-color-focus,var(
134
130
  --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
135
131
  )
136
- )}:host([indeterminate]) #input.focus-visible+#box:before{border-color:var(
137
- --highcontrast-checkbox-highlight-color-focus,var(
138
- --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
139
- )
140
132
  )}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(
141
133
  --highcontrast-checkbox-highlight-color-focus,var(
142
134
  --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
@@ -171,10 +163,6 @@ const styles = css`
171
163
  --highcontrast-checkbox-highlight-color-focus,var(
172
164
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
173
165
  )
174
- )}:host([emphasized]) #input.focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input.focus-visible+#box:before{border-color:var(
175
- --highcontrast-checkbox-highlight-color-focus,var(
176
- --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
177
- )
178
166
  )}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(
179
167
  --highcontrast-checkbox-highlight-color-focus,var(
180
168
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
@@ -183,10 +171,6 @@ const styles = css`
183
171
  --highcontrast-checkbox-color-default,var(
184
172
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
185
173
  )
186
- )}:host([emphasized][invalid][invalid]) #input.focus-visible:checked+#box:before{border-color:var(
187
- --highcontrast-checkbox-color-default,var(
188
- --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
189
- )
190
174
  )}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(
191
175
  --highcontrast-checkbox-color-default,var(
192
176
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
@@ -211,10 +195,6 @@ const styles = css`
211
195
  --highcontrast-checkbox-color-focus,var(
212
196
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
213
197
  )
214
- )}:host([emphasized].focus-visible) #box:before,:host([emphasized].focus-visible) #input:checked+#box:before{border-color:var(
215
- --highcontrast-checkbox-color-focus,var(
216
- --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
217
- )
218
198
  )}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(
219
199
  --highcontrast-checkbox-color-focus,var(
220
200
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
@@ -245,10 +225,6 @@ const styles = css`
245
225
  --highcontrast-checkbox-color-focus,var(
246
226
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
247
227
  )
248
- )}#input.focus-visible+#box:before{border-color:var(
249
- --highcontrast-checkbox-color-focus,var(
250
- --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
251
- )
252
228
  )}#input:focus-visible+#box:before{border-color:var(
253
229
  --highcontrast-checkbox-color-focus,var(
254
230
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
@@ -262,15 +238,6 @@ const styles = css`
262
238
  );forced-color-adjust:none;margin:calc(var(
263
239
  --mod-checkbox-focus-indicator-gap,
264
240
  var(--spectrum-checkbox-focus-indicator-gap)
265
- )*-1)}#input.focus-visible+#box:after{box-shadow:0 0 0 var(
266
- --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
267
- ) var(
268
- --highcontrast-checkbox-focus-indicator-color,var(
269
- --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
270
- )
271
- );forced-color-adjust:none;margin:calc(var(
272
- --mod-checkbox-focus-indicator-gap,
273
- var(--spectrum-checkbox-focus-indicator-gap)
274
241
  )*-1)}#input:focus-visible+#box:after{box-shadow:0 0 0 var(
275
242
  --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
276
243
  ) var(
@@ -284,10 +251,6 @@ var(--spectrum-checkbox-focus-indicator-gap)
284
251
  --highcontrast-checkbox-content-color-focus,var(
285
252
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
286
253
  )
287
- )}#input.focus-visible+#label{color:var(
288
- --highcontrast-checkbox-content-color-focus,var(
289
- --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
290
- )
291
254
  )}#input:focus-visible+#label{color:var(
292
255
  --highcontrast-checkbox-content-color-focus,var(
293
256
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
@@ -296,10 +259,6 @@ var(--spectrum-checkbox-focus-indicator-gap)
296
259
  --highcontrast-checkbox-highlight-color-focus,var(
297
260
  --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
298
261
  )
299
- )}#input.focus-visible:checked+#box:before{border-color:var(
300
- --highcontrast-checkbox-highlight-color-focus,var(
301
- --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
302
- )
303
262
  )}#input:focus-visible:checked+#box:before{border-color:var(
304
263
  --highcontrast-checkbox-highlight-color-focus,var(
305
264
  --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
@@ -311,7 +270,9 @@ var(--spectrum-checkbox-control-size)
311
270
  --mod-checkbox-control-size,var(--spectrum-checkbox-control-size)
312
271
  );box-sizing:border-box;display:flex;flex-grow:0;flex-shrink:0;inline-size:var(
313
272
  --mod-checkbox-control-size,var(--spectrum-checkbox-control-size)
314
- );justify-content:center;margin:calc(var(--mod-checkbox-spacing, var(--spectrum-checkbox-spacing))/2) 0;position:relative}#box:before{border-color:var(
273
+ );justify-content:center;margin:calc(var(--mod-checkbox-spacing, var(--spectrum-checkbox-spacing))/2) 0;position:relative}#box:before{block-size:var(
274
+ --mod-checkbox-control-size,var(--spectrum-checkbox-control-size)
275
+ );border-color:var(
315
276
  --highcontrast-checkbox-color-default,var(
316
277
  --mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default)
317
278
  )
@@ -319,21 +280,19 @@ var(--spectrum-checkbox-control-size)
319
280
  --mod-checkbox-control-corner-radius,var(--spectrum-checkbox-control-corner-radius)
320
281
  );border-style:solid;border-width:var(
321
282
  --mod-checkbox-border-width,var(--spectrum-checkbox-border-width)
322
- );box-sizing:border-box;content:"";display:block;forced-color-adjust:none;height:var(
283
+ );box-sizing:border-box;content:"";display:block;forced-color-adjust:none;inline-size:var(
323
284
  --mod-checkbox-control-size,var(--spectrum-checkbox-control-size)
324
285
  );position:absolute;transition:border var(
325
286
  --mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)
326
287
  ) ease-in-out,box-shadow var(
327
288
  --mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)
328
- ) ease-in-out;width:var(
329
- --mod-checkbox-control-size,var(--spectrum-checkbox-control-size)
330
- );z-index:0}#box:after{border-radius:calc(var(
289
+ ) ease-in-out;z-index:0}#box:after{border-radius:calc(var(
331
290
  --mod-checkbox-control-corner-radius,
332
291
  var(--spectrum-checkbox-control-corner-radius)
333
292
  ) + var(
334
293
  --mod-checkbox-focus-indicator-gap,
335
294
  var(--spectrum-checkbox-focus-indicator-gap)
336
- ));content:"";display:block;inset:0;margin:var(
295
+ ));content:"";display:block;inset-block:0;inset-inline:0;margin:var(
337
296
  --mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)
338
297
  );position:absolute;transform:translate(0);transition:box-shadow var(
339
298
  --mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)
@@ -369,16 +328,6 @@ var(--spectrum-checkbox-focus-indicator-gap)
369
328
  )
370
329
  );outline-style:auto;outline-width:var(
371
330
  --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
372
- )}#input.focus-visible+#box{forced-color-adjust:none;outline-color:var(
373
- --highcontrast-checkbox-focus-indicator-color,var(
374
- --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
375
- )
376
- );outline-offset:var(
377
- --highcontrast-checkbox-focus-indicator-gap,var(
378
- --mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)
379
- )
380
- );outline-style:auto;outline-width:var(
381
- --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
382
331
  )}#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(
383
332
  --highcontrast-checkbox-focus-indicator-color,var(
384
333
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
@@ -393,10 +342,6 @@ var(--spectrum-checkbox-focus-indicator-gap)
393
342
  --highcontrast-checkbox-focus-indicator-color,var(
394
343
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
395
344
  )
396
- )}#input.focus-visible+#box:after{box-shadow:0 0 0 0 var(
397
- --highcontrast-checkbox-focus-indicator-color,var(
398
- --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
399
- )
400
345
  )}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(
401
346
  --highcontrast-checkbox-focus-indicator-color,var(
402
347
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
package/src/checkbox.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["checkbox.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-checkbox-content-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-checkbox-content-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-checkbox-content-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-checkbox-content-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-checkbox-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-checkbox-content-color-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-checkbox-control-color-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-checkbox-checkmark-color:var(--spectrum-gray-75);--spectrum-checkbox-invalid-color-default:var(\n--spectrum-negative-color-900\n);--spectrum-checkbox-invalid-color-hover:var(\n--spectrum-negative-color-1000\n);--spectrum-checkbox-invalid-color-down:var(--spectrum-negative-color-1100);--spectrum-checkbox-invalid-color-focus:var(\n--spectrum-negative-color-1000\n);--spectrum-checkbox-emphasized-color-default:var(\n--spectrum-accent-color-900\n);--spectrum-checkbox-emphasized-color-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-checkbox-emphasized-color-down:var(\n--spectrum-accent-color-1100\n);--spectrum-checkbox-emphasized-color-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-checkbox-control-selected-color-default:var(\n--spectrum-neutral-background-color-selected-default\n);--spectrum-checkbox-control-selected-color-hover:var(\n--spectrum-neutral-background-color-selected-hover\n);--spectrum-checkbox-control-selected-color-down:var(\n--spectrum-neutral-background-color-selected-down\n);--spectrum-checkbox-control-selected-color-focus:var(\n--spectrum-neutral-background-color-selected-key-focus\n);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-checkbox-control-corner-radius:var(--spectrum-corner-radius-75);--spectrum-checkbox-focus-indicator-gap:var(\n--spectrum-focus-indicator-gap\n);--spectrum-checkbox-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-checkbox-border-width:var(--spectrum-border-width-200);--spectrum-checkbox-selected-border-width:calc(var(--spectrum-checkbox-control-size)/2);--spectrum-checkbox-animation-duration:var(\n--spectrum-animation-duration-100\n)}:host([size=s]){--spectrum-checkbox-font-size:var(--spectrum-font-size-75);--spectrum-checkbox-height:var(--spectrum-component-height-75);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-small\n);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-75)}:host{--spectrum-checkbox-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-medium\n);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100)}:host([size=l]){--spectrum-checkbox-font-size:var(--spectrum-font-size-200);--spectrum-checkbox-height:var(--spectrum-component-height-200);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-large\n);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-200)}:host([size=xl]){--spectrum-checkbox-font-size:var(--spectrum-font-size-300);--spectrum-checkbox-height:var(--spectrum-component-height-300);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-extra-large\n);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-300);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-300)}:host{align-items:flex-start;color:var(\n--highcontrast-checkbox-content-color-default,var(\n--mod-checkbox-content-color-default,var(--spectrum-checkbox-content-color-default)\n)\n);max-inline-size:100%;min-block-size:var(--mod-checkbox-height,var(--spectrum-checkbox-height));position:relative}:host(:hover) #box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-hover,var(\n--mod-checkbox-control-color-hover,var(--spectrum-checkbox-control-color-hover)\n)\n)}:host(:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-hover,var(\n--mod-checkbox-control-selected-color-hover,var(--spectrum-checkbox-control-selected-color-hover)\n)\n)}:host(:hover) #label{color:var(\n--highcontrast-checkbox-content-color-hover,var(\n--mod-checkbox-content-color-hover,var(--spectrum-checkbox-content-color-hover)\n)\n)}:host:active #box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-down,var(\n--mod-checkbox-control-color-down,var(--spectrum-checkbox-control-color-down)\n)\n)}:host:active #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-down,var(\n--mod-checkbox-control-selected-color-down,var(--spectrum-checkbox-control-selected-color-down)\n)\n)}:host:active #label{color:var(\n--highcontrast-checkbox-content-color-down,var(\n--mod-checkbox-content-color-down,var(--spectrum-checkbox-content-color-down)\n)\n)}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-invalid-color-default,var(--spectrum-checkbox-invalid-color-default)\n)\n)}:host([invalid][invalid]) #input.focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-color-hover,var(\n--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)\n)\n)}:host([invalid][invalid]) #input.focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-color-hover,var(\n--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)\n)\n)}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-color-hover,var(\n--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)\n)\n)}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-hover,var(\n--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)\n)\n)}:host([readonly]){border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n)}:host([readonly]:hover) #box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n)}:host([readonly]):active #box:before{border-color:var(\n--highcontrast-checkbox-selected-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n)}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{background-color:var(\n--highcontrast-checkbox-background-color-default,var(\n--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)\n)\n);border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n)}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-content-color-default,var(--spectrum-checkbox-content-color-default)\n)\n);forced-color-adjust:none}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n);border-width:var(\n--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width)\n)}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{display:block;opacity:1;transform:scale(1)}:host([indeterminate]) #input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)\n)\n)}:host([indeterminate]) #input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)\n)\n)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)\n)\n)}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-hover,var(\n--mod-checkbox-control-selected-color-hover,var(--spectrum-checkbox-control-selected-color-hover)\n)\n)}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-invalid-color-default,var(--spectrum-checkbox-invalid-color-default)\n)\n);border-width:var(\n--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width)\n)}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)\n)\n)}:host([invalid][invalid][indeterminate]:hover) #label{color:var(\n--highcontrast-checkbox-content-color-hover,var(\n--mod-checkbox-content-color-hover,var(--spectrum-checkbox-content-color-hover)\n)\n)}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-default,var(\n--mod-checkbox-emphasized-color-default,var(--spectrum-checkbox-emphasized-color-default)\n)\n)}:host([emphasized]:hover) #input:checked+#box:before,:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-hover,var(\n--mod-checkbox-emphasized-color-hover,var(--spectrum-checkbox-emphasized-color-hover)\n)\n)}:host([emphasized]) #input.focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}:host([emphasized]) #input.focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}:host([emphasized][invalid][invalid]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid][invalid]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-hover,var(\n--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)\n)\n)}:host([emphasized]:hover) #input:checked+#box:before,:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-hover,var(\n--mod-checkbox-emphasized-color-hover,var(--spectrum-checkbox-emphasized-color-hover)\n)\n)}:host([emphasized]):active #input:checked+#box:before,:host([emphasized][indeterminate]):active #box:before,:host([emphasized][indeterminate]):active #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-default,var(\n--mod-checkbox-emphasized-color-down,var(--spectrum-checkbox-emphasized-color-down)\n)\n)}:host([emphasized][invalid][invalid]):active #box:before,:host([emphasized][invalid][invalid]):active #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-default,var(\n--mod-checkbox-control-invalid-color-down,var(--spectrum-checkbox-invalid-color-down)\n)\n)}:host([emphasized].focus-visible) #box:before,:host([emphasized].focus-visible) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)\n)\n)}:host([emphasized].focus-visible) #box:before,:host([emphasized].focus-visible) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)\n)\n)}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)\n)\n)}#label{font-size:var(\n--mod-checkbox-font-size,var(--spectrum-checkbox-font-size)\n);line-height:var(\n--mod-checkbox-line-height,var(--spectrum-checkbox-line-height)\n);margin-block-start:var(\n--mod-checkbox-top-to-text,var(--spectrum-checkbox-top-to-text)\n);margin-inline-start:var(\n--mod-checkbox-text-to-control,var(--spectrum-checkbox-text-to-control)\n);text-align:start;transition:color var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-in-out}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(\n--mod-checkbox-line-height-cjk,var(--spectrum-checkbox-line-height-cjk)\n)}#input{block-size:100%;box-sizing:border-box;color:var(\n--mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default)\n);cursor:pointer;font-family:inherit;font-size:100%;inline-size:100%;line-height:1.15;margin:0;opacity:.0001;overflow:visible;padding:0;position:absolute;z-index:1}#input:disabled{cursor:default}#input:checked+#box:before{background-color:var(\n--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)\n);border-color:var(\n--highcontrast-checkbox-highlight-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n);border-width:var(\n--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width)\n)}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)\n)\n)}#input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)\n)\n)}#input:focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)\n)\n)}#input.focus-visible+#box:after{box-shadow:0 0 0 var(\n--mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)\n) var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n);forced-color-adjust:none;margin:calc(var(\n--mod-checkbox-focus-indicator-gap,\nvar(--spectrum-checkbox-focus-indicator-gap)\n)*-1)}#input.focus-visible+#box:after{box-shadow:0 0 0 var(\n--mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)\n) var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n);forced-color-adjust:none;margin:calc(var(\n--mod-checkbox-focus-indicator-gap,\nvar(--spectrum-checkbox-focus-indicator-gap)\n)*-1)}#input:focus-visible+#box:after{box-shadow:0 0 0 var(\n--mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)\n) var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n);forced-color-adjust:none;margin:calc(var(\n--mod-checkbox-focus-indicator-gap,\nvar(--spectrum-checkbox-focus-indicator-gap)\n)*-1)}#input.focus-visible+#label{color:var(\n--highcontrast-checkbox-content-color-focus,var(\n--mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)\n)\n)}#input.focus-visible+#label{color:var(\n--highcontrast-checkbox-content-color-focus,var(\n--mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)\n)\n)}#input:focus-visible+#label{color:var(\n--highcontrast-checkbox-content-color-focus,var(\n--mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)\n)\n)}#input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)\n)\n)}#input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)\n)\n)}#input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)\n)\n)}#box{--spectrum-checkbox-spacing:calc(var(--mod-checkbox-height, var(--spectrum-checkbox-height)) - var(\n--mod-checkbox-control-size,\nvar(--spectrum-checkbox-control-size)\n));align-items:center;block-size:var(\n--mod-checkbox-control-size,var(--spectrum-checkbox-control-size)\n);box-sizing:border-box;display:flex;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-checkbox-control-size,var(--spectrum-checkbox-control-size)\n);justify-content:center;margin:calc(var(--mod-checkbox-spacing, var(--spectrum-checkbox-spacing))/2) 0;position:relative}#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default)\n)\n);border-radius:var(\n--mod-checkbox-control-corner-radius,var(--spectrum-checkbox-control-corner-radius)\n);border-style:solid;border-width:var(\n--mod-checkbox-border-width,var(--spectrum-checkbox-border-width)\n);box-sizing:border-box;content:\"\";display:block;forced-color-adjust:none;height:var(\n--mod-checkbox-control-size,var(--spectrum-checkbox-control-size)\n);position:absolute;transition:border var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-in-out,box-shadow var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-in-out;width:var(\n--mod-checkbox-control-size,var(--spectrum-checkbox-control-size)\n);z-index:0}#box:after{border-radius:calc(var(\n--mod-checkbox-control-corner-radius,\nvar(--spectrum-checkbox-control-corner-radius)\n) + var(\n--mod-checkbox-focus-indicator-gap,\nvar(--spectrum-checkbox-focus-indicator-gap)\n));content:\"\";display:block;inset:0;margin:var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n);position:absolute;transform:translate(0);transition:box-shadow var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-out,margin var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-out}#checkmark,#partialCheckmark{color:var(\n--highcontrast-checkbox-background-color-default,var(\n--mode-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)\n)\n);opacity:0;transform:scale(0);transition:opacity var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-in-out,transform var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-in-out}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{background-color:var(\n--highcontrast-checkbox-background-color-default,var(\n--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)\n)\n);border-color:var(\n--highcontrast-checkbox-disabled-color-default,var(\n--mod-checkbox-control-color-disabled,var(--spectrum-checkbox-control-color-disabled)\n)\n)}#input:checked:disabled~#label,#input:disabled~#label{color:var(\n--highcontrast-checkbox-disabled-color-default,var(\n--mod-checkbox-content-color-disabled,var(--spectrum-checkbox-content-color-disabled)\n)\n);forced-color-adjust:none}@media (forced-colors:active){#input.focus-visible+#box{forced-color-adjust:none;outline-color:var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n);outline-offset:var(\n--highcontrast-checkbox-focus-indicator-gap,var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n)\n);outline-style:auto;outline-width:var(\n--mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)\n)}#input.focus-visible+#box{forced-color-adjust:none;outline-color:var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n);outline-offset:var(\n--highcontrast-checkbox-focus-indicator-gap,var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n)\n);outline-style:auto;outline-width:var(\n--mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)\n)}#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n);outline-offset:var(\n--highcontrast-checkbox-focus-indicator-gap,var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n)\n);outline-style:auto;outline-width:var(\n--mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)\n)}#input.focus-visible+#box:after{box-shadow:0 0 0 0 var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n)}#input.focus-visible+#box:after{box-shadow:0 0 0 0 var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n)}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n)}:host{--highcontrast-checkbox-content-color-default:CanvasText;--highcontrast-checkbox-content-color-hover:CanvasText;--highcontrast-checkbox-content-color-down:CanvasText;--highcontrast-checkbox-content-color-focus:CanvasText;--highcontrast-checkbox-background-color-default:Canvas;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-color-focus:Highlight;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-focus-indicator-color:CanvasText}}:host{--spectrum-checkbox-control-color-default:var(\n--system-spectrum-checkbox-control-color-default\n);--spectrum-checkbox-control-color-hover:var(\n--system-spectrum-checkbox-control-color-hover\n);--spectrum-checkbox-control-color-down:var(\n--system-spectrum-checkbox-control-color-down\n);--spectrum-checkbox-control-color-focus:var(\n--system-spectrum-checkbox-control-color-focus\n)}:host{display:inline-flex;vertical-align:top}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Zf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-checkbox-content-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-checkbox-content-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-checkbox-content-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-checkbox-content-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-checkbox-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-checkbox-content-color-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-checkbox-control-color-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-checkbox-checkmark-color:var(--spectrum-gray-75);--spectrum-checkbox-invalid-color-default:var(\n--spectrum-negative-color-900\n);--spectrum-checkbox-invalid-color-hover:var(\n--spectrum-negative-color-1000\n);--spectrum-checkbox-invalid-color-down:var(--spectrum-negative-color-1100);--spectrum-checkbox-invalid-color-focus:var(\n--spectrum-negative-color-1000\n);--spectrum-checkbox-emphasized-color-default:var(\n--spectrum-accent-color-900\n);--spectrum-checkbox-emphasized-color-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-checkbox-emphasized-color-down:var(\n--spectrum-accent-color-1100\n);--spectrum-checkbox-emphasized-color-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-checkbox-control-selected-color-default:var(\n--spectrum-neutral-background-color-selected-default\n);--spectrum-checkbox-control-selected-color-hover:var(\n--spectrum-neutral-background-color-selected-hover\n);--spectrum-checkbox-control-selected-color-down:var(\n--spectrum-neutral-background-color-selected-down\n);--spectrum-checkbox-control-selected-color-focus:var(\n--spectrum-neutral-background-color-selected-key-focus\n);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-checkbox-control-corner-radius:var(--spectrum-corner-radius-75);--spectrum-checkbox-focus-indicator-gap:var(\n--spectrum-focus-indicator-gap\n);--spectrum-checkbox-focus-indicator-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-checkbox-border-width:var(--spectrum-border-width-200);--spectrum-checkbox-selected-border-width:calc(var(--spectrum-checkbox-control-size)/2);--spectrum-checkbox-animation-duration:var(\n--spectrum-animation-duration-100\n)}:host([size=s]){--spectrum-checkbox-font-size:var(--spectrum-font-size-75);--spectrum-checkbox-height:var(--spectrum-component-height-75);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-small\n);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-75)}:host{--spectrum-checkbox-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-medium\n);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100)}:host([size=l]){--spectrum-checkbox-font-size:var(--spectrum-font-size-200);--spectrum-checkbox-height:var(--spectrum-component-height-200);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-large\n);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-200)}:host([size=xl]){--spectrum-checkbox-font-size:var(--spectrum-font-size-300);--spectrum-checkbox-height:var(--spectrum-component-height-300);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-extra-large\n);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-300);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-300)}:host{align-items:flex-start;color:var(\n--highcontrast-checkbox-content-color-default,var(\n--mod-checkbox-content-color-default,var(--spectrum-checkbox-content-color-default)\n)\n);max-inline-size:100%;min-block-size:var(--mod-checkbox-height,var(--spectrum-checkbox-height));position:relative}:host(:hover) #box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-hover,var(\n--mod-checkbox-control-color-hover,var(--spectrum-checkbox-control-color-hover)\n)\n)}:host(:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-hover,var(\n--mod-checkbox-control-selected-color-hover,var(--spectrum-checkbox-control-selected-color-hover)\n)\n)}:host(:hover) #label{color:var(\n--highcontrast-checkbox-content-color-hover,var(\n--mod-checkbox-content-color-hover,var(--spectrum-checkbox-content-color-hover)\n)\n)}:host:active #box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-down,var(\n--mod-checkbox-control-color-down,var(--spectrum-checkbox-control-color-down)\n)\n)}:host:active #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-down,var(\n--mod-checkbox-control-selected-color-down,var(--spectrum-checkbox-control-selected-color-down)\n)\n)}:host:active #label{color:var(\n--highcontrast-checkbox-content-color-down,var(\n--mod-checkbox-content-color-down,var(--spectrum-checkbox-content-color-down)\n)\n)}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-invalid-color-default,var(--spectrum-checkbox-invalid-color-default)\n)\n)}:host([invalid][invalid]) #input.focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-color-hover,var(\n--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)\n)\n)}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-color-hover,var(\n--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)\n)\n)}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-hover,var(\n--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)\n)\n)}:host([readonly]){border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n)}:host([readonly]:hover) #box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n)}:host([readonly]):active #box:before{border-color:var(\n--highcontrast-checkbox-selected-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n)}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{background-color:var(\n--highcontrast-checkbox-background-color-default,var(\n--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)\n)\n);border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n)}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-content-color-default,var(--spectrum-checkbox-content-color-default)\n)\n);forced-color-adjust:none}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n);border-width:var(\n--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width)\n)}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{display:block;opacity:1;transform:scale(1)}:host([indeterminate]) #input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)\n)\n)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)\n)\n)}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-hover,var(\n--mod-checkbox-control-selected-color-hover,var(--spectrum-checkbox-control-selected-color-hover)\n)\n)}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-invalid-color-default,var(--spectrum-checkbox-invalid-color-default)\n)\n);border-width:var(\n--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width)\n)}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)\n)\n)}:host([invalid][invalid][indeterminate]:hover) #label{color:var(\n--highcontrast-checkbox-content-color-hover,var(\n--mod-checkbox-content-color-hover,var(--spectrum-checkbox-content-color-hover)\n)\n)}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-default,var(\n--mod-checkbox-emphasized-color-default,var(--spectrum-checkbox-emphasized-color-default)\n)\n)}:host([emphasized]:hover) #input:checked+#box:before,:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-hover,var(\n--mod-checkbox-emphasized-color-hover,var(--spectrum-checkbox-emphasized-color-hover)\n)\n)}:host([emphasized]) #input.focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}:host([emphasized][invalid][invalid]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-hover,var(\n--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)\n)\n)}:host([emphasized]:hover) #input:checked+#box:before,:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-hover,var(\n--mod-checkbox-emphasized-color-hover,var(--spectrum-checkbox-emphasized-color-hover)\n)\n)}:host([emphasized]):active #input:checked+#box:before,:host([emphasized][indeterminate]):active #box:before,:host([emphasized][indeterminate]):active #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-default,var(\n--mod-checkbox-emphasized-color-down,var(--spectrum-checkbox-emphasized-color-down)\n)\n)}:host([emphasized][invalid][invalid]):active #box:before,:host([emphasized][invalid][invalid]):active #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-default,var(\n--mod-checkbox-control-invalid-color-down,var(--spectrum-checkbox-invalid-color-down)\n)\n)}:host([emphasized].focus-visible) #box:before,:host([emphasized].focus-visible) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)\n)\n)}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)\n)\n)}#label{font-size:var(\n--mod-checkbox-font-size,var(--spectrum-checkbox-font-size)\n);line-height:var(\n--mod-checkbox-line-height,var(--spectrum-checkbox-line-height)\n);margin-block-start:var(\n--mod-checkbox-top-to-text,var(--spectrum-checkbox-top-to-text)\n);margin-inline-start:var(\n--mod-checkbox-text-to-control,var(--spectrum-checkbox-text-to-control)\n);text-align:start;transition:color var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-in-out}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(\n--mod-checkbox-line-height-cjk,var(--spectrum-checkbox-line-height-cjk)\n)}#input{block-size:100%;box-sizing:border-box;color:var(\n--mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default)\n);cursor:pointer;font-family:inherit;font-size:100%;inline-size:100%;line-height:1.15;margin:0;opacity:.0001;overflow:visible;padding:0;position:absolute;z-index:1}#input:disabled{cursor:default}#input:checked+#box:before{background-color:var(\n--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)\n);border-color:var(\n--highcontrast-checkbox-highlight-color-default,var(\n--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)\n)\n);border-width:var(\n--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width)\n)}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input.focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)\n)\n)}#input:focus-visible+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)\n)\n)}#input.focus-visible+#box:after{box-shadow:0 0 0 var(\n--mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)\n) var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n);forced-color-adjust:none;margin:calc(var(\n--mod-checkbox-focus-indicator-gap,\nvar(--spectrum-checkbox-focus-indicator-gap)\n)*-1)}#input:focus-visible+#box:after{box-shadow:0 0 0 var(\n--mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)\n) var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n);forced-color-adjust:none;margin:calc(var(\n--mod-checkbox-focus-indicator-gap,\nvar(--spectrum-checkbox-focus-indicator-gap)\n)*-1)}#input.focus-visible+#label{color:var(\n--highcontrast-checkbox-content-color-focus,var(\n--mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)\n)\n)}#input:focus-visible+#label{color:var(\n--highcontrast-checkbox-content-color-focus,var(\n--mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)\n)\n)}#input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)\n)\n)}#input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-highlight-color-focus,var(\n--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)\n)\n)}#box{--spectrum-checkbox-spacing:calc(var(--mod-checkbox-height, var(--spectrum-checkbox-height)) - var(\n--mod-checkbox-control-size,\nvar(--spectrum-checkbox-control-size)\n));align-items:center;block-size:var(\n--mod-checkbox-control-size,var(--spectrum-checkbox-control-size)\n);box-sizing:border-box;display:flex;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-checkbox-control-size,var(--spectrum-checkbox-control-size)\n);justify-content:center;margin:calc(var(--mod-checkbox-spacing, var(--spectrum-checkbox-spacing))/2) 0;position:relative}#box:before{block-size:var(\n--mod-checkbox-control-size,var(--spectrum-checkbox-control-size)\n);border-color:var(\n--highcontrast-checkbox-color-default,var(\n--mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default)\n)\n);border-radius:var(\n--mod-checkbox-control-corner-radius,var(--spectrum-checkbox-control-corner-radius)\n);border-style:solid;border-width:var(\n--mod-checkbox-border-width,var(--spectrum-checkbox-border-width)\n);box-sizing:border-box;content:\"\";display:block;forced-color-adjust:none;inline-size:var(\n--mod-checkbox-control-size,var(--spectrum-checkbox-control-size)\n);position:absolute;transition:border var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-in-out,box-shadow var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-in-out;z-index:0}#box:after{border-radius:calc(var(\n--mod-checkbox-control-corner-radius,\nvar(--spectrum-checkbox-control-corner-radius)\n) + var(\n--mod-checkbox-focus-indicator-gap,\nvar(--spectrum-checkbox-focus-indicator-gap)\n));content:\"\";display:block;inset-block:0;inset-inline:0;margin:var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n);position:absolute;transform:translate(0);transition:box-shadow var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-out,margin var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-out}#checkmark,#partialCheckmark{color:var(\n--highcontrast-checkbox-background-color-default,var(\n--mode-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)\n)\n);opacity:0;transform:scale(0);transition:opacity var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-in-out,transform var(\n--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)\n) ease-in-out}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{background-color:var(\n--highcontrast-checkbox-background-color-default,var(\n--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)\n)\n);border-color:var(\n--highcontrast-checkbox-disabled-color-default,var(\n--mod-checkbox-control-color-disabled,var(--spectrum-checkbox-control-color-disabled)\n)\n)}#input:checked:disabled~#label,#input:disabled~#label{color:var(\n--highcontrast-checkbox-disabled-color-default,var(\n--mod-checkbox-content-color-disabled,var(--spectrum-checkbox-content-color-disabled)\n)\n);forced-color-adjust:none}@media (forced-colors:active){#input.focus-visible+#box{forced-color-adjust:none;outline-color:var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n);outline-offset:var(\n--highcontrast-checkbox-focus-indicator-gap,var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n)\n);outline-style:auto;outline-width:var(\n--mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)\n)}#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n);outline-offset:var(\n--highcontrast-checkbox-focus-indicator-gap,var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n)\n);outline-style:auto;outline-width:var(\n--mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)\n)}#input.focus-visible+#box:after{box-shadow:0 0 0 0 var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n)}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(\n--highcontrast-checkbox-focus-indicator-color,var(\n--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)\n)\n)}:host{--highcontrast-checkbox-content-color-default:CanvasText;--highcontrast-checkbox-content-color-hover:CanvasText;--highcontrast-checkbox-content-color-down:CanvasText;--highcontrast-checkbox-content-color-focus:CanvasText;--highcontrast-checkbox-background-color-default:Canvas;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-color-focus:Highlight;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-focus-indicator-color:CanvasText}}:host{--spectrum-checkbox-control-color-default:var(\n--system-spectrum-checkbox-control-color-default\n);--spectrum-checkbox-control-color-hover:var(\n--system-spectrum-checkbox-control-color-hover\n);--spectrum-checkbox-control-color-down:var(\n--system-spectrum-checkbox-control-color-down\n);--spectrum-checkbox-control-color-focus:var(\n--system-spectrum-checkbox-control-color-focus\n)}:host{display:inline-flex;vertical-align:top}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoWf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/checkbox.css.js CHANGED
@@ -85,10 +85,6 @@
85
85
  --highcontrast-checkbox-color-hover,var(
86
86
  --mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)
87
87
  )
88
- )}:host([invalid][invalid]) #input.focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input.focus-visible+#box:before{border-color:var(
89
- --highcontrast-checkbox-color-hover,var(
90
- --mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)
91
- )
92
88
  )}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(
93
89
  --highcontrast-checkbox-color-hover,var(
94
90
  --mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)
@@ -131,10 +127,6 @@
131
127
  --highcontrast-checkbox-highlight-color-focus,var(
132
128
  --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
133
129
  )
134
- )}:host([indeterminate]) #input.focus-visible+#box:before{border-color:var(
135
- --highcontrast-checkbox-highlight-color-focus,var(
136
- --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
137
- )
138
130
  )}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(
139
131
  --highcontrast-checkbox-highlight-color-focus,var(
140
132
  --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
@@ -169,10 +161,6 @@
169
161
  --highcontrast-checkbox-highlight-color-focus,var(
170
162
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
171
163
  )
172
- )}:host([emphasized]) #input.focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input.focus-visible+#box:before{border-color:var(
173
- --highcontrast-checkbox-highlight-color-focus,var(
174
- --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
175
- )
176
164
  )}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(
177
165
  --highcontrast-checkbox-highlight-color-focus,var(
178
166
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
@@ -181,10 +169,6 @@
181
169
  --highcontrast-checkbox-color-default,var(
182
170
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
183
171
  )
184
- )}:host([emphasized][invalid][invalid]) #input.focus-visible:checked+#box:before{border-color:var(
185
- --highcontrast-checkbox-color-default,var(
186
- --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
187
- )
188
172
  )}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(
189
173
  --highcontrast-checkbox-color-default,var(
190
174
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
@@ -209,10 +193,6 @@
209
193
  --highcontrast-checkbox-color-focus,var(
210
194
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
211
195
  )
212
- )}:host([emphasized].focus-visible) #box:before,:host([emphasized].focus-visible) #input:checked+#box:before{border-color:var(
213
- --highcontrast-checkbox-color-focus,var(
214
- --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
215
- )
216
196
  )}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(
217
197
  --highcontrast-checkbox-color-focus,var(
218
198
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
@@ -243,10 +223,6 @@
243
223
  --highcontrast-checkbox-color-focus,var(
244
224
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
245
225
  )
246
- )}#input.focus-visible+#box:before{border-color:var(
247
- --highcontrast-checkbox-color-focus,var(
248
- --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
249
- )
250
226
  )}#input:focus-visible+#box:before{border-color:var(
251
227
  --highcontrast-checkbox-color-focus,var(
252
228
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
@@ -260,15 +236,6 @@
260
236
  );forced-color-adjust:none;margin:calc(var(
261
237
  --mod-checkbox-focus-indicator-gap,
262
238
  var(--spectrum-checkbox-focus-indicator-gap)
263
- )*-1)}#input.focus-visible+#box:after{box-shadow:0 0 0 var(
264
- --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
265
- ) var(
266
- --highcontrast-checkbox-focus-indicator-color,var(
267
- --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
268
- )
269
- );forced-color-adjust:none;margin:calc(var(
270
- --mod-checkbox-focus-indicator-gap,
271
- var(--spectrum-checkbox-focus-indicator-gap)
272
239
  )*-1)}#input:focus-visible+#box:after{box-shadow:0 0 0 var(
273
240
  --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
274
241
  ) var(
@@ -282,10 +249,6 @@ var(--spectrum-checkbox-focus-indicator-gap)
282
249
  --highcontrast-checkbox-content-color-focus,var(
283
250
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
284
251
  )
285
- )}#input.focus-visible+#label{color:var(
286
- --highcontrast-checkbox-content-color-focus,var(
287
- --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
288
- )
289
252
  )}#input:focus-visible+#label{color:var(
290
253
  --highcontrast-checkbox-content-color-focus,var(
291
254
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
@@ -294,10 +257,6 @@ var(--spectrum-checkbox-focus-indicator-gap)
294
257
  --highcontrast-checkbox-highlight-color-focus,var(
295
258
  --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
296
259
  )
297
- )}#input.focus-visible:checked+#box:before{border-color:var(
298
- --highcontrast-checkbox-highlight-color-focus,var(
299
- --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
300
- )
301
260
  )}#input:focus-visible:checked+#box:before{border-color:var(
302
261
  --highcontrast-checkbox-highlight-color-focus,var(
303
262
  --mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)
@@ -309,7 +268,9 @@ var(--spectrum-checkbox-control-size)
309
268
  --mod-checkbox-control-size,var(--spectrum-checkbox-control-size)
310
269
  );box-sizing:border-box;display:flex;flex-grow:0;flex-shrink:0;inline-size:var(
311
270
  --mod-checkbox-control-size,var(--spectrum-checkbox-control-size)
312
- );justify-content:center;margin:calc(var(--mod-checkbox-spacing, var(--spectrum-checkbox-spacing))/2) 0;position:relative}#box:before{border-color:var(
271
+ );justify-content:center;margin:calc(var(--mod-checkbox-spacing, var(--spectrum-checkbox-spacing))/2) 0;position:relative}#box:before{block-size:var(
272
+ --mod-checkbox-control-size,var(--spectrum-checkbox-control-size)
273
+ );border-color:var(
313
274
  --highcontrast-checkbox-color-default,var(
314
275
  --mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default)
315
276
  )
@@ -317,21 +278,19 @@ var(--spectrum-checkbox-control-size)
317
278
  --mod-checkbox-control-corner-radius,var(--spectrum-checkbox-control-corner-radius)
318
279
  );border-style:solid;border-width:var(
319
280
  --mod-checkbox-border-width,var(--spectrum-checkbox-border-width)
320
- );box-sizing:border-box;content:"";display:block;forced-color-adjust:none;height:var(
281
+ );box-sizing:border-box;content:"";display:block;forced-color-adjust:none;inline-size:var(
321
282
  --mod-checkbox-control-size,var(--spectrum-checkbox-control-size)
322
283
  );position:absolute;transition:border var(
323
284
  --mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)
324
285
  ) ease-in-out,box-shadow var(
325
286
  --mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)
326
- ) ease-in-out;width:var(
327
- --mod-checkbox-control-size,var(--spectrum-checkbox-control-size)
328
- );z-index:0}#box:after{border-radius:calc(var(
287
+ ) ease-in-out;z-index:0}#box:after{border-radius:calc(var(
329
288
  --mod-checkbox-control-corner-radius,
330
289
  var(--spectrum-checkbox-control-corner-radius)
331
290
  ) + var(
332
291
  --mod-checkbox-focus-indicator-gap,
333
292
  var(--spectrum-checkbox-focus-indicator-gap)
334
- ));content:"";display:block;inset:0;margin:var(
293
+ ));content:"";display:block;inset-block:0;inset-inline:0;margin:var(
335
294
  --mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)
336
295
  );position:absolute;transform:translate(0);transition:box-shadow var(
337
296
  --mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration)
@@ -367,16 +326,6 @@ var(--spectrum-checkbox-focus-indicator-gap)
367
326
  )
368
327
  );outline-style:auto;outline-width:var(
369
328
  --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
370
- )}#input.focus-visible+#box{forced-color-adjust:none;outline-color:var(
371
- --highcontrast-checkbox-focus-indicator-color,var(
372
- --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
373
- )
374
- );outline-offset:var(
375
- --highcontrast-checkbox-focus-indicator-gap,var(
376
- --mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)
377
- )
378
- );outline-style:auto;outline-width:var(
379
- --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
380
329
  )}#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(
381
330
  --highcontrast-checkbox-focus-indicator-color,var(
382
331
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
@@ -391,10 +340,6 @@ var(--spectrum-checkbox-focus-indicator-gap)
391
340
  --highcontrast-checkbox-focus-indicator-color,var(
392
341
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
393
342
  )
394
- )}#input.focus-visible+#box:after{box-shadow:0 0 0 0 var(
395
- --highcontrast-checkbox-focus-indicator-color,var(
396
- --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
397
- )
398
343
  )}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(
399
344
  --highcontrast-checkbox-focus-indicator-color,var(
400
345
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)