@kong/design-tokens 1.11.0 → 1.11.2
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.
- package/TOKENS.md +12 -1
- package/dist/tokens/README.md +12 -1
- package/dist/tokens/css/custom-properties-list.css +3 -1
- package/dist/tokens/css/custom-properties.css +2 -1
- package/dist/tokens/js/cjs/index.d.ts +3 -2
- package/dist/tokens/js/cjs/index.js +2 -1
- package/dist/tokens/js/index.d.ts +3 -1
- package/dist/tokens/js/index.mjs +2 -1
- package/dist/tokens/js/tokens.json +1 -0
- package/dist/tokens/less/variables.less +2 -1
- package/dist/tokens/scss/_map.scss +3 -1
- package/dist/tokens/scss/_mixins.scss +2 -1
- package/dist/tokens/scss/_variables.scss +2 -1
- package/package.json +1 -1
package/TOKENS.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!--
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 27 Sep 2023
|
|
3
|
+
* Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -138,6 +138,8 @@ $kui-color-text-primary: #0044f4;
|
|
|
138
138
|
$kui-color-text-primary-strong: #0030cc;
|
|
139
139
|
/* blue.80 */
|
|
140
140
|
$kui-color-text-primary-stronger: #002099;
|
|
141
|
+
/* blue.90 */
|
|
142
|
+
$kui-color-text-primary-strongest: #001466;
|
|
141
143
|
/* green.60 */
|
|
142
144
|
$kui-color-text-success: #007d60;
|
|
143
145
|
/* yellow.60 */
|
|
@@ -436,6 +438,8 @@ $tokens-map: (
|
|
|
436
438
|
'kui-color-text-primary-strong': #0030cc;
|
|
437
439
|
/* blue.80 */
|
|
438
440
|
'kui-color-text-primary-stronger': #002099;
|
|
441
|
+
/* blue.90 */
|
|
442
|
+
'kui-color-text-primary-strongest': #001466;
|
|
439
443
|
/* green.60 */
|
|
440
444
|
'kui-color-text-success': #007d60;
|
|
441
445
|
/* yellow.60 */
|
|
@@ -736,6 +740,8 @@ $tokens-map: (
|
|
|
736
740
|
@kui-color-text-primary-strong: #0030cc;
|
|
737
741
|
/* blue.80 */
|
|
738
742
|
@kui-color-text-primary-stronger: #002099;
|
|
743
|
+
/* blue.90 */
|
|
744
|
+
@kui-color-text-primary-strongest: #001466;
|
|
739
745
|
/* green.60 */
|
|
740
746
|
@kui-color-text-success: #007d60;
|
|
741
747
|
/* yellow.60 */
|
|
@@ -1037,6 +1043,8 @@ You may scope your CSS custom property overrides inside the `:root` selector as
|
|
|
1037
1043
|
--kui-color-text-primary-strong: #0030cc;
|
|
1038
1044
|
/* blue.80 */
|
|
1039
1045
|
--kui-color-text-primary-stronger: #002099;
|
|
1046
|
+
/* blue.90 */
|
|
1047
|
+
--kui-color-text-primary-strongest: #001466;
|
|
1040
1048
|
/* green.60 */
|
|
1041
1049
|
--kui-color-text-success: #007d60;
|
|
1042
1050
|
/* yellow.60 */
|
|
@@ -1336,6 +1344,8 @@ export const KUI_COLOR_TEXT_PRIMARY = "#0044f4";
|
|
|
1336
1344
|
export const KUI_COLOR_TEXT_PRIMARY_STRONG = "#0030cc";
|
|
1337
1345
|
/* blue.80 */
|
|
1338
1346
|
export const KUI_COLOR_TEXT_PRIMARY_STRONGER = "#002099";
|
|
1347
|
+
/* blue.90 */
|
|
1348
|
+
export const KUI_COLOR_TEXT_PRIMARY_STRONGEST = "#001466";
|
|
1339
1349
|
/* green.60 */
|
|
1340
1350
|
export const KUI_COLOR_TEXT_SUCCESS = "#007d60";
|
|
1341
1351
|
/* yellow.60 */
|
|
@@ -1575,6 +1585,7 @@ export const KUI_SPACE_AUTO = "auto";
|
|
|
1575
1585
|
"kui_color_text_primary": "#0044f4",
|
|
1576
1586
|
"kui_color_text_primary_strong": "#0030cc",
|
|
1577
1587
|
"kui_color_text_primary_stronger": "#002099",
|
|
1588
|
+
"kui_color_text_primary_strongest": "#001466",
|
|
1578
1589
|
"kui_color_text_success": "#007d60",
|
|
1579
1590
|
"kui_color_text_warning": "#995c00",
|
|
1580
1591
|
"kui_animation_duration_20": "0.2s",
|
package/dist/tokens/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!--
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 27 Sep 2023
|
|
3
|
+
* Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -138,6 +138,8 @@ $kui-color-text-primary: #0044f4;
|
|
|
138
138
|
$kui-color-text-primary-strong: #0030cc;
|
|
139
139
|
/* blue.80 */
|
|
140
140
|
$kui-color-text-primary-stronger: #002099;
|
|
141
|
+
/* blue.90 */
|
|
142
|
+
$kui-color-text-primary-strongest: #001466;
|
|
141
143
|
/* green.60 */
|
|
142
144
|
$kui-color-text-success: #007d60;
|
|
143
145
|
/* yellow.60 */
|
|
@@ -436,6 +438,8 @@ $tokens-map: (
|
|
|
436
438
|
'kui-color-text-primary-strong': #0030cc;
|
|
437
439
|
/* blue.80 */
|
|
438
440
|
'kui-color-text-primary-stronger': #002099;
|
|
441
|
+
/* blue.90 */
|
|
442
|
+
'kui-color-text-primary-strongest': #001466;
|
|
439
443
|
/* green.60 */
|
|
440
444
|
'kui-color-text-success': #007d60;
|
|
441
445
|
/* yellow.60 */
|
|
@@ -736,6 +740,8 @@ $tokens-map: (
|
|
|
736
740
|
@kui-color-text-primary-strong: #0030cc;
|
|
737
741
|
/* blue.80 */
|
|
738
742
|
@kui-color-text-primary-stronger: #002099;
|
|
743
|
+
/* blue.90 */
|
|
744
|
+
@kui-color-text-primary-strongest: #001466;
|
|
739
745
|
/* green.60 */
|
|
740
746
|
@kui-color-text-success: #007d60;
|
|
741
747
|
/* yellow.60 */
|
|
@@ -1037,6 +1043,8 @@ You may scope your CSS custom property overrides inside the `:root` selector as
|
|
|
1037
1043
|
--kui-color-text-primary-strong: #0030cc;
|
|
1038
1044
|
/* blue.80 */
|
|
1039
1045
|
--kui-color-text-primary-stronger: #002099;
|
|
1046
|
+
/* blue.90 */
|
|
1047
|
+
--kui-color-text-primary-strongest: #001466;
|
|
1040
1048
|
/* green.60 */
|
|
1041
1049
|
--kui-color-text-success: #007d60;
|
|
1042
1050
|
/* yellow.60 */
|
|
@@ -1336,6 +1344,8 @@ export const KUI_COLOR_TEXT_PRIMARY = "#0044f4";
|
|
|
1336
1344
|
export const KUI_COLOR_TEXT_PRIMARY_STRONG = "#0030cc";
|
|
1337
1345
|
/* blue.80 */
|
|
1338
1346
|
export const KUI_COLOR_TEXT_PRIMARY_STRONGER = "#002099";
|
|
1347
|
+
/* blue.90 */
|
|
1348
|
+
export const KUI_COLOR_TEXT_PRIMARY_STRONGEST = "#001466";
|
|
1339
1349
|
/* green.60 */
|
|
1340
1350
|
export const KUI_COLOR_TEXT_SUCCESS = "#007d60";
|
|
1341
1351
|
/* yellow.60 */
|
|
@@ -1575,6 +1585,7 @@ export const KUI_SPACE_AUTO = "auto";
|
|
|
1575
1585
|
"kui_color_text_primary": "#0044f4",
|
|
1576
1586
|
"kui_color_text_primary_strong": "#0030cc",
|
|
1577
1587
|
"kui_color_text_primary_stronger": "#002099",
|
|
1588
|
+
"kui_color_text_primary_strongest": "#001466",
|
|
1578
1589
|
"kui_color_text_success": "#007d60",
|
|
1579
1590
|
"kui_color_text_warning": "#995c00",
|
|
1580
1591
|
"kui_animation_duration_20": "0.2s",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 27 Sep 2023
|
|
3
|
+
* Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -140,6 +140,8 @@
|
|
|
140
140
|
--kui-color-text-primary-strong: initial;
|
|
141
141
|
/* blue.80. Default value: `#002099` */
|
|
142
142
|
--kui-color-text-primary-stronger: initial;
|
|
143
|
+
/* blue.90. Default value: `#001466` */
|
|
144
|
+
--kui-color-text-primary-strongest: initial;
|
|
143
145
|
/* green.60. Default value: `#007d60` */
|
|
144
146
|
--kui-color-text-success: initial;
|
|
145
147
|
/* yellow.60. Default value: `#995c00` */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 27 Sep 2023
|
|
3
|
+
* Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -67,6 +67,7 @@
|
|
|
67
67
|
--kui-color-text-primary: #0044f4; /* blue.60 */
|
|
68
68
|
--kui-color-text-primary-strong: #0030cc; /* blue.70 */
|
|
69
69
|
--kui-color-text-primary-stronger: #002099; /* blue.80 */
|
|
70
|
+
--kui-color-text-primary-strongest: #001466; /* blue.90 */
|
|
70
71
|
--kui-color-text-success: #007d60; /* green.60 */
|
|
71
72
|
--kui-color-text-warning: #995c00; /* yellow.60 */
|
|
72
73
|
--kui-animation-duration-20: 0.2s; /* Default transition timing */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 27 Sep 2023
|
|
3
|
+
* Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -111,7 +111,8 @@ declare const tokens: {
|
|
|
111
111
|
"primary": {
|
|
112
112
|
"_": DesignToken,
|
|
113
113
|
"strong": DesignToken,
|
|
114
|
-
"stronger": DesignToken
|
|
114
|
+
"stronger": DesignToken,
|
|
115
|
+
"strongest": DesignToken
|
|
115
116
|
},
|
|
116
117
|
"success": {
|
|
117
118
|
"_": DesignToken
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 27 Sep 2023
|
|
3
|
+
* Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -67,6 +67,7 @@ module.exports = {
|
|
|
67
67
|
"KUI_COLOR_TEXT_PRIMARY": "#0044f4",
|
|
68
68
|
"KUI_COLOR_TEXT_PRIMARY_STRONG": "#0030cc",
|
|
69
69
|
"KUI_COLOR_TEXT_PRIMARY_STRONGER": "#002099",
|
|
70
|
+
"KUI_COLOR_TEXT_PRIMARY_STRONGEST": "#001466",
|
|
70
71
|
"KUI_COLOR_TEXT_SUCCESS": "#007d60",
|
|
71
72
|
"KUI_COLOR_TEXT_WARNING": "#995c00",
|
|
72
73
|
"KUI_ANIMATION_DURATION_20": "0.2s",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 27 Sep 2023
|
|
3
|
+
* Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -125,6 +125,8 @@ export const KUI_COLOR_TEXT_PRIMARY : "#0044f4";
|
|
|
125
125
|
export const KUI_COLOR_TEXT_PRIMARY_STRONG : "#0030cc";
|
|
126
126
|
/** blue.80 */
|
|
127
127
|
export const KUI_COLOR_TEXT_PRIMARY_STRONGER : "#002099";
|
|
128
|
+
/** blue.90 */
|
|
129
|
+
export const KUI_COLOR_TEXT_PRIMARY_STRONGEST : "#001466";
|
|
128
130
|
/** green.60 */
|
|
129
131
|
export const KUI_COLOR_TEXT_SUCCESS : "#007d60";
|
|
130
132
|
/** yellow.60 */
|
package/dist/tokens/js/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 27 Sep 2023
|
|
3
|
+
* Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -66,6 +66,7 @@ export const KUI_COLOR_TEXT_NEUTRAL_WEAK = "#afb7c5"; // gray.40
|
|
|
66
66
|
export const KUI_COLOR_TEXT_PRIMARY = "#0044f4"; // blue.60
|
|
67
67
|
export const KUI_COLOR_TEXT_PRIMARY_STRONG = "#0030cc"; // blue.70
|
|
68
68
|
export const KUI_COLOR_TEXT_PRIMARY_STRONGER = "#002099"; // blue.80
|
|
69
|
+
export const KUI_COLOR_TEXT_PRIMARY_STRONGEST = "#001466"; // blue.90
|
|
69
70
|
export const KUI_COLOR_TEXT_SUCCESS = "#007d60"; // green.60
|
|
70
71
|
export const KUI_COLOR_TEXT_WARNING = "#995c00"; // yellow.60
|
|
71
72
|
export const KUI_ANIMATION_DURATION_20 = "0.2s"; // Default transition timing
|
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
"kui_color_text_primary": "#0044f4",
|
|
59
59
|
"kui_color_text_primary_strong": "#0030cc",
|
|
60
60
|
"kui_color_text_primary_stronger": "#002099",
|
|
61
|
+
"kui_color_text_primary_strongest": "#001466",
|
|
61
62
|
"kui_color_text_success": "#007d60",
|
|
62
63
|
"kui_color_text_warning": "#995c00",
|
|
63
64
|
"kui_animation_duration_20": "0.2s",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Wed, 27 Sep 2023
|
|
3
|
+
// Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
4
4
|
//
|
|
5
5
|
// Kong Design Tokens
|
|
6
6
|
// GitHub: https://github.com/Kong/design-tokens
|
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
@kui-color-text-primary: #0044f4; // blue.60
|
|
66
66
|
@kui-color-text-primary-strong: #0030cc; // blue.70
|
|
67
67
|
@kui-color-text-primary-stronger: #002099; // blue.80
|
|
68
|
+
@kui-color-text-primary-strongest: #001466; // blue.90
|
|
68
69
|
@kui-color-text-success: #007d60; // green.60
|
|
69
70
|
@kui-color-text-warning: #995c00; // yellow.60
|
|
70
71
|
@kui-animation-duration-20: 0.2s; // Default transition timing
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on Wed, 27 Sep 2023
|
|
4
|
+
* Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
5
5
|
*
|
|
6
6
|
* Kong Design Tokens
|
|
7
7
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -127,6 +127,8 @@ $tokens-map: (
|
|
|
127
127
|
'kui-color-text-primary-strong': #0030cc,
|
|
128
128
|
// blue.80
|
|
129
129
|
'kui-color-text-primary-stronger': #002099,
|
|
130
|
+
// blue.90
|
|
131
|
+
'kui-color-text-primary-strongest': #001466,
|
|
130
132
|
// green.60
|
|
131
133
|
'kui-color-text-success': #007d60,
|
|
132
134
|
// yellow.60
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 27 Sep 2023
|
|
3
|
+
* Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -79,6 +79,7 @@
|
|
|
79
79
|
--kui-color-text-primary: #0044f4; /* blue.60 */
|
|
80
80
|
--kui-color-text-primary-strong: #0030cc; /* blue.70 */
|
|
81
81
|
--kui-color-text-primary-stronger: #002099; /* blue.80 */
|
|
82
|
+
--kui-color-text-primary-strongest: #001466; /* blue.90 */
|
|
82
83
|
--kui-color-text-success: #007d60; /* green.60 */
|
|
83
84
|
--kui-color-text-warning: #995c00; /* yellow.60 */
|
|
84
85
|
--kui-animation-duration-20: 0.2s; /* Default transition timing */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Wed, 27 Sep 2023
|
|
3
|
+
// Generated on Wed, 27 Sep 2023 22:05:08 GMT
|
|
4
4
|
//
|
|
5
5
|
// Kong Design Tokens
|
|
6
6
|
// GitHub: https://github.com/Kong/design-tokens
|
|
@@ -65,6 +65,7 @@ $kui-color-text-neutral-weak: #afb7c5 !default; // gray.40
|
|
|
65
65
|
$kui-color-text-primary: #0044f4 !default; // blue.60
|
|
66
66
|
$kui-color-text-primary-strong: #0030cc !default; // blue.70
|
|
67
67
|
$kui-color-text-primary-stronger: #002099 !default; // blue.80
|
|
68
|
+
$kui-color-text-primary-strongest: #001466 !default; // blue.90
|
|
68
69
|
$kui-color-text-success: #007d60 !default; // green.60
|
|
69
70
|
$kui-color-text-warning: #995c00 !default; // yellow.60
|
|
70
71
|
$kui-animation-duration-20: 0.2s !default; // Default transition timing
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong/design-tokens",
|
|
3
|
-
"version": "1.11.
|
|
3
|
+
"version": "1.11.2",
|
|
4
4
|
"description": "Kong UI Design Tokens and style dictionary",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "yarn build:clean && style-dictionary build && yarn copy:tokens-doc && yarn copy:stylelint-plugin",
|