@dialpad/dialtone-vue 3.220.0-next.4 → 3.220.0

package/dist/lib/card/card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"card.cjs","names":[],"sources":["../../../components/card/card.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-card\"\n    data-qa=\"dt-card\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.header)\"\n      :class=\"[\n        'd-card__header',\n        headerClass,\n      ]\"\n    >\n      <!-- @slot slot for header content -->\n      <slot name=\"header\" />\n    </div>\n\n    <div\n      :class=\"[\n        'd-card__content',\n        contentClass,\n      ]\"\n      :style=\"{ 'max-height': maxHeight }\"\n    >\n      <!-- @slot slot for main content -->\n      <slot name=\"content\" />\n    </div>\n\n    <div\n      v-if=\"hasSlotContent($slots.footer)\"\n      :class=\"[\n        'd-card__footer',\n        footerClass,\n      ]\"\n    >\n      <!-- @slot slot for footer content -->\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * A card contains summary content and actions about a single subject.\n * It can be used by itself or within a list, and is generally interactive.\n * @see https://dialtone.dialpad.com/components/card.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCard',\n\n\n  props: {\n    /**\n     * The maximum height of the card content.\n     * If given, makes content area scrollable.\n     */\n    maxHeight: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * class for card content.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card header.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card footer.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"mappings":"kQAgDA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,SAGN,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,KACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,eAAA,EAAA,eACD,EAEJ,IA3FG,MAAM,SACN,UAAQ,oFAkCJ,MApCN,EAoCM,CA/BI,EAAA,eAAe,EAAA,OAAO,OAAM,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAQ9B,MAAA,OAPH,OAAA,EAAA,EAAA,gBAAK,CAAA,iBAAsC,EAAA,YAAA,CAAA,oBAMtB,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,0BAYlB,MAAA,CARH,OAAA,EAAA,EAAA,gBAAK,CAAA,kBAAuC,EAAA,aAAA,CAAA,CAI5C,OAAA,EAAA,EAAA,gBAAK,CAAA,aAAkB,EAAA,UAAS,CAAA,oBAGV,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,CAIjB,EAAA,eAAe,EAAA,OAAO,OAAM,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAQ9B,MAAA,OAPH,OAAA,EAAA,EAAA,gBAAK,CAAA,iBAAsC,EAAA,YAAA,CAAA,oBAMtB,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA"}
+{"version":3,"file":"card.cjs","names":[],"sources":["../../../components/card/card.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-card',\n      containerClass,\n    ]\"\n    data-qa=\"dt-card\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.header)\"\n      :class=\"[\n        'd-card__header',\n        headerClass,\n      ]\"\n    >\n      <!-- @slot slot for header content -->\n      <slot name=\"header\" />\n    </div>\n\n    <div\n      :class=\"[\n        'd-card__content',\n        contentClass,\n      ]\"\n      :style=\"{ 'max-height': maxHeight }\"\n    >\n      <!-- @slot slot for main content -->\n      <slot name=\"content\" />\n    </div>\n\n    <div\n      v-if=\"hasSlotContent($slots.footer)\"\n      :class=\"[\n        'd-card__footer',\n        footerClass,\n      ]\"\n    >\n      <!-- @slot slot for footer content -->\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * A card contains summary content and actions about a single subject.\n * It can be used by itself or within a list, and is generally interactive.\n * @see https://dialtone.dialpad.com/components/card.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCard',\n  props: {\n    /**\n     * The maximum height of the card content.\n     * If given, makes content area scrollable.\n     */\n    maxHeight: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * class for card container.\n     */\n    containerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card content.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card header.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card footer.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"mappings":"kQAmDA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,SACN,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,KACV,CAKD,eAAgB,CACd,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,eAAA,EAAA,eACD,EAEJ,0EA9DO,MAAA,CAtCH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAA0B,EAAA,eAAA,CAAA,CAIhC,UAAQ,YAGA,EAAA,eAAe,EAAA,OAAO,OAAM,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAQ9B,MAAA,OAPH,OAAA,EAAA,EAAA,gBAAK,CAAA,iBAAsC,EAAA,YAAA,CAAA,oBAMtB,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,0BAYlB,MAAA,CARH,OAAA,EAAA,EAAA,gBAAK,CAAA,kBAAuC,EAAA,aAAA,CAAA,CAI5C,OAAA,EAAA,EAAA,gBAAK,CAAA,aAAkB,EAAA,UAAS,CAAA,oBAGV,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,CAIjB,EAAA,eAAe,EAAA,OAAO,OAAM,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAQ9B,MAAA,OAPH,OAAA,EAAA,EAAA,gBAAK,CAAA,iBAAsC,EAAA,YAAA,CAAA,oBAMtB,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA"}

package/dist/lib/card/card.js

@@ -10,6 +10,14 @@ var l = {
 			type: String,
 			default: null
 		},
+		containerClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
 		contentClass: {
 			type: [
 				String,
@@ -38,13 +46,13 @@ var l = {
 	data() {
 		return { hasSlotContent: e };
 	}
-}, u = {
-	class: "d-card",
-	"data-qa": "dt-card"
 };
-function d(e, t, l, d, f, p) {
-	return s(), r("div", u, [
-		f.hasSlotContent(e.$slots.header) ? (s(), r("div", {
+function u(e, t, l, u, d, f) {
+	return s(), r("div", {
+		class: a(["d-card", l.containerClass]),
+		"data-qa": "dt-card"
+	}, [
+		d.hasSlotContent(e.$slots.header) ? (s(), r("div", {
 			key: 0,
 			class: a(["d-card__header", l.headerClass])
 		}, [c(e.$slots, "header")], 2)) : n("", !0),
@@ -52,14 +60,14 @@ function d(e, t, l, d, f, p) {
 			class: a(["d-card__content", l.contentClass]),
 			style: o({ "max-height": l.maxHeight })
 		}, [c(e.$slots, "content")], 6),
-		f.hasSlotContent(e.$slots.footer) ? (s(), r("div", {
+		d.hasSlotContent(e.$slots.footer) ? (s(), r("div", {
 			key: 1,
 			class: a(["d-card__footer", l.footerClass])
 		}, [c(e.$slots, "footer")], 2)) : n("", !0)
-	]);
+	], 2);
 }
-var f = /* @__PURE__ */ t(l, [["render", d]]);
+var d = /* @__PURE__ */ t(l, [["render", u]]);
 //#endregion
-export { f as default };
+export { d as default };
 
 //# sourceMappingURL=card.js.map

package/dist/lib/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../../components/card/card.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-card\"\n    data-qa=\"dt-card\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.header)\"\n      :class=\"[\n        'd-card__header',\n        headerClass,\n      ]\"\n    >\n      <!-- @slot slot for header content -->\n      <slot name=\"header\" />\n    </div>\n\n    <div\n      :class=\"[\n        'd-card__content',\n        contentClass,\n      ]\"\n      :style=\"{ 'max-height': maxHeight }\"\n    >\n      <!-- @slot slot for main content -->\n      <slot name=\"content\" />\n    </div>\n\n    <div\n      v-if=\"hasSlotContent($slots.footer)\"\n      :class=\"[\n        'd-card__footer',\n        footerClass,\n      ]\"\n    >\n      <!-- @slot slot for footer content -->\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * A card contains summary content and actions about a single subject.\n * It can be used by itself or within a list, and is generally interactive.\n * @see https://dialtone.dialpad.com/components/card.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCard',\n\n\n  props: {\n    /**\n     * The maximum height of the card content.\n     * If given, makes content area scrollable.\n     */\n    maxHeight: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * class for card content.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card header.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card footer.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"mappings":";;;;AAgDA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAGN,OAAO;EAKL,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,mBACD;;CAEJ;CA3FG,OAAM;CACN,WAAQ;;;aAFV,EAoCM,OApCN,GAoCM;EA/BI,EAAA,eAAe,EAAA,OAAO,OAAM,IAAA,GAAA,EADpC,EASM,OAAA;;GAPH,OAAK,EAAA,CAAA,kBAAsC,EAAA,YAAA,CAAA;MAM5C,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;EAGxB,EASM,OAAA;GARH,OAAK,EAAA,CAAA,mBAAuC,EAAA,aAAA,CAAA;GAI5C,OAAK,EAAA,EAAA,cAAkB,EAAA,WAAS,CAAA;MAGjC,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;EAIjB,EAAA,eAAe,EAAA,OAAO,OAAM,IAAA,GAAA,EADpC,EASM,OAAA;;GAPH,OAAK,EAAA,CAAA,kBAAsC,EAAA,YAAA,CAAA;MAM5C,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA"}
+{"version":3,"file":"card.js","names":[],"sources":["../../../components/card/card.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-card',\n      containerClass,\n    ]\"\n    data-qa=\"dt-card\"\n  >\n    <div\n      v-if=\"hasSlotContent($slots.header)\"\n      :class=\"[\n        'd-card__header',\n        headerClass,\n      ]\"\n    >\n      <!-- @slot slot for header content -->\n      <slot name=\"header\" />\n    </div>\n\n    <div\n      :class=\"[\n        'd-card__content',\n        contentClass,\n      ]\"\n      :style=\"{ 'max-height': maxHeight }\"\n    >\n      <!-- @slot slot for main content -->\n      <slot name=\"content\" />\n    </div>\n\n    <div\n      v-if=\"hasSlotContent($slots.footer)\"\n      :class=\"[\n        'd-card__footer',\n        footerClass,\n      ]\"\n    >\n      <!-- @slot slot for footer content -->\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * A card contains summary content and actions about a single subject.\n * It can be used by itself or within a list, and is generally interactive.\n * @see https://dialtone.dialpad.com/components/card.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCard',\n  props: {\n    /**\n     * The maximum height of the card content.\n     * If given, makes content area scrollable.\n     */\n    maxHeight: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * class for card container.\n     */\n    containerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card content.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card header.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * class for card footer.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"mappings":";;;;AAmDA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,OAAO;EAKL,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAKD,gBAAgB;GACd,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,mBACD;;CAEJ;;aArGC,EAuCM,OAAA;EAtCH,OAAK,EAAA,CAAA,UAA0B,EAAA,eAAA,CAAA;EAIhC,WAAQ;;EAGA,EAAA,eAAe,EAAA,OAAO,OAAM,IAAA,GAAA,EADpC,EASM,OAAA;;GAPH,OAAK,EAAA,CAAA,kBAAsC,EAAA,YAAA,CAAA;MAM5C,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;EAGxB,EASM,OAAA;GARH,OAAK,EAAA,CAAA,mBAAuC,EAAA,aAAA,CAAA;GAI5C,OAAK,EAAA,EAAA,cAAkB,EAAA,WAAS,CAAA;MAGjC,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;EAIjB,EAAA,eAAe,EAAA,OAAO,OAAM,IAAA,GAAA,EADpC,EASM,OAAA;;GAPH,OAAK,EAAA,CAAA,kBAAsC,EAAA,YAAA,CAAA;MAM5C,EAAsB,EAAA,QAAA,SAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist/lib/checkbox/checkbox-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={critical:`d-checkbox--critical`,warning:`d-checkbox--warning`,positive:`d-checkbox--positive`},t={CHECKBOX_INPUT_VALIDATION_CLASSES:e};exports.CHECKBOX_INPUT_VALIDATION_CLASSES=e,exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={error:`d-checkbox--error`,warning:`d-checkbox--warning`,success:`d-checkbox--success`},t={CHECKBOX_INPUT_VALIDATION_CLASSES:e};exports.CHECKBOX_INPUT_VALIDATION_CLASSES=e,exports.default=t;
 //# sourceMappingURL=checkbox-constants.cjs.map

package/dist/lib/checkbox/checkbox-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-constants.cjs","names":[],"sources":["../../../components/checkbox/checkbox_constants.js"],"sourcesContent":["export const CHECKBOX_INPUT_VALIDATION_CLASSES = {\n  critical: 'd-checkbox--critical',\n  warning: 'd-checkbox--warning',\n  positive: 'd-checkbox--positive',\n};\n\nexport default {\n  CHECKBOX_INPUT_VALIDATION_CLASSES,\n};\n"],"mappings":"+FAAA,IAAa,EAAoC,CAC/C,SAAU,uBACV,QAAS,sBACT,SAAU,uBACX,CAED,EAAe,CACb,oCACD"}
+{"version":3,"file":"checkbox-constants.cjs","names":[],"sources":["../../../components/checkbox/checkbox_constants.js"],"sourcesContent":["export const CHECKBOX_INPUT_VALIDATION_CLASSES = {\n  error: 'd-checkbox--error',\n  warning: 'd-checkbox--warning',\n  success: 'd-checkbox--success',\n};\n\nexport default {\n  CHECKBOX_INPUT_VALIDATION_CLASSES,\n};\n"],"mappings":"+FAAA,IAAa,EAAoC,CAC/C,MAAO,oBACP,QAAS,sBACT,QAAS,sBACV,CAED,EAAe,CACb,oCACD"}

package/dist/lib/checkbox/checkbox-constants.js

@@ -1,8 +1,8 @@
 //#region components/checkbox/checkbox_constants.js
 var e = {
-	critical: "d-checkbox--critical",
+	error: "d-checkbox--error",
 	warning: "d-checkbox--warning",
-	positive: "d-checkbox--positive"
+	success: "d-checkbox--success"
 }, t = { CHECKBOX_INPUT_VALIDATION_CLASSES: e };
 //#endregion
 export { e as CHECKBOX_INPUT_VALIDATION_CLASSES, t as default };

package/dist/lib/checkbox/checkbox-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-constants.js","names":[],"sources":["../../../components/checkbox/checkbox_constants.js"],"sourcesContent":["export const CHECKBOX_INPUT_VALIDATION_CLASSES = {\n  critical: 'd-checkbox--critical',\n  warning: 'd-checkbox--warning',\n  positive: 'd-checkbox--positive',\n};\n\nexport default {\n  CHECKBOX_INPUT_VALIDATION_CLASSES,\n};\n"],"mappings":";AAAA,IAAa,IAAoC;CAC/C,UAAU;CACV,SAAS;CACT,UAAU;CACX,EAED,IAAe,EACb,sCACD"}
+{"version":3,"file":"checkbox-constants.js","names":[],"sources":["../../../components/checkbox/checkbox_constants.js"],"sourcesContent":["export const CHECKBOX_INPUT_VALIDATION_CLASSES = {\n  error: 'd-checkbox--error',\n  warning: 'd-checkbox--warning',\n  success: 'd-checkbox--success',\n};\n\nexport default {\n  CHECKBOX_INPUT_VALIDATION_CLASSES,\n};\n"],"mappings":";AAAA,IAAa,IAAoC;CAC/C,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAED,IAAe,EACb,sCACD"}

package/dist/lib/checkbox/checkbox.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../common/mixins/input.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../validation-messages/validation-messages.cjs`),i=require(`../text/text-constants.cjs`),a=require(`../text/text.cjs`),o=require(`./checkbox-constants.cjs`);let s=require(`vue`);var c={compatConfig:{MODE:3},name:`DtCheckbox`,components:{DtValidationMessages:r.default,DtText:a.default},mixins:[t.InputMixin,t.CheckableMixin,t.GroupableMixin,t.MessagesMixin],inheritAttrs:!1,props:{showLabel:{type:Boolean,default:!0},labelSize:{type:[String,Number],default:null,validator:e=>i.TEXT_SIZE_MODIFIERS.label.includes(String(e))},labelStrength:{type:String,default:null,validator:e=>Object.keys(i.TEXT_STRENGTH_MODIFIERS).includes(e)}},emits:[`update:modelValue`,`focusin`,`focusout`],computed:{resolvedLabelSize(){return this.labelSize??300},inputValidationClass(){return o.CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState]},checkboxGroupValueChecked(){return this.groupContext?.selectedValues?.includes(this.value)??!1},hasLabelContent(){return!!(this.$slots.default||this.label)},hasLabel(){return this.showLabel&&this.hasLabelContent},hasMessages(){return this.formattedMessages.length&&this.showMessages},inputListeners(){return{input:()=>{},focusin:e=>this.$emit(`focusin`,e),focusout:e=>this.$emit(`focusout`,e),change:e=>this.emitValue(e.target)}}},watch:{checkboxGroupValueChecked:{immediate:!0,handler(e){this.hasGroup&&(this.internalChecked=e)}}},mounted(){this.runValidations()},methods:{removeClassStyleAttrs:e.removeClassStyleAttrs,emitValue(e){let{value:t,checked:n}=e;this.internalIndeterminate&&(n=!1,this.internalIndeterminate=!1,e.checked=!1),this.setGroupValue(t,n),this.$emit(`update:modelValue`,n)},runValidations(){!this.hasLabelContent&&!this.$attrs[`aria-label`]&&console.warn(`[Dialtone] A label is required for accessibility. Provide a label prop and use show-label="false" to hide it visually.`)}}},l={class:`d-checkbox__input`},u=[`checked`,`name`,`value`,`disabled`,`aria-label`,`.indeterminate`],d={key:0,class:`d-checkbox__messages`,"data-qa":`checkbox-description-messages`};function f(e,t,n,r,i,a){let o=(0,s.resolveComponent)(`dt-text`),c=(0,s.resolveComponent)(`dt-validation-messages`);return(0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)(e.$attrs.class),style:(0,s.normalizeStyle)(e.$attrs.style)},[(0,s.createElementVNode)(`label`,{class:(0,s.normalizeClass)([`d-checkbox-group`,{"d-checkbox-group--disabled":e.internalDisabled}])},[(0,s.createElementVNode)(`div`,l,[(0,s.createElementVNode)(`input`,(0,s.mergeProps)({type:`checkbox`,checked:e.internalChecked,name:e.internalName,value:e.value,disabled:e.internalDisabled,class:[`d-checkbox`,a.inputValidationClass,e.inputClass],"aria-label":!n.showLabel&&e.label?e.label:void 0},a.removeClassStyleAttrs(e.$attrs),{".indeterminate":e.internalIndeterminate},(0,s.toHandlers)(a.inputListeners,!0)),null,48,u)]),a.hasLabel?((0,s.openBlock)(),(0,s.createBlock)(o,(0,s.mergeProps)({key:0,as:`div`,kind:`label`,size:a.resolvedLabelSize,strength:n.labelStrength??`normal`,tone:e.internalDisabled?`disabled`:`primary`,class:[e.labelClass,`d-checkbox__copy d-checkbox__label`]},e.labelChildProps,{"data-qa":`checkbox-label`}),{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(e.$slots,`default`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.label),1)])]),_:3},16,[`size`,`strength`,`tone`,`class`])):(0,s.createCommentVNode)(``,!0)],2),e.$slots.description||e.description||a.hasMessages?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,d,[e.$slots.description||e.description?((0,s.openBlock)(),(0,s.createBlock)(o,(0,s.mergeProps)({key:0,kind:`body`,size:200,tone:`tertiary`,as:`div`,class:[`d-description`,e.descriptionClass]},e.descriptionChildProps,{"data-qa":`checkbox-description`}),{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(e.$slots,`description`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.description),1)])]),_:3},16,[`class`])):(0,s.createCommentVNode)(``,!0),(0,s.createVNode)(c,(0,s.mergeProps)({"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":`dt-checkbox-validation-messages`}),null,16,[`validation-messages`,`show-messages`,`class`])])):(0,s.createCommentVNode)(``,!0)],6)}var p=n.t(c,[[`render`,f]]);exports.default=p;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../common/mixins/input.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../validation-messages/validation-messages.cjs`),i=require(`./checkbox-constants.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtCheckbox`,components:{DtValidationMessages:r.default},mixins:[t.InputMixin,t.CheckableMixin,t.GroupableMixin,t.MessagesMixin],inheritAttrs:!1,emits:[`input`,`update:modelValue`,`focusin`,`focusout`],computed:{inputValidationClass(){return i.CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState]},checkboxGroupValueChecked(){return this.groupContext?.selectedValues?.includes(this.value)??!1},hasLabel(){return!!(this.$slots.default||this.label)},hasMessages(){return this.formattedMessages.length&&this.showMessages},inputListeners(){return{input:()=>{},focusin:e=>this.$emit(`focusin`,e),focusout:e=>this.$emit(`focusout`,e),change:e=>this.emitValue(e.target)}}},watch:{checkboxGroupValueChecked:{immediate:!0,handler(e){this.hasGroup&&(this.internalChecked=e)}}},mounted(){this.runValidations()},methods:{removeClassStyleAttrs:e.removeClassStyleAttrs,addClassStyleAttrs:e.addClassStyleAttrs,emitValue(e){let{value:t,checked:n}=e;this.internalIndeterminate&&(n=!1,this.internalIndeterminate=!1,e.checked=!1),this.setGroupValue(t,n),this.$emit(`input`,n),this.$emit(`update:modelValue`,n)},runValidations(){this.validateInputLabels(this.hasLabel,this.$attrs[`aria-label`])}}},s={class:`d-checkbox__input`},c=[`checked`,`name`,`value`,`disabled`,`.indeterminate`],l={key:0,class:`d-checkbox__messages`,"data-qa":`checkbox-description-messages`};function u(e,t,n,r,i,o){let u=(0,a.resolveComponent)(`dt-validation-messages`);return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({class:e.rootClass},o.addClassStyleAttrs(e.$attrs)),[(0,a.createElementVNode)(`label`,{class:(0,a.normalizeClass)([`d-checkbox-group`,{"d-checkbox-group--disabled":e.internalDisabled}])},[(0,a.createElementVNode)(`div`,s,[(0,a.createElementVNode)(`input`,(0,a.mergeProps)({type:`checkbox`,checked:e.internalChecked,name:e.internalName,value:e.value,disabled:e.internalDisabled,class:[`d-checkbox`,o.inputValidationClass,e.inputClass]},o.removeClassStyleAttrs(e.$attrs),{".indeterminate":e.internalIndeterminate},(0,a.toHandlers)(o.inputListeners,!0)),null,48,c)]),o.hasLabel?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({key:0,class:[e.labelClass,`d-checkbox__copy d-checkbox__label`]},e.labelChildProps,{"data-qa":`checkbox-label`}),[(0,a.renderSlot)(e.$slots,`default`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.label),1)])],16)):(0,a.createCommentVNode)(``,!0)],2),e.$slots.description||e.description||o.hasMessages?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,l,[e.$slots.description||e.description?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({key:0,class:[`d-description`,e.descriptionClass]},e.descriptionChildProps,{"data-qa":`checkbox-description`}),[(0,a.renderSlot)(e.$slots,`description`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.description),1)])],16)):(0,a.createCommentVNode)(``,!0),(0,a.createVNode)(u,(0,a.mergeProps)({"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":`dt-checkbox-validation-messages`}),null,16,[`validation-messages`,`show-messages`,`class`])])):(0,a.createCommentVNode)(``,!0)],16)}var d=n.t(o,[[`render`,u]]);exports.default=d;
 //# sourceMappingURL=checkbox.cjs.map

