Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@kong/design-tokens

Package Overview
Dependencies
Maintainers
0
Versions
327
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@kong/design-tokens - npm Package Compare versions

Comparing version 1.15.4-pr.332.837b83c.0 to 1.15.4-pr.332.9571b9d.0

dist/stylelint-plugin/index.mjs
dist/stylelint-plugin/rules/use-proper-token/index.mjs
dist/stylelint-plugin/rules/use-proper-token/token-map.mjs
dist/stylelint-plugin/utilities/constants.mjs
dist/stylelint-plugin/utilities/extract-tokens-from-value.mjs
dist/stylelint-plugin/utilities/index.mjs

2

dist/stylelint-plugin/README.md

@@ -14,3 +14,3 @@ # @kong/design-tokens/stylelint-plugin

```sh
yarn add -D @kong/design-tokens stylelint
pnpm add -D @kong/design-tokens stylelint
```

@@ -17,0 +17,0 @@

2

dist/tokens/js/cjs/index.d.ts
/**
* Do not edit directly, this file was auto-generated.
* Generated on Sun, 04 Aug 2024 00:31:53 GMT
* Generated on Sun, 04 Aug 2024 02:38:18 GMT
*

@@ -5,0 +5,0 @@ * Kong Design Tokens

204

dist/tokens/js/cjs/index.js
/**
* Do not edit directly, this file was auto-generated.
* Generated on Sun, 04 Aug 2024 00:31:53 GMT
* Generated on Sun, 04 Aug 2024 02:38:18 GMT
*

@@ -11,78 +11,78 @@ * Kong Design Tokens

module.exports = {
"KUI_COLOR_BACKGROUND": "#FFF",
"KUI_COLOR_BACKGROUND_DANGER": "#D60027",
"KUI_COLOR_BACKGROUND_DANGER_STRONG": "#AD000E",
"KUI_COLOR_BACKGROUND": "#ffffff",
"KUI_COLOR_BACKGROUND_DANGER": "#d60027",
"KUI_COLOR_BACKGROUND_DANGER_STRONG": "#ad000e",
"KUI_COLOR_BACKGROUND_DANGER_STRONGER": "#850000",
"KUI_COLOR_BACKGROUND_DANGER_STRONGEST": "#5C0000",
"KUI_COLOR_BACKGROUND_DANGER_WEAK": "#FF3954",
"KUI_COLOR_BACKGROUND_DANGER_WEAKER": "#FFABAB",
"KUI_COLOR_BACKGROUND_DANGER_WEAKEST": "#FFE5E5",
"KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE": "#6F28FF",
"KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST": "#F1F0FF",
"KUI_COLOR_BACKGROUND_DISABLED": "#E0E4EA",
"KUI_COLOR_BACKGROUND_DANGER_STRONGEST": "#5c0000",
"KUI_COLOR_BACKGROUND_DANGER_WEAK": "#ff3954",
"KUI_COLOR_BACKGROUND_DANGER_WEAKER": "#ffabab",
"KUI_COLOR_BACKGROUND_DANGER_WEAKEST": "#ffe5e5",
"KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE": "#6f28ff",
"KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST": "#f1f0ff",
"KUI_COLOR_BACKGROUND_DISABLED": "#e0e4ea",
"KUI_COLOR_BACKGROUND_INVERSE": "#000933",
"KUI_COLOR_BACKGROUND_NEUTRAL": "#6C7489",
"KUI_COLOR_BACKGROUND_NEUTRAL_STRONG": "#52596E",
"KUI_COLOR_BACKGROUND_NEUTRAL_STRONGER": "#3A3F51",
"KUI_COLOR_BACKGROUND_NEUTRAL": "#6c7489",
"KUI_COLOR_BACKGROUND_NEUTRAL_STRONG": "#52596e",
"KUI_COLOR_BACKGROUND_NEUTRAL_STRONGER": "#3a3f51",
"KUI_COLOR_BACKGROUND_NEUTRAL_STRONGEST": "#232633",
"KUI_COLOR_BACKGROUND_NEUTRAL_WEAK": "#AFB7C5",
"KUI_COLOR_BACKGROUND_NEUTRAL_WEAKER": "#E0E4EA",
"KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST": "#F9FAFB",
"KUI_COLOR_BACKGROUND_NEUTRAL_WEAK": "#afb7c5",
"KUI_COLOR_BACKGROUND_NEUTRAL_WEAKER": "#e0e4ea",
"KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST": "#f9fafb",
"KUI_COLOR_BACKGROUND_OVERLAY": "rgba(0, 9, 51, 0.6)",
"KUI_COLOR_BACKGROUND_PRIMARY": "#0044F4",
"KUI_COLOR_BACKGROUND_PRIMARY_STRONG": "#0030CC",
"KUI_COLOR_BACKGROUND_PRIMARY": "#0044f4",
"KUI_COLOR_BACKGROUND_PRIMARY_STRONG": "#0030cc",
"KUI_COLOR_BACKGROUND_PRIMARY_STRONGER": "#002099",
"KUI_COLOR_BACKGROUND_PRIMARY_STRONGEST": "#001466",
"KUI_COLOR_BACKGROUND_PRIMARY_WEAK": "#5F9AFF",
"KUI_COLOR_BACKGROUND_PRIMARY_WEAKER": "#BEE2FF",
"KUI_COLOR_BACKGROUND_PRIMARY_WEAKEST": "#EEFAFF",
"KUI_COLOR_BACKGROUND_SUCCESS_WEAK": "#00D6A4",
"KUI_COLOR_BACKGROUND_SUCCESS_WEAKEST": "#ECFFFB",
"KUI_COLOR_BACKGROUND_PRIMARY_WEAK": "#5f9aff",
"KUI_COLOR_BACKGROUND_PRIMARY_WEAKER": "#bee2ff",
"KUI_COLOR_BACKGROUND_PRIMARY_WEAKEST": "#eefaff",
"KUI_COLOR_BACKGROUND_SUCCESS_WEAK": "#00d6a4",
"KUI_COLOR_BACKGROUND_SUCCESS_WEAKEST": "#ecfffb",
"KUI_COLOR_BACKGROUND_TRANSPARENT": "transparent",
"KUI_COLOR_BACKGROUND_WARNING_WEAK": "#FFC400",
"KUI_COLOR_BACKGROUND_WARNING_WEAKEST": "#FFFCE0",
"KUI_COLOR_BORDER": "#E0E4EA",
"KUI_COLOR_BORDER_DANGER": "#D60027",
"KUI_COLOR_BORDER_DANGER_STRONG": "#AD000E",
"KUI_COLOR_BACKGROUND_WARNING_WEAK": "#ffc400",
"KUI_COLOR_BACKGROUND_WARNING_WEAKEST": "#fffce0",
"KUI_COLOR_BORDER": "#e0e4ea",
"KUI_COLOR_BORDER_DANGER": "#d60027",
"KUI_COLOR_BORDER_DANGER_STRONG": "#ad000e",
"KUI_COLOR_BORDER_DANGER_STRONGER": "#850000",
"KUI_COLOR_BORDER_DANGER_STRONGEST": "#5C0000",
"KUI_COLOR_BORDER_DANGER_WEAK": "#FF3954",
"KUI_COLOR_BORDER_DANGER_WEAKER": "#FFABAB",
"KUI_COLOR_BORDER_DANGER_WEAKEST": "#FFE5E5",
"KUI_COLOR_BORDER_DECORATIVE_PURPLE": "#6F28FF",
"KUI_COLOR_BORDER_DISABLED": "#E0E4EA",
"KUI_COLOR_BORDER_DANGER_STRONGEST": "#5c0000",
"KUI_COLOR_BORDER_DANGER_WEAK": "#ff3954",
"KUI_COLOR_BORDER_DANGER_WEAKER": "#ffabab",
"KUI_COLOR_BORDER_DANGER_WEAKEST": "#ffe5e5",
"KUI_COLOR_BORDER_DECORATIVE_PURPLE": "#6f28ff",
"KUI_COLOR_BORDER_DISABLED": "#e0e4ea",
"KUI_COLOR_BORDER_INVERSE": "rgba(255, 255, 255, 0.2)",
"KUI_COLOR_BORDER_NEUTRAL_WEAK": "#AFB7C5",
"KUI_COLOR_BORDER_NEUTRAL_WEAKER": "#E0E4EA",
"KUI_COLOR_BORDER_PRIMARY": "#0044F4",
"KUI_COLOR_BORDER_PRIMARY_STRONG": "#0030CC",
"KUI_COLOR_BORDER_NEUTRAL_WEAK": "#afb7c5",
"KUI_COLOR_BORDER_NEUTRAL_WEAKER": "#e0e4ea",
"KUI_COLOR_BORDER_PRIMARY": "#0044f4",
"KUI_COLOR_BORDER_PRIMARY_STRONG": "#0030cc",
"KUI_COLOR_BORDER_PRIMARY_STRONGER": "#002099",
"KUI_COLOR_BORDER_PRIMARY_STRONGEST": "#001466",
"KUI_COLOR_BORDER_PRIMARY_WEAK": "#5F9AFF",
"KUI_COLOR_BORDER_PRIMARY_WEAKER": "#BEE2FF",
"KUI_COLOR_BORDER_PRIMARY_WEAKEST": "#EEFAFF",
"KUI_COLOR_BORDER_PRIMARY_WEAK": "#5f9aff",
"KUI_COLOR_BORDER_PRIMARY_WEAKER": "#bee2ff",
"KUI_COLOR_BORDER_PRIMARY_WEAKEST": "#eefaff",
"KUI_COLOR_BORDER_TRANSPARENT": "transparent",
"KUI_COLOR_TEXT": "#000933",
"KUI_COLOR_TEXT_DANGER": "#D60027",
"KUI_COLOR_TEXT_DANGER_STRONG": "#AD000E",
"KUI_COLOR_TEXT_DECORATIVE_AQUA": "#00ABD2",
"KUI_COLOR_TEXT_DECORATIVE_PINK": "#D60067",
"KUI_COLOR_TEXT_DECORATIVE_PURPLE": "#6F28FF",
"KUI_COLOR_TEXT_DECORATIVE_PURPLE_STRONG": "#5E00F5",
"KUI_COLOR_TEXT_DISABLED": "#AFB7C5",
"KUI_COLOR_TEXT_INVERSE": "#FFF",
"KUI_COLOR_TEXT_NEUTRAL": "#6C7489",
"KUI_COLOR_TEXT_NEUTRAL_STRONG": "#52596E",
"KUI_COLOR_TEXT_NEUTRAL_STRONGER": "#3A3F51",
"KUI_COLOR_TEXT_DANGER": "#d60027",
"KUI_COLOR_TEXT_DANGER_STRONG": "#ad000e",
"KUI_COLOR_TEXT_DECORATIVE_AQUA": "#00abd2",
"KUI_COLOR_TEXT_DECORATIVE_PINK": "#d60067",
"KUI_COLOR_TEXT_DECORATIVE_PURPLE": "#6f28ff",
"KUI_COLOR_TEXT_DECORATIVE_PURPLE_STRONG": "#5e00f5",
"KUI_COLOR_TEXT_DISABLED": "#afb7c5",
"KUI_COLOR_TEXT_INVERSE": "#ffffff",
"KUI_COLOR_TEXT_NEUTRAL": "#6c7489",
"KUI_COLOR_TEXT_NEUTRAL_STRONG": "#52596e",
"KUI_COLOR_TEXT_NEUTRAL_STRONGER": "#3a3f51",
"KUI_COLOR_TEXT_NEUTRAL_STRONGEST": "#232633",
"KUI_COLOR_TEXT_NEUTRAL_WEAK": "#AFB7C5",
"KUI_COLOR_TEXT_NEUTRAL_WEAKER": "#E0E4EA",
"KUI_COLOR_TEXT_PRIMARY": "#0044F4",
"KUI_COLOR_TEXT_PRIMARY_STRONG": "#0030CC",
"KUI_COLOR_TEXT_NEUTRAL_WEAK": "#afb7c5",
"KUI_COLOR_TEXT_NEUTRAL_WEAKER": "#e0e4ea",
"KUI_COLOR_TEXT_PRIMARY": "#0044f4",
"KUI_COLOR_TEXT_PRIMARY_STRONG": "#0030cc",
"KUI_COLOR_TEXT_PRIMARY_STRONGER": "#002099",
"KUI_COLOR_TEXT_PRIMARY_STRONGEST": "#001466",
"KUI_COLOR_TEXT_PRIMARY_WEAK": "#5F9AFF",
"KUI_COLOR_TEXT_SUCCESS": "#007D60",
"KUI_COLOR_TEXT_PRIMARY_WEAK": "#5f9aff",
"KUI_COLOR_TEXT_SUCCESS": "#007d60",
"KUI_COLOR_TEXT_SUCCESS_STRONG": "#005944",
"KUI_COLOR_TEXT_WARNING": "#995C00",
"KUI_COLOR_TEXT_WARNING": "#995c00",
"KUI_COLOR_TEXT_WARNING_STRONG": "#804400",

@@ -107,7 +107,7 @@ "KUI_ANIMATION_DURATION_20": "0.2s",

"KUI_BREAKPOINT_DESKTOP": "1536px",
"KUI_ICON_COLOR_DANGER": "#F50045",
"KUI_ICON_COLOR_NEUTRAL": "#828A9E",
"KUI_ICON_COLOR_PRIMARY": "#306FFF",
"KUI_ICON_COLOR_SUCCESS": "#00A17B",
"KUI_ICON_COLOR_WARNING": "#FFC400",
"KUI_ICON_COLOR_DANGER": "#f50045",
"KUI_ICON_COLOR_NEUTRAL": "#828a9e",
"KUI_ICON_COLOR_PRIMARY": "#306fff",
"KUI_ICON_COLOR_SUCCESS": "#00a17b",
"KUI_ICON_COLOR_WARNING": "#ffc400",
"KUI_ICON_SIZE_10": "10px",

@@ -121,40 +121,40 @@ "KUI_ICON_SIZE_20": "12px",

"KUI_ICON_SIZE_80": "48px",
"KUI_METHOD_COLOR_BACKGROUND_CONNECT": "#F1F0FF",
"KUI_METHOD_COLOR_BACKGROUND_DELETE": "#FFE5E5",
"KUI_METHOD_COLOR_BACKGROUND_GET": "#EEFAFF",
"KUI_METHOD_COLOR_BACKGROUND_HEAD": "#52596E",
"KUI_METHOD_COLOR_BACKGROUND_OPTIONS": "#E0E4EA",
"KUI_METHOD_COLOR_BACKGROUND_PATCH": "#ECFCFF",
"KUI_METHOD_COLOR_BACKGROUND_POST": "#ECFFFB",
"KUI_METHOD_COLOR_BACKGROUND_PUT": "#FFFCE0",
"KUI_METHOD_COLOR_BACKGROUND_TRACE": "#FFF0F7",
"KUI_METHOD_COLOR_TEXT_CONNECT": "#6F28FF",
"KUI_METHOD_COLOR_TEXT_CONNECT_STRONG": "#5E00F5",
"KUI_METHOD_COLOR_TEXT_DELETE": "#D60027",
"KUI_METHOD_COLOR_TEXT_DELETE_STRONG": "#AD000E",
"KUI_METHOD_COLOR_TEXT_GET": "#0044F4",
"KUI_METHOD_COLOR_TEXT_GET_STRONG": "#0030CC",
"KUI_METHOD_COLOR_TEXT_HEAD": "#E0E4EA",
"KUI_METHOD_COLOR_TEXT_HEAD_STRONG": "#AFB7C5",
"KUI_METHOD_COLOR_TEXT_OPTIONS": "#52596E",
"KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG": "#3A3F51",
"KUI_METHOD_COLOR_TEXT_PATCH": "#00819D",
"KUI_METHOD_COLOR_TEXT_PATCH_STRONG": "#00647A",
"KUI_METHOD_COLOR_TEXT_POST": "#007D60",
"KUI_METHOD_COLOR_BACKGROUND_CONNECT": "#f1f0ff",
"KUI_METHOD_COLOR_BACKGROUND_DELETE": "#ffe5e5",
"KUI_METHOD_COLOR_BACKGROUND_GET": "#eefaff",
"KUI_METHOD_COLOR_BACKGROUND_HEAD": "#52596e",
"KUI_METHOD_COLOR_BACKGROUND_OPTIONS": "#e0e4ea",
"KUI_METHOD_COLOR_BACKGROUND_PATCH": "#ecfcff",
"KUI_METHOD_COLOR_BACKGROUND_POST": "#ecfffb",
"KUI_METHOD_COLOR_BACKGROUND_PUT": "#fffce0",
"KUI_METHOD_COLOR_BACKGROUND_TRACE": "#fff0f7",
"KUI_METHOD_COLOR_TEXT_CONNECT": "#6f28ff",
"KUI_METHOD_COLOR_TEXT_CONNECT_STRONG": "#5e00f5",
"KUI_METHOD_COLOR_TEXT_DELETE": "#d60027",
"KUI_METHOD_COLOR_TEXT_DELETE_STRONG": "#ad000e",
"KUI_METHOD_COLOR_TEXT_GET": "#0044f4",
"KUI_METHOD_COLOR_TEXT_GET_STRONG": "#0030cc",
"KUI_METHOD_COLOR_TEXT_HEAD": "#e0e4ea",
"KUI_METHOD_COLOR_TEXT_HEAD_STRONG": "#afb7c5",
"KUI_METHOD_COLOR_TEXT_OPTIONS": "#52596e",
"KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG": "#3a3f51",
"KUI_METHOD_COLOR_TEXT_PATCH": "#00819d",
"KUI_METHOD_COLOR_TEXT_PATCH_STRONG": "#00647a",
"KUI_METHOD_COLOR_TEXT_POST": "#007d60",
"KUI_METHOD_COLOR_TEXT_POST_STRONG": "#005944",
"KUI_METHOD_COLOR_TEXT_PUT": "#995C00",
"KUI_METHOD_COLOR_TEXT_PUT": "#995c00",
"KUI_METHOD_COLOR_TEXT_PUT_STRONG": "#804400",
"KUI_METHOD_COLOR_TEXT_TRACE": "#D60067",
"KUI_METHOD_COLOR_TEXT_TRACE_STRONG": "#AD0053",
"KUI_METHOD_COLOR_TEXT_TRACE": "#d60067",
"KUI_METHOD_COLOR_TEXT_TRACE_STRONG": "#ad0053",
"KUI_NAVIGATION_COLOR_BACKGROUND": "#000933",
"KUI_NAVIGATION_COLOR_BACKGROUND_SELECTED": "rgba(255, 255, 255, 0.12)",
"KUI_NAVIGATION_COLOR_BORDER": "rgba(255, 255, 255, 0.12)",
"KUI_NAVIGATION_COLOR_BORDER_CHILD": "#00FABE",
"KUI_NAVIGATION_COLOR_BORDER_CHILD": "#00fabe",
"KUI_NAVIGATION_COLOR_BORDER_DIVIDER": "rgba(255, 255, 255, 0.24)",
"KUI_NAVIGATION_COLOR_TEXT": "#BEE2FF",
"KUI_NAVIGATION_COLOR_TEXT_FOCUS": "#FFF",
"KUI_NAVIGATION_COLOR_TEXT_HOVER": "#EEFAFF",
"KUI_NAVIGATION_COLOR_TEXT_SELECTED": "#00FABE",
"KUI_NAVIGATION_COLOR_TEXT": "#bee2ff",
"KUI_NAVIGATION_COLOR_TEXT_FOCUS": "#ffffff",
"KUI_NAVIGATION_COLOR_TEXT_HOVER": "#eefaff",
"KUI_NAVIGATION_COLOR_TEXT_SELECTED": "#00fabe",
"KUI_NAVIGATION_SHADOW_BORDER": "0 0 0 1px rgba(255, 255, 255, 0.12) inset",
"KUI_NAVIGATION_SHADOW_BORDER_CHILD": "4px 0 0 0 #00FABE inset",
"KUI_NAVIGATION_SHADOW_BORDER_CHILD": "4px 0 0 0 #00fabe inset",
"KUI_NAVIGATION_SHADOW_FOCUS": "0 0 0 1px rgba(255, 255, 255, 0.60) inset",

@@ -196,9 +196,9 @@ "KUI_FONT_FAMILY_CODE": "'JetBrains Mono', Consolas, monospace",

"KUI_SHADOW": "0px 4px 20px 0px rgba(0, 0, 0, 0.08)",
"KUI_SHADOW_BORDER": "0px 0px 0px 1px #E0E4EA inset",
"KUI_SHADOW_BORDER_DANGER": "0px 0px 0px 1px #D60027 inset",
"KUI_SHADOW_BORDER_DANGER_STRONG": "0px 0px 0px 1px #AD000E inset",
"KUI_SHADOW_BORDER_DISABLED": "0px 0px 0px 1px #E0E4EA inset",
"KUI_SHADOW_BORDER_PRIMARY": "0px 0px 0px 1px #0044F4 inset",
"KUI_SHADOW_BORDER": "0px 0px 0px 1px #e0e4ea inset",
"KUI_SHADOW_BORDER_DANGER": "0px 0px 0px 1px #d60027 inset",
"KUI_SHADOW_BORDER_DANGER_STRONG": "0px 0px 0px 1px #ad000e inset",
"KUI_SHADOW_BORDER_DISABLED": "0px 0px 0px 1px #e0e4ea inset",
"KUI_SHADOW_BORDER_PRIMARY": "0px 0px 0px 1px #0044f4 inset",
"KUI_SHADOW_BORDER_PRIMARY_STRONGEST": "0px 0px 0px 1px #001466 inset",
"KUI_SHADOW_BORDER_PRIMARY_WEAK": "0px 0px 0px 1px #5F9AFF inset",
"KUI_SHADOW_BORDER_PRIMARY_WEAK": "0px 0px 0px 1px #5f9aff inset",
"KUI_SHADOW_FOCUS": "0px 0px 0px 4px rgba(0, 68, 244, 0.2)",

@@ -205,0 +205,0 @@ "KUI_SPACE_0": "0px",

204

dist/tokens/js/index.d.ts
/**
* Do not edit directly, this file was auto-generated.
* Generated on Sun, 04 Aug 2024 00:31:53 GMT
* Generated on Sun, 04 Aug 2024 02:38:18 GMT
*

@@ -11,45 +11,45 @@ * Kong Design Tokens

/** Default background color for containers (white). */
export const KUI_COLOR_BACKGROUND : "#FFF";
export const KUI_COLOR_BACKGROUND : "#ffffff";
/** Background color for danger actions or messages (red.60). */
export const KUI_COLOR_BACKGROUND_DANGER : "#D60027";
export const KUI_COLOR_BACKGROUND_DANGER : "#d60027";
/** Strong background color for danger actions or messages (red.70). */
export const KUI_COLOR_BACKGROUND_DANGER_STRONG : "#AD000E";
export const KUI_COLOR_BACKGROUND_DANGER_STRONG : "#ad000e";
/** Stronger background color for danger actions or messages (red.80). */
export const KUI_COLOR_BACKGROUND_DANGER_STRONGER : "#850000";
/** Strongest background color for danger actions or messages (red.90). */
export const KUI_COLOR_BACKGROUND_DANGER_STRONGEST : "#5C0000";
export const KUI_COLOR_BACKGROUND_DANGER_STRONGEST : "#5c0000";
/** Weak background color for danger actions or messages (red.40). */
export const KUI_COLOR_BACKGROUND_DANGER_WEAK : "#FF3954";
export const KUI_COLOR_BACKGROUND_DANGER_WEAK : "#ff3954";
/** Weaker background color for danger actions or messages (red.20). */
export const KUI_COLOR_BACKGROUND_DANGER_WEAKER : "#FFABAB";
export const KUI_COLOR_BACKGROUND_DANGER_WEAKER : "#ffabab";
/** Weakest background color for danger actions or messages (red.10). */
export const KUI_COLOR_BACKGROUND_DANGER_WEAKEST : "#FFE5E5";
export const KUI_COLOR_BACKGROUND_DANGER_WEAKEST : "#ffe5e5";
/** Background color for decorative purposes (purple.60). */
export const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE : "#6F28FF";
export const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE : "#6f28ff";
/** Weakest background color for decorative purposes (purple.10). */
export const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST : "#F1F0FF";
export const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST : "#f1f0ff";
/** Background color for disabled elements (gray.20). */
export const KUI_COLOR_BACKGROUND_DISABLED : "#E0E4EA";
export const KUI_COLOR_BACKGROUND_DISABLED : "#e0e4ea";
/** Inverse background color for containers (blue.100) */
export const KUI_COLOR_BACKGROUND_INVERSE : "#000933";
/** Background color for neutral elements (gray.60). */
export const KUI_COLOR_BACKGROUND_NEUTRAL : "#6C7489";
export const KUI_COLOR_BACKGROUND_NEUTRAL : "#6c7489";
/** Strong background color for neutral elements (gray.70). */
export const KUI_COLOR_BACKGROUND_NEUTRAL_STRONG : "#52596E";
export const KUI_COLOR_BACKGROUND_NEUTRAL_STRONG : "#52596e";
/** Stronger background color for neutral elements (gray.80). */
export const KUI_COLOR_BACKGROUND_NEUTRAL_STRONGER : "#3A3F51";
export const KUI_COLOR_BACKGROUND_NEUTRAL_STRONGER : "#3a3f51";
/** Strongest background color for neutral elements (gray.90). */
export const KUI_COLOR_BACKGROUND_NEUTRAL_STRONGEST : "#232633";
/** Weak background color for neutral elements (gray.40). */
export const KUI_COLOR_BACKGROUND_NEUTRAL_WEAK : "#AFB7C5";
export const KUI_COLOR_BACKGROUND_NEUTRAL_WEAK : "#afb7c5";
/** Weaker background color for neutral elements (gray.20). */
export const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKER : "#E0E4EA";
export const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKER : "#e0e4ea";
/** Weakest background color for neutral elements (gray.10). */
export const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST : "#F9FAFB";
export const KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST : "#f9fafb";
/** Overlay background color (rgba(blue.100, 0.6)) */
export const KUI_COLOR_BACKGROUND_OVERLAY : "rgba(0, 9, 51, 0.6)";
/** Background color for primary actions or messages (blue.60). */
export const KUI_COLOR_BACKGROUND_PRIMARY : "#0044F4";
export const KUI_COLOR_BACKGROUND_PRIMARY : "#0044f4";
/** Strong background color for primary actions or messages (blue.70). */
export const KUI_COLOR_BACKGROUND_PRIMARY_STRONG : "#0030CC";
export const KUI_COLOR_BACKGROUND_PRIMARY_STRONG : "#0030cc";
/** Stronger background color for primary actions or messages (blue.80). */

