@kong/design-tokens 1.17.5 → 1.17.6-pr.518.cb22d54.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/TOKENS.md +11 -0
  2. package/dist/tokens/README.md +11 -0
  3. package/dist/tokens/css/custom-properties-list.css +2 -0
  4. package/dist/tokens/css/custom-properties.css +2 -1
  5. package/dist/tokens/js/cjs/index.d.ts +4 -1
  6. package/dist/tokens/js/cjs/index.js +2 -1
  7. package/dist/tokens/js/index.d.ts +3 -1
  8. package/dist/tokens/js/index.mjs +2 -1
  9. package/dist/tokens/js/tokens.json +1 -0
  10. package/dist/tokens/less/variables.less +2 -1
  11. package/dist/tokens/scss/_map.scss +3 -1
  12. package/dist/tokens/scss/_mixins.scss +1 -0
  13. package/dist/tokens/scss/_variables.scss +2 -1
  14. package/package.json +11 -11
package/TOKENS.md CHANGED
@@ -34,6 +34,8 @@ $kui-color-background-danger-weak: #ff3954;
34
34
  $kui-color-background-danger-weaker: #ffabab;
35
35
  /* Weakest background color for danger actions or messages (red.10). */
36
36
  $kui-color-background-danger-weakest: #ffe5e5;
37
+ /* Weakest background color for decorative purposes (aqua.10). */
38
+ $kui-color-background-decorative-aqua-weakest: #ecfcff;
37
39
  /* Background color for decorative purposes (purple.60). */
38
40
  $kui-color-background-decorative-purple: #6f28ff;
39
41
  /* Weakest background color for decorative purposes (purple.10). */
