@kong/icons 1.61.2 → 1.61.3-pr.885.e63bba2.0

package/dist/kong-icons166.es.js

@@ -1,6 +1,7 @@
-import { defineComponent as S, computed as d, openBlock as c, createBlock as y, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as L } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kong-icons1691.es.js";
-const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2345)">
+import { defineComponent as b, computed as s, openBlock as u, createBlock as x, resolveDynamicComponent as w, normalizeStyle as L, withCtx as M, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as f } from "./kong-icons1691.es.js";
+import { createGradientId as z, applyColorGradient as H } from "./kong-icons1692.es.js";
+const G = ["aria-hidden", "innerHTML"], g = `<g clip-path="url(#clip0_1_2345)">
 <path d="M5.23657 21.9131C7.16238 23.2296 9.49113 24.0001 12 24.0001C14.5089 24.0001 16.8376 23.2296 18.7635 21.9131L12 20.8696L5.23657 21.9131Z" fill="#D80027"/>
 <path d="M18.7635 2.08697C16.8376 0.770484 14.5089 0 12 0C9.49113 0 7.16238 0.770484 5.23657 2.08697L12 3.13045L18.7635 2.08697Z" fill="#D80027"/>
 <path d="M24 11.9999C24 8.02916 21.6227 4.04151 18.7635 2.08691H5.23655C2.07516 4.24804 0 7.88151 0 11.9999C0 16.1185 2.07516 19.7518 5.23655 21.913H18.7635C21.9249 19.7518 24 16.1185 24 11.9999Z" fill="#0052B4"/>
@@ -15,7 +16,7 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2345)">
 <clipPath id="clip0_1_2345">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, k = /* @__PURE__ */ S({
+</defs>`, k = /* @__PURE__ */ b({
   __name: "FlagGuIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -46,13 +47,13 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2345)">
     size: {
       type: [Number, String],
       required: !1,
-      default: p,
+      default: f,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(e) || typeof e == "number" && e > 0)
+      validator: (r) => {
+        if (typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r) || typeof r == "number" && r > 0)
           return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), n = Number(t);
+        if (typeof r == "string") {
+          const t = String(r).replace(/px/gi, ""), n = Number(t);
           if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
@@ -73,52 +74,92 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2345)">
     staticIds: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * The start color of an optional, dynamically-generated linear gradient.
+     * Accepts a hex, `rgb()`/`rgba()`, or CSS `var()` custom-property value.
+     * The gradient is applied only when both `colorGradientStart` and `colorGradientStop` are provided and valid,
+     * overriding any existing gradient or flat fills. Defaults to an empty string (no gradient).
+     */
+    colorGradientStart: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /**
+     * The stop (end) color of an optional, dynamically-generated linear gradient.
+     * Accepts a hex, `rgb()`/`rgba()`, or CSS `var()` custom-property value.
+     * The gradient is applied only when both `colorGradientStart` and `colorGradientStop` are provided and valid,
+     * overriding any existing gradient or flat fills. Defaults to an empty string (no gradient).
+     */
+    colorGradientStop: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /**
+     * The direction of the generated linear gradient, expressed as a standard CSS gradient angle
+     * (e.g. `45`, `"90deg"`) following the `linear-gradient()` convention (`0deg` points up, increasing clockwise).
+     * Invalid values fall back to the default. Defaults to `135deg` (top-left to bottom-right).
+     */
+    colorGradientDirection: {
+      type: [String, Number],
+      required: !1,
+      default: "135deg"
     }
   },
