@dialpad/dialtone-vue 4.5.0 → 4.6.0

package/dist/lib/loader/loader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"loader.cjs","names":[],"sources":["../../../components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon-track']\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n          12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n          23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n          5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n          3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n          7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n          20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n        \"\n      />\n    </svg>\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon']\"\n      data-qa=\"dt-loader-icon\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M0.0180664 12.0005\n          C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n          C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n          C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n          C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n          C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n          C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n          C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n          C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n          C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n          C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n        \"\n      />\n    </svg>\n  </div>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/Icon';\nimport { ordinalSizeValidator } from '@/common/validators';\n\nexport default {\n  name: 'DtLoader',\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: [String, Number],\n      default: 500,\n      validator: ordinalSizeValidator(ICON_SIZE_MODIFIERS),\n    },\n  },\n};\n</script>\n"],"mappings":"+SAwDA,IAAK,EAAU,CACb,KAAM,WAEN,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,GACV,CAMD,KAAM,CACJ,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,IACT,UAAW,EAAA,qBAAqB,EAAA,oBAAoB,CACrD,CACF,CACF,2FA9BO,MAAA,CA/CJ,MAAM,WACL,aAAY,EAAA,WAAS,UACtB,UAAQ,0DAoBF,MAAA,CAjBH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAA,gBAA6B,EAAA,OAAI,uBAAA,CAAA,CACvC,QAAQ,YACR,KAAK,eACL,MAAM,6BACN,cAAY,kDAYV,OAAA,CATA,EAAE;;;;;;;;UAQD,CAAA,KAAA,GAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBA0BC,MAAA,CAtBH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAA,gBAA6B,EAAA,OAAI,iBAAA,CAAA,CACvC,UAAQ,iBACR,QAAQ,YACR,KAAK,eACL,MAAM,6BACN,cAAY,kDAgBV,OAAA,CAbA,EAAE;;;;;;;;;;;;UAYD,CAAA,KAAA,GAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"loader.cjs","names":[],"sources":["../../../components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-loader', loaderKindClass]\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <template v-if=\"isSpinner\">\n      <svg\n        :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon-track']\"\n        data-qa=\"dt-loader-icon-track\"\n        viewBox=\"0 0 24 24\"\n        fill=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden=\"true\"\n      >\n        <path\n          d=\"\n            M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n            12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n            23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n            5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n            3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n            7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n            20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n          \"\n        />\n      </svg>\n      <svg\n        :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon']\"\n        data-qa=\"dt-loader-icon\"\n        viewBox=\"0 0 24 24\"\n        fill=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden=\"true\"\n      >\n        <path\n          d=\"\n            M0.0180664 12.0005\n            C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n            C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n            C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n            C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n            C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n            C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n            C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n            C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n            C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n            C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n          \"\n        />\n      </svg>\n    </template>\n    <svg\n      v-else\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon']\"\n      data-qa=\"dt-loader-icon\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <!--\n        Rest positions and radii in the 24-unit viewBox. They must stay in sync\n        with the keyframes in loader.less, which include a 5% outward spread and\n        a 0.9655 scale on top of the Figma spec.\n      -->\n      <circle\n        class=\"d-loader__dot d-loader__dot--1\"\n        data-qa=\"dt-loader-dot\"\n        cx=\"14.843\"\n        cy=\"9.471\"\n        r=\"2.410\"\n      />\n      <circle\n        class=\"d-loader__dot d-loader__dot--2\"\n        data-qa=\"dt-loader-dot\"\n        cx=\"9.156\"\n        cy=\"15.199\"\n        r=\"2.410\"\n      />\n      <circle\n        class=\"d-loader__dot d-loader__dot--3\"\n        data-qa=\"dt-loader-dot\"\n        cx=\"15.469\"\n        cy=\"15.743\"\n        r=\"3.647\"\n      />\n      <circle\n        class=\"d-loader__dot d-loader__dot--4\"\n        data-qa=\"dt-loader-dot\"\n        cx=\"8.539\"\n        cy=\"8.915\"\n        r=\"3.647\"\n      />\n    </svg>\n  </div>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/Icon';\nimport { ordinalSizeValidator } from '@/common/validators';\nimport { LOADER_KIND_MODIFIERS } from './LoaderConstants';\n\nexport default {\n  name: 'DtLoader',\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The visual style of the loader: the four-dot loader, or the circular spinner.\n     * @values dots, spinner\n     */\n    kind: {\n      type: String,\n      default: 'dots',\n      validator: (kind) => Object.keys(LOADER_KIND_MODIFIERS).includes(kind),\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: [String, Number],\n      default: 500,\n      validator: ordinalSizeValidator(ICON_SIZE_MODIFIERS),\n    },\n  },\n\n  computed: {\n    isSpinner () {\n      return this.kind === 'spinner';\n    },\n\n    loaderKindClass () {\n      return this.isSpinner ? LOADER_KIND_MODIFIERS.spinner : LOADER_KIND_MODIFIERS.dots;\n    },\n  },\n};\n</script>\n"],"mappings":"mVAsGA,IAAK,EAAU,CACb,KAAM,WAEN,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,GACV,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,OACT,UAAY,GAAS,OAAO,KAAK,EAAA,sBAAsB,CAAC,SAAS,EAAK,CACvE,CAMD,KAAM,CACJ,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,IACT,UAAW,EAAA,qBAAqB,EAAA,oBAAoB,CACrD,CACF,CAED,SAAU,CACR,WAAa,CACX,OAAO,KAAK,OAAS,WAGvB,iBAAmB,CACjB,OAAO,KAAK,UAAY,EAAA,sBAAsB,QAAU,EAAA,sBAAsB,MAEjF,CACF,2FAnDO,MAAA,CA5FH,OAAA,EAAA,EAAA,gBAAK,CAAA,WAAe,EAAA,gBAAe,CAAA,CACnC,aAAY,EAAA,WAAS,UACtB,UAAQ,cAEQ,EAAA,YAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBA6CL,EAAA,SAAA,CAAA,IAAA,EAAA,CAAA,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAzBH,MAAA,CAlBH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAA,gBAA6B,EAAA,OAAI,uBAAA,CAAA,CACvC,UAAQ,uBACR,QAAQ,YACR,KAAK,eACL,MAAM,6BACN,cAAY,kDAYV,OAAA,CATA,EAAE;;;;;;;;YAQD,CAAA,KAAA,GAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBA0BC,MAAA,CAtBH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAA,gBAA6B,EAAA,OAAI,iBAAA,CAAA,CACvC,UAAQ,iBACR,QAAQ,YACR,KAAK,eACL,MAAM,6BACN,cAAY,kDAgBV,OAAA,CAbA,EAAE;;;;;;;;;;;;YAYD,CAAA,KAAA,GAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA,GAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBA6CD,MAAA,OAvCH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAA,gBAA6B,EAAA,OAAI,iBAAA,CAAA,CACvC,UAAQ,iBACR,QAAQ,YACR,MAAM,6BACN,cAAY,kDAaV,SAAA,CALA,MAAM,iCACN,UAAQ,gBACR,GAAG,SACH,GAAG,QACH,EAAE,2CAQF,SAAA,CALA,MAAM,iCACN,UAAQ,gBACR,GAAG,QACH,GAAG,SACH,EAAE,2CAQF,SAAA,CALA,MAAM,iCACN,UAAQ,gBACR,GAAG,SACH,GAAG,SACH,EAAE,2CAQF,SAAA,CALA,MAAM,iCACN,UAAQ,gBACR,GAAG,QACH,GAAG,QACH,EAAE"}

