@spectrum-web-components/checkbox 0.14.6 → 0.14.8-overlay-warning.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/package.json +7 -7
  2. package/src/Checkbox.dev.js.map +1 -1
  3. package/src/Checkbox.js.map +1 -1
  4. package/src/checkbox.css.dev.js +47 -0
  5. package/src/checkbox.css.dev.js.map +2 -2
  6. package/src/checkbox.css.js +47 -0
  7. package/src/checkbox.css.js.map +2 -2
  8. package/src/spectrum-checkbox.css.dev.js +47 -0
  9. package/src/spectrum-checkbox.css.dev.js.map +2 -2
  10. package/src/spectrum-checkbox.css.js +47 -0
  11. package/src/spectrum-checkbox.css.js.map +2 -2
  12. package/test/checkbox.test.js.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/checkbox",
3
- "version": "0.14.6",
3
+ "version": "0.14.8-overlay-warning.19+0c0cf0e30",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -12,7 +12,7 @@
12
12
  "directory": "packages/checkbox"
13
13
  },
14
14
  "author": "",
15
- "homepage": "https://adobe.github.io/spectrum-web-components/components/checkbox",
15
+ "homepage": "https://opensource.adobe.com/spectrum-web-components/components/checkbox",
16
16
  "bugs": {
17
17
  "url": "https://github.com/adobe/spectrum-web-components/issues"
18
18
  },
@@ -61,10 +61,10 @@
61
61
  "lit-html"
62
62
  ],
63
63
  "dependencies": {
64
- "@spectrum-web-components/base": "^0.7.2",
65
- "@spectrum-web-components/icon": "^0.12.5",
66
- "@spectrum-web-components/icons-ui": "^0.9.5",
67
- "@spectrum-web-components/shared": "^0.15.3"
64
+ "@spectrum-web-components/base": "^0.7.4-overlay-warning.19+0c0cf0e30",
65
+ "@spectrum-web-components/icon": "^0.12.7-overlay-warning.19+0c0cf0e30",
66
+ "@spectrum-web-components/icons-ui": "^0.9.7-overlay-warning.19+0c0cf0e30",
67
+ "@spectrum-web-components/shared": "^0.15.5-overlay-warning.19+0c0cf0e30"
68
68
  },
69
69
  "devDependencies": {
70
70
  "@spectrum-css/checkbox": "^5.0.2"
@@ -75,5 +75,5 @@
75
75
  "./sp-*.js",
76
76
  "./**/*.dev.js"
77
77
  ],
78
- "gitHead": "34bbc8bf1636f2d78ca9d5dbabc0b89da625572f"
78
+ "gitHead": "0c0cf0e307adb5e67526edb57de4f51ddfedefe1"
79
79
  }
package/src/Checkbox.dev.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["Checkbox.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 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 {\n CSSResultArray,\n DefaultElementSize,\n html,\n PropertyValues,\n SizedMixin,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { CheckboxBase } from './CheckboxBase.dev.js'\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark300.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash300.js';\nimport checkboxStyles from './checkbox.css.js';\nimport checkmarkSmallStyles from '@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js';\nimport dashSmallStyles from '@spectrum-web-components/icon/src/spectrum-icon-dash.css.js';\n\nconst checkmarkIcon = {\n s: html`\n <sp-icon-checkmark75\n id=\"checkmark\"\n class=\"spectrum-UIIcon-Checkmark75\"\n ></sp-icon-checkmark75>\n `,\n m: html`\n <sp-icon-checkmark100\n id=\"checkmark\"\n class=\"spectrum-UIIcon-Checkmark100\"\n ></sp-icon-checkmark100>\n `,\n l: html`\n <sp-icon-checkmark200\n id=\"checkmark\"\n class=\"spectrum-UIIcon-Checkmark200\"\n ></sp-icon-checkmark200>\n `,\n xl: html`\n <sp-icon-checkmark300\n id=\"checkmark\"\n class=\"spectrum-UIIcon-Checkmark300\"\n ></sp-icon-checkmark300>\n `,\n};\n\nconst dashIcon = {\n s: html`\n <sp-icon-dash75\n id=\"partialCheckmark\"\n class=\"spectrum-UIIcon-Dash75\"\n ></sp-icon-dash75>\n `,\n m: html`\n <sp-icon-dash100\n id=\"partialCheckmark\"\n class=\"spectrum-UIIcon-Dash100\"\n ></sp-icon-dash100>\n `,\n l: html`\n <sp-icon-dash200\n id=\"partialCheckmark\"\n class=\"spectrum-UIIcon-Dash200\"\n ></sp-icon-dash200>\n `,\n xl: html`\n <sp-icon-dash300\n id=\"partialCheckmark\"\n class=\"spectrum-UIIcon-Dash300\"\n ></sp-icon-dash300>\n `,\n};\n\n/**\n * @element sp-checkbox\n * @slot - content to display as the label for the Checkbox\n */\nexport class Checkbox extends SizedMixin(CheckboxBase) {\n @property({ type: Boolean, reflect: true })\n public indeterminate = false;\n\n @property({ type: Boolean, reflect: true })\n public invalid = false;\n\n @property({ type: Boolean, reflect: true })\n public emphasized = false;\n\n public static override get styles(): CSSResultArray {\n return [checkboxStyles, checkmarkSmallStyles, dashSmallStyles];\n }\n\n protected override render(): TemplateResult {\n return html`\n ${super.render()}\n <span id=\"box\">\n ${checkmarkIcon[this.size as DefaultElementSize]}\n ${dashIcon[this.size as DefaultElementSize]}\n </span>\n <label id=\"label\"><slot></slot></label>\n `;\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('invalid')) {\n if (this.invalid) {\n this.inputElement.setAttribute('aria-invalid', 'true');\n } else {\n this.inputElement.removeAttribute('aria-invalid');\n }\n }\n if (changes.has('indeterminate')) {\n if (this.indeterminate) {\n this.inputElement.setAttribute('aria-checked', 'mixed');\n } else {\n this.inputElement.removeAttribute('aria-checked');\n }\n }\n }\n}\n"],
5
- "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAGI;AAAA,EAEA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO,oBAAoB;AAC3B,OAAO,0BAA0B;AACjC,OAAO,qBAAqB;AAE5B,MAAM,gBAAgB;AAAA,EAClB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAMR;AAEA,MAAM,WAAW;AAAA,EACb,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAMR;AAMO,aAAM,iBAAiB,WAAW,YAAY,EAAE;AAAA,EAAhD;AAAA;AAEH,SAAO,gBAAgB;AAGvB,SAAO,UAAU;AAGjB,SAAO,aAAa;AAAA;AAAA,EAEpB,WAA2B,SAAyB;AAChD,WAAO,CAAC,gBAAgB,sBAAsB,eAAe;AAAA,EACjE;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA,cACD,MAAM,OAAO;AAAA;AAAA,kBAET,cAAc,KAAK;AAAA,kBACnB,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA,EAI5B;AAAA,EAEmB,QAAQ,SAA+B;AACtD,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,IAAI,SAAS,GAAG;AACxB,UAAI,KAAK,SAAS;AACd,aAAK,aAAa,aAAa,gBAAgB,MAAM;AAAA,MACzD,OAAO;AACH,aAAK,aAAa,gBAAgB,cAAc;AAAA,MACpD;AAAA,IACJ;AACA,QAAI,QAAQ,IAAI,eAAe,GAAG;AAC9B,UAAI,KAAK,eAAe;AACpB,aAAK,aAAa,aAAa,gBAAgB,OAAO;AAAA,MAC1D,OAAO;AACH,aAAK,aAAa,gBAAgB,cAAc;AAAA,MACpD;AAAA,IACJ;AAAA,EACJ;AACJ;AAxCW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GADjC,SAEF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAJjC,SAKF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAPjC,SAQF;",
5
+ "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAGI;AAAA,EAEA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO,oBAAoB;AAC3B,OAAO,0BAA0B;AACjC,OAAO,qBAAqB;AAE5B,MAAM,gBAAgB;AAAA,EAClB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAMR;AAEA,MAAM,WAAW;AAAA,EACb,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMH,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAMR;AAMO,aAAM,iBAAiB,WAAW,YAAY,EAAE;AAAA,EAAhD;AAAA;AAEH,SAAO,gBAAgB;AAGvB,SAAO,UAAU;AAGjB,SAAO,aAAa;AAAA;AAAA,EAEpB,WAA2B,SAAyB;AAChD,WAAO,CAAC,gBAAgB,sBAAsB,eAAe;AAAA,EACjE;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA,cACD,MAAM,OAAO;AAAA;AAAA,kBAET,cAAc,KAAK,IAA0B;AAAA,kBAC7C,SAAS,KAAK,IAA0B;AAAA;AAAA;AAAA;AAAA,EAItD;AAAA,EAEmB,QAAQ,SAA+B;AACtD,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,IAAI,SAAS,GAAG;AACxB,UAAI,KAAK,SAAS;AACd,aAAK,aAAa,aAAa,gBAAgB,MAAM;AAAA,MACzD,OAAO;AACH,aAAK,aAAa,gBAAgB,cAAc;AAAA,MACpD;AAAA,IACJ;AACA,QAAI,QAAQ,IAAI,eAAe,GAAG;AAC9B,UAAI,KAAK,eAAe;AACpB,aAAK,aAAa,aAAa,gBAAgB,OAAO;AAAA,MAC1D,OAAO;AACH,aAAK,aAAa,gBAAgB,cAAc;AAAA,MACpD;AAAA,IACJ;AAAA,EACJ;AACJ;AAxCW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GADjC,SAEF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAJjC,SAKF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAPjC,SAQF;",
6
6
  "names": []
