@spectrum-web-components/checkbox 1.1.0 → 1.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/checkbox",
-    "version": "1.1.0",
+    "version": "1.1.1",
     "publishConfig": {
         "access": "public"
     },
@@ -66,10 +66,10 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^1.1.0",
-        "@spectrum-web-components/icon": "^1.1.0",
-        "@spectrum-web-components/icons-ui": "^1.1.0",
-        "@spectrum-web-components/shared": "^1.1.0"
+        "@spectrum-web-components/base": "^1.1.1",
+        "@spectrum-web-components/icon": "^1.1.1",
+        "@spectrum-web-components/icons-ui": "^1.1.1",
+        "@spectrum-web-components/shared": "^1.1.1"
     },
     "devDependencies": {
         "@spectrum-css/checkbox": "10.0.0-s2-foundations.18"
@@ -80,5 +80,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "e3c6e52501451acc6fa85b10dd718267b80a01ab"
+    "gitHead": "44870aa95001c1b995456d994ae31bbe7277fac9"
 }

package/sp-checkbox.d.ts

@@ -0,0 +1,6 @@
+import { Checkbox } from './src/Checkbox.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sp-checkbox': Checkbox;
+    }
+}

package/sp-checkbox.dev.js

@@ -0,0 +1,5 @@
+"use strict";
+import { Checkbox } from "./src/Checkbox.dev.js";
+import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
+defineElement("sp-checkbox", Checkbox);
+//# sourceMappingURL=sp-checkbox.dev.js.map

package/sp-checkbox.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-checkbox.ts"],
+  "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*/\nimport { Checkbox } from './src/Checkbox.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-checkbox', Checkbox);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-checkbox': Checkbox;\n    }\n}\n"],
+  "mappings": ";AAWA,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAE9B,cAAc,eAAe,QAAQ;",
+  "names": []
+}

package/sp-checkbox.js

@@ -0,0 +1,2 @@
+"use strict";import{Checkbox as e}from"./src/Checkbox.js";import{defineElement as o}from"@spectrum-web-components/base/src/define-element.js";o("sp-checkbox",e);
+//# sourceMappingURL=sp-checkbox.js.map

package/sp-checkbox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-checkbox.ts"],
+  "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*/\nimport { Checkbox } from './src/Checkbox.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-checkbox', Checkbox);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-checkbox': Checkbox;\n    }\n}\n"],
+  "mappings": "aAWA,OAAS,YAAAA,MAAgB,oBACzB,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,cAAeD,CAAQ",
+  "names": ["Checkbox", "defineElement"]
+}

package/src/Checkbox.d.ts

@@ -0,0 +1,43 @@
+import { CSSResultArray, PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark75.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark200.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark300.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-dash75.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-dash100.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-dash200.js';
+import '@spectrum-web-components/icons-ui/icons/sp-icon-dash300.js';
+declare const Checkbox_base: typeof SpectrumElement & {
+    new (...args: any[]): import("./CheckboxMixin.js").CheckboxElement;
+    prototype: import("./CheckboxMixin.js").CheckboxElement;
+} & {
+    new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
+    prototype: import("@spectrum-web-components/base").SizedElementInterface;
+};
+/**
+ * @element sp-checkbox
+ * @slot - content to display as the label for the Checkbox
+ * @fires change - Announces a change in the `checked` property of a Checkbox
+ */
+export declare class Checkbox extends Checkbox_base {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+    };
+    /**
+     * Disable this control. It will not receive focus or events
+     */
+    disabled: boolean;
+    indeterminate: boolean;
+    invalid: boolean;
+    emphasized: boolean;
+    tabIndex: number;
+    connectedCallback(): void;
+    static get styles(): CSSResultArray;
+    click(): void;
+    handleChange(): void;
+    protected render(): TemplateResult;
+    protected updated(changes: PropertyValues): void;
+}
+export {};

package/src/Checkbox.dev.js

