@kong/design-tokens 1.1.2 → 1.1.4

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 (8) hide show
  1. package/dist/tokens/css/variables.css +1 -1
  2. package/dist/tokens/js/cjs/index.cjs +147 -0
  3. package/dist/tokens/js/cjs/index.d.cts +227 -0
  4. package/dist/tokens/js/{index.d.ts → index.d.mts} +1 -1
  5. package/dist/tokens/js/{index.js → index.mjs} +1 -1
  6. package/dist/tokens/scss/_mixins.scss +1 -1
  7. package/dist/tokens/scss/_variables.scss +1 -1
  8. package/package.json +13 -2
package/dist/tokens/css/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Jun 2023 14:38:15 GMT
3
+ * Generated on Thu, 29 Jun 2023 18:22:13 GMT
4
4
  *
5
5
  * GitHub: https://github.com/Kong/design-tokens
6
6
  * License: Apache-2.0
package/dist/tokens/js/cjs/index.cjs ADDED
@@ -0,0 +1,147 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 29 Jun 2023 18:22:13 GMT
4
+ *
5
+ * GitHub: https://github.com/Kong/design-tokens
6
+ * License: Apache-2.0
7
+ */
8
+
9
+ module.exports = {
10
+ "KUI_COLOR_BACKGROUND": "#ffffff",
11
+ "KUI_COLOR_BACKGROUND_DANGER": "#d60027",
12
+ "KUI_COLOR_BACKGROUND_DANGER_STRONG": "#ad000e",
13
+ "KUI_COLOR_BACKGROUND_DANGER_STRONGER": "#850000",
14
+ "KUI_COLOR_BACKGROUND_DANGER_STRONGEST": "#5c0000",
15
+ "KUI_COLOR_BACKGROUND_DANGER_WEAK": "#ff3954",
16
+ "KUI_COLOR_BACKGROUND_DANGER_WEAKER": "#ffabab",
17
+ "KUI_COLOR_BACKGROUND_DANGER_WEAKEST": "#ffe5e5",
18
+ "KUI_COLOR_BACKGROUND_DISABLED": "#e0e4ea",
19
+ "KUI_COLOR_BACKGROUND_INVERSE": "#000933",
20
+ "KUI_COLOR_BACKGROUND_NEUTRAL": "#6c7489",
21
+ "KUI_COLOR_BACKGROUND_NEUTRAL_STRONG": "#52596e",
22
+ "KUI_COLOR_BACKGROUND_NEUTRAL_STRONGER": "#3a3f51",
23
+ "KUI_COLOR_BACKGROUND_NEUTRAL_STRONGEST": "#232633",
24
+ "KUI_COLOR_BACKGROUND_NEUTRAL_WEAK": "#afb7c5",
25
+ "KUI_COLOR_BACKGROUND_NEUTRAL_WEAKER": "#e0e4ea",
26
+ "KUI_COLOR_BACKGROUND_NEUTRAL_WEAKEST": "#f9fafb",
27
+ "KUI_COLOR_BACKGROUND_PRIMARY": "#0044f4",
28
+ "KUI_COLOR_BACKGROUND_PRIMARY_STRONG": "#0030cc",
29
+ "KUI_COLOR_BACKGROUND_PRIMARY_STRONGER": "#002099",
30
+ "KUI_COLOR_BACKGROUND_PRIMARY_STRONGEST": "#001466",
31
+ "KUI_COLOR_BACKGROUND_PRIMARY_WEAK": "#5f9aff",
32
+ "KUI_COLOR_BACKGROUND_PRIMARY_WEAKER": "#bee2ff",
33
+ "KUI_COLOR_BACKGROUND_PRIMARY_WEAKEST": "#eefaff",
34
+ "KUI_COLOR_BACKGROUND_SUCCESS_WEAKEST": "#ecfffb",
35
+ "KUI_COLOR_BACKGROUND_TRANSPARENT": "rgba(0, 0, 0, 0)",
36
+ "KUI_COLOR_BACKGROUND_WARNING_WEAKEST": "#fffce0",
37
+ "KUI_COLOR_BORDER": "#e0e4ea",
38
+ "KUI_COLOR_BORDER_DANGER": "#d60027",
39
+ "KUI_COLOR_BORDER_DANGER_STRONG": "#ad000e",
40
+ "KUI_COLOR_BORDER_DANGER_STRONGER": "#850000",
41
+ "KUI_COLOR_BORDER_DANGER_STRONGEST": "#5c0000",
42
+ "KUI_COLOR_BORDER_DANGER_WEAK": "#ff3954",
43
+ "KUI_COLOR_BORDER_DANGER_WEAKER": "#ffabab",
44
+ "KUI_COLOR_BORDER_DANGER_WEAKEST": "#ffe5e5",
45
+ "KUI_COLOR_BORDER_DECORATIVE": "#6f28ff",
46
+ "KUI_COLOR_BORDER_DISABLED": "#e0e4ea",
47
+ "KUI_COLOR_BORDER_NEUTRAL_WEAK": "#afb7c5",
48
+ "KUI_COLOR_BORDER_PRIMARY": "#0044f4",
49
+ "KUI_COLOR_BORDER_PRIMARY_STRONG": "#0030cc",
50
+ "KUI_COLOR_BORDER_PRIMARY_STRONGER": "#002099",
51
+ "KUI_COLOR_BORDER_PRIMARY_STRONGEST": "#001466",
52
+ "KUI_COLOR_BORDER_PRIMARY_WEAK": "#5f9aff",
53
+ "KUI_COLOR_BORDER_PRIMARY_WEAKER": "#bee2ff",
54
+ "KUI_COLOR_BORDER_PRIMARY_WEAKEST": "#eefaff",
55
+ "KUI_COLOR_BORDER_TRANSPARENT": "rgba(0, 0, 0, 0)",
56
+ "KUI_COLOR_TEXT": "#000933",
57
+ "KUI_COLOR_TEXT_DANGER": "#d60027",
58
+ "KUI_COLOR_TEXT_DECORATIVE": "#00abd2",
59
+ "KUI_COLOR_TEXT_DISABLED": "#828a9e",
60
+ "KUI_COLOR_TEXT_INVERSE": "#ffffff",
61
+ "KUI_COLOR_TEXT_NEUTRAL": "#6c7489",
62
+ "KUI_COLOR_TEXT_NEUTRAL_STRONG": "#52596e",
63
+ "KUI_COLOR_TEXT_NEUTRAL_STRONGER": "#3a3f51",
64
+ "KUI_COLOR_TEXT_NEUTRAL_STRONGEST": "#232633",
65
+ "KUI_COLOR_TEXT_NEUTRAL_WEAK": "#afb7c5",
66
+ "KUI_COLOR_TEXT_PRIMARY": "#0044f4",
67
+ "KUI_COLOR_TEXT_PRIMARY_STRONG": "#0030cc",
68
+ "KUI_COLOR_TEXT_PRIMARY_STRONGER": "#002099",
69
+ "KUI_COLOR_TEXT_SUCCESS": "#007d60",
70
+ "KUI_COLOR_TEXT_WARNING": "#995c00",
71
+ "KUI_BORDER_RADIUS_0": "0px",
72
+ "KUI_BORDER_RADIUS_10": "2px",
73
+ "KUI_BORDER_RADIUS_20": "4px",
74
+ "KUI_BORDER_RADIUS_30": "6px",
75
+ "KUI_BORDER_RADIUS_40": "8px",
76
+ "KUI_BORDER_RADIUS_CIRCLE": "50%",
77
+ "KUI_BORDER_WIDTH_0": "0px",
78
+ "KUI_BORDER_WIDTH_10": "1px",
79
+ "KUI_BORDER_WIDTH_20": "2px",
80
+ "KUI_BORDER_WIDTH_30": "4px",
81
+ "KUI_BREAKPOINT_DESKTOP": "1536px",
82
+ "KUI_BREAKPOINT_LAPTOP": "1280px",
83
+ "KUI_BREAKPOINT_MOBILE": "640px",
84
+ "KUI_BREAKPOINT_PHABLET": "768px",
85
+ "KUI_BREAKPOINT_TABLET": "1024px",
86
+ "KUI_METHOD_COLOR_BACKGROUND_CONNECT": "#f1f0ff",
87
+ "KUI_METHOD_COLOR_BACKGROUND_DELETE": "#ffe5e5",
88
+ "KUI_METHOD_COLOR_BACKGROUND_GET": "#eefaff",
89
+ "KUI_METHOD_COLOR_BACKGROUND_HEAD": "#6c7489",
90
+ "KUI_METHOD_COLOR_BACKGROUND_OPTIONS": "#f9fafb",
91
+ "KUI_METHOD_COLOR_BACKGROUND_PATCH": "#ecfcff",
92
+ "KUI_METHOD_COLOR_BACKGROUND_POST": "#ecfffb",
93
+ "KUI_METHOD_COLOR_BACKGROUND_PUT": "#fffce0",
94
+ "KUI_METHOD_COLOR_BACKGROUND_TRACE": "#fff0f7",
95
+ "KUI_METHOD_COLOR_TEXT_CONNECT": "#6f28ff",
96
+ "KUI_METHOD_COLOR_TEXT_DELETE": "#d60027",
97
+ "KUI_METHOD_COLOR_TEXT_GET": "#0044f4",
98
+ "KUI_METHOD_COLOR_TEXT_HEAD": "#f9fafb",
99
+ "KUI_METHOD_COLOR_TEXT_OPTIONS": "#6c7489",
100
+ "KUI_METHOD_COLOR_TEXT_PATCH": "#00819d",
101
+ "KUI_METHOD_COLOR_TEXT_POST": "#007d60",
102
+ "KUI_METHOD_COLOR_TEXT_PUT": "#995c00",
103
+ "KUI_METHOD_COLOR_TEXT_TRACE": "#d60067",
104
+ "KUI_FONT_FAMILY_CODE": "'JetBrains Mono', Consolas, monospace",
105
+ "KUI_FONT_FAMILY_TEXT": "'Inter', Roboto, Helvetica, sans-serif",
106
+ "KUI_FONT_SIZE_10": "10px",
107
+ "KUI_FONT_SIZE_20": "12px",
108
+ "KUI_FONT_SIZE_30": "14px",
109
+ "KUI_FONT_SIZE_40": "16px",
110
+ "KUI_FONT_SIZE_50": "18px",
111
+ "KUI_FONT_SIZE_60": "20px",
112
+ "KUI_FONT_SIZE_70": "24px",
113
+ "KUI_FONT_SIZE_80": "32px",
114
+ "KUI_FONT_SIZE_90": "40px",
115
+ "KUI_FONT_SIZE_100": "48px",
116
+ "KUI_FONT_WEIGHT_BOLD": "700",
117
+ "KUI_FONT_WEIGHT_MEDIUM": "500",
118
+ "KUI_FONT_WEIGHT_REGULAR": "400",
119
+ "KUI_FONT_WEIGHT_SEMIBOLD": "600",
120
+ "KUI_LINE_HEIGHT_10": "12px",
121
+ "KUI_LINE_HEIGHT_20": "16px",
122
+ "KUI_LINE_HEIGHT_30": "20px",
123
+ "KUI_LINE_HEIGHT_40": "24px",
124
+ "KUI_LINE_HEIGHT_50": "28px",
125
+ "KUI_LINE_HEIGHT_60": "32px",
126
+ "KUI_LINE_HEIGHT_70": "36px",
127
+ "KUI_LINE_HEIGHT_80": "40px",
128
+ "KUI_LINE_HEIGHT_90": "48px",
129
+ "KUI_LINE_HEIGHT_100": "56px",
130
+ "KUI_SPACE_0": "0px",
131
+ "KUI_SPACE_10": "2px",
132
+ "KUI_SPACE_20": "4px",
133
+ "KUI_SPACE_30": "6px",
134
+ "KUI_SPACE_40": "8px",
135
+ "KUI_SPACE_50": "12px",
136
+ "KUI_SPACE_60": "16px",
137
+ "KUI_SPACE_70": "20px",
138
+ "KUI_SPACE_80": "24px",
139
+ "KUI_SPACE_90": "32px",
140
+ "KUI_SPACE_100": "40px",
141
+ "KUI_SPACE_110": "48px",
142
+ "KUI_SPACE_120": "56px",
143
+ "KUI_SPACE_130": "64px",
144
+ "KUI_SPACE_140": "80px",
145
+ "KUI_SPACE_150": "96px",
146
+ "KUI_SPACE_AUTO": "auto"
147
+ };
package/dist/tokens/js/cjs/index.d.cts ADDED
@@ -0,0 +1,227 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 29 Jun 2023 18:22:13 GMT
4
+ *
5
+ * GitHub: https://github.com/Kong/design-tokens
6
+ * License: Apache-2.0
7
+ */
8
+
9
+ export default tokens;
10
+
11
+ declare interface DesignToken {
12
+ value: any;
13
+ name?: string;
14
+ comment?: string;
15
+ themeable?: boolean;
16
+ attributes?: {
17
+ category?: string;
18
+ type?: string;
19
+ item?: string;
20
+ subitem?: string;
21
+ state?: string;
22
+ [key: string]: any;
23
+ };
24
+ [key: string]: any;
25
+ }
26
+
27
+ declare const tokens: {
28
+ "color": {
29
+ "background": {
30
+ "_": DesignToken,
31
+ "danger": {
32
+ "_": DesignToken,
33
+ "strong": DesignToken,
34
+ "stronger": DesignToken,
35
+ "strongest": DesignToken,
36
+ "weak": DesignToken,
37
+ "weaker": DesignToken,
38
+ "weakest": DesignToken
39
+ },
40
+ "disabled": DesignToken,
41
+ "inverse": DesignToken,
42
+ "neutral": {
43
+ "_": DesignToken,
44
+ "strong": DesignToken,
45
+ "stronger": DesignToken,
46
+ "strongest": DesignToken,
47
+ "weak": DesignToken,
48
+ "weaker": DesignToken,
49
+ "weakest": DesignToken
50
+ },
51
+ "primary": {
52
+ "_": DesignToken,
53
+ "strong": DesignToken,
54
+ "stronger": DesignToken,
55
+ "strongest": DesignToken,
56
+ "weak": DesignToken,
57
+ "weaker": DesignToken,
58
+ "weakest": DesignToken
59
+ },
60
+ "success": {
61
+ "weakest": DesignToken
62
+ },
63
+ "transparent": DesignToken,
64
+ "warning": {
65
+ "weakest": DesignToken
66
+ }
67
+ },
68
+ "border": {
69
+ "_": DesignToken,
70
+ "danger": {
71
+ "_": DesignToken,
72
+ "strong": DesignToken,
73
+ "stronger": DesignToken,
74
+ "strongest": DesignToken,
75
+ "weak": DesignToken,
76
+ "weaker": DesignToken,
77
+ "weakest": DesignToken
78
+ },
79
+ "decorative": DesignToken,
80
+ "disabled": DesignToken,
81
+ "neutral": {
82
+ "weak": DesignToken
83
+ },
84
+ "primary": {
85
+ "_": DesignToken,
86
+ "strong": DesignToken,
87
+ "stronger": DesignToken,
88
+ "strongest": DesignToken,
89
+ "weak": DesignToken,
90
+ "weaker": DesignToken,
91
+ "weakest": DesignToken
92
+ },
93
+ "transparent": DesignToken
94
+ },
95
+ "text": {
96
+ "_": DesignToken,
97
+ "danger": {
98
+ "_": DesignToken
99
+ },
100
+ "decorative": DesignToken,
101
+ "disabled": DesignToken,
102
+ "inverse": DesignToken,
103
+ "neutral": {
104
+ "_": DesignToken,
105
+ "strong": DesignToken,
106
+ "stronger": DesignToken,
107
+ "strongest": DesignToken,
108
+ "weak": DesignToken
109
+ },
110
+ "primary": {
111
+ "_": DesignToken,
112
+ "strong": DesignToken,
113
+ "stronger": DesignToken
114
+ },
115
+ "success": {
116
+ "_": DesignToken
117
+ },
118
+ "warning": {
119
+ "_": DesignToken
120
+ }
121
+ }
122
+ },
123
+ "border": {
124
+ "radius": {
125
+ "0": DesignToken,
126
+ "10": DesignToken,
127
+ "20": DesignToken,
128
+ "30": DesignToken,
129
+ "40": DesignToken,
130
+ "circle": DesignToken
131
+ },
132
+ "width": {
133
+ "0": DesignToken,
134
+ "10": DesignToken,
135
+ "20": DesignToken,
136
+ "30": DesignToken
137
+ }
138
+ },
139
+ "breakpoint": {
140
+ "desktop": DesignToken,
141
+ "laptop": DesignToken,
142
+ "mobile": DesignToken,
143
+ "phablet": DesignToken,
144
+ "tablet": DesignToken
145
+ },
146
+ "method": {
147
+ "color": {
148
+ "background": {
149
+ "connect": DesignToken,
150
+ "delete": DesignToken,
151
+ "get": DesignToken,
152
+ "head": DesignToken,
153
+ "options": DesignToken,
154
+ "patch": DesignToken,
155
+ "post": DesignToken,
156
+ "put": DesignToken,
157
+ "trace": DesignToken
158
+ },
159
+ "text": {
160
+ "connect": DesignToken,
161
+ "delete": DesignToken,
162
+ "get": DesignToken,
163
+ "head": DesignToken,
164
+ "options": DesignToken,
165
+ "patch": DesignToken,
166
+ "post": DesignToken,
167
+ "put": DesignToken,
168
+ "trace": DesignToken
169
+ }
170
+ }
171
+ },
172
+ "font": {
173
+ "family": {
174
+ "code": DesignToken,
175
+ "text": DesignToken
176
+ },
177
+ "size": {
178
+ "10": DesignToken,
179
+ "20": DesignToken,
180
+ "30": DesignToken,
181
+ "40": DesignToken,
182
+ "50": DesignToken,
183
+ "60": DesignToken,
184
+ "70": DesignToken,
185
+ "80": DesignToken,
186
+ "90": DesignToken,
187
+ "100": DesignToken
188
+ },
189
+ "weight": {
190
+ "bold": DesignToken,
191
+ "medium": DesignToken,
192
+ "regular": DesignToken,
193
+ "semibold": DesignToken
194
+ }
195
+ },
196
+ "line_height": {
197
+ "10": DesignToken,
198
+ "20": DesignToken,
199
+ "30": DesignToken,
200
+ "40": DesignToken,
201
+ "50": DesignToken,
202
+ "60": DesignToken,
203
+ "70": DesignToken,
204
+ "80": DesignToken,
205
+ "90": DesignToken,
206
+ "100": DesignToken
207
+ },
208
+ "space": {
209
+ "0": DesignToken,
210
+ "10": DesignToken,
211
+ "20": DesignToken,
212
+ "30": DesignToken,
213
+ "40": DesignToken,
214
+ "50": DesignToken,
215
+ "60": DesignToken,
216
+ "70": DesignToken,
217
+ "80": DesignToken,
218
+ "90": DesignToken,
219
+ "100": DesignToken,
220
+ "110": DesignToken,
221
+ "120": DesignToken,
222
+ "130": DesignToken,
223
+ "140": DesignToken,
224
+ "150": DesignToken,
225
+ "auto": DesignToken
226
+ }
227
+ }
package/dist/tokens/js/{index.d.ts → index.d.mts} RENAMED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Jun 2023 14:38:15 GMT
3
+ * Generated on Thu, 29 Jun 2023 18:22:13 GMT
4
4
  *