7
7
  }
package/src/Checkbox.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["Checkbox.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 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 {\n CSSResultArray,\n DefaultElementSize,\n html,\n PropertyValues,\n SizedMixin,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { CheckboxBase } from './CheckboxBase.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark300.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash300.js';\nimport checkboxStyles from './checkbox.css.js';\nimport checkmarkSmallStyles from '@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js';\nimport dashSmallStyles from '@spectrum-web-components/icon/src/spectrum-icon-dash.css.js';\n\nconst checkmarkIcon = {\n s: html`\n <sp-icon-checkmark75\n id=\"checkmark\"\n class=\"spectrum-UIIcon-Checkmark75\"\n ></sp-icon-checkmark75>\n `,\n m: html`\n <sp-icon-checkmark100\n id=\"checkmark\"\n class=\"spectrum-UIIcon-Checkmark100\"\n ></sp-icon-checkmark100>\n `,\n l: html`\n <sp-icon-checkmark200\n id=\"checkmark\"\n class=\"spectrum-UIIcon-Checkmark200\"\n ></sp-icon-checkmark200>\n `,\n xl: html`\n <sp-icon-checkmark300\n id=\"checkmark\"\n class=\"spectrum-UIIcon-Checkmark300\"\n ></sp-icon-checkmark300>\n `,\n};\n\nconst dashIcon = {\n s: html`\n <sp-icon-dash75\n id=\"partialCheckmark\"\n class=\"spectrum-UIIcon-Dash75\"\n ></sp-icon-dash75>\n `,\n m: html`\n <sp-icon-dash100\n id=\"partialCheckmark\"\n class=\"spectrum-UIIcon-Dash100\"\n ></sp-icon-dash100>\n `,\n l: html`\n <sp-icon-dash200\n id=\"partialCheckmark\"\n class=\"spectrum-UIIcon-Dash200\"\n ></sp-icon-dash200>\n `,\n xl: html`\n <sp-icon-dash300\n id=\"partialCheckmark\"\n class=\"spectrum-UIIcon-Dash300\"\n ></sp-icon-dash300>\n `,\n};\n\n/**\n * @element sp-checkbox\n * @slot - content to display as the label for the Checkbox\n */\nexport class Checkbox extends SizedMixin(CheckboxBase) {\n @property({ type: Boolean, reflect: true })\n public indeterminate = false;\n\n @property({ type: Boolean, reflect: true })\n public invalid = false;\n\n @property({ type: Boolean, reflect: true })\n public emphasized = false;\n\n public static override get styles(): CSSResultArray {\n return [checkboxStyles, checkmarkSmallStyles, dashSmallStyles];\n }\n\n protected override render(): TemplateResult {\n return html`\n ${super.render()}\n <span id=\"box\">\n ${checkmarkIcon[this.size as DefaultElementSize]}\n ${dashIcon[this.size as DefaultElementSize]}\n </span>\n <label id=\"label\"><slot></slot></label>\n `;\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('invalid')) {\n if (this.invalid) {\n this.inputElement.setAttribute('aria-invalid', 'true');\n } else {\n this.inputElement.removeAttribute('aria-invalid');\n }\n }\n if (changes.has('indeterminate')) {\n if (this.indeterminate) {\n this.inputElement.setAttribute('aria-checked', 'mixed');\n } else {\n this.inputElement.removeAttribute('aria-checked');\n }\n }\n }\n}\n"],
5
- "mappings": "qNAYA,OAGI,QAAAA,EAEA,cAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,gBAAAC,MAAoB,oBAC7B,MAAO,iEACP,MAAO,kEACP,MAAO,kEACP,MAAO,kEACP,MAAO,4DACP,MAAO,6DACP,MAAO,6DACP,MAAO,6DACP,OAAOC,MAAoB,oBAC3B,OAAOC,MAA0B,mEACjC,OAAOC,MAAqB,8DAE5B,MAAMC,EAAgB,CAClB,EAAGP;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,EAAGA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,EAAGA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,GAAIA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMR,EAEMQ,EAAW,CACb,EAAGR;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,EAAGA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,EAAGA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,GAAIA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMR,EAMO,aAAM,iBAAiBC,EAAWE,CAAY,CAAE,CAAhD,kCAEH,KAAO,cAAgB,GAGvB,KAAO,QAAU,GAGjB,KAAO,WAAa,GAEpB,WAA2B,QAAyB,CAChD,MAAO,CAACC,EAAgBC,EAAsBC,CAAe,CACjE,CAEmB,QAAyB,CACxC,OAAON;AAAA,cACD,MAAM,OAAO;AAAA;AAAA,kBAETO,EAAc,KAAK;AAAA,kBACnBC,EAAS,KAAK;AAAA;AAAA;AAAA,SAI5B,CAEmB,QAAQC,EAA+B,CACtD,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,SAAS,IACjB,KAAK,QACL,KAAK,aAAa,aAAa,eAAgB,MAAM,EAErD,KAAK,aAAa,gBAAgB,cAAc,GAGpDA,EAAQ,IAAI,eAAe,IACvB,KAAK,cACL,KAAK,aAAa,aAAa,eAAgB,OAAO,EAEtD,KAAK,aAAa,gBAAgB,cAAc,EAG5D,CACJ,CAxCWC,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GADjC,SAEF,6BAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAJjC,SAKF,uBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAPjC,SAQF",
5
+ "mappings": "qNAYA,OAGI,QAAAA,EAEA,cAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,gBAAAC,MAAoB,oBAC7B,MAAO,iEACP,MAAO,kEACP,MAAO,kEACP,MAAO,kEACP,MAAO,4DACP,MAAO,6DACP,MAAO,6DACP,MAAO,6DACP,OAAOC,MAAoB,oBAC3B,OAAOC,MAA0B,mEACjC,OAAOC,MAAqB,8DAE5B,MAAMC,EAAgB,CAClB,EAAGP;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,EAAGA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,EAAGA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,GAAIA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMR,EAEMQ,EAAW,CACb,EAAGR;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,EAAGA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,EAAGA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMH,GAAIA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMR,EAMO,aAAM,iBAAiBC,EAAWE,CAAY,CAAE,CAAhD,kCAEH,KAAO,cAAgB,GAGvB,KAAO,QAAU,GAGjB,KAAO,WAAa,GAEpB,WAA2B,QAAyB,CAChD,MAAO,CAACC,EAAgBC,EAAsBC,CAAe,CACjE,CAEmB,QAAyB,CACxC,OAAON;AAAA,cACD,MAAM,OAAO;AAAA;AAAA,kBAETO,EAAc,KAAK,IAA0B;AAAA,kBAC7CC,EAAS,KAAK,IAA0B;AAAA;AAAA;AAAA,SAItD,CAEmB,QAAQC,EAA+B,CACtD,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,SAAS,IACjB,KAAK,QACL,KAAK,aAAa,aAAa,eAAgB,MAAM,EAErD,KAAK,aAAa,gBAAgB,cAAc,GAGpDA,EAAQ,IAAI,eAAe,IACvB,KAAK,cACL,KAAK,aAAa,aAAa,eAAgB,OAAO,EAEtD,KAAK,aAAa,gBAAgB,cAAc,EAG5D,CACJ,CAxCWC,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GADjC,SAEF,6BAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAJjC,SAKF,uBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAPjC,SAQF",
6
6
  "names": ["html", "SizedMixin", "property", "CheckboxBase", "checkboxStyles", "checkmarkSmallStyles", "dashSmallStyles", "checkmarkIcon", "dashIcon", "changes", "__decorateClass"]