@@ -0,0 +1,192 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  SizedMixin,
+  SpectrumElement
+} from "@spectrum-web-components/base";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import { CheckboxMixin } from "./CheckboxMixin.dev.js";
+import checkboxStyles from "./checkbox.css.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark75.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark200.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark300.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-dash75.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-dash100.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-dash200.js";
+import "@spectrum-web-components/icons-ui/icons/sp-icon-dash300.js";
+import checkmarkSmallStyles from "@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js";
+import checkmarkSmallOverrides from "@spectrum-web-components/icon/src/icon-checkmark-overrides.css.js";
+import dashSmallStyles from "@spectrum-web-components/icon/src/spectrum-icon-dash.css.js";
+import dashSmallOverrides from "@spectrum-web-components/icon/src/icon-dash-overrides.css.js";
+const checkmarkIcon = {
+  s: () => {
+    return html`
+            <sp-icon-checkmark75
+                id="checkmark"
+                class="spectrum-Icon spectrum-UIIcon-Checkmark75"
+            ></sp-icon-checkmark75>
+        `;
+  },
+  m: () => {
+    return html`
+            <sp-icon-checkmark100
+                id="checkmark"
+                class="spectrum-Icon spectrum-UIIcon-Checkmark100"
+            ></sp-icon-checkmark100>
+        `;
+  },
+  l: () => {
+    return html`
+            <sp-icon-checkmark200
+                id="checkmark"
+                class="spectrum-Icon spectrum-UIIcon-Checkmark200"
+            ></sp-icon-checkmark200>
+        `;
+  },
+  xl: () => {
+    return html`
+            <sp-icon-checkmark300
+                id="checkmark"
+                class="spectrum-Icon spectrum-UIIcon-Checkmark300"
+            ></sp-icon-checkmark300>
+        `;
+  }
+};
+const dashIcon = {
+  s: () => {
+    return html`
+            <sp-icon-dash75
+                id="partialCheckmark"
+                class="spectrum-Icon spectrum-UIIcon-Dash75"
+            ></sp-icon-dash75>
+        `;
+  },
+  m: () => {
+    return html`
+            <sp-icon-dash100
+                id="partialCheckmark"
+                class="spectrum-Icon spectrum-UIIcon-Dash100"
+            ></sp-icon-dash100>
+        `;
+  },
+  l: () => {
+    return html`
+            <sp-icon-dash200
+                id="partialCheckmark"
+                class="spectrum-Icon spectrum-UIIcon-Dash200"
+            ></sp-icon-dash200>
+        `;
+  },
+  xl: () => {
+    return html`
+            <sp-icon-dash300
+                id="partialCheckmark"
+                class="spectrum-Icon spectrum-UIIcon-Dash300"
+            ></sp-icon-dash300>
+        `;
+  }
+};
+export class Checkbox extends SizedMixin(CheckboxMixin(SpectrumElement), {
+  noDefaultSize: true
+}) {
+  constructor() {
+    super(...arguments);
+    this.disabled = false;
+    this.indeterminate = false;
+    this.invalid = false;
+    this.emphasized = false;
+    this.tabIndex = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (this.hasAttribute("autofocus")) {
+      this.updateComplete.then(() => {
+        this.focus();
+      });
+    }
+  }
+  static get styles() {
+    return [
+      checkboxStyles,
+      checkmarkSmallStyles,
+      dashSmallStyles,
+      checkmarkSmallOverrides,
+      dashSmallOverrides
+    ];
+  }
+  click() {
+    var _a;
+    if (this.disabled) {
+      return;
+    }
+    (_a = this.inputElement) == null ? void 0 : _a.click();
+  }
+  handleChange() {
+    this.indeterminate = false;
+    super.handleChange();
+  }
+  render() {
+    return html`
+            ${super.render()}
+            <span id="box">
+                ${this.checked ? checkmarkIcon[this.size]() : html``}
+                ${this.indeterminate ? dashIcon[this.size]() : html``}
+            </span>
+            <label id="label" for="input"><slot></slot></label>
+        `;
+  }
+  updated(changes) {
+    super.updated(changes);
+    if (changes.has("disabled") && (typeof changes.get("disabled") !== "undefined" || this.disabled)) {
+      if (this.disabled) {
+        this.inputElement.tabIndex = this.tabIndex;
+        this.tabIndex = -1;
+      } else {
+        this.tabIndex = this.inputElement.tabIndex;
+        this.inputElement.removeAttribute("tabindex");
+      }
+      this.inputElement.disabled = this.disabled;
+    }
+    if (changes.has("indeterminate")) {
+      this.inputElement.indeterminate = this.indeterminate;
+    }
+    if (changes.has("invalid")) {
+      if (this.invalid) {
+        this.inputElement.setAttribute("aria-invalid", "true");
+      } else {
+        this.inputElement.removeAttribute("aria-invalid");
+      }
+    }
+  }
+}
+Checkbox.shadowRootOptions = {
+  ...SpectrumElement.shadowRootOptions,
+  delegatesFocus: true
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Checkbox.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Checkbox.prototype, "indeterminate", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Checkbox.prototype, "invalid", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Checkbox.prototype, "emphasized", 2);
+__decorateClass([
+  property({ reflect: true, type: Number, attribute: "tabindex" })
+], Checkbox.prototype, "tabIndex", 2);
+//# sourceMappingURL=Checkbox.dev.js.map

