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

package/vue3/dist/components/icons/flag.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 c } from "vue";
+import { openBlock as i, createElementBlock as d, normalizeClass as n, createElementVNode as c } from "vue";
 import { _ as o } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const s = {
   name: "DtIconFlag",
@@ -42,7 +42,7 @@ const s = {
   }
 }, 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--flag"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/flame.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: "DtIconFlame",
@@ -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--flame"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/focus.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: "DtIconFocus",
@@ -42,7 +42,7 @@ const c = {
   }
 }, u = ["aria-label", "data-qa", "aria-hidden"];
 function m(e, t, i, h, _, a) {
-  return l(), d("svg", {
+  return d(), l("svg", {
     "aria-label": i.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--focus"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/folder-tree.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: "DtIconFolderTree",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, r, i, f, H, a) {
-  return n(), d("svg", {
+  return d(), n("svg", {
     "aria-label": i.ariaLabel,
     class: o([a.iconSizeClass, "d-icon d-icon--folder-tree"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/folder.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: "DtIconFolder",
@@ -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--folder"]),
     "data-qa": a.dataQA,

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

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

package/vue3/dist/components/icons/font-size.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("../../constants-CHwVJpfT.cjs"),e=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d={name:"DtIconFontSize",props:{size:{type:String,default:"500",validator:t=>Object.keys(r.I).includes(t)},ariaLabel:{type:String,default:void 0}},emits:["loaded"],computed:{iconSizeClass(){return r.I[this.size]},ariaHidden(){return this.ariaLabel?"false":"true"},dataQA(){return this.$attrs["data-qa"]??"dt-icon"}},created(){this.$emit("loaded")}},l=["aria-label","data-qa","aria-hidden"];function o(t,i,n,u,h,a){return e.openBlock(),e.createElementBlock("svg",{"aria-label":n.ariaLabel,class:e.normalizeClass([a.iconSizeClass,"d-icon d-icon--font-size"]),"data-qa":a.dataQA,"aria-hidden":a.ariaHidden,role:"img","data-name":"Font Size",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},[...i[0]||(i[0]=[e.createElementVNode("path",{d:"M10 6.5h-.5V9a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1V6.5H8a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-1 0Zm-3-3V3H5v6h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H4V3H2v.5a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0Z",fill:"currentColor"},null,-1)])],10,l)}const c=s._(d,[["render",o]]);module.exports=c;
+//# sourceMappingURL=font-size.cjs.map

package/vue3/dist/components/icons/font-size.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-size.cjs","sources":["../../../../src/icons/font-size.vue"],"sourcesContent":["<template>\n  <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Font Size\" class=\"d-icon d-icon--font-size\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 6.5h-.5V9a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1V6.5H8a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-1 0Zm-3-3V3H5v6h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H4V3H2v.5a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0Z\" fill=\"currentColor\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n  name: 'DtIconFontSize',\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,iBAEN,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,mBAAyf,MAAA,CAAnf,aAAYC,EAAA,UAAY,MAAKC,EAAAA,eAAA,CAAEC,EAAA,cAAkG,0BAA0B,CAAA,EAA5G,UAASA,EAAA,OAAS,cAAaA,EAAA,WAAY,KAAK,MAAM,YAAU,YAA6C,QAAQ,YAAY,MAAM,+CAA6BC,EAAAA,mBAA0R,OAAA,CAApR,EAAE,6PAA6P,KAAK"}

package/vue3/dist/components/icons/font-size.js

@@ -0,0 +1,65 @@
+import { I as i } from "../../constants-DeVuDy8J.js";
+import { openBlock as n, createElementBlock as d, normalizeClass as o, createElementVNode as s } from "vue";
+import { _ as l } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const c = {
+  name: "DtIconFontSize",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(i).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 i[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    },
+    dataQA() {
+      return this.$attrs["data-qa"] ?? "dt-icon";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, m = ["aria-label", "data-qa", "aria-hidden"];
+function _(e, t, r, u, f, a) {
+  return n(), d("svg", {
+    "aria-label": r.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--font-size"]),
+    "data-qa": a.dataQA,
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Font Size",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [...t[0] || (t[0] = [
+    s("path", {
+      d: "M10 6.5h-.5V9a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1V6.5H8a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-1 0Zm-3-3V3H5v6h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H4V3H2v.5a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0Z",
+      fill: "currentColor"
+    }, null, -1)
+  ])], 10, m);
+}
+const z = /* @__PURE__ */ l(c, [["render", _]]);
+export {
+  z as default
+};
+//# sourceMappingURL=font-size.js.map

package/vue3/dist/components/icons/font-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-size.js","sources":["../../../../src/icons/font-size.vue"],"sourcesContent":["<template>\n  <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Font Size\" class=\"d-icon d-icon--font-size\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 6.5h-.5V9a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1V6.5H8a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-1 0Zm-3-3V3H5v6h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H4V3H2v.5a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0Z\" fill=\"currentColor\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n  name: 'DtIconFontSize',\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,EAAyf,OAAA;AAAA,IAAnf,cAAYC,EAAA;AAAA,IAAY,OAAKC,EAAA,CAAEC,EAAA,eAAkG,0BAA0B,CAAA;AAAA,IAA5G,WAASA,EAAA;AAAA,IAAS,eAAaA,EAAA;AAAA,IAAY,MAAK;AAAA,IAAM,aAAU;AAAA,IAA6C,SAAQ;AAAA,IAAY,OAAM;AAAA;IAA6BC,EAA0R,QAAA;AAAA,MAApR,GAAE;AAAA,MAA6P,MAAK;AAAA;;;;"}

package/vue3/dist/components/icons/food.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: "DtIconFood",
@@ -43,7 +43,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"], f = ["clip-path"], p = ["id"];
 function h(e, t, r, _, g, i) {
-  return o(), n("svg", {
+  return n(), o("svg", {
     "aria-label": r.ariaLabel,
     class: s([i.iconSizeClass, "d-icon d-icon--food"]),
     "data-qa": i.dataQA,

package/vue3/dist/components/icons/form-input.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: "DtIconFormInput",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(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--form-input"]),
     "data-qa": a.dataQA,

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

@@ -1,5 +1,5 @@
 import { I as t } 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: "DtIconForward",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, r, i, _, f, a) {
-  return l(), d("svg", {
+  return d(), l("svg", {
     "aria-label": i.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--forward"]),
     "data-qa": a.dataQA,

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

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

package/vue3/dist/components/icons/freshsales-crm.js

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

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

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

package/vue3/dist/components/icons/gamepad.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 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 u = {
   name: "DtIconGamepad",
@@ -43,7 +43,7 @@ const u = {
   }
 }, p = ["aria-label", "data-qa", "aria-hidden"], m = ["clip-path"], f = ["id"];
 function h(e, t, d, _, g, i) {
-  return o(), n("svg", {
+  return n(), o("svg", {
     "aria-label": d.ariaLabel,
     class: s([i.iconSizeClass, "d-icon d-icon--gamepad"]),
     "data-qa": i.dataQA,

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

@@ -1,5 +1,5 @@
 import { I as r } 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: "DtIconGauge",
@@ -42,7 +42,7 @@ const c = {
   }
 }, u = ["aria-label", "data-qa", "aria-hidden"];
 function m(a, t, i, f, _, e) {
-  return n(), d("svg", {
+  return d(), n("svg", {
     "aria-label": i.ariaLabel,
     class: o([e.iconSizeClass, "d-icon d-icon--gauge"]),
     "data-qa": e.dataQA,

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

@@ -1,5 +1,5 @@
 import { I as i } 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: "DtIconGifFilled",
@@ -42,7 +42,7 @@ const c = {
   }
 }, f = ["aria-label", "data-qa", "aria-hidden"];
 function m(e, t, r, u, v, a) {
-  return l(), d("svg", {
+  return d(), l("svg", {
     "aria-label": r.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--gif-filled"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/gif-outline.js

@@ -1,5 +1,5 @@
 import { I as i } 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: "DtIconGifOutline",
@@ -42,7 +42,7 @@ const c = {
   }
 }, u = ["aria-label", "data-qa", "aria-hidden"];
 function m(e, t, r, f, v, a) {
-  return l(), d("svg", {
+  return d(), l("svg", {
     "aria-label": r.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--gif-outline"]),
     "data-qa": a.dataQA,

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

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

package/vue3/dist/components/icons/globe-2.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: "DtIconGlobe2",
@@ -43,7 +43,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"], f = ["clip-path"], p = ["id"];
 function h(e, t, r, _, v, i) {
-  return o(), n("svg", {
+  return n(), o("svg", {
     "aria-label": r.ariaLabel,
     class: s([i.iconSizeClass, "d-icon d-icon--globe-2"]),
     "data-qa": i.dataQA,

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

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

package/vue3/dist/components/icons/google-business-messaging.js

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

package/vue3/dist/components/icons/google-calendar.js

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

package/vue3/dist/components/icons/google-docs.js

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

package/vue3/dist/components/icons/google-drive.js

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

package/vue3/dist/components/icons/google-glyph.js

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

package/vue3/dist/components/icons/google-meet.js

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

package/vue3/dist/components/icons/google-sheets.js

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

package/vue3/dist/components/icons/google-slides.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 o, normalizeClass as s, createElementVNode as e } from "vue";
+import { openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as e } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const f = {
   name: "DtIconGoogleSlides",
@@ -43,7 +43,7 @@ const f = {
   }
 }, p = ["aria-label", "data-qa", "aria-hidden"], m = ["fill"], g = ["id"];
 function h(a, l, d, v, A, t) {
-  return o(), r("svg", {
+  return r(), o("svg", {
     "aria-label": d.ariaLabel,
     class: s([t.iconSizeClass, "d-icon d-icon--google-slides"]),
     "data-qa": t.dataQA,

package/vue3/dist/components/icons/graduation.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: "DtIconGraduation",
@@ -42,7 +42,7 @@ const c = {
   }
 }, u = ["aria-label", "data-qa", "aria-hidden"];
 function m(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--graduation"]),
     "data-qa": a.dataQA,

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

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

package/vue3/dist/components/icons/grid.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: "DtIconGrid",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function h(e, t, i, u, v, a) {
-  return l(), d("svg", {
+  return d(), l("svg", {
     "aria-label": i.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--grid"]),
     "data-qa": a.dataQA,

package/vue3/dist/components/icons/grip-horizontal.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: "DtIconGripHorizontal",
@@ -42,7 +42,7 @@ const c = {
   }
 }, m = ["aria-label", "data-qa", "aria-hidden"];
 function u(e, t, i, p, _, a) {
-  return l(), d("svg", {
+  return d(), l("svg", {
     "aria-label": i.ariaLabel,
     class: n([a.iconSizeClass, "d-icon d-icon--grip-horizontal"]),
     "data-qa": a.dataQA,