@kong/icons 1.61.2 → 1.61.3-pr.885.477c313.0

package/dist/kong-icons810.cjs

@@ -1 +1 @@
-"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='<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z" fill="currentColor"/>',y=r.defineComponent({__name:"EmailIcon",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}),C=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})),g=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,o)=>{const d=`${m}-${o}`;return i[o]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,o)=>i[o]?`#${i[o]}`:l)},p={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},f=n=>n.replace(/[<>"'&]/g,i=>p[i]),v=`${e.title?`<title data-testid="kui-icon-svg-title">${f(e.title)}</title>`:""}${e.staticIds?u:g(u)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon email-icon","data-testid":"kui-icon-wrapper-email-icon",style:r.normalizeStyle(C.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-email-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,S))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),g=require("./kong-icons1691.cjs"),d=require("./kong-icons1692.cjs"),x=["aria-hidden","innerHTML"],C='<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z" fill="currentColor"/>',G=n.defineComponent({__name:"EmailIcon",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:g.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,""),a=Number(e);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>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,a=r=>typeof r=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r),l=n.computed(()=>{if(a(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 g.KUI_ICON_SIZE_50}),f=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})),S=r=>{const t={},o=Math.random().toString(36).substring(2,12);return r.replace(/id="([^"]+)"/g,(u,s)=>{const p=`${o}-${s}`;return t[s]=p,`id="${p}"`}).replace(/#([^\s^")]+)/g,(u,s)=>t[s]?`#${t[s]}`:u)},m={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=r=>r.replace(/[<>"'&]/g,t=>m[t]),y=d.createGradientId(e.staticIds),b=n.computed(()=>{const r=typeof e.colorGradientStart=="string"?e.colorGradientStart.trim():"",t=typeof e.colorGradientStop=="string"?e.colorGradientStop.trim():"";if(!r&&!t)return null;const o=d.resolveColorGradient({id:y,start:r,stop:t,direction:e.colorGradientDirection});return o||(console.warn(`[kong-icons] Ignoring invalid linear gradient: both \`colorGradientStart\` and \`colorGradientStop\` must be a valid hex, rgb()/rgba(), or var() color. Received start="${e.colorGradientStart}", stop="${e.colorGradientStop}".`),null)}),h=n.computed(()=>{const r=e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:"",t=b.value,o=t?d.applyColorGradient(C,t):C,c=e.staticIds?o:S(o);return`${r}${c}`});return(r,t)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.as),{"aria-hidden":i.decorative?"true":void 0,class:"kui-icon email-icon","data-testid":"kui-icon-wrapper-email-icon",style:n.normalizeStyle(f.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-email-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:h.value},null,8,x))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=G;

package/dist/kong-icons810.es.js