package/src/Checkbox.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["Checkbox.ts"],
+  "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    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { CheckboxMixin } from './CheckboxMixin.dev.js'\nimport checkboxStyles from './checkbox.css.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 checkmarkSmallStyles from '@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js';\nimport checkmarkSmallOverrides from '@spectrum-web-components/icon/src/icon-checkmark-overrides.css.js';\nimport dashSmallStyles from '@spectrum-web-components/icon/src/spectrum-icon-dash.css.js';\nimport dashSmallOverrides from '@spectrum-web-components/icon/src/icon-dash-overrides.css.js';\n\nconst checkmarkIcon = {\n    s: () => {\n        return html`\n            <sp-icon-checkmark75\n                id=\"checkmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Checkmark75\"\n            ></sp-icon-checkmark75>\n        `;\n    },\n    m: () => {\n        return html`\n            <sp-icon-checkmark100\n                id=\"checkmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Checkmark100\"\n            ></sp-icon-checkmark100>\n        `;\n    },\n    l: () => {\n        return html`\n            <sp-icon-checkmark200\n                id=\"checkmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Checkmark200\"\n            ></sp-icon-checkmark200>\n        `;\n    },\n    xl: () => {\n        return html`\n            <sp-icon-checkmark300\n                id=\"checkmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Checkmark300\"\n            ></sp-icon-checkmark300>\n        `;\n    },\n};\n\nconst dashIcon = {\n    s: () => {\n        return html`\n            <sp-icon-dash75\n                id=\"partialCheckmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Dash75\"\n            ></sp-icon-dash75>\n        `;\n    },\n    m: () => {\n        return html`\n            <sp-icon-dash100\n                id=\"partialCheckmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Dash100\"\n            ></sp-icon-dash100>\n        `;\n    },\n    l: () => {\n        return html`\n            <sp-icon-dash200\n                id=\"partialCheckmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Dash200\"\n            ></sp-icon-dash200>\n        `;\n    },\n    xl: () => {\n        return html`\n            <sp-icon-dash300\n                id=\"partialCheckmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Dash300\"\n            ></sp-icon-dash300>\n        `;\n    },\n};\n\n/**\n * @element sp-checkbox\n * @slot - content to display as the label for the Checkbox\n * @fires change - Announces a change in the `checked` property of a Checkbox\n */\nexport class Checkbox extends SizedMixin(CheckboxMixin(SpectrumElement), {\n    noDefaultSize: true,\n}) {\n    static override shadowRootOptions = {\n        ...SpectrumElement.shadowRootOptions,\n        delegatesFocus: true,\n    };\n\n    /**\n     * Disable this control. It will not receive focus or events\n     */\n    @property({ type: Boolean, reflect: true })\n    public disabled = false;\n\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    @property({ reflect: true, type: Number, attribute: 'tabindex' })\n    public override tabIndex = 0;\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        if (this.hasAttribute('autofocus')) {\n            this.updateComplete.then(() => {\n                this.focus();\n            });\n        }\n    }\n\n    public static override get styles(): CSSResultArray {\n        return [\n            checkboxStyles,\n            checkmarkSmallStyles,\n            dashSmallStyles,\n            checkmarkSmallOverrides,\n            dashSmallOverrides,\n        ];\n    }\n\n    public override click(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.inputElement?.click();\n    }\n\n    public override handleChange(): void {\n        this.indeterminate = false;\n        super.handleChange();\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${super.render()}\n            <span id=\"box\">\n                ${this.checked\n                    ? checkmarkIcon[this.size as DefaultElementSize]()\n                    : html``}\n                ${this.indeterminate\n                    ? dashIcon[this.size as DefaultElementSize]()\n                    : html``}\n            </span>\n            <label id=\"label\" for=\"input\"><slot></slot></label>\n        `;\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (\n            changes.has('disabled') &&\n            (typeof changes.get('disabled') !== 'undefined' || this.disabled)\n        ) {\n            if (this.disabled) {\n                this.inputElement.tabIndex = this.tabIndex;\n                this.tabIndex = -1;\n            } else {\n                this.tabIndex = this.inputElement.tabIndex;\n                this.inputElement.removeAttribute('tabindex');\n            }\n            this.inputElement.disabled = this.disabled;\n        }\n        if (changes.has('indeterminate')) {\n            this.inputElement.indeterminate = this.indeterminate;\n        }\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    }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/src/Checkbox.js