@@ -60,47 +60,47 @@ export const KUI_COLOR_BACKGROUND_PRIMARY_STRONGER : "#002099";

/** Weak background color for primary actions or messages (blue.40). */
export const KUI_COLOR_BACKGROUND_PRIMARY_WEAK : "#5F9AFF";
export const KUI_COLOR_BACKGROUND_PRIMARY_WEAK : "#5f9aff";
/** Weaker background color for primary actions or messages (blue.20). */
export const KUI_COLOR_BACKGROUND_PRIMARY_WEAKER : "#BEE2FF";
export const KUI_COLOR_BACKGROUND_PRIMARY_WEAKER : "#bee2ff";
/** Weakest background color for primary actions or messages (blue.10) */
export const KUI_COLOR_BACKGROUND_PRIMARY_WEAKEST : "#EEFAFF";
export const KUI_COLOR_BACKGROUND_PRIMARY_WEAKEST : "#eefaff";
/** Weak background color for success elements (green.40). */
export const KUI_COLOR_BACKGROUND_SUCCESS_WEAK : "#00D6A4";
export const KUI_COLOR_BACKGROUND_SUCCESS_WEAK : "#00d6a4";
/** Weakest background color for success elements (green.10). */
export const KUI_COLOR_BACKGROUND_SUCCESS_WEAKEST : "#ECFFFB";
export const KUI_COLOR_BACKGROUND_SUCCESS_WEAKEST : "#ecfffb";
/** Transparent background color (transparent). */
export const KUI_COLOR_BACKGROUND_TRANSPARENT : "transparent";
/** Weak background color for warning elements (yellow.40). */
export const KUI_COLOR_BACKGROUND_WARNING_WEAK : "#FFC400";
export const KUI_COLOR_BACKGROUND_WARNING_WEAK : "#ffc400";
/** Weakest background color for warning elements (yellow.10). */
export const KUI_COLOR_BACKGROUND_WARNING_WEAKEST : "#FFFCE0";
export const KUI_COLOR_BACKGROUND_WARNING_WEAKEST : "#fffce0";
/** Default border color for containers (gray.20). */
export const KUI_COLOR_BORDER : "#E0E4EA";
export const KUI_COLOR_BORDER : "#e0e4ea";
/** Border color for danger actions or messages (red.60). */
export const KUI_COLOR_BORDER_DANGER : "#D60027";
export const KUI_COLOR_BORDER_DANGER : "#d60027";
/** Strong border color for danger actions or messages (red.70). */
export const KUI_COLOR_BORDER_DANGER_STRONG : "#AD000E";
export const KUI_COLOR_BORDER_DANGER_STRONG : "#ad000e";
/** Stronger border color for danger actions or messages (red.80). */
export const KUI_COLOR_BORDER_DANGER_STRONGER : "#850000";
/** Strongest border color for danger actions or messages (red.90). */
export const KUI_COLOR_BORDER_DANGER_STRONGEST : "#5C0000";
export const KUI_COLOR_BORDER_DANGER_STRONGEST : "#5c0000";
/** Weak border color for danger actions or messages (red.40). */
export const KUI_COLOR_BORDER_DANGER_WEAK : "#FF3954";
export const KUI_COLOR_BORDER_DANGER_WEAK : "#ff3954";
/** Weaker border color for danger actions or messages (red.20). */
export const KUI_COLOR_BORDER_DANGER_WEAKER : "#FFABAB";
export const KUI_COLOR_BORDER_DANGER_WEAKER : "#ffabab";
/** Weakest border color for danger actions or messages (red.10). */
export const KUI_COLOR_BORDER_DANGER_WEAKEST : "#FFE5E5";
export const KUI_COLOR_BORDER_DANGER_WEAKEST : "#ffe5e5";
/** Border color for decorative purposes (purple.60). */
export const KUI_COLOR_BORDER_DECORATIVE_PURPLE : "#6F28FF";
export const KUI_COLOR_BORDER_DECORATIVE_PURPLE : "#6f28ff";
/** Border color for disabled elements (gray.20). */
export const KUI_COLOR_BORDER_DISABLED : "#E0E4EA";
export const KUI_COLOR_BORDER_DISABLED : "#e0e4ea";
/** Inverse border color (rgba(white, 0.2)). */
export const KUI_COLOR_BORDER_INVERSE : "rgba(255, 255, 255, 0.2)";
/** Weak border color for neutral elements (gray.40) */
export const KUI_COLOR_BORDER_NEUTRAL_WEAK : "#AFB7C5";
export const KUI_COLOR_BORDER_NEUTRAL_WEAK : "#afb7c5";
/** Weaker border color for neutral elements (gray.20) */
export const KUI_COLOR_BORDER_NEUTRAL_WEAKER : "#E0E4EA";
export const KUI_COLOR_BORDER_NEUTRAL_WEAKER : "#e0e4ea";
/** Border color for primary actions or messages (blue.60). */
export const KUI_COLOR_BORDER_PRIMARY : "#0044F4";
export const KUI_COLOR_BORDER_PRIMARY : "#0044f4";
/** Strong border color for primary actions or messages (blue.70). */
export const KUI_COLOR_BORDER_PRIMARY_STRONG : "#0030CC";
export const KUI_COLOR_BORDER_PRIMARY_STRONG : "#0030cc";
/** Stronger border color for primary actions or messages (blue.80). */

