@kong/icons 1.23.0 → 1.23.1-pr.589.2a5d3c1.0

package/dist/kong-icons1277.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons1277.cjs","sources":["../node_modules/.pnpm/@kong+design-tokens@1.17.4/node_modules/@kong/design-tokens/dist/tokens/js/index.mjs"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n * Generated on Thu, 27 Mar 2025 18:29:41 GMT\n *\n * Kong Design Tokens\n * GitHub: https://github.com/Kong/design-tokens\n * License: Apache-2.0\n */\n\nexport const KUI_COLOR_BACKGROUND = \"#ffffff\"; // Default background color for containers (white).\nexport const KUI_COLOR_BACKGROUND_DANGER = \"#d60027\"; // Background color for danger actions or messages (red.60).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONG = \"#ad000e\"; // Strong background color for danger actions or messages (red.70).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONGER = \"#850000\"; // Stronger background color for danger actions or messages (red.80).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONGEST = \"#5c0000\"; // Strongest background color for danger actions or messages (red.90).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAK = \"#ff3954\"; // Weak background color for danger actions or messages (red.40).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAKER = \"#ffabab\"; // Weaker background color for danger actions or messages (red.20).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAKEST = \"#ffe5e5\"; // Weakest background color for danger actions or messages (red.10).\nexport const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE = \"#6f28ff\"; // Background color for decorative purposes (purple.60).\nexport const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST = \"#f1f0ff\"; // Weakest background color for decorative purposes (purple.10).\nexport const KUI_COLOR_BACKGROUND_DISABLED = \"#e0e4ea\"; // Background color for disabled elements (gray.20).\nexport const KUI_COLOR_BACKGROUND_INVERSE = \"#000933\"; // Inverse background color for containers (blue.100)\nexport const KUI_COLOR_BACKGROUND_NEUTRAL = \"#6c7489\"; // Background color for neutral elements (gray.60).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONG = \"#52596e\"; // Strong background color for neutral elements (gray.70).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONGER = \"#3a3f51\"; // Stronger background color for neutral elements (gray.80).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONGEST = \"#232633\"; // Strongest background color for neutral elements (gray.90).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAK = \"#afb7c5\"; // Weak background color for neutral elements (gray.40).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker background color for neutral elements (gray.20).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST = \"#f9fafb\"; // Weakest background color for neutral elements (gray.10).\nexport const KUI_COLOR_BACKGROUND_OVERLAY = \"rgba(0, 9, 51, 0.6)\"; // Overlay background color (rgba(blue.100, 0.6))\nexport const KUI_COLOR_BACKGROUND_PRIMARY = \"#0044f4\"; // Background color for primary actions or messages (blue.60).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONG = \"#0030cc\"; // Strong background color for primary actions or messages (blue.70).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONGER = \"#002099\"; // Stronger background color for primary actions or messages (blue.80).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONGEST = \"#001466\"; // Strongest background color for primary actions or messages (blue.90).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAK = \"#5f9aff\"; // Weak background color for primary actions or messages (blue.40).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAKER = \"#bee2ff\"; // Weaker background color for primary actions or messages (blue.20).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAKEST = \"#eefaff\"; // Weakest background color for primary actions or messages (blue.10)\nexport const KUI_COLOR_BACKGROUND_SUCCESS_WEAK = \"#00d6a4\"; // Weak background color for success elements (green.40).\nexport const KUI_COLOR_BACKGROUND_SUCCESS_WEAKEST = \"#ecfffb\"; // Weakest background color for success elements (green.10).\nexport const KUI_COLOR_BACKGROUND_TRANSPARENT = \"transparent\"; // Transparent background color (transparent).\nexport const KUI_COLOR_BACKGROUND_WARNING_WEAK = \"#ffc400\"; // Weak background color for warning elements (yellow.40).\nexport const KUI_COLOR_BACKGROUND_WARNING_WEAKEST = \"#fffce0\"; // Weakest background color for warning elements (yellow.10).\nexport const KUI_COLOR_BORDER = \"#e0e4ea\"; // Default border color for containers (gray.20).\nexport const KUI_COLOR_BORDER_DANGER = \"#d60027\"; // Border color for danger actions or messages (red.60).\nexport const KUI_COLOR_BORDER_DANGER_STRONG = \"#ad000e\"; // Strong border color for danger actions or messages (red.70).\nexport const KUI_COLOR_BORDER_DANGER_STRONGER = \"#850000\"; // Stronger border color for danger actions or messages (red.80).\nexport const KUI_COLOR_BORDER_DANGER_STRONGEST = \"#5c0000\"; // Strongest border color for danger actions or messages (red.90).\nexport const KUI_COLOR_BORDER_DANGER_WEAK = \"#ff3954\"; // Weak border color for danger actions or messages (red.40).\nexport const KUI_COLOR_BORDER_DANGER_WEAKER = \"#ffabab\"; // Weaker border color for danger actions or messages (red.20).\nexport const KUI_COLOR_BORDER_DANGER_WEAKEST = \"#ffe5e5\"; // Weakest border color for danger actions or messages (red.10).\nexport const KUI_COLOR_BORDER_DECORATIVE_PURPLE = \"#6f28ff\"; // Border color for decorative purposes (purple.60).\nexport const KUI_COLOR_BORDER_DISABLED = \"#e0e4ea\"; // Border color for disabled elements (gray.20).\nexport const KUI_COLOR_BORDER_INVERSE = \"rgba(255, 255, 255, 0.2)\"; // Inverse border color (rgba(white, 0.2)).\nexport const KUI_COLOR_BORDER_NEUTRAL_WEAK = \"#afb7c5\"; // Weak border color for neutral elements (gray.40)\nexport const KUI_COLOR_BORDER_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker border color for neutral elements (gray.20)\nexport const KUI_COLOR_BORDER_PRIMARY = \"#0044f4\"; // Border color for primary actions or messages (blue.60).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONG = \"#0030cc\"; // Strong border color for primary actions or messages (blue.70).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONGER = \"#002099\"; // Stronger border color for primary actions or messages (blue.80).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONGEST = \"#001466\"; // Strongest border color for primary actions or messages (blue.90).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAK = \"#5f9aff\"; // Weak border color for primary actions or messages (blue.40).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAKER = \"#bee2ff\"; // Weaker border color for primary actions or messages (blue.20).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAKEST = \"#eefaff\"; // Weakest border color for primary actions or messages (blue.10).\nexport const KUI_COLOR_BORDER_TRANSPARENT = \"transparent\"; // Transparent border color (transparent).\nexport const KUI_COLOR_TEXT = \"#000933\"; // Default text color (blue.100).\nexport const KUI_COLOR_TEXT_DANGER = \"#d60027\"; // Text color for danger actions or messages (red.60).\nexport const KUI_COLOR_TEXT_DANGER_STRONG = \"#ad000e\"; // Strong text color for danger actions or messages (red.70).\nexport const KUI_COLOR_TEXT_DECORATIVE_AQUA = \"#00abd2\"; // Text color for decorative purposes (aqua.50).\nexport const KUI_COLOR_TEXT_DECORATIVE_PINK = \"#d60067\"; // Text color for decorative purposes (pink.60).\nexport const KUI_COLOR_TEXT_DECORATIVE_PURPLE = \"#6f28ff\"; // Text color for decorative purposes (purple.60).\nexport const KUI_COLOR_TEXT_DECORATIVE_PURPLE_STRONG = \"#5e00f5\"; // Strong text color for decorative purposes (purple.70).\nexport const KUI_COLOR_TEXT_DISABLED = \"#afb7c5\"; // Text color for disabled elements (gray.40).\nexport const KUI_COLOR_TEXT_INVERSE = \"#ffffff\"; // Inverse text color (white).\nexport const KUI_COLOR_TEXT_NEUTRAL = \"#6c7489\"; // Text color for neutral elements (gray.60).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONG = \"#52596e\"; // Strong text color for neutral elements (gray.70).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONGER = \"#3a3f51\"; // Stronger text color for neutral elements (gray.80).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONGEST = \"#232633\"; // Strongest text color for neutral elements (gray.90).\nexport const KUI_COLOR_TEXT_NEUTRAL_WEAK = \"#afb7c5\"; // Weak text color for neutral elements (gray.40).\nexport const KUI_COLOR_TEXT_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker text color for neutral elements (gray.20).\nexport const KUI_COLOR_TEXT_PRIMARY = \"#0044f4\"; // Text color for primary actions or messages (blue.60).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONG = \"#0030cc\"; // Strong text color for primary actions or messages (blue.70).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONGER = \"#002099\"; // Stronger text color for primary actions or messages (blue.80).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONGEST = \"#001466\"; // Strongest text color for primary actions or messages (blue.90).\nexport const KUI_COLOR_TEXT_PRIMARY_WEAK = \"#5f9aff\"; // Weak text color for primary actions or messages (blue.40).\nexport const KUI_COLOR_TEXT_SUCCESS = \"#007d60\"; // Text color for success actions or messages (green.60).\nexport const KUI_COLOR_TEXT_SUCCESS_STRONG = \"#005944\"; // Strong text color for success actions or messages (green.70).\nexport const KUI_COLOR_TEXT_WARNING = \"#995c00\"; // Text color for warning actions or messages (yellow.60).\nexport const KUI_COLOR_TEXT_WARNING_STRONG = \"#804400\"; // Text color for warning actions or messages (yellow.70).\nexport const KUI_ANIMATION_DURATION_20 = \"0.2s\"; // Default transition timing\nexport const KUI_BORDER_RADIUS_0 = \"0px\"; // 0px border radius.\nexport const KUI_BORDER_RADIUS_10 = \"2px\"; // 2px border radius.\nexport const KUI_BORDER_RADIUS_20 = \"4px\"; // 4px border radius.\nexport const KUI_BORDER_RADIUS_30 = \"6px\"; // 6px border radius.\nexport const KUI_BORDER_RADIUS_40 = \"8px\"; // 8px border radius.\nexport const KUI_BORDER_RADIUS_50 = \"10px\"; // 10px border radius.\nexport const KUI_BORDER_RADIUS_CIRCLE = \"50%\"; // 50% border radius used to create circles.\nexport const KUI_BORDER_RADIUS_ROUND = \"100px\"; // 100px border radius used to create pill shapes.\nexport const KUI_BORDER_WIDTH_0 = \"0px\"; // 0px border width.\nexport const KUI_BORDER_WIDTH_10 = \"1px\"; // 1px border width.\nexport const KUI_BORDER_WIDTH_20 = \"2px\"; // 2px border width.\nexport const KUI_BORDER_WIDTH_30 = \"4px\"; // 4px border width.\nexport const KUI_BREAKPOINT_MOBILE = \"640px\"; // Used for larger mobile screens. Any viewport width under this value is considered mobile.\nexport const KUI_BREAKPOINT_PHABLET = \"768px\"; // Used for tablet screens.\nexport const KUI_BREAKPOINT_TABLET = \"1024px\"; // Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout.\nexport const KUI_BREAKPOINT_LAPTOP = \"1280px\"; // Used for standard desktop screens.\nexport const KUI_BREAKPOINT_DESKTOP = \"1536px\"; // Used for larger desktop screens.\nexport const KUI_ICON_COLOR_DANGER = \"#f50045\"; // Danger color for icons.\nexport const KUI_ICON_COLOR_NEUTRAL = \"#828a9e\"; // Neutral color for icons.\nexport const KUI_ICON_COLOR_PRIMARY = \"#306fff\"; // Primary color for icons.\nexport const KUI_ICON_COLOR_SUCCESS = \"#00a17b\"; // Success color for icons.\nexport const KUI_ICON_COLOR_WARNING = \"#ffc400\"; // Warning color for icons.\nexport const KUI_ICON_SIZE_10 = \"10px\"; // 10px icon size.\nexport const KUI_ICON_SIZE_20 = \"12px\"; // 12px icon size.\nexport const KUI_ICON_SIZE_30 = \"16px\"; // 16px icon size.\nexport const KUI_ICON_SIZE_40 = \"20px\"; // 20px icon size.\nexport const KUI_ICON_SIZE_50 = \"24px\"; // 24px icon size (default).\nexport const KUI_ICON_SIZE_60 = \"32px\"; // 32px icon size.\nexport const KUI_ICON_SIZE_70 = \"40px\"; // 40px icon size.\nexport const KUI_ICON_SIZE_80 = \"48px\"; // 48px icon size.\nexport const KUI_METHOD_COLOR_BACKGROUND_CONNECT = \"#f1f0ff\"; // Background color for the CONNECT method (purple.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_DELETE = \"#ffe5e5\"; // Background color for the DELETE method (red.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_GET = \"#eefaff\"; // Background color for the GET method (blue.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_HEAD = \"#52596e\"; // Background color for the HEAD method (gray.70).\nexport const KUI_METHOD_COLOR_BACKGROUND_OPTIONS = \"#e0e4ea\"; // Background color for the OPTIONS method (gray.20).\nexport const KUI_METHOD_COLOR_BACKGROUND_PATCH = \"#ecfcff\"; // Background color for the PATCH method (aqua.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_POST = \"#ecfffb\"; // Background color for the POST method (green.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_PUT = \"#fffce0\"; // Background color for the PUT method (yellow.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_TRACE = \"#fff0f7\"; // Background color for the TRACE method (pink.10).\nexport const KUI_METHOD_COLOR_TEXT_CONNECT = \"#6f28ff\"; // Text color for the CONNECT method (purple.60).\nexport const KUI_METHOD_COLOR_TEXT_CONNECT_STRONG = \"#5e00f5\"; // Strong text color for the CONNECT method (purple.70).\nexport const KUI_METHOD_COLOR_TEXT_DELETE = \"#d60027\"; // Text color for the DELETE method (red.60).\nexport const KUI_METHOD_COLOR_TEXT_DELETE_STRONG = \"#ad000e\"; // Strong text color for the DELETE method (red.70).\nexport const KUI_METHOD_COLOR_TEXT_GET = \"#0044f4\"; // Text color for the GET method (blue.60).\nexport const KUI_METHOD_COLOR_TEXT_GET_STRONG = \"#0030cc\"; // Strong text color for the GET method (blue.70).\nexport const KUI_METHOD_COLOR_TEXT_HEAD = \"#e0e4ea\"; // Text color for the HEAD method (gray.20).\nexport const KUI_METHOD_COLOR_TEXT_HEAD_STRONG = \"#afb7c5\"; // Strong text color for the HEAD method (gray.40).\nexport const KUI_METHOD_COLOR_TEXT_OPTIONS = \"#52596e\"; // Text color for the OPTIONS method (gray.70).\nexport const KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG = \"#3a3f51\"; // Strong text color for the OPTIONS method (gray.80).\nexport const KUI_METHOD_COLOR_TEXT_PATCH = \"#00819d\"; // Text color for the PATCH method (aqua.60).\nexport const KUI_METHOD_COLOR_TEXT_PATCH_STRONG = \"#00647a\"; // Strong text color for the PATCH method (aqua.70).\nexport const KUI_METHOD_COLOR_TEXT_POST = \"#007d60\"; // Text color for the POST method (green.60).\nexport const KUI_METHOD_COLOR_TEXT_POST_STRONG = \"#005944\"; // Strong text color for the POST method (green.70).\nexport const KUI_METHOD_COLOR_TEXT_PUT = \"#995c00\"; // Text color for the PUT method (yellow.60).\nexport const KUI_METHOD_COLOR_TEXT_PUT_STRONG = \"#804400\"; // Strong text color for the PUT method (yellow.70).\nexport const KUI_METHOD_COLOR_TEXT_TRACE = \"#d60067\"; // Text color for the TRACE method (pink.60).\nexport const KUI_METHOD_COLOR_TEXT_TRACE_STRONG = \"#ad0053\"; // Strong text color for the TRACE method (pink.70).\nexport const KUI_NAVIGATION_COLOR_BACKGROUND = \"#000933\"; // blue.100\nexport const KUI_NAVIGATION_COLOR_BACKGROUND_SELECTED =\n  \"rgba(255, 255, 255, 0.12)\"; // The background color of a selected navigation item.\nexport const KUI_NAVIGATION_COLOR_BORDER = \"rgba(255, 255, 255, 0.12)\"; // rgba(white, 0.12)\nexport const KUI_NAVIGATION_COLOR_BORDER_CHILD = \"#00fabe\"; // The border color for a selected child navigation item.\nexport const KUI_NAVIGATION_COLOR_BORDER_DIVIDER = \"rgba(255, 255, 255, 0.24)\"; // The color of the navigation section divider.\nexport const KUI_NAVIGATION_COLOR_TEXT = \"#bee2ff\"; // Navigation link and icon color.\nexport const KUI_NAVIGATION_COLOR_TEXT_FOCUS = \"#ffffff\"; // Navigation link and icon focus-visible color.\nexport const KUI_NAVIGATION_COLOR_TEXT_HOVER = \"#eefaff\"; // Navigation link and icon hover color.\nexport const KUI_NAVIGATION_COLOR_TEXT_SELECTED = \"#00fabe\"; // Navigation link and icon selected color.\nexport const KUI_NAVIGATION_SHADOW_BORDER =\n  \"0 0 0 1px rgba(255, 255, 255, 0.12) inset\"; // The box-shadow for a focus-visible navigation link.\nexport const KUI_NAVIGATION_SHADOW_BORDER_CHILD = \"4px 0 0 0 #00fabe inset\"; // The left box-shadow for an active child navigation link.\nexport const KUI_NAVIGATION_SHADOW_FOCUS =\n  \"0 0 0 1px rgba(255, 255, 255, 0.60) inset\"; // Navigation link focus-visible box-shadow.\nexport const KUI_STATUS_COLOR_100 = \"#bee2ff\"; // Color representing response status code 100 (blue.20).\nexport const KUI_STATUS_COLOR_101 = \"#8fc1ff\"; // Color representing response status code 101 (blue.30).\nexport const KUI_STATUS_COLOR_102 = \"#5f9aff\"; // Color representing response status code 102 (blue.40).\nexport const KUI_STATUS_COLOR_103 = \"#306fff\"; // Color representing response status code 103 (blue.50).\nexport const KUI_STATUS_COLOR_200 = \"#b5ffee\"; // Color representing response status code 200 (green.20).\nexport const KUI_STATUS_COLOR_201 = \"#00fabe\"; // Color representing response status code 201 (green.30).\nexport const KUI_STATUS_COLOR_202 = \"#00d6a4\"; // Color representing response status code 202 (green.40).\nexport const KUI_STATUS_COLOR_203 = \"#00a17b\"; // Color representing response status code 203 (green.50).\nexport const KUI_STATUS_COLOR_204 = \"#007d60\"; // Color representing response status code 204 (green.60).\nexport const KUI_STATUS_COLOR_205 = \"#005944\"; // Color representing response status code 205 (green.70).\nexport const KUI_STATUS_COLOR_206 = \"#b5ffee\"; // Color representing response status code 206 (green.20).\nexport const KUI_STATUS_COLOR_207 = \"#00fabe\"; // Color representing response status code 207 (green.30).\nexport const KUI_STATUS_COLOR_208 = \"#b5ffee\"; // Color representing response status code 208 (green.40).\nexport const KUI_STATUS_COLOR_226 = \"#00a17b\"; // Color representing response status code 226 (green.50).\nexport const KUI_STATUS_COLOR_300 = \"#fff296\"; // Color representing response status code 100 (yellow.20).\nexport const KUI_STATUS_COLOR_301 = \"#ffe04b\"; // Color representing response status code 101 (yellow.30).\nexport const KUI_STATUS_COLOR_302 = \"#ffc400\"; // Color representing response status code 102 (yellow.40).\nexport const KUI_STATUS_COLOR_303 = \"#b37600\"; // Color representing response status code 103 (yellow.50).\nexport const KUI_STATUS_COLOR_304 = \"#995c00\"; // Color representing response status code 103 (yellow.60).\nexport const KUI_STATUS_COLOR_305 = \"#804400\"; // Color representing response status code 103 (yellow.70).\nexport const KUI_STATUS_COLOR_307 = \"#fff296\"; // Color representing response status code 103 (yellow.20).\nexport const KUI_STATUS_COLOR_308 = \"#ffe04b\"; // Color representing response status code 103 (yellow.30).\nexport const KUI_STATUS_COLOR_400 = \"#FFC2B3\"; // Color representing response status code 400 (orange.20).\nexport const KUI_STATUS_COLOR_401 = \"#FF9877\"; // Color representing response status code 401 (orange.30).\nexport const KUI_STATUS_COLOR_402 = \"#FF723C\"; // Color representing response status code 402 (orange.40).\nexport const KUI_STATUS_COLOR_403 = \"#F75008\"; // Color representing response status code 403 (orange.50).\nexport const KUI_STATUS_COLOR_404 = \"#D13500\"; // Color representing response status code 404 (orange.60).\nexport const KUI_STATUS_COLOR_405 = \"#A31F00\"; // Color representing response status code 405 (orange.70).\nexport const KUI_STATUS_COLOR_406 = \"#FFC2B3\"; // Color representing response status code 406 (orange.20).\nexport const KUI_STATUS_COLOR_407 = \"#FF9877\"; // Color representing response status code 407 (orange.30).\nexport const KUI_STATUS_COLOR_408 = \"#FF723C\"; // Color representing response status code 408 (orange.40).\nexport const KUI_STATUS_COLOR_409 = \"#F75008\"; // Color representing response status code 409 (orange.50).\nexport const KUI_STATUS_COLOR_410 = \"#D13500\"; // Color representing response status code 410 (orange.60).\nexport const KUI_STATUS_COLOR_411 = \"#A31F00\"; // Color representing response status code 411 (orange.70).\nexport const KUI_STATUS_COLOR_412 = \"#FFC2B3\"; // Color representing response status code 412 (orange.20).\nexport const KUI_STATUS_COLOR_413 = \"#FF9877\"; // Color representing response status code 413 (orange.30).\nexport const KUI_STATUS_COLOR_414 = \"#FF723C\"; // Color representing response status code 414 (orange.40).\nexport const KUI_STATUS_COLOR_415 = \"#F75008\"; // Color representing response status code 415 (orange.50).\nexport const KUI_STATUS_COLOR_416 = \"#D13500\"; // Color representing response status code 416 (orange.60).\nexport const KUI_STATUS_COLOR_417 = \"#A31F00\"; // Color representing response status code 417 (orange.70).\nexport const KUI_STATUS_COLOR_418 = \"#FFC2B3\"; // Color representing response status code 418 (orange.20).\nexport const KUI_STATUS_COLOR_421 = \"#FF9877\"; // Color representing response status code 421 (orange.30).\nexport const KUI_STATUS_COLOR_422 = \"#FF723C\"; // Color representing response status code 422 (orange.40).\nexport const KUI_STATUS_COLOR_423 = \"#F75008\"; // Color representing response status code 423 (orange.50).\nexport const KUI_STATUS_COLOR_424 = \"#D13500\"; // Color representing response status code 424 (orange.60).\nexport const KUI_STATUS_COLOR_425 = \"#A31F00\"; // Color representing response status code 425 (orange.70).\nexport const KUI_STATUS_COLOR_426 = \"#FFC2B3\"; // Color representing response status code 426 (orange.20).\nexport const KUI_STATUS_COLOR_428 = \"#FF9877\"; // Color representing response status code 428 (orange.30).\nexport const KUI_STATUS_COLOR_429 = \"#FF723C\"; // Color representing response status code 429 (orange.40).\nexport const KUI_STATUS_COLOR_431 = \"#F75008\"; // Color representing response status code 431 (orange.50).\nexport const KUI_STATUS_COLOR_451 = \"#D13500\"; // Color representing response status code 451 (orange.60).\nexport const KUI_STATUS_COLOR_500 = \"#ffabab\"; // Color representing response status code 500 (red.20).\nexport const KUI_STATUS_COLOR_501 = \"#ff7272\"; // Color representing response status code 501 (red.30).\nexport const KUI_STATUS_COLOR_502 = \"#ff3954\"; // Color representing response status code 502 (red.40).\nexport const KUI_STATUS_COLOR_503 = \"#f50045\"; // Color representing response status code 503 (red.50).\nexport const KUI_STATUS_COLOR_504 = \"#d60027\"; // Color representing response status code 504 (red.60).\nexport const KUI_STATUS_COLOR_505 = \"#ad000e\"; // Color representing response status code 505 (red.70).\nexport const KUI_STATUS_COLOR_506 = \"#ffabab\"; // Color representing response status code 506 (red.20).\nexport const KUI_STATUS_COLOR_507 = \"#ff7272\"; // Color representing response status code 507 (red.30).\nexport const KUI_STATUS_COLOR_508 = \"#ff3954\"; // Color representing response status code 508 (red.40).\nexport const KUI_STATUS_COLOR_510 = \"#f50045\"; // Color representing response status code 510 (red.50).\nexport const KUI_STATUS_COLOR_511 = \"#d60027\"; // Color representing response status code 511 (red.60).\nexport const KUI_STATUS_COLOR_1NA = \"#eefaff\"; // Color for unknown response status codes in the 100-199 range (blue.10).\nexport const KUI_STATUS_COLOR_2NA = \"#ecfffb\"; // Color for unknown response status codes in the 200-299 range (green.10).\nexport const KUI_STATUS_COLOR_3NA = \"#fffce0\"; // Color for unknown response status codes in the 300-399 range (yellow.10).\nexport const KUI_STATUS_COLOR_4NA = \"#FFF1EF\"; // Color for unknown response status codes in the 400-499 range (orange.10).\nexport const KUI_STATUS_COLOR_5NA = \"#ffe5e5\"; // Color for unknown response status codes in the 500-599 range (red.10).\nexport const KUI_STATUS_COLOR_100S = \"#5f9aff\"; // Color for a group of response status codes in the 100-199 range (blue.40).\nexport const KUI_STATUS_COLOR_200S = \"#00d6a4\"; // Color for a group of response status codes in the 200-299 range (green.40).\nexport const KUI_STATUS_COLOR_300S = \"#ffc400\"; // Color for a group of response status codes in the 300-399 range (yellow.40).\nexport const KUI_STATUS_COLOR_400S = \"#FF723C\"; // Color for a group of response status codes in the 400-499 range (orange.40).\nexport const KUI_STATUS_COLOR_500S = \"#ff3954\"; // Color for a group of response status codes in the 500-599 range (red.40).\nexport const KUI_FONT_FAMILY_CODE = \"'JetBrains Mono', Consolas, monospace\"; // The standard monospace text font family. Typically used for code blocks, inline code, and copyable text.\nexport const KUI_FONT_FAMILY_HEADING = \"'Inter', Roboto, Helvetica, sans-serif\"; // The standard heading text font family.\nexport const KUI_FONT_FAMILY_TEXT = \"'Inter', Roboto, Helvetica, sans-serif\"; // The standard text font family.\nexport const KUI_FONT_SIZE_10 = \"10px\";\nexport const KUI_FONT_SIZE_20 = \"12px\";\nexport const KUI_FONT_SIZE_30 = \"14px\";\nexport const KUI_FONT_SIZE_40 = \"16px\";\nexport const KUI_FONT_SIZE_50 = \"18px\";\nexport const KUI_FONT_SIZE_60 = \"20px\";\nexport const KUI_FONT_SIZE_70 = \"24px\";\nexport const KUI_FONT_SIZE_80 = \"32px\";\nexport const KUI_FONT_SIZE_90 = \"40px\";\nexport const KUI_FONT_SIZE_100 = \"48px\";\nexport const KUI_FONT_WEIGHT_BOLD = \"700\"; // 700: The bold font weight.\nexport const KUI_FONT_WEIGHT_MEDIUM = \"500\"; // 500: The medium font weight.\nexport const KUI_FONT_WEIGHT_REGULAR = \"400\"; // 400: The normal font weight.\nexport const KUI_FONT_WEIGHT_SEMIBOLD = \"600\"; // 600: The semibold font weight.\nexport const KUI_LETTER_SPACING_0 = \"normal\"; // Alias for letter-spacing-normal\nexport const KUI_LETTER_SPACING_MINUS_10 = \"-0.12px\"; // -0.12px\nexport const KUI_LETTER_SPACING_MINUS_20 = \"-0.24px\"; // -0.24px\nexport const KUI_LETTER_SPACING_MINUS_30 = \"-0.32px\"; // -0.32px\nexport const KUI_LETTER_SPACING_MINUS_40 = \"-0.4px\"; // -0.4px\nexport const KUI_LETTER_SPACING_MINUS_50 = \"-0.48px\"; // -0.48px\nexport const KUI_LETTER_SPACING_NORMAL = \"normal\"; // normal\nexport const KUI_LINE_HEIGHT_10 = \"12px\"; // 12px\nexport const KUI_LINE_HEIGHT_20 = \"16px\"; // 16px\nexport const KUI_LINE_HEIGHT_30 = \"20px\"; // 20px\nexport const KUI_LINE_HEIGHT_40 = \"24px\"; // 24px\nexport const KUI_LINE_HEIGHT_50 = \"28px\"; // 28px\nexport const KUI_LINE_HEIGHT_60 = \"32px\"; // 32px\nexport const KUI_LINE_HEIGHT_70 = \"36px\"; // 36px\nexport const KUI_LINE_HEIGHT_80 = \"40px\"; // 40px\nexport const KUI_LINE_HEIGHT_90 = \"48px\"; // 48px\nexport const KUI_LINE_HEIGHT_100 = \"56px\"; // 56px\nexport const KUI_SHADOW = \"0px 4px 20px 0px rgba(0, 0, 0, 0.08)\"; // 0px 4px 20px 0px rgba(0, 0, 0, 0.08)\nexport const KUI_SHADOW_BORDER = \"0px 0px 0px 1px #e0e4ea inset\"; // 0px 0px 0px 1px gray.20 inset\nexport const KUI_SHADOW_BORDER_DANGER = \"0px 0px 0px 1px #d60027 inset\"; // 0px 0px 0px 1px red.60 inset\nexport const KUI_SHADOW_BORDER_DANGER_STRONG = \"0px 0px 0px 1px #ad000e inset\"; // 0px 0px 0px 1px red.70 inset\nexport const KUI_SHADOW_BORDER_DISABLED = \"0px 0px 0px 1px #e0e4ea inset\"; // 0px 0px 0px 1px gray.20 inset\nexport const KUI_SHADOW_BORDER_PRIMARY = \"0px 0px 0px 1px #0044f4 inset\"; // 0px 0px 0px 1px blue.60 inset\nexport const KUI_SHADOW_BORDER_PRIMARY_STRONGEST =\n  \"0px 0px 0px 1px #001466 inset\"; // 0px 0px 0px 1px blue.90 inset\nexport const KUI_SHADOW_BORDER_PRIMARY_WEAK = \"0px 0px 0px 1px #5f9aff inset\"; // 0px 0px 0px 1px blue.40 inset\nexport const KUI_SHADOW_FOCUS = \"0px 0px 0px 4px rgba(0, 68, 244, 0.2)\"; // 0px 0px 0px 4px rgba(0, 68, 244, 0.2)\nexport const KUI_SPACE_0 = \"0px\"; // 0px value for gaps, margin, or padding.\nexport const KUI_SPACE_10 = \"2px\"; // 2px value for gaps, margin, or padding.\nexport const KUI_SPACE_20 = \"4px\"; // 4px value for gaps, margin, or padding.\nexport const KUI_SPACE_30 = \"6px\"; // 6px value for gaps, margin, or padding.\nexport const KUI_SPACE_40 = \"8px\"; // 8px value for gaps, margin, or padding.\nexport const KUI_SPACE_50 = \"12px\"; // 12px value for gaps, margin, or padding.\nexport const KUI_SPACE_60 = \"16px\"; // 16px value for gaps, margin, or padding.\nexport const KUI_SPACE_70 = \"20px\"; // 20px value for gaps, margin, or padding.\nexport const KUI_SPACE_80 = \"24px\"; // 24px value for gaps, margin, or padding.\nexport const KUI_SPACE_90 = \"32px\"; // 32px value for gaps, margin, or padding.\nexport const KUI_SPACE_100 = \"40px\"; // 40px value for gaps, margin, or padding.\nexport const KUI_SPACE_110 = \"48px\"; // 48px value for gaps, margin, or padding.\nexport const KUI_SPACE_120 = \"56px\"; // 56px value for gaps, margin, or padding.\nexport const KUI_SPACE_130 = \"64px\"; // 64px value for gaps, margin, or padding.\nexport const KUI_SPACE_140 = \"80px\"; // 80px value for gaps, margin, or padding.\nexport const KUI_SPACE_150 = \"96px\"; // 96px value for gaps, margin, or padding.\nexport const KUI_SPACE_AUTO = \"auto\"; // auto\n"],"names":["KUI_ICON_SIZE_50"],"mappings":"gFAiHY,MAACA,EAAmB","x_google_ignoreList":[0]}
+{"version":3,"file":"kong-icons1277.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/{kong-icons853.cjs → kong-icons1278.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons460.cjs");;/* empty css                */exports.default=e.default;
-//# sourceMappingURL=kong-icons853.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons454.cjs");;/* empty css                */exports.default=e.default;
+//# sourceMappingURL=kong-icons1278.cjs.map

