@kong/icons 1.9.3-pr.317.03f5f20.0 → 1.10.0

package/dist/kong-icons875.cjs

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=kong-icons875.cjs.map

package/dist/kong-icons875.cjs.map

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

package/dist/kong-icons876.cjs

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

package/dist/kong-icons876.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"kong-icons876.cjs","sources":["../node_modules/@kong/design-tokens/dist/tokens/js/index.mjs"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 10 May 2024 18:15:36 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 = \"rgba(0, 0, 0, 0)\"; // 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 = \"rgba(0, 0, 0, 0)\"; // 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_FONT_FAMILY_CODE = \"'JetBrains Mono', Consolas, monospace\"; // The standard monospace 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":"gFAiHY,MAACA,EAAmB","x_google_ignoreList":[0]}

package/dist/types/components/flags/FlagAdIcon.vue.d.ts

@@ -1,85 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    title: string;
-    color: string;
-    display: string;
-    decorative: boolean;
-    size: string | number;
-    as: string;
-}, {}>;
-export default _default;

package/dist/types/components/flags/FlagAeIcon.vue.d.ts

@@ -1,85 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    title: string;
-    color: string;
-    display: string;
-    decorative: boolean;
-    size: string | number;
-    as: string;
-}, {}>;
-export default _default;

package/dist/types/components/flags/FlagAfIcon.vue.d.ts

@@ -1,85 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    title: string;
-    color: string;
-    display: string;
-    decorative: boolean;
-    size: string | number;
-    as: string;
-}, {}>;
-export default _default;

package/dist/types/components/flags/FlagAgIcon.vue.d.ts

@@ -1,85 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    title: string;
-    color: string;
-    display: string;
-    decorative: boolean;
-    size: string | number;
-    as: string;
-}, {}>;
-export default _default;

package/dist/types/components/flags/FlagAiIcon.vue.d.ts

@@ -1,85 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    title: string;
-    color: string;
-    display: string;
-    decorative: boolean;
-    size: string | number;
-    as: string;
-}, {}>;
-export default _default;

package/dist/types/components/flags/FlagAlIcon.vue.d.ts

@@ -1,85 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    title: string;
-    color: string;
-    display: string;
-    decorative: boolean;
-    size: string | number;
-    as: string;
-}, {}>;
-export default _default;

package/dist/types/components/flags/FlagAmIcon.vue.d.ts

@@ -1,85 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The accessibility text provided to screen readers */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: "24px";
-        validator: (sizeValue: number | string) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    title: string;
-    color: string;
-    display: string;
-    decorative: boolean;
-    size: string | number;
-    as: string;
-}, {}>;
-export default _default;