-  setup(e) {
-    const t = e, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
+  setup(r) {
+    const t = r, n = (i) => typeof i == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i), l = s(() => {
       if (n(t.size))
         return t.size;
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const r = String(t.size).replace(/px/gi, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
+        const i = String(t.size).replace(/px/gi, ""), e = Number(i);
+        if (e && !isNaN(e) && Number.isInteger(e) && e > 0)
+          return `${e}px`;
       }
-      return p;
-    }), f = d(() => ({
+      return f;
+    }), h = s(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
       flexShrink: "0",
-      height: a.value,
+      height: l.value,
       lineHeight: "0",
-      width: a.value,
+      width: l.value,
       pointerEvents: t.decorative ? "none" : void 0
-    })), g = (r) => {
-      const i = {}, C = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (o, s) => {
-        const l = `${C}-${s}`;
-        return i[s] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, s) => i[s] ? `#${i[s]}` : o);
-    }, h = {
+    })), m = (i) => {
+      const e = {}, a = Math.random().toString(36).substring(2, 12);
+      return i.replace(/id="([^"]+)"/g, (c, o) => {
+        const p = `${a}-${o}`;
+        return e[o] = p, `id="${p}"`;
+      }).replace(/#([^\s^")]+)/g, (c, o) => e[o] ? `#${e[o]}` : c);
+    }, S = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.replace(/[<>"'&]/g, (i) => h[i]), v = `${t.title ? `<title data-testid="kui-icon-svg-title">${m(t.title)}</title>` : ""}${t.staticIds ? u : g(u)}`;
-    return (r, i) => (c(), y(b(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
+    }, v = (i) => i.replace(/[<>"'&]/g, (e) => S[e]);
+    z(t.staticIds);
+    const C = s(() => {
+      const i = typeof t.colorGradientStart == "string" ? t.colorGradientStart.trim() : "", e = typeof t.colorGradientStop == "string" ? t.colorGradientStop.trim() : "";
+      return null;
+    }), y = s(() => {
+      const i = t.title ? `<title data-testid="kui-icon-svg-title">${v(t.title)}</title>` : "", e = C.value, a = e ? H(g, e) : g, d = t.staticIds ? a : m(a);
+      return `${i}${d}`;
+    });
+    return (i, e) => (u(), x(w(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
       class: "kui-icon flag-gu-icon",
       "data-testid": "kui-icon-wrapper-flag-gu-icon",
-      style: x(f.value),
-      tabindex: e.decorative ? "-1" : void 0
+      style: L(h.value),
+      tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: w(() => [
-        (c(), L("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
+      default: M(() => [
+        (u(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-gu-icon",
           fill: "none",
           height: "100%",
@@ -126,8 +167,8 @@ const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2345)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, z))
+          innerHTML: y.value
+        }, null, 8, G))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kong-icons168.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),c=require("./kong-icons1691.cjs"),m=["aria-hidden"],u=`<g clip-path="url(#clip0_1_2349)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),p=require("./kong-icons1691.cjs"),g=require("./kong-icons1692.cjs"),b=["aria-hidden","innerHTML"],f=`<g clip-path="url(#clip0_1_2349)">
 <path d="M12 0C10.9169 0 9.86766 0.144375 8.86955 0.413391L7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#FFDA44"/>
 <path d="M7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12H7.82611Z" fill="#6DA544"/>
 <path d="M0 12.0004C0 16.5489 2.53078 20.5061 6.26086 22.5413V1.45947C2.53078 3.49469 0 7.45188 0 12.0004Z" fill="#D80027"/>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_1_2349">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`,y=r.defineComponent({__name:"FlagGwIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:c.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),s=Number(e);if(s&&!isNaN(s)&&Number.isInteger(s)&&s>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,s=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),a=r.computed(()=>{if(s(e.size))return e.size;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,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return c.KUI_ICON_SIZE_50}),g=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),p=n=>{const i={},S=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,o)=>{const d=`${S}-${o}`;return i[o]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,o)=>i[o]?`#${i[o]}`:l)},f={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>f[i]),h=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?u:p(u)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-gw-icon","data-testid":"kui-icon-wrapper-flag-gw-icon",style:r.normalizeStyle(g.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-gw-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:h},null,8,m))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=y;
+</defs>`,w=n.defineComponent({__name:"FlagGwIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:p.KUI_ICON_SIZE_50,validator:i=>{if(typeof i=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i)||typeof i=="number"&&i>0)return!0;if(typeof i=="string"){const e=String(i).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1},colorGradientStart:{type:String,required:!1,default:""},colorGradientStop:{type:String,required:!1,default:""},colorGradientDirection:{type:[String,Number],required:!1,default:"135deg"}},setup(i){const e=i,o=r=>typeof r=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r),l=n.computed(()=>{if(o(e.size))return e.size;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);if(t&&!isNaN(t)&&Number.isInteger(t)&&t>0)return`${t}px`}return p.KUI_ICON_SIZE_50}),S=n.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:l.value,lineHeight:"0",width:l.value,pointerEvents:e.decorative?"none":void 0})),m=r=>{const t={},a=Math.random().toString(36).substring(2,12);return r.replace(/id="([^"]+)"/g,(c,s)=>{const u=`${a}-${s}`;return t[s]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(c,s)=>t[s]?`#${t[s]}`:c)},v={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},h=r=>r.replace(/[<>"'&]/g,t=>v[t]);g.createGradientId(e.staticIds);const y=n.computed(()=>{const r=typeof e.colorGradientStart=="string"?e.colorGradientStart.trim():"",t=typeof e.colorGradientStop=="string"?e.colorGradientStop.trim():"";return null}),C=n.computed(()=>{const r=e.title?`<title data-testid="kui-icon-svg-title">${h(e.title)}</title>`:"",t=y.value,a=t?g.applyColorGradient(f,t):f,d=e.staticIds?a:m(a);return`${r}${d}`});return(r,t)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.as),{"aria-hidden":i.decorative?"true":void 0,class:"kui-icon flag-gw-icon","data-testid":"kui-icon-wrapper-flag-gw-icon",style:n.normalizeStyle(S.value),tabindex:i.decorative?"-1":void 0},{default:n.withCtx(()=>[(n.openBlock(),n.createElementBlock("svg",{"aria-hidden":i.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-gw-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:C.value},null,8,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=w;

package/dist/kong-icons168.es.js

@@ -1,6 +1,7 @@
-import { defineComponent as y, computed as d, openBlock as c, createBlock as C, resolveDynamicComponent as w, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as g } from "./kong-icons1691.es.js";
-const L = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2349)">
+import { defineComponent as b, computed as a, openBlock as u, createBlock as w, resolveDynamicComponent as x, normalizeStyle as L, withCtx as N, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as f } from "./kong-icons1691.es.js";
+import { createGradientId as G, applyColorGradient as I } from "./kong-icons1692.es.js";
+const $ = ["aria-hidden", "innerHTML"], g = `<g clip-path="url(#clip0_1_2349)">
 <path d="M12 0C10.9169 0 9.86766 0.144375 8.86955 0.413391L7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#FFDA44"/>
 <path d="M7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12H7.82611Z" fill="#6DA544"/>
 <path d="M0 12.0004C0 16.5489 2.53078 20.5061 6.26086 22.5413V1.45947C2.53078 3.49469 0 7.45188 0 12.0004Z" fill="#D80027"/>
@@ -11,7 +12,7 @@ const L = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2349)">
 <clipPath id="clip0_1_2349">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, _ = /* @__PURE__ */ y({
+</defs>`, H = /* @__PURE__ */ b({
   __name: "FlagGwIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -42,13 +43,13 @@ const L = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2349)">
     size: {
       type: [Number, String],
       required: !1,
-      default: g,
+      default: f,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
+      validator: (i) => {
+        if (typeof i == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i) || typeof i == "number" && i > 0)
           return !0;
-        if (typeof t == "string") {
-          const e = String(t).replace(/px/gi, ""), n = Number(e);
+        if (typeof i == "string") {
+          const t = String(i).replace(/px/gi, ""), n = Number(t);
           if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
             return !0;
         }
@@ -69,52 +70,92 @@ const L = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2349)">
     staticIds: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * The start color of an optional, dynamically-generated linear gradient.
+     * Accepts a hex, `rgb()`/`rgba()`, or CSS `var()` custom-property value.
+     * The gradient is applied only when both `colorGradientStart` and `colorGradientStop` are provided and valid,
+     * overriding any existing gradient or flat fills. Defaults to an empty string (no gradient).
+     */
+    colorGradientStart: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /**
+     * The stop (end) color of an optional, dynamically-generated linear gradient.
+     * Accepts a hex, `rgb()`/`rgba()`, or CSS `var()` custom-property value.
+     * The gradient is applied only when both `colorGradientStart` and `colorGradientStop` are provided and valid,
+     * overriding any existing gradient or flat fills. Defaults to an empty string (no gradient).
+     */
+    colorGradientStop: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /**
+     * The direction of the generated linear gradient, expressed as a standard CSS gradient angle
+     * (e.g. `45`, `"90deg"`) following the `linear-gradient()` convention (`0deg` points up, increasing clockwise).
+     * Invalid values fall back to the default. Defaults to `135deg` (top-left to bottom-right).
+     */
+    colorGradientDirection: {
+      type: [String, Number],
+      required: !1,
+      default: "135deg"
     }
   },
-  setup(t) {
-    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
-      if (n(e.size))
-        return e.size;
-      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, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
+  setup(i) {
+    const t = i, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), l = a(() => {
+      if (n(t.size))
+        return t.size;
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const r = String(t.size).replace(/px/gi, ""), e = Number(r);
+        if (e && !isNaN(e) && Number.isInteger(e) && e > 0)
+          return `${e}px`;
       }
-      return g;
-    }), u = d(() => ({
+      return f;
+    }), m = a(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: o.value,
+      height: l.value,
       lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const i = {}, S = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, s) => {
-        const l = `${S}-${s}`;
-        return i[s] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
+      width: l.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), S = (r) => {
+      const e = {}, s = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (c, o) => {
+        const p = `${s}-${o}`;
+        return e[o] = p, `id="${p}"`;
+      }).replace(/#([^\s^")]+)/g, (c, o) => e[o] ? `#${e[o]}` : c);
     }, h = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.replace(/[<>"'&]/g, (i) => h[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (r, i) => (c(), C(w(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (e) => h[e]);
+    G(t.staticIds);
+    const y = a(() => {
+      const r = typeof t.colorGradientStart == "string" ? t.colorGradientStart.trim() : "", e = typeof t.colorGradientStop == "string" ? t.colorGradientStop.trim() : "";
+      return null;
+    }), C = a(() => {
+      const r = t.title ? `<title data-testid="kui-icon-svg-title">${v(t.title)}</title>` : "", e = y.value, s = e ? I(g, e) : g, d = t.staticIds ? s : S(s);
+      return `${r}${d}`;
+    });
+    return (r, e) => (u(), w(x(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon flag-gw-icon",
       "data-testid": "kui-icon-wrapper-flag-gw-icon",
-      style: b(u.value),
-      tabindex: t.decorative ? "-1" : void 0
+      style: L(m.value),
+      tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), z("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
+      default: N(() => [
+        (u(), z("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-gw-icon",
           fill: "none",
           height: "100%",
@@ -122,13 +163,13 @@ const L = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2349)">
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, L))
+          innerHTML: C.value
+        }, null, 8, $))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  _ as default
+  H as default
 };

package/dist/kong-icons1692.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a="kong-icon-gradient",l=135,_=/^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,E=/^rgba?\(\s*(?:\d{1,3}(?:\.\d+)?%?\s*,\s*\d{1,3}(?:\.\d+)?%?\s*,\s*\d{1,3}(?:\.\d+)?%?(?:\s*,\s*(?:\d*\.?\d+)%?)?|\d{1,3}(?:\.\d+)?%?\s+\d{1,3}(?:\.\d+)?%?\s+\d{1,3}(?:\.\d+)?%?(?:\s*\/\s*(?:\d*\.?\d+)%?)?)\s*\)$/i,u=/^var\(\s*--[\w-]+\s*(?:,\s*[^"'<>;\s][^"'<>;]*)?\)$/,G=t=>typeof t=="string"&&(_.test(t)||E.test(t)||u.test(t)),p=t=>{if(typeof t=="number"&&Number.isFinite(t))return t;if(typeof t=="string"){const o=/^\s*(-?\d+(?:\.\d+)?)(?:deg)?\s*$/i.exec(t);if(o)return Number(o[1])}return l},f=t=>{const o=t*Math.PI/180,e=Math.sin(o),i=-Math.cos(o),s=12,r=d=>String(Math.round(d*1e4)/1e4);return{x1:r(s-e*s),y1:r(s-i*s),x2:r(s+e*s),y2:r(s+i*s)}},C=(t=!1)=>t?a:`${a}-${Math.random().toString(36).substring(2,12)}`,$=t=>{const o=typeof t.start=="string"?t.start.trim():"",e=typeof t.stop=="string"?t.stop.trim():"";return!G(o)||!G(e)?null:{id:t.id,start:o,stop:e,...f(p(t.direction))}},y=(t,o)=>{const e=[],r=t.replace(/<(defs|mask|clipPath)\b[\s\S]*?<\/\1>/gi,n=>(e.push(n),`%%KONG_ICON_GRADIENT_PROTECTED_${e.length-1}%%`)).replace(/fill="([^"]*)"/g,(n,c)=>c.trim().toLowerCase()==="none"?n:`fill="url(#${o.id})"`).replace(/%%KONG_ICON_GRADIENT_PROTECTED_(\d+)%%/g,(n,c)=>e[Number(c)]),d=`<defs><linearGradient id="${o.id}" gradientUnits="userSpaceOnUse" x1="${o.x1}" y1="${o.y1}" x2="${o.x2}" y2="${o.y2}"><stop stop-color="${o.start}"/><stop offset="1" stop-color="${o.stop}"/></linearGradient></defs>`;return`${r}${d}`};exports.DEFAULT_GRADIENT_ANGLE=l;exports.GRADIENT_ID_BASE=a;exports.applyColorGradient=y;exports.computeGradientCoordinates=f;exports.createGradientId=C;exports.isValidGradientColor=G;exports.parseGradientDirection=p;exports.resolveColorGradient=$;

package/dist/kong-icons1692.es.js

@@ -0,0 +1,39 @@
+const a = "kong-icon-gradient", $ = 135, p = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, _ = /^rgba?\(\s*(?:\d{1,3}(?:\.\d+)?%?\s*,\s*\d{1,3}(?:\.\d+)?%?\s*,\s*\d{1,3}(?:\.\d+)?%?(?:\s*,\s*(?:\d*\.?\d+)%?)?|\d{1,3}(?:\.\d+)?%?\s+\d{1,3}(?:\.\d+)?%?\s+\d{1,3}(?:\.\d+)?%?(?:\s*\/\s*(?:\d*\.?\d+)%?)?)\s*\)$/i, E = /^var\(\s*--[\w-]+\s*(?:,\s*[^"'<>;\s][^"'<>;]*)?\)$/, f = (t) => typeof t == "string" && (p.test(t) || _.test(t) || E.test(t)), G = (t) => {
+  if (typeof t == "number" && Number.isFinite(t))
+    return t;
+  if (typeof t == "string") {
+    const s = /^\s*(-?\d+(?:\.\d+)?)(?:deg)?\s*$/i.exec(t);
+    if (s)
+      return Number(s[1]);
+  }
+  return 135;
+}, l = (t) => {
+  const s = t * Math.PI / 180, o = Math.sin(s), i = -Math.cos(s), e = 12, n = (d) => String(Math.round(d * 1e4) / 1e4);
+  return {
+    x1: n(e - o * e),
+    y1: n(e - i * e),
+    x2: n(e + o * e),
+    y2: n(e + i * e)
+  };
+}, R = (t = !1) => t ? a : `${a}-${Math.random().toString(36).substring(2, 12)}`, u = (t) => {
+  const s = typeof t.start == "string" ? t.start.trim() : "", o = typeof t.stop == "string" ? t.stop.trim() : "";
+  return !f(s) || !f(o) ? null : {
+    id: t.id,
+    start: s,
+    stop: o,
+    ...l(G(t.direction))
+  };
+}, N = (t, s) => {
+  const o = [], n = t.replace(/<(defs|mask|clipPath)\b[\s\S]*?<\/\1>/gi, (r) => (o.push(r), `%%KONG_ICON_GRADIENT_PROTECTED_${o.length - 1}%%`)).replace(/fill="([^"]*)"/g, (r, c) => c.trim().toLowerCase() === "none" ? r : `fill="url(#${s.id})"`).replace(/%%KONG_ICON_GRADIENT_PROTECTED_(\d+)%%/g, (r, c) => o[Number(c)]), d = `<defs><linearGradient id="${s.id}" gradientUnits="userSpaceOnUse" x1="${s.x1}" y1="${s.y1}" x2="${s.x2}" y2="${s.y2}"><stop stop-color="${s.start}"/><stop offset="1" stop-color="${s.stop}"/></linearGradient></defs>`;
+  return `${n}${d}`;
+};
+export {
+  $ as DEFAULT_GRADIENT_ANGLE,
+  a as GRADIENT_ID_BASE,
+  N as applyColorGradient,
+  l as computeGradientCoordinates,
+  R as createGradientId,
+  f as isValidGradientColor,
+  G as parseGradientDirection,
+  u as resolveColorGradient
+};

package/dist/kong-icons170.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),c=require("./kong-icons1691.cjs"),S=["aria-hidden"],u=`<g clip-path="url(#clip0_1_2350)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),p=require("./kong-icons1691.cjs"),g=require("./kong-icons1692.cjs"),b=["aria-hidden","innerHTML"],f=`<g clip-path="url(#clip0_1_2350)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
 <path d="M12 0C9.87837 0 7.88581 0.551344 6.15649 1.51744V22.4826C7.88585 23.4487 9.87837 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#6DA544"/>
 <path d="M6.19184 1.49756C5.43692 1.91592 4.73201 2.41317 4.088 2.97848C4.15311 2.92139 4.21887 2.86495 4.28515 2.80926L13.4757 11.9999L4.28511 21.1905C4.21878 21.1348 4.15306 21.0783 4.08795 21.0212C4.73197 21.5865 5.43692 22.0837 6.1918 22.5022L24 11.9999L6.19184 1.49756Z" fill="#F0F0F0"/>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2350">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`,m=r.defineComponent({__name:"FlagGyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:c.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),s=Number(e);if(s&&!isNaN(s)&&Number.isInteger(s)&&s>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,s=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),a=r.computed(()=>{if(s(e.size))return e.size;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,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return c.KUI_ICON_SIZE_50}),g=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),p=n=>{const i={},C=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,o)=>{const d=`${C}-${o}`;return i[o]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,o)=>i[o]?`#${i[o]}`:l)},f={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>f[i]),h=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?u:p(u)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-gy-icon","data-testid":"kui-icon-wrapper-flag-gy-icon",style:r.normalizeStyle(g.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-gy-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:h},null,8,S))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=m;
+</defs>`,x=n.defineComponent({__name:"FlagGyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:p.KUI_ICON_SIZE_50,validator:i=>{if(typeof i=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i)||typeof i=="number"&&i>0)return!0;if(typeof i=="string"){const e=String(i).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1},colorGradientStart:{type:String,required:!1,default:""},colorGradientStop:{type:String,required:!1,default:""},colorGradientDirection:{type:[String,Number],required:!1,default:"135deg"}},setup(i){const e=i,o=r=>typeof r=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r),l=n.computed(()=>{if(o(e.size))return e.size;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);if(t&&!isNaN(t)&&Number.isInteger(t)&&t>0)return`${t}px`}return p.KUI_ICON_SIZE_50}),S=n.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:l.value,lineHeight:"0",width:l.value,pointerEvents:e.decorative?"none":void 0})),m=r=>{const t={},a=Math.random().toString(36).substring(2,12);return r.replace(/id="([^"]+)"/g,(c,s)=>{const u=`${a}-${s}`;return t[s]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(c,s)=>t[s]?`#${t[s]}`:c)},v={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},h=r=>r.replace(/[<>"'&]/g,t=>v[t]);g.createGradientId(e.staticIds);const y=n.computed(()=>{const r=typeof e.colorGradientStart=="string"?e.colorGradientStart.trim():"",t=typeof e.colorGradientStop=="string"?e.colorGradientStop.trim():"";return null}),C=n.computed(()=>{const r=e.title?`<title data-testid="kui-icon-svg-title">${h(e.title)}</title>`:"",t=y.value,a=t?g.applyColorGradient(f,t):f,d=e.staticIds?a:m(a);return`${r}${d}`});return(r,t)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.as),{"aria-hidden":i.decorative?"true":void 0,class:"kui-icon flag-gy-icon","data-testid":"kui-icon-wrapper-flag-gy-icon",style:n.normalizeStyle(S.value),tabindex:i.decorative?"-1":void 0},{default:n.withCtx(()=>[(n.openBlock(),n.createElementBlock("svg",{"aria-hidden":i.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-gy-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:C.value},null,8,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=x;