package/dist/lib/checkbox/checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.cjs","names":[],"sources":["../../../components/checkbox/checkbox.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"$attrs.class\"\n    :style=\"$attrs.style\"\n  >\n    <label :class=\"['d-checkbox-group', { 'd-checkbox-group--disabled': internalDisabled }]\">\n      <div class=\"d-checkbox__input\">\n        <input\n          type=\"checkbox\"\n          :checked=\"internalChecked\"\n          :name=\"internalName\"\n          :value=\"value\"\n          :disabled=\"internalDisabled\"\n          :class=\"['d-checkbox', inputValidationClass, inputClass]\"\n          :aria-label=\"!showLabel && label ? label : undefined\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          :indeterminate.prop=\"internalIndeterminate\"\n          v-on=\"inputListeners\"\n        >\n      </div>\n      <dt-text\n        v-if=\"hasLabel\"\n        as=\"div\"\n        kind=\"label\"\n        :size=\"resolvedLabelSize\"\n        :strength=\"labelStrength ?? 'normal'\"\n        :tone=\"internalDisabled ? 'disabled' : 'primary'\"\n        :class=\"[labelClass, 'd-checkbox__copy d-checkbox__label']\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"checkbox-label\"\n      >\n        <!-- @slot slot for Checkbox Label -->\n        <slot>{{ label }}</slot>\n      </dt-text>\n    </label>\n    <div\n      v-if=\"$slots.description || description || hasMessages\"\n      class=\"d-checkbox__messages\"\n      data-qa=\"checkbox-description-messages\"\n    >\n      <dt-text\n        v-if=\"$slots.description || description\"\n        kind=\"body\"\n        :size=\"200\"\n        tone=\"tertiary\"\n        as=\"div\"\n        :class=\"['d-description', descriptionClass]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"checkbox-description\"\n      >\n        <!-- @slot slot for Checkbox Description -->\n        <slot name=\"description\">\n          {{ description }}\n        </slot>\n      </dt-text>\n      <dt-validation-messages\n        :validation-messages=\"formattedMessages\"\n        :show-messages=\"showMessages\"\n        :class=\"messagesClass\"\n        v-bind=\"messagesChildProps\"\n        data-qa=\"dt-checkbox-validation-messages\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n// Imports\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { removeClassStyleAttrs } from '@/common/utils';\nimport { CHECKBOX_INPUT_VALIDATION_CLASSES } from './checkbox_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/text';\n\n/**\n * Checkboxes are control elements that allow the user to make a selection.They are typically used in a\n * Checkbox Group which allows the user to make one or more selections from a list of options.\n * @see https://dialtone.dialpad.com/components/checkbox.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCheckbox',\n\n  components: { DtValidationMessages, DtText },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines visibility of checkbox label.\n     * @values true, false\n     */\n    showLabel: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Overrides the label text size.\n     * @values 100, 200, 300, 400\n     */\n    labelSize: {\n      type: [String, Number],\n      default: null,\n      validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(s)),\n    },\n\n    /**\n     * Overrides the label font weight.\n     * @values bold, semibold, medium, normal\n     */\n    labelStrength: {\n      type: String,\n      default: null,\n      validator: (s) => Object.keys(TEXT_STRENGTH_MODIFIERS).includes(s),\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event update:modelValue\n     * @type {Boolean}\n     */\n    'update:modelValue',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  computed: {\n    resolvedLabelSize () {\n      return this.labelSize ?? 300;\n    },\n\n    inputValidationClass () {\n      return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    checkboxGroupValueChecked () {\n      return this.groupContext?.selectedValues?.includes(this.value) ?? false;\n    },\n\n    hasLabelContent () {\n      return !!(this.$slots.default || this.label);\n    },\n\n    hasLabel () {\n      return this.showLabel && this.hasLabelContent;\n    },\n\n    hasMessages () {\n      return this.formattedMessages.length && this.showMessages;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through\n         * onto the input element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target),\n      };\n    },\n  },\n\n  watch: {\n    checkboxGroupValueChecked: {\n      immediate: true,\n      handler (newCheckboxGroupValueChecked) {\n        if (this.hasGroup) {\n          // update internal value when the checkbox group value changes\n          this.internalChecked = newCheckboxGroupValueChecked;\n        }\n      },\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n\n    emitValue (target) {\n      let { value, checked } = target;\n      // Expected: Indeterminate -> unchecked. We need to manually set DOM property `checked` to false\n      // and update this.internalIndeterminate.\n      if (this.internalIndeterminate) {\n        checked = false;\n        this.internalIndeterminate = false;\n        target.checked = false;\n      }\n      // update provided value if injected\n      this.setGroupValue(value, checked);\n\n      // emit the state of the checkbox\n      this.$emit('update:modelValue', checked);\n    },\n\n    runValidations () {\n      if (!this.hasLabelContent && !this.$attrs['aria-label']) {\n        console.warn(\n          '[Dialtone] A label is required for accessibility. Provide a label prop and use show-label=\"false\" to hide it visually.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"checkbox.cjs","names":[],"sources":["../../../components/checkbox/checkbox.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"rootClass\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label :class=\"['d-checkbox-group', { 'd-checkbox-group--disabled': internalDisabled }]\">\n      <div class=\"d-checkbox__input\">\n        <input\n          type=\"checkbox\"\n          :checked=\"internalChecked\"\n          :name=\"internalName\"\n          :value=\"value\"\n          :disabled=\"internalDisabled\"\n          :class=\"['d-checkbox', inputValidationClass, inputClass]\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          :indeterminate.prop=\"internalIndeterminate\"\n          v-on=\"inputListeners\"\n        >\n      </div>\n      <div\n        v-if=\"hasLabel\"\n        :class=\"[labelClass, 'd-checkbox__copy d-checkbox__label']\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"checkbox-label\"\n      >\n        <!-- @slot slot for Checkbox Label -->\n        <slot>{{ label }}</slot>\n      </div>\n    </label>\n    <div\n      v-if=\"$slots.description || description || hasMessages\"\n      class=\"d-checkbox__messages\"\n      data-qa=\"checkbox-description-messages\"\n    >\n      <div\n        v-if=\"$slots.description || description\"\n        :class=\"['d-description', descriptionClass]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"checkbox-description\"\n      >\n        <!-- @slot slot for Checkbox Description -->\n        <slot name=\"description\">\n          {{ description }}\n        </slot>\n      </div>\n      <dt-validation-messages\n        :validation-messages=\"formattedMessages\"\n        :show-messages=\"showMessages\"\n        :class=\"messagesClass\"\n        v-bind=\"messagesChildProps\"\n        data-qa=\"dt-checkbox-validation-messages\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n// Imports\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { CHECKBOX_INPUT_VALIDATION_CLASSES } from './checkbox_constants';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * Checkboxes are control elements that allow the user to make a selection.They are typically used in a\n * Checkbox Group which allows the user to make one or more selections from a list of options.\n * @see https://dialtone.dialpad.com/components/checkbox.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCheckbox',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {Boolean}\n     */\n    'input',\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event update:modelValue\n     * @type {Boolean}\n     */\n    'update:modelValue',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  computed: {\n    inputValidationClass () {\n      return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    checkboxGroupValueChecked () {\n      return this.groupContext?.selectedValues?.includes(this.value) ?? false;\n    },\n\n    hasLabel () {\n      return !!(this.$slots.default || this.label);\n    },\n\n    hasMessages () {\n      return this.formattedMessages.length && this.showMessages;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through\n         * onto the input element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target),\n      };\n    },\n  },\n\n  watch: {\n    checkboxGroupValueChecked: {\n      immediate: true,\n      handler (newCheckboxGroupValueChecked) {\n        if (this.hasGroup) {\n          // update internal value when the checkbox group value changes\n          this.internalChecked = newCheckboxGroupValueChecked;\n        }\n      },\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n\n    emitValue (target) {\n      let { value, checked } = target;\n      // Expected: Indeterminate -> unchecked. We need to manually set DOM property `checked` to false\n      // and update this.internalIndeterminate.\n      if (this.internalIndeterminate) {\n        checked = false;\n        this.internalIndeterminate = false;\n        target.checked = false;\n      }\n      // update provided value if injected\n      this.setGroupValue(value, checked);\n\n      // emit the state of the checkbox\n      this.$emit('input', checked);\n      this.$emit('update:modelValue', checked);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasLabel, this.$attrs['aria-label']);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/checkbox/checkbox.js