5
5
  * GitHub: https://github.com/Kong/design-tokens
6
6
  * License: Apache-2.0
package/dist/tokens/js/{index.js → index.mjs} RENAMED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Jun 2023 14:38:15 GMT
3
+ * Generated on Thu, 29 Jun 2023 18:22:13 GMT
4
4
  *
5
5
  * GitHub: https://github.com/Kong/design-tokens
6
6
  * License: Apache-2.0
package/dist/tokens/scss/_mixins.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Jun 2023 14:38:15 GMT
3
+ * Generated on Thu, 29 Jun 2023 18:22:13 GMT
4
4
  *
5
5
  * GitHub: https://github.com/Kong/design-tokens
6
6
  * License: Apache-2.0
package/dist/tokens/scss/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 29 Jun 2023 14:38:15 GMT
3
+ // Generated on Thu, 29 Jun 2023 18:22:13 GMT
4
4
  //
5
5
  // GitHub: https://github.com/Kong/design-tokens
6
6
  // License: Apache-2.0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kong/design-tokens",
3
- "version": "1.1.2",
3
+ "version": "1.1.4",
4
4
  "description": "Kong UI Design Tokens and style dictionary",
5
5
  "scripts": {
6
6
  "build": "yarn build:clean && style-dictionary build",
@@ -20,9 +20,20 @@
20
20
  "files": [
21
21
  "dist"
22
22
  ],
23
+ "main": "dist/tokens/js/cjs/index.cjs",
24
+ "module": "dist/tokens/js/index.mjs",
23
25
  "types": "dist/tokens/js/index.d.ts",
24
26
  "exports": {
25
- ".": "./dist/tokens/js/index.js",
27
+ ".": {
28
+ "import": {
29
+ "default": "./dist/tokens/js/index.mjs",
30
+ "types": "./dist/tokens/js/index.d.mts"
31
+ },
32
+ "require": {
33
+ "default": "./dist/tokens/js/cjs/index.cjs",
34
+ "types": "./dist/tokens/js/cjs/index.d.cts"
35
+ }
36
+ },
26
37
  "./package.json": "./package.json",
27
38
  "./tokens/*": "./dist/tokens/*"
28
39
  },