@@ -0,0 +1,49 @@
+"use strict";var m=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var r=(n,s,e,c)=>{for(var i=c>1?void 0:c?d(s,e):s,l=n.length-1,o;l>=0;l--)(o=n[l])&&(i=(c?o(s,e,i):o(i))||i);return c&&i&&m(s,e,i),i};import{html as t,SizedMixin as u,SpectrumElement as p}from"@spectrum-web-components/base";import{property as a}from"@spectrum-web-components/base/src/decorators.js";import{CheckboxMixin as h}from"./CheckboxMixin.js";import k from"./checkbox.css.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark300.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash300.js";import b from"@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js";import f from"@spectrum-web-components/icon/src/icon-checkmark-overrides.css.js";import I from"@spectrum-web-components/icon/src/spectrum-icon-dash.css.js";import v from"@spectrum-web-components/icon/src/icon-dash-overrides.css.js";const S={s:()=>t`
+            <sp-icon-checkmark75
+                id="checkmark"
+                class="spectrum-Icon spectrum-UIIcon-Checkmark75"
+            ></sp-icon-checkmark75>
+        `,m:()=>t`
+            <sp-icon-checkmark100
+                id="checkmark"
+                class="spectrum-Icon spectrum-UIIcon-Checkmark100"
+            ></sp-icon-checkmark100>
+        `,l:()=>t`
+            <sp-icon-checkmark200
+                id="checkmark"
+                class="spectrum-Icon spectrum-UIIcon-Checkmark200"
+            ></sp-icon-checkmark200>
+        `,xl:()=>t`
+            <sp-icon-checkmark300
+                id="checkmark"
+                class="spectrum-Icon spectrum-UIIcon-Checkmark300"
+            ></sp-icon-checkmark300>
+        `},y={s:()=>t`
+            <sp-icon-dash75
+                id="partialCheckmark"
+                class="spectrum-Icon spectrum-UIIcon-Dash75"
+            ></sp-icon-dash75>
+        `,m:()=>t`
+            <sp-icon-dash100
+                id="partialCheckmark"
+                class="spectrum-Icon spectrum-UIIcon-Dash100"
+            ></sp-icon-dash100>
+        `,l:()=>t`
+            <sp-icon-dash200
+                id="partialCheckmark"
+                class="spectrum-Icon spectrum-UIIcon-Dash200"
+            ></sp-icon-dash200>
+        `,xl:()=>t`
+            <sp-icon-dash300
+                id="partialCheckmark"
+                class="spectrum-Icon spectrum-UIIcon-Dash300"
+            ></sp-icon-dash300>
+        `};export class Checkbox extends u(h(p),{noDefaultSize:!0}){constructor(){super(...arguments);this.disabled=!1;this.indeterminate=!1;this.invalid=!1;this.emphasized=!1;this.tabIndex=0}connectedCallback(){super.connectedCallback(),this.hasAttribute("autofocus")&&this.updateComplete.then(()=>{this.focus()})}static get styles(){return[k,b,I,f,v]}click(){var e;this.disabled||(e=this.inputElement)==null||e.click()}handleChange(){this.indeterminate=!1,super.handleChange()}render(){return t`
+            ${super.render()}
+            <span id="box">
+                ${this.checked?S[this.size]():t``}
+                ${this.indeterminate?y[this.size]():t``}
+            </span>
+            <label id="label" for="input"><slot></slot></label>
+        `}updated(e){super.updated(e),e.has("disabled")&&(typeof e.get("disabled")!="undefined"||this.disabled)&&(this.disabled?(this.inputElement.tabIndex=this.tabIndex,this.tabIndex=-1):(this.tabIndex=this.inputElement.tabIndex,this.inputElement.removeAttribute("tabindex")),this.inputElement.disabled=this.disabled),e.has("indeterminate")&&(this.inputElement.indeterminate=this.indeterminate),e.has("invalid")&&(this.invalid?this.inputElement.setAttribute("aria-invalid","true"):this.inputElement.removeAttribute("aria-invalid"))}}Checkbox.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0},r([a({type:Boolean,reflect:!0})],Checkbox.prototype,"disabled",2),r([a({type:Boolean,reflect:!0})],Checkbox.prototype,"indeterminate",2),r([a({type:Boolean,reflect:!0})],Checkbox.prototype,"invalid",2),r([a({type:Boolean,reflect:!0})],Checkbox.prototype,"emphasized",2),r([a({reflect:!0,type:Number,attribute:"tabindex"})],Checkbox.prototype,"tabIndex",2);
+//# sourceMappingURL=Checkbox.js.map

package/src/Checkbox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["Checkbox.ts"],
+  "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    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { CheckboxMixin } from './CheckboxMixin.js';\nimport checkboxStyles from './checkbox.css.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 checkmarkSmallStyles from '@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js';\nimport checkmarkSmallOverrides from '@spectrum-web-components/icon/src/icon-checkmark-overrides.css.js';\nimport dashSmallStyles from '@spectrum-web-components/icon/src/spectrum-icon-dash.css.js';\nimport dashSmallOverrides from '@spectrum-web-components/icon/src/icon-dash-overrides.css.js';\n\nconst checkmarkIcon = {\n    s: () => {\n        return html`\n            <sp-icon-checkmark75\n                id=\"checkmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Checkmark75\"\n            ></sp-icon-checkmark75>\n        `;\n    },\n    m: () => {\n        return html`\n            <sp-icon-checkmark100\n                id=\"checkmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Checkmark100\"\n            ></sp-icon-checkmark100>\n        `;\n    },\n    l: () => {\n        return html`\n            <sp-icon-checkmark200\n                id=\"checkmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Checkmark200\"\n            ></sp-icon-checkmark200>\n        `;\n    },\n    xl: () => {\n        return html`\n            <sp-icon-checkmark300\n                id=\"checkmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Checkmark300\"\n            ></sp-icon-checkmark300>\n        `;\n    },\n};\n\nconst dashIcon = {\n    s: () => {\n        return html`\n            <sp-icon-dash75\n                id=\"partialCheckmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Dash75\"\n            ></sp-icon-dash75>\n        `;\n    },\n    m: () => {\n        return html`\n            <sp-icon-dash100\n                id=\"partialCheckmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Dash100\"\n            ></sp-icon-dash100>\n        `;\n    },\n    l: () => {\n        return html`\n            <sp-icon-dash200\n                id=\"partialCheckmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Dash200\"\n            ></sp-icon-dash200>\n        `;\n    },\n    xl: () => {\n        return html`\n            <sp-icon-dash300\n                id=\"partialCheckmark\"\n                class=\"spectrum-Icon spectrum-UIIcon-Dash300\"\n            ></sp-icon-dash300>\n        `;\n    },\n};\n\n/**\n * @element sp-checkbox\n * @slot - content to display as the label for the Checkbox\n * @fires change - Announces a change in the `checked` property of a Checkbox\n */\nexport class Checkbox extends SizedMixin(CheckboxMixin(SpectrumElement), {\n    noDefaultSize: true,\n}) {\n    static override shadowRootOptions = {\n        ...SpectrumElement.shadowRootOptions,\n        delegatesFocus: true,\n    };\n\n    /**\n     * Disable this control. It will not receive focus or events\n     */\n    @property({ type: Boolean, reflect: true })\n    public disabled = false;\n\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    @property({ reflect: true, type: Number, attribute: 'tabindex' })\n    public override tabIndex = 0;\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        if (this.hasAttribute('autofocus')) {\n            this.updateComplete.then(() => {\n                this.focus();\n            });\n        }\n    }\n\n    public static override get styles(): CSSResultArray {\n        return [\n            checkboxStyles,\n            checkmarkSmallStyles,\n            dashSmallStyles,\n            checkmarkSmallOverrides,\n            dashSmallOverrides,\n        ];\n    }\n\n    public override click(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        this.inputElement?.click();\n    }\n\n    public override handleChange(): void {\n        this.indeterminate = false;\n        super.handleChange();\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            ${super.render()}\n            <span id=\"box\">\n                ${this.checked\n                    ? checkmarkIcon[this.size as DefaultElementSize]()\n                    : html``}\n                ${this.indeterminate\n                    ? dashIcon[this.size as DefaultElementSize]()\n                    : html``}\n            </span>\n            <label id=\"label\" for=\"input\"><slot></slot></label>\n        `;\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (\n            changes.has('disabled') &&\n            (typeof changes.get('disabled') !== 'undefined' || this.disabled)\n        ) {\n            if (this.disabled) {\n                this.inputElement.tabIndex = this.tabIndex;\n                this.tabIndex = -1;\n            } else {\n                this.tabIndex = this.inputElement.tabIndex;\n                this.inputElement.removeAttribute('tabindex');\n            }\n            this.inputElement.disabled = this.disabled;\n        }\n        if (changes.has('indeterminate')) {\n            this.inputElement.indeterminate = this.indeterminate;\n        }\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    }\n}\n"],
+  "mappings": "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",
+  "names": ["html", "SizedMixin", "SpectrumElement", "property", "CheckboxMixin", "checkboxStyles", "checkmarkSmallStyles", "checkmarkSmallOverrides", "dashSmallStyles", "dashSmallOverrides", "checkmarkIcon", "dashIcon", "_a", "changes", "__decorateClass"]
+}