@@ -111,7 +111,7 @@ export const KUI_COLOR_BORDER_PRIMARY_STRONGER : "#002099";

/** Weak border color for primary actions or messages (blue.40). */
export const KUI_COLOR_BORDER_PRIMARY_WEAK : "#5F9AFF";
export const KUI_COLOR_BORDER_PRIMARY_WEAK : "#5f9aff";
/** Weaker border color for primary actions or messages (blue.20). */
export const KUI_COLOR_BORDER_PRIMARY_WEAKER : "#BEE2FF";
export const KUI_COLOR_BORDER_PRIMARY_WEAKER : "#bee2ff";
/** Weakest border color for primary actions or messages (blue.10). */
export const KUI_COLOR_BORDER_PRIMARY_WEAKEST : "#EEFAFF";
export const KUI_COLOR_BORDER_PRIMARY_WEAKEST : "#eefaff";
/** Transparent border color (transparent). */

@@ -122,33 +122,33 @@ export const KUI_COLOR_BORDER_TRANSPARENT : "transparent";

/** Text color for danger actions or messages (red.60). */
export const KUI_COLOR_TEXT_DANGER : "#D60027";
export const KUI_COLOR_TEXT_DANGER : "#d60027";
/** Strong text color for danger actions or messages (red.70). */
export const KUI_COLOR_TEXT_DANGER_STRONG : "#AD000E";
export const KUI_COLOR_TEXT_DANGER_STRONG : "#ad000e";
/** Text color for decorative purposes (aqua.50). */
export const KUI_COLOR_TEXT_DECORATIVE_AQUA : "#00ABD2";
export const KUI_COLOR_TEXT_DECORATIVE_AQUA : "#00abd2";
/** Text color for decorative purposes (pink.60). */
export const KUI_COLOR_TEXT_DECORATIVE_PINK : "#D60067";
export const KUI_COLOR_TEXT_DECORATIVE_PINK : "#d60067";
/** Text color for decorative purposes (purple.60). */
export const KUI_COLOR_TEXT_DECORATIVE_PURPLE : "#6F28FF";
export const KUI_COLOR_TEXT_DECORATIVE_PURPLE : "#6f28ff";
/** Strong text color for decorative purposes (purple.70). */
export const KUI_COLOR_TEXT_DECORATIVE_PURPLE_STRONG : "#5E00F5";
export const KUI_COLOR_TEXT_DECORATIVE_PURPLE_STRONG : "#5e00f5";
/** Text color for disabled elements (gray.40). */
export const KUI_COLOR_TEXT_DISABLED : "#AFB7C5";
export const KUI_COLOR_TEXT_DISABLED : "#afb7c5";
/** Inverse text color (white). */
export const KUI_COLOR_TEXT_INVERSE : "#FFF";
export const KUI_COLOR_TEXT_INVERSE : "#ffffff";
/** Text color for neutral elements (gray.60). */
export const KUI_COLOR_TEXT_NEUTRAL : "#6C7489";
export const KUI_COLOR_TEXT_NEUTRAL : "#6c7489";
/** Strong text color for neutral elements (gray.70). */
export const KUI_COLOR_TEXT_NEUTRAL_STRONG : "#52596E";
export const KUI_COLOR_TEXT_NEUTRAL_STRONG : "#52596e";
/** Stronger text color for neutral elements (gray.80). */
export const KUI_COLOR_TEXT_NEUTRAL_STRONGER : "#3A3F51";
export const KUI_COLOR_TEXT_NEUTRAL_STRONGER : "#3a3f51";
/** Strongest text color for neutral elements (gray.90). */
export const KUI_COLOR_TEXT_NEUTRAL_STRONGEST : "#232633";
/** Weak text color for neutral elements (gray.40). */
export const KUI_COLOR_TEXT_NEUTRAL_WEAK : "#AFB7C5";
export const KUI_COLOR_TEXT_NEUTRAL_WEAK : "#afb7c5";
/** Weaker text color for neutral elements (gray.20). */
export const KUI_COLOR_TEXT_NEUTRAL_WEAKER : "#E0E4EA";
export const KUI_COLOR_TEXT_NEUTRAL_WEAKER : "#e0e4ea";
/** Text color for primary actions or messages (blue.60). */
export const KUI_COLOR_TEXT_PRIMARY : "#0044F4";
export const KUI_COLOR_TEXT_PRIMARY : "#0044f4";
/** Strong text color for primary actions or messages (blue.70). */
export const KUI_COLOR_TEXT_PRIMARY_STRONG : "#0030CC";
export const KUI_COLOR_TEXT_PRIMARY_STRONG : "#0030cc";
/** Stronger text color for primary actions or messages (blue.80). */