7
7
  }
package/src/checkbox.css.dev.js CHANGED
@@ -87,6 +87,10 @@ 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]) #input.focus-visible+#box:before,:host([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
+ )
90
94
  )}:host([invalid]) #input:focus-visible+#box:before,:host([invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(
91
95
  --highcontrast-checkbox-color-hover,var(
92
96
  --mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)
@@ -155,6 +159,10 @@ const styles = css`
155
159
  --highcontrast-checkbox-highlight-color-focus,var(
156
160
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
157
161
  )
162
+ )}:host([emphasized]) #input.focus-visible+#box:before,:host([emphasized]) #input.focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input.focus-visible+#box:before{border-color:var(
163
+ --highcontrast-checkbox-highlight-color-focus,var(
164
+ --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
165
+ )
158
166
  )}:host([emphasized]) #input:focus-visible+#box:before,:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(
159
167
  --highcontrast-checkbox-highlight-color-focus,var(
160
168
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
@@ -163,6 +171,10 @@ const styles = css`
163
171
  --highcontrast-checkbox-color-focus,var(
164
172
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
165
173
  )
174
+ )}:host([emphasized][invalid]) #input.focus-visible:checked+#box:before{border-color:var(
175
+ --highcontrast-checkbox-color-focus,var(
176
+ --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
177
+ )
166
178
  )}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(
167
179
  --highcontrast-checkbox-color-focus,var(
168
180
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
@@ -187,6 +199,10 @@ const styles = css`
187
199
  --highcontrast-checkbox-color-focus,var(
188
200
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
189
201
  )
202
+ )}:host([emphasized].focus-visible) #box:before,:host([emphasized].focus-visible) #input:checked+#box:before{border-color:var(
203
+ --highcontrast-checkbox-color-focus,var(
204
+ --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
205
+ )
190
206
  )}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(
191
207
  --highcontrast-checkbox-color-focus,var(
192
208
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
@@ -217,6 +233,10 @@ const styles = css`
217
233
  --highcontrast-checkbox-highlight-color-focus,var(
218
234
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
219
235
  )
236
+ )}#input.focus-visible+#box:before{border-color:var(
237
+ --highcontrast-checkbox-highlight-color-focus,var(
238
+ --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
239
+ )
220
240
  )}#input:focus-visible+#box:before{border-color:var(