package/dist/kong-icons1278.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1278.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons1279.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons456.cjs");;/* empty css                */exports.default=e.default;
+//# sourceMappingURL=kong-icons1279.cjs.map

package/dist/kong-icons1279.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1279.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kong-icons128.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1277.cjs"),h=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2332)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1280.cjs"),h=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2332)">
 <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="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4346V10.4347H0.101578C0.0347813 10.9471 0 11.4694 0 11.9999C0 12.5304 0.0347813 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#0052B4"/>
 </g>

package/dist/kong-icons128.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons128.cjs","sources":["../src/components/flags/FlagFiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFiIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 15:57:56 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2332)\">\n<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\"/>\n<path d=\"M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4346V10.4347H0.101578C0.0347813 10.9471 0 11.4694 0 11.9999C0 12.5304 0.0347813 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z\" fill=\"#0052B4\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2332\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fi-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fi-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fi-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAezDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}
+{"version":3,"file":"kong-icons128.cjs","sources":["../src/components/flags/FlagFiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFiIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 23:01:57 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2332)\">\n<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\"/>\n<path d=\"M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4346V10.4347H0.101578C0.0347813 10.9471 0 11.4694 0 11.9999C0 12.5304 0.0347813 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z\" fill=\"#0052B4\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2332\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fi-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fi-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fi-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAezDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}

package/dist/kong-icons1280.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="24px";exports.KUI_ICON_SIZE_50=e;
+//# sourceMappingURL=kong-icons1280.cjs.map

package/dist/kong-icons1280.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons1280.cjs","sources":["../node_modules/.pnpm/@kong+design-tokens@1.17.4/node_modules/@kong/design-tokens/dist/tokens/js/index.mjs"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n * Generated on Thu, 27 Mar 2025 18:29:41 GMT\n *\n * Kong Design Tokens\n * GitHub: https://github.com/Kong/design-tokens\n * License: Apache-2.0\n */\n\nexport const KUI_COLOR_BACKGROUND = \"#ffffff\"; // Default background color for containers (white).\nexport const KUI_COLOR_BACKGROUND_DANGER = \"#d60027\"; // Background color for danger actions or messages (red.60).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONG = \"#ad000e\"; // Strong background color for danger actions or messages (red.70).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONGER = \"#850000\"; // Stronger background color for danger actions or messages (red.80).\nexport const KUI_COLOR_BACKGROUND_DANGER_STRONGEST = \"#5c0000\"; // Strongest background color for danger actions or messages (red.90).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAK = \"#ff3954\"; // Weak background color for danger actions or messages (red.40).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAKER = \"#ffabab\"; // Weaker background color for danger actions or messages (red.20).\nexport const KUI_COLOR_BACKGROUND_DANGER_WEAKEST = \"#ffe5e5\"; // Weakest background color for danger actions or messages (red.10).\nexport const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE = \"#6f28ff\"; // Background color for decorative purposes (purple.60).\nexport const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST = \"#f1f0ff\"; // Weakest background color for decorative purposes (purple.10).\nexport const KUI_COLOR_BACKGROUND_DISABLED = \"#e0e4ea\"; // Background color for disabled elements (gray.20).\nexport const KUI_COLOR_BACKGROUND_INVERSE = \"#000933\"; // Inverse background color for containers (blue.100)\nexport const KUI_COLOR_BACKGROUND_NEUTRAL = \"#6c7489\"; // Background color for neutral elements (gray.60).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONG = \"#52596e\"; // Strong background color for neutral elements (gray.70).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONGER = \"#3a3f51\"; // Stronger background color for neutral elements (gray.80).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_STRONGEST = \"#232633\"; // Strongest background color for neutral elements (gray.90).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAK = \"#afb7c5\"; // Weak background color for neutral elements (gray.40).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker background color for neutral elements (gray.20).\nexport const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST = \"#f9fafb\"; // Weakest background color for neutral elements (gray.10).\nexport const KUI_COLOR_BACKGROUND_OVERLAY = \"rgba(0, 9, 51, 0.6)\"; // Overlay background color (rgba(blue.100, 0.6))\nexport const KUI_COLOR_BACKGROUND_PRIMARY = \"#0044f4\"; // Background color for primary actions or messages (blue.60).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONG = \"#0030cc\"; // Strong background color for primary actions or messages (blue.70).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONGER = \"#002099\"; // Stronger background color for primary actions or messages (blue.80).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_STRONGEST = \"#001466\"; // Strongest background color for primary actions or messages (blue.90).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAK = \"#5f9aff\"; // Weak background color for primary actions or messages (blue.40).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAKER = \"#bee2ff\"; // Weaker background color for primary actions or messages (blue.20).\nexport const KUI_COLOR_BACKGROUND_PRIMARY_WEAKEST = \"#eefaff\"; // Weakest background color for primary actions or messages (blue.10)\nexport const KUI_COLOR_BACKGROUND_SUCCESS_WEAK = \"#00d6a4\"; // Weak background color for success elements (green.40).\nexport const KUI_COLOR_BACKGROUND_SUCCESS_WEAKEST = \"#ecfffb\"; // Weakest background color for success elements (green.10).\nexport const KUI_COLOR_BACKGROUND_TRANSPARENT = \"transparent\"; // Transparent background color (transparent).\nexport const KUI_COLOR_BACKGROUND_WARNING_WEAK = \"#ffc400\"; // Weak background color for warning elements (yellow.40).\nexport const KUI_COLOR_BACKGROUND_WARNING_WEAKEST = \"#fffce0\"; // Weakest background color for warning elements (yellow.10).\nexport const KUI_COLOR_BORDER = \"#e0e4ea\"; // Default border color for containers (gray.20).\nexport const KUI_COLOR_BORDER_DANGER = \"#d60027\"; // Border color for danger actions or messages (red.60).\nexport const KUI_COLOR_BORDER_DANGER_STRONG = \"#ad000e\"; // Strong border color for danger actions or messages (red.70).\nexport const KUI_COLOR_BORDER_DANGER_STRONGER = \"#850000\"; // Stronger border color for danger actions or messages (red.80).\nexport const KUI_COLOR_BORDER_DANGER_STRONGEST = \"#5c0000\"; // Strongest border color for danger actions or messages (red.90).\nexport const KUI_COLOR_BORDER_DANGER_WEAK = \"#ff3954\"; // Weak border color for danger actions or messages (red.40).\nexport const KUI_COLOR_BORDER_DANGER_WEAKER = \"#ffabab\"; // Weaker border color for danger actions or messages (red.20).\nexport const KUI_COLOR_BORDER_DANGER_WEAKEST = \"#ffe5e5\"; // Weakest border color for danger actions or messages (red.10).\nexport const KUI_COLOR_BORDER_DECORATIVE_PURPLE = \"#6f28ff\"; // Border color for decorative purposes (purple.60).\nexport const KUI_COLOR_BORDER_DISABLED = \"#e0e4ea\"; // Border color for disabled elements (gray.20).\nexport const KUI_COLOR_BORDER_INVERSE = \"rgba(255, 255, 255, 0.2)\"; // Inverse border color (rgba(white, 0.2)).\nexport const KUI_COLOR_BORDER_NEUTRAL_WEAK = \"#afb7c5\"; // Weak border color for neutral elements (gray.40)\nexport const KUI_COLOR_BORDER_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker border color for neutral elements (gray.20)\nexport const KUI_COLOR_BORDER_PRIMARY = \"#0044f4\"; // Border color for primary actions or messages (blue.60).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONG = \"#0030cc\"; // Strong border color for primary actions or messages (blue.70).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONGER = \"#002099\"; // Stronger border color for primary actions or messages (blue.80).\nexport const KUI_COLOR_BORDER_PRIMARY_STRONGEST = \"#001466\"; // Strongest border color for primary actions or messages (blue.90).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAK = \"#5f9aff\"; // Weak border color for primary actions or messages (blue.40).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAKER = \"#bee2ff\"; // Weaker border color for primary actions or messages (blue.20).\nexport const KUI_COLOR_BORDER_PRIMARY_WEAKEST = \"#eefaff\"; // Weakest border color for primary actions or messages (blue.10).\nexport const KUI_COLOR_BORDER_TRANSPARENT = \"transparent\"; // Transparent border color (transparent).\nexport const KUI_COLOR_TEXT = \"#000933\"; // Default text color (blue.100).\nexport const KUI_COLOR_TEXT_DANGER = \"#d60027\"; // Text color for danger actions or messages (red.60).\nexport const KUI_COLOR_TEXT_DANGER_STRONG = \"#ad000e\"; // Strong text color for danger actions or messages (red.70).\nexport const KUI_COLOR_TEXT_DECORATIVE_AQUA = \"#00abd2\"; // Text color for decorative purposes (aqua.50).\nexport const KUI_COLOR_TEXT_DECORATIVE_PINK = \"#d60067\"; // Text color for decorative purposes (pink.60).\nexport const KUI_COLOR_TEXT_DECORATIVE_PURPLE = \"#6f28ff\"; // Text color for decorative purposes (purple.60).\nexport const KUI_COLOR_TEXT_DECORATIVE_PURPLE_STRONG = \"#5e00f5\"; // Strong text color for decorative purposes (purple.70).\nexport const KUI_COLOR_TEXT_DISABLED = \"#afb7c5\"; // Text color for disabled elements (gray.40).\nexport const KUI_COLOR_TEXT_INVERSE = \"#ffffff\"; // Inverse text color (white).\nexport const KUI_COLOR_TEXT_NEUTRAL = \"#6c7489\"; // Text color for neutral elements (gray.60).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONG = \"#52596e\"; // Strong text color for neutral elements (gray.70).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONGER = \"#3a3f51\"; // Stronger text color for neutral elements (gray.80).\nexport const KUI_COLOR_TEXT_NEUTRAL_STRONGEST = \"#232633\"; // Strongest text color for neutral elements (gray.90).\nexport const KUI_COLOR_TEXT_NEUTRAL_WEAK = \"#afb7c5\"; // Weak text color for neutral elements (gray.40).\nexport const KUI_COLOR_TEXT_NEUTRAL_WEAKER = \"#e0e4ea\"; // Weaker text color for neutral elements (gray.20).\nexport const KUI_COLOR_TEXT_PRIMARY = \"#0044f4\"; // Text color for primary actions or messages (blue.60).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONG = \"#0030cc\"; // Strong text color for primary actions or messages (blue.70).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONGER = \"#002099\"; // Stronger text color for primary actions or messages (blue.80).\nexport const KUI_COLOR_TEXT_PRIMARY_STRONGEST = \"#001466\"; // Strongest text color for primary actions or messages (blue.90).\nexport const KUI_COLOR_TEXT_PRIMARY_WEAK = \"#5f9aff\"; // Weak text color for primary actions or messages (blue.40).\nexport const KUI_COLOR_TEXT_SUCCESS = \"#007d60\"; // Text color for success actions or messages (green.60).\nexport const KUI_COLOR_TEXT_SUCCESS_STRONG = \"#005944\"; // Strong text color for success actions or messages (green.70).\nexport const KUI_COLOR_TEXT_WARNING = \"#995c00\"; // Text color for warning actions or messages (yellow.60).\nexport const KUI_COLOR_TEXT_WARNING_STRONG = \"#804400\"; // Text color for warning actions or messages (yellow.70).\nexport const KUI_ANIMATION_DURATION_20 = \"0.2s\"; // Default transition timing\nexport const KUI_BORDER_RADIUS_0 = \"0px\"; // 0px border radius.\nexport const KUI_BORDER_RADIUS_10 = \"2px\"; // 2px border radius.\nexport const KUI_BORDER_RADIUS_20 = \"4px\"; // 4px border radius.\nexport const KUI_BORDER_RADIUS_30 = \"6px\"; // 6px border radius.\nexport const KUI_BORDER_RADIUS_40 = \"8px\"; // 8px border radius.\nexport const KUI_BORDER_RADIUS_50 = \"10px\"; // 10px border radius.\nexport const KUI_BORDER_RADIUS_CIRCLE = \"50%\"; // 50% border radius used to create circles.\nexport const KUI_BORDER_RADIUS_ROUND = \"100px\"; // 100px border radius used to create pill shapes.\nexport const KUI_BORDER_WIDTH_0 = \"0px\"; // 0px border width.\nexport const KUI_BORDER_WIDTH_10 = \"1px\"; // 1px border width.\nexport const KUI_BORDER_WIDTH_20 = \"2px\"; // 2px border width.\nexport const KUI_BORDER_WIDTH_30 = \"4px\"; // 4px border width.\nexport const KUI_BREAKPOINT_MOBILE = \"640px\"; // Used for larger mobile screens. Any viewport width under this value is considered mobile.\nexport const KUI_BREAKPOINT_PHABLET = \"768px\"; // Used for tablet screens.\nexport const KUI_BREAKPOINT_TABLET = \"1024px\"; // Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout.\nexport const KUI_BREAKPOINT_LAPTOP = \"1280px\"; // Used for standard desktop screens.\nexport const KUI_BREAKPOINT_DESKTOP = \"1536px\"; // Used for larger desktop screens.\nexport const KUI_ICON_COLOR_DANGER = \"#f50045\"; // Danger color for icons.\nexport const KUI_ICON_COLOR_NEUTRAL = \"#828a9e\"; // Neutral color for icons.\nexport const KUI_ICON_COLOR_PRIMARY = \"#306fff\"; // Primary color for icons.\nexport const KUI_ICON_COLOR_SUCCESS = \"#00a17b\"; // Success color for icons.\nexport const KUI_ICON_COLOR_WARNING = \"#ffc400\"; // Warning color for icons.\nexport const KUI_ICON_SIZE_10 = \"10px\"; // 10px icon size.\nexport const KUI_ICON_SIZE_20 = \"12px\"; // 12px icon size.\nexport const KUI_ICON_SIZE_30 = \"16px\"; // 16px icon size.\nexport const KUI_ICON_SIZE_40 = \"20px\"; // 20px icon size.\nexport const KUI_ICON_SIZE_50 = \"24px\"; // 24px icon size (default).\nexport const KUI_ICON_SIZE_60 = \"32px\"; // 32px icon size.\nexport const KUI_ICON_SIZE_70 = \"40px\"; // 40px icon size.\nexport const KUI_ICON_SIZE_80 = \"48px\"; // 48px icon size.\nexport const KUI_METHOD_COLOR_BACKGROUND_CONNECT = \"#f1f0ff\"; // Background color for the CONNECT method (purple.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_DELETE = \"#ffe5e5\"; // Background color for the DELETE method (red.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_GET = \"#eefaff\"; // Background color for the GET method (blue.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_HEAD = \"#52596e\"; // Background color for the HEAD method (gray.70).\nexport const KUI_METHOD_COLOR_BACKGROUND_OPTIONS = \"#e0e4ea\"; // Background color for the OPTIONS method (gray.20).\nexport const KUI_METHOD_COLOR_BACKGROUND_PATCH = \"#ecfcff\"; // Background color for the PATCH method (aqua.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_POST = \"#ecfffb\"; // Background color for the POST method (green.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_PUT = \"#fffce0\"; // Background color for the PUT method (yellow.10).\nexport const KUI_METHOD_COLOR_BACKGROUND_TRACE = \"#fff0f7\"; // Background color for the TRACE method (pink.10).\nexport const KUI_METHOD_COLOR_TEXT_CONNECT = \"#6f28ff\"; // Text color for the CONNECT method (purple.60).\nexport const KUI_METHOD_COLOR_TEXT_CONNECT_STRONG = \"#5e00f5\"; // Strong text color for the CONNECT method (purple.70).\nexport const KUI_METHOD_COLOR_TEXT_DELETE = \"#d60027\"; // Text color for the DELETE method (red.60).\nexport const KUI_METHOD_COLOR_TEXT_DELETE_STRONG = \"#ad000e\"; // Strong text color for the DELETE method (red.70).\nexport const KUI_METHOD_COLOR_TEXT_GET = \"#0044f4\"; // Text color for the GET method (blue.60).\nexport const KUI_METHOD_COLOR_TEXT_GET_STRONG = \"#0030cc\"; // Strong text color for the GET method (blue.70).\nexport const KUI_METHOD_COLOR_TEXT_HEAD = \"#e0e4ea\"; // Text color for the HEAD method (gray.20).\nexport const KUI_METHOD_COLOR_TEXT_HEAD_STRONG = \"#afb7c5\"; // Strong text color for the HEAD method (gray.40).\nexport const KUI_METHOD_COLOR_TEXT_OPTIONS = \"#52596e\"; // Text color for the OPTIONS method (gray.70).\nexport const KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG = \"#3a3f51\"; // Strong text color for the OPTIONS method (gray.80).\nexport const KUI_METHOD_COLOR_TEXT_PATCH = \"#00819d\"; // Text color for the PATCH method (aqua.60).\nexport const KUI_METHOD_COLOR_TEXT_PATCH_STRONG = \"#00647a\"; // Strong text color for the PATCH method (aqua.70).\nexport const KUI_METHOD_COLOR_TEXT_POST = \"#007d60\"; // Text color for the POST method (green.60).\nexport const KUI_METHOD_COLOR_TEXT_POST_STRONG = \"#005944\"; // Strong text color for the POST method (green.70).\nexport const KUI_METHOD_COLOR_TEXT_PUT = \"#995c00\"; // Text color for the PUT method (yellow.60).\nexport const KUI_METHOD_COLOR_TEXT_PUT_STRONG = \"#804400\"; // Strong text color for the PUT method (yellow.70).\nexport const KUI_METHOD_COLOR_TEXT_TRACE = \"#d60067\"; // Text color for the TRACE method (pink.60).\nexport const KUI_METHOD_COLOR_TEXT_TRACE_STRONG = \"#ad0053\"; // Strong text color for the TRACE method (pink.70).\nexport const KUI_NAVIGATION_COLOR_BACKGROUND = \"#000933\"; // blue.100\nexport const KUI_NAVIGATION_COLOR_BACKGROUND_SELECTED =\n  \"rgba(255, 255, 255, 0.12)\"; // The background color of a selected navigation item.\nexport const KUI_NAVIGATION_COLOR_BORDER = \"rgba(255, 255, 255, 0.12)\"; // rgba(white, 0.12)\nexport const KUI_NAVIGATION_COLOR_BORDER_CHILD = \"#00fabe\"; // The border color for a selected child navigation item.\nexport const KUI_NAVIGATION_COLOR_BORDER_DIVIDER = \"rgba(255, 255, 255, 0.24)\"; // The color of the navigation section divider.\nexport const KUI_NAVIGATION_COLOR_TEXT = \"#bee2ff\"; // Navigation link and icon color.\nexport const KUI_NAVIGATION_COLOR_TEXT_FOCUS = \"#ffffff\"; // Navigation link and icon focus-visible color.\nexport const KUI_NAVIGATION_COLOR_TEXT_HOVER = \"#eefaff\"; // Navigation link and icon hover color.\nexport const KUI_NAVIGATION_COLOR_TEXT_SELECTED = \"#00fabe\"; // Navigation link and icon selected color.\nexport const KUI_NAVIGATION_SHADOW_BORDER =\n  \"0 0 0 1px rgba(255, 255, 255, 0.12) inset\"; // The box-shadow for a focus-visible navigation link.\nexport const KUI_NAVIGATION_SHADOW_BORDER_CHILD = \"4px 0 0 0 #00fabe inset\"; // The left box-shadow for an active child navigation link.\nexport const KUI_NAVIGATION_SHADOW_FOCUS =\n  \"0 0 0 1px rgba(255, 255, 255, 0.60) inset\"; // Navigation link focus-visible box-shadow.\nexport const KUI_STATUS_COLOR_100 = \"#bee2ff\"; // Color representing response status code 100 (blue.20).\nexport const KUI_STATUS_COLOR_101 = \"#8fc1ff\"; // Color representing response status code 101 (blue.30).\nexport const KUI_STATUS_COLOR_102 = \"#5f9aff\"; // Color representing response status code 102 (blue.40).\nexport const KUI_STATUS_COLOR_103 = \"#306fff\"; // Color representing response status code 103 (blue.50).\nexport const KUI_STATUS_COLOR_200 = \"#b5ffee\"; // Color representing response status code 200 (green.20).\nexport const KUI_STATUS_COLOR_201 = \"#00fabe\"; // Color representing response status code 201 (green.30).\nexport const KUI_STATUS_COLOR_202 = \"#00d6a4\"; // Color representing response status code 202 (green.40).\nexport const KUI_STATUS_COLOR_203 = \"#00a17b\"; // Color representing response status code 203 (green.50).\nexport const KUI_STATUS_COLOR_204 = \"#007d60\"; // Color representing response status code 204 (green.60).\nexport const KUI_STATUS_COLOR_205 = \"#005944\"; // Color representing response status code 205 (green.70).\nexport const KUI_STATUS_COLOR_206 = \"#b5ffee\"; // Color representing response status code 206 (green.20).\nexport const KUI_STATUS_COLOR_207 = \"#00fabe\"; // Color representing response status code 207 (green.30).\nexport const KUI_STATUS_COLOR_208 = \"#b5ffee\"; // Color representing response status code 208 (green.40).\nexport const KUI_STATUS_COLOR_226 = \"#00a17b\"; // Color representing response status code 226 (green.50).\nexport const KUI_STATUS_COLOR_300 = \"#fff296\"; // Color representing response status code 100 (yellow.20).\nexport const KUI_STATUS_COLOR_301 = \"#ffe04b\"; // Color representing response status code 101 (yellow.30).\nexport const KUI_STATUS_COLOR_302 = \"#ffc400\"; // Color representing response status code 102 (yellow.40).\nexport const KUI_STATUS_COLOR_303 = \"#b37600\"; // Color representing response status code 103 (yellow.50).\nexport const KUI_STATUS_COLOR_304 = \"#995c00\"; // Color representing response status code 103 (yellow.60).\nexport const KUI_STATUS_COLOR_305 = \"#804400\"; // Color representing response status code 103 (yellow.70).\nexport const KUI_STATUS_COLOR_307 = \"#fff296\"; // Color representing response status code 103 (yellow.20).\nexport const KUI_STATUS_COLOR_308 = \"#ffe04b\"; // Color representing response status code 103 (yellow.30).\nexport const KUI_STATUS_COLOR_400 = \"#FFC2B3\"; // Color representing response status code 400 (orange.20).\nexport const KUI_STATUS_COLOR_401 = \"#FF9877\"; // Color representing response status code 401 (orange.30).\nexport const KUI_STATUS_COLOR_402 = \"#FF723C\"; // Color representing response status code 402 (orange.40).\nexport const KUI_STATUS_COLOR_403 = \"#F75008\"; // Color representing response status code 403 (orange.50).\nexport const KUI_STATUS_COLOR_404 = \"#D13500\"; // Color representing response status code 404 (orange.60).\nexport const KUI_STATUS_COLOR_405 = \"#A31F00\"; // Color representing response status code 405 (orange.70).\nexport const KUI_STATUS_COLOR_406 = \"#FFC2B3\"; // Color representing response status code 406 (orange.20).\nexport const KUI_STATUS_COLOR_407 = \"#FF9877\"; // Color representing response status code 407 (orange.30).\nexport const KUI_STATUS_COLOR_408 = \"#FF723C\"; // Color representing response status code 408 (orange.40).\nexport const KUI_STATUS_COLOR_409 = \"#F75008\"; // Color representing response status code 409 (orange.50).\nexport const KUI_STATUS_COLOR_410 = \"#D13500\"; // Color representing response status code 410 (orange.60).\nexport const KUI_STATUS_COLOR_411 = \"#A31F00\"; // Color representing response status code 411 (orange.70).\nexport const KUI_STATUS_COLOR_412 = \"#FFC2B3\"; // Color representing response status code 412 (orange.20).\nexport const KUI_STATUS_COLOR_413 = \"#FF9877\"; // Color representing response status code 413 (orange.30).\nexport const KUI_STATUS_COLOR_414 = \"#FF723C\"; // Color representing response status code 414 (orange.40).\nexport const KUI_STATUS_COLOR_415 = \"#F75008\"; // Color representing response status code 415 (orange.50).\nexport const KUI_STATUS_COLOR_416 = \"#D13500\"; // Color representing response status code 416 (orange.60).\nexport const KUI_STATUS_COLOR_417 = \"#A31F00\"; // Color representing response status code 417 (orange.70).\nexport const KUI_STATUS_COLOR_418 = \"#FFC2B3\"; // Color representing response status code 418 (orange.20).\nexport const KUI_STATUS_COLOR_421 = \"#FF9877\"; // Color representing response status code 421 (orange.30).\nexport const KUI_STATUS_COLOR_422 = \"#FF723C\"; // Color representing response status code 422 (orange.40).\nexport const KUI_STATUS_COLOR_423 = \"#F75008\"; // Color representing response status code 423 (orange.50).\nexport const KUI_STATUS_COLOR_424 = \"#D13500\"; // Color representing response status code 424 (orange.60).\nexport const KUI_STATUS_COLOR_425 = \"#A31F00\"; // Color representing response status code 425 (orange.70).\nexport const KUI_STATUS_COLOR_426 = \"#FFC2B3\"; // Color representing response status code 426 (orange.20).\nexport const KUI_STATUS_COLOR_428 = \"#FF9877\"; // Color representing response status code 428 (orange.30).\nexport const KUI_STATUS_COLOR_429 = \"#FF723C\"; // Color representing response status code 429 (orange.40).\nexport const KUI_STATUS_COLOR_431 = \"#F75008\"; // Color representing response status code 431 (orange.50).\nexport const KUI_STATUS_COLOR_451 = \"#D13500\"; // Color representing response status code 451 (orange.60).\nexport const KUI_STATUS_COLOR_500 = \"#ffabab\"; // Color representing response status code 500 (red.20).\nexport const KUI_STATUS_COLOR_501 = \"#ff7272\"; // Color representing response status code 501 (red.30).\nexport const KUI_STATUS_COLOR_502 = \"#ff3954\"; // Color representing response status code 502 (red.40).\nexport const KUI_STATUS_COLOR_503 = \"#f50045\"; // Color representing response status code 503 (red.50).\nexport const KUI_STATUS_COLOR_504 = \"#d60027\"; // Color representing response status code 504 (red.60).\nexport const KUI_STATUS_COLOR_505 = \"#ad000e\"; // Color representing response status code 505 (red.70).\nexport const KUI_STATUS_COLOR_506 = \"#ffabab\"; // Color representing response status code 506 (red.20).\nexport const KUI_STATUS_COLOR_507 = \"#ff7272\"; // Color representing response status code 507 (red.30).\nexport const KUI_STATUS_COLOR_508 = \"#ff3954\"; // Color representing response status code 508 (red.40).\nexport const KUI_STATUS_COLOR_510 = \"#f50045\"; // Color representing response status code 510 (red.50).\nexport const KUI_STATUS_COLOR_511 = \"#d60027\"; // Color representing response status code 511 (red.60).\nexport const KUI_STATUS_COLOR_1NA = \"#eefaff\"; // Color for unknown response status codes in the 100-199 range (blue.10).\nexport const KUI_STATUS_COLOR_2NA = \"#ecfffb\"; // Color for unknown response status codes in the 200-299 range (green.10).\nexport const KUI_STATUS_COLOR_3NA = \"#fffce0\"; // Color for unknown response status codes in the 300-399 range (yellow.10).\nexport const KUI_STATUS_COLOR_4NA = \"#FFF1EF\"; // Color for unknown response status codes in the 400-499 range (orange.10).\nexport const KUI_STATUS_COLOR_5NA = \"#ffe5e5\"; // Color for unknown response status codes in the 500-599 range (red.10).\nexport const KUI_STATUS_COLOR_100S = \"#5f9aff\"; // Color for a group of response status codes in the 100-199 range (blue.40).\nexport const KUI_STATUS_COLOR_200S = \"#00d6a4\"; // Color for a group of response status codes in the 200-299 range (green.40).\nexport const KUI_STATUS_COLOR_300S = \"#ffc400\"; // Color for a group of response status codes in the 300-399 range (yellow.40).\nexport const KUI_STATUS_COLOR_400S = \"#FF723C\"; // Color for a group of response status codes in the 400-499 range (orange.40).\nexport const KUI_STATUS_COLOR_500S = \"#ff3954\"; // Color for a group of response status codes in the 500-599 range (red.40).\nexport const KUI_FONT_FAMILY_CODE = \"'JetBrains Mono', Consolas, monospace\"; // The standard monospace text font family. Typically used for code blocks, inline code, and copyable text.\nexport const KUI_FONT_FAMILY_HEADING = \"'Inter', Roboto, Helvetica, sans-serif\"; // The standard heading text font family.\nexport const KUI_FONT_FAMILY_TEXT = \"'Inter', Roboto, Helvetica, sans-serif\"; // The standard text font family.\nexport const KUI_FONT_SIZE_10 = \"10px\";\nexport const KUI_FONT_SIZE_20 = \"12px\";\nexport const KUI_FONT_SIZE_30 = \"14px\";\nexport const KUI_FONT_SIZE_40 = \"16px\";\nexport const KUI_FONT_SIZE_50 = \"18px\";\nexport const KUI_FONT_SIZE_60 = \"20px\";\nexport const KUI_FONT_SIZE_70 = \"24px\";\nexport const KUI_FONT_SIZE_80 = \"32px\";\nexport const KUI_FONT_SIZE_90 = \"40px\";\nexport const KUI_FONT_SIZE_100 = \"48px\";\nexport const KUI_FONT_WEIGHT_BOLD = \"700\"; // 700: The bold font weight.\nexport const KUI_FONT_WEIGHT_MEDIUM = \"500\"; // 500: The medium font weight.\nexport const KUI_FONT_WEIGHT_REGULAR = \"400\"; // 400: The normal font weight.\nexport const KUI_FONT_WEIGHT_SEMIBOLD = \"600\"; // 600: The semibold font weight.\nexport const KUI_LETTER_SPACING_0 = \"normal\"; // Alias for letter-spacing-normal\nexport const KUI_LETTER_SPACING_MINUS_10 = \"-0.12px\"; // -0.12px\nexport const KUI_LETTER_SPACING_MINUS_20 = \"-0.24px\"; // -0.24px\nexport const KUI_LETTER_SPACING_MINUS_30 = \"-0.32px\"; // -0.32px\nexport const KUI_LETTER_SPACING_MINUS_40 = \"-0.4px\"; // -0.4px\nexport const KUI_LETTER_SPACING_MINUS_50 = \"-0.48px\"; // -0.48px\nexport const KUI_LETTER_SPACING_NORMAL = \"normal\"; // normal\nexport const KUI_LINE_HEIGHT_10 = \"12px\"; // 12px\nexport const KUI_LINE_HEIGHT_20 = \"16px\"; // 16px\nexport const KUI_LINE_HEIGHT_30 = \"20px\"; // 20px\nexport const KUI_LINE_HEIGHT_40 = \"24px\"; // 24px\nexport const KUI_LINE_HEIGHT_50 = \"28px\"; // 28px\nexport const KUI_LINE_HEIGHT_60 = \"32px\"; // 32px\nexport const KUI_LINE_HEIGHT_70 = \"36px\"; // 36px\nexport const KUI_LINE_HEIGHT_80 = \"40px\"; // 40px\nexport const KUI_LINE_HEIGHT_90 = \"48px\"; // 48px\nexport const KUI_LINE_HEIGHT_100 = \"56px\"; // 56px\nexport const KUI_SHADOW = \"0px 4px 20px 0px rgba(0, 0, 0, 0.08)\"; // 0px 4px 20px 0px rgba(0, 0, 0, 0.08)\nexport const KUI_SHADOW_BORDER = \"0px 0px 0px 1px #e0e4ea inset\"; // 0px 0px 0px 1px gray.20 inset\nexport const KUI_SHADOW_BORDER_DANGER = \"0px 0px 0px 1px #d60027 inset\"; // 0px 0px 0px 1px red.60 inset\nexport const KUI_SHADOW_BORDER_DANGER_STRONG = \"0px 0px 0px 1px #ad000e inset\"; // 0px 0px 0px 1px red.70 inset\nexport const KUI_SHADOW_BORDER_DISABLED = \"0px 0px 0px 1px #e0e4ea inset\"; // 0px 0px 0px 1px gray.20 inset\nexport const KUI_SHADOW_BORDER_PRIMARY = \"0px 0px 0px 1px #0044f4 inset\"; // 0px 0px 0px 1px blue.60 inset\nexport const KUI_SHADOW_BORDER_PRIMARY_STRONGEST =\n  \"0px 0px 0px 1px #001466 inset\"; // 0px 0px 0px 1px blue.90 inset\nexport const KUI_SHADOW_BORDER_PRIMARY_WEAK = \"0px 0px 0px 1px #5f9aff inset\"; // 0px 0px 0px 1px blue.40 inset\nexport const KUI_SHADOW_FOCUS = \"0px 0px 0px 4px rgba(0, 68, 244, 0.2)\"; // 0px 0px 0px 4px rgba(0, 68, 244, 0.2)\nexport const KUI_SPACE_0 = \"0px\"; // 0px value for gaps, margin, or padding.\nexport const KUI_SPACE_10 = \"2px\"; // 2px value for gaps, margin, or padding.\nexport const KUI_SPACE_20 = \"4px\"; // 4px value for gaps, margin, or padding.\nexport const KUI_SPACE_30 = \"6px\"; // 6px value for gaps, margin, or padding.\nexport const KUI_SPACE_40 = \"8px\"; // 8px value for gaps, margin, or padding.\nexport const KUI_SPACE_50 = \"12px\"; // 12px value for gaps, margin, or padding.\nexport const KUI_SPACE_60 = \"16px\"; // 16px value for gaps, margin, or padding.\nexport const KUI_SPACE_70 = \"20px\"; // 20px value for gaps, margin, or padding.\nexport const KUI_SPACE_80 = \"24px\"; // 24px value for gaps, margin, or padding.\nexport const KUI_SPACE_90 = \"32px\"; // 32px value for gaps, margin, or padding.\nexport const KUI_SPACE_100 = \"40px\"; // 40px value for gaps, margin, or padding.\nexport const KUI_SPACE_110 = \"48px\"; // 48px value for gaps, margin, or padding.\nexport const KUI_SPACE_120 = \"56px\"; // 56px value for gaps, margin, or padding.\nexport const KUI_SPACE_130 = \"64px\"; // 64px value for gaps, margin, or padding.\nexport const KUI_SPACE_140 = \"80px\"; // 80px value for gaps, margin, or padding.\nexport const KUI_SPACE_150 = \"96px\"; // 96px value for gaps, margin, or padding.\nexport const KUI_SPACE_AUTO = \"auto\"; // auto\n"],"names":["KUI_ICON_SIZE_50"],"mappings":"gFAiHY,MAACA,EAAmB","x_google_ignoreList":[0]}