@@ -1,6 +1,7 @@
-import { defineComponent as y, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as b, normalizeStyle as x, withCtx as w, createElementBlock as z } from "vue";
-import { KUI_ICON_SIZE_50 as C } from "./kong-icons1691.es.js";
-const N = ["aria-hidden"], u = '<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z" fill="currentColor"/>', E = /* @__PURE__ */ y({
+import { defineComponent as x, computed as s, openBlock as p, createBlock as G, resolveDynamicComponent as w, normalizeStyle as I, withCtx as N, createElementBlock as $ } from "vue";
+import { KUI_ICON_SIZE_50 as g } from "./kong-icons1691.es.js";
+import { createGradientId as z, resolveColorGradient as k, applyColorGradient as q } from "./kong-icons1692.es.js";
+const B = ["aria-hidden", "innerHTML"], C = '<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z" fill="currentColor"/>', D = /* @__PURE__ */ x({
   __name: "EmailIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +32,14 @@ const N = ["aria-hidden"], u = '<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 2
     size: {
       type: [Number, String],
       required: !1,
-      default: C,
+      default: g,
       // 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 (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+        if (typeof i == "string") {
+          const t = String(i).replace(/px/gi, ""), o = Number(t);
+          if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
             return !0;
         }
         return !1;
@@ -58,52 +59,98 @@ const N = ["aria-hidden"], u = '<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 2
     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, o = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), d = s(() => {
+      if (o(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 C;
-    }), g = d(() => ({
+      return g;
+    }), f = s(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: o.value,
+      height: d.value,
       lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), p = (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);
-    }, f = {
+      width: d.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), m = (r) => {
+      const e = {}, n = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (c, a) => {
+        const u = `${n}-${a}`;
+        return e[a] = u, `id="${u}"`;
+      }).replace(/#([^\s^")]+)/g, (c, a) => e[a] ? `#${e[a]}` : c);
+    }, S = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (r) => r.replace(/[<>"'&]/g, (i) => f[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : p(u)}`;
-    return (r, i) => (c(), h(b(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
+    }, v = (r) => r.replace(/[<>"'&]/g, (e) => S[e]), y = z(t.staticIds), h = s(() => {
+      const r = typeof t.colorGradientStart == "string" ? t.colorGradientStart.trim() : "", e = typeof t.colorGradientStop == "string" ? t.colorGradientStop.trim() : "";
+      if (!r && !e)
+        return null;
+      const n = k({
+        id: y,
+        start: r,
+        stop: e,
+        direction: t.colorGradientDirection
+      });
+      return n || (console.warn(`[kong-icons] Ignoring invalid linear gradient: both \`colorGradientStart\` and \`colorGradientStop\` must be a valid hex, rgb()/rgba(), or var() color. Received start="${t.colorGradientStart}", stop="${t.colorGradientStop}".`), null);
+    }), b = s(() => {
+      const r = t.title ? `<title data-testid="kui-icon-svg-title">${v(t.title)}</title>` : "", e = h.value, n = e ? q(C, e) : C, l = t.staticIds ? n : m(n);
+      return `${r}${l}`;
+    });
+    return (r, e) => (p(), G(w(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon email-icon",
       "data-testid": "kui-icon-wrapper-email-icon",
-      style: x(g.value),
-      tabindex: t.decorative ? "-1" : void 0
+      style: I(f.value),
+      tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: w(() => [
-        (c(), z("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
+      default: N(() => [
+        (p(), $("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-email-icon",
           fill: "none",
           height: "100%",
@@ -111,13 +158,13 @@ const N = ["aria-hidden"], u = '<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 2
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, N))
+          innerHTML: b.value
+        }, null, 8, B))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  E as default
+  D as default
 };

package/dist/kong-icons812.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),c=require("./kong-icons1691.cjs"),y=["aria-hidden"],u='<path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill="currentColor"/>',h=r.defineComponent({__name:"EqualIcon",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={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,o)=>{const d=`${m}-${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]),S=`${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 equal-icon","data-testid":"kui-icon-wrapper-equal-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-equal-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:S},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),g=require("./kong-icons1691.cjs"),d=require("./kong-icons1692.cjs"),x=["aria-hidden","innerHTML"],f='<path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill="currentColor"/>',G=n.defineComponent({__name:"EqualIcon",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:g.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,""),a=Number(e);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>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,a=r=>typeof r=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r),l=n.computed(()=>{if(a(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 g.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})),v=r=>{const t={},o=Math.random().toString(36).substring(2,12);return r.replace(/id="([^"]+)"/g,(u,s)=>{const p=`${o}-${s}`;return t[s]=p,`id="${p}"`}).replace(/#([^\s^")]+)/g,(u,s)=>t[s]?`#${t[s]}`:u)},m={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},y=r=>r.replace(/[<>"'&]/g,t=>m[t]),b=d.createGradientId(e.staticIds),h=n.computed(()=>{const r=typeof e.colorGradientStart=="string"?e.colorGradientStart.trim():"",t=typeof e.colorGradientStop=="string"?e.colorGradientStop.trim():"";if(!r&&!t)return null;const o=d.resolveColorGradient({id:b,start:r,stop:t,direction:e.colorGradientDirection});return o||(console.warn(`[kong-icons] Ignoring invalid linear gradient: both \`colorGradientStart\` and \`colorGradientStop\` must be a valid hex, rgb()/rgba(), or var() color. Received start="${e.colorGradientStart}", stop="${e.colorGradientStop}".`),null)}),q=n.computed(()=>{const r=e.title?`<title data-testid="kui-icon-svg-title">${y(e.title)}</title>`:"",t=h.value,o=t?d.applyColorGradient(f,t):f,c=e.staticIds?o:v(o);return`${r}${c}`});return(r,t)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.as),{"aria-hidden":i.decorative?"true":void 0,class:"kui-icon equal-icon","data-testid":"kui-icon-wrapper-equal-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-equal-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:q.value},null,8,x))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=G;

package/dist/kong-icons812.es.js

@@ -1,6 +1,7 @@
-import { defineComponent as h, computed as d, openBlock as c, createBlock as b, resolveDynamicComponent as x, normalizeStyle as w, withCtx as z, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons1691.es.js";
-const q = ["aria-hidden"], g = '<path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill="currentColor"/>', B = /* @__PURE__ */ h({
+import { defineComponent as G, computed as s, openBlock as p, createBlock as q, resolveDynamicComponent as w, normalizeStyle as I, withCtx as N, createElementBlock as $ } from "vue";
+import { KUI_ICON_SIZE_50 as g } from "./kong-icons1691.es.js";
+import { createGradientId as z, resolveColorGradient as C, applyColorGradient as k } from "./kong-icons1692.es.js";
+const H = ["aria-hidden", "innerHTML"], f = '<path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill="currentColor"/>', D = /* @__PURE__ */ G({
   __name: "EqualIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +32,14 @@ const q = ["aria-hidden"], g = '<path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: g,
       // 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 (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+        if (typeof i == "string") {
+          const t = String(i).replace(/px/gi, ""), o = Number(t);
+          if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
             return !0;
         }
         return !1;
@@ -58,52 +59,98 @@ const q = ["aria-hidden"], g = '<path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill
     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, o = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), d = s(() => {
+      if (o(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 u;
-    }), p = d(() => ({
+      return g;
+    }), S = s(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: o.value,
+      height: d.value,
       lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const i = {}, y = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, s) => {
-        const l = `${y}-${s}`;
-        return i[s] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
-    }, m = {
+      width: d.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), m = (r) => {
+      const e = {}, n = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (c, a) => {
+        const u = `${n}-${a}`;
+        return e[a] = u, `id="${u}"`;
+      }).replace(/#([^\s^")]+)/g, (c, a) => e[a] ? `#${e[a]}` : c);
+    }, v = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), S = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? g : f(g)}`;
-    return (r, i) => (c(), b(x(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
+    }, y = (r) => r.replace(/[<>"'&]/g, (e) => v[e]), h = z(t.staticIds), b = s(() => {
+      const r = typeof t.colorGradientStart == "string" ? t.colorGradientStart.trim() : "", e = typeof t.colorGradientStop == "string" ? t.colorGradientStop.trim() : "";
+      if (!r && !e)
+        return null;
+      const n = C({
+        id: h,
+        start: r,
+        stop: e,
+        direction: t.colorGradientDirection
+      });
+      return n || (console.warn(`[kong-icons] Ignoring invalid linear gradient: both \`colorGradientStart\` and \`colorGradientStop\` must be a valid hex, rgb()/rgba(), or var() color. Received start="${t.colorGradientStart}", stop="${t.colorGradientStop}".`), null);
+    }), x = s(() => {
+      const r = t.title ? `<title data-testid="kui-icon-svg-title">${y(t.title)}</title>` : "", e = b.value, n = e ? k(f, e) : f, l = t.staticIds ? n : m(n);
+      return `${r}${l}`;
+    });
+    return (r, e) => (p(), q(w(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon equal-icon",
       "data-testid": "kui-icon-wrapper-equal-icon",
-      style: w(p.value),
-      tabindex: t.decorative ? "-1" : void 0
+      style: I(S.value),
+      tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: z(() => [
-        (c(), N("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
+      default: N(() => [
+        (p(), $("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-equal-icon",
           fill: "none",
           height: "100%",
@@ -111,13 +158,13 @@ const q = ["aria-hidden"], g = '<path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: S
-        }, null, 8, q))
+          innerHTML: x.value
+        }, null, 8, H))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  B as default
+  D as default
 };

package/dist/kong-icons814.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),l=require("./kong-icons1691.cjs"),y=["aria-hidden"],u='<path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z" fill="currentColor"/>',h=r.defineComponent({__name:"ExpandIcon",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:l.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 l.KUI_ICON_SIZE_50}),p=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})),g=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(d,o)=>{const c=`${m}-${o}`;return i[o]=c,`id="${c}"`}).replace(/#([^\s^")]+)/g,(d,o)=>i[o]?`#${i[o]}`:d)},f={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>f[i]),S=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?u:g(u)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon expand-icon","data-testid":"kui-icon-wrapper-expand-icon",style:r.normalizeStyle(p.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-expand-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:S},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),g=require("./kong-icons1691.cjs"),d=require("./kong-icons1692.cjs"),G=["aria-hidden","innerHTML"],f='<path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z" fill="currentColor"/>',I=n.defineComponent({__name:"ExpandIcon",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:g.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,""),a=Number(e);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>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,a=r=>typeof r=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r),c=n.computed(()=>{if(a(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 g.KUI_ICON_SIZE_50}),S=n.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:c.value,lineHeight:"0",width:c.value,pointerEvents:e.decorative?"none":void 0})),v=r=>{const t={},o=Math.random().toString(36).substring(2,12);return r.replace(/id="([^"]+)"/g,(u,s)=>{const p=`${o}-${s}`;return t[s]=p,`id="${p}"`}).replace(/#([^\s^")]+)/g,(u,s)=>t[s]?`#${t[s]}`:u)},m={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},y=r=>r.replace(/[<>"'&]/g,t=>m[t]),b=d.createGradientId(e.staticIds),h=n.computed(()=>{const r=typeof e.colorGradientStart=="string"?e.colorGradientStart.trim():"",t=typeof e.colorGradientStop=="string"?e.colorGradientStop.trim():"";if(!r&&!t)return null;const o=d.resolveColorGradient({id:b,start:r,stop:t,direction:e.colorGradientDirection});return o||(console.warn(`[kong-icons] Ignoring invalid linear gradient: both \`colorGradientStart\` and \`colorGradientStop\` must be a valid hex, rgb()/rgba(), or var() color. Received start="${e.colorGradientStart}", stop="${e.colorGradientStop}".`),null)}),x=n.computed(()=>{const r=e.title?`<title data-testid="kui-icon-svg-title">${y(e.title)}</title>`:"",t=h.value,o=t?d.applyColorGradient(f,t):f,l=e.staticIds?o:v(o);return`${r}${l}`});return(r,t)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.as),{"aria-hidden":i.decorative?"true":void 0,class:"kui-icon expand-icon","data-testid":"kui-icon-wrapper-expand-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-expand-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:x.value},null,8,G))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=I;

package/dist/kong-icons814.es.js

@@ -1,6 +1,7 @@
-import { defineComponent as h, computed as c, openBlock as l, createBlock as x, resolveDynamicComponent as b, normalizeStyle as w, withCtx as z, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons1691.es.js";
-const C = ["aria-hidden"], p = '<path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z" fill="currentColor"/>', B = /* @__PURE__ */ h({
+import { defineComponent as G, computed as s, openBlock as p, createBlock as w, resolveDynamicComponent as I, normalizeStyle as N, withCtx as $, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as g } from "./kong-icons1691.es.js";
+import { createGradientId as C, resolveColorGradient as k, applyColorGradient as q } from "./kong-icons1692.es.js";
+const H = ["aria-hidden", "innerHTML"], f = '<path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z" fill="currentColor"/>', _ = /* @__PURE__ */ G({
   __name: "ExpandIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,14 +32,14 @@ const C = ["aria-hidden"], p = '<path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: g,
       // 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 (n && !isNaN(n) && Number.isInteger(n) && n > 0)
+        if (typeof i == "string") {
+          const t = String(i).replace(/px/gi, ""), o = Number(t);
+          if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
             return !0;
         }
         return !1;
@@ -58,52 +59,98 @@ const C = ["aria-hidden"], p = '<path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.
     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 = c(() => {
-      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, o = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), d = s(() => {
+      if (o(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 u;
-    }), g = c(() => ({
+      return g;
+    }), S = s(() => ({
       boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: o.value,
+      height: d.value,
       lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const i = {}, y = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, s) => {
-        const d = `${y}-${s}`;
-        return i[s] = d, `id="${d}"`;
-      }).replace(/#([^\s^")]+)/g, (a, s) => i[s] ? `#${i[s]}` : a);
-    }, m = {
+      width: d.value,
+      pointerEvents: t.decorative ? "none" : void 0
+    })), m = (r) => {
+      const e = {}, n = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (l, a) => {
+        const u = `${n}-${a}`;
+        return e[a] = u, `id="${u}"`;
+      }).replace(/#([^\s^")]+)/g, (l, a) => e[a] ? `#${e[a]}` : l);
+    }, v = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), S = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (r, i) => (l(), x(b(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
+    }, y = (r) => r.replace(/[<>"'&]/g, (e) => v[e]), h = C(t.staticIds), b = s(() => {
+      const r = typeof t.colorGradientStart == "string" ? t.colorGradientStart.trim() : "", e = typeof t.colorGradientStop == "string" ? t.colorGradientStop.trim() : "";
+      if (!r && !e)
+        return null;
+      const n = k({
+        id: h,
+        start: r,
+        stop: e,
+        direction: t.colorGradientDirection
+      });
+      return n || (console.warn(`[kong-icons] Ignoring invalid linear gradient: both \`colorGradientStart\` and \`colorGradientStop\` must be a valid hex, rgb()/rgba(), or var() color. Received start="${t.colorGradientStart}", stop="${t.colorGradientStop}".`), null);
+    }), x = s(() => {
+      const r = t.title ? `<title data-testid="kui-icon-svg-title">${y(t.title)}</title>` : "", e = b.value, n = e ? q(f, e) : f, c = t.staticIds ? n : m(n);
+      return `${r}${c}`;
+    });
+    return (r, e) => (p(), w(I(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon expand-icon",
       "data-testid": "kui-icon-wrapper-expand-icon",
-      style: w(g.value),
-      tabindex: t.decorative ? "-1" : void 0
+      style: N(S.value),
+      tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: z(() => [
-        (l(), N("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
+      default: $(() => [
+        (p(), z("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-expand-icon",
           fill: "none",
           height: "100%",
@@ -111,13 +158,13 @@ const C = ["aria-hidden"], p = '<path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: S
-        }, null, 8, C))
+          innerHTML: x.value
+        }, null, 8, H))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  B as default
+  _ as default
 };