@@ -1,62 +1,36 @@
-import { removeClassStyleAttrs as e } from "../../common/utils/index.js";
-import { CheckableMixin as t, GroupableMixin as n, InputMixin as r, MessagesMixin as i } from "../../common/mixins/input.js";
-import { t as a } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import o from "../validation-messages/validation-messages.js";
-import { TEXT_SIZE_MODIFIERS as s, TEXT_STRENGTH_MODIFIERS as c } from "../text/text-constants.js";
-import l from "../text/text.js";
-import { CHECKBOX_INPUT_VALIDATION_CLASSES as u } from "./checkbox-constants.js";
-import { createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, mergeProps as _, normalizeClass as v, normalizeStyle as y, openBlock as b, renderSlot as x, resolveComponent as S, toDisplayString as C, toHandlers as w, withCtx as T } from "vue";
+import { addClassStyleAttrs as e, removeClassStyleAttrs as t } from "../../common/utils/index.js";
+import { CheckableMixin as n, GroupableMixin as r, InputMixin as i, MessagesMixin as a } from "../../common/mixins/input.js";
+import { t as o } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import s from "../validation-messages/validation-messages.js";
+import { CHECKBOX_INPUT_VALIDATION_CLASSES as c } from "./checkbox-constants.js";
+import { createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, mergeProps as m, normalizeClass as h, openBlock as g, renderSlot as _, resolveComponent as v, toDisplayString as y, toHandlers as b } from "vue";
 //#region components/checkbox/checkbox.vue
