@kong/design-tokens 1.6.1 → 1.6.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 +13 -13
- package/dist/tokens/README.md +13 -13
- package/dist/tokens/css/variables.css +5 -5
- package/dist/tokens/js/cjs/index.d.ts +4 -4
- package/dist/tokens/js/cjs/index.js +3 -3
- package/dist/tokens/js/index.d.ts +7 -7
- package/dist/tokens/js/index.mjs +5 -5
- package/dist/tokens/scss/_mixins.scss +5 -5
- package/dist/tokens/scss/_variables.scss +5 -5
- package/package.json +7 -7
package/TOKENS.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!--
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 20 Jul 2023 21:02:45 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -90,11 +90,11 @@ $kui-border-width-0: 0px;
|
|
|
90
90
|
$kui-border-width-10: 1px;
|
|
91
91
|
$kui-border-width-20: 2px;
|
|
92
92
|
$kui-border-width-30: 4px;
|
|
93
|
-
$kui-breakpoint-
|
|
94
|
-
$kui-breakpoint-laptop: 1280px; /* Used for standard desktop screens. */
|
|
95
|
-
$kui-breakpoint-mobile: 640px; /* Used for larger mobile screens. Anything under this value is considered mobile. */
|
|
93
|
+
$kui-breakpoint-mobile: 640px; /* Used for larger mobile screens. Anything viewport width under this value is considered mobile. */
|
|
96
94
|
$kui-breakpoint-phablet: 768px; /* Used for tablet screens. */
|
|
97
|
-
$kui-breakpoint-tablet: 1024px; /* Used for larger tablet screens. Any viewport width less than this value
|
|
95
|
+
$kui-breakpoint-tablet: 1024px; /* Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. */
|
|
96
|
+
$kui-breakpoint-laptop: 1280px; /* Used for standard desktop screens. */
|
|
97
|
+
$kui-breakpoint-desktop: 1536px; /* Used for larger desktop screens. */
|
|
98
98
|
$kui-icon-size-10: 10px;
|
|
99
99
|
$kui-icon-size-20: 12px;
|
|
100
100
|
$kui-icon-size-30: 16px;
|
|
@@ -247,11 +247,11 @@ export const KUI_BORDER_WIDTH_0 = "0px";
|
|
|
247
247
|
export const KUI_BORDER_WIDTH_10 = "1px";
|
|
248
248
|
export const KUI_BORDER_WIDTH_20 = "2px";
|
|
249
249
|
export const KUI_BORDER_WIDTH_30 = "4px";
|
|
250
|
-
export const
|
|
251
|
-
export const KUI_BREAKPOINT_LAPTOP = "1280px"; /* Used for standard desktop screens. */
|
|
252
|
-
export const KUI_BREAKPOINT_MOBILE = "640px"; /* Used for larger mobile screens. Anything under this value is considered mobile. */
|
|
250
|
+
export const KUI_BREAKPOINT_MOBILE = "640px"; /* Used for larger mobile screens. Anything viewport width under this value is considered mobile. */
|
|
253
251
|
export const KUI_BREAKPOINT_PHABLET = "768px"; /* Used for tablet screens. */
|
|
254
|
-
export const KUI_BREAKPOINT_TABLET = "1024px"; /* Used for larger tablet screens. Any viewport width less than this value
|
|
252
|
+
export const KUI_BREAKPOINT_TABLET = "1024px"; /* Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. */
|
|
253
|
+
export const KUI_BREAKPOINT_LAPTOP = "1280px"; /* Used for standard desktop screens. */
|
|
254
|
+
export const KUI_BREAKPOINT_DESKTOP = "1536px"; /* Used for larger desktop screens. */
|
|
255
255
|
export const KUI_ICON_SIZE_10 = "10px";
|
|
256
256
|
export const KUI_ICON_SIZE_20 = "12px";
|
|
257
257
|
export const KUI_ICON_SIZE_30 = "16px";
|
|
@@ -414,11 +414,11 @@ You may scope your CSS variable overrides inside the `:root` selector as shown h
|
|
|
414
414
|
--kui-border-width-10: initial; /* Default value: `1px` */
|
|
415
415
|
--kui-border-width-20: initial; /* Default value: `2px` */
|
|
416
416
|
--kui-border-width-30: initial; /* Default value: `4px` */
|
|
417
|
-
--kui-breakpoint-
|
|
418
|
-
--kui-breakpoint-laptop: initial; /* Used for standard desktop screens. Default value: `1280px` */
|
|
419
|
-
--kui-breakpoint-mobile: initial; /* Used for larger mobile screens. Anything under this value is considered mobile. Default value: `640px` */
|
|
417
|
+
--kui-breakpoint-mobile: initial; /* Used for larger mobile screens. Anything viewport width under this value is considered mobile. Default value: `640px` */
|
|
420
418
|
--kui-breakpoint-phablet: initial; /* Used for tablet screens. Default value: `768px` */
|
|
421
|
-
--kui-breakpoint-tablet: initial; /* Used for larger tablet screens. Any viewport width less than this value
|
|
419
|
+
--kui-breakpoint-tablet: initial; /* Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. Default value: `1024px` */
|
|
420
|
+
--kui-breakpoint-laptop: initial; /* Used for standard desktop screens. Default value: `1280px` */
|
|
421
|
+
--kui-breakpoint-desktop: initial; /* Used for larger desktop screens. Default value: `1536px` */
|
|
422
422
|
--kui-icon-size-10: initial; /* Default value: `10px` */
|
|
423
423
|
--kui-icon-size-20: initial; /* Default value: `12px` */
|
|
424
424
|
--kui-icon-size-30: initial; /* Default value: `16px` */
|
package/dist/tokens/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!--
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 20 Jul 2023 21:02:45 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -90,11 +90,11 @@ $kui-border-width-0: 0px;
|
|
|
90
90
|
$kui-border-width-10: 1px;
|
|
91
91
|
$kui-border-width-20: 2px;
|
|
92
92
|
$kui-border-width-30: 4px;
|
|
93
|
-
$kui-breakpoint-
|
|
94
|
-
$kui-breakpoint-laptop: 1280px; /* Used for standard desktop screens. */
|
|
95
|
-
$kui-breakpoint-mobile: 640px; /* Used for larger mobile screens. Anything under this value is considered mobile. */
|
|
93
|
+
$kui-breakpoint-mobile: 640px; /* Used for larger mobile screens. Anything viewport width under this value is considered mobile. */
|
|
96
94
|
$kui-breakpoint-phablet: 768px; /* Used for tablet screens. */
|
|
97
|
-
$kui-breakpoint-tablet: 1024px; /* Used for larger tablet screens. Any viewport width less than this value
|
|
95
|
+
$kui-breakpoint-tablet: 1024px; /* Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. */
|
|
96
|
+
$kui-breakpoint-laptop: 1280px; /* Used for standard desktop screens. */
|
|
97
|
+
$kui-breakpoint-desktop: 1536px; /* Used for larger desktop screens. */
|
|
98
98
|
$kui-icon-size-10: 10px;
|
|
99
99
|
$kui-icon-size-20: 12px;
|
|
100
100
|
$kui-icon-size-30: 16px;
|
|
@@ -247,11 +247,11 @@ export const KUI_BORDER_WIDTH_0 = "0px";
|
|
|
247
247
|
export const KUI_BORDER_WIDTH_10 = "1px";
|
|
248
248
|
export const KUI_BORDER_WIDTH_20 = "2px";
|
|
249
249
|
export const KUI_BORDER_WIDTH_30 = "4px";
|
|
250
|
-
export const
|
|
251
|
-
export const KUI_BREAKPOINT_LAPTOP = "1280px"; /* Used for standard desktop screens. */
|
|
252
|
-
export const KUI_BREAKPOINT_MOBILE = "640px"; /* Used for larger mobile screens. Anything under this value is considered mobile. */
|
|
250
|
+
export const KUI_BREAKPOINT_MOBILE = "640px"; /* Used for larger mobile screens. Anything viewport width under this value is considered mobile. */
|
|
253
251
|
export const KUI_BREAKPOINT_PHABLET = "768px"; /* Used for tablet screens. */
|
|
254
|
-
export const KUI_BREAKPOINT_TABLET = "1024px"; /* Used for larger tablet screens. Any viewport width less than this value
|
|
252
|
+
export const KUI_BREAKPOINT_TABLET = "1024px"; /* Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. */
|
|
253
|
+
export const KUI_BREAKPOINT_LAPTOP = "1280px"; /* Used for standard desktop screens. */
|
|
254
|
+
export const KUI_BREAKPOINT_DESKTOP = "1536px"; /* Used for larger desktop screens. */
|
|
255
255
|
export const KUI_ICON_SIZE_10 = "10px";
|
|
256
256
|
export const KUI_ICON_SIZE_20 = "12px";
|
|
257
257
|
export const KUI_ICON_SIZE_30 = "16px";
|
|
@@ -414,11 +414,11 @@ You may scope your CSS variable overrides inside the `:root` selector as shown h
|
|
|
414
414
|
--kui-border-width-10: initial; /* Default value: `1px` */
|
|
415
415
|
--kui-border-width-20: initial; /* Default value: `2px` */
|
|
416
416
|
--kui-border-width-30: initial; /* Default value: `4px` */
|
|
417
|
-
--kui-breakpoint-
|
|
418
|
-
--kui-breakpoint-laptop: initial; /* Used for standard desktop screens. Default value: `1280px` */
|
|
419
|
-
--kui-breakpoint-mobile: initial; /* Used for larger mobile screens. Anything under this value is considered mobile. Default value: `640px` */
|
|
417
|
+
--kui-breakpoint-mobile: initial; /* Used for larger mobile screens. Anything viewport width under this value is considered mobile. Default value: `640px` */
|
|
420
418
|
--kui-breakpoint-phablet: initial; /* Used for tablet screens. Default value: `768px` */
|
|
421
|
-
--kui-breakpoint-tablet: initial; /* Used for larger tablet screens. Any viewport width less than this value
|
|
419
|
+
--kui-breakpoint-tablet: initial; /* Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. Default value: `1024px` */
|
|
420
|
+
--kui-breakpoint-laptop: initial; /* Used for standard desktop screens. Default value: `1280px` */
|
|
421
|
+
--kui-breakpoint-desktop: initial; /* Used for larger desktop screens. Default value: `1536px` */
|
|
422
422
|
--kui-icon-size-10: initial; /* Default value: `10px` */
|
|
423
423
|
--kui-icon-size-20: initial; /* Default value: `12px` */
|
|
424
424
|
--kui-icon-size-30: initial; /* Default value: `16px` */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 20 Jul 2023 21:02:45 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -94,11 +94,11 @@
|
|
|
94
94
|
--kui-border-width-10: initial; /* Default value: `1px` */
|
|
95
95
|
--kui-border-width-20: initial; /* Default value: `2px` */
|
|
96
96
|
--kui-border-width-30: initial; /* Default value: `4px` */
|
|
97
|
-
--kui-breakpoint-
|
|
98
|
-
--kui-breakpoint-laptop: initial; /* Used for standard desktop screens. Default value: `1280px` */
|
|
99
|
-
--kui-breakpoint-mobile: initial; /* Used for larger mobile screens. Anything under this value is considered mobile. Default value: `640px` */
|
|
97
|
+
--kui-breakpoint-mobile: initial; /* Used for larger mobile screens. Anything viewport width under this value is considered mobile. Default value: `640px` */
|
|
100
98
|
--kui-breakpoint-phablet: initial; /* Used for tablet screens. Default value: `768px` */
|
|
101
|
-
--kui-breakpoint-tablet: initial; /* Used for larger tablet screens. Any viewport width less than this value
|
|
99
|
+
--kui-breakpoint-tablet: initial; /* Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. Default value: `1024px` */
|
|
100
|
+
--kui-breakpoint-laptop: initial; /* Used for standard desktop screens. Default value: `1280px` */
|
|
101
|
+
--kui-breakpoint-desktop: initial; /* Used for larger desktop screens. Default value: `1536px` */
|
|
102
102
|
--kui-icon-size-10: initial; /* Default value: `10px` */
|
|
103
103
|
--kui-icon-size-20: initial; /* Default value: `12px` */
|
|
104
104
|
--kui-icon-size-30: initial; /* Default value: `16px` */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 20 Jul 2023 21:02:45 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -139,11 +139,11 @@ declare const tokens: {
|
|
|
139
139
|
}
|
|
140
140
|
},
|
|
141
141
|
"breakpoint": {
|
|
142
|
-
"desktop": DesignToken,
|
|
143
|
-
"laptop": DesignToken,
|
|
144
142
|
"mobile": DesignToken,
|
|
145
143
|
"phablet": DesignToken,
|
|
146
|
-
"tablet": DesignToken
|
|
144
|
+
"tablet": DesignToken,
|
|
145
|
+
"laptop": DesignToken,
|
|
146
|
+
"desktop": DesignToken
|
|
147
147
|
},
|
|
148
148
|
"icon": {
|
|
149
149
|
"size": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 20 Jul 2023 21:02:45 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -80,11 +80,11 @@ module.exports = {
|
|
|
80
80
|
"KUI_BORDER_WIDTH_10": "1px",
|
|
81
81
|
"KUI_BORDER_WIDTH_20": "2px",
|
|
82
82
|
"KUI_BORDER_WIDTH_30": "4px",
|
|
83
|
-
"KUI_BREAKPOINT_DESKTOP": "1536px",
|
|
84
|
-
"KUI_BREAKPOINT_LAPTOP": "1280px",
|
|
85
83
|
"KUI_BREAKPOINT_MOBILE": "640px",
|
|
86
84
|
"KUI_BREAKPOINT_PHABLET": "768px",
|
|
87
85
|
"KUI_BREAKPOINT_TABLET": "1024px",
|
|
86
|
+
"KUI_BREAKPOINT_LAPTOP": "1280px",
|
|
87
|
+
"KUI_BREAKPOINT_DESKTOP": "1536px",
|
|
88
88
|
"KUI_ICON_SIZE_10": "10px",
|
|
89
89
|
"KUI_ICON_SIZE_20": "12px",
|
|
90
90
|
"KUI_ICON_SIZE_30": "16px",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 20 Jul 2023 21:02:45 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -142,16 +142,16 @@ export const KUI_BORDER_WIDTH_0 : "0px";
|
|
|
142
142
|
export const KUI_BORDER_WIDTH_10 : "1px";
|
|
143
143
|
export const KUI_BORDER_WIDTH_20 : "2px";
|
|
144
144
|
export const KUI_BORDER_WIDTH_30 : "4px";
|
|
145
|
-
/** Used for larger
|
|
146
|
-
export const KUI_BREAKPOINT_DESKTOP : "1536px";
|
|
147
|
-
/** Used for standard desktop screens. */
|
|
148
|
-
export const KUI_BREAKPOINT_LAPTOP : "1280px";
|
|
149
|
-
/** Used for larger mobile screens. Anything under this value is considered mobile. */
|
|
145
|
+
/** Used for larger mobile screens. Anything viewport width under this value is considered mobile. */
|
|
150
146
|
export const KUI_BREAKPOINT_MOBILE : "640px";
|
|
151
147
|
/** Used for tablet screens. */
|
|
152
148
|
export const KUI_BREAKPOINT_PHABLET : "768px";
|
|
153
|
-
/** Used for larger tablet screens. Any viewport width less than this value
|
|
149
|
+
/** Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. */
|
|
154
150
|
export const KUI_BREAKPOINT_TABLET : "1024px";
|
|
151
|
+
/** Used for standard desktop screens. */
|
|
152
|
+
export const KUI_BREAKPOINT_LAPTOP : "1280px";
|
|
153
|
+
/** Used for larger desktop screens. */
|
|
154
|
+
export const KUI_BREAKPOINT_DESKTOP : "1536px";
|
|
155
155
|
export const KUI_ICON_SIZE_10 : "10px";
|
|
156
156
|
export const KUI_ICON_SIZE_20 : "12px";
|
|
157
157
|
export const KUI_ICON_SIZE_30 : "16px";
|
package/dist/tokens/js/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 20 Jul 2023 21:02:45 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -79,11 +79,11 @@ export const KUI_BORDER_WIDTH_0 = "0px";
|
|
|
79
79
|
export const KUI_BORDER_WIDTH_10 = "1px";
|
|
80
80
|
export const KUI_BORDER_WIDTH_20 = "2px";
|
|
81
81
|
export const KUI_BORDER_WIDTH_30 = "4px";
|
|
82
|
-
export const
|
|
83
|
-
export const KUI_BREAKPOINT_LAPTOP = "1280px"; // Used for standard desktop screens.
|
|
84
|
-
export const KUI_BREAKPOINT_MOBILE = "640px"; // Used for larger mobile screens. Anything under this value is considered mobile.
|
|
82
|
+
export const KUI_BREAKPOINT_MOBILE = "640px"; // Used for larger mobile screens. Anything viewport width under this value is considered mobile.
|
|
85
83
|
export const KUI_BREAKPOINT_PHABLET = "768px"; // Used for tablet screens.
|
|
86
|
-
export const KUI_BREAKPOINT_TABLET = "1024px"; // Used for larger tablet screens. Any viewport width less than this value
|
|
84
|
+
export const KUI_BREAKPOINT_TABLET = "1024px"; // Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout.
|
|
85
|
+
export const KUI_BREAKPOINT_LAPTOP = "1280px"; // Used for standard desktop screens.
|
|
86
|
+
export const KUI_BREAKPOINT_DESKTOP = "1536px"; // Used for larger desktop screens.
|
|
87
87
|
export const KUI_ICON_SIZE_10 = "10px";
|
|
88
88
|
export const KUI_ICON_SIZE_20 = "12px";
|
|
89
89
|
export const KUI_ICON_SIZE_30 = "16px";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 20 Jul 2023 21:02:45 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens
|
|
@@ -92,11 +92,11 @@
|
|
|
92
92
|
--kui-border-width-10: 1px;
|
|
93
93
|
--kui-border-width-20: 2px;
|
|
94
94
|
--kui-border-width-30: 4px;
|
|
95
|
-
--kui-breakpoint-
|
|
96
|
-
--kui-breakpoint-laptop: 1280px; /* Used for standard desktop screens. */
|
|
97
|
-
--kui-breakpoint-mobile: 640px; /* Used for larger mobile screens. Anything under this value is considered mobile. */
|
|
95
|
+
--kui-breakpoint-mobile: 640px; /* Used for larger mobile screens. Anything viewport width under this value is considered mobile. */
|
|
98
96
|
--kui-breakpoint-phablet: 768px; /* Used for tablet screens. */
|
|
99
|
-
--kui-breakpoint-tablet: 1024px; /* Used for larger tablet screens. Any viewport width less than this value
|
|
97
|
+
--kui-breakpoint-tablet: 1024px; /* Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout. */
|
|
98
|
+
--kui-breakpoint-laptop: 1280px; /* Used for standard desktop screens. */
|
|
99
|
+
--kui-breakpoint-desktop: 1536px; /* Used for larger desktop screens. */
|
|
100
100
|
--kui-icon-size-10: 10px;
|
|
101
101
|
--kui-icon-size-20: 12px;
|
|
102
102
|
--kui-icon-size-30: 16px;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 20 Jul 2023 21:02:45 GMT
|
|
4
4
|
//
|
|
5
5
|
// Kong Design Tokens
|
|
6
6
|
// GitHub: https://github.com/Kong/design-tokens
|
|
@@ -78,11 +78,11 @@ $kui-border-width-0: 0px;
|
|
|
78
78
|
$kui-border-width-10: 1px;
|
|
79
79
|
$kui-border-width-20: 2px;
|
|
80
80
|
$kui-border-width-30: 4px;
|
|
81
|
-
$kui-breakpoint-
|
|
82
|
-
$kui-breakpoint-laptop: 1280px; // Used for standard desktop screens.
|
|
83
|
-
$kui-breakpoint-mobile: 640px; // Used for larger mobile screens. Anything under this value is considered mobile.
|
|
81
|
+
$kui-breakpoint-mobile: 640px; // Used for larger mobile screens. Anything viewport width under this value is considered mobile.
|
|
84
82
|
$kui-breakpoint-phablet: 768px; // Used for tablet screens.
|
|
85
|
-
$kui-breakpoint-tablet: 1024px; // Used for larger tablet screens. Any viewport width less than this value
|
|
83
|
+
$kui-breakpoint-tablet: 1024px; // Used for larger tablet screens. Any viewport width less than this value will likely show a mobile layout. Any viewport width this value and greater will likely show a desktop layout.
|
|
84
|
+
$kui-breakpoint-laptop: 1280px; // Used for standard desktop screens.
|
|
85
|
+
$kui-breakpoint-desktop: 1536px; // Used for larger desktop screens.
|
|
86
86
|
$kui-icon-size-10: 10px;
|
|
87
87
|
$kui-icon-size-20: 12px;
|
|
88
88
|
$kui-icon-size-30: 16px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong/design-tokens",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.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",
|
|
@@ -53,11 +53,11 @@
|
|
|
53
53
|
"@commitlint/cli": "^17.6.6",
|
|
54
54
|
"@commitlint/config-conventional": "^17.6.6",
|
|
55
55
|
"@digitalroute/cz-conventional-changelog-for-jira": "^8.0.1",
|
|
56
|
-
"@evilmartians/lefthook": "^1.4.
|
|
56
|
+
"@evilmartians/lefthook": "^1.4.4",
|
|
57
57
|
"@semantic-release/changelog": "^6.0.3",
|
|
58
58
|
"@semantic-release/git": "^10.0.1",
|
|
59
|
-
"@typescript-eslint/eslint-plugin": "^5.
|
|
60
|
-
"@typescript-eslint/parser": "^5.
|
|
59
|
+
"@typescript-eslint/eslint-plugin": "^5.62.0",
|
|
60
|
+
"@typescript-eslint/parser": "^5.62.0",
|
|
61
61
|
"@vitejs/plugin-vue": "^4.2.3",
|
|
62
62
|
"chokidar-cli": "^3.0.0",
|
|
63
63
|
"commitizen": "^4.3.0",
|
|
@@ -72,14 +72,14 @@
|
|
|
72
72
|
"npm-run-all": "^4.1.5",
|
|
73
73
|
"rimraf": "^5.0.1",
|
|
74
74
|
"sass": "^1.63.6",
|
|
75
|
-
"semantic-release": "^21.0.
|
|
75
|
+
"semantic-release": "^21.0.7",
|
|
76
76
|
"shx": "^0.3.4",
|
|
77
77
|
"style-dictionary": "^3.8.0",
|
|
78
78
|
"typescript": "^5.1.6",
|
|
79
|
-
"vite": "^4.
|
|
79
|
+
"vite": "^4.4.2",
|
|
80
80
|
"vite-plugin-restart": "^0.3.1",
|
|
81
81
|
"vue": "^3.3.4",
|
|
82
|
-
"vue-router": "^4.2.
|
|
82
|
+
"vue-router": "^4.2.4"
|
|
83
83
|
},
|
|
84
84
|
"release": {
|
|
85
85
|
"branches": [
|