@kong/icons 1.28.1-pr.635.1a70e5d.0 → 1.29.1-pr.654.e910432.0

package/dist/kong-icons.es1361.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es1361.js","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":"AAiHY,MAACA,IAAmB;","x_google_ignoreList":[0]}
+{"version":3,"file":"kong-icons.es1361.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/kong-icons.es1362.js

@@ -0,0 +1,6 @@
+import o from "./kong-icons.es906.js";
+/* empty css                 */
+export {
+  o as default
+};
+//# sourceMappingURL=kong-icons.es1362.js.map

package/dist/kong-icons.es1362.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons.es1362.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/kong-icons.es1363.js

@@ -0,0 +1,6 @@
+import o from "./kong-icons.es908.js";
+/* empty css                 */
+export {
+  o as default
+};
+//# sourceMappingURL=kong-icons.es1363.js.map

package/dist/kong-icons.es1363.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons.es1363.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/kong-icons.es1364.js

@@ -0,0 +1,5 @@
+const I = "24px";
+export {
+  I as KUI_ICON_SIZE_50
+};
+//# sourceMappingURL=kong-icons.es1364.js.map

package/dist/kong-icons.es1364.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kong-icons.es1364.js","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":"AAiHY,MAACA,IAAmB;","x_google_ignoreList":[0]}

package/dist/kong-icons.es138.js

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as l, createBlock as y, openBlock as d, resolveDynamicComponent as C, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1361.js";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1364.js";
 const z = ["aria-hidden"], u = `<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"/>

package/dist/kong-icons.es138.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es138.js","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 Wed, 21 May 2025 00:28:41 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":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAgBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es138.js","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, 05 Jun 2025 16:08:22 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","_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAgBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;sBAI/HoB,EAAA,GAAAC,EAmBYC,EAlBLpB,EAAE,EAAA,GAAA;AAAA,MACN,eAAaA,EAAU,aAAA,SAAY;AAAA,MACpC,OAAM;AAAA,MACN,eAAY;AAAA,MACX,SAAOM,EAAiB,KAAA;AAAA,MACxB,UAAUN,EAAU,aAAA,OAAU;AAAA,IAAA;iBAE/B,MAUE;AAAA,WAVF,GAAAqB,EAUE,OAAA;AAAA,UATC,eAAarB,EAAU,aAAA,SAAY;AAAA,UACpC,eAAY;AAAA,UACZ,MAAK;AAAA,UACL,QAAO;AAAA,UACP,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,OAAM;AAAA,UACN,WAAQiB;AAAA,QAAA;;;;;;"}

package/dist/kong-icons.es14.js

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as l, createBlock as y, openBlock as d, resolveDynamicComponent as C, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1361.js";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1364.js";
 const z = ["aria-hidden"], u = `<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"/>

package/dist/kong-icons.es14.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es14.js","sources":["../src/components/flags/FlagAmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAmIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 21 May 2025 00:28:41 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_2259)\">\n<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\"/>\n<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\"/>\n<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\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2259\">\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-am-icon\"\n    data-testid=\"kui-icon-wrapper-flag-am-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-am-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":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAgBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es14.js","sources":["../src/components/flags/FlagAmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagAmIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 05 Jun 2025 16:08:22 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_2259)\">\n<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\"/>\n<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\"/>\n<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\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2259\">\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-am-icon\"\n    data-testid=\"kui-icon-wrapper-flag-am-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-am-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","_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAgBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;sBAI/HoB,EAAA,GAAAC,EAmBYC,EAlBLpB,EAAE,EAAA,GAAA;AAAA,MACN,eAAaA,EAAU,aAAA,SAAY;AAAA,MACpC,OAAM;AAAA,MACN,eAAY;AAAA,MACX,SAAOM,EAAiB,KAAA;AAAA,MACxB,UAAUN,EAAU,aAAA,OAAU;AAAA,IAAA;iBAE/B,MAUE;AAAA,WAVF,GAAAqB,EAUE,OAAA;AAAA,UATC,eAAarB,EAAU,aAAA,SAAY;AAAA,UACpC,eAAY;AAAA,UACZ,MAAK;AAAA,UACL,QAAO;AAAA,UACP,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,OAAM;AAAA,UACN,WAAQiB;AAAA,QAAA;;;;;;"}