221
241
  --highcontrast-checkbox-highlight-color-focus,var(
222
242
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
@@ -230,6 +250,15 @@ const styles = css`
230
250
  );forced-color-adjust:none;margin:calc(var(
231
251
  --mod-checkbox-focus-indicator-gap,
232
252
  var(--spectrum-checkbox-focus-indicator-gap)
253
+ )*-1)}#input.focus-visible+#box:after{box-shadow:0 0 0 var(
254
+ --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
255
+ ) var(
256
+ --highcontrast-checkbox-focus-indicator-color,var(
257
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
258
+ )
259
+ );forced-color-adjust:none;margin:calc(var(
260
+ --mod-checkbox-focus-indicator-gap,
261
+ var(--spectrum-checkbox-focus-indicator-gap)
233
262
  )*-1)}#input:focus-visible+#box:after{box-shadow:0 0 0 var(
234
263
  --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
235
264
  ) var(
@@ -243,6 +272,10 @@ var(--spectrum-checkbox-focus-indicator-gap)
243
272
  --highcontrast-checkbox-content-color-focus,var(
244
273
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
245
274
  )
275
+ )}#input.focus-visible+#label{color:var(
276
+ --highcontrast-checkbox-content-color-focus,var(
277
+ --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
278
+ )
246
279
  )}#input:focus-visible+#label{color:var(
247
280
  --highcontrast-checkbox-content-color-focus,var(
248
281
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
@@ -301,6 +334,16 @@ var(--spectrum-checkbox-focus-indicator-gap)
301
334
  )
302
335
  );outline-style:auto;outline-width:var(
303
336
  --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
337
+ )}#input.focus-visible+#box{forced-color-adjust:none;outline-color:var(
338
+ --highcontrast-checkbox-focus-indicator-color,var(
339
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
340
+ )
341
+ );outline-offset:var(
342
+ --highcontrast-checkbox-focus-indicator-gap,var(
343
+ --mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)
344
+ )
345
+ );outline-style:auto;outline-width:var(
346
+ --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
304
347
  )}#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(
305
348
  --highcontrast-checkbox-focus-indicator-color,var(
306
349
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
@@ -315,6 +358,10 @@ var(--spectrum-checkbox-focus-indicator-gap)
315
358
  --highcontrast-checkbox-focus-indicator-color,var(
316
359
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
317
360
  )
361
+ )}#input.focus-visible+#box:after{box-shadow:0 0 0 0 var(
362
+ --highcontrast-checkbox-focus-indicator-color,var(
363
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
364
+ )
318
365
  )}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(
319
366
  --highcontrast-checkbox-focus-indicator-color,var(
320
367
  --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 2022 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(--spectrum-gray-400);--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-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-medium\n);--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-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100);--spectrum-checkbox-animation-duration:var(\n--spectrum-animation-duration-100\n)}:host([size=s]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-75\n);--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([size=m]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-100\n);--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(\n--spectrum-font-size-200\n);--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(\n--spectrum-font-size-300\n);--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-checkox-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][dir]) #box:before,:host([invalid][dir]) #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]) #input.focus-visible+#box:before,:host([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]) #input:focus-visible+#box:before,:host([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]:hover) #box:before,:host([invalid][dir]: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]: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][indeterminate]) #input:checked+#box:before,:host([invalid][indeterminate][size]) #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][indeterminate]:hover) #box:before,:host([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][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{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) #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+#box:before,: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+#box:before,: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]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]:hover) #input:checked+#box:before,:host([emphasized][invalid][indeterminate]:hover) #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{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{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]:active) #box:before,:host([emphasized][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(js),#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-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}#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)}#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)}#box{--spectrum-checkbox-spacing:calc(var(--spectrum-checkbox-height) - var(--spectrum-checkbox-control-size));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(--spectrum-checkbox-control-corner-radius);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(--spectrum-checkbox-control-corner-radius) + var(--spectrum-checkbox-focus-indicator-gap));bottom:0;content:\"\";display:block;left:0;margin:var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n);position:absolute;right:0;top:0;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:disabled+#box:before,:host([dir]) #input:checked: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:ButtonText;--highcontrast-checkbox-content-color-hover:ButtonText;--highcontrast-checkbox-content-color-down:ButtonText;--highcontrast-checkbox-content-color-focus:ButtonText;--highcontrast-checkbox-background-color-default:Background;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-focus-indicator-color:FieldText;--highcontrast-checkbox-color-focus:FieldText}}: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);--spectrum-checkbox-control-selected-color-default:var(\n--system-spectrum-checkbox-control-selected-color-default\n);--spectrum-checkbox-control-selected-color-hover:var(\n--system-spectrum-checkbox-control-selected-color-hover\n);--spectrum-checkbox-control-selected-color-down:var(\n--system-spectrum-checkbox-control-selected-color-down\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;AA+Uf,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(--spectrum-gray-400);--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-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-medium\n);--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-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100);--spectrum-checkbox-animation-duration:var(\n--spectrum-animation-duration-100\n)}:host([size=s]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-75\n);--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([size=m]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-100\n);--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(\n--spectrum-font-size-200\n);--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(\n--spectrum-font-size-300\n);--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-checkox-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][dir]) #box:before,:host([invalid][dir]) #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]) #input.focus-visible+#box:before,:host([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]) #input.focus-visible+#box:before,:host([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]) #input:focus-visible+#box:before,:host([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]:hover) #box:before,:host([invalid][dir]: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]: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][indeterminate]) #input:checked+#box:before,:host([invalid][indeterminate][size]) #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][indeterminate]:hover) #box:before,:host([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][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{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) #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+#box:before,: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+#box:before,: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+#box:before,: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]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]:hover) #input:checked+#box:before,:host([emphasized][invalid][indeterminate]:hover) #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{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{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]:active) #box:before,:host([emphasized][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(js),#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-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}#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)}#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)}#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)}#box{--spectrum-checkbox-spacing:calc(var(--spectrum-checkbox-height) - var(--spectrum-checkbox-control-size));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(--spectrum-checkbox-control-corner-radius);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(--spectrum-checkbox-control-corner-radius) + var(--spectrum-checkbox-focus-indicator-gap));bottom:0;content:\"\";display:block;left:0;margin:var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n);position:absolute;right:0;top:0;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:disabled+#box:before,:host([dir]) #input:checked: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:ButtonText;--highcontrast-checkbox-content-color-hover:ButtonText;--highcontrast-checkbox-content-color-down:ButtonText;--highcontrast-checkbox-content-color-focus:ButtonText;--highcontrast-checkbox-background-color-default:Background;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-focus-indicator-color:FieldText;--highcontrast-checkbox-color-focus:FieldText}}: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);--spectrum-checkbox-control-selected-color-default:var(\n--system-spectrum-checkbox-control-selected-color-default\n);--spectrum-checkbox-control-selected-color-hover:var(\n--system-spectrum-checkbox-control-selected-color-hover\n);--spectrum-checkbox-control-selected-color-down:var(\n--system-spectrum-checkbox-control-selected-color-down\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;AA8Xf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/checkbox.css.js CHANGED
@@ -85,6 +85,10 @@
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]) #input.focus-visible+#box:before,:host([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
+ )
88
92
  )}:host([invalid]) #input:focus-visible+#box:before,:host([invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(
89
93
  --highcontrast-checkbox-color-hover,var(
90
94
  --mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)
@@ -153,6 +157,10 @@
153
157
  --highcontrast-checkbox-highlight-color-focus,var(
154
158
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
155
159
  )
160
+ )}:host([emphasized]) #input.focus-visible+#box:before,:host([emphasized]) #input.focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input.focus-visible+#box:before{border-color:var(
161
+ --highcontrast-checkbox-highlight-color-focus,var(
162
+ --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
163
+ )
156
164
  )}:host([emphasized]) #input:focus-visible+#box:before,:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(
157
165
  --highcontrast-checkbox-highlight-color-focus,var(
158
166
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
@@ -161,6 +169,10 @@
161
169
  --highcontrast-checkbox-color-focus,var(
162
170
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
163
171
  )
172
+ )}:host([emphasized][invalid]) #input.focus-visible:checked+#box:before{border-color:var(
173
+ --highcontrast-checkbox-color-focus,var(
174
+ --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
175
+ )
164
176
  )}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(
165
177
  --highcontrast-checkbox-color-focus,var(
166
178
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
@@ -185,6 +197,10 @@
185
197
  --highcontrast-checkbox-color-focus,var(
186
198
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
187
199
  )
200
+ )}:host([emphasized].focus-visible) #box:before,:host([emphasized].focus-visible) #input:checked+#box:before{border-color:var(
201
+ --highcontrast-checkbox-color-focus,var(
202
+ --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
203
+ )
188
204
  )}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(
189
205
  --highcontrast-checkbox-color-focus,var(
190
206
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
@@ -215,6 +231,10 @@
215
231
  --highcontrast-checkbox-highlight-color-focus,var(
216
232
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
217
233
  )
234
+ )}#input.focus-visible+#box:before{border-color:var(
235
+ --highcontrast-checkbox-highlight-color-focus,var(
236
+ --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
237
+ )
218
238
  )}#input:focus-visible+#box:before{border-color:var(
219
239
  --highcontrast-checkbox-highlight-color-focus,var(
220
240
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
@@ -228,6 +248,15 @@
228
248
  );forced-color-adjust:none;margin:calc(var(
229
249
  --mod-checkbox-focus-indicator-gap,
230
250
  var(--spectrum-checkbox-focus-indicator-gap)
251
+ )*-1)}#input.focus-visible+#box:after{box-shadow:0 0 0 var(
252
+ --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
253
+ ) var(
254
+ --highcontrast-checkbox-focus-indicator-color,var(
255
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
256
+ )
257
+ );forced-color-adjust:none;margin:calc(var(
258
+ --mod-checkbox-focus-indicator-gap,
259
+ var(--spectrum-checkbox-focus-indicator-gap)
231
260
  )*-1)}#input:focus-visible+#box:after{box-shadow:0 0 0 var(
232
261
  --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
233
262
  ) var(
@@ -241,6 +270,10 @@ var(--spectrum-checkbox-focus-indicator-gap)
241
270
  --highcontrast-checkbox-content-color-focus,var(
242
271
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
243
272
  )
273
+ )}#input.focus-visible+#label{color:var(
274
+ --highcontrast-checkbox-content-color-focus,var(
275
+ --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
276
+ )
244
277
  )}#input:focus-visible+#label{color:var(
245
278
  --highcontrast-checkbox-content-color-focus,var(
246
279
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
@@ -299,6 +332,16 @@ var(--spectrum-checkbox-focus-indicator-gap)
299
332
  )
300
333
  );outline-style:auto;outline-width:var(
301
334
  --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
335
+ )}#input.focus-visible+#box{forced-color-adjust:none;outline-color:var(
336
+ --highcontrast-checkbox-focus-indicator-color,var(
337
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
338
+ )
339
+ );outline-offset:var(
340
+ --highcontrast-checkbox-focus-indicator-gap,var(
341
+ --mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)
342
+ )
343
+ );outline-style:auto;outline-width:var(
344
+ --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
302
345
  )}#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(
303
346
  --highcontrast-checkbox-focus-indicator-color,var(
304
347
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
@@ -313,6 +356,10 @@ var(--spectrum-checkbox-focus-indicator-gap)
313
356
  --highcontrast-checkbox-focus-indicator-color,var(
314
357
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
315
358
  )
359
+ )}#input.focus-visible+#box:after{box-shadow:0 0 0 0 var(
360
+ --highcontrast-checkbox-focus-indicator-color,var(
361
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
362
+ )
316
363
  )}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(
317
364
  --highcontrast-checkbox-focus-indicator-color,var(
318
365
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
package/src/checkbox.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["checkbox.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2022 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(--spectrum-gray-400);--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-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-medium\n);--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-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100);--spectrum-checkbox-animation-duration:var(\n--spectrum-animation-duration-100\n)}:host([size=s]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-75\n);--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([size=m]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-100\n);--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(\n--spectrum-font-size-200\n);--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(\n--spectrum-font-size-300\n);--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-checkox-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][dir]) #box:before,:host([invalid][dir]) #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]) #input.focus-visible+#box:before,:host([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]) #input:focus-visible+#box:before,:host([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]:hover) #box:before,:host([invalid][dir]: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]: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][indeterminate]) #input:checked+#box:before,:host([invalid][indeterminate][size]) #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][indeterminate]:hover) #box:before,:host([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][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{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) #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+#box:before,: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+#box:before,: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]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]:hover) #input:checked+#box:before,:host([emphasized][invalid][indeterminate]:hover) #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{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{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]:active) #box:before,:host([emphasized][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(js),#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-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}#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)}#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)}#box{--spectrum-checkbox-spacing:calc(var(--spectrum-checkbox-height) - var(--spectrum-checkbox-control-size));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(--spectrum-checkbox-control-corner-radius);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(--spectrum-checkbox-control-corner-radius) + var(--spectrum-checkbox-focus-indicator-gap));bottom:0;content:\"\";display:block;left:0;margin:var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n);position:absolute;right:0;top:0;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:disabled+#box:before,:host([dir]) #input:checked: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:ButtonText;--highcontrast-checkbox-content-color-hover:ButtonText;--highcontrast-checkbox-content-color-down:ButtonText;--highcontrast-checkbox-content-color-focus:ButtonText;--highcontrast-checkbox-background-color-default:Background;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-focus-indicator-color:FieldText;--highcontrast-checkbox-color-focus:FieldText}}: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);--spectrum-checkbox-control-selected-color-default:var(\n--system-spectrum-checkbox-control-selected-color-default\n);--spectrum-checkbox-control-selected-color-hover:var(\n--system-spectrum-checkbox-control-selected-color-hover\n);--spectrum-checkbox-control-selected-color-down:var(\n--system-spectrum-checkbox-control-selected-color-down\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,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Uf,eAAeC",
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(--spectrum-gray-400);--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-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-medium\n);--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-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100);--spectrum-checkbox-animation-duration:var(\n--spectrum-animation-duration-100\n)}:host([size=s]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-75\n);--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([size=m]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-100\n);--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(\n--spectrum-font-size-200\n);--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(\n--spectrum-font-size-300\n);--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-checkox-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][dir]) #box:before,:host([invalid][dir]) #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]) #input.focus-visible+#box:before,:host([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]) #input.focus-visible+#box:before,:host([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]) #input:focus-visible+#box:before,:host([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]:hover) #box:before,:host([invalid][dir]: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]: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][indeterminate]) #input:checked+#box:before,:host([invalid][indeterminate][size]) #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][indeterminate]:hover) #box:before,:host([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][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{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) #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+#box:before,: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+#box:before,: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+#box:before,: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]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]:hover) #input:checked+#box:before,:host([emphasized][invalid][indeterminate]:hover) #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{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{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]:active) #box:before,:host([emphasized][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(js),#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-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}#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)}#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)}#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)}#box{--spectrum-checkbox-spacing:calc(var(--spectrum-checkbox-height) - var(--spectrum-checkbox-control-size));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(--spectrum-checkbox-control-corner-radius);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(--spectrum-checkbox-control-corner-radius) + var(--spectrum-checkbox-focus-indicator-gap));bottom:0;content:\"\";display:block;left:0;margin:var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n);position:absolute;right:0;top:0;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:disabled+#box:before,:host([dir]) #input:checked: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:ButtonText;--highcontrast-checkbox-content-color-hover:ButtonText;--highcontrast-checkbox-content-color-down:ButtonText;--highcontrast-checkbox-content-color-focus:ButtonText;--highcontrast-checkbox-background-color-default:Background;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-focus-indicator-color:FieldText;--highcontrast-checkbox-color-focus:FieldText}}: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);--spectrum-checkbox-control-selected-color-default:var(\n--system-spectrum-checkbox-control-selected-color-default\n);--spectrum-checkbox-control-selected-color-hover:var(\n--system-spectrum-checkbox-control-selected-color-hover\n);--spectrum-checkbox-control-selected-color-down:var(\n--system-spectrum-checkbox-control-selected-color-down\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,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8Xf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-checkbox.css.dev.js CHANGED
@@ -87,6 +87,10 @@ 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]) #input.focus-visible+#box:before,:host([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
+ )
90
94
  )}:host([invalid]) #input:focus-visible+#box:before,:host([invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(
91
95
  --highcontrast-checkbox-color-hover,var(
92
96
  --mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)
@@ -155,6 +159,10 @@ const styles = css`
155
159
  --highcontrast-checkbox-highlight-color-focus,var(
156
160
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
157
161
  )
162
+ )}:host([emphasized]) #input.focus-visible+#box:before,:host([emphasized]) #input.focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input.focus-visible+#box:before{border-color:var(
163
+ --highcontrast-checkbox-highlight-color-focus,var(
164
+ --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
165
+ )
158
166
  )}:host([emphasized]) #input:focus-visible+#box:before,:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(