package/dist/kong-icons130.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1277.cjs"),S=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2331)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1280.cjs"),S=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2331)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#338AF3"/>
 <path d="M12 5.73926V9.78659L7.82611 5.73926H12Z" fill="#0052B4"/>
 <path d="M6.26086 12.0003H9.78642L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z" fill="#0052B4"/>

package/dist/kong-icons130.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons130.cjs","sources":["../src/components/flags/FlagFjIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFjIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 15:57:56 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2331)\">\n<path d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z\" fill=\"#338AF3\"/>\n<path d=\"M12 5.73926V9.78659L7.82611 5.73926H12Z\" fill=\"#0052B4\"/>\n<path d=\"M6.26086 12.0003H9.78642L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z\" fill=\"#0052B4\"/>\n<path d=\"M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z\" fill=\"#F0F0F0\"/>\n<path d=\"M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.968C11.9787 11.9893 11.9894 11.9786 12.0001 11.9679C12.0001 11.1594 12.0001 10.4381 12.0001 9.78647L8.47444 6.26086H12Z\" fill=\"#F0F0F0\"/>\n<path d=\"M6.07101 1.56543C4.19419 2.63413 2.6339 4.19441 1.5652 6.07124V12.0002H4.69565V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07101Z\" fill=\"#D80027\"/>\n<path d=\"M12 10.5247L7.73657 6.26123H6.2609V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247Z\" fill=\"#D80027\"/>\n<path d=\"M13.5652 7.8262V12C13.5652 14.7957 17.2174 15.6523 17.2174 15.6523C17.2174 15.6523 20.8695 14.7957 20.8695 12V7.8262L17.2174 6.78271L13.5652 7.8262Z\" fill=\"#F3F3F3\"/>\n<path d=\"M20.8695 7.82595V6.26074H13.5652V7.82595H16.6956V10.9564H13.5652V11.9998V11.9999L16.6956 12V15.492C17.0105 15.6034 17.2174 15.6521 17.2174 15.6521C17.2174 15.6521 17.4242 15.6035 17.739 15.492V11.9999H20.8695V11.9998V10.9564H17.739V7.8259H20.8695V7.82595Z\" fill=\"#D80027\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2331\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fj-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fj-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fj-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAsBzDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}
+{"version":3,"file":"kong-icons130.cjs","sources":["../src/components/flags/FlagFjIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFjIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 23:01:57 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2331)\">\n<path d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z\" fill=\"#338AF3\"/>\n<path d=\"M12 5.73926V9.78659L7.82611 5.73926H12Z\" fill=\"#0052B4\"/>\n<path d=\"M6.26086 12.0003H9.78642L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z\" fill=\"#0052B4\"/>\n<path d=\"M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z\" fill=\"#F0F0F0\"/>\n<path d=\"M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.968C11.9787 11.9893 11.9894 11.9786 12.0001 11.9679C12.0001 11.1594 12.0001 10.4381 12.0001 9.78647L8.47444 6.26086H12Z\" fill=\"#F0F0F0\"/>\n<path d=\"M6.07101 1.56543C4.19419 2.63413 2.6339 4.19441 1.5652 6.07124V12.0002H4.69565V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07101Z\" fill=\"#D80027\"/>\n<path d=\"M12 10.5247L7.73657 6.26123H6.2609V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247Z\" fill=\"#D80027\"/>\n<path d=\"M13.5652 7.8262V12C13.5652 14.7957 17.2174 15.6523 17.2174 15.6523C17.2174 15.6523 20.8695 14.7957 20.8695 12V7.8262L17.2174 6.78271L13.5652 7.8262Z\" fill=\"#F3F3F3\"/>\n<path d=\"M20.8695 7.82595V6.26074H13.5652V7.82595H16.6956V10.9564H13.5652V11.9998V11.9999L16.6956 12V15.492C17.0105 15.6034 17.2174 15.6521 17.2174 15.6521C17.2174 15.6521 17.4242 15.6035 17.739 15.492V11.9999H20.8695V11.9998V10.9564H17.739V7.8259H20.8695V7.82595Z\" fill=\"#D80027\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2331\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fj-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fj-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fj-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAsBzDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}

package/dist/kong-icons132.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1277.cjs"),v=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2329)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1280.cjs"),v=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2329)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"/>
 <path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"/>
 <path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679L12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"/>

