@dialpad/dialtone-icons 4.47.2 → 4.48.1-next.1

package/vue3/dist/components/icons/object.js

@@ -1,6 +1,6 @@
 import { g as d } from "../../utils-BOfnFgIH.js";
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as n, openBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
+import { openBlock as n, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
 import { _ as m } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconObject",
@@ -43,7 +43,7 @@ const c = {
   }
 }, u = ["aria-label", "data-qa", "aria-hidden"], f = ["clip-path"], p = ["id"];
 function h(e, t, r, _, Z, i) {
-  return o(), n("svg", {
+  return n(), o("svg", {
     "aria-label": r.ariaLabel,
     class: s([i.iconSizeClass, "d-icon d-icon--object"]),
     "data-qa": i.dataQA,

package/vue3/dist/components/icons/office-365.js

@@ -1,6 +1,6 @@
 import { g as n } from "../../utils-BOfnFgIH.js";
 import { I as i } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as r, openBlock as d, normalizeClass as p, createElementVNode as t, createStaticVNode as a } from "vue";
+import { openBlock as r, createElementBlock as d, normalizeClass as p, createElementVNode as t, createStaticVNode as a } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const f = {
   name: "DtIconOffice365",
@@ -43,7 +43,7 @@ const f = {
   }
 }, c = ["aria-label", "data-qa", "aria-hidden"], m = ["fill"], _ = ["fill"], h = ["fill"], y = ["fill"], I = ["fill"], g = ["id"], q = ["id"], D = ["id"], S = ["id"], v = ["id"];
 function B(o, s, l, $, U, e) {
-  return d(), r("svg", {
+  return r(), d("svg", {
     "aria-label": l.ariaLabel,
     class: p([e.iconSizeClass, "d-icon d-icon--office-365"]),
     "data-qa": e.dataQA,

package/vue3/dist/components/icons/option.js

@@ -1,5 +1,5 @@
 import { I as i } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as d, openBlock as n, normalizeClass as l, createElementVNode as o } from "vue";
+import { openBlock as d, createElementBlock as n, normalizeClass as l, createElementVNode as o } from "vue";
 import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconOption",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, t, r, p, _, a) {
-  return n(), d("svg", {
+  return d(), n("svg", {
     "aria-label": r.ariaLabel,
     class: l([a.iconSizeClass, "d-icon d-icon--option"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/package.js

@@ -1,5 +1,5 @@
 import { I as r } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as d, openBlock as l, normalizeClass as n, createElementVNode as o } from "vue";
+import { openBlock as d, createElementBlock as l, normalizeClass as n, createElementVNode as o } from "vue";
 import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPackage",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, t, i, _, f, a) {
-  return l(), d("svg", {
+  return d(), l("svg", {
     "aria-label": i.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--package"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/paint-bucket.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("../../constants-CHwVJpfT.cjs"),a=require("vue"),n=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d={name:"DtIconPaintBucket",props:{size:{type:String,default:"500",validator:t=>Object.keys(i.I).includes(t)},ariaLabel:{type:String,default:void 0}},emits:["loaded"],computed:{iconSizeClass(){return i.I[this.size]},ariaHidden(){return this.ariaLabel?"false":"true"},dataQA(){return this.$attrs["data-qa"]??"dt-icon"}},created(){this.$emit("loaded")}},c=["aria-label","data-qa","aria-hidden"];function s(t,r,l,u,_,e){return a.openBlock(),a.createElementBlock("svg",{"aria-label":l.ariaLabel,class:a.normalizeClass([e.iconSizeClass,"d-icon d-icon--paint-bucket"]),"data-qa":e.dataQA,"aria-hidden":e.ariaHidden,role:"img","data-name":"Paint Bucket",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},[...r[0]||(r[0]=[a.createElementVNode("path",{d:"M2.646.646a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 1 1-.708.708l-2.5-2.5a.5.5 0 0 1 0-.708ZM9.496 5.5a.5.5 0 0 1 0 1H1.021a.5.5 0 1 1 0-1h8.475Zm.503 2.25a.5.5 0 0 1 .49.396c.056.257.196.489.4.657l.134.119c.294.287.475.649.477 1.06l-.006.148a1.5 1.5 0 0 1-.427.924 1.503 1.503 0 0 1-2.134 0A1.5 1.5 0 0 1 8.5 9.98c.002-.461.231-.873.611-1.178l.075-.066a1.15 1.15 0 0 0 .325-.59.5.5 0 0 1 .488-.397ZM10 9.33a2.227 2.227 0 0 1-.257.247l-.003.003c-.19.153-.24.298-.24.407v.007a.503.503 0 0 0 .308.467.499.499 0 0 0 .692-.467v-.007c0-.108-.048-.25-.243-.41h-.002A2.168 2.168 0 0 1 10 9.328Z",fill:"currentColor"},null,-1),a.createElementVNode("path",{d:"M9.5 5.25a.103.103 0 0 0-.03-.073L5.822 1.53a.103.103 0 0 0-.146 0L4.604 2.603a.5.5 0 1 1-.707-.707L4.97.823a1.103 1.103 0 0 1 1.56 0l3.647 3.647a1.103 1.103 0 0 1 0 1.56L6.38 9.826a2.309 2.309 0 0 1-3.263 0L1.174 7.88a2.308 2.308 0 0 1 0-3.262L2.48 3.31a.5.5 0 0 1 .708.707L1.88 5.326a1.307 1.307 0 0 0 0 1.848L3.825 9.12a1.308 1.308 0 0 0 1.849 0L9.47 5.323a.106.106 0 0 0 .03-.073Z",fill:"currentColor"},null,-1)])],10,c)}const o=n._(d,[["render",s]]);module.exports=o;
+//# sourceMappingURL=paint-bucket.cjs.map

package/vue3/dist/components/icons/paint-bucket.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"paint-bucket.cjs","sources":["../../../../src/icons/paint-bucket.vue"],"sourcesContent":["<template>\n  <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Paint Bucket\" class=\"d-icon d-icon--paint-bucket\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.646.646a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 1 1-.708.708l-2.5-2.5a.5.5 0 0 1 0-.708ZM9.496 5.5a.5.5 0 0 1 0 1H1.021a.5.5 0 1 1 0-1h8.475Zm.503 2.25a.5.5 0 0 1 .49.396c.056.257.196.489.4.657l.134.119c.294.287.475.649.477 1.06l-.006.148a1.5 1.5 0 0 1-.427.924 1.503 1.503 0 0 1-2.134 0A1.5 1.5 0 0 1 8.5 9.98c.002-.461.231-.873.611-1.178l.075-.066a1.15 1.15 0 0 0 .325-.59.5.5 0 0 1 .488-.397ZM10 9.33a2.227 2.227 0 0 1-.257.247l-.003.003c-.19.153-.24.298-.24.407v.007a.503.503 0 0 0 .308.467.499.499 0 0 0 .692-.467v-.007c0-.108-.048-.25-.243-.41h-.002A2.168 2.168 0 0 1 10 9.328Z\" fill=\"currentColor\"/><path d=\"M9.5 5.25a.103.103 0 0 0-.03-.073L5.822 1.53a.103.103 0 0 0-.146 0L4.604 2.603a.5.5 0 1 1-.707-.707L4.97.823a1.103 1.103 0 0 1 1.56 0l3.647 3.647a1.103 1.103 0 0 1 0 1.56L6.38 9.826a2.309 2.309 0 0 1-3.263 0L1.174 7.88a2.308 2.308 0 0 1 0-3.262L2.48 3.31a.5.5 0 0 1 .708.707L1.88 5.326a1.307 1.307 0 0 0 0 1.848L3.825 9.12a1.308 1.308 0 0 0 1.849 0L9.47 5.323a.106.106 0 0 0 .03-.073Z\" fill=\"currentColor\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n  name: 'DtIconPaintBucket',\n\n  props: {\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n     */\n    ariaLabel: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  /**\n  * @TODO: Remove this emit once the icons migration is complete,\n  * they will no longer need this event.\n  * */\n  emits: ['loaded'],\n\n  computed: {\n    iconSizeClass () {\n      return ICON_SIZE_MODIFIERS[this.size];\n    },\n\n    ariaHidden () {\n      return !this.ariaLabel ? 'true' : 'false';\n    },\n\n    dataQA () {\n      return this.$attrs['data-qa'] ?? 'dt-icon';\n    },\n  },\n\n  created () {\n    this.$emit('loaded');\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS","_createElementBlock","$props","_normalizeClass","$options","_createElementVNode"],"mappings":"wIAOKA,EAAU,CACb,KAAM,oBAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAYC,GAAM,OAAO,KAAKC,GAAmB,EAAE,SAASD,CAAC,GAM/D,UAAW,CACT,KAAM,OACN,QAAS,SAQb,MAAO,CAAC,QAAQ,EAEhB,SAAU,CACR,eAAiB,CACf,OAAOC,EAAAA,EAAoB,KAAK,IAAI,CACtC,EAEA,YAAc,CACZ,OAAQ,KAAK,UAAqB,QAAT,MAC3B,EAEA,QAAU,CACR,OAAO,KAAK,OAAO,SAAS,GAAK,SACnC,GAGF,SAAW,CACT,KAAK,MAAM,QAAQ,CACrB,CACF,wFApDEC,EAAAA,mBAAwuC,MAAA,CAAluC,aAAYC,EAAA,UAAY,MAAKC,EAAAA,eAAA,CAAEC,EAAA,cAAqG,6BAA6B,CAAA,EAAlH,UAASA,EAAA,OAAS,cAAaA,EAAA,WAAY,KAAK,MAAM,YAAU,eAAmD,QAAQ,YAAY,MAAM,+CAA6BC,EAAAA,mBAAmmB,OAAA,CAA7lB,EAAE,skBAAskB,KAAK,yBAAgBA,EAAAA,mBAAga,OAAA,CAA1Z,EAAE,mYAAmY,KAAK"}

package/vue3/dist/components/icons/paint-bucket.js

@@ -0,0 +1,69 @@
+import { I as r } from "../../constants-DeVuDy8J.js";
+import { openBlock as n, createElementBlock as d, normalizeClass as o, createElementVNode as i } from "vue";
+import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const c = {
+  name: "DtIconPaintBucket",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(r).includes(e)
+    },
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    }
+  },
+  /**
+  * @TODO: Remove this emit once the icons migration is complete,
+  * they will no longer need this event.
+  * */
+  emits: ["loaded"],
+  computed: {
+    iconSizeClass() {
+      return r[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    },
+    dataQA() {
+      return this.$attrs["data-qa"] ?? "dt-icon";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, u = ["aria-label", "data-qa", "aria-hidden"];
+function m(e, t, l, _, f, a) {
+  return n(), d("svg", {
+    "aria-label": l.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--paint-bucket"]),
+    "data-qa": a.dataQA,
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Paint Bucket",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [...t[0] || (t[0] = [
+    i("path", {
+      d: "M2.646.646a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 1 1-.708.708l-2.5-2.5a.5.5 0 0 1 0-.708ZM9.496 5.5a.5.5 0 0 1 0 1H1.021a.5.5 0 1 1 0-1h8.475Zm.503 2.25a.5.5 0 0 1 .49.396c.056.257.196.489.4.657l.134.119c.294.287.475.649.477 1.06l-.006.148a1.5 1.5 0 0 1-.427.924 1.503 1.503 0 0 1-2.134 0A1.5 1.5 0 0 1 8.5 9.98c.002-.461.231-.873.611-1.178l.075-.066a1.15 1.15 0 0 0 .325-.59.5.5 0 0 1 .488-.397ZM10 9.33a2.227 2.227 0 0 1-.257.247l-.003.003c-.19.153-.24.298-.24.407v.007a.503.503 0 0 0 .308.467.499.499 0 0 0 .692-.467v-.007c0-.108-.048-.25-.243-.41h-.002A2.168 2.168 0 0 1 10 9.328Z",
+      fill: "currentColor"
+    }, null, -1),
+    i("path", {
+      d: "M9.5 5.25a.103.103 0 0 0-.03-.073L5.822 1.53a.103.103 0 0 0-.146 0L4.604 2.603a.5.5 0 1 1-.707-.707L4.97.823a1.103 1.103 0 0 1 1.56 0l3.647 3.647a1.103 1.103 0 0 1 0 1.56L6.38 9.826a2.309 2.309 0 0 1-3.263 0L1.174 7.88a2.308 2.308 0 0 1 0-3.262L2.48 3.31a.5.5 0 0 1 .708.707L1.88 5.326a1.307 1.307 0 0 0 0 1.848L3.825 9.12a1.308 1.308 0 0 0 1.849 0L9.47 5.323a.106.106 0 0 0 .03-.073Z",
+      fill: "currentColor"
+    }, null, -1)
+  ])], 10, u);
+}
+const b = /* @__PURE__ */ s(c, [["render", m]]);
+export {
+  b as default
+};
+//# sourceMappingURL=paint-bucket.js.map

package/vue3/dist/components/icons/paint-bucket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paint-bucket.js","sources":["../../../../src/icons/paint-bucket.vue"],"sourcesContent":["<template>\n  <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Paint Bucket\" class=\"d-icon d-icon--paint-bucket\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.646.646a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 1 1-.708.708l-2.5-2.5a.5.5 0 0 1 0-.708ZM9.496 5.5a.5.5 0 0 1 0 1H1.021a.5.5 0 1 1 0-1h8.475Zm.503 2.25a.5.5 0 0 1 .49.396c.056.257.196.489.4.657l.134.119c.294.287.475.649.477 1.06l-.006.148a1.5 1.5 0 0 1-.427.924 1.503 1.503 0 0 1-2.134 0A1.5 1.5 0 0 1 8.5 9.98c.002-.461.231-.873.611-1.178l.075-.066a1.15 1.15 0 0 0 .325-.59.5.5 0 0 1 .488-.397ZM10 9.33a2.227 2.227 0 0 1-.257.247l-.003.003c-.19.153-.24.298-.24.407v.007a.503.503 0 0 0 .308.467.499.499 0 0 0 .692-.467v-.007c0-.108-.048-.25-.243-.41h-.002A2.168 2.168 0 0 1 10 9.328Z\" fill=\"currentColor\"/><path d=\"M9.5 5.25a.103.103 0 0 0-.03-.073L5.822 1.53a.103.103 0 0 0-.146 0L4.604 2.603a.5.5 0 1 1-.707-.707L4.97.823a1.103 1.103 0 0 1 1.56 0l3.647 3.647a1.103 1.103 0 0 1 0 1.56L6.38 9.826a2.309 2.309 0 0 1-3.263 0L1.174 7.88a2.308 2.308 0 0 1 0-3.262L2.48 3.31a.5.5 0 0 1 .708.707L1.88 5.326a1.307 1.307 0 0 0 0 1.848L3.825 9.12a1.308 1.308 0 0 0 1.849 0L9.47 5.323a.106.106 0 0 0 .03-.073Z\" fill=\"currentColor\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n  name: 'DtIconPaintBucket',\n\n  props: {\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n     */\n    ariaLabel: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  /**\n  * @TODO: Remove this emit once the icons migration is complete,\n  * they will no longer need this event.\n  * */\n  emits: ['loaded'],\n\n  computed: {\n    iconSizeClass () {\n      return ICON_SIZE_MODIFIERS[this.size];\n    },\n\n    ariaHidden () {\n      return !this.ariaLabel ? 'true' : 'false';\n    },\n\n    dataQA () {\n      return this.$attrs['data-qa'] ?? 'dt-icon';\n    },\n  },\n\n  created () {\n    this.$emit('loaded');\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS","_createElementBlock","$props","_normalizeClass","$options","_createElementVNode"],"mappings":";;;AAOA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAM,OAAO,KAAKC,CAAmB,EAAE,SAASD,CAAC;AAAA;;;;IAM/D,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;EAQb,OAAO,CAAC,QAAQ;AAAA,EAEhB,UAAU;AAAA,IACR,gBAAiB;AACf,aAAOC,EAAoB,KAAK,IAAI;AAAA,IACtC;AAAA,IAEA,aAAc;AACZ,aAAQ,KAAK,YAAqB,UAAT;AAAA,IAC3B;AAAA,IAEA,SAAU;AACR,aAAO,KAAK,OAAO,SAAS,KAAK;AAAA,IACnC;AAAA;EAGF,UAAW;AACT,SAAK,MAAM,QAAQ;AAAA,EACrB;AACF;;cApDEC,EAAwuC,OAAA;AAAA,IAAluC,cAAYC,EAAA;AAAA,IAAY,OAAKC,EAAA,CAAEC,EAAA,eAAqG,6BAA6B,CAAA;AAAA,IAAlH,WAASA,EAAA;AAAA,IAAS,eAAaA,EAAA;AAAA,IAAY,MAAK;AAAA,IAAM,aAAU;AAAA,IAAmD,SAAQ;AAAA,IAAY,OAAM;AAAA;IAA6BC,EAAmmB,QAAA;AAAA,MAA7lB,GAAE;AAAA,MAAskB,MAAK;AAAA;IAAgBA,EAAga,QAAA;AAAA,MAA1Z,GAAE;AAAA,MAAmY,MAAK;AAAA;;;;"}

package/vue3/dist/components/icons/paperclip.js

@@ -1,6 +1,6 @@
 import { g as d } from "../../utils-BOfnFgIH.js";
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as n, openBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
+import { openBlock as n, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
 import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const u = {
   name: "DtIconPaperclip",
@@ -43,7 +43,7 @@ const u = {
   }
 }, c = ["aria-label", "data-qa", "aria-hidden"], f = ["clip-path"], m = ["id"];
 function _(e, i, r, h, g, t) {
-  return o(), n("svg", {
+  return n(), o("svg", {
     "aria-label": r.ariaLabel,
     class: s([t.iconSizeClass, "d-icon d-icon--paperclip"]),
     "data-qa": t.dataQA,

package/vue3/dist/components/icons/park.js

@@ -1,5 +1,5 @@
 import { I as t } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as d, openBlock as n, normalizeClass as o, createElementVNode as l } from "vue";
+import { openBlock as d, createElementBlock as n, normalizeClass as o, createElementVNode as l } from "vue";
 import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPark",
@@ -42,7 +42,7 @@ const c = {
   }
 }, u = ["aria-label", "data-qa", "aria-hidden"];
 function m(e, r, i, f, p, a) {
-  return n(), d("svg", {
+  return d(), n("svg", {
     "aria-label": i.ariaLabel,
     class: o([a.iconSizeClass, "d-icon d-icon--park"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/party-popper.js

@@ -1,6 +1,6 @@
 import { g as d } from "../../utils-BOfnFgIH.js";
 import { I as i } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as n, openBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
+import { openBlock as n, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
 import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const p = {
   name: "DtIconPartyPopper",
@@ -43,7 +43,7 @@ const p = {
   }
 }, u = ["aria-label", "data-qa", "aria-hidden"], m = ["clip-path"], h = ["id"];
 function f(e, t, r, _, g, l) {
-  return o(), n("svg", {
+  return n(), o("svg", {
     "aria-label": r.ariaLabel,
     class: s([l.iconSizeClass, "d-icon d-icon--party-popper"]),
     "data-qa": l.dataQA,

package/vue3/dist/components/icons/past-conversations.js

@@ -1,5 +1,5 @@
 import { I as r } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as s, openBlock as n, normalizeClass as o, createElementVNode as d } from "vue";
+import { openBlock as s, createElementBlock as n, normalizeClass as o, createElementVNode as d } from "vue";
 import { _ as l } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPastConversations",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function _(e, t, i, u, f, a) {
-  return n(), s("svg", {
+  return s(), n("svg", {
     "aria-label": i.ariaLabel,
     class: o([a.iconSizeClass, "d-icon d-icon--past-conversations"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/pause-circle-filled.js

@@ -1,6 +1,6 @@
 import { g as d } from "../../utils-BOfnFgIH.js";
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as n, openBlock as s, normalizeClass as o, createElementVNode as e } from "vue";
+import { openBlock as n, createElementBlock as s, normalizeClass as o, createElementVNode as e } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPauseCircleFilled",
@@ -43,7 +43,7 @@ const c = {
   }
 }, f = ["aria-label", "data-qa", "aria-hidden"], p = ["clip-path"], m = ["id"];
 function _(a, i, r, h, v, t) {
-  return s(), n("svg", {
+  return n(), s("svg", {
     "aria-label": r.ariaLabel,
     class: o([t.iconSizeClass, "d-icon d-icon--pause-circle-filled"]),
     "data-qa": t.dataQA,

package/vue3/dist/components/icons/pause-circle.js

@@ -1,6 +1,6 @@
 import { g as d } from "../../utils-BOfnFgIH.js";
 import { I as r } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as n, openBlock as s, normalizeClass as o, createElementVNode as a } from "vue";
+import { openBlock as n, createElementBlock as s, normalizeClass as o, createElementVNode as a } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPauseCircle",
@@ -43,7 +43,7 @@ const c = {
   }
 }, p = ["aria-label", "data-qa", "aria-hidden"], f = ["clip-path"], m = ["id"];
 function _(e, t, l, h, v, i) {
-  return s(), n("svg", {
+  return n(), s("svg", {
     "aria-label": l.ariaLabel,
     class: o([i.iconSizeClass, "d-icon d-icon--pause-circle"]),
     "data-qa": i.dataQA,

package/vue3/dist/components/icons/pause.js

@@ -1,5 +1,5 @@
 import { I as r } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as d, openBlock as s, normalizeClass as n, createElementVNode as l } from "vue";
+import { openBlock as d, createElementBlock as s, normalizeClass as n, createElementVNode as l } from "vue";
 import { _ as o } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPause",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, t, i, _, f, a) {
-  return s(), d("svg", {
+  return d(), s("svg", {
     "aria-label": i.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--pause"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/phone-call.js

@@ -1,5 +1,5 @@
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as i, openBlock as d, normalizeClass as n, createElementVNode as o } from "vue";
+import { openBlock as i, createElementBlock as d, normalizeClass as n, createElementVNode as o } from "vue";
 import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPhoneCall",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, t, r, _, f, a) {
-  return d(), i("svg", {
+  return i(), d("svg", {
     "aria-label": r.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--phone-call"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/phone-forward.js

@@ -1,5 +1,5 @@
 import { I as t } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as i, openBlock as d, normalizeClass as n, createElementVNode as o } from "vue";
+import { openBlock as i, createElementBlock as d, normalizeClass as n, createElementVNode as o } from "vue";
 import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPhoneForward",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, r, l, _, f, a) {
-  return d(), i("svg", {
+  return i(), d("svg", {
     "aria-label": l.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--phone-forward"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/phone-hang-up.js

@@ -1,6 +1,6 @@
 import { g as r } from "../../utils-BOfnFgIH.js";
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as d, openBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
+import { openBlock as d, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
 import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const u = {
   name: "DtIconPhoneHangUp",
@@ -43,7 +43,7 @@ const u = {
   }
 }, p = ["aria-label", "data-qa", "aria-hidden"], m = ["clip-path"], f = ["id"];
 function h(e, t, n, _, g, i) {
-  return o(), d("svg", {
+  return d(), o("svg", {
     "aria-label": n.ariaLabel,
     class: s([i.iconSizeClass, "d-icon d-icon--phone-hang-up"]),
     "data-qa": i.dataQA,

package/vue3/dist/components/icons/phone-hold.js

@@ -1,5 +1,5 @@
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as i, openBlock as d, normalizeClass as n, createElementVNode as o } from "vue";
+import { openBlock as i, createElementBlock as d, normalizeClass as n, createElementVNode as o } from "vue";
 import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPhoneHold",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, t, r, _, f, a) {
-  return d(), i("svg", {
+  return i(), d("svg", {
     "aria-label": r.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--phone-hold"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/phone-incoming.js

@@ -1,5 +1,5 @@
 import { I as i } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as n, openBlock as l, normalizeClass as d, createElementVNode as o } from "vue";
+import { openBlock as n, createElementBlock as l, normalizeClass as d, createElementVNode as o } from "vue";
 import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPhoneIncoming",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, t, r, _, f, a) {
-  return l(), n("svg", {
+  return n(), l("svg", {
     "aria-label": r.ariaLabel,
     class: d([a.iconSizeClass, "d-icon d-icon--phone-incoming"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/phone-missed.js

@@ -1,5 +1,5 @@
 import { I as i } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as l, openBlock as d, normalizeClass as n, createElementVNode as s } from "vue";
+import { openBlock as l, createElementBlock as d, normalizeClass as n, createElementVNode as s } from "vue";
 import { _ as o } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPhoneMissed",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, t, r, _, f, a) {
-  return d(), l("svg", {
+  return l(), d("svg", {
     "aria-label": r.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--phone-missed"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/phone-off.js

@@ -1,6 +1,6 @@
 import { g as n } from "../../utils-BOfnFgIH.js";
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as d, openBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
+import { openBlock as d, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
 import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const u = {
   name: "DtIconPhoneOff",
@@ -43,7 +43,7 @@ const u = {
   }
 }, f = ["aria-label", "data-qa", "aria-hidden"], p = ["clip-path"], m = ["id"];
 function h(e, t, r, _, g, i) {
-  return o(), d("svg", {
+  return d(), o("svg", {
     "aria-label": r.ariaLabel,
     class: s([i.iconSizeClass, "d-icon d-icon--phone-off"]),
     "data-qa": i.dataQA,

package/vue3/dist/components/icons/phone-outgoing.js

@@ -1,5 +1,5 @@
 import { I as i } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as l, openBlock as n, normalizeClass as d, createElementVNode as o } from "vue";
+import { openBlock as l, createElementBlock as n, normalizeClass as d, createElementVNode as o } from "vue";
 import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPhoneOutgoing",
@@ -42,7 +42,7 @@ const c = {
   }
 }, u = ["aria-label", "data-qa", "aria-hidden"];
 function m(e, t, r, _, f, a) {
-  return n(), l("svg", {
+  return l(), n("svg", {
     "aria-label": r.ariaLabel,
     class: d([a.iconSizeClass, "d-icon d-icon--phone-outgoing"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/phone.js

@@ -1,5 +1,5 @@
 import { I as r } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as l, openBlock as d, normalizeClass as n, createElementVNode as o } from "vue";
+import { openBlock as l, createElementBlock as d, normalizeClass as n, createElementVNode as o } from "vue";
 import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPhone",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, t, i, _, f, a) {
-  return d(), l("svg", {
+  return l(), d("svg", {
     "aria-label": i.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--phone"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/picture-in-picture.js

@@ -1,5 +1,5 @@
 import { I as r } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as d, openBlock as n, normalizeClass as l, createElementVNode as o } from "vue";
+import { openBlock as d, createElementBlock as n, normalizeClass as l, createElementVNode as o } from "vue";
 import { _ as s } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPictureInPicture",
@@ -42,7 +42,7 @@ const c = {
   }
 }, u = ["aria-label", "data-qa", "aria-hidden"];
 function m(e, t, i, _, p, a) {
-  return n(), d("svg", {
+  return d(), n("svg", {
     "aria-label": i.ariaLabel,
     class: l([a.iconSizeClass, "d-icon d-icon--picture-in-picture"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/pie-chart.js

@@ -1,6 +1,6 @@
 import { g as d } from "../../utils-BOfnFgIH.js";
 import { I as r } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as n, openBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
+import { openBlock as n, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPieChart",
@@ -43,7 +43,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"], p = ["clip-path"], f = ["id"];
 function h(e, t, l, _, g, i) {
-  return o(), n("svg", {
+  return n(), o("svg", {
     "aria-label": l.ariaLabel,
     class: s([i.iconSizeClass, "d-icon d-icon--pie-chart"]),
     "data-qa": i.dataQA,

package/vue3/dist/components/icons/pin-filled.js

@@ -1,6 +1,6 @@
 import { g as n } from "../../utils-BOfnFgIH.js";
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as d, openBlock as s, normalizeClass as o, createElementVNode as a } from "vue";
+import { openBlock as d, createElementBlock as s, normalizeClass as o, createElementVNode as a } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPinFilled",
@@ -43,7 +43,7 @@ const c = {
   }
 }, f = ["aria-label", "data-qa", "aria-hidden"], p = ["clip-path"], m = ["id"];
 function h(e, i, r, _, g, t) {
-  return s(), d("svg", {
+  return d(), s("svg", {
     "aria-label": r.ariaLabel,
     class: o([t.iconSizeClass, "d-icon d-icon--pin-filled"]),
     "data-qa": t.dataQA,

package/vue3/dist/components/icons/pin-off.js

@@ -1,6 +1,6 @@
 import { g as n } from "../../utils-BOfnFgIH.js";
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as d, openBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
+import { openBlock as d, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const f = {
   name: "DtIconPinOff",
@@ -43,7 +43,7 @@ const f = {
   }
 }, c = ["aria-label", "data-qa", "aria-hidden"], p = ["clip-path"], m = ["id"];
 function _(e, i, r, h, v, t) {
-  return o(), d("svg", {
+  return d(), o("svg", {
     "aria-label": r.ariaLabel,
     class: s([t.iconSizeClass, "d-icon d-icon--pin-off"]),
     "data-qa": t.dataQA,

package/vue3/dist/components/icons/pin.js

@@ -1,6 +1,6 @@
 import { g as n } from "../../utils-BOfnFgIH.js";
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as d, openBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
+import { openBlock as d, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPin",
@@ -43,7 +43,7 @@ const c = {
   }
 }, p = ["aria-label", "data-qa", "aria-hidden"], f = ["clip-path"], m = ["id"];
 function h(e, i, r, _, v, t) {
-  return o(), d("svg", {
+  return d(), o("svg", {
     "aria-label": r.ariaLabel,
     class: s([t.iconSizeClass, "d-icon d-icon--pin"]),
     "data-qa": t.dataQA,

package/vue3/dist/components/icons/pipedrive.js

@@ -1,5 +1,5 @@
 import { I as t } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as l, openBlock as i, normalizeClass as v, createStaticVNode as d } from "vue";
+import { openBlock as l, createElementBlock as i, normalizeClass as v, createStaticVNode as d } from "vue";
 import { _ as r } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const m = {
   name: "DtIconPipedrive",
@@ -42,7 +42,7 @@ const m = {
   }
 }, s = ["aria-label", "data-qa", "aria-hidden"];
 function n(c, h, e, o, p, a) {
-  return i(), l("svg", {
+  return l(), i("svg", {
     "aria-label": e.ariaLabel,
     class: v([a.iconSizeClass, "d-icon d-icon--pipedrive"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/play-circle-filled.js

@@ -1,6 +1,6 @@
 import { g as d } from "../../utils-BOfnFgIH.js";
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as n, openBlock as o, normalizeClass as s, createElementVNode as e } from "vue";
+import { openBlock as n, createElementBlock as o, normalizeClass as s, createElementVNode as e } from "vue";
 import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const u = {
   name: "DtIconPlayCircleFilled",
@@ -43,7 +43,7 @@ const u = {
   }
 }, f = ["aria-label", "data-qa", "aria-hidden"], m = ["clip-path"], p = ["id"];
 function _(a, i, r, h, g, t) {
-  return o(), n("svg", {
+  return n(), o("svg", {
     "aria-label": r.ariaLabel,
     class: s([t.iconSizeClass, "d-icon d-icon--play-circle-filled"]),
     "data-qa": t.dataQA,

package/vue3/dist/components/icons/play-circle.js

@@ -1,6 +1,6 @@
 import { g as d } from "../../utils-BOfnFgIH.js";
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as n, openBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
+import { openBlock as n, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPlayCircle",
@@ -43,7 +43,7 @@ const c = {
   }
 }, p = ["aria-label", "data-qa", "aria-hidden"], f = ["clip-path"], m = ["id"];
 function _(e, t, r, h, g, i) {
-  return o(), n("svg", {
+  return n(), o("svg", {
     "aria-label": r.ariaLabel,
     class: s([i.iconSizeClass, "d-icon d-icon--play-circle"]),
     "data-qa": i.dataQA,

package/vue3/dist/components/icons/play-filled.js

@@ -1,5 +1,5 @@
 import { I as i } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as l, openBlock as d, normalizeClass as n, createElementVNode as s } from "vue";
+import { openBlock as l, createElementBlock as d, normalizeClass as n, createElementVNode as s } from "vue";
 import { _ as o } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   name: "DtIconPlayFilled",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function _(e, t, r, u, f, a) {
-  return d(), l("svg", {
+  return l(), d("svg", {
     "aria-label": r.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--play-filled"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/play-store-badge.js

@@ -1,6 +1,6 @@
 import { g as r } from "../../utils-BOfnFgIH.js";
 import { I as l } from "../../constants-DeVuDy8J.js";
-import { createElementBlock as n, openBlock as d, normalizeClass as f, createElementVNode as o, createStaticVNode as e } from "vue";
+import { openBlock as n, createElementBlock as d, normalizeClass as f, createElementVNode as o, createStaticVNode as e } from "vue";
 import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const u = {
   name: "DtIconPlayStoreBadge",
@@ -43,7 +43,7 @@ const u = {
   }
 }, h = ["aria-label", "data-qa", "aria-hidden"], m = ["id"], Z = ["id"], v = ["id"], g = ["id"], y = { "data-name": "Layer 2" }, V = ["fill"], c = ["fill"], I = ["fill"], S = ["fill"];
 function q(a, t, i, A, b, s) {
-  return d(), n("svg", {
+  return n(), d("svg", {
     "aria-label": i.ariaLabel,
     class: f([s.iconSizeClass, "d-icon d-icon--play-store-badge"]),
     "data-qa": s.dataQA,