package/dist/lib/loader/loader.js

@@ -1,39 +1,54 @@
 import { ordinalSizeValidator as e } from "../../common/validators/index.js";
 import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { ICON_SIZE_MODIFIERS as n } from "../icon/icon-constants.js";
-import { createElementBlock as r, createElementVNode as i, normalizeClass as a, openBlock as o } from "vue";
+import { LOADER_KIND_MODIFIERS as r } from "./loader-constants.js";
+import { Fragment as i, createElementBlock as a, createElementVNode as o, normalizeClass as s, openBlock as c } from "vue";
 //#region components/Loader/Loader.vue
-var s = {
+var l = {
 	name: "DtLoader",
 	props: {
 		ariaLabel: {
 			type: String,
 			default: ""
 		},
+		kind: {
+			type: String,
+			default: "dots",
+			validator: (e) => Object.keys(r).includes(e)
+		},
 		size: {
 			type: [String, Number],
 			default: 500,
 			validator: e(n)
 		}
+	},
+	computed: {
+		isSpinner() {
+			return this.kind === "spinner";
+		},
+		loaderKindClass() {
+			return this.isSpinner ? r.spinner : r.dots;
+		}
 	}
-}, c = ["aria-label"];
-function l(e, t, n, s, l, u) {
-	return o(), r("div", {
-		class: "d-loader",
+}, u = ["aria-label"];
+function d(e, t, n, r, l, d) {
+	return c(), a("div", {
+		class: s(["d-loader", d.loaderKindClass]),
 		"aria-label": n.ariaLabel || "loading",
 		"data-qa": "dt-loader"
-	}, [(o(), r("svg", {
-		class: a([
+	}, [d.isSpinner ? (c(), a(i, { key: 0 }, [(c(), a("svg", {
+		class: s([
 			"d-icon",
 			`d-icon--size-${n.size}`,
 			"d-loader__icon-track"
 		]),
+		"data-qa": "dt-loader-icon-track",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		xmlns: "http://www.w3.org/2000/svg",
 		"aria-hidden": "true"
-	}, [...t[0] || (t[0] = [i("path", { d: "\n          M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n          12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n          23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n          5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n          3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n          7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n          20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n        " }, null, -1)])], 2)), (o(), r("svg", {
-		class: a([
+	}, [...t[0] || (t[0] = [o("path", { d: "\n            M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n            12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n            23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n            5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n            3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n            7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n            20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n          " }, null, -1)])], 2)), (c(), a("svg", {
+		class: s([
 			"d-icon",
 			`d-icon--size-${n.size}`,
 			"d-loader__icon"
@@ -43,10 +58,50 @@ function l(e, t, n, s, l, u) {
 		fill: "currentColor",
 		xmlns: "http://www.w3.org/2000/svg",
 		"aria-hidden": "true"
-	}, [...t[1] || (t[1] = [i("path", { d: "\n          M0.0180664 12.0005\n          C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n          C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n          C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n          C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n          C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n          C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n          C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n          C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n          C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n          C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n        " }, null, -1)])], 2))], 8, c);
+	}, [...t[1] || (t[1] = [o("path", { d: "\n            M0.0180664 12.0005\n            C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n            C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n            C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n            C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n            C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n            C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n            C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n            C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n            C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n            C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n          " }, null, -1)])], 2))], 64)) : (c(), a("svg", {
+		key: 1,
+		class: s([
+			"d-icon",
+			`d-icon--size-${n.size}`,
+			"d-loader__icon"
+		]),
+		"data-qa": "dt-loader-icon",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true"
+	}, [...t[2] || (t[2] = [
+		o("circle", {
+			class: "d-loader__dot d-loader__dot--1",
+			"data-qa": "dt-loader-dot",
+			cx: "14.843",
+			cy: "9.471",
+			r: "2.410"
+		}, null, -1),
+		o("circle", {
+			class: "d-loader__dot d-loader__dot--2",
+			"data-qa": "dt-loader-dot",
+			cx: "9.156",
+			cy: "15.199",
+			r: "2.410"
+		}, null, -1),
+		o("circle", {
+			class: "d-loader__dot d-loader__dot--3",
+			"data-qa": "dt-loader-dot",
+			cx: "15.469",
+			cy: "15.743",
+			r: "3.647"
+		}, null, -1),
+		o("circle", {
+			class: "d-loader__dot d-loader__dot--4",
+			"data-qa": "dt-loader-dot",
+			cx: "8.539",
+			cy: "8.915",
+			r: "3.647"
+		}, null, -1)
+	])], 2))], 10, u);
 }
-var u = /* @__PURE__ */ t(s, [["render", l]]);
+var f = /* @__PURE__ */ t(l, [["render", d]]);
 //#endregion
-export { u as default };
+export { f as default };
 
 //# sourceMappingURL=loader.js.map

package/dist/lib/loader/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","names":[],"sources":["../../../components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon-track']\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n          12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n          23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n          5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n          3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n          7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n          20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n        \"\n      />\n    </svg>\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon']\"\n      data-qa=\"dt-loader-icon\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M0.0180664 12.0005\n          C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n          C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n          C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n          C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n          C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n          C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n          C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n          C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n          C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n          C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n        \"\n      />\n    </svg>\n  </div>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/Icon';\nimport { ordinalSizeValidator } from '@/common/validators';\n\nexport default {\n  name: 'DtLoader',\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: [String, Number],\n      default: 500,\n      validator: ordinalSizeValidator(ICON_SIZE_MODIFIERS),\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AAwDA,IAAK,IAAU;CACb,MAAM;CAEN,OAAO;EAKL,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,MAAM;GACJ,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACT,WAAW,EAAqB,EAAoB;GACrD;EACF;CACF;;aA9EC,EAgDM,OAAA;EA/CJ,OAAM;EACL,cAAY,EAAA,aAAS;EACtB,WAAQ;WAER,EAkBM,OAAA;EAjBH,OAAK,EAAA;GAAA;GAAA,gBAA6B,EAAA;GAAI;GAAA,CAAA;EACvC,SAAQ;EACR,MAAK;EACL,OAAM;EACN,eAAY;yBAEZ,EAUE,QAAA,EATA,GAAE,8eAQD,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,IAAA,GAAA,EAGL,EAuBM,OAAA;EAtBH,OAAK,EAAA;GAAA;GAAA,gBAA6B,EAAA;GAAI;GAAA,CAAA;EACvC,WAAQ;EACR,SAAQ;EACR,MAAK;EACL,OAAM;EACN,eAAY;yBAEZ,EAcE,QAAA,EAbA,GAAE,+oBAYD,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,GAAA,EAAA"}
+{"version":3,"file":"loader.js","names":[],"sources":["../../../components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['d-loader', loaderKindClass]\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <template v-if=\"isSpinner\">\n      <svg\n        :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon-track']\"\n        data-qa=\"dt-loader-icon-track\"\n        viewBox=\"0 0 24 24\"\n        fill=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden=\"true\"\n      >\n        <path\n          d=\"\n            M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n            12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n            23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n            5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n            3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n            7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n            20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n          \"\n        />\n      </svg>\n      <svg\n        :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon']\"\n        data-qa=\"dt-loader-icon\"\n        viewBox=\"0 0 24 24\"\n        fill=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden=\"true\"\n      >\n        <path\n          d=\"\n            M0.0180664 12.0005\n            C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n            C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n            C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n            C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n            C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n            C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n            C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n            C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n            C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n            C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n          \"\n        />\n      </svg>\n    </template>\n    <svg\n      v-else\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon']\"\n      data-qa=\"dt-loader-icon\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <!--\n        Rest positions and radii in the 24-unit viewBox. They must stay in sync\n        with the keyframes in loader.less, which include a 5% outward spread and\n        a 0.9655 scale on top of the Figma spec.\n      -->\n      <circle\n        class=\"d-loader__dot d-loader__dot--1\"\n        data-qa=\"dt-loader-dot\"\n        cx=\"14.843\"\n        cy=\"9.471\"\n        r=\"2.410\"\n      />\n      <circle\n        class=\"d-loader__dot d-loader__dot--2\"\n        data-qa=\"dt-loader-dot\"\n        cx=\"9.156\"\n        cy=\"15.199\"\n        r=\"2.410\"\n      />\n      <circle\n        class=\"d-loader__dot d-loader__dot--3\"\n        data-qa=\"dt-loader-dot\"\n        cx=\"15.469\"\n        cy=\"15.743\"\n        r=\"3.647\"\n      />\n      <circle\n        class=\"d-loader__dot d-loader__dot--4\"\n        data-qa=\"dt-loader-dot\"\n        cx=\"8.539\"\n        cy=\"8.915\"\n        r=\"3.647\"\n      />\n    </svg>\n  </div>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/Icon';\nimport { ordinalSizeValidator } from '@/common/validators';\nimport { LOADER_KIND_MODIFIERS } from './LoaderConstants';\n\nexport default {\n  name: 'DtLoader',\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The visual style of the loader: the four-dot loader, or the circular spinner.\n     * @values dots, spinner\n     */\n    kind: {\n      type: String,\n      default: 'dots',\n      validator: (kind) => Object.keys(LOADER_KIND_MODIFIERS).includes(kind),\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: [String, Number],\n      default: 500,\n      validator: ordinalSizeValidator(ICON_SIZE_MODIFIERS),\n    },\n  },\n\n  computed: {\n    isSpinner () {\n      return this.kind === 'spinner';\n    },\n\n    loaderKindClass () {\n      return this.isSpinner ? LOADER_KIND_MODIFIERS.spinner : LOADER_KIND_MODIFIERS.dots;\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;AAsGA,IAAK,IAAU;CACb,MAAM;CAEN,OAAO;EAKL,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,MAAS,OAAO,KAAK,EAAsB,CAAC,SAAS,EAAK;GACvE;EAMD,MAAM;GACJ,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACT,WAAW,EAAqB,EAAoB;GACrD;EACF;CAED,UAAU;EACR,YAAa;AACX,UAAO,KAAK,SAAS;;EAGvB,kBAAmB;AACjB,UAAO,KAAK,YAAY,EAAsB,UAAU,EAAsB;;EAEjF;CACF;;aAhJC,EA6FM,OAAA;EA5FH,OAAK,EAAA,CAAA,YAAe,EAAA,gBAAe,CAAA;EACnC,cAAY,EAAA,aAAS;EACtB,WAAQ;KAEQ,EAAA,aAAA,GAAA,EAAhB,EA6CW,GAAA,EAAA,KAAA,GAAA,EAAA,EAAA,GAAA,EA5CT,EAmBM,OAAA;EAlBH,OAAK,EAAA;GAAA;GAAA,gBAA6B,EAAA;GAAI;GAAA,CAAA;EACvC,WAAQ;EACR,SAAQ;EACR,MAAK;EACL,OAAM;EACN,eAAY;yBAEZ,EAUE,QAAA,EATA,GAAE,8fAQD,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,IAAA,GAAA,EAGL,EAuBM,OAAA;EAtBH,OAAK,EAAA;GAAA;GAAA,gBAA6B,EAAA;GAAI;GAAA,CAAA;EACvC,WAAQ;EACR,SAAQ;EACR,MAAK;EACL,OAAM;EACN,eAAY;yBAEZ,EAcE,QAAA,EAbA,GAAE,uqBAYD,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,GAAA,KAAA,GAAA,EAIP,EAyCM,OAAA;;EAvCH,OAAK,EAAA;GAAA;GAAA,gBAA6B,EAAA;GAAI;GAAA,CAAA;EACvC,WAAQ;EACR,SAAQ;EACR,OAAM;EACN,eAAY;;EAOZ,EAME,UAAA;GALA,OAAM;GACN,WAAQ;GACR,IAAG;GACH,IAAG;GACH,GAAE;;EAEJ,EAME,UAAA;GALA,OAAM;GACN,WAAQ;GACR,IAAG;GACH,IAAG;GACH,GAAE;;EAEJ,EAME,UAAA;GALA,OAAM;GACN,WAAQ;GACR,IAAG;GACH,IAAG;GACH,GAAE;;EAEJ,EAME,UAAA;GALA,OAAM;GACN,WAAQ;GACR,IAAG;GACH,IAAG;GACH,GAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
@@ -47,7 +47,7 @@
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
     "@dialpad/dialtone-emojis": "1.3.1",
-    "@dialpad/dialtone-icons": "5.4.0"
+    "@dialpad/dialtone-icons": "5.5.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "10.3.0",
@@ -61,12 +61,12 @@
     "react": "19.2.4",
     "storybook": "10.3.0",
     "vue": "^3.3.4",
-    "@dialpad/dialtone-css": "9.2.0",
+    "@dialpad/dialtone-css": "9.3.0",
     "@dialpad/generator-dialtone": "0.1.0"
   },
   "peerDependencies": {
     "vue": ">=3.2",
-    "@dialpad/dialtone-css": "^9.2.0"
+    "@dialpad/dialtone-css": "^9.3.0"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"