package/dist/kong-icons132.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons132.cjs","sources":["../src/components/flags/FlagFkIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFkIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 15:57:56 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2329)\">\n<path d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z\" fill=\"#0052B4\"/>\n<path d=\"M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z\" fill=\"#F0F0F0\"/>\n<path d=\"M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679L12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z\" fill=\"#F0F0F0\"/>\n<path d=\"M6.07102 1.56543C4.19419 2.63413 2.63391 4.19441 1.5652 6.07124V12.0002H4.69566V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07102Z\" fill=\"#D80027\"/>\n<path d=\"M12 10.5247L7.73658 6.26123H6.26091V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247Z\" fill=\"#D80027\"/>\n<path d=\"M19.3043 14.0869V14.6086H15.1305V14.0869H13.5652V16.1738H14.6087V16.6956H19.8261V16.1738H20.8695V14.0869H19.3043Z\" fill=\"#FFDA44\"/>\n<path d=\"M13.5652 6.26074V11.9999C13.5652 14.7955 17.2174 15.6521 17.2174 15.6521C17.2174 15.6521 20.8695 14.7955 20.8695 11.9999V6.26074H13.5652Z\" fill=\"#338AF3\"/>\n<path d=\"M17.2172 10.5415C16.3042 10.5415 16.3042 11.3763 15.3912 11.3763C14.4782 11.3763 14.4782 10.5415 13.5653 10.5415V12.0024C14.4782 12.0024 14.4782 12.8372 15.3912 12.8372C16.3042 12.8372 16.3042 12.0024 17.2172 12.0024C18.1303 12.0024 18.1303 12.8372 19.0434 12.8372C19.9565 12.8372 19.9565 12.0024 20.8696 12.0024V10.5415C19.9565 10.5415 19.9565 11.3763 19.0434 11.3763C18.1303 11.3763 18.1303 10.5415 17.2172 10.5415V10.5415Z\" fill=\"#F3F3F3\"/>\n<path d=\"M17.2172 7.61719C16.3042 7.61719 16.3042 8.45198 15.3912 8.45198C14.4782 8.45198 14.4782 7.61719 13.5653 7.61719V9.07805C14.4782 9.07805 14.4782 9.91284 15.3912 9.91284C16.3042 9.91284 16.3042 9.07805 17.2172 9.07805C18.1303 9.07805 18.1303 9.91284 19.0434 9.91284C19.9565 9.91284 19.9565 9.07805 20.8696 9.07805V7.61719C19.9565 7.61719 19.9565 8.45198 19.0434 8.45198C18.1303 8.45198 18.1303 7.61719 17.2172 7.61719Z\" fill=\"#F3F3F3\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2329\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fk-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fk-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fk-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAsBzDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}
+{"version":3,"file":"kong-icons132.cjs","sources":["../src/components/flags/FlagFkIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFkIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 23:01:57 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2329)\">\n<path d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z\" fill=\"#0052B4\"/>\n<path d=\"M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z\" fill=\"#F0F0F0\"/>\n<path d=\"M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679L12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z\" fill=\"#F0F0F0\"/>\n<path d=\"M6.07102 1.56543C4.19419 2.63413 2.63391 4.19441 1.5652 6.07124V12.0002H4.69566V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07102Z\" fill=\"#D80027\"/>\n<path d=\"M12 10.5247L7.73658 6.26123H6.26091V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247Z\" fill=\"#D80027\"/>\n<path d=\"M19.3043 14.0869V14.6086H15.1305V14.0869H13.5652V16.1738H14.6087V16.6956H19.8261V16.1738H20.8695V14.0869H19.3043Z\" fill=\"#FFDA44\"/>\n<path d=\"M13.5652 6.26074V11.9999C13.5652 14.7955 17.2174 15.6521 17.2174 15.6521C17.2174 15.6521 20.8695 14.7955 20.8695 11.9999V6.26074H13.5652Z\" fill=\"#338AF3\"/>\n<path d=\"M17.2172 10.5415C16.3042 10.5415 16.3042 11.3763 15.3912 11.3763C14.4782 11.3763 14.4782 10.5415 13.5653 10.5415V12.0024C14.4782 12.0024 14.4782 12.8372 15.3912 12.8372C16.3042 12.8372 16.3042 12.0024 17.2172 12.0024C18.1303 12.0024 18.1303 12.8372 19.0434 12.8372C19.9565 12.8372 19.9565 12.0024 20.8696 12.0024V10.5415C19.9565 10.5415 19.9565 11.3763 19.0434 11.3763C18.1303 11.3763 18.1303 10.5415 17.2172 10.5415V10.5415Z\" fill=\"#F3F3F3\"/>\n<path d=\"M17.2172 7.61719C16.3042 7.61719 16.3042 8.45198 15.3912 8.45198C14.4782 8.45198 14.4782 7.61719 13.5653 7.61719V9.07805C14.4782 9.07805 14.4782 9.91284 15.3912 9.91284C16.3042 9.91284 16.3042 9.07805 17.2172 9.07805C18.1303 9.07805 18.1303 9.91284 19.0434 9.91284C19.9565 9.91284 19.9565 9.07805 20.8696 9.07805V7.61719C19.9565 7.61719 19.9565 8.45198 19.0434 8.45198C18.1303 8.45198 18.1303 7.61719 17.2172 7.61719Z\" fill=\"#F3F3F3\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2329\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fk-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fk-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fk-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAsBzDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}

package/dist/kong-icons134.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1277.cjs"),v=["aria-hidden"],c=`<g clip-path="url(#clip0_246_4797)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1280.cjs"),v=["aria-hidden"],c=`<g clip-path="url(#clip0_246_4797)">
 <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="#338AF3"/>
 <path d="M12 5.21738L12.518 6.81169H14.1944L12.8382 7.79705L13.3562 9.39131L12 8.406L10.6438 9.39131L11.1619 7.79705L9.80566 6.81169H11.4821L12 5.21738Z" fill="#F0F0F0"/>
 <path d="M5.21729 12.0001L6.8116 11.482V9.8056L7.79696 11.1619L9.39122 10.6439L8.40591 12.0001L9.39122 13.3562L7.79696 12.8381L6.8116 14.1944V12.518L5.21729 12.0001Z" fill="#F0F0F0"/>

package/dist/kong-icons134.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons134.cjs","sources":["../src/components/flags/FlagFmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFmIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 15:57:56 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_246_4797)\">\n<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=\"#338AF3\"/>\n<path d=\"M12 5.21738L12.518 6.81169H14.1944L12.8382 7.79705L13.3562 9.39131L12 8.406L10.6438 9.39131L11.1619 7.79705L9.80566 6.81169H11.4821L12 5.21738Z\" fill=\"#F0F0F0\"/>\n<path d=\"M5.21729 12.0001L6.8116 11.482V9.8056L7.79696 11.1619L9.39122 10.6439L8.40591 12.0001L9.39122 13.3562L7.79696 12.8381L6.8116 14.1944V12.518L5.21729 12.0001Z\" fill=\"#F0F0F0\"/>\n<path d=\"M12.0001 18.7826L11.4821 17.1883H9.80566L11.1619 16.203L10.6439 14.6087L12.0001 15.594L13.3563 14.6087L12.8382 16.203L14.1944 17.1883H12.5181L12.0001 18.7826Z\" fill=\"#F0F0F0\"/>\n<path d=\"M18.7823 12L17.188 12.518V14.1944L16.2027 12.8381L14.6084 13.3561L15.5937 12L14.6084 10.6438L16.2027 11.1619L17.188 9.8056V11.482L18.7823 12Z\" fill=\"#F0F0F0\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_4797\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fm-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fm-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fm-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAkBzDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}
+{"version":3,"file":"kong-icons134.cjs","sources":["../src/components/flags/FlagFmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFmIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 23:01:57 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_246_4797)\">\n<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=\"#338AF3\"/>\n<path d=\"M12 5.21738L12.518 6.81169H14.1944L12.8382 7.79705L13.3562 9.39131L12 8.406L10.6438 9.39131L11.1619 7.79705L9.80566 6.81169H11.4821L12 5.21738Z\" fill=\"#F0F0F0\"/>\n<path d=\"M5.21729 12.0001L6.8116 11.482V9.8056L7.79696 11.1619L9.39122 10.6439L8.40591 12.0001L9.39122 13.3562L7.79696 12.8381L6.8116 14.1944V12.518L5.21729 12.0001Z\" fill=\"#F0F0F0\"/>\n<path d=\"M12.0001 18.7826L11.4821 17.1883H9.80566L11.1619 16.203L10.6439 14.6087L12.0001 15.594L13.3563 14.6087L12.8382 16.203L14.1944 17.1883H12.5181L12.0001 18.7826Z\" fill=\"#F0F0F0\"/>\n<path d=\"M18.7823 12L17.188 12.518V14.1944L16.2027 12.8381L14.6084 13.3561L15.5937 12L14.6084 10.6438L16.2027 11.1619L17.188 9.8056V11.482L18.7823 12Z\" fill=\"#F0F0F0\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_4797\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fm-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fm-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fm-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAkBzDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}

package/dist/kong-icons136.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1277.cjs"),S=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2330)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1280.cjs"),S=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2330)">
 <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="M23.4783 12.0002L23.8982 10.435C23.8285 9.90155 23.7239 9.37899 23.5867 8.86984H10.9565V0.0458984C10.424 0.0917422 9.90159 0.172789 9.39131 0.285945L7.30434 1.56545L6.26086 1.46012C5.71172 1.75974 5.18855 2.10099 4.69566 2.4797V8.86979H0.41339C0.276187 9.37895 0.171562 9.90151 0.101812 10.435L0.521718 12.0002L0.101765 13.5654C0.171515 14.0989 0.27614 14.6215 0.413343 15.1306H4.69561V21.5207C5.1885 21.8995 5.71172 22.2407 6.26081 22.5403L7.82602 22.435L9.39122 23.7145C9.90155 23.8276 10.424 23.9086 10.9564 23.9545V15.1307H23.5865C23.7237 14.6215 23.8283 14.099 23.8981 13.5655L23.4783 12.0002Z" fill="#0052B4"/>
 <path d="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.034875 10.9471 0 11.4694 0 11.9999C0 12.5304 0.034875 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#D80027"/>

package/dist/kong-icons136.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons136.cjs","sources":["../src/components/flags/FlagFoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 15:57:56 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2330)\">\n<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\"/>\n<path d=\"M23.4783 12.0002L23.8982 10.435C23.8285 9.90155 23.7239 9.37899 23.5867 8.86984H10.9565V0.0458984C10.424 0.0917422 9.90159 0.172789 9.39131 0.285945L7.30434 1.56545L6.26086 1.46012C5.71172 1.75974 5.18855 2.10099 4.69566 2.4797V8.86979H0.41339C0.276187 9.37895 0.171562 9.90151 0.101812 10.435L0.521718 12.0002L0.101765 13.5654C0.171515 14.0989 0.27614 14.6215 0.413343 15.1306H4.69561V21.5207C5.1885 21.8995 5.71172 22.2407 6.26081 22.5403L7.82602 22.435L9.39122 23.7145C9.90155 23.8276 10.424 23.9086 10.9564 23.9545V15.1307H23.5865C23.7237 14.6215 23.8283 14.099 23.8981 13.5655L23.4783 12.0002Z\" fill=\"#0052B4\"/>\n<path d=\"M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.034875 10.9471 0 11.4694 0 11.9999C0 12.5304 0.034875 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z\" fill=\"#D80027\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2330\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fo-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fo-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fo-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAgBzDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}
+{"version":3,"file":"kong-icons136.cjs","sources":["../src/components/flags/FlagFoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 23:01:57 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2330)\">\n<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\"/>\n<path d=\"M23.4783 12.0002L23.8982 10.435C23.8285 9.90155 23.7239 9.37899 23.5867 8.86984H10.9565V0.0458984C10.424 0.0917422 9.90159 0.172789 9.39131 0.285945L7.30434 1.56545L6.26086 1.46012C5.71172 1.75974 5.18855 2.10099 4.69566 2.4797V8.86979H0.41339C0.276187 9.37895 0.171562 9.90151 0.101812 10.435L0.521718 12.0002L0.101765 13.5654C0.171515 14.0989 0.27614 14.6215 0.413343 15.1306H4.69561V21.5207C5.1885 21.8995 5.71172 22.2407 6.26081 22.5403L7.82602 22.435L9.39122 23.7145C9.90155 23.8276 10.424 23.9086 10.9564 23.9545V15.1307H23.5865C23.7237 14.6215 23.8283 14.099 23.8981 13.5655L23.4783 12.0002Z\" fill=\"#0052B4\"/>\n<path d=\"M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.034875 10.9471 0 11.4694 0 11.9999C0 12.5304 0.034875 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z\" fill=\"#D80027\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2330\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fo-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fo-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fo-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAgBzDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}

package/dist/kong-icons138.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kong-icons1277.cjs"),S=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2333)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kong-icons1280.cjs"),S=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2333)">
 <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="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"/>
 <path d="M0 12.0002C0 17.1598 3.25655 21.5583 7.82611 23.2538V0.746582C3.25655 2.4421 0 6.84061 0 12.0002Z" fill="#0052B4"/>

package/dist/kong-icons138.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons138.cjs","sources":["../src/components/flags/FlagFrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFrIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 15:57:56 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2333)\">\n<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\"/>\n<path d=\"M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z\" fill=\"#D80027\"/>\n<path d=\"M0 12.0002C0 17.1598 3.25655 21.5583 7.82611 23.2538V0.746582C3.25655 2.4421 0 6.84061 0 12.0002Z\" fill=\"#0052B4\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2333\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fr-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fr-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAgBzDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}
+{"version":3,"file":"kong-icons138.cjs","sources":["../src/components/flags/FlagFrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFrIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 10 Apr 2025 23:01:57 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string | undefined> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2333)\">\n<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\"/>\n<path d=\"M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z\" fill=\"#D80027\"/>\n<path d=\"M0 12.0002C0 17.1598 3.25655 21.5583 7.82611 23.2538V0.746582C3.25655 2.4421 0 6.84061 0 12.0002Z\" fill=\"#0052B4\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2333\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fr-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fr-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":"uLAyJMA,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,klBA5I3B,MAAMC,EAAQC,EAgERC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOH,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMI,EAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDK,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IACtB,CAIK,OAAAC,EAAA,gBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA2C,CAC5E,UAAW,aACX,MAAOH,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQE,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,MAChB,cAAeF,EAAM,WAAa,OAAS,MAAA,EAC3C,EAaIQ,EAAwBC,GAA8B,CAC1D,MAAMC,EAAgC,CAAC,EACjCC,EAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAaxD,OAVkBF,EAAU,QAAQ,gBAAiB,CAACG,EAAOC,IAAe,CACjF,MAAMC,EAAQ,GAAGH,CAAY,IAAIE,CAAU,GAC3C,OAAAH,EAAMG,CAAU,EAAIC,EACb,OAAOA,CAAK,GAAA,CACpB,EAG2C,QAAQ,gBAAiB,CAACF,EAAOC,IAAeH,EAAMG,CAAU,EAAI,IAAIH,EAAMG,CAAU,CAAC,GAAKD,CAAK,CAIjJ,EAEMG,EAA0C,CAC9C,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,QACL,IAAK,OACP,EACMC,EAAcC,GACXA,EAAI,QAAQ,WAAaL,GAAUG,EAAaH,CAAK,CAAC,EAgBzDM,EAAsB,GADJlB,EAAM,MAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,WAAa,EACvE,GAAIA,EAAM,UAAuDD,EAA3CS,EAAqBT,CAAkB,CAAsB"}

package/dist/kong-icons14.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1277.cjs"),h=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2259)">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("./kong-icons1280.cjs"),h=["aria-hidden"],c=`<g clip-path="url(#clip0_1_2259)">
 <path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#0052B4"/>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#FF9811"/>
 <path d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#D80027"/>