-var E = {
+var x = {
 	compatConfig: { MODE: 3 },
 	name: "DtCheckbox",
-	components: {
-		DtValidationMessages: o,
-		DtText: l
-	},
+	components: { DtValidationMessages: s },
 	mixins: [
-		r,
-		t,
+		i,
 		n,
-		i
+		r,
+		a
 	],
 	inheritAttrs: !1,
-	props: {
-		showLabel: {
-			type: Boolean,
-			default: !0
-		},
-		labelSize: {
-			type: [String, Number],
-			default: null,
-			validator: (e) => s.label.includes(String(e))
-		},
-		labelStrength: {
-			type: String,
-			default: null,
-			validator: (e) => Object.keys(c).includes(e)
-		}
-	},
 	emits: [
+		"input",
 		"update:modelValue",
 		"focusin",
 		"focusout"
 	],
 	computed: {
-		resolvedLabelSize() {
-			return this.labelSize ?? 300;
-		},
 		inputValidationClass() {
-			return u[this.internalValidationState];
+			return c[this.internalValidationState];
 		},
 		checkboxGroupValueChecked() {
 			return this.groupContext?.selectedValues?.includes(this.value) ?? !1;
 		},
-		hasLabelContent() {
-			return !!(this.$slots.default || this.label);
-		},
 		hasLabel() {
-			return this.showLabel && this.hasLabelContent;
+			return !!(this.$slots.default || this.label);
 		},
 		hasMessages() {
 			return this.formattedMessages.length && this.showMessages;
@@ -80,33 +54,30 @@ var E = {
 		this.runValidations();
 	},
 	methods: {
-		removeClassStyleAttrs: e,
+		removeClassStyleAttrs: t,
+		addClassStyleAttrs: e,
 		emitValue(e) {
 			let { value: t, checked: n } = e;
-			this.internalIndeterminate && (n = !1, this.internalIndeterminate = !1, e.checked = !1), this.setGroupValue(t, n), this.$emit("update:modelValue", n);
+			this.internalIndeterminate && (n = !1, this.internalIndeterminate = !1, e.checked = !1), this.setGroupValue(t, n), this.$emit("input", n), this.$emit("update:modelValue", n);
 		},
 		runValidations() {
-			!this.hasLabelContent && !this.$attrs["aria-label"] && console.warn("[Dialtone] A label is required for accessibility. Provide a label prop and use show-label=\"false\" to hide it visually.");
+			this.validateInputLabels(this.hasLabel, this.$attrs["aria-label"]);
 		}
 	}
-}, D = { class: "d-checkbox__input" }, O = [
+}, S = { class: "d-checkbox__input" }, C = [
 	"checked",
 	"name",
 	"value",
 	"disabled",
-	"aria-label",
 	".indeterminate"
-], k = {
+], w = {
 	key: 0,
 	class: "d-checkbox__messages",
 	"data-qa": "checkbox-description-messages"
 };
-function A(e, t, n, r, i, a) {
-	let o = S("dt-text"), s = S("dt-validation-messages");
-	return b(), p("div", {
-		class: v(e.$attrs.class),
-		style: y(e.$attrs.style)
-	}, [m("label", { class: v(["d-checkbox-group", { "d-checkbox-group--disabled": e.internalDisabled }]) }, [m("div", D, [m("input", _({
+function T(e, t, n, r, i, a) {
+	let o = v("dt-validation-messages");
+	return g(), u("div", m({ class: e.rootClass }, a.addClassStyleAttrs(e.$attrs)), [d("label", { class: h(["d-checkbox-group", { "d-checkbox-group--disabled": e.internalDisabled }]) }, [d("div", S, [d("input", m({
 		type: "checkbox",
 		checked: e.internalChecked,
 		name: e.internalName,
@@ -116,35 +87,14 @@ function A(e, t, n, r, i, a) {
 			"d-checkbox",
 			a.inputValidationClass,
 			e.inputClass
-		],
-		"aria-label": !n.showLabel && e.label ? e.label : void 0
-	}, a.removeClassStyleAttrs(e.$attrs), { ".indeterminate": e.internalIndeterminate }, w(a.inputListeners, !0)), null, 48, O)]), a.hasLabel ? (b(), d(o, _({
+		]
+	}, a.removeClassStyleAttrs(e.$attrs), { ".indeterminate": e.internalIndeterminate }, b(a.inputListeners, !0)), null, 48, C)]), a.hasLabel ? (g(), u("div", m({
 		key: 0,
-		as: "div",
-		kind: "label",
-		size: a.resolvedLabelSize,
-		strength: n.labelStrength ?? "normal",
-		tone: e.internalDisabled ? "disabled" : "primary",
 		class: [e.labelClass, "d-checkbox__copy d-checkbox__label"]
-	}, e.labelChildProps, { "data-qa": "checkbox-label" }), {
-		default: T(() => [x(e.$slots, "default", {}, () => [h(C(e.label), 1)])]),
-		_: 3
-	}, 16, [
-		"size",
-		"strength",
-		"tone",
-		"class"
-	])) : f("", !0)], 2), e.$slots.description || e.description || a.hasMessages ? (b(), p("div", k, [e.$slots.description || e.description ? (b(), d(o, _({
+	}, e.labelChildProps, { "data-qa": "checkbox-label" }), [_(e.$slots, "default", {}, () => [f(y(e.label), 1)])], 16)) : l("", !0)], 2), e.$slots.description || e.description || a.hasMessages ? (g(), u("div", w, [e.$slots.description || e.description ? (g(), u("div", m({
 		key: 0,
-		kind: "body",
-		size: 200,
-		tone: "tertiary",
-		as: "div",
 		class: ["d-description", e.descriptionClass]
-	}, e.descriptionChildProps, { "data-qa": "checkbox-description" }), {
-		default: T(() => [x(e.$slots, "description", {}, () => [h(C(e.description), 1)])]),
-		_: 3
-	}, 16, ["class"])) : f("", !0), g(s, _({
+	}, e.descriptionChildProps, { "data-qa": "checkbox-description" }), [_(e.$slots, "description", {}, () => [f(y(e.description), 1)])], 16)) : l("", !0), p(o, m({
 		"validation-messages": e.formattedMessages,
 		"show-messages": e.showMessages,
 		class: e.messagesClass
@@ -152,10 +102,10 @@ function A(e, t, n, r, i, a) {
 		"validation-messages",
 		"show-messages",
 		"class"
-	])])) : f("", !0)], 6);
+	])])) : l("", !0)], 16);
 }
-var j = /* @__PURE__ */ a(E, [["render", A]]);
+var E = /* @__PURE__ */ o(x, [["render", T]]);
 //#endregion
-export { j as default };
+export { E as default };
 
 //# sourceMappingURL=checkbox.js.map

package/dist/lib/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../../../components/checkbox/checkbox.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"$attrs.class\"\n    :style=\"$attrs.style\"\n  >\n    <label :class=\"['d-checkbox-group', { 'd-checkbox-group--disabled': internalDisabled }]\">\n      <div class=\"d-checkbox__input\">\n        <input\n          type=\"checkbox\"\n          :checked=\"internalChecked\"\n          :name=\"internalName\"\n          :value=\"value\"\n          :disabled=\"internalDisabled\"\n          :class=\"['d-checkbox', inputValidationClass, inputClass]\"\n          :aria-label=\"!showLabel && label ? label : undefined\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          :indeterminate.prop=\"internalIndeterminate\"\n          v-on=\"inputListeners\"\n        >\n      </div>\n      <dt-text\n        v-if=\"hasLabel\"\n        as=\"div\"\n        kind=\"label\"\n        :size=\"resolvedLabelSize\"\n        :strength=\"labelStrength ?? 'normal'\"\n        :tone=\"internalDisabled ? 'disabled' : 'primary'\"\n        :class=\"[labelClass, 'd-checkbox__copy d-checkbox__label']\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"checkbox-label\"\n      >\n        <!-- @slot slot for Checkbox Label -->\n        <slot>{{ label }}</slot>\n      </dt-text>\n    </label>\n    <div\n      v-if=\"$slots.description || description || hasMessages\"\n      class=\"d-checkbox__messages\"\n      data-qa=\"checkbox-description-messages\"\n    >\n      <dt-text\n        v-if=\"$slots.description || description\"\n        kind=\"body\"\n        :size=\"200\"\n        tone=\"tertiary\"\n        as=\"div\"\n        :class=\"['d-description', descriptionClass]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"checkbox-description\"\n      >\n        <!-- @slot slot for Checkbox Description -->\n        <slot name=\"description\">\n          {{ description }}\n        </slot>\n      </dt-text>\n      <dt-validation-messages\n        :validation-messages=\"formattedMessages\"\n        :show-messages=\"showMessages\"\n        :class=\"messagesClass\"\n        v-bind=\"messagesChildProps\"\n        data-qa=\"dt-checkbox-validation-messages\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n// Imports\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { removeClassStyleAttrs } from '@/common/utils';\nimport { CHECKBOX_INPUT_VALIDATION_CLASSES } from './checkbox_constants';\nimport { DtValidationMessages } from '../validation_messages';\nimport { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/text';\n\n/**\n * Checkboxes are control elements that allow the user to make a selection.They are typically used in a\n * Checkbox Group which allows the user to make one or more selections from a list of options.\n * @see https://dialtone.dialpad.com/components/checkbox.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCheckbox',\n\n  components: { DtValidationMessages, DtText },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines visibility of checkbox label.\n     * @values true, false\n     */\n    showLabel: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Overrides the label text size.\n     * @values 100, 200, 300, 400\n     */\n    labelSize: {\n      type: [String, Number],\n      default: null,\n      validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(s)),\n    },\n\n    /**\n     * Overrides the label font weight.\n     * @values bold, semibold, medium, normal\n     */\n    labelStrength: {\n      type: String,\n      default: null,\n      validator: (s) => Object.keys(TEXT_STRENGTH_MODIFIERS).includes(s),\n    },\n  },\n\n  emits: [\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event update:modelValue\n     * @type {Boolean}\n     */\n    'update:modelValue',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  computed: {\n    resolvedLabelSize () {\n      return this.labelSize ?? 300;\n    },\n\n    inputValidationClass () {\n      return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    checkboxGroupValueChecked () {\n      return this.groupContext?.selectedValues?.includes(this.value) ?? false;\n    },\n\n    hasLabelContent () {\n      return !!(this.$slots.default || this.label);\n    },\n\n    hasLabel () {\n      return this.showLabel && this.hasLabelContent;\n    },\n\n    hasMessages () {\n      return this.formattedMessages.length && this.showMessages;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through\n         * onto the input element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target),\n      };\n    },\n  },\n\n  watch: {\n    checkboxGroupValueChecked: {\n      immediate: true,\n      handler (newCheckboxGroupValueChecked) {\n        if (this.hasGroup) {\n          // update internal value when the checkbox group value changes\n          this.internalChecked = newCheckboxGroupValueChecked;\n        }\n      },\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n\n    emitValue (target) {\n      let { value, checked } = target;\n      // Expected: Indeterminate -> unchecked. We need to manually set DOM property `checked` to false\n      // and update this.internalIndeterminate.\n      if (this.internalIndeterminate) {\n        checked = false;\n        this.internalIndeterminate = false;\n        target.checked = false;\n      }\n      // update provided value if injected\n      this.setGroupValue(value, checked);\n\n      // emit the state of the checkbox\n      this.$emit('update:modelValue', checked);\n    },\n\n    runValidations () {\n      if (!this.hasLabelContent && !this.$attrs['aria-label']) {\n        console.warn(\n          '[Dialtone] A label is required for accessibility. Provide a label prop and use show-label=\"false\" to hide it visually.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../components/checkbox/checkbox.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"rootClass\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <label :class=\"['d-checkbox-group', { 'd-checkbox-group--disabled': internalDisabled }]\">\n      <div class=\"d-checkbox__input\">\n        <input\n          type=\"checkbox\"\n          :checked=\"internalChecked\"\n          :name=\"internalName\"\n          :value=\"value\"\n          :disabled=\"internalDisabled\"\n          :class=\"['d-checkbox', inputValidationClass, inputClass]\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          :indeterminate.prop=\"internalIndeterminate\"\n          v-on=\"inputListeners\"\n        >\n      </div>\n      <div\n        v-if=\"hasLabel\"\n        :class=\"[labelClass, 'd-checkbox__copy d-checkbox__label']\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"checkbox-label\"\n      >\n        <!-- @slot slot for Checkbox Label -->\n        <slot>{{ label }}</slot>\n      </div>\n    </label>\n    <div\n      v-if=\"$slots.description || description || hasMessages\"\n      class=\"d-checkbox__messages\"\n      data-qa=\"checkbox-description-messages\"\n    >\n      <div\n        v-if=\"$slots.description || description\"\n        :class=\"['d-description', descriptionClass]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"checkbox-description\"\n      >\n        <!-- @slot slot for Checkbox Description -->\n        <slot name=\"description\">\n          {{ description }}\n        </slot>\n      </div>\n      <dt-validation-messages\n        :validation-messages=\"formattedMessages\"\n        :show-messages=\"showMessages\"\n        :class=\"messagesClass\"\n        v-bind=\"messagesChildProps\"\n        data-qa=\"dt-checkbox-validation-messages\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n// Imports\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { CHECKBOX_INPUT_VALIDATION_CLASSES } from './checkbox_constants';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * Checkboxes are control elements that allow the user to make a selection.They are typically used in a\n * Checkbox Group which allows the user to make one or more selections from a list of options.\n * @see https://dialtone.dialpad.com/components/checkbox.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCheckbox',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {Boolean}\n     */\n    'input',\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     *\n     * @event update:modelValue\n     * @type {Boolean}\n     */\n    'update:modelValue',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  computed: {\n    inputValidationClass () {\n      return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    checkboxGroupValueChecked () {\n      return this.groupContext?.selectedValues?.includes(this.value) ?? false;\n    },\n\n    hasLabel () {\n      return !!(this.$slots.default || this.label);\n    },\n\n    hasMessages () {\n      return this.formattedMessages.length && this.showMessages;\n    },\n\n    inputListeners () {\n      return {\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through\n         * onto the input element which will result in the handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n        change: event => this.emitValue(event.target),\n      };\n    },\n  },\n\n  watch: {\n    checkboxGroupValueChecked: {\n      immediate: true,\n      handler (newCheckboxGroupValueChecked) {\n        if (this.hasGroup) {\n          // update internal value when the checkbox group value changes\n          this.internalChecked = newCheckboxGroupValueChecked;\n        }\n      },\n    },\n  },\n\n  mounted () {\n    this.runValidations();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n\n    emitValue (target) {\n      let { value, checked } = target;\n      // Expected: Indeterminate -> unchecked. We need to manually set DOM property `checked` to false\n      // and update this.internalIndeterminate.\n      if (this.internalIndeterminate) {\n        checked = false;\n        this.internalIndeterminate = false;\n        target.checked = false;\n      }\n      // update provided value if injected\n      this.setGroupValue(value, checked);\n\n      // emit the state of the checkbox\n      this.$emit('input', checked);\n      this.$emit('update:modelValue', checked);\n    },\n\n    runValidations () {\n      this.validateInputLabels(this.hasLabel, this.$attrs['aria-label']);\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;;AAyEA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY,EAAE,sBAAA,GAAsB;CAEpC,QAAQ;EAAC;EAAY;EAAgB;EAAgB;EAAc;CAEnE,cAAc;CAEd,OAAO;EAOL;EAOA;EAQA;EAQA;EACD;CAED,UAAU;EACR,uBAAwB;AACtB,UAAO,EAAkC,KAAK;;EAGhD,4BAA6B;AAC3B,UAAO,KAAK,cAAc,gBAAgB,SAAS,KAAK,MAAK,IAAK;;EAGpE,WAAY;AACV,UAAO,CAAC,EAAE,KAAK,OAAO,WAAW,KAAK;;EAGxC,cAAe;AACb,UAAO,KAAK,kBAAkB,UAAU,KAAK;;EAG/C,iBAAkB;AAChB,UAAO;IAML,aAAa;IACb,UAAS,MAAS,KAAK,MAAM,WAAW,EAAM;IAC9C,WAAU,MAAS,KAAK,MAAM,YAAY,EAAM;IAChD,SAAQ,MAAS,KAAK,UAAU,EAAM,OAAO;IAC9C;;EAEJ;CAED,OAAO,EACL,2BAA2B;EACzB,WAAW;EACX,QAAS,GAA8B;AACrC,GAAI,KAAK,aAEP,KAAK,kBAAkB;;EAG5B,EACF;CAED,UAAW;AACT,OAAK,gBAAgB;;CAGvB,SAAS;EACP;EACA;EAEA,UAAW,GAAQ;GACjB,IAAI,EAAE,UAAO,eAAY;AAazB,GAVI,KAAK,0BACP,IAAU,IACV,KAAK,wBAAwB,IAC7B,EAAO,UAAU,KAGnB,KAAK,cAAc,GAAO,EAAQ,EAGlC,KAAK,MAAM,SAAS,EAAQ,EAC5B,KAAK,MAAM,qBAAqB,EAAQ;;EAG1C,iBAAkB;AAChB,QAAK,oBAAoB,KAAK,UAAU,KAAK,OAAO,cAAc;;EAErE;CACF,QAvLU,OAAM,qBAAmB;;;;;;;;CAyB9B,OAAM;CACN,WAAQ;;;;aA/BZ,EAoDM,OApDN,EAoDM,EAnDH,OAAO,EAAA,WAAS,EACT,EAAA,mBAAmB,EAAA,OAAM,CAAA,EAAA,CAEjC,EAuBQ,SAAA,EAvBA,OAAK,EAAA,CAAA,oBAAA,EAAA,8BAAuD,EAAA,kBAAgB,CAAA,CAAA,EAAA,EAAA,CAClF,EAYM,OAZN,GAYM,CAXJ,EAUC,SAVD,EAUC;EATC,MAAK;EACJ,SAAS,EAAA;EACT,MAAM,EAAA;EACN,OAAO,EAAA;EACP,UAAU,EAAA;EACV,OAAK;GAAA;GAAiB,EAAA;GAAsB,EAAA;GAAU;IAC/C,EAAA,sBAAsB,EAAA,OAAM,EAAA,EACnC,kBAAoB,EAAA,uBAAqB,EAC1C,EAAqB,EAAf,gBAAc,GAAA,CAAA,EAAA,MAAA,IAAA,EAAA,CAAA,CAAA,EAIhB,EAAA,YAAA,GAAA,EADR,EAQM,OARN,EAQM;;EANH,OAAK,CAAG,EAAA,YAAU,qCAAA;IACX,EAAA,iBAAe,EACvB,WAAQ,kBAAgB,CAAA,EAAA,CAGxB,EAAwB,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EAAf,EAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAIV,EAAA,OAAO,eAAe,EAAA,eAAe,EAAA,eAAA,GAAA,EAD7C,EAuBM,OAvBN,GAuBM,CAjBI,EAAA,OAAO,eAAe,EAAA,eAAA,GAAA,EAD9B,EAUM,OAVN,EAUM;;EARH,OAAK,CAAA,iBAAoB,EAAA,iBAAgB;IAClC,EAAA,uBAAqB,EAC7B,WAAQ,wBAAsB,CAAA,EAAA,CAG9B,EAEO,EAAA,QAAA,eAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,YAAW,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA,EAGlB,EAME,GANF,EAME;EALC,uBAAqB,EAAA;EACrB,iBAAe,EAAA;EACf,OAAO,EAAA;IACA,EAAA,oBAAkB,EAC1B,WAAQ,mCAAiC,CAAA,EAAA,MAAA,IAAA;EAAA;EAAA;EAAA;EAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,GAAA"}

package/dist/lib/checkbox-group/checkbox-group.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={compatConfig:{MODE:3},name:`DtCheckboxGroup`,extends:require(`../input-group/input-group.cjs`).default,props:{modelValue:{type:Array,default(){return[]}},dataQaGroup:{type:String,default:`checkbox-group`},dataQaGroupLegend:{type:String,default:`checkbox-group-legend`},dataQaGroupMessages:{type:String,default:`checkbox-group-messages`}},emits:[`update:modelValue`],data(){return{internalValue:this.modelValue}},watch:{modelValue(e){this.internalValue=e},internalValue:{immediate:!0,handler(e){this.provideObj.selectedValues=e}}},methods:{setGroupValue(e,t){t?this.internalValue.includes(e)||this.internalValue.push(e):this.internalValue=this.internalValue.filter(t=>t!==e),this.$emit(`update:modelValue`,this.internalValue)},getMessageKey(e,t){return`checkbox-group-message-${e}-${t}-${this.id}`}}};exports.default=e;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../input-group/input-group.cjs`);let t=require(`vue`);var n={compatConfig:{MODE:3},name:`DtCheckboxGroup`,extends:e.default,props:{modelValue:{type:[],default:null,validator:e=>e?((0,t.warn)(`Component uses selectedValues to initialize the model, modelValue is not supported by this component`,void 0),!1):!0},selectedValues:{type:Array,default(){return[]}},dataQaGroup:{type:String,default:`checkbox-group`},dataQaGroupLegend:{type:String,default:`checkbox-group-legend`},dataQaGroupMessages:{type:String,default:`checkbox-group-messages`}},emits:[`input`,`update:selectedValues`],data(){return{internalValue:this.selectedValues}},watch:{selectedValues(e){this.internalValue=e},internalValue:{immediate:!0,handler(e){this.provideObj.selectedValues=e}}},methods:{setGroupValue(e,t){t?this.internalValue.includes(e)||this.internalValue.push(e):this.internalValue=this.internalValue.filter(t=>t!==e),this.$emit(`input`,this.internalValue),this.$emit(`update:selectedValues`,this.internalValue)},getMessageKey(e,t){return`checkbox-group-message-${e}-${t}-${this.id}`}}};exports.default=n;
 //# sourceMappingURL=checkbox-group.cjs.map

package/dist/lib/checkbox-group/checkbox-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.cjs","names":[],"sources":["../../../components/checkbox_group/checkbox_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Checkbox Groups are convenience components for a grouping of related Checkboxes.\n * While each Checkbox within the group is independent, the `v-model` on the group provides\n * a convenient interface for determining which Checkboxes within the group are checked.\n * @see https://dialtone.dialpad.com/components/checkbox_group.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCheckboxGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * A provided list of selected values(s) for the checkbox group\n     */\n    modelValue: {\n      type: Array,\n      default () {\n        return [];\n      },\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'checkbox-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'checkbox-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'checkbox-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Selected values for the checkbox group\n     *\n     * @event update:modelValue\n     * @type {Array}\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    return {\n      internalValue: this.modelValue,\n    };\n  },\n\n  watch: {\n    modelValue (newModelValue) {\n      this.internalValue = newModelValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted checkboxes.\n    * need this to pass value to slotted checkboxes if modified outside\n    * checkbox group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValues = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted checkboxes.\n     * slotted checkbox will change this value and need to emit new value up.\n     */\n    setGroupValue (value, checked) {\n      if (!checked) {\n        this.internalValue = this.internalValue.filter(checkedValue => checkedValue !== value);\n      } else if (!this.internalValue.includes(value)) {\n        this.internalValue.push(value);\n      }\n\n      this.$emit('update:modelValue', this.internalValue);\n    },\n\n    getMessageKey (type, index) {\n      return `checkbox-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"mappings":"+FASA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,kBAEN,kDAAS,QAET,MAAO,CAIL,WAAY,CACV,KAAM,MACN,SAAW,CACT,MAAO,EAAE,EAEZ,CAKD,YAAa,CACX,KAAM,OACN,QAAS,iBACV,CAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,wBACV,CAKD,oBAAqB,CACnB,KAAM,OACN,QAAS,0BACV,CACF,CAED,MAAO,CAOL,oBACD,CAED,MAAQ,CACN,MAAO,CACL,cAAe,KAAK,WACrB,EAGH,MAAO,CACL,WAAY,EAAe,CACzB,KAAK,cAAgB,GAQvB,cAAe,CACb,UAAW,GACX,QAAS,EAAkB,CACzB,KAAK,WAAW,eAAiB,GAEpC,CACF,CAED,QAAS,CAKP,cAAe,EAAO,EAAS,CACxB,EAEO,KAAK,cAAc,SAAS,EAAM,EAC5C,KAAK,cAAc,KAAK,EAAM,CAF9B,KAAK,cAAgB,KAAK,cAAc,OAAO,GAAgB,IAAiB,EAAM,CAKxF,KAAK,MAAM,oBAAqB,KAAK,cAAc,EAGrD,cAAe,EAAM,EAAO,CAC1B,MAAO,0BAA0B,EAAK,GAAG,EAAM,GAAG,KAAK,MAE1D,CACF"}
+{"version":3,"file":"checkbox-group.cjs","names":[],"sources":["../../../components/checkbox_group/checkbox_group.vue"],"sourcesContent":["<script>\nimport { warn } from 'vue';\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Checkbox Groups are convenience components for a grouping of related Checkboxes.\n * While each Checkbox within the group is independent, the `v-model` on the group provides\n * a convenient interface for determining which Checkboxes within the group are checked.\n * @see https://dialtone.dialpad.com/components/checkbox_group.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCheckboxGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * Not supported by this component, please use selectedValues\n     */\n    modelValue: {\n      type: [],\n      default: null,\n      validator: value => {\n        if (!value) {\n          return true;\n        }\n\n        warn(\n          'Component uses selectedValues to initialize the model, modelValue is not supported by this component',\n          this,\n        );\n\n        return false;\n      },\n    },\n\n    /**\n     * A provided list of selected values(s) for the checkbox group\n     * @model selectedValues\n     */\n    selectedValues: {\n      type: Array,\n      default () {\n        return [];\n      },\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'checkbox-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'checkbox-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'checkbox-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {Array}\n     */\n    'input',\n    /**\n     * Selected values for the checkbox group\n     *\n     * @event input\n     * @type {Array}\n     */\n    'update:selectedValues',\n  ],\n\n  data () {\n    return {\n      internalValue: this.selectedValues,\n    };\n  },\n\n  watch: {\n    selectedValues (newSelectedValues) {\n      this.internalValue = newSelectedValues;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted checkboxes.\n    * need this to pass value to slotted checkboxes if modified outside\n    * checkbox group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValues = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted checkboxes.\n     * slotted checkbox will change this value and need to emit new value up.\n     */\n    setGroupValue (value, checked) {\n      if (!checked) {\n        this.internalValue = this.internalValue.filter(checkedValue => checkedValue !== value);\n      } else if (!this.internalValue.includes(value)) {\n        this.internalValue.push(value);\n      }\n\n      this.$emit('input', this.internalValue);\n      this.$emit('update:selectedValues', this.internalValue);\n    },\n\n    getMessageKey (type, index) {\n      return `checkbox-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"mappings":"0MAUA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,kBAEN,QAAS,EAAA,QAET,MAAO,CAIL,WAAY,CACV,KAAM,EAAE,CACR,QAAS,KACT,UAAW,GACJ,IAIL,EAAA,EAAA,MACE,uGAAA,IAAA,GAED,CAEM,IARE,GAUZ,CAMD,eAAgB,CACd,KAAM,MACN,SAAW,CACT,MAAO,EAAE,EAEZ,CAKD,YAAa,CACX,KAAM,OACN,QAAS,iBACV,CAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,wBACV,CAKD,oBAAqB,CACnB,KAAM,OACN,QAAS,0BACV,CACF,CAED,MAAO,CAOL,QAOA,wBACD,CAED,MAAQ,CACN,MAAO,CACL,cAAe,KAAK,eACrB,EAGH,MAAO,CACL,eAAgB,EAAmB,CACjC,KAAK,cAAgB,GAQvB,cAAe,CACb,UAAW,GACX,QAAS,EAAkB,CACzB,KAAK,WAAW,eAAiB,GAEpC,CACF,CAED,QAAS,CAKP,cAAe,EAAO,EAAS,CACxB,EAEO,KAAK,cAAc,SAAS,EAAM,EAC5C,KAAK,cAAc,KAAK,EAAM,CAF9B,KAAK,cAAgB,KAAK,cAAc,OAAO,GAAgB,IAAiB,EAAM,CAKxF,KAAK,MAAM,QAAS,KAAK,cAAc,CACvC,KAAK,MAAM,wBAAyB,KAAK,cAAc,EAGzD,cAAe,EAAM,EAAO,CAC1B,MAAO,0BAA0B,EAAK,GAAG,EAAM,GAAG,KAAK,MAE1D,CACF"}

package/dist/lib/checkbox-group/checkbox-group.js

@@ -1,11 +1,17 @@
 import e from "../input-group/input-group.js";
+import { warn as t } from "vue";
 //#region components/checkbox_group/checkbox_group.vue
-var t = {
+var n = {
 	compatConfig: { MODE: 3 },
 	name: "DtCheckboxGroup",
 	extends: e,
 	props: {
 		modelValue: {
+			type: [],
+			default: null,
+			validator: (e) => e ? (t("Component uses selectedValues to initialize the model, modelValue is not supported by this component", void 0), !1) : !0
+		},
+		selectedValues: {
 			type: Array,
 			default() {
 				return [];
@@ -24,12 +30,12 @@ var t = {
 			default: "checkbox-group-messages"
 		}
 	},
-	emits: ["update:modelValue"],
+	emits: ["input", "update:selectedValues"],
 	data() {
-		return { internalValue: this.modelValue };
+		return { internalValue: this.selectedValues };
 	},
 	watch: {
-		modelValue(e) {
+		selectedValues(e) {
 			this.internalValue = e;
 		},
 		internalValue: {
@@ -41,7 +47,7 @@ var t = {
 	},
 	methods: {
 		setGroupValue(e, t) {
-			t ? this.internalValue.includes(e) || this.internalValue.push(e) : this.internalValue = this.internalValue.filter((t) => t !== e), this.$emit("update:modelValue", this.internalValue);
+			t ? this.internalValue.includes(e) || this.internalValue.push(e) : this.internalValue = this.internalValue.filter((t) => t !== e), this.$emit("input", this.internalValue), this.$emit("update:selectedValues", this.internalValue);
 		},
 		getMessageKey(e, t) {
 			return `checkbox-group-message-${e}-${t}-${this.id}`;
@@ -49,6 +55,6 @@ var t = {
 	}
 };
 //#endregion
-export { t as default };
+export { n as default };
 
 //# sourceMappingURL=checkbox-group.js.map

package/dist/lib/checkbox-group/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","names":[],"sources":["../../../components/checkbox_group/checkbox_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Checkbox Groups are convenience components for a grouping of related Checkboxes.\n * While each Checkbox within the group is independent, the `v-model` on the group provides\n * a convenient interface for determining which Checkboxes within the group are checked.\n * @see https://dialtone.dialpad.com/components/checkbox_group.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCheckboxGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * A provided list of selected values(s) for the checkbox group\n     */\n    modelValue: {\n      type: Array,\n      default () {\n        return [];\n      },\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'checkbox-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'checkbox-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'checkbox-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Selected values for the checkbox group\n     *\n     * @event update:modelValue\n     * @type {Array}\n     */\n    'update:modelValue',\n  ],\n\n  data () {\n    return {\n      internalValue: this.modelValue,\n    };\n  },\n\n  watch: {\n    modelValue (newModelValue) {\n      this.internalValue = newModelValue;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted checkboxes.\n    * need this to pass value to slotted checkboxes if modified outside\n    * checkbox group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValues = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted checkboxes.\n     * slotted checkbox will change this value and need to emit new value up.\n     */\n    setGroupValue (value, checked) {\n      if (!checked) {\n        this.internalValue = this.internalValue.filter(checkedValue => checkedValue !== value);\n      } else if (!this.internalValue.includes(value)) {\n        this.internalValue.push(value);\n      }\n\n      this.$emit('update:modelValue', this.internalValue);\n    },\n\n    getMessageKey (type, index) {\n      return `checkbox-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"mappings":";;AASA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,SAAS;CAET,OAAO;EAIL,YAAY;GACV,MAAM;GACN,UAAW;AACT,WAAO,EAAE;;GAEZ;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO,CAOL,oBACD;CAED,OAAQ;AACN,SAAO,EACL,eAAe,KAAK,YACrB;;CAGH,OAAO;EACL,WAAY,GAAe;AACzB,QAAK,gBAAgB;;EAQvB,eAAe;GACb,WAAW;GACX,QAAS,GAAkB;AACzB,SAAK,WAAW,iBAAiB;;GAEpC;EACF;CAED,SAAS;EAKP,cAAe,GAAO,GAAS;AAO7B,GANK,IAEO,KAAK,cAAc,SAAS,EAAM,IAC5C,KAAK,cAAc,KAAK,EAAM,GAF9B,KAAK,gBAAgB,KAAK,cAAc,QAAO,MAAgB,MAAiB,EAAM,EAKxF,KAAK,MAAM,qBAAqB,KAAK,cAAc;;EAGrD,cAAe,GAAM,GAAO;AAC1B,UAAO,0BAA0B,EAAK,GAAG,EAAM,GAAG,KAAK;;EAE1D;CACF"}
+{"version":3,"file":"checkbox-group.js","names":[],"sources":["../../../components/checkbox_group/checkbox_group.vue"],"sourcesContent":["<script>\nimport { warn } from 'vue';\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Checkbox Groups are convenience components for a grouping of related Checkboxes.\n * While each Checkbox within the group is independent, the `v-model` on the group provides\n * a convenient interface for determining which Checkboxes within the group are checked.\n * @see https://dialtone.dialpad.com/components/checkbox_group.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtCheckboxGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * Not supported by this component, please use selectedValues\n     */\n    modelValue: {\n      type: [],\n      default: null,\n      validator: value => {\n        if (!value) {\n          return true;\n        }\n\n        warn(\n          'Component uses selectedValues to initialize the model, modelValue is not supported by this component',\n          this,\n        );\n\n        return false;\n      },\n    },\n\n    /**\n     * A provided list of selected values(s) for the checkbox group\n     * @model selectedValues\n     */\n    selectedValues: {\n      type: Array,\n      default () {\n        return [];\n      },\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'checkbox-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'checkbox-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'checkbox-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {Array}\n     */\n    'input',\n    /**\n     * Selected values for the checkbox group\n     *\n     * @event input\n     * @type {Array}\n     */\n    'update:selectedValues',\n  ],\n\n  data () {\n    return {\n      internalValue: this.selectedValues,\n    };\n  },\n\n  watch: {\n    selectedValues (newSelectedValues) {\n      this.internalValue = newSelectedValues;\n    },\n\n    /*\n    * watching value to support 2 way binding for slotted checkboxes.\n    * need this to pass value to slotted checkboxes if modified outside\n    * checkbox group.\n    */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.selectedValues = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted checkboxes.\n     * slotted checkbox will change this value and need to emit new value up.\n     */\n    setGroupValue (value, checked) {\n      if (!checked) {\n        this.internalValue = this.internalValue.filter(checkedValue => checkedValue !== value);\n      } else if (!this.internalValue.includes(value)) {\n        this.internalValue.push(value);\n      }\n\n      this.$emit('input', this.internalValue);\n      this.$emit('update:selectedValues', this.internalValue);\n    },\n\n    getMessageKey (type, index) {\n      return `checkbox-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"mappings":";;;AAUA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,SAAS;CAET,OAAO;EAIL,YAAY;GACV,MAAM,EAAE;GACR,SAAS;GACT,YAAW,MACJ,KAIL,EACE,wGAAA,KAAA,EAED,EAEM,MARE;GAUZ;EAMD,gBAAgB;GACd,MAAM;GACN,UAAW;AACT,WAAO,EAAE;;GAEZ;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO,CAOL,SAOA,wBACD;CAED,OAAQ;AACN,SAAO,EACL,eAAe,KAAK,gBACrB;;CAGH,OAAO;EACL,eAAgB,GAAmB;AACjC,QAAK,gBAAgB;;EAQvB,eAAe;GACb,WAAW;GACX,QAAS,GAAkB;AACzB,SAAK,WAAW,iBAAiB;;GAEpC;EACF;CAED,SAAS;EAKP,cAAe,GAAO,GAAS;AAQ7B,GAPK,IAEO,KAAK,cAAc,SAAS,EAAM,IAC5C,KAAK,cAAc,KAAK,EAAM,GAF9B,KAAK,gBAAgB,KAAK,cAAc,QAAO,MAAgB,MAAiB,EAAM,EAKxF,KAAK,MAAM,SAAS,KAAK,cAAc,EACvC,KAAK,MAAM,yBAAyB,KAAK,cAAc;;EAGzD,cAAe,GAAM,GAAO;AAC1B,UAAO,0BAA0B,EAAK,GAAG,EAAM,GAAG,KAAK;;EAE1D;CACF"}

package/dist/lib/checkbox-group/checkboxes-decorator.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../checkbox/checkbox.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`CheckboxesDecorator`,components:{DtCheckbox:t.default},created(){this.options=[{label:`Apple`,value:`apple`},{label:`Banana`,value:`banana`},{label:`Other`,value:`other`}]}};function i(e,t,r,i,a,o){let s=(0,n.resolveComponent)(`dt-checkbox`);return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,null,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.options,e=>((0,n.openBlock)(),(0,n.createBlock)(s,{key:e.value,value:e.value},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.label),1)]),_:2},1032,[`value`]))),128))])}var a=e.t(r,[[`render`,i]]);exports.default=a;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../checkbox/checkbox.cjs`);require(`../checkbox/index.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`CheckboxesDecorator`,components:{DtCheckbox:t.default},created(){this.options=[{label:`Apple`,value:`apple`},{label:`Banana`,value:`banana`},{label:`Other`,value:`other`}]}};function i(e,t,r,i,a,o){let s=(0,n.resolveComponent)(`dt-checkbox`);return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,null,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.options,e=>((0,n.openBlock)(),(0,n.createBlock)(s,{key:e.value,value:e.value},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.label),1)]),_:2},1032,[`value`]))),128))])}var a=e.t(r,[[`render`,i]]);exports.default=a;
 //# sourceMappingURL=checkboxes-decorator.cjs.map