159
167
  --highcontrast-checkbox-highlight-color-focus,var(
160
168
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
@@ -163,6 +171,10 @@ const styles = css`
163
171
  --highcontrast-checkbox-color-focus,var(
164
172
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
165
173
  )
174
+ )}:host([emphasized][invalid]) #input.focus-visible:checked+#box:before{border-color:var(
175
+ --highcontrast-checkbox-color-focus,var(
176
+ --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
177
+ )
166
178
  )}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(
167
179
  --highcontrast-checkbox-color-focus,var(
168
180
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
@@ -187,6 +199,10 @@ const styles = css`
187
199
  --highcontrast-checkbox-color-focus,var(
188
200
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
189
201
  )
202
+ )}:host([emphasized].focus-visible) #box:before,:host([emphasized].focus-visible) #input:checked+#box:before{border-color:var(
203
+ --highcontrast-checkbox-color-focus,var(
204
+ --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
205
+ )
190
206
  )}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(
191
207
  --highcontrast-checkbox-color-focus,var(
192
208
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
@@ -217,6 +233,10 @@ const styles = css`
217
233
  --highcontrast-checkbox-highlight-color-focus,var(
218
234
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
219
235
  )
236
+ )}#input.focus-visible+#box:before{border-color:var(
237
+ --highcontrast-checkbox-highlight-color-focus,var(
238
+ --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
239
+ )
220
240
  )}#input:focus-visible+#box:before{border-color:var(
221
241
  --highcontrast-checkbox-highlight-color-focus,var(
222
242
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
@@ -230,6 +250,15 @@ const styles = css`
230
250
  );forced-color-adjust:none;margin:calc(var(
231
251
  --mod-checkbox-focus-indicator-gap,
232
252
  var(--spectrum-checkbox-focus-indicator-gap)
253
+ )*-1)}#input.focus-visible+#box:after{box-shadow:0 0 0 var(
254
+ --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
255
+ ) var(
256
+ --highcontrast-checkbox-focus-indicator-color,var(
257
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
258
+ )
259
+ );forced-color-adjust:none;margin:calc(var(
260
+ --mod-checkbox-focus-indicator-gap,
261
+ var(--spectrum-checkbox-focus-indicator-gap)
233
262
  )*-1)}#input:focus-visible+#box:after{box-shadow:0 0 0 var(
234
263
  --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
235
264
  ) var(
@@ -243,6 +272,10 @@ var(--spectrum-checkbox-focus-indicator-gap)
243
272
  --highcontrast-checkbox-content-color-focus,var(
244
273
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
245
274
  )
275
+ )}#input.focus-visible+#label{color:var(
276
+ --highcontrast-checkbox-content-color-focus,var(
277
+ --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
278
+ )
246
279
  )}#input:focus-visible+#label{color:var(
247
280
  --highcontrast-checkbox-content-color-focus,var(
248
281
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
@@ -301,6 +334,16 @@ var(--spectrum-checkbox-focus-indicator-gap)
301
334
  )
302
335
  );outline-style:auto;outline-width:var(
303
336
  --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
337
+ )}#input.focus-visible+#box{forced-color-adjust:none;outline-color:var(
338
+ --highcontrast-checkbox-focus-indicator-color,var(
339
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
340
+ )
341
+ );outline-offset:var(
342
+ --highcontrast-checkbox-focus-indicator-gap,var(
343
+ --mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)
344
+ )
345
+ );outline-style:auto;outline-width:var(
346
+ --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
304
347
  )}#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(
305
348
  --highcontrast-checkbox-focus-indicator-color,var(
306
349
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
@@ -315,6 +358,10 @@ var(--spectrum-checkbox-focus-indicator-gap)
315
358
  --highcontrast-checkbox-focus-indicator-color,var(
316
359
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
317
360
  )
361
+ )}#input.focus-visible+#box:after{box-shadow:0 0 0 0 var(
362
+ --highcontrast-checkbox-focus-indicator-color,var(
363
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
364
+ )
318
365
  )}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(
319
366
  --highcontrast-checkbox-focus-indicator-color,var(
320
367
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
package/src/spectrum-checkbox.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-checkbox.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2022 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(--spectrum-gray-400);--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-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-medium\n);--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-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100);--spectrum-checkbox-animation-duration:var(\n--spectrum-animation-duration-100\n)}:host([size=s]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-75\n);--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([size=m]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-100\n);--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(\n--spectrum-font-size-200\n);--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(\n--spectrum-font-size-300\n);--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);display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-checkox-height,var(--spectrum-checkbox-height));position:relative;vertical-align:top}: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][dir]) #box:before,:host([invalid][dir]) #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]) #input.focus-visible+#box:before,:host([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]) #input:focus-visible+#box:before,:host([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]:hover) #box:before,:host([invalid][dir]: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]: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][indeterminate]) #input:checked+#box:before,:host([invalid][indeterminate][size]) #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][indeterminate]:hover) #box:before,:host([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][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{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) #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+#box:before,: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+#box:before,: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]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]:hover) #input:checked+#box:before,:host([emphasized][invalid][indeterminate]:hover) #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{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{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]:active) #box:before,:host([emphasized][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(js),#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-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}#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)}#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)}#box{--spectrum-checkbox-spacing:calc(var(--spectrum-checkbox-height) - var(--spectrum-checkbox-control-size));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(--spectrum-checkbox-control-corner-radius);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(--spectrum-checkbox-control-corner-radius) + var(--spectrum-checkbox-focus-indicator-gap));bottom:0;content:\"\";display:block;left:0;margin:var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n);position:absolute;right:0;top:0;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:disabled+#box:before,:host([dir]) #input:checked: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:ButtonText;--highcontrast-checkbox-content-color-hover:ButtonText;--highcontrast-checkbox-content-color-down:ButtonText;--highcontrast-checkbox-content-color-focus:ButtonText;--highcontrast-checkbox-background-color-default:Background;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-focus-indicator-color:FieldText;--highcontrast-checkbox-color-focus:FieldText}}: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);--spectrum-checkbox-control-selected-color-default:var(\n--system-spectrum-checkbox-control-selected-color-default\n);--spectrum-checkbox-control-selected-color-hover:var(\n--system-spectrum-checkbox-control-selected-color-hover\n);--spectrum-checkbox-control-selected-color-down:var(\n--system-spectrum-checkbox-control-selected-color-down\n)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Uf,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(--spectrum-gray-400);--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-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-medium\n);--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-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100);--spectrum-checkbox-animation-duration:var(\n--spectrum-animation-duration-100\n)}:host([size=s]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-75\n);--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([size=m]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-100\n);--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(\n--spectrum-font-size-200\n);--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(\n--spectrum-font-size-300\n);--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);display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-checkox-height,var(--spectrum-checkbox-height));position:relative;vertical-align:top}: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][dir]) #box:before,:host([invalid][dir]) #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]) #input.focus-visible+#box:before,:host([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]) #input.focus-visible+#box:before,:host([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]) #input:focus-visible+#box:before,:host([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]:hover) #box:before,:host([invalid][dir]: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]: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][indeterminate]) #input:checked+#box:before,:host([invalid][indeterminate][size]) #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][indeterminate]:hover) #box:before,:host([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][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{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) #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+#box:before,: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+#box:before,: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+#box:before,: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]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]:hover) #input:checked+#box:before,:host([emphasized][invalid][indeterminate]:hover) #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{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{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]:active) #box:before,:host([emphasized][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(js),#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-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}#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)}#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)}#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)}#box{--spectrum-checkbox-spacing:calc(var(--spectrum-checkbox-height) - var(--spectrum-checkbox-control-size));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(--spectrum-checkbox-control-corner-radius);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(--spectrum-checkbox-control-corner-radius) + var(--spectrum-checkbox-focus-indicator-gap));bottom:0;content:\"\";display:block;left:0;margin:var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n);position:absolute;right:0;top:0;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:disabled+#box:before,:host([dir]) #input:checked: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:ButtonText;--highcontrast-checkbox-content-color-hover:ButtonText;--highcontrast-checkbox-content-color-down:ButtonText;--highcontrast-checkbox-content-color-focus:ButtonText;--highcontrast-checkbox-background-color-default:Background;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-focus-indicator-color:FieldText;--highcontrast-checkbox-color-focus:FieldText}}: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);--spectrum-checkbox-control-selected-color-default:var(\n--system-spectrum-checkbox-control-selected-color-default\n);--spectrum-checkbox-control-selected-color-hover:var(\n--system-spectrum-checkbox-control-selected-color-hover\n);--spectrum-checkbox-control-selected-color-down:var(\n--system-spectrum-checkbox-control-selected-color-down\n)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8Xf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-checkbox.css.js CHANGED
@@ -85,6 +85,10 @@
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]) #input.focus-visible+#box:before,:host([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
+ )
88
92
  )}:host([invalid]) #input:focus-visible+#box:before,:host([invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(