package/dist/kong-icons.es140.js

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as l, createBlock as y, openBlock as d, resolveDynamicComponent as C, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1361.js";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1364.js";
 const z = ["aria-hidden"], g = `<g clip-path="url(#clip0_1_2335)">
 <path d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#FFDA44"/>
 <path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#0052B4"/>

package/dist/kong-icons.es140.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es140.js","sources":["../src/components/flags/FlagGaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGaIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 21 May 2025 00:28:41 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_2335)\">\n<path d=\"M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z\" fill=\"#FFDA44\"/>\n<path d=\"M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z\" fill=\"#0052B4\"/>\n<path d=\"M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z\" fill=\"#6DA544\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2335\">\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-ga-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ga-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-ga-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":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAgBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es140.js","sources":["../src/components/flags/FlagGaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGaIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 05 Jun 2025 16:08:22 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_2335)\">\n<path d=\"M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z\" fill=\"#FFDA44\"/>\n<path d=\"M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z\" fill=\"#0052B4\"/>\n<path d=\"M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z\" fill=\"#6DA544\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2335\">\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-ga-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ga-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-ga-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","_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAgBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;sBAI/HoB,EAAA,GAAAC,EAmBYC,EAlBLpB,EAAE,EAAA,GAAA;AAAA,MACN,eAAaA,EAAU,aAAA,SAAY;AAAA,MACpC,OAAM;AAAA,MACN,eAAY;AAAA,MACX,SAAOM,EAAiB,KAAA;AAAA,MACxB,UAAUN,EAAU,aAAA,OAAU;AAAA,IAAA;iBAE/B,MAUE;AAAA,WAVF,GAAAqB,EAUE,OAAA;AAAA,UATC,eAAarB,EAAU,aAAA,SAAY;AAAA,UACpC,eAAY;AAAA,UACZ,MAAK;AAAA,UACL,QAAO;AAAA,UACP,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,OAAM;AAAA,UACN,WAAQiB;AAAA,QAAA;;;;;;"}

package/dist/kong-icons.es142.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, computed as s, createBlock as S, openBlock as d, resolveDynamicComponent as b, normalizeStyle as y, withCtx as L, createElementBlock as M } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1361.js";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1364.js";
 const x = ["aria-hidden"], p = `<g clip-path="url(#clip0_1415_1325)">
 <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="M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z" fill="#0052B4"/>