@@ -159,9 +159,9 @@ export const KUI_COLOR_TEXT_PRIMARY_STRONGER : "#002099";

/** Weak text color for primary actions or messages (blue.40). */
export const KUI_COLOR_TEXT_PRIMARY_WEAK : "#5F9AFF";
export const KUI_COLOR_TEXT_PRIMARY_WEAK : "#5f9aff";
/** Text color for success actions or messages (green.60). */
export const KUI_COLOR_TEXT_SUCCESS : "#007D60";
export const KUI_COLOR_TEXT_SUCCESS : "#007d60";
/** Strong text color for success actions or messages (green.70). */
export const KUI_COLOR_TEXT_SUCCESS_STRONG : "#005944";
/** Text color for warning actions or messages (yellow.60). */
export const KUI_COLOR_TEXT_WARNING : "#995C00";
export const KUI_COLOR_TEXT_WARNING : "#995c00";
/** Text color for warning actions or messages (yellow.70). */

@@ -206,11 +206,11 @@ export const KUI_COLOR_TEXT_WARNING_STRONG : "#804400";

/** Danger color for icons. */
export const KUI_ICON_COLOR_DANGER : "#F50045";
export const KUI_ICON_COLOR_DANGER : "#f50045";
/** Neutral color for icons. */
export const KUI_ICON_COLOR_NEUTRAL : "#828A9E";
export const KUI_ICON_COLOR_NEUTRAL : "#828a9e";
/** Primary color for icons. */
export const KUI_ICON_COLOR_PRIMARY : "#306FFF";
export const KUI_ICON_COLOR_PRIMARY : "#306fff";
/** Success color for icons. */
export const KUI_ICON_COLOR_SUCCESS : "#00A17B";
export const KUI_ICON_COLOR_SUCCESS : "#00a17b";
/** Warning color for icons. */
export const KUI_ICON_COLOR_WARNING : "#FFC400";
export const KUI_ICON_COLOR_WARNING : "#ffc400";
/** 10px icon size. */