package/dist/lib/checkbox-group/checkboxes-decorator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxes-decorator.cjs","names":[],"sources":["../../../components/checkbox_group/checkboxes_decorator.vue"],"sourcesContent":["<template>\n  <div>\n    <dt-checkbox\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      :value=\"option.value\"\n    >\n      <span>{{ option.label }}</span>\n    </dt-checkbox>\n  </div>\n</template>\n\n<script>\nimport { DtCheckbox } from '../checkbox';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'CheckboxesDecorator',\n  components: { DtCheckbox },\n  created () {\n    this.options = [\n      { label: 'Apple', value: 'apple' },\n      { label: 'Banana', value: 'banana' },\n      { label: 'Other', value: 'other' },\n    ];\n  },\n};\n</script>\n"],"mappings":"8PAeA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,sBACN,WAAY,CAAE,WAAA,EAAA,QAAY,CAC1B,SAAW,CACT,KAAK,QAAU,CACb,CAAE,MAAO,QAAS,MAAO,QAAS,CAClC,CAAE,MAAO,SAAU,MAAO,SAAU,CACpC,CAAE,MAAO,QAAS,MAAO,QAAS,CACnC,EAEJ,sHAjBO,MAAA,KAAA,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBADU,EAAA,SAAA,MAAA,EAAA,EAAA,YALK,EAAA,QAAV,wCAKK,EAAA,CAJX,IAAK,EAAO,MACZ,MAAO,EAAO,kCAEgB,EAAA,EAAA,EAAA,oBAAA,OAAA,MAAA,EAAA,EAAA,iBAAtB,EAAO,MAAK,CAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"checkboxes-decorator.cjs","names":[],"sources":["../../../components/checkbox_group/checkboxes_decorator.vue"],"sourcesContent":["<template>\n  <div>\n    <dt-checkbox\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      :value=\"option.value\"\n    >\n      <span>{{ option.label }}</span>\n    </dt-checkbox>\n  </div>\n</template>\n\n<script>\nimport { DtCheckbox } from '../checkbox';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'CheckboxesDecorator',\n  components: { DtCheckbox },\n  created () {\n    this.options = [\n      { label: 'Apple', value: 'apple' },\n      { label: 'Banana', value: 'banana' },\n      { label: 'Other', value: 'other' },\n    ];\n  },\n};\n</script>\n"],"mappings":"+RAeA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,sBACN,WAAY,CAAE,WAAA,EAAA,QAAY,CAC1B,SAAW,CACT,KAAK,QAAU,CACb,CAAE,MAAO,QAAS,MAAO,QAAS,CAClC,CAAE,MAAO,SAAU,MAAO,SAAU,CACpC,CAAE,MAAO,QAAS,MAAO,QAAS,CACnC,EAEJ,sHAjBO,MAAA,KAAA,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBADU,EAAA,SAAA,MAAA,EAAA,EAAA,YALK,EAAA,QAAV,wCAKK,EAAA,CAJX,IAAK,EAAO,MACZ,MAAO,EAAO,kCAEgB,EAAA,EAAA,EAAA,oBAAA,OAAA,MAAA,EAAA,EAAA,iBAAtB,EAAO,MAAK,CAAA,EAAA,CAAA,CAAA"}