package/dist/kong-icons.es142.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es142.js","sources":["../src/components/flags/FlagGbIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGbIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 21 May 2025 00:28:41 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_1415_1325)\">\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=\"M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z\" fill=\"#0052B4\"/>\n<path d=\"M23.5866 8.86977C23.1728 7.33424 22.4619 5.92073 21.5194 4.69434L17.344 8.86977H23.5866Z\" fill=\"#0052B4\"/>\n<path d=\"M0.41333 15.1299C0.827236 16.6654 1.538 18.0789 2.48056 19.3053L6.65591 15.1299H0.41333Z\" fill=\"#0052B4\"/>\n<path d=\"M19.3058 2.48037C18.0794 1.53776 16.6659 0.826992 15.1304 0.413086V6.65576L19.3058 2.48037Z\" fill=\"#0052B4\"/>\n<path d=\"M4.69409 21.5191C5.92048 22.4617 7.334 23.1725 8.86953 23.5864V17.3438L4.69409 21.5191Z\" fill=\"#0052B4\"/>\n<path d=\"M8.86948 0.413086C7.33395 0.826992 5.92044 1.53776 4.69409 2.48032L8.86948 6.65571V0.413086Z\" fill=\"#0052B4\"/>\n<path d=\"M15.1304 23.5864C16.6659 23.1725 18.0794 22.4617 19.3058 21.5191L15.1304 17.3438V23.5864Z\" fill=\"#0052B4\"/>\n<path d=\"M17.344 15.1299L21.5194 19.3053C22.4619 18.079 23.1728 16.6654 23.5866 15.1299H17.344Z\" fill=\"#0052B4\"/>\n<path d=\"M23.8984 10.4348H13.5653H13.5653V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4694 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4347H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4347V23.8984C10.9471 23.9651 11.4694 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5653H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z\" fill=\"#D80027\"/>\n<path d=\"M15.1304 15.1309L20.4852 20.4857C20.7315 20.2395 20.9664 19.9821 21.1906 19.7153L16.6061 15.1309H15.1304V15.1309Z\" fill=\"#D80027\"/>\n<path d=\"M8.86951 15.1309H8.86941L3.51465 20.4856C3.76084 20.7319 4.01823 20.9668 4.28504 21.191L8.86951 16.6064V15.1309Z\" fill=\"#D80027\"/>\n<path d=\"M8.86951 8.8696V8.86951L3.5147 3.51465C3.26842 3.76084 3.03348 4.01823 2.80933 4.28504L7.39384 8.86955H8.86951V8.8696Z\" fill=\"#D80027\"/>\n<path d=\"M15.1304 8.8698L20.4852 3.5149C20.239 3.26862 19.9817 3.03368 19.7148 2.80957L15.1304 7.39409V8.8698Z\" fill=\"#D80027\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1415_1325\">\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-gb-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gb-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-gb-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":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GA2BzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es142.js","sources":["../src/components/flags/FlagGbIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGbIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 05 Jun 2025 16:08:22 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_1415_1325)\">\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=\"M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z\" fill=\"#0052B4\"/>\n<path d=\"M23.5866 8.86977C23.1728 7.33424 22.4619 5.92073 21.5194 4.69434L17.344 8.86977H23.5866Z\" fill=\"#0052B4\"/>\n<path d=\"M0.41333 15.1299C0.827236 16.6654 1.538 18.0789 2.48056 19.3053L6.65591 15.1299H0.41333Z\" fill=\"#0052B4\"/>\n<path d=\"M19.3058 2.48037C18.0794 1.53776 16.6659 0.826992 15.1304 0.413086V6.65576L19.3058 2.48037Z\" fill=\"#0052B4\"/>\n<path d=\"M4.69409 21.5191C5.92048 22.4617 7.334 23.1725 8.86953 23.5864V17.3438L4.69409 21.5191Z\" fill=\"#0052B4\"/>\n<path d=\"M8.86948 0.413086C7.33395 0.826992 5.92044 1.53776 4.69409 2.48032L8.86948 6.65571V0.413086Z\" fill=\"#0052B4\"/>\n<path d=\"M15.1304 23.5864C16.6659 23.1725 18.0794 22.4617 19.3058 21.5191L15.1304 17.3438V23.5864Z\" fill=\"#0052B4\"/>\n<path d=\"M17.344 15.1299L21.5194 19.3053C22.4619 18.079 23.1728 16.6654 23.5866 15.1299H17.344Z\" fill=\"#0052B4\"/>\n<path d=\"M23.8984 10.4348H13.5653H13.5653V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4694 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4347H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4347V23.8984C10.9471 23.9651 11.4694 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5653H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z\" fill=\"#D80027\"/>\n<path d=\"M15.1304 15.1309L20.4852 20.4857C20.7315 20.2395 20.9664 19.9821 21.1906 19.7153L16.6061 15.1309H15.1304V15.1309Z\" fill=\"#D80027\"/>\n<path d=\"M8.86951 15.1309H8.86941L3.51465 20.4856C3.76084 20.7319 4.01823 20.9668 4.28504 21.191L8.86951 16.6064V15.1309Z\" fill=\"#D80027\"/>\n<path d=\"M8.86951 8.8696V8.86951L3.5147 3.51465C3.26842 3.76084 3.03348 4.01823 2.80933 4.28504L7.39384 8.86955H8.86951V8.8696Z\" fill=\"#D80027\"/>\n<path d=\"M15.1304 8.8698L20.4852 3.5149C20.239 3.26862 19.9817 3.03368 19.7148 2.80957L15.1304 7.39409V8.8698Z\" fill=\"#D80027\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1415_1325\">\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-gb-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gb-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-gb-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","_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GA2BzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;sBAI/HoB,EAAA,GAAAC,EAmBYC,EAlBLpB,EAAE,EAAA,GAAA;AAAA,MACN,eAAaA,EAAU,aAAA,SAAY;AAAA,MACpC,OAAM;AAAA,MACN,eAAY;AAAA,MACX,SAAOM,EAAiB,KAAA;AAAA,MACxB,UAAUN,EAAU,aAAA,OAAU;AAAA,IAAA;iBAE/B,MAUE;AAAA,WAVF,GAAAqB,EAUE,OAAA;AAAA,UATC,eAAarB,EAAU,aAAA,SAAY;AAAA,UACpC,eAAY;AAAA,UACZ,MAAK;AAAA,UACL,QAAO;AAAA,UACP,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,OAAM;AAAA,UACN,WAAQiB;AAAA,QAAA;;;;;;"}