@@ -233,55 +233,55 @@ export const KUI_ICON_SIZE_10 : "10px";

/** Background color for the CONNECT method (purple.10). */
export const KUI_METHOD_COLOR_BACKGROUND_CONNECT : "#F1F0FF";
export const KUI_METHOD_COLOR_BACKGROUND_CONNECT : "#f1f0ff";
/** Background color for the DELETE method (red.10). */
export const KUI_METHOD_COLOR_BACKGROUND_DELETE : "#FFE5E5";
export const KUI_METHOD_COLOR_BACKGROUND_DELETE : "#ffe5e5";
/** Background color for the GET method (blue.10). */
export const KUI_METHOD_COLOR_BACKGROUND_GET : "#EEFAFF";
export const KUI_METHOD_COLOR_BACKGROUND_GET : "#eefaff";
/** Background color for the HEAD method (gray.70). */
export const KUI_METHOD_COLOR_BACKGROUND_HEAD : "#52596E";
export const KUI_METHOD_COLOR_BACKGROUND_HEAD : "#52596e";
/** Background color for the OPTIONS method (gray.20). */
export const KUI_METHOD_COLOR_BACKGROUND_OPTIONS : "#E0E4EA";
export const KUI_METHOD_COLOR_BACKGROUND_OPTIONS : "#e0e4ea";
/** Background color for the PATCH method (aqua.10). */
export const KUI_METHOD_COLOR_BACKGROUND_PATCH : "#ECFCFF";
export const KUI_METHOD_COLOR_BACKGROUND_PATCH : "#ecfcff";
/** Background color for the POST method (green.10). */
export const KUI_METHOD_COLOR_BACKGROUND_POST : "#ECFFFB";
export const KUI_METHOD_COLOR_BACKGROUND_POST : "#ecfffb";
/** Background color for the PUT method (yellow.10). */
export const KUI_METHOD_COLOR_BACKGROUND_PUT : "#FFFCE0";
export const KUI_METHOD_COLOR_BACKGROUND_PUT : "#fffce0";
/** Background color for the TRACE method (pink.10). */
export const KUI_METHOD_COLOR_BACKGROUND_TRACE : "#FFF0F7";
export const KUI_METHOD_COLOR_BACKGROUND_TRACE : "#fff0f7";
/** Text color for the CONNECT method (purple.60). */
export const KUI_METHOD_COLOR_TEXT_CONNECT : "#6F28FF";
export const KUI_METHOD_COLOR_TEXT_CONNECT : "#6f28ff";
/** Strong text color for the CONNECT method (purple.70). */
export const KUI_METHOD_COLOR_TEXT_CONNECT_STRONG : "#5E00F5";
export const KUI_METHOD_COLOR_TEXT_CONNECT_STRONG : "#5e00f5";
/** Text color for the DELETE method (red.60). */
export const KUI_METHOD_COLOR_TEXT_DELETE : "#D60027";
export const KUI_METHOD_COLOR_TEXT_DELETE : "#d60027";
/** Strong text color for the DELETE method (red.70). */
export const KUI_METHOD_COLOR_TEXT_DELETE_STRONG : "#AD000E";
export const KUI_METHOD_COLOR_TEXT_DELETE_STRONG : "#ad000e";
/** Text color for the GET method (blue.60). */
export const KUI_METHOD_COLOR_TEXT_GET : "#0044F4";
export const KUI_METHOD_COLOR_TEXT_GET : "#0044f4";
/** Strong text color for the GET method (blue.70). */
export const KUI_METHOD_COLOR_TEXT_GET_STRONG : "#0030CC";
export const KUI_METHOD_COLOR_TEXT_GET_STRONG : "#0030cc";
/** Text color for the HEAD method (gray.20). */
export const KUI_METHOD_COLOR_TEXT_HEAD : "#E0E4EA";
export const KUI_METHOD_COLOR_TEXT_HEAD : "#e0e4ea";
/** Strong text color for the HEAD method (gray.40). */
export const KUI_METHOD_COLOR_TEXT_HEAD_STRONG : "#AFB7C5";
export const KUI_METHOD_COLOR_TEXT_HEAD_STRONG : "#afb7c5";
/** Text color for the OPTIONS method (gray.70). */
export const KUI_METHOD_COLOR_TEXT_OPTIONS : "#52596E";
export const KUI_METHOD_COLOR_TEXT_OPTIONS : "#52596e";
/** Strong text color for the OPTIONS method (gray.80). */
export const KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG : "#3A3F51";
export const KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG : "#3a3f51";
/** Text color for the PATCH method (aqua.60). */
export const KUI_METHOD_COLOR_TEXT_PATCH : "#00819D";
export const KUI_METHOD_COLOR_TEXT_PATCH : "#00819d";
/** Strong text color for the PATCH method (aqua.70). */
export const KUI_METHOD_COLOR_TEXT_PATCH_STRONG : "#00647A";
export const KUI_METHOD_COLOR_TEXT_PATCH_STRONG : "#00647a";
/** Text color for the POST method (green.60). */
export const KUI_METHOD_COLOR_TEXT_POST : "#007D60";
export const KUI_METHOD_COLOR_TEXT_POST : "#007d60";
/** Strong text color for the POST method (green.70). */
export const KUI_METHOD_COLOR_TEXT_POST_STRONG : "#005944";
/** Text color for the PUT method (yellow.60). */
export const KUI_METHOD_COLOR_TEXT_PUT : "#995C00";
export const KUI_METHOD_COLOR_TEXT_PUT : "#995c00";
/** Strong text color for the PUT method (yellow.70). */
export const KUI_METHOD_COLOR_TEXT_PUT_STRONG : "#804400";
/** Text color for the TRACE method (pink.60). */
export const KUI_METHOD_COLOR_TEXT_TRACE : "#D60067";
export const KUI_METHOD_COLOR_TEXT_TRACE : "#d60067";
/** Strong text color for the TRACE method (pink.70). */
export const KUI_METHOD_COLOR_TEXT_TRACE_STRONG : "#AD0053";
export const KUI_METHOD_COLOR_TEXT_TRACE_STRONG : "#ad0053";
/** blue.100 */

