@kong/icons 1.52.0 → 1.53.0

package/dist/kong-icons.es1046.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as l, createBlock as y, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1622.js";
-const N = ["aria-hidden"], u = '<path d="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1 20L12 16.9L8.9 20ZM12 9.9L7.5 5.4L8.9 4L12 7.1L15.1 4L16.5 5.4L12 9.9Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
-  __name: "UnfoldLessIcon",
+import { defineComponent as h, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as C, 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="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z" fill="currentColor"/>', H = /* @__PURE__ */ h({
+  __name: "UnderlineIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -61,7 +61,7 @@ const N = ["aria-hidden"], u = '<path d="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1
     }
   },
   setup(i) {
-    const e = i, n = l(() => {
+    const e = i, n = d(() => {
       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="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1
           return `${t}px`;
       }
       return c;
-    }), g = l(() => ({
+    }), g = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,30 +79,30 @@ const N = ["aria-hidden"], u = '<path d="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
+    })), p = (r) => {
       const t = {}, S = Math.random().toString(36).substring(2, 12);
       return r.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);
-    }, p = {
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
-    return (r, t) => (d(), y(b(i.as), {
+    }, m = (r) => r.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 (r, t) => (l(), y(C(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon unfold-less-icon",
-      "data-testid": "kui-icon-wrapper-unfold-less-icon",
-      style: x(g.value),
+      class: "kui-icon underline-icon",
+      "data-testid": "kui-icon-wrapper-underline-icon",
+      style: b(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: L(() => [
-        (d(), z("svg", {
+      default: x(() => [
+        (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-unfold-less-icon",
+          "data-testid": "kui-icon-svg-underline-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -117,5 +117,5 @@ const N = ["aria-hidden"], u = '<path d="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1
   }
 });
 export {
-  q as default
+  H as default
 };

package/dist/kong-icons.es1048.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 L, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1622.js";
-const N = ["aria-hidden"], u = '<path d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
-  __name: "UnfoldMoreIcon",
+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.9998 19.5C7.71647 19.5 7.47897 19.4042 7.2873 19.2125C7.09564 19.0209 6.9998 18.7834 6.9998 18.5C6.9998 18.2167 7.09564 17.9792 7.2873 17.7875C7.47897 17.5959 7.71647 17.5 7.9998 17.5H14.0998C15.1498 17.5 16.0623 17.1667 16.8373 16.5C17.6123 15.8334 17.9998 15 17.9998 14C17.9998 13 17.6123 12.1667 16.8373 11.5C16.0623 10.8334 15.1498 10.5 14.0998 10.5H7.7998L9.6998 12.4C9.88314 12.5834 9.9748 12.8167 9.9748 13.1C9.9748 13.3834 9.88314 13.6167 9.6998 13.8C9.51647 13.9834 9.28314 14.075 8.9998 14.075C8.71647 14.075 8.48314 13.9834 8.2998 13.8L4.6998 10.2C4.5998 10.1 4.52897 9.99172 4.4873 9.87505C4.44564 9.75838 4.4248 9.63338 4.4248 9.50005C4.4248 9.36672 4.44564 9.24172 4.4873 9.12505C4.52897 9.00838 4.5998 8.90005 4.6998 8.80005L8.2998 5.20005C8.48314 5.01672 8.71647 4.92505 8.9998 4.92505C9.28314 4.92505 9.51647 5.01672 9.6998 5.20005C9.88314 5.38338 9.9748 5.61672 9.9748 5.90005C9.9748 6.18338 9.88314 6.41672 9.6998 6.60005L7.7998 8.50005H14.0998C15.7165 8.50005 17.104 9.02505 18.2623 10.075C19.4206 11.125 19.9998 12.4334 19.9998 14C19.9998 15.5667 19.4206 16.875 18.2623 17.925C17.104 18.975 15.7165 19.5 14.0998 19.5H7.9998Z" fill="currentColor"/>', H = /* @__PURE__ */ S({
+  __name: "UndoIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -37,8 +37,8 @@ const N = ["aria-hidden"], u = '<path d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.0
         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,11 +61,11 @@ const N = ["aria-hidden"], u = '<path d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.0
     }
   },
   setup(i) {
-    const e = i, r = d(() => {
+    const e = i, n = d(() => {
       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`;
       }
@@ -75,41 +75,41 @@ const N = ["aria-hidden"], u = '<path d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.0
       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) => {
-      const t = {}, S = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${S}-${o}`;
+    })), p = (r) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      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);
-    }, p = {
+    }, f = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => p[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
-    return (n, t) => (l(), y(b(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) => (l(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon unfold-more-icon",
-      "data-testid": "kui-icon-wrapper-unfold-more-icon",
-      style: x(g.value),
+      class: "kui-icon undo-icon",
+      "data-testid": "kui-icon-wrapper-undo-icon",
+      style: b(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: L(() => [
+      default: x(() => [
         (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-unfold-more-icon",
+          "data-testid": "kui-icon-svg-undo-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, N))
       ]),
       _: 1
@@ -117,5 +117,5 @@ const N = ["aria-hidden"], u = '<path d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.0
   }
 });
 export {
-  q as default
+  H as default
 };

package/dist/kong-icons.es1050.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, computed as l, createBlock as h, openBlock as c, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1622.js";
-const z = ["aria-hidden"], u = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.3 3 10.6875 3.2125 10.1625 3.6375C9.6375 4.0625 9.28333 4.59167 9.1 5.225C9.03333 5.45833 8.89583 5.64583 8.6875 5.7875C8.47917 5.92917 8.25 6 8 6C7.71667 6 7.47917 5.90833 7.2875 5.725C7.09583 5.54167 7.025 5.325 7.075 5.075C7.30833 3.925 7.88333 2.95833 8.8 2.175C9.71667 1.39167 10.7833 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM6 20H18V10H6V20ZM13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17C12.55 17 13.0208 16.8042 13.4125 16.4125Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
-  __name: "UnlockIcon",
+import { defineComponent as h, computed as l, openBlock as d, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1628.js";
+const N = ["aria-hidden"], u = '<path d="M8.9 20L7.5 18.6L12 14.1L16.5 18.6L15.1 20L12 16.9L8.9 20ZM12 9.9L7.5 5.4L8.9 4L12 7.1L15.1 4L16.5 5.4L12 9.9Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+  __name: "UnfoldLessIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,7 +31,7 @@ const z = ["aria-hidden"], u = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21
     size: {
       type: [Number, String],
       required: !1,
-      default: d,
+      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)
@@ -69,7 +69,7 @@ const z = ["aria-hidden"], u = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return d;
+      return c;
     }), g = l(() => ({
       boxSizing: "border-box",
       color: e.color,
@@ -79,38 +79,38 @@ const z = ["aria-hidden"], u = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (r) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
+    })), f = (r) => {
+      const t = {}, S = Math.random().toString(36).substring(2, 12);
       return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
+        const a = `${S}-${o}`;
         return t[o] = a, `id="${a}"`;
       }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, C = {
+    }, p = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, f = (r) => r.replace(/[<>"'&]/g, (t) => C[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (r, t) => (c(), h(y(i.as), {
+    }, m = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
+    return (r, t) => (d(), y(b(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon unlock-icon",
-      "data-testid": "kui-icon-wrapper-unlock-icon",
-      style: b(g.value),
+      class: "kui-icon unfold-less-icon",
+      "data-testid": "kui-icon-wrapper-unfold-less-icon",
+      style: x(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), k("svg", {
+      default: L(() => [
+        (d(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-unlock-icon",
+          "data-testid": "kui-icon-svg-unfold-less-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: v
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kong-icons.es1052.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 C, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1622.js";
-const N = ["aria-hidden"], u = '<path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
-  __name: "UploadIcon",
+import { defineComponent as h, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1628.js";
+const N = ["aria-hidden"], u = '<path d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+  __name: "UnfoldMoreIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -70,7 +70,7 @@ const N = ["aria-hidden"], u = '<path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17
           return `${t}px`;
       }
       return c;
-    }), p = d(() => ({
+    }), g = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,30 +79,30 @@ const N = ["aria-hidden"], u = '<path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17
       lineHeight: "0",
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (n) => {
+    })), f = (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 = {
+    }, p = {
       "<": "&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 : g(u)}`;
+    }, m = (n) => n.replace(/[<>"'&]/g, (t) => p[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : f(u)}`;
     return (n, t) => (l(), y(b(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon upload-icon",
-      "data-testid": "kui-icon-wrapper-upload-icon",
-      style: x(p.value),
+      class: "kui-icon unfold-more-icon",
+      "data-testid": "kui-icon-wrapper-unfold-more-icon",
+      style: x(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: C(() => [
+      default: L(() => [
         (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-upload-icon",
+          "data-testid": "kui-icon-svg-unfold-more-icon",
           fill: "none",
           height: "100%",
           role: "img",

package/dist/kong-icons.es1054.js

@@ -1,7 +1,7 @@
-import { defineComponent as C, 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="M2.7498 17.75C2.53314 17.5333 2.4248 17.2833 2.4248 17C2.4248 16.7166 2.53314 16.4666 2.7498 16.25L8.0748 10.925C8.45814 10.5416 8.93314 10.35 9.4998 10.35C10.0665 10.35 10.5415 10.5416 10.9248 10.925L13.4998 13.5L19.8998 6.27495C20.0831 6.05828 20.3206 5.94995 20.6123 5.94995C20.904 5.94995 21.1498 6.04995 21.3498 6.24995C21.5331 6.43328 21.629 6.65412 21.6373 6.91245C21.6456 7.17078 21.5581 7.39995 21.3748 7.59995L14.8998 14.9C14.5165 15.3333 14.0415 15.5625 13.4748 15.5875C12.9081 15.6125 12.4165 15.4166 11.9998 15L9.4998 12.5L4.2498 17.75C4.03314 17.9666 3.78314 18.075 3.4998 18.075C3.21647 18.075 2.96647 17.9666 2.7498 17.75Z" fill="currentColor"/>', L = /* @__PURE__ */ C({
-  __name: "UsageIcon",
+import { defineComponent as S, computed as l, openBlock as c, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as k } from "vue";
+import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1628.js";
+const z = ["aria-hidden"], u = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.3 3 10.6875 3.2125 10.1625 3.6375C9.6375 4.0625 9.28333 4.59167 9.1 5.225C9.03333 5.45833 8.89583 5.64583 8.6875 5.7875C8.47917 5.92917 8.25 6 8 6C7.71667 6 7.47917 5.90833 7.2875 5.725C7.09583 5.54167 7.025 5.325 7.075 5.075C7.30833 3.925 7.88333 2.95833 8.8 2.175C9.71667 1.39167 10.7833 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM6 20H18V10H6V20ZM13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17C12.55 17 13.0208 16.8042 13.4125 16.4125Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
+  __name: "UnlockIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,14 +31,14 @@ const N = ["aria-hidden"], u = '<path d="M2.7498 17.75C2.53314 17.5333 2.4248 17
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: d,
       // 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,61 +61,61 @@ const N = ["aria-hidden"], u = '<path d="M2.7498 17.75C2.53314 17.5333 2.4248 17
     }
   },
   setup(i) {
-    const e = i, r = d(() => {
+    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 c;
-    }), g = d(() => ({
+      return d;
+    }), 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
-    })), p = (n) => {
-      const t = {}, S = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${S}-${o}`;
+    })), p = (r) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      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);
-    }, f = {
+    }, C = {
       "<": "&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(), h(y(i.as), {
+    }, f = (r) => r.replace(/[<>"'&]/g, (t) => C[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
+    return (r, t) => (c(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon usage-icon",
-      "data-testid": "kui-icon-wrapper-usage-icon",
+      class: "kui-icon unlock-icon",
+      "data-testid": "kui-icon-wrapper-unlock-icon",
       style: b(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
       default: x(() => [
-        (l(), z("svg", {
+        (c(), k("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-usage-icon",
+          "data-testid": "kui-icon-svg-unlock-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, N))
+          innerHTML: m
+        }, null, 8, z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  L as default
+  q as default
 };

package/dist/kong-icons.es1056.js

@@ -1,7 +1,7 @@
-import { defineComponent as m, computed as d, createBlock as S, openBlock as l, resolveDynamicComponent as h, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1622.js";
-const z = ["aria-hidden"], u = '<path d="M10.9502 12.7L9.5002 11.275C9.31686 11.0917 9.0877 11 8.8127 11C8.5377 11 8.3002 11.1 8.1002 11.3C7.91686 11.4833 7.8252 11.7167 7.8252 12C7.8252 12.2833 7.91686 12.5167 8.1002 12.7L10.2502 14.85C10.4502 15.05 10.6835 15.15 10.9502 15.15C11.2169 15.15 11.4502 15.05 11.6502 14.85L15.9002 10.6C16.1002 10.4 16.196 10.1667 16.1877 9.9C16.1794 9.63333 16.0835 9.4 15.9002 9.2C15.7002 9 15.4627 8.89583 15.1877 8.8875C14.9127 8.87916 14.6752 8.975 14.4752 9.175L10.9502 12.7ZM8.1502 21.75L6.7002 19.3L3.9502 18.7C3.7002 18.65 3.5002 18.5208 3.3502 18.3125C3.2002 18.1042 3.14186 17.875 3.1752 17.625L3.4502 14.8L1.5752 12.65C1.40853 12.4667 1.3252 12.25 1.3252 12C1.3252 11.75 1.40853 11.5333 1.5752 11.35L3.4502 9.2L3.1752 6.375C3.14186 6.125 3.2002 5.89583 3.3502 5.6875C3.5002 5.47916 3.7002 5.35 3.9502 5.3L6.7002 4.7L8.1502 2.25C8.28353 2.03333 8.46686 1.8875 8.7002 1.8125C8.93353 1.7375 9.16686 1.75 9.4002 1.85L12.0002 2.95L14.6002 1.85C14.8335 1.75 15.0669 1.7375 15.3002 1.8125C15.5335 1.8875 15.7169 2.03333 15.8502 2.25L17.3002 4.7L20.0502 5.3C20.3002 5.35 20.5002 5.47916 20.6502 5.6875C20.8002 5.89583 20.8585 6.125 20.8252 6.375L20.5502 9.2L22.4252 11.35C22.5919 11.5333 22.6752 11.75 22.6752 12C22.6752 12.25 22.5919 12.4667 22.4252 12.65L20.5502 14.8L20.8252 17.625C20.8585 17.875 20.8002 18.1042 20.6502 18.3125C20.5002 18.5208 20.3002 18.65 20.0502 18.7L17.3002 19.3L15.8502 21.75C15.7169 21.9667 15.5335 22.1125 15.3002 22.1875C15.0669 22.2625 14.8335 22.25 14.6002 22.15L12.0002 21.05L9.4002 22.15C9.16686 22.25 8.93353 22.2625 8.7002 22.1875C8.46686 22.1125 8.28353 21.9667 8.1502 21.75ZM9.4502 19.95L12.0002 18.85L14.6002 19.95L16.0002 17.55L18.7502 16.9L18.5002 14.1L20.3502 12L18.5002 9.85L18.7502 7.05L16.0002 6.45L14.5502 4.05L12.0002 5.15L9.4002 4.05L8.0002 6.45L5.2502 7.05L5.5002 9.85L3.6502 12L5.5002 14.1L5.2502 16.95L8.0002 17.55L9.4502 19.95Z" fill="currentColor"/>', q = /* @__PURE__ */ m({
-  __name: "VerifiedIcon",
+import { defineComponent as h, computed as d, openBlock as l, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as C, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1628.js";
+const N = ["aria-hidden"], u = '<path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"/>', q = /* @__PURE__ */ h({
+  __name: "UploadIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -70,7 +70,7 @@ const z = ["aria-hidden"], u = '<path d="M10.9502 12.7L9.5002 11.275C9.31686 11.
           return `${t}px`;
       }
       return c;
-    }), L = d(() => ({
+    }), p = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -80,9 +80,9 @@ const z = ["aria-hidden"], u = '<path d="M10.9502 12.7L9.5002 11.275C9.31686 11.
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), g = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      const t = {}, S = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${v}-${o}`;
+        const a = `${S}-${o}`;
         return t[o] = a, `id="${a}"`;
       }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
     }, f = {
@@ -91,26 +91,26 @@ const z = ["aria-hidden"], u = '<path d="M10.9502 12.7L9.5002 11.275C9.31686 11.
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, p = (n) => n.replace(/[<>"'&]/g, (t) => f[t]), C = `${e.title ? `<title data-testid="kui-icon-svg-title">${p(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (l(), S(h(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(), y(b(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon verified-icon",
-      "data-testid": "kui-icon-wrapper-verified-icon",
-      style: y(L.value),
+      class: "kui-icon upload-icon",
+      "data-testid": "kui-icon-wrapper-upload-icon",
+      style: x(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (l(), x("svg", {
+      default: C(() => [
+        (l(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-verified-icon",
+          "data-testid": "kui-icon-svg-upload-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: C
-        }, null, 8, z))
+          innerHTML: v
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kong-icons.es1058.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, computed as l, createBlock as y, openBlock as d, resolveDynamicComponent as b, normalizeStyle as h, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as C } from "./kong-icons.es1622.js";
-const N = ["aria-hidden"], c = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.6333 14.4249 18.7708 13.8249 18.8625C13.2249 18.9541 12.6166 19 11.9999 19C9.76657 19 7.7249 18.4 5.8749 17.2C4.0249 16 2.5749 14.4166 1.5249 12.45C1.44157 12.3 1.37907 12.1458 1.3374 11.9875C1.29574 11.8291 1.2749 11.6666 1.2749 11.5C1.2749 11.3333 1.29574 11.1708 1.3374 11.0125C1.37907 10.8541 1.44157 10.7 1.5249 10.55C1.89157 9.89998 2.28324 9.26664 2.6999 8.64998C3.11657 8.03331 3.5999 7.48331 4.1499 6.99998L2.0749 4.89998C1.89157 4.71664 1.7999 4.48748 1.7999 4.21248C1.7999 3.93748 1.8999 3.69998 2.0999 3.49998C2.28324 3.31664 2.51657 3.22498 2.7999 3.22498C3.08324 3.22498 3.31657 3.31664 3.4999 3.49998L20.4999 20.5C20.6832 20.6833 20.7791 20.9125 20.7874 21.1875C20.7957 21.4625 20.6999 21.7 20.4999 21.9C20.3166 22.0833 20.0832 22.175 19.7999 22.175C19.5166 22.175 19.2832 22.0833 19.0999 21.9ZM11.9999 16C12.1832 16 12.3582 15.9916 12.5249 15.975C12.6916 15.9583 12.8582 15.925 13.0249 15.875L7.6249 10.475C7.5749 10.6416 7.54157 10.8083 7.5249 10.975C7.50824 11.1416 7.4999 11.3166 7.4999 11.5C7.4999 12.75 7.9374 13.8125 8.8124 14.6875C9.6874 15.5625 10.7499 16 11.9999 16ZM11.9999 3.99998C14.2332 3.99998 16.2791 4.60414 18.1374 5.81248C19.9957 7.02081 21.4499 8.60831 22.4999 10.575C22.5832 10.7083 22.6457 10.8541 22.6874 11.0125C22.7291 11.1708 22.7499 11.3333 22.7499 11.5C22.7499 11.6666 22.7332 11.8291 22.6999 11.9875C22.6666 12.1458 22.6082 12.2916 22.5249 12.425C22.2082 13.0416 21.8541 13.625 21.4624 14.175C21.0707 14.725 20.6332 15.2416 20.1499 15.725C19.9166 15.9583 19.6416 16.0666 19.3249 16.05C19.0082 16.0333 18.7332 15.9083 18.4999 15.675L16.4999 13.675C16.3832 13.5583 16.3082 13.4208 16.2749 13.2625C16.2416 13.1041 16.2499 12.9416 16.2999 12.775C16.3666 12.5583 16.4166 12.35 16.4499 12.15C16.4832 11.95 16.4999 11.7333 16.4999 11.5C16.4999 10.25 16.0624 9.18748 15.1874 8.31248C14.3124 7.43748 13.2499 6.99998 11.9999 6.99998C11.7666 6.99998 11.5499 7.01664 11.3499 7.04998C11.1499 7.08331 10.9416 7.13331 10.7249 7.19998C10.5582 7.24998 10.3916 7.25831 10.2249 7.22498C10.0582 7.19164 9.91657 7.11664 9.7999 6.99998L8.9749 6.17498C8.65824 5.85831 8.55407 5.49164 8.6624 5.07498C8.77074 4.65831 9.03324 4.39164 9.4499 4.27498C9.86657 4.19164 10.2874 4.12498 10.7124 4.07498C11.1374 4.02498 11.5666 3.99998 11.9999 3.99998ZM13.9749 9.64998C14.1582 9.86664 14.3124 10.1041 14.4374 10.3625C14.5624 10.6208 14.6416 10.8916 14.6749 11.175C14.6916 11.3083 14.6416 11.4 14.5249 11.45C14.4082 11.5 14.2999 11.475 14.1999 11.375L12.1499 9.32498C12.0499 9.22498 12.0291 9.11664 12.0874 8.99998C12.1457 8.88331 12.2416 8.82498 12.3749 8.82498C12.6916 8.85831 12.9832 8.94581 13.2499 9.08748C13.5166 9.22914 13.7582 9.41664 13.9749 9.64998Z" fill="currentColor"/>', q = /* @__PURE__ */ S({
-  __name: "VisibilityOffIcon",
+import { defineComponent as C, 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="M2.7498 17.75C2.53314 17.5333 2.4248 17.2833 2.4248 17C2.4248 16.7166 2.53314 16.4666 2.7498 16.25L8.0748 10.925C8.45814 10.5416 8.93314 10.35 9.4998 10.35C10.0665 10.35 10.5415 10.5416 10.9248 10.925L13.4998 13.5L19.8998 6.27495C20.0831 6.05828 20.3206 5.94995 20.6123 5.94995C20.904 5.94995 21.1498 6.04995 21.3498 6.24995C21.5331 6.43328 21.629 6.65412 21.6373 6.91245C21.6456 7.17078 21.5581 7.39995 21.3748 7.59995L14.8998 14.9C14.5165 15.3333 14.0415 15.5625 13.4748 15.5875C12.9081 15.6125 12.4165 15.4166 11.9998 15L9.4998 12.5L4.2498 17.75C4.03314 17.9666 3.78314 18.075 3.4998 18.075C3.21647 18.075 2.96647 17.9666 2.7498 17.75Z" fill="currentColor"/>', L = /* @__PURE__ */ C({
+  __name: "UsageIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -31,7 +31,7 @@ const N = ["aria-hidden"], c = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.
     size: {
       type: [Number, String],
       required: !1,
-      default: C,
+      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)
@@ -61,7 +61,7 @@ const N = ["aria-hidden"], c = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.
     }
   },
   setup(i) {
-    const e = i, r = l(() => {
+    const e = i, r = d(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -69,8 +69,8 @@ const N = ["aria-hidden"], c = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return C;
-    }), u = l(() => ({
+      return c;
+    }), g = d(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,30 +79,30 @@ const N = ["aria-hidden"], c = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.
       lineHeight: "0",
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
+    })), p = (n) => {
+      const t = {}, S = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${m}-${o}`;
+        const a = `${S}-${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]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${p(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (n, t) => (d(), y(b(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 : p(u)}`;
+    return (n, t) => (l(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
-      class: "kui-icon visibility-off-icon",
-      "data-testid": "kui-icon-wrapper-visibility-off-icon",
-      style: h(u.value),
+      class: "kui-icon usage-icon",
+      "data-testid": "kui-icon-wrapper-usage-icon",
+      style: b(g.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-visibility-off-icon",
+          "data-testid": "kui-icon-svg-usage-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -117,5 +117,5 @@ const N = ["aria-hidden"], c = '<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.
   }
 });
 export {
-  q as default
+  L as default
 };