@kong/icons 1.52.0 → 1.53.0

package/dist/kong-icons.es1022.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, computed as d, createBlock as h, openBlock as l, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1622.js";
-const N = ["aria-hidden"], u = '<path d="M3 19C2.71667 19 2.47917 18.9042 2.2875 18.7125C2.09583 18.5208 2 18.2833 2 18C2 17.7167 2.09583 17.4792 2.2875 17.2875C2.47917 17.0958 2.71667 17 3 17H8V12C8 11.7167 8.09583 11.4792 8.2875 11.2875C8.47917 11.0958 8.71667 11 9 11H14V6C14 5.71667 14.0958 5.47917 14.2875 5.2875C14.4792 5.09583 14.7167 5 15 5H21C21.2833 5 21.5208 5.09583 21.7125 5.2875C21.9042 5.47917 22 5.71667 22 6C22 6.28333 21.9042 6.52083 21.7125 6.7125C21.5208 6.90417 21.2833 7 21 7H16V12C16 12.2833 15.9042 12.5208 15.7125 12.7125C15.5208 12.9042 15.2833 13 15 13H10V18C10 18.2833 9.90417 18.5208 9.7125 18.7125C9.52083 18.9042 9.28333 19 9 19H3Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
-  __name: "TieredIcon",
+import { defineComponent as S, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as b, normalizeStyle as y, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1628.js";
+const N = ["aria-hidden"], u = '<path d="M21 7.99995C21.5333 7.99995 22 8.19995 22.4 8.59995C22.8 8.99995 23 9.46662 23 9.99995V11.9999C23 12.1166 22.9875 12.2416 22.9625 12.3749C22.9375 12.5083 22.9 12.6333 22.85 12.7499L19.85 19.7999C19.7 20.1333 19.45 20.4166 19.1 20.65C18.75 20.8833 18.3833 21 18 21H10C9.45 21 8.97917 20.8041 8.5875 20.4125C8.19583 20.0208 8 19.55 8 19V8.82495C8 8.55828 8.05417 8.30412 8.1625 8.06245C8.27083 7.82078 8.41667 7.60828 8.6 7.42495L14.025 2.02495C14.275 1.79162 14.5708 1.64995 14.9125 1.59995C15.2542 1.54995 15.5833 1.60828 15.9 1.77495C16.2167 1.94162 16.4458 2.17495 16.5875 2.47495C16.7292 2.77495 16.7583 3.08328 16.675 3.39995L15.55 7.99995H21ZM4 21C3.45 21 2.97917 20.8041 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V9.99995C2 9.44995 2.19583 8.97912 2.5875 8.58745C2.97917 8.19578 3.45 7.99995 4 7.99995C4.55 7.99995 5.02083 8.19578 5.4125 8.58745C5.80417 8.97912 6 9.44995 6 9.99995V19C6 19.55 5.80417 20.0208 5.4125 20.4125C5.02083 20.8041 4.55 21 4 21Z" fill="currentColor"/>', B = /* @__PURE__ */ S({
+  __name: "ThumbUpFillIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -61,7 +61,7 @@ const N = ["aria-hidden"], u = '<path d="M3 19C2.71667 19 2.47917 18.9042 2.2875
     }
   },
   setup(i) {
-    const e = i, r = d(() => {
+    const e = i, r = l(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -70,7 +70,7 @@ const N = ["aria-hidden"], u = '<path d="M3 19C2.71667 19 2.47917 18.9042 2.2875
           return `${t}px`;
       }
       return c;
-    }), g = d(() => ({
+    }), p = l(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,10 +79,10 @@ const N = ["aria-hidden"], u = '<path d="M3 19C2.71667 19 2.47917 18.9042 2.2875
       lineHeight: "0",
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, C = Math.random().toString(36).substring(2, 12);
+    })), g = (n) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${C}-${o}`;
+        const a = `${v}-${o}`;
         return t[o] = a, `id="${a}"`;
       }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
     }, f = {
@@ -91,25 +91,25 @@ const N = ["aria-hidden"], u = '<path d="M3 19C2.71667 19 2.47917 18.9042 2.2875
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (l(), h(y(i.as), {
+    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), C = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (n, t) => (d(), h(b(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon tiered-icon",
-      "data-testid": "kui-icon-wrapper-tiered-icon",
-      style: b(g.value),
+      class: "kui-icon thumb-up-fill-icon",
+      "data-testid": "kui-icon-wrapper-thumb-up-fill-icon",
+      style: y(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: x(() => [
-        (l(), z("svg", {
+        (d(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-tiered-icon",
+          "data-testid": "kui-icon-svg-thumb-up-fill-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: C
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +117,5 @@ const N = ["aria-hidden"], u = '<path d="M3 19C2.71667 19 2.47917 18.9042 2.2875
   }
 });
 export {
-  q as default
+  B as default
 };

package/dist/kong-icons.es1024.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, computed as l, createBlock as h, openBlock as d, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1622.js";
-const N = ["aria-hidden"], u = '<path d="M7.04834 18C5.38167 18 3.96501 17.4167 2.79834 16.25C1.63167 15.0833 1.04834 13.6667 1.04834 12C1.04834 10.3333 1.63167 8.91667 2.79834 7.75C3.96501 6.58333 5.38167 6 7.04834 6H17.0483C18.715 6 20.1317 6.58333 21.2983 7.75C22.465 8.91667 23.0483 10.3333 23.0483 12C23.0483 13.6667 22.465 15.0833 21.2983 16.25C20.1317 17.4167 18.715 18 17.0483 18H7.04834ZM7.04834 16H17.0483C18.1483 16 19.09 15.6083 19.8733 14.825C20.6567 14.0417 21.0483 13.1 21.0483 12C21.0483 10.9 20.6567 9.95833 19.8733 9.175C19.09 8.39167 18.1483 8 17.0483 8H7.04834C5.94834 8 5.00667 8.39167 4.22334 9.175C3.44001 9.95833 3.04834 10.9 3.04834 12C3.04834 13.1 3.44001 14.0417 4.22334 14.825C5.00667 15.6083 5.94834 16 7.04834 16ZM17.0483 15C17.8817 15 18.59 14.7083 19.1733 14.125C19.7567 13.5417 20.0483 12.8333 20.0483 12C20.0483 11.1667 19.7567 10.4583 19.1733 9.875C18.59 9.29167 17.8817 9 17.0483 9C16.215 9 15.5067 9.29167 14.9233 9.875C14.34 10.4583 14.0483 11.1667 14.0483 12C14.0483 12.8333 14.34 13.5417 14.9233 14.125C15.5067 14.7083 16.215 15 17.0483 15Z" fill="currentColor"/>', H = /* @__PURE__ */ S({
-  __name: "ToggleOnIcon",
+import { defineComponent as h, computed as d, openBlock as l, createBlock as C, resolveDynamicComponent as b, normalizeStyle as y, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1628.js";
+const N = ["aria-hidden"], u = '<path d="M21 7.99998C21.5333 7.99998 22 8.19998 22.4 8.59998C22.8 8.99998 23 9.46664 23 9.99998V12C23 12.1166 22.9833 12.2416 22.95 12.375C22.9167 12.5083 22.8833 12.6333 22.85 12.75L19.85 19.8C19.7 20.1333 19.45 20.4166 19.1 20.65C18.75 20.8833 18.3833 21 18 21H7V7.99998L13 2.04998C13.25 1.79998 13.5458 1.65414 13.8875 1.61248C14.2292 1.57081 14.5583 1.63331 14.875 1.79998C15.1917 1.96664 15.425 2.19998 15.575 2.49998C15.725 2.79998 15.7583 3.10831 15.675 3.42498L14.55 7.99998H21ZM9 8.84998V19H18L21 12V9.99998H12L13.35 4.49998L9 8.84998ZM4 21C3.45 21 2.97917 20.8041 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V9.99998C2 9.44998 2.19583 8.97914 2.5875 8.58748C2.97917 8.19581 3.45 7.99998 4 7.99998H7V9.99998H4V19H7V21H4Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+  __name: "ThumbUpIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -37,8 +37,8 @@ const N = ["aria-hidden"], u = '<path d="M7.04834 18C5.38167 18 3.96501 17.4167
         if (typeof i == "number" && i > 0)
           return !0;
         if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), n = Number(e);
-          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+          const e = String(i).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -61,28 +61,28 @@ const N = ["aria-hidden"], u = '<path d="M7.04834 18C5.38167 18 3.96501 17.4167
     }
   },
   setup(i) {
-    const e = i, n = l(() => {
+    const e = i, r = d(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
+        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
       return c;
-    }), g = l(() => ({
+    }), p = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: n.value,
+      height: r.value,
       lineHeight: "0",
-      width: n.value,
+      width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (r) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
+    })), g = (n) => {
+      const t = {}, S = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (s, o) => {
+        const a = `${S}-${o}`;
         return t[o] = a, `id="${a}"`;
       }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
     }, f = {
@@ -91,25 +91,25 @@ const N = ["aria-hidden"], u = '<path d="M7.04834 18C5.38167 18 3.96501 17.4167
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, C = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (r, t) => (d(), h(y(i.as), {
+    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (n, t) => (l(), C(b(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon toggle-on-icon",
-      "data-testid": "kui-icon-wrapper-toggle-on-icon",
-      style: b(g.value),
+      class: "kui-icon thumb-up-icon",
+      "data-testid": "kui-icon-wrapper-thumb-up-icon",
+      style: y(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: x(() => [
-        (d(), z("svg", {
+        (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-toggle-on-icon",
+          "data-testid": "kui-icon-svg-thumb-up-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
+          innerHTML: v
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +117,5 @@ const N = ["aria-hidden"], u = '<path d="M7.04834 18C5.38167 18 3.96501 17.4167
   }
 });
 export {
-  H as default
+  q as default
 };

package/dist/kong-icons.es1026.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, computed as d, createBlock as h, openBlock as l, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1622.js";
-const N = ["aria-hidden"], u = '<path d="M7 14V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22C5.71667 22 5.47917 21.9042 5.2875 21.7125C5.09583 21.5208 5 21.2833 5 21V3C5 2.71667 5.09583 2.47917 5.2875 2.2875C5.47917 2.09583 5.71667 2 6 2C6.28333 2 6.52083 2.09583 6.7125 2.2875C6.90417 2.47917 7 2.71667 7 3V4H19.525C19.875 4 20.15 4.14583 20.35 4.4375C20.55 4.72917 20.5833 5.04167 20.45 5.375L19 9L20.45 12.625C20.5833 12.9583 20.55 13.2708 20.35 13.5625C20.15 13.8542 19.875 14 19.525 14H7ZM13.9125 10.4125C14.3042 10.0208 14.5 9.55 14.5 9C14.5 8.45 14.3042 7.97917 13.9125 7.5875C13.5208 7.19583 13.05 7 12.5 7C11.95 7 11.4792 7.19583 11.0875 7.5875C10.6958 7.97917 10.5 8.45 10.5 9C10.5 9.55 10.6958 10.0208 11.0875 10.4125C11.4792 10.8042 11.95 11 12.5 11C13.05 11 13.5208 10.8042 13.9125 10.4125ZM7 12H18.05L16.85 9L18.05 6H7V12Z" fill="currentColor"/>', H = /* @__PURE__ */ S({
-  __name: "TourIcon",
+import { defineComponent as S, computed as d, openBlock as l, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1628.js";
+const N = ["aria-hidden"], u = '<path d="M3 19C2.71667 19 2.47917 18.9042 2.2875 18.7125C2.09583 18.5208 2 18.2833 2 18C2 17.7167 2.09583 17.4792 2.2875 17.2875C2.47917 17.0958 2.71667 17 3 17H8V12C8 11.7167 8.09583 11.4792 8.2875 11.2875C8.47917 11.0958 8.71667 11 9 11H14V6C14 5.71667 14.0958 5.47917 14.2875 5.2875C14.4792 5.09583 14.7167 5 15 5H21C21.2833 5 21.5208 5.09583 21.7125 5.2875C21.9042 5.47917 22 5.71667 22 6C22 6.28333 21.9042 6.52083 21.7125 6.7125C21.5208 6.90417 21.2833 7 21 7H16V12C16 12.2833 15.9042 12.5208 15.7125 12.7125C15.5208 12.9042 15.2833 13 15 13H10V18C10 18.2833 9.90417 18.5208 9.7125 18.7125C9.52083 18.9042 9.28333 19 9 19H3Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
+  __name: "TieredIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -80,9 +80,9 @@ const N = ["aria-hidden"], u = '<path d="M7 14V21C7 21.2833 6.90417 21.5208 6.71
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), p = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      const t = {}, C = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
+        const a = `${C}-${o}`;
         return t[o] = a, `id="${a}"`;
       }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
     }, f = {
@@ -91,25 +91,25 @@ const N = ["aria-hidden"], u = '<path d="M7 14V21C7 21.2833 6.90417 21.5208 6.71
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), C = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
     return (n, t) => (l(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon tour-icon",
-      "data-testid": "kui-icon-wrapper-tour-icon",
+      class: "kui-icon tiered-icon",
+      "data-testid": "kui-icon-wrapper-tiered-icon",
       style: b(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: x(() => [
         (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-tour-icon",
+          "data-testid": "kui-icon-svg-tiered-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: C
+          innerHTML: v
         }, null, 8, N))
       ]),
       _: 1
@@ -117,5 +117,5 @@ const N = ["aria-hidden"], u = '<path d="M7 14V21C7 21.2833 6.90417 21.5208 6.71
   }
 });
 export {
-  H as default
+  q as default
 };

package/dist/kong-icons.es1028.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, computed as c, createBlock as h, openBlock as d, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1622.js";
-const z = ["aria-hidden"], C = '<path d="M11.9998 18C12.4331 18 12.7914 17.8583 13.0748 17.575C13.3581 17.2917 13.4998 16.9333 13.4998 16.5C13.4998 16.0667 13.3581 15.7083 13.0748 15.425C12.7914 15.1417 12.4331 15 11.9998 15C11.5664 15 11.2081 15.1417 10.9248 15.425C10.6414 15.7083 10.4998 16.0667 10.4998 16.5C10.4998 16.9333 10.6414 17.2917 10.9248 17.575C11.2081 17.8583 11.5664 18 11.9998 18ZM11.9998 13.5C12.4331 13.5 12.7914 13.3583 13.0748 13.075C13.3581 12.7917 13.4998 12.4333 13.4998 12C13.4998 11.5667 13.3581 11.2083 13.0748 10.925C12.7914 10.6417 12.4331 10.5 11.9998 10.5C11.5664 10.5 11.2081 10.6417 10.9248 10.925C10.6414 11.2083 10.4998 11.5667 10.4998 12C10.4998 12.4333 10.6414 12.7917 10.9248 13.075C11.2081 13.3583 11.5664 13.5 11.9998 13.5ZM11.9998 9C12.4331 9 12.7914 8.85833 13.0748 8.575C13.3581 8.29167 13.4998 7.93333 13.4998 7.5C13.4998 7.06667 13.3581 6.70833 13.0748 6.425C12.7914 6.14167 12.4331 6 11.9998 6C11.5664 6 11.2081 6.14167 10.9248 6.425C10.6414 6.70833 10.4998 7.06667 10.4998 7.5C10.4998 7.93333 10.6414 8.29167 10.9248 8.575C11.2081 8.85833 11.5664 9 11.9998 9ZM6.99978 15V13.85C6.31645 13.6667 5.71645 13.3292 5.19978 12.8375C4.68312 12.3458 4.33312 11.7583 4.14978 11.075C4.11645 10.7917 4.19145 10.5417 4.37478 10.325C4.55812 10.1083 4.79145 10 5.07478 10H6.99978V8.85C6.31645 8.66667 5.71645 8.32917 5.19978 7.8375C4.68312 7.34583 4.33312 6.75833 4.14978 6.075C4.11645 5.79167 4.19145 5.54167 4.37478 5.325C4.55812 5.10833 4.79145 5 5.07478 5H6.99978C6.99978 4.45 7.19562 3.97917 7.58728 3.5875C7.97895 3.19583 8.44978 3 8.99978 3H14.9998C15.5498 3 16.0206 3.19583 16.4123 3.5875C16.8039 3.97917 16.9998 4.45 16.9998 5H18.9248C19.2081 5 19.4414 5.10833 19.6248 5.325C19.8081 5.54167 19.8831 5.79167 19.8498 6.075C19.6664 6.75833 19.3164 7.34583 18.7998 7.8375C18.2831 8.32917 17.6831 8.66667 16.9998 8.85V10H18.9248C19.2081 10 19.4414 10.1083 19.6248 10.325C19.8081 10.5417 19.8831 10.7917 19.8498 11.075C19.6664 11.7583 19.3164 12.3458 18.7998 12.8375C18.2831 13.3292 17.6831 13.6667 16.9998 13.85V15H18.9248C19.2081 15 19.4414 15.1083 19.6248 15.325C19.8081 15.5417 19.8831 15.7917 19.8498 16.075C19.6664 16.7583 19.3164 17.3458 18.7998 17.8375C18.2831 18.3292 17.6831 18.6667 16.9998 18.85V19C16.9998 19.55 16.8039 20.0208 16.4123 20.4125C16.0206 20.8042 15.5498 21 14.9998 21H8.99978C8.44978 21 7.97895 20.8042 7.58728 20.4125C7.19562 20.0208 6.99978 19.55 6.99978 19V18.85C6.31645 18.6667 5.71645 18.3292 5.19978 17.8375C4.68312 17.3458 4.33312 16.7583 4.14978 16.075C4.11645 15.7917 4.19145 15.5417 4.37478 15.325C4.55812 15.1083 4.79145 15 5.07478 15H6.99978ZM8.99978 19H14.9998V5H8.99978V19Z" fill="currentColor"/>', M = /* @__PURE__ */ S({
-  __name: "TrafficIcon",
+import { defineComponent as S, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1628.js";
+const N = ["aria-hidden"], u = '<path d="M7.04834 18C5.38167 18 3.96501 17.4167 2.79834 16.25C1.63167 15.0833 1.04834 13.6667 1.04834 12C1.04834 10.3333 1.63167 8.91667 2.79834 7.75C3.96501 6.58333 5.38167 6 7.04834 6H17.0483C18.715 6 20.1317 6.58333 21.2983 7.75C22.465 8.91667 23.0483 10.3333 23.0483 12C23.0483 13.6667 22.465 15.0833 21.2983 16.25C20.1317 17.4167 18.715 18 17.0483 18H7.04834ZM7.04834 16H17.0483C18.1483 16 19.09 15.6083 19.8733 14.825C20.6567 14.0417 21.0483 13.1 21.0483 12C21.0483 10.9 20.6567 9.95833 19.8733 9.175C19.09 8.39167 18.1483 8 17.0483 8H7.04834C5.94834 8 5.00667 8.39167 4.22334 9.175C3.44001 9.95833 3.04834 10.9 3.04834 12C3.04834 13.1 3.44001 14.0417 4.22334 14.825C5.00667 15.6083 5.94834 16 7.04834 16ZM17.0483 15C17.8817 15 18.59 14.7083 19.1733 14.125C19.7567 13.5417 20.0483 12.8333 20.0483 12C20.0483 11.1667 19.7567 10.4583 19.1733 9.875C18.59 9.29167 17.8817 9 17.0483 9C16.215 9 15.5067 9.29167 14.9233 9.875C14.34 10.4583 14.0483 11.1667 14.0483 12C14.0483 12.8333 14.34 13.5417 14.9233 14.125C15.5067 14.7083 16.215 15 17.0483 15Z" fill="currentColor"/>', H = /* @__PURE__ */ S({
+  __name: "ToggleOnIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,14 +31,14 @@ const z = ["aria-hidden"], C = '<path d="M11.9998 18C12.4331 18 12.7914 17.8583
     size: {
       type: [Number, String],
       required: !1,
-      default: l,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
           return !0;
         if (typeof i == "string") {
-          const e = String(i).replace(/px/gi, ""), r = Number(e);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+          const e = String(i).replace(/px/gi, ""), n = Number(e);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
         return !1;
@@ -61,48 +61,48 @@ const z = ["aria-hidden"], C = '<path d="M11.9998 18C12.4331 18 12.7914 17.8583
     }
   },
   setup(i) {
-    const e = i, r = c(() => {
+    const e = i, n = l(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
+        const r = String(e.size).replace(/px/gi, ""), t = Number(r);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return l;
-    }), u = c(() => ({
+      return c;
+    }), g = l(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
       flexShrink: "0",
-      height: r.value,
+      height: n.value,
       lineHeight: "0",
-      width: r.value,
+      width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
+    })), p = (r) => {
       const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
+      return r.replace(/id="([^"]+)"/g, (s, o) => {
         const a = `${v}-${o}`;
         return t[o] = a, `id="${a}"`;
       }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, g = {
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, p = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${p(e.title)}</title>` : ""}${e.staticIds ? C : f(C)}`;
-    return (n, t) => (d(), h(y(i.as), {
+    }, C = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    return (r, t) => (d(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon traffic-icon",
-      "data-testid": "kui-icon-wrapper-traffic-icon",
-      style: b(u.value),
+      class: "kui-icon toggle-on-icon",
+      "data-testid": "kui-icon-wrapper-toggle-on-icon",
+      style: b(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: x(() => [
-        (d(), H("svg", {
+        (d(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-traffic-icon",
+          "data-testid": "kui-icon-svg-toggle-on-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -110,12 +110,12 @@ const z = ["aria-hidden"], C = '<path d="M11.9998 18C12.4331 18 12.7914 17.8583
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, z))
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  M as default
+  H as default
 };

package/dist/kong-icons.es1030.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, computed as d, createBlock as h, openBlock as l, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1622.js";
-const z = ["aria-hidden"], C = '<path d="M17.825 17.5L18.7 18.375C18.8833 18.575 18.9792 18.8125 18.9875 19.0875C18.9958 19.3625 18.9 19.6 18.7 19.8C18.5 20 18.2667 20.1 18 20.1C17.7333 20.1 17.5 20 17.3 19.8L14.7 17.2C14.5 17 14.4 16.7667 14.4 16.5C14.4 16.2334 14.5 16 14.7 15.8L17.3 13.2C17.5 13 17.7333 12.9 18 12.9C18.2667 12.9 18.5 13 18.7 13.2C18.9 13.4 18.9958 13.6375 18.9875 13.9125C18.9792 14.1875 18.8833 14.425 18.7 14.625L17.825 15.5H21C21.2833 15.5 21.5208 15.5959 21.7125 15.7875C21.9042 15.9792 22 16.2167 22 16.5C22 16.7834 21.9042 17.0209 21.7125 17.2125C21.5208 17.4042 21.2833 17.5 21 17.5H17.825ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0209 2 18.55 2 18V15C2 14.45 2.19583 13.9792 2.5875 13.5875C2.97917 13.1959 3.45 13 4 13H10C10.55 13 11.0208 13.1959 11.4125 13.5875C11.8042 13.9792 12 14.45 12 15V18C12 18.55 11.8042 19.0209 11.4125 19.4125C11.0208 19.8042 10.55 20 10 20H4ZM4 18H10V15H4V18ZM6.175 8.50002H3C2.71667 8.50002 2.47917 8.40419 2.2875 8.21252C2.09583 8.02086 2 7.78336 2 7.50002C2 7.21669 2.09583 6.97919 2.2875 6.78752C2.47917 6.59586 2.71667 6.50002 3 6.50002H6.175L5.3 5.62502C5.11667 5.42502 5.02083 5.18752 5.0125 4.91252C5.00417 4.63752 5.1 4.40002 5.3 4.20002C5.5 4.00002 5.73333 3.90002 6 3.90002C6.26667 3.90002 6.5 4.00002 6.7 4.20002L9.3 6.80002C9.5 7.00002 9.6 7.23336 9.6 7.50002C9.6 7.76669 9.5 8.00002 9.3 8.20002L6.7 10.8C6.5 11 6.26667 11.1 6 11.1C5.73333 11.1 5.5 11 5.3 10.8C5.1 10.6 5.00417 10.3625 5.0125 10.0875C5.02083 9.81252 5.11667 9.57502 5.3 9.37502L6.175 8.50002ZM14 11C13.45 11 12.9792 10.8042 12.5875 10.4125C12.1958 10.0209 12 9.55002 12 9.00002V6.00002C12 5.45002 12.1958 4.97919 12.5875 4.58752C12.9792 4.19586 13.45 4.00002 14 4.00002H20C20.55 4.00002 21.0208 4.19586 21.4125 4.58752C21.8042 4.97919 22 5.45002 22 6.00002V9.00002C22 9.55002 21.8042 10.0209 21.4125 10.4125C21.0208 10.8042 20.55 11 20 11H14ZM14 9.00002H20V6.00002H14V9.00002Z" fill="currentColor"/>', M = /* @__PURE__ */ S({
-  __name: "TransformationIcon",
+import { defineComponent as S, computed as d, openBlock as l, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1628.js";
+const N = ["aria-hidden"], u = '<path d="M7 14V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22C5.71667 22 5.47917 21.9042 5.2875 21.7125C5.09583 21.5208 5 21.2833 5 21V3C5 2.71667 5.09583 2.47917 5.2875 2.2875C5.47917 2.09583 5.71667 2 6 2C6.28333 2 6.52083 2.09583 6.7125 2.2875C6.90417 2.47917 7 2.71667 7 3V4H19.525C19.875 4 20.15 4.14583 20.35 4.4375C20.55 4.72917 20.5833 5.04167 20.45 5.375L19 9L20.45 12.625C20.5833 12.9583 20.55 13.2708 20.35 13.5625C20.15 13.8542 19.875 14 19.525 14H7ZM13.9125 10.4125C14.3042 10.0208 14.5 9.55 14.5 9C14.5 8.45 14.3042 7.97917 13.9125 7.5875C13.5208 7.19583 13.05 7 12.5 7C11.95 7 11.4792 7.19583 11.0875 7.5875C10.6958 7.97917 10.5 8.45 10.5 9C10.5 9.55 10.6958 10.0208 11.0875 10.4125C11.4792 10.8042 11.95 11 12.5 11C13.05 11 13.5208 10.8042 13.9125 10.4125ZM7 12H18.05L16.85 9L18.05 6H7V12Z" fill="currentColor"/>', H = /* @__PURE__ */ S({
+  __name: "TourIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -70,7 +70,7 @@ const z = ["aria-hidden"], C = '<path d="M17.825 17.5L18.7 18.375C18.8833 18.575
           return `${t}px`;
       }
       return c;
-    }), u = d(() => ({
+    }), g = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,7 +79,7 @@ const z = ["aria-hidden"], C = '<path d="M17.825 17.5L18.7 18.375C18.8833 18.575
       lineHeight: "0",
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (n) => {
+    })), p = (n) => {
       const t = {}, v = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (s, o) => {
         const a = `${v}-${o}`;
@@ -91,31 +91,31 @@ const z = ["aria-hidden"], C = '<path d="M17.825 17.5L18.7 18.375C18.8833 18.575
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, p = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${p(e.title)}</title>` : ""}${e.staticIds ? C : g(C)}`;
+    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), C = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
     return (n, t) => (l(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon transformation-icon",
-      "data-testid": "kui-icon-wrapper-transformation-icon",
-      style: b(u.value),
+      class: "kui-icon tour-icon",
+      "data-testid": "kui-icon-wrapper-tour-icon",
+      style: b(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: x(() => [
-        (l(), H("svg", {
+        (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-transformation-icon",
+          "data-testid": "kui-icon-svg-tour-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, z))
+          innerHTML: C
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  M as default
+  H as default
 };

package/dist/kong-icons.es1032.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as d, createBlock as y, openBlock as l, resolveDynamicComponent as b, normalizeStyle as x, withCtx as H, createElementBlock as C } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1622.js";
-const z = ["aria-hidden"], u = '<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
-  __name: "TrashIcon",
+import { defineComponent as S, computed as c, openBlock as d, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as H } from "vue";
+import { KUI_ICON_SIZE_50 as l } from "./kong-icons.es1628.js";
+const z = ["aria-hidden"], C = '<path d="M11.9998 18C12.4331 18 12.7914 17.8583 13.0748 17.575C13.3581 17.2917 13.4998 16.9333 13.4998 16.5C13.4998 16.0667 13.3581 15.7083 13.0748 15.425C12.7914 15.1417 12.4331 15 11.9998 15C11.5664 15 11.2081 15.1417 10.9248 15.425C10.6414 15.7083 10.4998 16.0667 10.4998 16.5C10.4998 16.9333 10.6414 17.2917 10.9248 17.575C11.2081 17.8583 11.5664 18 11.9998 18ZM11.9998 13.5C12.4331 13.5 12.7914 13.3583 13.0748 13.075C13.3581 12.7917 13.4998 12.4333 13.4998 12C13.4998 11.5667 13.3581 11.2083 13.0748 10.925C12.7914 10.6417 12.4331 10.5 11.9998 10.5C11.5664 10.5 11.2081 10.6417 10.9248 10.925C10.6414 11.2083 10.4998 11.5667 10.4998 12C10.4998 12.4333 10.6414 12.7917 10.9248 13.075C11.2081 13.3583 11.5664 13.5 11.9998 13.5ZM11.9998 9C12.4331 9 12.7914 8.85833 13.0748 8.575C13.3581 8.29167 13.4998 7.93333 13.4998 7.5C13.4998 7.06667 13.3581 6.70833 13.0748 6.425C12.7914 6.14167 12.4331 6 11.9998 6C11.5664 6 11.2081 6.14167 10.9248 6.425C10.6414 6.70833 10.4998 7.06667 10.4998 7.5C10.4998 7.93333 10.6414 8.29167 10.9248 8.575C11.2081 8.85833 11.5664 9 11.9998 9ZM6.99978 15V13.85C6.31645 13.6667 5.71645 13.3292 5.19978 12.8375C4.68312 12.3458 4.33312 11.7583 4.14978 11.075C4.11645 10.7917 4.19145 10.5417 4.37478 10.325C4.55812 10.1083 4.79145 10 5.07478 10H6.99978V8.85C6.31645 8.66667 5.71645 8.32917 5.19978 7.8375C4.68312 7.34583 4.33312 6.75833 4.14978 6.075C4.11645 5.79167 4.19145 5.54167 4.37478 5.325C4.55812 5.10833 4.79145 5 5.07478 5H6.99978C6.99978 4.45 7.19562 3.97917 7.58728 3.5875C7.97895 3.19583 8.44978 3 8.99978 3H14.9998C15.5498 3 16.0206 3.19583 16.4123 3.5875C16.8039 3.97917 16.9998 4.45 16.9998 5H18.9248C19.2081 5 19.4414 5.10833 19.6248 5.325C19.8081 5.54167 19.8831 5.79167 19.8498 6.075C19.6664 6.75833 19.3164 7.34583 18.7998 7.8375C18.2831 8.32917 17.6831 8.66667 16.9998 8.85V10H18.9248C19.2081 10 19.4414 10.1083 19.6248 10.325C19.8081 10.5417 19.8831 10.7917 19.8498 11.075C19.6664 11.7583 19.3164 12.3458 18.7998 12.8375C18.2831 13.3292 17.6831 13.6667 16.9998 13.85V15H18.9248C19.2081 15 19.4414 15.1083 19.6248 15.325C19.8081 15.5417 19.8831 15.7917 19.8498 16.075C19.6664 16.7583 19.3164 17.3458 18.7998 17.8375C18.2831 18.3292 17.6831 18.6667 16.9998 18.85V19C16.9998 19.55 16.8039 20.0208 16.4123 20.4125C16.0206 20.8042 15.5498 21 14.9998 21H8.99978C8.44978 21 7.97895 20.8042 7.58728 20.4125C7.19562 20.0208 6.99978 19.55 6.99978 19V18.85C6.31645 18.6667 5.71645 18.3292 5.19978 17.8375C4.68312 17.3458 4.33312 16.7583 4.14978 16.075C4.11645 15.7917 4.19145 15.5417 4.37478 15.325C4.55812 15.1083 4.79145 15 5.07478 15H6.99978ZM8.99978 19H14.9998V5H8.99978V19Z" fill="currentColor"/>', M = /* @__PURE__ */ S({
+  __name: "TrafficIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,7 +31,7 @@ const z = ["aria-hidden"], u = '<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: l,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -61,7 +61,7 @@ const z = ["aria-hidden"], u = '<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20
     }
   },
   setup(i) {
-    const e = i, r = d(() => {
+    const e = i, r = c(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -69,8 +69,8 @@ const z = ["aria-hidden"], u = '<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return c;
-    }), g = d(() => ({
+      return l;
+    }), u = c(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,37 +79,37 @@ const z = ["aria-hidden"], u = '<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20
       lineHeight: "0",
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (n) => {
-      const t = {}, S = Math.random().toString(36).substring(2, 12);
+    })), f = (n) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${S}-${o}`;
+        const a = `${v}-${o}`;
         return t[o] = a, `id="${a}"`;
       }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, f = {
+    }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (n, t) => (l(), y(b(i.as), {
+    }, p = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${p(e.title)}</title>` : ""}${e.staticIds ? C : f(C)}`;
+    return (n, t) => (d(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon trash-icon",
-      "data-testid": "kui-icon-wrapper-trash-icon",
-      style: x(g.value),
+      class: "kui-icon traffic-icon",
+      "data-testid": "kui-icon-wrapper-traffic-icon",
+      style: b(u.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: H(() => [
-        (l(), C("svg", {
+      default: x(() => [
+        (d(), H("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-trash-icon",
+          "data-testid": "kui-icon-svg-traffic-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
+          innerHTML: m
         }, null, 8, z))
       ]),
       _: 1
@@ -117,5 +117,5 @@ const z = ["aria-hidden"], u = '<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20
   }
 });
 export {
-  $ as default
+  M as default
 };