@kong/design-tokens 1.10.3 → 1.11.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 +12 -1
  2. package/dist/tokens/README.md +12 -1
  3. package/dist/tokens/css/custom-properties-list.css +3 -1
  4. package/dist/tokens/css/custom-properties.css +2 -1
  5. package/dist/tokens/js/cjs/index.d.ts +6 -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 +2 -1
  13. package/dist/tokens/scss/_variables.scss +2 -1
  14. package/package.json +2 -2
package/TOKENS.md CHANGED
@@ -1,6 +1,6 @@
1
1
  <!--
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Sep 2023 20:33:04 GMT
3
+ * Generated on Wed, 27 Sep 2023 16:52:33 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -142,6 +142,8 @@ $kui-color-text-primary-stronger: #002099;
142
142
  $kui-color-text-success: #007d60;
143
143
  /* yellow.60 */
144
144
  $kui-color-text-warning: #995c00;
145
+ /* Default transition timing */
146
+ $kui-animation-duration-20: 0.2s;
145
147
  $kui-border-radius-0: 0px;
146
148
  $kui-border-radius-10: 2px;
147
149
  $kui-border-radius-20: 4px;
@@ -438,6 +440,8 @@ $tokens-map: (
438
440
  'kui-color-text-success': #007d60;
439
441
  /* yellow.60 */
440
442
  'kui-color-text-warning': #995c00;
443
+ /* Default transition timing */
444
+ 'kui-animation-duration-20': 0.2s;
441
445
  'kui-border-radius-0': 0px;
442
446
  'kui-border-radius-10': 2px;
443
447
  'kui-border-radius-20': 4px;
@@ -736,6 +740,8 @@ $tokens-map: (
736
740
  @kui-color-text-success: #007d60;
737
741
  /* yellow.60 */
738
742
  @kui-color-text-warning: #995c00;
743
+ /* Default transition timing */
744
+ @kui-animation-duration-20: 0.2s;
739
745
  @kui-border-radius-0: 0px;
740
746
  @kui-border-radius-10: 2px;
741
747
  @kui-border-radius-20: 4px;
@@ -1035,6 +1041,8 @@ You may scope your CSS custom property overrides inside the `:root` selector as
1035
1041
  --kui-color-text-success: #007d60;
1036
1042
  /* yellow.60 */
1037
1043
  --kui-color-text-warning: #995c00;
1044
+ /* Default transition timing */
1045
+ --kui-animation-duration-20: 0.2s;
1038
1046
  --kui-border-radius-0: 0px;
1039
1047
  --kui-border-radius-10: 2px;
1040
1048
  --kui-border-radius-20: 4px;
@@ -1332,6 +1340,8 @@ export const KUI_COLOR_TEXT_PRIMARY_STRONGER = "#002099";
1332
1340
  export const KUI_COLOR_TEXT_SUCCESS = "#007d60";
1333
1341
  /* yellow.60 */
1334
1342
  export const KUI_COLOR_TEXT_WARNING = "#995c00";
1343
+ /* Default transition timing */
1344
+ export const KUI_ANIMATION_DURATION_20 = "0.2s";
1335
1345
  export const KUI_BORDER_RADIUS_0 = "0px";
1336
1346
  export const KUI_BORDER_RADIUS_10 = "2px";
1337
1347
  export const KUI_BORDER_RADIUS_20 = "4px";
@@ -1567,6 +1577,7 @@ export const KUI_SPACE_AUTO = "auto";
1567
1577
  "kui_color_text_primary_stronger": "#002099",
1568
1578
  "kui_color_text_success": "#007d60",
1569
1579
  "kui_color_text_warning": "#995c00",
1580
+ "kui_animation_duration_20": "0.2s",
1570
1581
  "kui_border_radius_0": "0px",
1571
1582
  "kui_border_radius_10": "2px",
1572
1583
  "kui_border_radius_20": "4px",
package/dist/tokens/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  <!--
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Sep 2023 20:33:04 GMT
3
+ * Generated on Wed, 27 Sep 2023 16:52:33 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -142,6 +142,8 @@ $kui-color-text-primary-stronger: #002099;
142
142
  $kui-color-text-success: #007d60;
143
143
  /* yellow.60 */
144
144
  $kui-color-text-warning: #995c00;
145
+ /* Default transition timing */
146
+ $kui-animation-duration-20: 0.2s;
145
147
  $kui-border-radius-0: 0px;
146
148
  $kui-border-radius-10: 2px;
147
149
  $kui-border-radius-20: 4px;
@@ -438,6 +440,8 @@ $tokens-map: (
438
440
  'kui-color-text-success': #007d60;
439
441
  /* yellow.60 */
440
442
  'kui-color-text-warning': #995c00;
443
+ /* Default transition timing */
444
+ 'kui-animation-duration-20': 0.2s;
441
445
  'kui-border-radius-0': 0px;
442
446
  'kui-border-radius-10': 2px;
443
447
  'kui-border-radius-20': 4px;
@@ -736,6 +740,8 @@ $tokens-map: (
736
740
  @kui-color-text-success: #007d60;
737
741
  /* yellow.60 */
738
742
  @kui-color-text-warning: #995c00;
743
+ /* Default transition timing */
744
+ @kui-animation-duration-20: 0.2s;
739
745
  @kui-border-radius-0: 0px;
740
746
  @kui-border-radius-10: 2px;
741
747
  @kui-border-radius-20: 4px;
@@ -1035,6 +1041,8 @@ You may scope your CSS custom property overrides inside the `:root` selector as
1035
1041
  --kui-color-text-success: #007d60;
1036
1042
  /* yellow.60 */
1037
1043
  --kui-color-text-warning: #995c00;
1044
+ /* Default transition timing */
1045
+ --kui-animation-duration-20: 0.2s;
1038
1046
  --kui-border-radius-0: 0px;
1039
1047
  --kui-border-radius-10: 2px;
1040
1048
  --kui-border-radius-20: 4px;
@@ -1332,6 +1340,8 @@ export const KUI_COLOR_TEXT_PRIMARY_STRONGER = "#002099";
1332
1340
  export const KUI_COLOR_TEXT_SUCCESS = "#007d60";
1333
1341
  /* yellow.60 */
1334
1342
  export const KUI_COLOR_TEXT_WARNING = "#995c00";
1343
+ /* Default transition timing */
1344
+ export const KUI_ANIMATION_DURATION_20 = "0.2s";
1335
1345
  export const KUI_BORDER_RADIUS_0 = "0px";
1336
1346
  export const KUI_BORDER_RADIUS_10 = "2px";
1337
1347
  export const KUI_BORDER_RADIUS_20 = "4px";
@@ -1567,6 +1577,7 @@ export const KUI_SPACE_AUTO = "auto";
1567
1577
  "kui_color_text_primary_stronger": "#002099",
1568
1578
  "kui_color_text_success": "#007d60",
1569
1579
  "kui_color_text_warning": "#995c00",
1580
+ "kui_animation_duration_20": "0.2s",
1570
1581
  "kui_border_radius_0": "0px",
1571
1582
  "kui_border_radius_10": "2px",
1572
1583
  "kui_border_radius_20": "4px",
package/dist/tokens/css/custom-properties-list.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Sep 2023 20:33:04 GMT
3
+ * Generated on Wed, 27 Sep 2023 16:52:33 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -144,6 +144,8 @@
144
144
  --kui-color-text-success: initial;
145
145
  /* yellow.60. Default value: `#995c00` */
146
146
  --kui-color-text-warning: initial;
147
+ /* Default transition timing. Default value: `0.2s` */
148
+ --kui-animation-duration-20: initial;
147
149
  /* Default value: `0px` */
148
150
  --kui-border-radius-0: initial;
149
151
  /* Default value: `2px` */
package/dist/tokens/css/custom-properties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Sep 2023 20:33:04 GMT
3
+ * Generated on Wed, 27 Sep 2023 16:52:33 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -69,6 +69,7 @@
69
69
  --kui-color-text-primary-stronger: #002099; /* blue.80 */
70
70
  --kui-color-text-success: #007d60; /* green.60 */
71
71
  --kui-color-text-warning: #995c00; /* yellow.60 */
72
+ --kui-animation-duration-20: 0.2s; /* Default transition timing */
72
73
  --kui-border-radius-0: 0px;
73
74
  --kui-border-radius-10: 2px;
74
75
  --kui-border-radius-20: 4px;
package/dist/tokens/js/cjs/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Sep 2023 20:33:04 GMT
3
+ * Generated on Wed, 27 Sep 2023 16:52:33 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -121,6 +121,11 @@ declare const tokens: {
121
121
  }
122
122
  }
123
123
  },
124
+ "animation": {
125
+ "duration": {
126
+ "20": DesignToken
127
+ }
128
+ },
124
129
  "border": {
125
130
  "radius": {
126
131
  "0": DesignToken,
package/dist/tokens/js/cjs/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Sep 2023 20:33:04 GMT
3
+ * Generated on Wed, 27 Sep 2023 16:52:33 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -69,6 +69,7 @@ module.exports = {
69
69
  "KUI_COLOR_TEXT_PRIMARY_STRONGER": "#002099",
70
70
  "KUI_COLOR_TEXT_SUCCESS": "#007d60",
71
71
  "KUI_COLOR_TEXT_WARNING": "#995c00",
72
+ "KUI_ANIMATION_DURATION_20": "0.2s",
72
73
  "KUI_BORDER_RADIUS_0": "0px",
73
74
  "KUI_BORDER_RADIUS_10": "2px",
74
75
  "KUI_BORDER_RADIUS_20": "4px",
package/dist/tokens/js/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Sep 2023 20:33:04 GMT
3
+ * Generated on Wed, 27 Sep 2023 16:52:33 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -129,6 +129,8 @@ export const KUI_COLOR_TEXT_PRIMARY_STRONGER : "#002099";
129
129
  export const KUI_COLOR_TEXT_SUCCESS : "#007d60";
130
130
  /** yellow.60 */
131
131
  export const KUI_COLOR_TEXT_WARNING : "#995c00";
132
+ /** Default transition timing */
133
+ export const KUI_ANIMATION_DURATION_20 : "0.2s";
132
134
  export const KUI_BORDER_RADIUS_0 : "0px";
133
135
  export const KUI_BORDER_RADIUS_10 : "2px";
134
136
  export const KUI_BORDER_RADIUS_20 : "4px";
package/dist/tokens/js/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Sep 2023 20:33:04 GMT
3
+ * Generated on Wed, 27 Sep 2023 16:52:33 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -68,6 +68,7 @@ export const KUI_COLOR_TEXT_PRIMARY_STRONG = "#0030cc"; // blue.70
68
68
  export const KUI_COLOR_TEXT_PRIMARY_STRONGER = "#002099"; // blue.80
69
69
  export const KUI_COLOR_TEXT_SUCCESS = "#007d60"; // green.60
70
70
  export const KUI_COLOR_TEXT_WARNING = "#995c00"; // yellow.60
71
+ export const KUI_ANIMATION_DURATION_20 = "0.2s"; // Default transition timing
71
72
  export const KUI_BORDER_RADIUS_0 = "0px";
72
73
  export const KUI_BORDER_RADIUS_10 = "2px";
73
74
  export const KUI_BORDER_RADIUS_20 = "4px";
package/dist/tokens/js/tokens.json CHANGED
@@ -60,6 +60,7 @@
60
60
  "kui_color_text_primary_stronger": "#002099",
61
61
  "kui_color_text_success": "#007d60",
62
62
  "kui_color_text_warning": "#995c00",
63
+ "kui_animation_duration_20": "0.2s",
63
64
  "kui_border_radius_0": "0px",
64
65
  "kui_border_radius_10": "2px",
65
66
  "kui_border_radius_20": "4px",
package/dist/tokens/less/variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 26 Sep 2023 20:33:04 GMT
3
+ // Generated on Wed, 27 Sep 2023 16:52:33 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-stronger: #002099; // blue.80
68
68
  @kui-color-text-success: #007d60; // green.60
69
69
  @kui-color-text-warning: #995c00; // yellow.60
70
+ @kui-animation-duration-20: 0.2s; // Default transition timing
70
71
  @kui-border-radius-0: 0px;
71
72
  @kui-border-radius-10: 2px;
72
73
  @kui-border-radius-20: 4px;
package/dist/tokens/scss/_map.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Tue, 26 Sep 2023 20:33:04 GMT
4
+ * Generated on Wed, 27 Sep 2023 16:52:33 GMT
5
5
  *
6
6
  * Kong Design Tokens
7
7
  * GitHub: https://github.com/Kong/design-tokens
@@ -131,6 +131,8 @@ $tokens-map: (
131
131
  'kui-color-text-success': #007d60,
132
132
  // yellow.60
133
133
  'kui-color-text-warning': #995c00,
134
+ // Default transition timing
135
+ 'kui-animation-duration-20': 0.2s,
134
136
  'kui-border-radius-0': 0px,
135
137
  'kui-border-radius-10': 2px,
136
138
  'kui-border-radius-20': 4px,
package/dist/tokens/scss/_mixins.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Sep 2023 20:33:04 GMT
3
+ * Generated on Wed, 27 Sep 2023 16:52:33 GMT
4
4
  *
5
5
  * Kong Design Tokens
6
6
  * GitHub: https://github.com/Kong/design-tokens
@@ -81,6 +81,7 @@
81
81
  --kui-color-text-primary-stronger: #002099; /* blue.80 */
82
82
  --kui-color-text-success: #007d60; /* green.60 */
83
83
  --kui-color-text-warning: #995c00; /* yellow.60 */
84
+ --kui-animation-duration-20: 0.2s; /* Default transition timing */
84
85
  --kui-border-radius-0: 0px;
85
86
  --kui-border-radius-10: 2px;
86
87
  --kui-border-radius-20: 4px;
package/dist/tokens/scss/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 26 Sep 2023 20:33:04 GMT
3
+ // Generated on Wed, 27 Sep 2023 16:52:33 GMT
4
4
  //
5
5
  // Kong Design Tokens
6
6
  // GitHub: https://github.com/Kong/design-tokens
@@ -67,6 +67,7 @@ $kui-color-text-primary-strong: #0030cc !default; // blue.70
67
67
  $kui-color-text-primary-stronger: #002099 !default; // blue.80
68
68
  $kui-color-text-success: #007d60 !default; // green.60
69
69
  $kui-color-text-warning: #995c00 !default; // yellow.60
70
+ $kui-animation-duration-20: 0.2s !default; // Default transition timing
70
71
  $kui-border-radius-0: 0px !default;
71
72
  $kui-border-radius-10: 2px !default;
72
73
  $kui-border-radius-20: 4px !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kong/design-tokens",
3
- "version": "1.10.3",
3
+ "version": "1.11.0",
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",
@@ -84,7 +84,7 @@
84
84
  "typescript": "^5.2.2",
85
85
  "vite": "^4.4.9",
86
86
  "vite-plugin-restart": "^0.3.1",
87
- "vitepress": "^1.0.0-rc.13",
87
+ "vitepress": "^1.0.0-rc.14",
88
88
  "vue": "^3.3.4",
89
89
  "vue-router": "^4.2.4"
90
90
  },