@@ -294,17 +294,17 @@ export const KUI_NAVIGATION_COLOR_BACKGROUND : "#000933";

/** The border color for a selected child navigation item. */
export const KUI_NAVIGATION_COLOR_BORDER_CHILD : "#00FABE";
export const KUI_NAVIGATION_COLOR_BORDER_CHILD : "#00fabe";
/** The color of the navigation section divider. */
export const KUI_NAVIGATION_COLOR_BORDER_DIVIDER : "rgba(255, 255, 255, 0.24)";
/** Navigation link and icon color. */
export const KUI_NAVIGATION_COLOR_TEXT : "#BEE2FF";
export const KUI_NAVIGATION_COLOR_TEXT : "#bee2ff";
/** Navigation link and icon focus-visible color. */
export const KUI_NAVIGATION_COLOR_TEXT_FOCUS : "#FFF";
export const KUI_NAVIGATION_COLOR_TEXT_FOCUS : "#ffffff";
/** Navigation link and icon hover color. */
export const KUI_NAVIGATION_COLOR_TEXT_HOVER : "#EEFAFF";
export const KUI_NAVIGATION_COLOR_TEXT_HOVER : "#eefaff";
/** Navigation link and icon selected color. */
export const KUI_NAVIGATION_COLOR_TEXT_SELECTED : "#00FABE";
export const KUI_NAVIGATION_COLOR_TEXT_SELECTED : "#00fabe";
/** The box-shadow for a focus-visible navigation link. */
export const KUI_NAVIGATION_SHADOW_BORDER : "0 0 0 1px rgba(255, 255, 255, 0.12) inset";
/** The left box-shadow for an active child navigation link. */
export const KUI_NAVIGATION_SHADOW_BORDER_CHILD : "4px 0 0 0 #00FABE inset";
export const KUI_NAVIGATION_SHADOW_BORDER_CHILD : "4px 0 0 0 #00fabe inset";
/** Navigation link focus-visible box-shadow. */

@@ -373,15 +373,15 @@ export const KUI_NAVIGATION_SHADOW_FOCUS : "0 0 0 1px rgba(255, 255, 255, 0.60) inset";

/** 0px 0px 0px 1px gray.20 inset */
export const KUI_SHADOW_BORDER : "0px 0px 0px 1px #E0E4EA inset";
export const KUI_SHADOW_BORDER : "0px 0px 0px 1px #e0e4ea inset";
/** 0px 0px 0px 1px red.60 inset */
export const KUI_SHADOW_BORDER_DANGER : "0px 0px 0px 1px #D60027 inset";
export const KUI_SHADOW_BORDER_DANGER : "0px 0px 0px 1px #d60027 inset";
/** 0px 0px 0px 1px red.70 inset */
export const KUI_SHADOW_BORDER_DANGER_STRONG : "0px 0px 0px 1px #AD000E inset";
export const KUI_SHADOW_BORDER_DANGER_STRONG : "0px 0px 0px 1px #ad000e inset";
/** 0px 0px 0px 1px gray.20 inset */
export const KUI_SHADOW_BORDER_DISABLED : "0px 0px 0px 1px #E0E4EA inset";
export const KUI_SHADOW_BORDER_DISABLED : "0px 0px 0px 1px #e0e4ea inset";
/** 0px 0px 0px 1px blue.60 inset */
export const KUI_SHADOW_BORDER_PRIMARY : "0px 0px 0px 1px #0044F4 inset";
export const KUI_SHADOW_BORDER_PRIMARY : "0px 0px 0px 1px #0044f4 inset";
/** 0px 0px 0px 1px blue.90 inset */
export const KUI_SHADOW_BORDER_PRIMARY_STRONGEST : "0px 0px 0px 1px #001466 inset";
/** 0px 0px 0px 1px blue.40 inset */
export const KUI_SHADOW_BORDER_PRIMARY_WEAK : "0px 0px 0px 1px #5F9AFF inset";
export const KUI_SHADOW_BORDER_PRIMARY_WEAK : "0px 0px 0px 1px #5f9aff inset";
/** 0px 0px 0px 4px rgba(0, 68, 244, 0.2) */

@@ -388,0 +388,0 @@ export const KUI_SHADOW_FOCUS : "0px 0px 0px 4px rgba(0, 68, 244, 0.2)";

202