package/dist/kong-icons.es144.js

@@ -1,5 +1,5 @@
 import { defineComponent as m, computed as o, createBlock as v, openBlock as s, resolveDynamicComponent as S, normalizeStyle as H, withCtx as M, createElementBlock as y } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1361.js";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1364.js";
 const F = ["aria-hidden"], L = `<g clip-path="url(#clip0_1_2344)">
 <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="#FFDA44"/>
 <path d="M5.23657 2.08697C7.16243 0.770437 9.49109 0 12 0C14.509 0 16.8376 0.770437 18.7635 2.08697L12 2.60869L5.23657 2.08697Z" fill="#A2001D"/>

package/dist/kong-icons.es144.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es144.js","sources":["../src/components/flags/FlagGdIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGdIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 21 May 2025 00:28:41 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_2344)\">\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=\"#FFDA44\"/>\n<path d=\"M5.23657 2.08697C7.16243 0.770437 9.49109 0 12 0C14.509 0 16.8376 0.770437 18.7635 2.08697L12 2.60869L5.23657 2.08697Z\" fill=\"#A2001D\"/>\n<path d=\"M12 12.0002L11.2342 11.2344L11.0308 11.5986L12 12.0002Z\" fill=\"#0052B4\"/>\n<path d=\"M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z\" fill=\"#496E2D\"/>\n<path d=\"M20.4853 3.51465C25.1716 8.20093 25.1716 15.7989 20.4853 20.4853C18.5488 18.5487 16.6863 16.6862 12 12L20.4853 3.51465Z\" fill=\"#496E2D\"/>\n<path d=\"M12 16.174C14.3052 16.174 16.1739 14.3052 16.1739 12.0001C16.1739 9.69489 14.3052 7.82617 12 7.82617C9.69483 7.82617 7.82611 9.69489 7.82611 12.0001C7.82611 14.3052 9.69483 16.174 12 16.174Z\" fill=\"#A2001D\"/>\n<path d=\"M12 7.82617L12.9355 10.7057H15.9636L13.514 12.4856L14.4495 15.3653L12 13.5856L9.55027 15.3653L10.486 12.4856L8.03644 10.7057H11.0643L12 7.82617Z\" fill=\"#FFDA44\"/>\n<path d=\"M12.004 0H11.996C8.68413 0.00107813 5.68596 1.34372 3.51532 3.51413H20.4847C18.314 1.34372 15.3158 0.00107813 12.004 0Z\" fill=\"#A2001D\"/>\n<path d=\"M3.51538 20.4858C5.68691 22.657 8.68663 23.9999 12 23.9999C15.3133 23.9999 18.3131 22.657 20.4846 20.4858H3.51538Z\" fill=\"#A2001D\"/>\n<path d=\"M12 1.3042L12.1943 1.90204H12.8229L12.3144 2.27156L12.5087 2.8694L12 2.49993L11.4915 2.8694L11.6858 2.27156L11.1771 1.90204H11.8057L12 1.3042Z\" fill=\"#FFDA44\"/>\n<path d=\"M9.09016 1.3042L9.28446 1.90204H9.91305L9.40451 2.27156L9.5988 2.8694L9.09016 2.49993L8.58166 2.8694L8.77591 2.27156L8.26727 1.90204H8.89587L9.09016 1.3042Z\" fill=\"#FFDA44\"/>\n<path d=\"M14.9099 1.3042L15.1042 1.90204H15.7328L15.2242 2.27156L15.4185 2.8694L14.9099 2.49993L14.4013 2.8694L14.5956 2.27156L14.087 1.90204H14.7156L14.9099 1.3042Z\" fill=\"#FFDA44\"/>\n<path d=\"M12 21.1304L12.1943 21.7282H12.8229L12.3144 22.0977L12.5087 22.6956L12 22.3261L11.4915 22.6956L11.6858 22.0977L11.1771 21.7282H11.8057L12 21.1304Z\" fill=\"#FFDA44\"/>\n<path d=\"M9.09016 21.1304L9.28446 21.7282H9.91305L9.40451 22.0977L9.5988 22.6956L9.09016 22.3261L8.58166 22.6956L8.77591 22.0977L8.26727 21.7282H8.89587L9.09016 21.1304Z\" fill=\"#FFDA44\"/>\n<path d=\"M14.9099 21.1304L15.1042 21.7282H15.7328L15.2242 22.0977L15.4185 22.6956L14.9099 22.3261L14.4013 22.6956L14.5956 22.0977L14.087 21.7282H14.7156L14.9099 21.1304Z\" fill=\"#FFDA44\"/>\n<path d=\"M3.65639 11.8014C3.96459 12.2884 3.81975 12.933 3.33277 13.2413C2.84583 13.5495 2.2012 13.4047 1.89295 12.9177C1.33491 12.0361 1.65848 10.5962 1.65848 10.5962C1.65848 10.5962 3.0983 10.9198 3.65639 11.8014V11.8014Z\" fill=\"#FFDA44\"/>\n<path d=\"M3.0537 13.3227C3.34184 13.3227 3.57542 13.0892 3.57542 12.801C3.57542 12.5129 3.34184 12.2793 3.0537 12.2793C2.76556 12.2793 2.53198 12.5129 2.53198 12.801C2.53198 13.0892 2.76556 13.3227 3.0537 13.3227Z\" fill=\"#A2001D\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2344\">\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-gd-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gd-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-gd-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":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GA8BzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es144.js","sources":["../src/components/flags/FlagGdIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGdIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 05 Jun 2025 16:08:22 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_2344)\">\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=\"#FFDA44\"/>\n<path d=\"M5.23657 2.08697C7.16243 0.770437 9.49109 0 12 0C14.509 0 16.8376 0.770437 18.7635 2.08697L12 2.60869L5.23657 2.08697Z\" fill=\"#A2001D\"/>\n<path d=\"M12 12.0002L11.2342 11.2344L11.0308 11.5986L12 12.0002Z\" fill=\"#0052B4\"/>\n<path d=\"M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z\" fill=\"#496E2D\"/>\n<path d=\"M20.4853 3.51465C25.1716 8.20093 25.1716 15.7989 20.4853 20.4853C18.5488 18.5487 16.6863 16.6862 12 12L20.4853 3.51465Z\" fill=\"#496E2D\"/>\n<path d=\"M12 16.174C14.3052 16.174 16.1739 14.3052 16.1739 12.0001C16.1739 9.69489 14.3052 7.82617 12 7.82617C9.69483 7.82617 7.82611 9.69489 7.82611 12.0001C7.82611 14.3052 9.69483 16.174 12 16.174Z\" fill=\"#A2001D\"/>\n<path d=\"M12 7.82617L12.9355 10.7057H15.9636L13.514 12.4856L14.4495 15.3653L12 13.5856L9.55027 15.3653L10.486 12.4856L8.03644 10.7057H11.0643L12 7.82617Z\" fill=\"#FFDA44\"/>\n<path d=\"M12.004 0H11.996C8.68413 0.00107813 5.68596 1.34372 3.51532 3.51413H20.4847C18.314 1.34372 15.3158 0.00107813 12.004 0Z\" fill=\"#A2001D\"/>\n<path d=\"M3.51538 20.4858C5.68691 22.657 8.68663 23.9999 12 23.9999C15.3133 23.9999 18.3131 22.657 20.4846 20.4858H3.51538Z\" fill=\"#A2001D\"/>\n<path d=\"M12 1.3042L12.1943 1.90204H12.8229L12.3144 2.27156L12.5087 2.8694L12 2.49993L11.4915 2.8694L11.6858 2.27156L11.1771 1.90204H11.8057L12 1.3042Z\" fill=\"#FFDA44\"/>\n<path d=\"M9.09016 1.3042L9.28446 1.90204H9.91305L9.40451 2.27156L9.5988 2.8694L9.09016 2.49993L8.58166 2.8694L8.77591 2.27156L8.26727 1.90204H8.89587L9.09016 1.3042Z\" fill=\"#FFDA44\"/>\n<path d=\"M14.9099 1.3042L15.1042 1.90204H15.7328L15.2242 2.27156L15.4185 2.8694L14.9099 2.49993L14.4013 2.8694L14.5956 2.27156L14.087 1.90204H14.7156L14.9099 1.3042Z\" fill=\"#FFDA44\"/>\n<path d=\"M12 21.1304L12.1943 21.7282H12.8229L12.3144 22.0977L12.5087 22.6956L12 22.3261L11.4915 22.6956L11.6858 22.0977L11.1771 21.7282H11.8057L12 21.1304Z\" fill=\"#FFDA44\"/>\n<path d=\"M9.09016 21.1304L9.28446 21.7282H9.91305L9.40451 22.0977L9.5988 22.6956L9.09016 22.3261L8.58166 22.6956L8.77591 22.0977L8.26727 21.7282H8.89587L9.09016 21.1304Z\" fill=\"#FFDA44\"/>\n<path d=\"M14.9099 21.1304L15.1042 21.7282H15.7328L15.2242 22.0977L15.4185 22.6956L14.9099 22.3261L14.4013 22.6956L14.5956 22.0977L14.087 21.7282H14.7156L14.9099 21.1304Z\" fill=\"#FFDA44\"/>\n<path d=\"M3.65639 11.8014C3.96459 12.2884 3.81975 12.933 3.33277 13.2413C2.84583 13.5495 2.2012 13.4047 1.89295 12.9177C1.33491 12.0361 1.65848 10.5962 1.65848 10.5962C1.65848 10.5962 3.0983 10.9198 3.65639 11.8014V11.8014Z\" fill=\"#FFDA44\"/>\n<path d=\"M3.0537 13.3227C3.34184 13.3227 3.57542 13.0892 3.57542 12.801C3.57542 12.5129 3.34184 12.2793 3.0537 12.2793C2.76556 12.2793 2.53198 12.5129 2.53198 12.801C2.53198 13.0892 2.76556 13.3227 3.0537 13.3227Z\" fill=\"#A2001D\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2344\">\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-gd-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gd-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-gd-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","_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GA8BzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;sBAI/HoB,EAAA,GAAAC,EAmBYC,EAlBLpB,EAAE,EAAA,GAAA;AAAA,MACN,eAAaA,EAAU,aAAA,SAAY;AAAA,MACpC,OAAM;AAAA,MACN,eAAY;AAAA,MACX,SAAOM,EAAiB,KAAA;AAAA,MACxB,UAAUN,EAAU,aAAA,OAAU;AAAA,IAAA;iBAE/B,MAUE;AAAA,WAVF,GAAAqB,EAUE,OAAA;AAAA,UATC,eAAarB,EAAU,aAAA,SAAY;AAAA,UACpC,eAAY;AAAA,UACZ,MAAK;AAAA,UACL,QAAO;AAAA,UACP,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,OAAM;AAAA,UACN,WAAQiB;AAAA,QAAA;;;;;;"}

package/dist/kong-icons.es146.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, computed as s, createBlock as V, openBlock as d, resolveDynamicComponent as S, normalizeStyle as C, withCtx as y, createElementBlock as b } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1361.js";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1364.js";
 const x = ["aria-hidden"], g = `<g clip-path="url(#clip0_1_2338)">
 <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.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348V10.4348Z" fill="#D80027"/>

package/dist/kong-icons.es146.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es146.js","sources":["../src/components/flags/FlagGeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 21 May 2025 00:28:41 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_2338)\">\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.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348V10.4348Z\" fill=\"#D80027\"/>\n<path d=\"M7.30434 5.73908V4.17383H5.73914V5.73908H4.17389V7.30428H5.73914V8.86948H7.30434V7.30428H8.86954V5.73908H7.30434Z\" fill=\"#D80027\"/>\n<path d=\"M18.2609 5.73908V4.17383H16.6957V5.73908H15.1305V7.30428H16.6957V8.86948H18.2609V7.30428H19.8261V5.73908H18.2609Z\" fill=\"#D80027\"/>\n<path d=\"M7.30434 16.6956V15.1304H5.73914V16.6956H4.17389V18.2608H5.73914V19.826H7.30434V18.2608H8.86954V16.6956H7.30434Z\" fill=\"#D80027\"/>\n<path d=\"M18.2609 16.6956V15.1304H16.6957V16.6956H15.1305V18.2608H16.6957V19.826H18.2609V18.2608H19.8261V16.6956H18.2609Z\" fill=\"#D80027\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2338\">\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-ge-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ge-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-ge-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":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAmBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es146.js","sources":["../src/components/flags/FlagGeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Thu, 05 Jun 2025 16:08:22 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_2338)\">\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.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348V10.4348Z\" fill=\"#D80027\"/>\n<path d=\"M7.30434 5.73908V4.17383H5.73914V5.73908H4.17389V7.30428H5.73914V8.86948H7.30434V7.30428H8.86954V5.73908H7.30434Z\" fill=\"#D80027\"/>\n<path d=\"M18.2609 5.73908V4.17383H16.6957V5.73908H15.1305V7.30428H16.6957V8.86948H18.2609V7.30428H19.8261V5.73908H18.2609Z\" fill=\"#D80027\"/>\n<path d=\"M7.30434 16.6956V15.1304H5.73914V16.6956H4.17389V18.2608H5.73914V19.826H7.30434V18.2608H8.86954V16.6956H7.30434Z\" fill=\"#D80027\"/>\n<path d=\"M18.2609 16.6956V15.1304H16.6957V16.6956H15.1305V18.2608H16.6957V19.826H18.2609V18.2608H19.8261V16.6956H18.2609Z\" fill=\"#D80027\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2338\">\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-ge-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ge-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-ge-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","_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MACtB;AAIK,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAmBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;sBAI/HoB,EAAA,GAAAC,EAmBYC,EAlBLpB,EAAE,EAAA,GAAA;AAAA,MACN,eAAaA,EAAU,aAAA,SAAY;AAAA,MACpC,OAAM;AAAA,MACN,eAAY;AAAA,MACX,SAAOM,EAAiB,KAAA;AAAA,MACxB,UAAUN,EAAU,aAAA,OAAU;AAAA,IAAA;iBAE/B,MAUE;AAAA,WAVF,GAAAqB,EAUE,OAAA;AAAA,UATC,eAAarB,EAAU,aAAA,SAAY;AAAA,UACpC,eAAY;AAAA,UACZ,MAAK;AAAA,UACL,QAAO;AAAA,UACP,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,OAAM;AAAA,UACN,WAAQiB;AAAA,QAAA;;;;;;"}