package/dist/lib/checkbox-group/checkboxes-decorator.js

@@ -1,5 +1,6 @@
 import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import t from "../checkbox/checkbox.js";
+import "../checkbox/index.js";
 import { Fragment as n, createBlock as r, createElementBlock as i, createElementVNode as a, openBlock as o, renderList as s, resolveComponent as c, toDisplayString as l, withCtx as u } from "vue";
 //#region components/checkbox_group/checkboxes_decorator.vue
 var d = {

package/dist/lib/checkbox-group/checkboxes-decorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxes-decorator.js","names":[],"sources":["../../../components/checkbox_group/checkboxes_decorator.vue"],"sourcesContent":["<template>\n  <div>\n    <dt-checkbox\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      :value=\"option.value\"\n    >\n      <span>{{ option.label }}</span>\n    </dt-checkbox>\n  </div>\n</template>\n\n<script>\nimport { DtCheckbox } from '../checkbox';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'CheckboxesDecorator',\n  components: { DtCheckbox },\n  created () {\n    this.options = [\n      { label: 'Apple', value: 'apple' },\n      { label: 'Banana', value: 'banana' },\n      { label: 'Other', value: 'other' },\n    ];\n  },\n};\n</script>\n"],"mappings":";;;;AAeA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY,EAAE,YAAA,GAAY;CAC1B,UAAW;AACT,OAAK,UAAU;GACb;IAAE,OAAO;IAAS,OAAO;IAAS;GAClC;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAS,OAAO;IAAS;GACnC;;CAEJ;;;aAzBC,EAQM,OAAA,MAAA,EAAA,EAAA,GAAA,EAPJ,EAMc,GAAA,MAAA,EALK,EAAA,UAAV,YADT,EAMc,GAAA;EAJX,KAAK,EAAO;EACZ,OAAO,EAAO;;mBAEgB,CAA/B,EAA+B,QAAA,MAAA,EAAtB,EAAO,MAAK,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"checkboxes-decorator.js","names":[],"sources":["../../../components/checkbox_group/checkboxes_decorator.vue"],"sourcesContent":["<template>\n  <div>\n    <dt-checkbox\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      :value=\"option.value\"\n    >\n      <span>{{ option.label }}</span>\n    </dt-checkbox>\n  </div>\n</template>\n\n<script>\nimport { DtCheckbox } from '../checkbox';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'CheckboxesDecorator',\n  components: { DtCheckbox },\n  created () {\n    this.options = [\n      { label: 'Apple', value: 'apple' },\n      { label: 'Banana', value: 'banana' },\n      { label: 'Other', value: 'other' },\n    ];\n  },\n};\n</script>\n"],"mappings":";;;;;AAeA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY,EAAE,YAAA,GAAY;CAC1B,UAAW;AACT,OAAK,UAAU;GACb;IAAE,OAAO;IAAS,OAAO;IAAS;GAClC;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAS,OAAO;IAAS;GACnC;;CAEJ;;;aAzBC,EAQM,OAAA,MAAA,EAAA,EAAA,GAAA,EAPJ,EAMc,GAAA,MAAA,EALK,EAAA,UAAV,YADT,EAMc,GAAA;EAJX,KAAK,EAAO;EACZ,OAAO,EAAO;;mBAEgB,CAA/B,EAA+B,QAAA,MAAA,EAAtB,EAAO,MAAK,EAAA,EAAA,CAAA,CAAA"}