dist/tokens/js/tokens.json
{
"kui_color_background": "#FFF",
"kui_color_background_danger": "#D60027",
"kui_color_background_danger_strong": "#AD000E",
"kui_color_background": "#ffffff",
"kui_color_background_danger": "#d60027",
"kui_color_background_danger_strong": "#ad000e",
"kui_color_background_danger_stronger": "#850000",
"kui_color_background_danger_strongest": "#5C0000",
"kui_color_background_danger_weak": "#FF3954",
"kui_color_background_danger_weaker": "#FFABAB",
"kui_color_background_danger_weakest": "#FFE5E5",
"kui_color_background_decorative_purple": "#6F28FF",
"kui_color_background_decorative_purple_weakest": "#F1F0FF",
"kui_color_background_disabled": "#E0E4EA",
"kui_color_background_danger_strongest": "#5c0000",
"kui_color_background_danger_weak": "#ff3954",
"kui_color_background_danger_weaker": "#ffabab",
"kui_color_background_danger_weakest": "#ffe5e5",
"kui_color_background_decorative_purple": "#6f28ff",
"kui_color_background_decorative_purple_weakest": "#f1f0ff",
"kui_color_background_disabled": "#e0e4ea",
"kui_color_background_inverse": "#000933",
"kui_color_background_neutral": "#6C7489",
"kui_color_background_neutral_strong": "#52596E",
"kui_color_background_neutral_stronger": "#3A3F51",
"kui_color_background_neutral": "#6c7489",
"kui_color_background_neutral_strong": "#52596e",
"kui_color_background_neutral_stronger": "#3a3f51",
"kui_color_background_neutral_strongest": "#232633",
"kui_color_background_neutral_weak": "#AFB7C5",
"kui_color_background_neutral_weaker": "#E0E4EA",
"kui_color_background_neutral_weakest": "#F9FAFB",
"kui_color_background_neutral_weak": "#afb7c5",
"kui_color_background_neutral_weaker": "#e0e4ea",
"kui_color_background_neutral_weakest": "#f9fafb",
"kui_color_background_overlay": "rgba(0, 9, 51, 0.6)",
"kui_color_background_primary": "#0044F4",
"kui_color_background_primary_strong": "#0030CC",
"kui_color_background_primary": "#0044f4",
"kui_color_background_primary_strong": "#0030cc",
"kui_color_background_primary_stronger": "#002099",
"kui_color_background_primary_strongest": "#001466",
"kui_color_background_primary_weak": "#5F9AFF",
"kui_color_background_primary_weaker": "#BEE2FF",
"kui_color_background_primary_weakest": "#EEFAFF",
"kui_color_background_success_weak": "#00D6A4",
"kui_color_background_success_weakest": "#ECFFFB",
"kui_color_background_primary_weak": "#5f9aff",
"kui_color_background_primary_weaker": "#bee2ff",
"kui_color_background_primary_weakest": "#eefaff",
"kui_color_background_success_weak": "#00d6a4",
"kui_color_background_success_weakest": "#ecfffb",
"kui_color_background_transparent": "transparent",
"kui_color_background_warning_weak": "#FFC400",
"kui_color_background_warning_weakest": "#FFFCE0",
"kui_color_border": "#E0E4EA",
"kui_color_border_danger": "#D60027",
"kui_color_border_danger_strong": "#AD000E",
"kui_color_background_warning_weak": "#ffc400",
"kui_color_background_warning_weakest": "#fffce0",
"kui_color_border": "#e0e4ea",
"kui_color_border_danger": "#d60027",
"kui_color_border_danger_strong": "#ad000e",
"kui_color_border_danger_stronger": "#850000",
"kui_color_border_danger_strongest": "#5C0000",
"kui_color_border_danger_weak": "#FF3954",
"kui_color_border_danger_weaker": "#FFABAB",
"kui_color_border_danger_weakest": "#FFE5E5",
"kui_color_border_decorative_purple": "#6F28FF",
"kui_color_border_disabled": "#E0E4EA",
"kui_color_border_danger_strongest": "#5c0000",
"kui_color_border_danger_weak": "#ff3954",
"kui_color_border_danger_weaker": "#ffabab",
"kui_color_border_danger_weakest": "#ffe5e5",
"kui_color_border_decorative_purple": "#6f28ff",
"kui_color_border_disabled": "#e0e4ea",
"kui_color_border_inverse": "rgba(255, 255, 255, 0.2)",
"kui_color_border_neutral_weak": "#AFB7C5",
"kui_color_border_neutral_weaker": "#E0E4EA",
"kui_color_border_primary": "#0044F4",
"kui_color_border_primary_strong": "#0030CC",
"kui_color_border_neutral_weak": "#afb7c5",
"kui_color_border_neutral_weaker": "#e0e4ea",
"kui_color_border_primary": "#0044f4",
"kui_color_border_primary_strong": "#0030cc",
"kui_color_border_primary_stronger": "#002099",
"kui_color_border_primary_strongest": "#001466",
"kui_color_border_primary_weak": "#5F9AFF",
"kui_color_border_primary_weaker": "#BEE2FF",
"kui_color_border_primary_weakest": "#EEFAFF",
"kui_color_border_primary_weak": "#5f9aff",
"kui_color_border_primary_weaker": "#bee2ff",
"kui_color_border_primary_weakest": "#eefaff",
"kui_color_border_transparent": "transparent",
"kui_color_text": "#000933",
"kui_color_text_danger": "#D60027",
"kui_color_text_danger_strong": "#AD000E",
"kui_color_text_decorative_aqua": "#00ABD2",
"kui_color_text_decorative_pink": "#D60067",
"kui_color_text_decorative_purple": "#6F28FF",
"kui_color_text_decorative_purple_strong": "#5E00F5",
"kui_color_text_disabled": "#AFB7C5",
"kui_color_text_inverse": "#FFF",
"kui_color_text_neutral": "#6C7489",
"kui_color_text_neutral_strong": "#52596E",
"kui_color_text_neutral_stronger": "#3A3F51",
"kui_color_text_danger": "#d60027",
"kui_color_text_danger_strong": "#ad000e",
"kui_color_text_decorative_aqua": "#00abd2",
"kui_color_text_decorative_pink": "#d60067",
"kui_color_text_decorative_purple": "#6f28ff",
"kui_color_text_decorative_purple_strong": "#5e00f5",
"kui_color_text_disabled": "#afb7c5",
"kui_color_text_inverse": "#ffffff",
"kui_color_text_neutral": "#6c7489",
"kui_color_text_neutral_strong": "#52596e",
"kui_color_text_neutral_stronger": "#3a3f51",
"kui_color_text_neutral_strongest": "#232633",
"kui_color_text_neutral_weak": "#AFB7C5",
"kui_color_text_neutral_weaker": "#E0E4EA",
"kui_color_text_primary": "#0044F4",
"kui_color_text_primary_strong": "#0030CC",
"kui_color_text_neutral_weak": "#afb7c5",
"kui_color_text_neutral_weaker": "#e0e4ea",
"kui_color_text_primary": "#0044f4",
"kui_color_text_primary_strong": "#0030cc",
"kui_color_text_primary_stronger": "#002099",
"kui_color_text_primary_strongest": "#001466",
"kui_color_text_primary_weak": "#5F9AFF",
"kui_color_text_success": "#007D60",
"kui_color_text_primary_weak": "#5f9aff",
"kui_color_text_success": "#007d60",
"kui_color_text_success_strong": "#005944",
"kui_color_text_warning": "#995C00",
"kui_color_text_warning": "#995c00",
"kui_color_text_warning_strong": "#804400",

@@ -97,7 +97,7 @@ "kui_animation_duration_20": "0.2s",

"kui_breakpoint_desktop": "1536px",
"kui_icon_color_danger": "#F50045",
"kui_icon_color_neutral": "#828A9E",
"kui_icon_color_primary": "#306FFF",
"kui_icon_color_success": "#00A17B",
"kui_icon_color_warning": "#FFC400",
"kui_icon_color_danger": "#f50045",
"kui_icon_color_neutral": "#828a9e",
"kui_icon_color_primary": "#306fff",
"kui_icon_color_success": "#00a17b",
"kui_icon_color_warning": "#ffc400",
"kui_icon_size_10": "10px",

@@ -111,40 +111,40 @@ "kui_icon_size_20": "12px",

"kui_icon_size_80": "48px",
"kui_method_color_background_connect": "#F1F0FF",
"kui_method_color_background_delete": "#FFE5E5",
"kui_method_color_background_get": "#EEFAFF",
"kui_method_color_background_head": "#52596E",
"kui_method_color_background_options": "#E0E4EA",
"kui_method_color_background_patch": "#ECFCFF",
"kui_method_color_background_post": "#ECFFFB",
"kui_method_color_background_put": "#FFFCE0",
"kui_method_color_background_trace": "#FFF0F7",
"kui_method_color_text_connect": "#6F28FF",
"kui_method_color_text_connect_strong": "#5E00F5",
"kui_method_color_text_delete": "#D60027",
"kui_method_color_text_delete_strong": "#AD000E",
"kui_method_color_text_get": "#0044F4",
"kui_method_color_text_get_strong": "#0030CC",
"kui_method_color_text_head": "#E0E4EA",
"kui_method_color_text_head_strong": "#AFB7C5",
"kui_method_color_text_options": "#52596E",
"kui_method_color_text_options_strong": "#3A3F51",
"kui_method_color_text_patch": "#00819D",
"kui_method_color_text_patch_strong": "#00647A",
"kui_method_color_text_post": "#007D60",
"kui_method_color_background_connect": "#f1f0ff",
"kui_method_color_background_delete": "#ffe5e5",
"kui_method_color_background_get": "#eefaff",
"kui_method_color_background_head": "#52596e",
"kui_method_color_background_options": "#e0e4ea",
"kui_method_color_background_patch": "#ecfcff",
"kui_method_color_background_post": "#ecfffb",
"kui_method_color_background_put": "#fffce0",
"kui_method_color_background_trace": "#fff0f7",
"kui_method_color_text_connect": "#6f28ff",
"kui_method_color_text_connect_strong": "#5e00f5",
"kui_method_color_text_delete": "#d60027",
"kui_method_color_text_delete_strong": "#ad000e",
"kui_method_color_text_get": "#0044f4",
"kui_method_color_text_get_strong": "#0030cc",
"kui_method_color_text_head": "#e0e4ea",
"kui_method_color_text_head_strong": "#afb7c5",
"kui_method_color_text_options": "#52596e",
"kui_method_color_text_options_strong": "#3a3f51",
"kui_method_color_text_patch": "#00819d",
"kui_method_color_text_patch_strong": "#00647a",
"kui_method_color_text_post": "#007d60",
"kui_method_color_text_post_strong": "#005944",
"kui_method_color_text_put": "#995C00",
"kui_method_color_text_put": "#995c00",
"kui_method_color_text_put_strong": "#804400",
"kui_method_color_text_trace": "#D60067",
"kui_method_color_text_trace_strong": "#AD0053",
"kui_method_color_text_trace": "#d60067",
"kui_method_color_text_trace_strong": "#ad0053",
"kui_navigation_color_background": "#000933",
"kui_navigation_color_background_selected": "rgba(255, 255, 255, 0.12)",
"kui_navigation_color_border": "rgba(255, 255, 255, 0.12)",
"kui_navigation_color_border_child": "#00FABE",
"kui_navigation_color_border_child": "#00fabe",
"kui_navigation_color_border_divider": "rgba(255, 255, 255, 0.24)",
"kui_navigation_color_text": "#BEE2FF",
"kui_navigation_color_text_focus": "#FFF",
"kui_navigation_color_text_hover": "#EEFAFF",
"kui_navigation_color_text_selected": "#00FABE",
"kui_navigation_color_text": "#bee2ff",
"kui_navigation_color_text_focus": "#ffffff",
"kui_navigation_color_text_hover": "#eefaff",
"kui_navigation_color_text_selected": "#00fabe",
"kui_navigation_shadow_border": "0 0 0 1px rgba(255, 255, 255, 0.12) inset",
"kui_navigation_shadow_border_child": "4px 0 0 0 #00FABE inset",
"kui_navigation_shadow_border_child": "4px 0 0 0 #00fabe inset",
"kui_navigation_shadow_focus": "0 0 0 1px rgba(255, 255, 255, 0.60) inset",

@@ -186,9 +186,9 @@ "kui_font_family_code": "'JetBrains Mono', Consolas, monospace",

"kui_shadow": "0px 4px 20px 0px rgba(0, 0, 0, 0.08)",
"kui_shadow_border": "0px 0px 0px 1px #E0E4EA inset",
"kui_shadow_border_danger": "0px 0px 0px 1px #D60027 inset",
"kui_shadow_border_danger_strong": "0px 0px 0px 1px #AD000E inset",
"kui_shadow_border_disabled": "0px 0px 0px 1px #E0E4EA inset",
"kui_shadow_border_primary": "0px 0px 0px 1px #0044F4 inset",
"kui_shadow_border": "0px 0px 0px 1px #e0e4ea inset",
"kui_shadow_border_danger": "0px 0px 0px 1px #d60027 inset",
"kui_shadow_border_danger_strong": "0px 0px 0px 1px #ad000e inset",
"kui_shadow_border_disabled": "0px 0px 0px 1px #e0e4ea inset",
"kui_shadow_border_primary": "0px 0px 0px 1px #0044f4 inset",
"kui_shadow_border_primary_strongest": "0px 0px 0px 1px #001466 inset",
"kui_shadow_border_primary_weak": "0px 0px 0px 1px #5F9AFF inset",
"kui_shadow_border_primary_weak": "0px 0px 0px 1px #5f9aff inset",
"kui_shadow_focus": "0px 0px 0px 4px rgba(0, 68, 244, 0.2)",

@@ -195,0 +195,0 @@ "kui_space_0": "0px",

15

package.json
{
"name": "@kong/design-tokens",
"version": "1.15.4-pr.332.837b83c.0",
"version": "1.15.4-pr.332.9571b9d.0",
"description": "Kong UI Design Tokens and style dictionary",
"type": "module",
"scripts": {
"build": "yarn build:clean && style-dictionary build --config ./config.mjs && yarn copy:tokens-doc && yarn copy:stylelint-plugin",
"build": "pnpm build:clean && style-dictionary build --config ./config.mjs && pnpm copy:tokens-doc && pnpm copy:stylelint-plugin",
"build:clean": "rimraf ./dist",

@@ -15,3 +15,3 @@ "copy:tokens-doc": "shx cp -f './dist/tokens/README.md' './TOKENS.md'",

"sandbox:open": "vite sandbox -c ./sandbox/vite.config.ts",
"watch:tokens": "yarn build && chokidar \"tokens/**/*.json\" -c \"yarn build\"",
"watch:tokens": "pnpm build && chokidar \"tokens/**/*.json\" -c \"pnpm build\"",
"semantic-release": "semantic-release",

@@ -44,3 +44,3 @@ "prepublishOnly": "npm run build",

"./tokens/*": "./dist/tokens/*",
"./stylelint-plugin": "./dist/stylelint-plugin/index.js"
"./stylelint-plugin": "./dist/stylelint-plugin/index.mjs"
},

@@ -131,6 +131,9 @@ "repository": {

},
"engines": {
"node": ">=18.17.0"
},
"volta": {
"node": "18.20.3",
"yarn": "1.22.22"
"node": "20.16.0",
"pnpm": "9.3.0"
}
}

18

README.md

@@ -163,3 +163,3 @@ # Kong UI Design Tokens

```shell
yarn add -D @kong/design-tokens
pnpm add -D @kong/design-tokens
```

@@ -298,3 +298,3 @@

```sh
yarn install --frozen-lockfile
pnpm install
```

@@ -362,3 +362,3 @@

```sh
yarn sandbox
pnpm sandbox
```

@@ -376,6 +376,6 @@

# Lint only
yarn lint
pnpm lint
# Lint and fix
yarn lint:fix
pnpm lint:fix
```

@@ -388,3 +388,3 @@

```sh
yarn build
pnpm build
```

@@ -409,4 +409,4 @@

3. Add/edit the tokens in the `/tokens` directory as needed, ensuring to adhere to the [Token Requirements](#token-requirements)
4. Before committing your changes, locally run `yarn lint` to ensure you do not have any linting errors. If you have errors, you can try running `yarn lint:fix` to resolve
5. Commit your changes, adhering to [Conventional Commits](#committing-changes). To make this easier, you're encouraged to run `yarn commit` to help build your commit message
4. Before committing your changes, locally run `pnpm lint` to ensure you do not have any linting errors. If you have errors, you can try running `pnpm lint:fix` to resolve
5. Commit your changes, adhering to [Conventional Commits](#committing-changes). To make this easier, you're encouraged to run `pnpm commit` to help build your commit message
6. Push your branch up to the remote with `git push origin {branch-name}`

@@ -426,3 +426,3 @@ 7. Open a pull request and request a review

```sh
yarn commit
pnpm commit
```

@@ -429,0 +429,0 @@ 

dist/stylelint-plugin/index.js
dist/stylelint-plugin/rules/use-proper-token/index.js
dist/stylelint-plugin/rules/use-proper-token/token-map.js
dist/stylelint-plugin/utilities/constants.js
dist/stylelint-plugin/utilities/extract-tokens-from-value.js
dist/stylelint-plugin/utilities/index.js
dist/tokens/css/custom-properties-list.css

Sorry, the diff of this file is not supported yet

dist/tokens/css/custom-properties.css

Sorry, the diff of this file is not supported yet

dist/tokens/js/index.mjs

Sorry, the diff of this file is not supported yet

dist/tokens/less/variables.less

Sorry, the diff of this file is not supported yet

dist/tokens/README.md

Sorry, the diff of this file is too big to display

dist/tokens/scss/_map.scss

Sorry, the diff of this file is not supported yet

dist/tokens/scss/_mixins.scss

Sorry, the diff of this file is not supported yet

dist/tokens/scss/_variables.scss

Sorry, the diff of this file is not supported yet

TOKENS.md

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc