@kong/icons 1.15.2-pr.389.ada1c2e.0 → 1.15.2-pr.390.6995231.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"kong-icons.es1215.js","sources":["../node_modules/.pnpm/@kong+design-tokens@1.17.2/node_modules/@kong/design-tokens/dist/tokens/js/index.mjs"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n * Generated on Mon, 12 Aug 2024 16:58:38 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 = \"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 = \"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 = \"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\nexport const KUI_FONT_WEIGHT_MEDIUM = \"500\"; // 500\nexport const KUI_FONT_WEIGHT_REGULAR = \"400\"; // 400: The normal font weight.\nexport const KUI_FONT_WEIGHT_SEMIBOLD = \"600\"; // 600\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 = \"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.es408.js

@@ -1,10 +0,0 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
-export {
-  s as default
-};
-//# sourceMappingURL=kong-icons.es408.js.map

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

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

package/dist/kong-icons.es411.js

@@ -1,115 +0,0 @@
-import { defineComponent as p, computed as s, openBlock as n, createBlock as f, resolveDynamicComponent as g, normalizeStyle as h, withCtx as m, createElementBlock as d, toDisplayString as C, createCommentVNode as L, pushScopeId as y, popScopeId as S, createElementVNode as o } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1215.js";
-const a = (e) => (y("data-v-4e827e7d"), e = e(), S(), e), H = ["aria-hidden"], v = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, N = /* @__PURE__ */ a(() => /* @__PURE__ */ o("path", {
-  d: "M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z",
-  fill: "#9B4F96"
-}, null, -1)), b = /* @__PURE__ */ a(() => /* @__PURE__ */ o("path", {
-  d: "M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z",
-  fill: "#68217A"
-}, null, -1)), x = /* @__PURE__ */ a(() => /* @__PURE__ */ o("path", {
-  d: "M15.9937 14.2687C15.2063 15.6562 13.7062 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7062 7.40625 15.2063 8.34375 15.9937 9.75L18.4312 8.34375C17.1562 6.1125 14.7562 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9937 14.2687ZM18.1875 12.4125L18.3562 11.6063H17.5687V10.725H18.525L18.75 9.5625H19.6687L19.4437 10.7062H20.1562L20.3812 9.5625H21.2812L21.0562 10.7062H21.5062V11.5875H20.8875L20.7187 12.3937H21.5062V13.275H20.55L20.325 14.4H19.4062L19.6312 13.275H18.9187L18.6937 14.4H17.7937L18.0187 13.275H17.5687V12.3937H18.1875V12.4125ZM19.0875 12.4125H19.8L19.9687 11.6063H19.2562L19.0875 12.4125Z",
-  fill: "white"
-}, null, -1)), _ = /* @__PURE__ */ p({
-  __name: "LanguageCSharpIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: c,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), i = Number(t);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, i = s(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const l = String(t.size).replace(/px/gi, ""), r = Number(l);
-        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-          return `${r}px`;
-      }
-      return c;
-    }), u = s(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value
-    }));
-    return (l, r) => (n(), f(g(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon language-c-sharp-icon",
-      "data-testid": "kui-icon-wrapper-language-c-sharp-icon",
-      style: h(u.value)
-    }, {
-      default: m(() => [
-        (n(), d("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-language-c-sharp-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (n(), d("title", v, C(e.title), 1)) : L("", !0),
-          N,
-          b,
-          x
-        ], 8, H))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-});
-export {
-  _ as default
-};
-//# sourceMappingURL=kong-icons.es411.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kong-icons.es411.js","sources":["../src/components/multi-color/LanguageCSharpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageCSharpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:21 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\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> => ({\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}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-c-sharp-icon\"\n    data-testid=\"kui-icon-wrapper-language-c-sharp-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-c-sharp-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z\"\n        fill=\"#9B4F96\"\n      />\n      <path\n        d=\"M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z\"\n        fill=\"#68217A\"\n      />\n      <path\n        d=\"M15.9937 14.2687C15.2063 15.6562 13.7062 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7062 7.40625 15.2063 8.34375 15.9937 9.75L18.4312 8.34375C17.1562 6.1125 14.7562 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9937 14.2687ZM18.1875 12.4125L18.3562 11.6063H17.5687V10.725H18.525L18.75 9.5625H19.6687L19.4437 10.7062H20.1562L20.3812 9.5625H21.2812L21.0562 10.7062H21.5062V11.5875H20.8875L20.7187 12.3937H21.5062V13.275H20.55L20.325 14.4H19.4062L19.6312 13.275H18.9187L18.6937 14.4H17.7937L18.0187 13.275H17.5687V12.3937H18.1875V12.4125ZM19.0875 12.4125H19.8L19.9687 11.6063H19.2562L19.0875 12.4125Z\"\n        fill=\"white\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,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,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es413.js

@@ -1,115 +0,0 @@
-import { defineComponent as f, computed as s, openBlock as n, createBlock as p, resolveDynamicComponent as g, normalizeStyle as m, withCtx as h, createElementBlock as d, toDisplayString as C, createCommentVNode as y, pushScopeId as S, popScopeId as v, createElementVNode as o } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1215.js";
-const a = (e) => (S("data-v-2143f152"), e = e(), v(), e), N = ["aria-hidden"], b = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, x = /* @__PURE__ */ a(() => /* @__PURE__ */ o("path", {
-  d: "M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z",
-  fill: "#659AD3"
-}, null, -1)), z = /* @__PURE__ */ a(() => /* @__PURE__ */ o("path", {
-  d: "M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z",
-  fill: "#03599C"
-}, null, -1)), w = /* @__PURE__ */ a(() => /* @__PURE__ */ o("path", {
-  d: "M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z",
-  fill: "white"
-}, null, -1)), I = /* @__PURE__ */ f({
-  __name: "LanguageCIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: c,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), i = Number(t);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, i = s(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const l = String(t.size).replace(/px/gi, ""), r = Number(l);
-        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-          return `${r}px`;
-      }
-      return c;
-    }), u = s(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value
-    }));
-    return (l, r) => (n(), p(g(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon language-c-icon",
-      "data-testid": "kui-icon-wrapper-language-c-icon",
-      style: m(u.value)
-    }, {
-      default: h(() => [
-        (n(), d("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-language-c-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (n(), d("title", b, C(e.title), 1)) : y("", !0),
-          x,
-          z,
-          w
-        ], 8, N))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-});
-export {
-  I as default
-};
-//# sourceMappingURL=kong-icons.es413.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kong-icons.es413.js","sources":["../src/components/multi-color/LanguageCIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageCIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 15:07:21 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\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> => ({\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}))\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-c-icon\"\n    data-testid=\"kui-icon-wrapper-language-c-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-c-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    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z\"\n        fill=\"#659AD3\"\n      />\n      <path\n        d=\"M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z\"\n        fill=\"#03599C\"\n      />\n      <path\n        d=\"M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z\"\n        fill=\"white\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAuDRC,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,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}