package/dist/lib/chip/chip-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={100:`d-chip__label--xs`,200:`d-chip__label--sm`,300:``,xs:`d-chip__label--xs`,sm:`d-chip__label--sm`,md:``},t={100:`d-chip__close--xs`,200:`d-chip__close--sm`,300:``,xs:`d-chip__close--xs`,sm:`d-chip__close--sm`,md:``},n={100:`200`,200:`200`,300:`200`,xs:`200`,sm:`200`,md:`200`},r={CHIP_SIZE_MODIFIERS:e,CHIP_CLOSE_BUTTON_SIZE_MODIFIERS:t,CHIP_ICON_SIZES:n};exports.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS=t,exports.CHIP_ICON_SIZES=n,exports.CHIP_SIZE_MODIFIERS=e,exports.default=r;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={xs:`d-chip__label--xs`,sm:`d-chip__label--sm`,md:``},t={xs:`d-chip__close--xs`,sm:`d-chip__close--sm`,md:``},n={xs:`200`,sm:`200`,md:`200`},r={CHIP_SIZE_MODIFIERS:e,CHIP_CLOSE_BUTTON_SIZE_MODIFIERS:t,CHIP_ICON_SIZES:n};exports.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS=t,exports.CHIP_ICON_SIZES=n,exports.CHIP_SIZE_MODIFIERS=e,exports.default=r;
 //# sourceMappingURL=chip-constants.cjs.map

