@kong/design-tokens 3.4.2 → 3.4.3
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/themes/classic-night.cjs +8 -8
- package/dist/themes/classic-night.css +8 -8
- package/dist/themes/classic-night.mjs +8 -8
- package/dist/tokens/css/custom-properties.css +1 -1
- package/dist/tokens/js/cjs/index.d.ts +1 -1
- package/dist/tokens/js/cjs/index.js +1 -1
- package/dist/tokens/js/index.d.ts +1 -1
- package/dist/tokens/js/index.mjs +1 -1
- package/dist/tokens/scss/_map.scss +1 -1
- package/dist/tokens/scss/_variables.scss +1 -1
- package/package.json +2 -2
|
@@ -42,7 +42,7 @@ const classicNight = {
|
|
|
42
42
|
'--kui-color-background-neutral-strong': "#AFB7C5",
|
|
43
43
|
'--kui-color-background-neutral-stronger': "#E0E4EA",
|
|
44
44
|
'--kui-color-background-neutral-strongest': "#F9FAFB",
|
|
45
|
-
'--kui-color-background-neutral-weak': "#
|
|
45
|
+
'--kui-color-background-neutral-weak': "#343946",
|
|
46
46
|
'--kui-color-background-neutral-weaker': "#3A3F51",
|
|
47
47
|
'--kui-color-background-neutral-weakest': "#141518",
|
|
48
48
|
'--kui-color-background-overlay': "rgba(58, 63, 81, 0.6)",
|
|
@@ -68,7 +68,7 @@ const classicNight = {
|
|
|
68
68
|
'--kui-color-background-warning-weak': "#FFC400",
|
|
69
69
|
'--kui-color-background-warning-weaker': "#FFF296",
|
|
70
70
|
'--kui-color-background-warning-weakest': "#FFFCE0",
|
|
71
|
-
'--kui-color-border': "#
|
|
71
|
+
'--kui-color-border': "#343946",
|
|
72
72
|
'--kui-color-border-accent': "#0044F4",
|
|
73
73
|
'--kui-color-border-danger': "#D60027",
|
|
74
74
|
'--kui-color-border-danger-strong': "#AD000E",
|
|
@@ -86,7 +86,7 @@ const classicNight = {
|
|
|
86
86
|
'--kui-color-border-neutral-strongest': "#F9FAFB",
|
|
87
87
|
'--kui-color-border-neutral-weak': "#828A9E",
|
|
88
88
|
'--kui-color-border-neutral-weaker': "#6C7489",
|
|
89
|
-
'--kui-color-border-neutral-weakest': "#
|
|
89
|
+
'--kui-color-border-neutral-weakest': "#343946",
|
|
90
90
|
'--kui-color-border-primary': "#0044F4",
|
|
91
91
|
'--kui-color-border-primary-strong': "#0030CC",
|
|
92
92
|
'--kui-color-border-primary-stronger': "#002099",
|
|
@@ -124,7 +124,7 @@ const classicNight = {
|
|
|
124
124
|
'--kui-color-text-neutral-strongest': "#F9FAFB",
|
|
125
125
|
'--kui-color-text-neutral-weak': "#828A9E",
|
|
126
126
|
'--kui-color-text-neutral-weaker': "#6C7489",
|
|
127
|
-
'--kui-color-text-neutral-weakest': "#
|
|
127
|
+
'--kui-color-text-neutral-weakest': "#343946",
|
|
128
128
|
'--kui-color-text-primary': "#0044F4",
|
|
129
129
|
'--kui-color-text-primary-strong': "#0030CC",
|
|
130
130
|
'--kui-color-text-primary-stronger': "#002099",
|
|
@@ -196,7 +196,7 @@ const classicNight = {
|
|
|
196
196
|
'--kui-method-color-background-connect': "#F1F0FF",
|
|
197
197
|
'--kui-method-color-background-delete': "#FFE5E5",
|
|
198
198
|
'--kui-method-color-background-get': "#EEFAFF",
|
|
199
|
-
'--kui-method-color-background-head': "#
|
|
199
|
+
'--kui-method-color-background-head': "#343946",
|
|
200
200
|
'--kui-method-color-background-options': "#E0E4EA",
|
|
201
201
|
'--kui-method-color-background-patch': "#ECFCFF",
|
|
202
202
|
'--kui-method-color-background-post': "#ECFFFB",
|
|
@@ -210,7 +210,7 @@ const classicNight = {
|
|
|
210
210
|
'--kui-method-color-text-get-strong': "#0030CC",
|
|
211
211
|
'--kui-method-color-text-head': "#E0E4EA",
|
|
212
212
|
'--kui-method-color-text-head-strong': "#AFB7C5",
|
|
213
|
-
'--kui-method-color-text-options': "#
|
|
213
|
+
'--kui-method-color-text-options': "#343946",
|
|
214
214
|
'--kui-method-color-text-options-strong': "#3A3F51",
|
|
215
215
|
'--kui-method-color-text-patch': "#00819D",
|
|
216
216
|
'--kui-method-color-text-patch-strong': "#00647A",
|
|
@@ -233,10 +233,10 @@ const classicNight = {
|
|
|
233
233
|
'--kui-navigation-shadow-border-child': "4px 0 0 0 #00FABE inset",
|
|
234
234
|
'--kui-navigation-shadow-focus': "0 0 0 1px rgba(255, 255, 255, 0.60) inset",
|
|
235
235
|
'--kui-shadow': "0px 4px 20px 0px rgba(0, 0, 0, 0.48)",
|
|
236
|
-
'--kui-shadow-border': "0px 0px 0px 1px #
|
|
236
|
+
'--kui-shadow-border': "0px 0px 0px 1px #343946 inset",
|
|
237
237
|
'--kui-shadow-border-danger': "0px 0px 0px 1px #D60027 inset",
|
|
238
238
|
'--kui-shadow-border-danger-strong': "0px 0px 0px 1px #AD000E inset",
|
|
239
|
-
'--kui-shadow-border-disabled': "0px 0px 0px 1px #
|
|
239
|
+
'--kui-shadow-border-disabled': "0px 0px 0px 1px #343946 inset",
|
|
240
240
|
'--kui-shadow-border-primary': "0px 0px 0px 1px #0044F4 inset",
|
|
241
241
|
'--kui-shadow-border-primary-strongest': "0px 0px 0px 1px #001466 inset",
|
|
242
242
|
'--kui-shadow-border-primary-weak': "0px 0px 0px 1px #5F9AFF inset",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
--kui-color-background-neutral-strong: #AFB7C5;
|
|
43
43
|
--kui-color-background-neutral-stronger: #E0E4EA;
|
|
44
44
|
--kui-color-background-neutral-strongest: #F9FAFB;
|
|
45
|
-
--kui-color-background-neutral-weak: #
|
|
45
|
+
--kui-color-background-neutral-weak: #343946;
|
|
46
46
|
--kui-color-background-neutral-weaker: #3A3F51;
|
|
47
47
|
--kui-color-background-neutral-weakest: #141518;
|
|
48
48
|
--kui-color-background-overlay: rgba(58, 63, 81, 0.6);
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
--kui-color-background-warning-weak: #FFC400;
|
|
69
69
|
--kui-color-background-warning-weaker: #FFF296;
|
|
70
70
|
--kui-color-background-warning-weakest: #FFFCE0;
|
|
71
|
-
--kui-color-border: #
|
|
71
|
+
--kui-color-border: #343946;
|
|
72
72
|
--kui-color-border-accent: #0044F4;
|
|
73
73
|
--kui-color-border-danger: #D60027;
|
|
74
74
|
--kui-color-border-danger-strong: #AD000E;
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
--kui-color-border-neutral-strongest: #F9FAFB;
|
|
87
87
|
--kui-color-border-neutral-weak: #828A9E;
|
|
88
88
|
--kui-color-border-neutral-weaker: #6C7489;
|
|
89
|
-
--kui-color-border-neutral-weakest: #
|
|
89
|
+
--kui-color-border-neutral-weakest: #343946;
|
|
90
90
|
--kui-color-border-primary: #0044F4;
|
|
91
91
|
--kui-color-border-primary-strong: #0030CC;
|
|
92
92
|
--kui-color-border-primary-stronger: #002099;
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
--kui-color-text-neutral-strongest: #F9FAFB;
|
|
125
125
|
--kui-color-text-neutral-weak: #828A9E;
|
|
126
126
|
--kui-color-text-neutral-weaker: #6C7489;
|
|
127
|
-
--kui-color-text-neutral-weakest: #
|
|
127
|
+
--kui-color-text-neutral-weakest: #343946;
|
|
128
128
|
--kui-color-text-primary: #0044F4;
|
|
129
129
|
--kui-color-text-primary-strong: #0030CC;
|
|
130
130
|
--kui-color-text-primary-stronger: #002099;
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
--kui-method-color-background-connect: #F1F0FF;
|
|
197
197
|
--kui-method-color-background-delete: #FFE5E5;
|
|
198
198
|
--kui-method-color-background-get: #EEFAFF;
|
|
199
|
-
--kui-method-color-background-head: #
|
|
199
|
+
--kui-method-color-background-head: #343946;
|
|
200
200
|
--kui-method-color-background-options: #E0E4EA;
|
|
201
201
|
--kui-method-color-background-patch: #ECFCFF;
|
|
202
202
|
--kui-method-color-background-post: #ECFFFB;
|
|
@@ -210,7 +210,7 @@
|
|
|
210
210
|
--kui-method-color-text-get-strong: #0030CC;
|
|
211
211
|
--kui-method-color-text-head: #E0E4EA;
|
|
212
212
|
--kui-method-color-text-head-strong: #AFB7C5;
|
|
213
|
-
--kui-method-color-text-options: #
|
|
213
|
+
--kui-method-color-text-options: #343946;
|
|
214
214
|
--kui-method-color-text-options-strong: #3A3F51;
|
|
215
215
|
--kui-method-color-text-patch: #00819D;
|
|
216
216
|
--kui-method-color-text-patch-strong: #00647A;
|
|
@@ -233,10 +233,10 @@
|
|
|
233
233
|
--kui-navigation-shadow-border-child: 4px 0 0 0 #00FABE inset;
|
|
234
234
|
--kui-navigation-shadow-focus: 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
|
|
235
235
|
--kui-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.48);
|
|
236
|
-
--kui-shadow-border: 0px 0px 0px 1px #
|
|
236
|
+
--kui-shadow-border: 0px 0px 0px 1px #343946 inset;
|
|
237
237
|
--kui-shadow-border-danger: 0px 0px 0px 1px #D60027 inset;
|
|
238
238
|
--kui-shadow-border-danger-strong: 0px 0px 0px 1px #AD000E inset;
|
|
239
|
-
--kui-shadow-border-disabled: 0px 0px 0px 1px #
|
|
239
|
+
--kui-shadow-border-disabled: 0px 0px 0px 1px #343946 inset;
|
|
240
240
|
--kui-shadow-border-primary: 0px 0px 0px 1px #0044F4 inset;
|
|
241
241
|
--kui-shadow-border-primary-strongest: 0px 0px 0px 1px #001466 inset;
|
|
242
242
|
--kui-shadow-border-primary-weak: 0px 0px 0px 1px #5F9AFF inset;
|
|
@@ -41,7 +41,7 @@ export const classicNight = {
|
|
|
41
41
|
'--kui-color-background-neutral-strong': "#AFB7C5",
|
|
42
42
|
'--kui-color-background-neutral-stronger': "#E0E4EA",
|
|
43
43
|
'--kui-color-background-neutral-strongest': "#F9FAFB",
|
|
44
|
-
'--kui-color-background-neutral-weak': "#
|
|
44
|
+
'--kui-color-background-neutral-weak': "#343946",
|
|
45
45
|
'--kui-color-background-neutral-weaker': "#3A3F51",
|
|
46
46
|
'--kui-color-background-neutral-weakest': "#141518",
|
|
47
47
|
'--kui-color-background-overlay': "rgba(58, 63, 81, 0.6)",
|
|
@@ -67,7 +67,7 @@ export const classicNight = {
|
|
|
67
67
|
'--kui-color-background-warning-weak': "#FFC400",
|
|
68
68
|
'--kui-color-background-warning-weaker': "#FFF296",
|
|
69
69
|
'--kui-color-background-warning-weakest': "#FFFCE0",
|
|
70
|
-
'--kui-color-border': "#
|
|
70
|
+
'--kui-color-border': "#343946",
|
|
71
71
|
'--kui-color-border-accent': "#0044F4",
|
|
72
72
|
'--kui-color-border-danger': "#D60027",
|
|
73
73
|
'--kui-color-border-danger-strong': "#AD000E",
|
|
@@ -85,7 +85,7 @@ export const classicNight = {
|
|
|
85
85
|
'--kui-color-border-neutral-strongest': "#F9FAFB",
|
|
86
86
|
'--kui-color-border-neutral-weak': "#828A9E",
|
|
87
87
|
'--kui-color-border-neutral-weaker': "#6C7489",
|
|
88
|
-
'--kui-color-border-neutral-weakest': "#
|
|
88
|
+
'--kui-color-border-neutral-weakest': "#343946",
|
|
89
89
|
'--kui-color-border-primary': "#0044F4",
|
|
90
90
|
'--kui-color-border-primary-strong': "#0030CC",
|
|
91
91
|
'--kui-color-border-primary-stronger': "#002099",
|
|
@@ -123,7 +123,7 @@ export const classicNight = {
|
|
|
123
123
|
'--kui-color-text-neutral-strongest': "#F9FAFB",
|
|
124
124
|
'--kui-color-text-neutral-weak': "#828A9E",
|
|
125
125
|
'--kui-color-text-neutral-weaker': "#6C7489",
|
|
126
|
-
'--kui-color-text-neutral-weakest': "#
|
|
126
|
+
'--kui-color-text-neutral-weakest': "#343946",
|
|
127
127
|
'--kui-color-text-primary': "#0044F4",
|
|
128
128
|
'--kui-color-text-primary-strong': "#0030CC",
|
|
129
129
|
'--kui-color-text-primary-stronger': "#002099",
|
|
@@ -195,7 +195,7 @@ export const classicNight = {
|
|
|
195
195
|
'--kui-method-color-background-connect': "#F1F0FF",
|
|
196
196
|
'--kui-method-color-background-delete': "#FFE5E5",
|
|
197
197
|
'--kui-method-color-background-get': "#EEFAFF",
|
|
198
|
-
'--kui-method-color-background-head': "#
|
|
198
|
+
'--kui-method-color-background-head': "#343946",
|
|
199
199
|
'--kui-method-color-background-options': "#E0E4EA",
|
|
200
200
|
'--kui-method-color-background-patch': "#ECFCFF",
|
|
201
201
|
'--kui-method-color-background-post': "#ECFFFB",
|
|
@@ -209,7 +209,7 @@ export const classicNight = {
|
|
|
209
209
|
'--kui-method-color-text-get-strong': "#0030CC",
|
|
210
210
|
'--kui-method-color-text-head': "#E0E4EA",
|
|
211
211
|
'--kui-method-color-text-head-strong': "#AFB7C5",
|
|
212
|
-
'--kui-method-color-text-options': "#
|
|
212
|
+
'--kui-method-color-text-options': "#343946",
|
|
213
213
|
'--kui-method-color-text-options-strong': "#3A3F51",
|
|
214
214
|
'--kui-method-color-text-patch': "#00819D",
|
|
215
215
|
'--kui-method-color-text-patch-strong': "#00647A",
|
|
@@ -232,10 +232,10 @@ export const classicNight = {
|
|
|
232
232
|
'--kui-navigation-shadow-border-child': "4px 0 0 0 #00FABE inset",
|
|
233
233
|
'--kui-navigation-shadow-focus': "0 0 0 1px rgba(255, 255, 255, 0.60) inset",
|
|
234
234
|
'--kui-shadow': "0px 4px 20px 0px rgba(0, 0, 0, 0.48)",
|
|
235
|
-
'--kui-shadow-border': "0px 0px 0px 1px #
|
|
235
|
+
'--kui-shadow-border': "0px 0px 0px 1px #343946 inset",
|
|
236
236
|
'--kui-shadow-border-danger': "0px 0px 0px 1px #D60027 inset",
|
|
237
237
|
'--kui-shadow-border-danger-strong': "0px 0px 0px 1px #AD000E inset",
|
|
238
|
-
'--kui-shadow-border-disabled': "0px 0px 0px 1px #
|
|
238
|
+
'--kui-shadow-border-disabled': "0px 0px 0px 1px #343946 inset",
|
|
239
239
|
'--kui-shadow-border-primary': "0px 0px 0px 1px #0044F4 inset",
|
|
240
240
|
'--kui-shadow-border-primary-strongest': "0px 0px 0px 1px #001466 inset",
|
|
241
241
|
'--kui-shadow-border-primary-weak': "0px 0px 0px 1px #5F9AFF inset",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Mon, 19 Oct 2026
|
|
3
|
+
* Generated on Mon, 19 Oct 2026 20:58:56 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Konnect Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Mon, 19 Oct 2026
|
|
3
|
+
* Generated on Mon, 19 Oct 2026 20:58:56 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Konnect Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Mon, 19 Oct 2026
|
|
3
|
+
* Generated on Mon, 19 Oct 2026 20:58:56 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Konnect Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Mon, 19 Oct 2026
|
|
3
|
+
* Generated on Mon, 19 Oct 2026 20:58:56 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Konnect Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
|
package/dist/tokens/js/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Mon, 19 Oct 2026
|
|
3
|
+
* Generated on Mon, 19 Oct 2026 20:58:56 GMT
|
|
4
4
|
*
|
|
5
5
|
* Kong Konnect Design Tokens
|
|
6
6
|
* GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly, this file was auto-generated.
|
|
4
|
-
* Generated on Mon, 19 Oct 2026
|
|
4
|
+
* Generated on Mon, 19 Oct 2026 20:58:56 GMT
|
|
5
5
|
*
|
|
6
6
|
* Kong Konnect Design Tokens
|
|
7
7
|
* GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly, this file was auto-generated.
|
|
3
|
-
// Generated on Mon, 19 Oct 2026
|
|
3
|
+
// Generated on Mon, 19 Oct 2026 20:58:56 GMT
|
|
4
4
|
//
|
|
5
5
|
// Kong Konnect Design Tokens
|
|
6
6
|
// GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong/design-tokens",
|
|
3
|
-
"version": "3.4.
|
|
3
|
+
"version": "3.4.3",
|
|
4
4
|
"description": "Kong Design Tokens and style dictionary",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
@@ -103,5 +103,5 @@
|
|
|
103
103
|
"volta": {
|
|
104
104
|
"node": "24.13.1"
|
|
105
105
|
},
|
|
106
|
-
"gitHead": "
|
|
106
|
+
"gitHead": "54b674a0b337407abc0b1aa7ca86892ef8ec3675"
|
|
107
107
|
}
|