89
93
  --highcontrast-checkbox-color-hover,var(
90
94
  --mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)
@@ -153,6 +157,10 @@
153
157
  --highcontrast-checkbox-highlight-color-focus,var(
154
158
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
155
159
  )
160
+ )}:host([emphasized]) #input.focus-visible+#box:before,:host([emphasized]) #input.focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input.focus-visible+#box:before{border-color:var(
161
+ --highcontrast-checkbox-highlight-color-focus,var(
162
+ --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
163
+ )
156
164
  )}:host([emphasized]) #input:focus-visible+#box:before,:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(
157
165
  --highcontrast-checkbox-highlight-color-focus,var(
158
166
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
@@ -161,6 +169,10 @@
161
169
  --highcontrast-checkbox-color-focus,var(
162
170
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
163
171
  )
172
+ )}:host([emphasized][invalid]) #input.focus-visible:checked+#box:before{border-color:var(
173
+ --highcontrast-checkbox-color-focus,var(
174
+ --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
175
+ )
164
176
  )}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(
165
177
  --highcontrast-checkbox-color-focus,var(
166
178
  --mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)
@@ -185,6 +197,10 @@
185
197
  --highcontrast-checkbox-color-focus,var(
186
198
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
187
199
  )
200
+ )}:host([emphasized].focus-visible) #box:before,:host([emphasized].focus-visible) #input:checked+#box:before{border-color:var(
201
+ --highcontrast-checkbox-color-focus,var(
202
+ --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
203
+ )
188
204
  )}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(
189
205
  --highcontrast-checkbox-color-focus,var(
190
206
  --mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)
@@ -215,6 +231,10 @@
215
231
  --highcontrast-checkbox-highlight-color-focus,var(
216
232
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
217
233
  )
234
+ )}#input.focus-visible+#box:before{border-color:var(
235
+ --highcontrast-checkbox-highlight-color-focus,var(
236
+ --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
237
+ )
218
238
  )}#input:focus-visible+#box:before{border-color:var(
219
239
  --highcontrast-checkbox-highlight-color-focus,var(
220
240
  --mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)
@@ -228,6 +248,15 @@
228
248
  );forced-color-adjust:none;margin:calc(var(
229
249
  --mod-checkbox-focus-indicator-gap,
230
250
  var(--spectrum-checkbox-focus-indicator-gap)
251
+ )*-1)}#input.focus-visible+#box:after{box-shadow:0 0 0 var(
252
+ --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
253
+ ) var(
254
+ --highcontrast-checkbox-focus-indicator-color,var(
255
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
256
+ )
257
+ );forced-color-adjust:none;margin:calc(var(
258
+ --mod-checkbox-focus-indicator-gap,
259
+ var(--spectrum-checkbox-focus-indicator-gap)
231
260
  )*-1)}#input:focus-visible+#box:after{box-shadow:0 0 0 var(
232
261
  --mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness)
233
262
  ) var(
@@ -241,6 +270,10 @@ var(--spectrum-checkbox-focus-indicator-gap)
241
270
  --highcontrast-checkbox-content-color-focus,var(
242
271
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
243
272
  )
273
+ )}#input.focus-visible+#label{color:var(
274
+ --highcontrast-checkbox-content-color-focus,var(
275
+ --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
276
+ )
244
277
  )}#input:focus-visible+#label{color:var(
245
278
  --highcontrast-checkbox-content-color-focus,var(
246
279
  --mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)
@@ -299,6 +332,16 @@ var(--spectrum-checkbox-focus-indicator-gap)
299
332
  )
300
333
  );outline-style:auto;outline-width:var(
301
334
  --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
335
+ )}#input.focus-visible+#box{forced-color-adjust:none;outline-color:var(
336
+ --highcontrast-checkbox-focus-indicator-color,var(
337
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
338
+ )
339
+ );outline-offset:var(
340
+ --highcontrast-checkbox-focus-indicator-gap,var(
341
+ --mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)
342
+ )
343
+ );outline-style:auto;outline-width:var(
344
+ --mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)
302
345
  )}#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(
303
346
  --highcontrast-checkbox-focus-indicator-color,var(
304
347
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
@@ -313,6 +356,10 @@ var(--spectrum-checkbox-focus-indicator-gap)
313
356
  --highcontrast-checkbox-focus-indicator-color,var(
314
357
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
315
358
  )
359
+ )}#input.focus-visible+#box:after{box-shadow:0 0 0 0 var(
360
+ --highcontrast-checkbox-focus-indicator-color,var(
361
+ --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
362
+ )
316
363
  )}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(
317
364
  --highcontrast-checkbox-focus-indicator-color,var(
318
365
  --mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)
package/src/spectrum-checkbox.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-checkbox.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2022 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(--spectrum-gray-400);--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-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-medium\n);--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-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100);--spectrum-checkbox-animation-duration:var(\n--spectrum-animation-duration-100\n)}:host([size=s]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-75\n);--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([size=m]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-100\n);--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(\n--spectrum-font-size-200\n);--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(\n--spectrum-font-size-300\n);--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);display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-checkox-height,var(--spectrum-checkbox-height));position:relative;vertical-align:top}: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][dir]) #box:before,:host([invalid][dir]) #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]) #input.focus-visible+#box:before,:host([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]) #input:focus-visible+#box:before,:host([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]:hover) #box:before,:host([invalid][dir]: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]: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][indeterminate]) #input:checked+#box:before,:host([invalid][indeterminate][size]) #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][indeterminate]:hover) #box:before,:host([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][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{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) #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+#box:before,: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+#box:before,: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]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]:hover) #input:checked+#box:before,:host([emphasized][invalid][indeterminate]:hover) #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{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{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]:active) #box:before,:host([emphasized][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(js),#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-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}#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)}#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)}#box{--spectrum-checkbox-spacing:calc(var(--spectrum-checkbox-height) - var(--spectrum-checkbox-control-size));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(--spectrum-checkbox-control-corner-radius);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(--spectrum-checkbox-control-corner-radius) + var(--spectrum-checkbox-focus-indicator-gap));bottom:0;content:\"\";display:block;left:0;margin:var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n);position:absolute;right:0;top:0;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:disabled+#box:before,:host([dir]) #input:checked: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:ButtonText;--highcontrast-checkbox-content-color-hover:ButtonText;--highcontrast-checkbox-content-color-down:ButtonText;--highcontrast-checkbox-content-color-focus:ButtonText;--highcontrast-checkbox-background-color-default:Background;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-focus-indicator-color:FieldText;--highcontrast-checkbox-color-focus:FieldText}}: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);--spectrum-checkbox-control-selected-color-default:var(\n--system-spectrum-checkbox-control-selected-color-default\n);--spectrum-checkbox-control-selected-color-hover:var(\n--system-spectrum-checkbox-control-selected-color-hover\n);--spectrum-checkbox-control-selected-color-down:var(\n--system-spectrum-checkbox-control-selected-color-down\n)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Uf,eAAeC",
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(--spectrum-gray-400);--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-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-line-height-cjk-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(\n--spectrum-checkbox-control-size-medium\n);--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-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100);--spectrum-checkbox-animation-duration:var(\n--spectrum-animation-duration-100\n)}:host([size=s]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-75\n);--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([size=m]){--spectrum-checkbox-font-size:var(\n--spectrum-font-size-100\n);--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(\n--spectrum-font-size-200\n);--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(\n--spectrum-font-size-300\n);--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);display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-checkox-height,var(--spectrum-checkbox-height));position:relative;vertical-align:top}: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][dir]) #box:before,:host([invalid][dir]) #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]) #input.focus-visible+#box:before,:host([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]) #input.focus-visible+#box:before,:host([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]) #input:focus-visible+#box:before,:host([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]:hover) #box:before,:host([invalid][dir]: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]: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][indeterminate]) #input:checked+#box:before,:host([invalid][indeterminate][size]) #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][indeterminate]:hover) #box:before,:host([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][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{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) #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+#box:before,: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+#box:before,: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+#box:before,: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]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input.focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]) #input:focus-visible:checked+#box:before{border-color:var(\n--highcontrast-checkbox-color-focus,var(\n--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)\n)\n)}:host([emphasized][invalid]:hover) #input:checked+#box:before,:host([emphasized][invalid][indeterminate]:hover) #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{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{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]:active) #box:before,:host([emphasized][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(js),#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-highlight-color-focus,var(\n--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)\n)\n)}#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)}#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)}#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)}#box{--spectrum-checkbox-spacing:calc(var(--spectrum-checkbox-height) - var(--spectrum-checkbox-control-size));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(--spectrum-checkbox-control-corner-radius);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(--spectrum-checkbox-control-corner-radius) + var(--spectrum-checkbox-focus-indicator-gap));bottom:0;content:\"\";display:block;left:0;margin:var(\n--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)\n);position:absolute;right:0;top:0;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:disabled+#box:before,:host([dir]) #input:checked: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:ButtonText;--highcontrast-checkbox-content-color-hover:ButtonText;--highcontrast-checkbox-content-color-down:ButtonText;--highcontrast-checkbox-content-color-focus:ButtonText;--highcontrast-checkbox-background-color-default:Background;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-focus-indicator-color:FieldText;--highcontrast-checkbox-color-focus:FieldText}}: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);--spectrum-checkbox-control-selected-color-default:var(\n--system-spectrum-checkbox-control-selected-color-default\n);--spectrum-checkbox-control-selected-color-hover:var(\n--system-spectrum-checkbox-control-selected-color-hover\n);--spectrum-checkbox-control-selected-color-down:var(\n--system-spectrum-checkbox-control-selected-color-down\n)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8Xf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/test/checkbox.test.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["checkbox.test.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 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 '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport { Checkbox } from '../';\nimport {\n elementUpdated,\n expect,\n fixture,\n html,\n triggerBlurFor,\n waitUntil,\n} from '@open-wc/testing';\nimport '@spectrum-web-components/shared/src/focus-visible.js';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\nfunction inputForCheckbox(checkbox: Checkbox): HTMLInputElement {\n if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n return checkbox.shadowRoot.querySelector('#input') as HTMLInputElement;\n}\n\nfunction labelNodeForCheckbox(checkbox: Checkbox): Node {\n if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n const slotEl = checkbox.shadowRoot.querySelector('slot');\n if (!slotEl) {\n throw new Error('Failed to find slot in shadowRoot');\n }\n return slotEl.assignedNodes()[0];\n}\ndescribe('Checkbox', () => {\n let testFixture: HTMLDivElement;\n\n beforeEach(async () => {\n testFixture = await fixture<HTMLDivElement>(\n html`\n <div>\n <div id=\"test-checkbox\">\n <sp-checkbox id=\"checkbox0\" tabindex=\"5\">\n Component\n </sp-checkbox>\n <sp-checkbox id=\"checkbox1\" tabindex=\"2\" checked>\n Check 1\n </sp-checkbox>\n <sp-checkbox id=\"checkbox2\" tabindex=\"3\" disabled>\n Check 2\n </sp-checkbox>\n <sp-checkbox id=\"checkbox3\" tabindex=\"1\" autofocus>\n Check 3\n </sp-checkbox>\n <sp-checkbox id=\"checkbox4\" tabindex=\"0\">\n Check 4\n </sp-checkbox>\n <sp-checkbox id=\"checkbox5\" tabindex=\"-1\">\n Check 5\n </sp-checkbox>\n </div>\n </div>\n `\n );\n });\n\n it('loads', async () => {\n const el = testFixture.querySelector('sp-checkbox') as Checkbox;\n expect(el).to.not.equal(undefined);\n const textNode = labelNodeForCheckbox(el);\n const content = (textNode.textContent || '').trim();\n expect(content).to.equal('Component');\n });\n testForLitDevWarnings(\n async () =>\n await fixture<Checkbox>(\n html`\n <sp-checkbox>Not Checked</sp-checkbox>\n `\n )\n );\n\n it('loads default checkbox accessibly', async () => {\n const el = await fixture<Checkbox>(\n html`\n <sp-checkbox>Not Checked</sp-checkbox>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n\n it('loads `checked` checkbox accessibly', async () => {\n const el = await fixture<Checkbox>(\n html`\n <sp-checkbox checked>Checked</sp-checkbox>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n\n it('is `invalid` checkbox accessibly', async () => {\n const el = await fixture<Checkbox>(\n html`\n <sp-checkbox invalid>Invalid Checked</sp-checkbox>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n\n it('autofocuses', async () => {\n const autoElement = testFixture.querySelector(\n 'sp-checkbox[autofocus]'\n ) as Checkbox;\n\n expect(autoElement).to.exist;\n await waitUntil(\n () => document.activeElement === autoElement,\n 'Autofocused'\n );\n\n await triggerBlurFor(autoElement);\n\n expect(document.activeElement).to.not.equal(autoElement);\n });\n\n it('`click()`ing host clicks `focusElement`', async () => {\n const el = await fixture<Checkbox>(\n html`\n <sp-checkbox checked autofocus>Checked</sp-checkbox>\n `\n );\n\n await elementUpdated(el);\n\n expect(el.checked, 'checked initially').to.be.true;\n\n el.click();\n await elementUpdated(el);\n\n expect(el.checked, 'unchecked').to.be.false;\n\n el.click();\n await elementUpdated(el);\n\n expect(el.checked, 'checked again').to.be.true;\n });\n\n it('respects checked attribute', () => {\n let el = testFixture.querySelector('#checkbox0') as Checkbox;\n expect(el.checked).to.be.false;\n\n el = testFixture.querySelector('#checkbox1') as Checkbox;\n expect(el.checked).to.be.true;\n });\n\n it('handles click events', async () => {\n const el = testFixture.querySelector('#checkbox1') as Checkbox;\n expect(el.checked).to.be.true;\n\n inputForCheckbox(el).click();\n await elementUpdated(el);\n\n expect(el.checked).to.be.false;\n });\n\n it('can have `change` events cancelled', async () => {\n const el = testFixture.querySelector('#checkbox0') as Checkbox;\n await elementUpdated(el);\n expect(el.checked).to.be.false;\n\n inputForCheckbox(el).click();\n await elementUpdated(el);\n\n expect(el.checked).to.be.true;\n\n el.addEventListener('change', (event: Event) => event.preventDefault());\n inputForCheckbox(el).click();\n await elementUpdated(el);\n\n expect(el.checked).to.be.true;\n });\n\n it('maintains its value when [readonly]', async () => {\n const el = await fixture<Checkbox>(html`\n <sp-checkbox id=\"checkbox0\" checked readonly>Component</sp-checkbox>\n `);\n expect(el.checked).to.be.true;\n\n inputForCheckbox(el).click();\n await elementUpdated(el);\n\n expect(el.checked).to.be.true;\n });\n});\n"],
5
- "mappings": ";AAYA,OAAO;AAEP;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AACP,SAAS,6BAA6B;AAEtC,SAAS,iBAAiB,UAAsC;AAC5D,MAAI,CAAC,SAAS;AAAY,UAAM,IAAI,MAAM,eAAe;AACzD,SAAO,SAAS,WAAW,cAAc,QAAQ;AACrD;AAEA,SAAS,qBAAqB,UAA0B;AACpD,MAAI,CAAC,SAAS;AAAY,UAAM,IAAI,MAAM,eAAe;AACzD,QAAM,SAAS,SAAS,WAAW,cAAc,MAAM;AACvD,MAAI,CAAC,QAAQ;AACT,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACvD;AACA,SAAO,OAAO,cAAc,EAAE;AAClC;AACA,SAAS,YAAY,MAAM;AACvB,MAAI;AAEJ,aAAW,YAAY;AACnB,kBAAc,MAAM;AAAA,MAChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAwBJ;AAAA,EACJ,CAAC;AAED,KAAG,SAAS,YAAY;AACpB,UAAM,KAAK,YAAY,cAAc,aAAa;AAClD,WAAO,EAAE,EAAE,GAAG,IAAI,MAAM,MAAS;AACjC,UAAM,WAAW,qBAAqB,EAAE;AACxC,UAAM,WAAW,SAAS,eAAe,IAAI,KAAK;AAClD,WAAO,OAAO,EAAE,GAAG,MAAM,WAAW;AAAA,EACxC,CAAC;AACD;AAAA,IACI,YACI,MAAM;AAAA,MACF;AAAA;AAAA;AAAA,IAGJ;AAAA,EACR;AAEA,KAAG,qCAAqC,YAAY;AAChD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED,KAAG,uCAAuC,YAAY;AAClD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED,KAAG,oCAAoC,YAAY;AAC/C,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED,KAAG,eAAe,YAAY;AAC1B,UAAM,cAAc,YAAY;AAAA,MAC5B;AAAA,IACJ;AAEA,WAAO,WAAW,EAAE,GAAG;AACvB,UAAM;AAAA,MACF,MAAM,SAAS,kBAAkB;AAAA,MACjC;AAAA,IACJ;AAEA,UAAM,eAAe,WAAW;AAEhC,WAAO,SAAS,aAAa,EAAE,GAAG,IAAI,MAAM,WAAW;AAAA,EAC3D,CAAC;AAED,KAAG,2CAA2C,YAAY;AACtD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,SAAS,mBAAmB,EAAE,GAAG,GAAG;AAE9C,OAAG,MAAM;AACT,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,SAAS,WAAW,EAAE,GAAG,GAAG;AAEtC,OAAG,MAAM;AACT,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,SAAS,eAAe,EAAE,GAAG,GAAG;AAAA,EAC9C,CAAC;AAED,KAAG,8BAA8B,MAAM;AACnC,QAAI,KAAK,YAAY,cAAc,YAAY;AAC/C,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,SAAK,YAAY,cAAc,YAAY;AAC3C,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAAA,EAC7B,CAAC;AAED,KAAG,wBAAwB,YAAY;AACnC,UAAM,KAAK,YAAY,cAAc,YAAY;AACjD,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,qBAAiB,EAAE,EAAE,MAAM;AAC3B,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAAA,EAC7B,CAAC;AAED,KAAG,sCAAsC,YAAY;AACjD,UAAM,KAAK,YAAY,cAAc,YAAY;AACjD,UAAM,eAAe,EAAE;AACvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,qBAAiB,EAAE,EAAE,MAAM;AAC3B,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,OAAG,iBAAiB,UAAU,CAAC,UAAiB,MAAM,eAAe,CAAC;AACtE,qBAAiB,EAAE,EAAE,MAAM;AAC3B,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAAA,EAC7B,CAAC;AAED,KAAG,uCAAuC,YAAY;AAClD,UAAM,KAAK,MAAM,QAAkB;AAAA;AAAA,SAElC;AACD,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,qBAAiB,EAAE,EAAE,MAAM;AAC3B,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAAA,EAC7B,CAAC;AACL,CAAC;",
5
+ "mappings": ";AAYA,OAAO;AAEP;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AACP,SAAS,6BAA6B;AAEtC,SAAS,iBAAiB,UAAsC;AAC5D,MAAI,CAAC,SAAS;AAAY,UAAM,IAAI,MAAM,eAAe;AACzD,SAAO,SAAS,WAAW,cAAc,QAAQ;AACrD;AAEA,SAAS,qBAAqB,UAA0B;AACpD,MAAI,CAAC,SAAS;AAAY,UAAM,IAAI,MAAM,eAAe;AACzD,QAAM,SAAS,SAAS,WAAW,cAAc,MAAM;AACvD,MAAI,CAAC,QAAQ;AACT,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACvD;AACA,SAAO,OAAO,cAAc,EAAE,CAAC;AACnC;AACA,SAAS,YAAY,MAAM;AACvB,MAAI;AAEJ,aAAW,YAAY;AACnB,kBAAc,MAAM;AAAA,MAChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAwBJ;AAAA,EACJ,CAAC;AAED,KAAG,SAAS,YAAY;AACpB,UAAM,KAAK,YAAY,cAAc,aAAa;AAClD,WAAO,EAAE,EAAE,GAAG,IAAI,MAAM,MAAS;AACjC,UAAM,WAAW,qBAAqB,EAAE;AACxC,UAAM,WAAW,SAAS,eAAe,IAAI,KAAK;AAClD,WAAO,OAAO,EAAE,GAAG,MAAM,WAAW;AAAA,EACxC,CAAC;AACD;AAAA,IACI,YACI,MAAM;AAAA,MACF;AAAA;AAAA;AAAA,IAGJ;AAAA,EACR;AAEA,KAAG,qCAAqC,YAAY;AAChD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED,KAAG,uCAAuC,YAAY;AAClD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED,KAAG,oCAAoC,YAAY;AAC/C,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED,KAAG,eAAe,YAAY;AAC1B,UAAM,cAAc,YAAY;AAAA,MAC5B;AAAA,IACJ;AAEA,WAAO,WAAW,EAAE,GAAG;AACvB,UAAM;AAAA,MACF,MAAM,SAAS,kBAAkB;AAAA,MACjC;AAAA,IACJ;AAEA,UAAM,eAAe,WAAW;AAEhC,WAAO,SAAS,aAAa,EAAE,GAAG,IAAI,MAAM,WAAW;AAAA,EAC3D,CAAC;AAED,KAAG,2CAA2C,YAAY;AACtD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,SAAS,mBAAmB,EAAE,GAAG,GAAG;AAE9C,OAAG,MAAM;AACT,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,SAAS,WAAW,EAAE,GAAG,GAAG;AAEtC,OAAG,MAAM;AACT,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,SAAS,eAAe,EAAE,GAAG,GAAG;AAAA,EAC9C,CAAC;AAED,KAAG,8BAA8B,MAAM;AACnC,QAAI,KAAK,YAAY,cAAc,YAAY;AAC/C,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,SAAK,YAAY,cAAc,YAAY;AAC3C,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAAA,EAC7B,CAAC;AAED,KAAG,wBAAwB,YAAY;AACnC,UAAM,KAAK,YAAY,cAAc,YAAY;AACjD,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,qBAAiB,EAAE,EAAE,MAAM;AAC3B,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAAA,EAC7B,CAAC;AAED,KAAG,sCAAsC,YAAY;AACjD,UAAM,KAAK,YAAY,cAAc,YAAY;AACjD,UAAM,eAAe,EAAE;AACvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,qBAAiB,EAAE,EAAE,MAAM;AAC3B,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,OAAG,iBAAiB,UAAU,CAAC,UAAiB,MAAM,eAAe,CAAC;AACtE,qBAAiB,EAAE,EAAE,MAAM;AAC3B,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAAA,EAC7B,CAAC;AAED,KAAG,uCAAuC,YAAY;AAClD,UAAM,KAAK,MAAM,QAAkB;AAAA;AAAA,SAElC;AACD,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,qBAAiB,EAAE,EAAE,MAAM;AAC3B,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAAA,EAC7B,CAAC;AACL,CAAC;",
6
6
  "names": []
7
7
  }