package/dist/lib/chip/chip-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chip-constants.cjs","names":[],"sources":["../../../components/chip/chip_constants.js"],"sourcesContent":["export const CHIP_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  100: 'd-chip__label--xs',\n  200: 'd-chip__label--sm',\n  300: '',\n  // T-shirt aliases (deprecated)\n  xs: 'd-chip__label--xs',\n  sm: 'd-chip__label--sm',\n  md: '',\n};\n\nexport const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  100: 'd-chip__close--xs',\n  200: 'd-chip__close--sm',\n  300: '',\n  // T-shirt aliases (deprecated)\n  xs: 'd-chip__close--xs',\n  sm: 'd-chip__close--sm',\n  md: '',\n};\n\nexport const CHIP_ICON_SIZES = {\n  // Numeric (preferred)\n  100: '200',\n  200: '200',\n  300: '200',\n  // T-shirt aliases (deprecated)\n  xs: '200',\n  sm: '200',\n  md: '200',\n};\n\nexport default {\n  CHIP_SIZE_MODIFIERS,\n  CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,\n  CHIP_ICON_SIZES,\n};\n"],"mappings":"+FAAA,IAAa,EAAsB,CAEjC,IAAK,oBACL,IAAK,oBACL,IAAK,GAEL,GAAI,oBACJ,GAAI,oBACJ,GAAI,GACL,CAEY,EAAmC,CAE9C,IAAK,oBACL,IAAK,oBACL,IAAK,GAEL,GAAI,oBACJ,GAAI,oBACJ,GAAI,GACL,CAEY,EAAkB,CAE7B,IAAK,MACL,IAAK,MACL,IAAK,MAEL,GAAI,MACJ,GAAI,MACJ,GAAI,MACL,CAED,EAAe,CACb,sBACA,mCACA,kBACD"}
+{"version":3,"file":"chip-constants.cjs","names":[],"sources":["../../../components/chip/chip_constants.js"],"sourcesContent":["export const CHIP_SIZE_MODIFIERS = {\n  xs: 'd-chip__label--xs',\n  sm: 'd-chip__label--sm',\n  md: '',\n};\n\nexport const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {\n  xs: 'd-chip__close--xs',\n  sm: 'd-chip__close--sm',\n  md: '',\n};\n\nexport const CHIP_ICON_SIZES = {\n  xs: '200',\n  sm: '200',\n  md: '200',\n};\n\nexport default {\n  CHIP_SIZE_MODIFIERS,\n  CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,\n  CHIP_ICON_SIZES,\n};\n"],"mappings":"+FAAA,IAAa,EAAsB,CACjC,GAAI,oBACJ,GAAI,oBACJ,GAAI,GACL,CAEY,EAAmC,CAC9C,GAAI,oBACJ,GAAI,oBACJ,GAAI,GACL,CAEY,EAAkB,CAC7B,GAAI,MACJ,GAAI,MACJ,GAAI,MACL,CAED,EAAe,CACb,sBACA,mCACA,kBACD"}

package/dist/lib/chip/chip-constants.js

@@ -1,22 +1,13 @@
 //#region components/chip/chip_constants.js
 var e = {
-	100: "d-chip__label--xs",
-	200: "d-chip__label--sm",
-	300: "",
 	xs: "d-chip__label--xs",
 	sm: "d-chip__label--sm",
 	md: ""
 }, t = {
-	100: "d-chip__close--xs",
-	200: "d-chip__close--sm",
-	300: "",
 	xs: "d-chip__close--xs",
 	sm: "d-chip__close--sm",
 	md: ""
 }, n = {
-	100: "200",
-	200: "200",
-	300: "200",
 	xs: "200",
 	sm: "200",
 	md: "200"