@kong/design-tokens 1.1.5 → 1.2.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.
- package/dist/tokens/css/variables.css +2 -1
- package/dist/tokens/js/cjs/index.cjs +2 -1
- package/dist/tokens/js/cjs/index.d.cts +3 -2
- package/dist/tokens/js/index.d.ts +3 -1
- package/dist/tokens/js/index.js +2 -1
- package/dist/tokens/scss/_mixins.scss +2 -1
- package/dist/tokens/scss/_variables.scss +2 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 29 Jun 2023
|
|
3
|
+
* Generated on Thu, 29 Jun 2023 22:01:06 GMT
|
|
4
4
|
*
|
|
5
5
|
* GitHub: https://github.com/Kong/design-tokens
|
|
6
6
|
* License: Apache-2.0
|
|
@@ -74,6 +74,7 @@
|
|
|
74
74
|
--kui-border-radius-30: 6px;
|
|
75
75
|
--kui-border-radius-40: 8px;
|
|
76
76
|
--kui-border-radius-circle: 50%; /* Used to create a circle. Value of 50% */
|
|
77
|
+
--kui-border-radius-round: 100px; /* Used to round element corners. Value of 100px */
|
|
77
78
|
--kui-border-width-0: 0px;
|
|
78
79
|
--kui-border-width-10: 1px;
|
|
79
80
|
--kui-border-width-20: 2px;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 29 Jun 2023
|
|
3
|
+
* Generated on Thu, 29 Jun 2023 22:01:06 GMT
|
|
4
4
|
*
|
|
5
5
|
* GitHub: https://github.com/Kong/design-tokens
|
|
6
6
|
* License: Apache-2.0
|
|
@@ -74,6 +74,7 @@ module.exports = {
|
|
|
74
74
|
"KUI_BORDER_RADIUS_30": "6px",
|
|
75
75
|
"KUI_BORDER_RADIUS_40": "8px",
|
|
76
76
|
"KUI_BORDER_RADIUS_CIRCLE": "50%",
|
|
77
|
+
"KUI_BORDER_RADIUS_ROUND": "100px",
|
|
77
78
|
"KUI_BORDER_WIDTH_0": "0px",
|
|
78
79
|
"KUI_BORDER_WIDTH_10": "1px",
|
|
79
80
|
"KUI_BORDER_WIDTH_20": "2px",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 29 Jun 2023
|
|
3
|
+
* Generated on Thu, 29 Jun 2023 22:01:06 GMT
|
|
4
4
|
*
|
|
5
5
|
* GitHub: https://github.com/Kong/design-tokens
|
|
6
6
|
* License: Apache-2.0
|
|
@@ -127,7 +127,8 @@ declare const tokens: {
|
|
|
127
127
|
"20": DesignToken,
|
|
128
128
|
"30": DesignToken,
|
|
129
129
|
"40": DesignToken,
|
|
130
|
-
"circle": DesignToken
|
|
130
|
+
"circle": DesignToken,
|
|
131
|
+
"round": DesignToken
|
|
131
132
|
},
|
|
132
133
|
"width": {
|
|
133
134
|
"0": DesignToken,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 29 Jun 2023
|
|
3
|
+
* Generated on Thu, 29 Jun 2023 22:01:06 GMT
|
|
4
4
|
*
|
|
5
5
|
* GitHub: https://github.com/Kong/design-tokens
|
|
6
6
|
* License: Apache-2.0
|
|
@@ -135,6 +135,8 @@ export const KUI_BORDER_RADIUS_30 : "6px";
|
|
|
135
135
|
export const KUI_BORDER_RADIUS_40 : "8px";
|
|
136
136
|
/** Used to create a circle. Value of 50% */
|
|
137
137
|
export const KUI_BORDER_RADIUS_CIRCLE : "50%";
|
|
138
|
+
/** Used to round element corners. Value of 100px */
|
|
139
|
+
export const KUI_BORDER_RADIUS_ROUND : "100px";
|
|
138
140
|
export const KUI_BORDER_WIDTH_0 : "0px";
|
|
139
141
|
export const KUI_BORDER_WIDTH_10 : "1px";
|
|
140
142
|
export const KUI_BORDER_WIDTH_20 : "2px";
|
package/dist/tokens/js/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 29 Jun 2023
|
|
3
|
+
* Generated on Thu, 29 Jun 2023 22:01:06 GMT
|
|
4
4
|
*
|
|
5
5
|
* GitHub: https://github.com/Kong/design-tokens
|
|
6
6
|
* License: Apache-2.0
|
|
@@ -73,6 +73,7 @@ export const KUI_BORDER_RADIUS_20 = "4px";
|
|
|
73
73
|
export const KUI_BORDER_RADIUS_30 = "6px";
|
|
74
74
|
export const KUI_BORDER_RADIUS_40 = "8px";
|
|
75
75
|
export const KUI_BORDER_RADIUS_CIRCLE = "50%"; // Used to create a circle. Value of 50%
|
|
76
|
+
export const KUI_BORDER_RADIUS_ROUND = "100px"; // Used to round element corners. Value of 100px
|
|
76
77
|
export const KUI_BORDER_WIDTH_0 = "0px";
|
|
77
78
|
export const KUI_BORDER_WIDTH_10 = "1px";
|
|
78
79
|
export const KUI_BORDER_WIDTH_20 = "2px";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 29 Jun 2023
|
|
3
|
+
* Generated on Thu, 29 Jun 2023 22:01:06 GMT
|
|
4
4
|
*
|
|
5
5
|
* GitHub: https://github.com/Kong/design-tokens
|
|
6
6
|
* License: Apache-2.0
|
|
@@ -86,6 +86,7 @@
|
|
|
86
86
|
--kui-border-radius-30: 6px;
|
|
87
87
|
--kui-border-radius-40: 8px;
|
|
88
88
|
--kui-border-radius-circle: 50%; /* Used to create a circle. Value of 50% */
|
|
89
|
+
--kui-border-radius-round: 100px; /* Used to round element corners. Value of 100px */
|
|
89
90
|
--kui-border-width-0: 0px;
|
|
90
91
|
--kui-border-width-10: 1px;
|
|
91
92
|
--kui-border-width-20: 2px;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Thu, 29 Jun 2023
|
|
3
|
+
// Generated on Thu, 29 Jun 2023 22:01:06 GMT
|
|
4
4
|
//
|
|
5
5
|
// GitHub: https://github.com/Kong/design-tokens
|
|
6
6
|
// License: Apache-2.0
|
|
@@ -72,6 +72,7 @@ $kui-border-radius-20: 4px;
|
|
|
72
72
|
$kui-border-radius-30: 6px;
|
|
73
73
|
$kui-border-radius-40: 8px;
|
|
74
74
|
$kui-border-radius-circle: 50%; // Used to create a circle. Value of 50%
|
|
75
|
+
$kui-border-radius-round: 100px; // Used to round element corners. Value of 100px
|
|
75
76
|
$kui-border-width-0: 0px;
|
|
76
77
|
$kui-border-width-10: 1px;
|
|
77
78
|
$kui-border-width-20: 2px;
|