@@ -594,6 +596,8 @@ $tokens-map: (
594
596
  'kui-color-background-danger-weaker': #ffabab;
595
597
  /* Weakest background color for danger actions or messages (red.10). */
596
598
  'kui-color-background-danger-weakest': #ffe5e5;
599
+ /* Weakest background color for decorative purposes (aqua.10). */
600
+ 'kui-color-background-decorative-aqua-weakest': #ecfcff;
597
601
  /* Background color for decorative purposes (purple.60). */
598
602
  'kui-color-background-decorative-purple': #6f28ff;
599
603
  /* Weakest background color for decorative purposes (purple.10). */
@@ -1156,6 +1160,8 @@ $tokens-map: (
1156
1160
  @kui-color-background-danger-weaker: #ffabab;
1157
1161
  /* Weakest background color for danger actions or messages (red.10). */
1158
1162
  @kui-color-background-danger-weakest: #ffe5e5;
1163
+ /* Weakest background color for decorative purposes (aqua.10). */
1164
+ @kui-color-background-decorative-aqua-weakest: #ecfcff;
1159
1165
  /* Background color for decorative purposes (purple.60). */
1160
1166
  @kui-color-background-decorative-purple: #6f28ff;
1161
1167
  /* Weakest background color for decorative purposes (purple.10). */
@@ -1719,6 +1725,8 @@ You may scope your CSS custom property overrides inside the `:root` selector as
1719
1725
  --kui-color-background-danger-weaker: #ffabab;
1720
1726
  /* Weakest background color for danger actions or messages (red.10). */
1721
1727
  --kui-color-background-danger-weakest: #ffe5e5;
1728
+ /* Weakest background color for decorative purposes (aqua.10). */
1729
+ --kui-color-background-decorative-aqua-weakest: #ecfcff;
1722
1730
  /* Background color for decorative purposes (purple.60). */
1723
1731
  --kui-color-background-decorative-purple: #6f28ff;
1724
1732
  /* Weakest background color for decorative purposes (purple.10). */
@@ -2280,6 +2288,8 @@ export const KUI_COLOR_BACKGROUND_DANGER_WEAK = "#ff3954";
2280
2288
  export const KUI_COLOR_BACKGROUND_DANGER_WEAKER = "#ffabab";
2281
2289
  /* Weakest background color for danger actions or messages (red.10). */
2282
2290
  export const KUI_COLOR_BACKGROUND_DANGER_WEAKEST = "#ffe5e5";
2291
+ /* Weakest background color for decorative purposes (aqua.10). */
2292
+ export const KUI_COLOR_BACKGROUND_DECORATIVE_AQUA_WEAKEST = "#ecfcff";
2283
2293
  /* Background color for decorative purposes (purple.60). */
2284
2294
  export const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE = "#6f28ff";
2285
2295
  /* Weakest background color for decorative purposes (purple.10). */
@@ -2832,6 +2842,7 @@ export const KUI_SPACE_AUTO = "auto";
2832
2842
  "kui_color_background_danger_weak": "#ff3954",
2833
2843
  "kui_color_background_danger_weaker": "#ffabab",
2834
2844
  "kui_color_background_danger_weakest": "#ffe5e5",
2845
+ "kui_color_background_decorative_aqua_weakest": "#ecfcff",
2835
2846
  "kui_color_background_decorative_purple": "#6f28ff",
2836
2847
  "kui_color_background_decorative_purple_weakest": "#f1f0ff",
2837
2848
  "kui_color_background_disabled": "#e0e4ea",
package/dist/tokens/README.md CHANGED
@@ -34,6 +34,8 @@ $kui-color-background-danger-weak: #ff3954;
34
34
  $kui-color-background-danger-weaker: #ffabab;
35
35
  /* Weakest background color for danger actions or messages (red.10). */
36
36
  $kui-color-background-danger-weakest: #ffe5e5;
37
+ /* Weakest background color for decorative purposes (aqua.10). */
38
+ $kui-color-background-decorative-aqua-weakest: #ecfcff;
37
39
  /* Background color for decorative purposes (purple.60). */
38
40
  $kui-color-background-decorative-purple: #6f28ff;
39
41
  /* Weakest background color for decorative purposes (purple.10). */
@@ -594,6 +596,8 @@ $tokens-map: (
594
596
  'kui-color-background-danger-weaker': #ffabab;
595
597
  /* Weakest background color for danger actions or messages (red.10). */
596
598
  'kui-color-background-danger-weakest': #ffe5e5;
599
+ /* Weakest background color for decorative purposes (aqua.10). */
600
+ 'kui-color-background-decorative-aqua-weakest': #ecfcff;
597
601
  /* Background color for decorative purposes (purple.60). */
598
602
  'kui-color-background-decorative-purple': #6f28ff;
599
603
  /* Weakest background color for decorative purposes (purple.10). */
@@ -1156,6 +1160,8 @@ $tokens-map: (
1156
1160
  @kui-color-background-danger-weaker: #ffabab;
1157
1161
  /* Weakest background color for danger actions or messages (red.10). */
1158
1162
  @kui-color-background-danger-weakest: #ffe5e5;
1163
+ /* Weakest background color for decorative purposes (aqua.10). */
1164
+ @kui-color-background-decorative-aqua-weakest: #ecfcff;
1159
1165
  /* Background color for decorative purposes (purple.60). */
1160
1166
  @kui-color-background-decorative-purple: #6f28ff;
1161
1167
  /* Weakest background color for decorative purposes (purple.10). */
@@ -1719,6 +1725,8 @@ You may scope your CSS custom property overrides inside the `:root` selector as
1719
1725
  --kui-color-background-danger-weaker: #ffabab;
1720
1726
  /* Weakest background color for danger actions or messages (red.10). */
1721
1727
  --kui-color-background-danger-weakest: #ffe5e5;
1728
+ /* Weakest background color for decorative purposes (aqua.10). */
1729
+ --kui-color-background-decorative-aqua-weakest: #ecfcff;
1722
1730
  /* Background color for decorative purposes (purple.60). */
1723
1731
  --kui-color-background-decorative-purple: #6f28ff;
1724
1732
  /* Weakest background color for decorative purposes (purple.10). */
@@ -2280,6 +2288,8 @@ export const KUI_COLOR_BACKGROUND_DANGER_WEAK = "#ff3954";
2280
2288
  export const KUI_COLOR_BACKGROUND_DANGER_WEAKER = "#ffabab";
2281
2289
  /* Weakest background color for danger actions or messages (red.10). */
2282
2290
  export const KUI_COLOR_BACKGROUND_DANGER_WEAKEST = "#ffe5e5";
2291
+ /* Weakest background color for decorative purposes (aqua.10). */
2292
+ export const KUI_COLOR_BACKGROUND_DECORATIVE_AQUA_WEAKEST = "#ecfcff";
2283
2293
  /* Background color for decorative purposes (purple.60). */
2284
2294
  export const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE = "#6f28ff";
2285
2295
  /* Weakest background color for decorative purposes (purple.10). */
@@ -2832,6 +2842,7 @@ export const KUI_SPACE_AUTO = "auto";
2832
2842
  "kui_color_background_danger_weak": "#ff3954",
2833
2843
  "kui_color_background_danger_weaker": "#ffabab",
2834
2844
  "kui_color_background_danger_weakest": "#ffe5e5",
2845
+ "kui_color_background_decorative_aqua_weakest": "#ecfcff",
2835
2846
  "kui_color_background_decorative_purple": "#6f28ff",
2836
2847
  "kui_color_background_decorative_purple_weakest": "#f1f0ff",
2837
2848
  "kui_color_background_disabled": "#e0e4ea",
package/dist/tokens/css/custom-properties-list.css CHANGED
@@ -37,6 +37,8 @@
37
37
  --kui-color-background-danger-weaker: initial;
38
38
  /* Weakest background color for danger actions or messages (red.10). Default value: `#ffe5e5` */
39
39
  --kui-color-background-danger-weakest: initial;
40
+ /* Weakest background color for decorative purposes (aqua.10). Default value: `#ecfcff` */
41
+ --kui-color-background-decorative-aqua-weakest: initial;
40
42
  /* Background color for decorative purposes (purple.60). Default value: `#6f28ff` */
41
43
  --kui-color-background-decorative-purple: initial;
42
44
  /* Weakest background color for decorative purposes (purple.10). Default value: `#f1f0ff` */
package/dist/tokens/css/custom-properties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Thu, 10 Jul 2025 18:11:43 GMT
3
+ * Generated on Fri, 01 Aug 2025 13:16:08 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -16,6 +16,7 @@
16
16
  --kui-color-background-danger-weak: #ff3954; /** Weak background color for danger actions or messages (red.40). */
17
17
  --kui-color-background-danger-weaker: #ffabab; /** Weaker background color for danger actions or messages (red.20). */
18
18
  --kui-color-background-danger-weakest: #ffe5e5; /** Weakest background color for danger actions or messages (red.10). */
19
+ --kui-color-background-decorative-aqua-weakest: #ecfcff; /** Weakest background color for decorative purposes (aqua.10). */
19
20
  --kui-color-background-decorative-purple: #6f28ff; /** Background color for decorative purposes (purple.60). */
20
21
  --kui-color-background-decorative-purple-weakest: #f1f0ff; /** Weakest background color for decorative purposes (purple.10). */
21
22
  --kui-color-background-disabled: #e0e4ea; /** Background color for disabled elements (gray.20). */
package/dist/tokens/js/cjs/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Thu, 10 Jul 2025 18:11:43 GMT
3
+ * Generated on Fri, 01 Aug 2025 13:16:08 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -33,6 +33,9 @@ declare const tokens: {
33
33
  weakest: DesignToken;
34
34
  };
35
35
  decorative: {
36
+ aqua: {
37
+ weakest: DesignToken;
38
+ };
36
39
  purple: {
37
40
  _: DesignToken;
38
41
  weakest: DesignToken;
package/dist/tokens/js/cjs/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Thu, 10 Jul 2025 18:11:43 GMT
3
+ * Generated on Fri, 01 Aug 2025 13:16:08 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -16,6 +16,7 @@ module.exports = {
16
16
  KUI_COLOR_BACKGROUND_DANGER_WEAK: "#ff3954",
17
17
  KUI_COLOR_BACKGROUND_DANGER_WEAKER: "#ffabab",
18
18
  KUI_COLOR_BACKGROUND_DANGER_WEAKEST: "#ffe5e5",
19
+ KUI_COLOR_BACKGROUND_DECORATIVE_AQUA_WEAKEST: "#ecfcff",
19
20
  KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE: "#6f28ff",
20
21
  KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST: "#f1f0ff",
21
22
  KUI_COLOR_BACKGROUND_DISABLED: "#e0e4ea",
package/dist/tokens/js/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Thu, 10 Jul 2025 18:11:43 GMT
3
+ * Generated on Fri, 01 Aug 2025 13:16:08 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -23,6 +23,8 @@ export const KUI_COLOR_BACKGROUND_DANGER_WEAK: "#ff3954";
23
23
  export const KUI_COLOR_BACKGROUND_DANGER_WEAKER: "#ffabab";
24
24
  /** Weakest background color for danger actions or messages (red.10). */
25
25
  export const KUI_COLOR_BACKGROUND_DANGER_WEAKEST: "#ffe5e5";
26
+ /** Weakest background color for decorative purposes (aqua.10). */
27
+ export const KUI_COLOR_BACKGROUND_DECORATIVE_AQUA_WEAKEST: "#ecfcff";
26
28
  /** Background color for decorative purposes (purple.60). */
27
29
  export const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE: "#6f28ff";
28
30
  /** Weakest background color for decorative purposes (purple.10). */
package/dist/tokens/js/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Thu, 10 Jul 2025 18:11:43 GMT
3
+ * Generated on Fri, 01 Aug 2025 13:16:08 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -15,6 +15,7 @@ export const KUI_COLOR_BACKGROUND_DANGER_STRONGEST = "#5c0000"; // Strongest bac
15
15
  export const KUI_COLOR_BACKGROUND_DANGER_WEAK = "#ff3954"; // Weak background color for danger actions or messages (red.40).
16
16
  export const KUI_COLOR_BACKGROUND_DANGER_WEAKER = "#ffabab"; // Weaker background color for danger actions or messages (red.20).
17
17
  export const KUI_COLOR_BACKGROUND_DANGER_WEAKEST = "#ffe5e5"; // Weakest background color for danger actions or messages (red.10).
18
+ export const KUI_COLOR_BACKGROUND_DECORATIVE_AQUA_WEAKEST = "#ecfcff"; // Weakest background color for decorative purposes (aqua.10).
18
19
  export const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE = "#6f28ff"; // Background color for decorative purposes (purple.60).
19
20
  export const KUI_COLOR_BACKGROUND_DECORATIVE_PURPLE_WEAKEST = "#f1f0ff"; // Weakest background color for decorative purposes (purple.10).
20
21
  export const KUI_COLOR_BACKGROUND_DISABLED = "#e0e4ea"; // Background color for disabled elements (gray.20).
package/dist/tokens/js/tokens.json CHANGED
@@ -7,6 +7,7 @@
7
7
  "kui_color_background_danger_weak": "#ff3954",
8
8
  "kui_color_background_danger_weaker": "#ffabab",
9
9
  "kui_color_background_danger_weakest": "#ffe5e5",
10
+ "kui_color_background_decorative_aqua_weakest": "#ecfcff",
10
11
  "kui_color_background_decorative_purple": "#6f28ff",
11
12
  "kui_color_background_decorative_purple_weakest": "#f1f0ff",
12
13
  "kui_color_background_disabled": "#e0e4ea",
package/dist/tokens/less/variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly, this file was auto-generated.
3
- // Generated on Thu, 10 Jul 2025 18:11:43 GMT
3
+ // Generated on Fri, 01 Aug 2025 13:16:08 GMT
4
4
  //
5
5
  // Kong Design Tokens
6
6
  // GitHub: https://github.com/Kong/design-tokens
@@ -14,6 +14,7 @@
14
14
  @kui-color-background-danger-weak: #ff3954; // Weak background color for danger actions or messages (red.40).
15
15
  @kui-color-background-danger-weaker: #ffabab; // Weaker background color for danger actions or messages (red.20).
16
16
  @kui-color-background-danger-weakest: #ffe5e5; // Weakest background color for danger actions or messages (red.10).
17
+ @kui-color-background-decorative-aqua-weakest: #ecfcff; // Weakest background color for decorative purposes (aqua.10).
17
18
  @kui-color-background-decorative-purple: #6f28ff; // Background color for decorative purposes (purple.60).
18
19
  @kui-color-background-decorative-purple-weakest: #f1f0ff; // Weakest background color for decorative purposes (purple.10).
19
20
  @kui-color-background-disabled: #e0e4ea; // Background color for disabled elements (gray.20).
package/dist/tokens/scss/_map.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly, this file was auto-generated.
4
- * Generated on Thu, 10 Jul 2025 18:11:43 GMT
4
+ * Generated on Fri, 01 Aug 2025 13:16:08 GMT
5
5
  *
6
6
  * Kong Design Tokens
7
7
  * GitHub: https://github.com/Kong/design-tokens
@@ -25,6 +25,8 @@ $kui-tokens-map: (
25
25
  'kui-color-background-danger-weaker': #ffabab,
26
26
  // Weakest background color for danger actions or messages (red.10).
27
27
  'kui-color-background-danger-weakest': #ffe5e5,
28
+ // Weakest background color for decorative purposes (aqua.10).
29
+ 'kui-color-background-decorative-aqua-weakest': #ecfcff,
28
30
  // Background color for decorative purposes (purple.60).
29
31
  'kui-color-background-decorative-purple': #6f28ff,
30
32
  // Weakest background color for decorative purposes (purple.10).
package/dist/tokens/scss/_mixins.scss CHANGED
@@ -27,6 +27,7 @@
27
27
  --kui-color-background-danger-weak: #ff3954; /** Weak background color for danger actions or messages (red.40). */
28
28
  --kui-color-background-danger-weaker: #ffabab; /** Weaker background color for danger actions or messages (red.20). */
29
29
  --kui-color-background-danger-weakest: #ffe5e5; /** Weakest background color for danger actions or messages (red.10). */
30
+ --kui-color-background-decorative-aqua-weakest: #ecfcff; /** Weakest background color for decorative purposes (aqua.10). */
30
31
  --kui-color-background-decorative-purple: #6f28ff; /** Background color for decorative purposes (purple.60). */
31
32
  --kui-color-background-decorative-purple-weakest: #f1f0ff; /** Weakest background color for decorative purposes (purple.10). */
32
33
  --kui-color-background-disabled: #e0e4ea; /** Background color for disabled elements (gray.20). */
package/dist/tokens/scss/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly, this file was auto-generated.
3
- // Generated on Thu, 10 Jul 2025 18:11:43 GMT
3
+ // Generated on Fri, 01 Aug 2025 13:16:08 GMT
4
4
  //
5
5
  // Kong Design Tokens
6
6
  // GitHub: https://github.com/Kong/design-tokens
@@ -14,6 +14,7 @@ $kui-color-background-danger-strongest: #5c0000 !default; // Strongest backgroun
14
14
  $kui-color-background-danger-weak: #ff3954 !default; // Weak background color for danger actions or messages (red.40).
15
15
  $kui-color-background-danger-weaker: #ffabab !default; // Weaker background color for danger actions or messages (red.20).
16
16
  $kui-color-background-danger-weakest: #ffe5e5 !default; // Weakest background color for danger actions or messages (red.10).
17
+ $kui-color-background-decorative-aqua-weakest: #ecfcff !default; // Weakest background color for decorative purposes (aqua.10).
17
18
  $kui-color-background-decorative-purple: #6f28ff !default; // Background color for decorative purposes (purple.60).
18
19
  $kui-color-background-decorative-purple-weakest: #f1f0ff !default; // Weakest background color for decorative purposes (purple.10).
19
20
  $kui-color-background-disabled: #e0e4ea !default; // Background color for disabled elements (gray.20).
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kong/design-tokens",
3
- "version": "1.17.5",
3
+ "version": "1.17.6-pr.518.cb22d54.0",
4
4
  "description": "Kong UI Design Tokens and style dictionary",
5
5
  "type": "module",
6
6
  "scripts": {
@@ -56,24 +56,24 @@
56
56
  "@commitlint/cli": "^19.8.1",
57
57
  "@commitlint/config-conventional": "^19.8.1",
58
58
  "@digitalroute/cz-conventional-changelog-for-jira": "^8.0.1",
59
- "@evilmartians/lefthook": "^1.11.14",
60
- "@kong/eslint-config-kong-ui": "^1.2.9",
59
+ "@evilmartians/lefthook": "^1.12.2",
60
+ "@kong/eslint-config-kong-ui": "^1.5.1",
61
61
  "@semantic-release/changelog": "^6.0.3",
62
62
  "@semantic-release/git": "^10.0.1",
63
- "@vitejs/plugin-vue": "^5.2.4",
63
+ "@vitejs/plugin-vue": "^6.0.0",
64
64
  "chokidar-cli": "^3.0.0",
65
65
  "commitizen": "^4.3.1",
66
66
  "cz-conventional-changelog": "^3.3.0",
67
- "eslint": "^9.29.0",
67
+ "eslint": "^9.31.0",
68
68
  "npm-run-all2": "^8.0.4",
69
69
  "rimraf": "^6.0.1",
70
70
  "sass": "^1.89.2",
71
- "semantic-release": "^24.2.5",
71
+ "semantic-release": "^24.2.7",
72
72
  "shx": "^0.4.0",
73
73
  "style-dictionary": "^4.4.0",
74
74
  "typescript": "^5.8.3",
75
- "vite": "^6.3.5",
76
- "vite-plugin-restart": "^0.4.2",
75
+ "vite": "^7.0.5",
76
+ "vite-plugin-restart": "^1.0.0",
77
77
  "vite-plugin-vue-devtools": "^7.7.7",
78
78
  "vue": "^3.5.17",
79
79
  "vue-router": "^4.5.1"
@@ -126,13 +126,13 @@
126
126
  "jiraAppend": "]"
127
127
  }
128
128
  },
129
- "packageManager": "pnpm@10.12.1",
129
+ "packageManager": "pnpm@10.13.1",
130
130
  "engines": {
131
- "node": ">=20.19.2",
131
+ "node": ">=20.19.4",
132
132
  "pnpm": ">=9.14.4 || >=10.1.0"
133
133
  },
134
134
  "volta": {
135
- "node": "22.16.0"
135
+ "node": "22.17.1"
136
136
  },
137
137
  "pnpm": {
138
138
  "onlyBuiltDependencies": [