package/src/CheckboxBase.d.ts

@@ -0,0 +1,9 @@
+import { Focusable } from '@spectrum-web-components/shared/src/focusable.js';
+declare const CheckboxBase_base: typeof Focusable & {
+    new (...args: any[]): import("./CheckboxMixin.js").CheckboxElement;
+    prototype: import("./CheckboxMixin.js").CheckboxElement;
+};
+export declare class CheckboxBase extends CheckboxBase_base {
+    get focusElement(): HTMLElement;
+}
+export {};

package/src/CheckboxBase.dev.js

@@ -0,0 +1,9 @@
+"use strict";
+import { Focusable } from "@spectrum-web-components/shared/src/focusable.js";
+import { CheckboxMixin } from "./CheckboxMixin.dev.js";
+export class CheckboxBase extends CheckboxMixin(Focusable) {
+  get focusElement() {
+    return this.inputElement;
+  }
+}
+//# sourceMappingURL=CheckboxBase.dev.js.map

package/src/CheckboxBase.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["CheckboxBase.ts"],
+  "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*/\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { CheckboxMixin } from './CheckboxMixin.dev.js'\n\nexport class CheckboxBase extends CheckboxMixin(Focusable) {\n    public override get focusElement(): HTMLElement {\n        return this.inputElement;\n    }\n}\n"],
+  "mappings": ";AAWA,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAEvB,aAAM,qBAAqB,cAAc,SAAS,EAAE;AAAA,EACvD,IAAoB,eAA4B;AAC5C,WAAO,KAAK;AAAA,EAChB;AACJ;",
+  "names": []
+}

package/src/CheckboxBase.js

@@ -0,0 +1,2 @@
+"use strict";import{Focusable as e}from"@spectrum-web-components/shared/src/focusable.js";import{CheckboxMixin as t}from"./CheckboxMixin.js";export class CheckboxBase extends t(e){get focusElement(){return this.inputElement}}
+//# sourceMappingURL=CheckboxBase.js.map

package/src/CheckboxBase.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["CheckboxBase.ts"],
+  "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*/\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport { CheckboxMixin } from './CheckboxMixin.js';\n\nexport class CheckboxBase extends CheckboxMixin(Focusable) {\n    public override get focusElement(): HTMLElement {\n        return this.inputElement;\n    }\n}\n"],
+  "mappings": "aAWA,OAAS,aAAAA,MAAiB,mDAC1B,OAAS,iBAAAC,MAAqB,qBAEvB,aAAM,qBAAqBA,EAAcD,CAAS,CAAE,CACvD,IAAoB,cAA4B,CAC5C,OAAO,KAAK,YAChB,CACJ",
+  "names": ["Focusable", "CheckboxMixin"]
+}

package/src/CheckboxMixin.d.ts

@@ -0,0 +1,14 @@
+import { ReactiveElement } from '@spectrum-web-components/base';
+type Constructor<T = Record<string, unknown>> = {
+    new (...args: any[]): T;
+    prototype: T;
+};
+export interface CheckboxElement {
+    checked: boolean;
+    handleChange(): void;
+    inputElement: HTMLInputElement;
+    name?: string;
+    readonly?: boolean;
+}
+export declare function CheckboxMixin<T extends Constructor<ReactiveElement>>(constructor: T): T & Constructor<CheckboxElement>;
+export {};

package/src/CheckboxMixin.dev.js

@@ -0,0 +1,71 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import {
+  html
+} from "@spectrum-web-components/base";
+import {
+  property,
+  query
+} from "@spectrum-web-components/base/src/decorators.js";
+import { ifDefined } from "@spectrum-web-components/base/src/directives.js";
+export function CheckboxMixin(constructor) {
+  class MixedElement extends constructor {
+    constructor() {
+      super(...arguments);
+      this.checked = false;
+      this.readonly = false;
+    }
+    handleChange() {
+      if (this.readonly) {
+        this.inputElement.checked = this.checked;
+        return;
+      }
+      this.checked = this.inputElement.checked;
+      const changeEvent = new CustomEvent("change", {
+        bubbles: true,
+        cancelable: true,
+        composed: true
+      });
+      const applyDefault = this.dispatchEvent(changeEvent);
+      if (!applyDefault) {
+        this.checked = !this.inputElement.checked;
+        this.inputElement.checked = this.checked;
+      }
+    }
+    render() {
+      return html`
+                <input
+                    id="input"
+                    name=${ifDefined(this.name || void 0)}
+                    type="checkbox"
+                    .checked=${this.checked}
+                    ?disabled=${this.readonly}
+                    @change=${this.handleChange}
+                />
+            `;
+    }
+  }
+  __decorateClass([
+    property({ type: Boolean, reflect: true })
+  ], MixedElement.prototype, "checked", 2);
+  __decorateClass([
+    property({ type: String, reflect: true })
+  ], MixedElement.prototype, "name", 2);
+  __decorateClass([
+    property({ type: Boolean, reflect: true })
+  ], MixedElement.prototype, "readonly", 2);
+  __decorateClass([
+    query("#input")
+  ], MixedElement.prototype, "inputElement", 2);
+  return MixedElement;
+}
+//# sourceMappingURL=CheckboxMixin.dev.js.map

package/src/CheckboxMixin.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["CheckboxMixin.ts"],
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    html,\n    ReactiveElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new (...args: any[]): T;\n    prototype: T;\n};\n\nexport interface CheckboxElement {\n    checked: boolean;\n    handleChange(): void;\n    inputElement: HTMLInputElement;\n    name?: string;\n    readonly?: boolean;\n}\n\nexport function CheckboxMixin<T extends Constructor<ReactiveElement>>(\n    constructor: T\n): T & Constructor<CheckboxElement> {\n    class MixedElement extends constructor {\n        @property({ type: Boolean, reflect: true })\n        public checked = false;\n\n        @property({ type: String, reflect: true })\n        public name: string | undefined;\n\n        @property({ type: Boolean, reflect: true })\n        public readonly = false;\n\n        @query('#input')\n        inputElement!: HTMLInputElement;\n\n        public handleChange(): void {\n            if (this.readonly) {\n                this.inputElement.checked = this.checked;\n                return;\n            }\n            this.checked = this.inputElement.checked;\n\n            const changeEvent = new CustomEvent('change', {\n                bubbles: true,\n                cancelable: true,\n                composed: true,\n            });\n            const applyDefault = this.dispatchEvent(changeEvent);\n\n            if (!applyDefault) {\n                this.checked = !this.inputElement.checked;\n                this.inputElement.checked = this.checked;\n            }\n        }\n\n        protected render(): TemplateResult {\n            return html`\n                <input\n                    id=\"input\"\n                    name=${ifDefined(this.name || undefined)}\n                    type=\"checkbox\"\n                    .checked=${this.checked}\n                    ?disabled=${this.readonly}\n                    @change=${this.handleChange}\n                />\n            `;\n        }\n    }\n    return MixedElement;\n}\n"],
+  "mappings": ";;;;;;;;;;;AAYA;AAAA,EACI;AAAA,OAGG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AACP,SAAS,iBAAiB;AAgBnB,gBAAS,cACZ,aACgC;AAAA,EAChC,MAAM,qBAAqB,YAAY;AAAA,IAAvC;AAAA;AAEI,WAAO,UAAU;AAMjB,WAAO,WAAW;AAAA;AAAA,IAKX,eAAqB;AACxB,UAAI,KAAK,UAAU;AACf,aAAK,aAAa,UAAU,KAAK;AACjC;AAAA,MACJ;AACA,WAAK,UAAU,KAAK,aAAa;AAEjC,YAAM,cAAc,IAAI,YAAY,UAAU;AAAA,QAC1C,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,UAAU;AAAA,MACd,CAAC;AACD,YAAM,eAAe,KAAK,cAAc,WAAW;AAEnD,UAAI,CAAC,cAAc;AACf,aAAK,UAAU,CAAC,KAAK,aAAa;AAClC,aAAK,aAAa,UAAU,KAAK;AAAA,MACrC;AAAA,IACJ;AAAA,IAEU,SAAyB;AAC/B,aAAO;AAAA;AAAA;AAAA,2BAGQ,UAAU,KAAK,QAAQ,MAAS,CAAC;AAAA;AAAA,+BAE7B,KAAK,OAAO;AAAA,gCACX,KAAK,QAAQ;AAAA,8BACf,KAAK,YAAY;AAAA;AAAA;AAAA,IAGvC;AAAA,EACJ;AA3CW;AAAA,IADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,KADxC,aAEK;AAGA;AAAA,IADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,KAJvC,aAKK;AAGA;AAAA,IADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,KAPxC,aAQK;AAGP;AAAA,IADC,MAAM,QAAQ;AAAA,KAVb,aAWF;AAmCJ,SAAO;AACX;",
+  "names": []
+}

package/src/CheckboxMixin.js

@@ -0,0 +1,11 @@
+"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=(i,e,r,n)=>{for(var t=n>1?void 0:n?p(e,r):e,o=i.length-1,l;o>=0;o--)(l=i[o])&&(t=(n?l(e,r,t):l(t))||t);return n&&t&&a(e,r,t),t};import{html as u}from"@spectrum-web-components/base";import{property as h,query as s}from"@spectrum-web-components/base/src/decorators.js";import{ifDefined as d}from"@spectrum-web-components/base/src/directives.js";export function CheckboxMixin(i){class e extends i{constructor(){super(...arguments);this.checked=!1;this.readonly=!1}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;const t=new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(t)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked)}render(){return u`
+                <input
+                    id="input"
+                    name=${d(this.name||void 0)}
+                    type="checkbox"
+                    .checked=${this.checked}
+                    ?disabled=${this.readonly}
+                    @change=${this.handleChange}
+                />
+            `}}return c([h({type:Boolean,reflect:!0})],e.prototype,"checked",2),c([h({type:String,reflect:!0})],e.prototype,"name",2),c([h({type:Boolean,reflect:!0})],e.prototype,"readonly",2),c([s("#input")],e.prototype,"inputElement",2),e}
+//# sourceMappingURL=CheckboxMixin.js.map

package/src/CheckboxMixin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["CheckboxMixin.ts"],
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    html,\n    ReactiveElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new (...args: any[]): T;\n    prototype: T;\n};\n\nexport interface CheckboxElement {\n    checked: boolean;\n    handleChange(): void;\n    inputElement: HTMLInputElement;\n    name?: string;\n    readonly?: boolean;\n}\n\nexport function CheckboxMixin<T extends Constructor<ReactiveElement>>(\n    constructor: T\n): T & Constructor<CheckboxElement> {\n    class MixedElement extends constructor {\n        @property({ type: Boolean, reflect: true })\n        public checked = false;\n\n        @property({ type: String, reflect: true })\n        public name: string | undefined;\n\n        @property({ type: Boolean, reflect: true })\n        public readonly = false;\n\n        @query('#input')\n        inputElement!: HTMLInputElement;\n\n        public handleChange(): void {\n            if (this.readonly) {\n                this.inputElement.checked = this.checked;\n                return;\n            }\n            this.checked = this.inputElement.checked;\n\n            const changeEvent = new CustomEvent('change', {\n                bubbles: true,\n                cancelable: true,\n                composed: true,\n            });\n            const applyDefault = this.dispatchEvent(changeEvent);\n\n            if (!applyDefault) {\n                this.checked = !this.inputElement.checked;\n                this.inputElement.checked = this.checked;\n            }\n        }\n\n        protected render(): TemplateResult {\n            return html`\n                <input\n                    id=\"input\"\n                    name=${ifDefined(this.name || undefined)}\n                    type=\"checkbox\"\n                    .checked=${this.checked}\n                    ?disabled=${this.readonly}\n                    @change=${this.handleChange}\n                />\n            `;\n        }\n    }\n    return MixedElement;\n}\n"],
+  "mappings": "qNAYA,OACI,QAAAA,MAGG,gCACP,OACI,YAAAC,EACA,SAAAC,MACG,kDACP,OAAS,aAAAC,MAAiB,kDAgBnB,gBAAS,cACZC,EACgC,CAChC,MAAMC,UAAqBD,CAAY,CAAvC,kCAEI,KAAO,QAAU,GAMjB,KAAO,SAAW,GAKX,cAAqB,CACxB,GAAI,KAAK,SAAU,CACf,KAAK,aAAa,QAAU,KAAK,QACjC,MACJ,CACA,KAAK,QAAU,KAAK,aAAa,QAEjC,MAAME,EAAc,IAAI,YAAY,SAAU,CAC1C,QAAS,GACT,WAAY,GACZ,SAAU,EACd,CAAC,EACoB,KAAK,cAAcA,CAAW,IAG/C,KAAK,QAAU,CAAC,KAAK,aAAa,QAClC,KAAK,aAAa,QAAU,KAAK,QAEzC,CAEU,QAAyB,CAC/B,OAAON;AAAA;AAAA;AAAA,2BAGQG,EAAU,KAAK,MAAQ,MAAS,CAAC;AAAA;AAAA,+BAE7B,KAAK,OAAO;AAAA,gCACX,KAAK,QAAQ;AAAA,8BACf,KAAK,YAAY;AAAA;AAAA,aAGvC,CACJ,CA3CW,OAAAI,EAAA,CADNN,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GADxCI,EAEK,uBAGAE,EAAA,CADNN,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAJvCI,EAKK,oBAGAE,EAAA,CADNN,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAPxCI,EAQK,wBAGPE,EAAA,CADCL,EAAM,QAAQ,GAVbG,EAWF,4BAmCGA,CACX",
+  "names": ["html", "property", "query", "ifDefined", "constructor", "MixedElement", "changeEvent", "__decorateClass"]
+}

package/src/checkbox-overrides.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("@spectrum-web-components/base").CSSResult;
+export default styles;

package/src/checkbox-overrides.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    :host{--spectrum-checkbox-control-color-default:var(--system-checkbox-control-color-default);--spectrum-checkbox-control-color-hover:var(--system-checkbox-control-color-hover);--spectrum-checkbox-control-color-down:var(--system-checkbox-control-color-down);--spectrum-checkbox-control-color-focus:var(--system-checkbox-control-color-focus);--spectrum-checkbox-content-color-default:var(--system-checkbox-content-color-default);--spectrum-checkbox-content-color-hover:var(--system-checkbox-content-color-hover);--spectrum-checkbox-content-color-down:var(--system-checkbox-content-color-down);--spectrum-checkbox-content-color-focus:var(--system-checkbox-content-color-focus);--spectrum-checkbox-focus-indicator-color:var(--system-checkbox-focus-indicator-color);--spectrum-checkbox-content-color-disabled:var(--system-checkbox-content-color-disabled);--spectrum-checkbox-control-color-disabled:var(--system-checkbox-control-color-disabled);--spectrum-checkbox-checkmark-color:var(--system-checkbox-checkmark-color);--spectrum-checkbox-invalid-color-default:var(--system-checkbox-invalid-color-default);--spectrum-checkbox-invalid-color-hover:var(--system-checkbox-invalid-color-hover);--spectrum-checkbox-invalid-color-down:var(--system-checkbox-invalid-color-down);--spectrum-checkbox-invalid-color-focus:var(--system-checkbox-invalid-color-focus);--spectrum-checkbox-emphasized-color-default:var(--system-checkbox-emphasized-color-default);--spectrum-checkbox-emphasized-color-hover:var(--system-checkbox-emphasized-color-hover);--spectrum-checkbox-emphasized-color-down:var(--system-checkbox-emphasized-color-down);--spectrum-checkbox-emphasized-color-focus:var(--system-checkbox-emphasized-color-focus);--spectrum-checkbox-control-selected-color-default:var(--system-checkbox-control-selected-color-default);--spectrum-checkbox-control-selected-color-hover:var(--system-checkbox-control-selected-color-hover);--spectrum-checkbox-control-selected-color-down:var(--system-checkbox-control-selected-color-down);--spectrum-checkbox-control-selected-color-focus:var(--system-checkbox-control-selected-color-focus);--spectrum-checkbox-line-height:var(--system-checkbox-line-height);--spectrum-checkbox-line-height-cjk:var(--system-checkbox-line-height-cjk);--spectrum-checkbox-control-corner-radius:var(--system-checkbox-control-corner-radius);--spectrum-checkbox-focus-indicator-gap:var(--system-checkbox-focus-indicator-gap);--spectrum-checkbox-focus-indicator-thickness:var(--system-checkbox-focus-indicator-thickness);--spectrum-checkbox-border-width:var(--system-checkbox-border-width);--spectrum-checkbox-animation-duration:var(--system-checkbox-animation-duration);--spectrum-checkbox-font-size:var(--system-checkbox-font-size);--spectrum-checkbox-height:var(--system-checkbox-height);--spectrum-checkbox-control-size:var(--system-checkbox-control-size);--spectrum-checkbox-top-to-text:var(--system-checkbox-top-to-text);--spectrum-checkbox-text-to-control:var(--system-checkbox-text-to-control)}:host([size=s]){--spectrum-checkbox-font-size:var(--system-checkbox-size-s-font-size);--spectrum-checkbox-height:var(--system-checkbox-size-s-height);--spectrum-checkbox-control-size:var(--system-checkbox-size-s-control-size);--spectrum-checkbox-top-to-text:var(--system-checkbox-size-s-top-to-text);--spectrum-checkbox-text-to-control:var(--system-checkbox-size-s-text-to-control)}:host{--spectrum-checkbox-font-size:var(--system-checkbox-size-m-font-size);--spectrum-checkbox-height:var(--system-checkbox-size-m-height);--spectrum-checkbox-control-size:var(--system-checkbox-size-m-control-size);--spectrum-checkbox-top-to-text:var(--system-checkbox-size-m-top-to-text);--spectrum-checkbox-text-to-control:var(--system-checkbox-size-m-text-to-control)}:host([size=l]){--spectrum-checkbox-font-size:var(--system-checkbox-size-l-font-size);--spectrum-checkbox-height:var(--system-checkbox-size-l-height);--spectrum-checkbox-control-size:var(--system-checkbox-size-l-control-size);--spectrum-checkbox-top-to-text:var(--system-checkbox-size-l-top-to-text);--spectrum-checkbox-text-to-control:var(--system-checkbox-size-l-text-to-control)}:host([size=xl]){--spectrum-checkbox-font-size:var(--system-checkbox-size-xl-font-size);--spectrum-checkbox-height:var(--system-checkbox-size-xl-height);--spectrum-checkbox-control-size:var(--system-checkbox-size-xl-control-size);--spectrum-checkbox-top-to-text:var(--system-checkbox-size-xl-top-to-text);--spectrum-checkbox-text-to-control:var(--system-checkbox-size-xl-text-to-control)}
+`;
+export default styles;
+//# sourceMappingURL=checkbox-overrides.css.dev.js.map