@kong/design-tokens 3.0.2-pr.688.ed5403d.0 → 3.0.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/dist/themes/classic-night.cjs +2 -2
- package/dist/themes/classic-night.css +2 -2
- package/dist/themes/classic-night.mjs +2 -2
- package/dist/themes/electric-lime-night.cjs +7 -7
- package/dist/themes/electric-lime-night.css +7 -7
- package/dist/themes/electric-lime-night.mjs +7 -7
- 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 +25 -24
|
@@ -29,7 +29,7 @@ const classicNight = {
|
|
|
29
29
|
'--kui-color-background-decorative-aqua-weakest': "#ECFCFF",
|
|
30
30
|
'--kui-color-background-decorative-purple': "#6F28FF",
|
|
31
31
|
'--kui-color-background-decorative-purple-weakest': "#F1F0FF",
|
|
32
|
-
'--kui-color-background-disabled': "#
|
|
32
|
+
'--kui-color-background-disabled': "#232633",
|
|
33
33
|
'--kui-color-background-info': "#0044F4",
|
|
34
34
|
'--kui-color-background-info-strong': "#0030CC",
|
|
35
35
|
'--kui-color-background-info-stronger': "#002099",
|
|
@@ -109,7 +109,7 @@ const classicNight = {
|
|
|
109
109
|
'--kui-color-text-decorative-pink': "#D60067",
|
|
110
110
|
'--kui-color-text-decorative-purple': "#6F28FF",
|
|
111
111
|
'--kui-color-text-decorative-purple-strong': "#5E00F5",
|
|
112
|
-
'--kui-color-text-disabled': "#
|
|
112
|
+
'--kui-color-text-disabled': "#C7CED8",
|
|
113
113
|
'--kui-color-text-info': "#0044F4",
|
|
114
114
|
'--kui-color-text-info-strong': "#0030CC",
|
|
115
115
|
'--kui-color-text-info-stronger': "#002099",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
--kui-color-background-decorative-aqua-weakest: #ECFCFF;
|
|
30
30
|
--kui-color-background-decorative-purple: #6F28FF;
|
|
31
31
|
--kui-color-background-decorative-purple-weakest: #F1F0FF;
|
|
32
|
-
--kui-color-background-disabled: #
|
|
32
|
+
--kui-color-background-disabled: #232633;
|
|
33
33
|
--kui-color-background-info: #0044F4;
|
|
34
34
|
--kui-color-background-info-strong: #0030CC;
|
|
35
35
|
--kui-color-background-info-stronger: #002099;
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
--kui-color-text-decorative-pink: #D60067;
|
|
110
110
|
--kui-color-text-decorative-purple: #6F28FF;
|
|
111
111
|
--kui-color-text-decorative-purple-strong: #5E00F5;
|
|
112
|
-
--kui-color-text-disabled: #
|
|
112
|
+
--kui-color-text-disabled: #C7CED8;
|
|
113
113
|
--kui-color-text-info: #0044F4;
|
|
114
114
|
--kui-color-text-info-strong: #0030CC;
|
|
115
115
|
--kui-color-text-info-stronger: #002099;
|
|
@@ -28,7 +28,7 @@ export const classicNight = {
|
|
|
28
28
|
'--kui-color-background-decorative-aqua-weakest': "#ECFCFF",
|
|
29
29
|
'--kui-color-background-decorative-purple': "#6F28FF",
|
|
30
30
|
'--kui-color-background-decorative-purple-weakest': "#F1F0FF",
|
|
31
|
-
'--kui-color-background-disabled': "#
|
|
31
|
+
'--kui-color-background-disabled': "#232633",
|
|
32
32
|
'--kui-color-background-info': "#0044F4",
|
|
33
33
|
'--kui-color-background-info-strong': "#0030CC",
|
|
34
34
|
'--kui-color-background-info-stronger': "#002099",
|
|
@@ -108,7 +108,7 @@ export const classicNight = {
|
|
|
108
108
|
'--kui-color-text-decorative-pink': "#D60067",
|
|
109
109
|
'--kui-color-text-decorative-purple': "#6F28FF",
|
|
110
110
|
'--kui-color-text-decorative-purple-strong': "#5E00F5",
|
|
111
|
-
'--kui-color-text-disabled': "#
|
|
111
|
+
'--kui-color-text-disabled': "#C7CED8",
|
|
112
112
|
'--kui-color-text-info': "#0044F4",
|
|
113
113
|
'--kui-color-text-info-strong': "#0030CC",
|
|
114
114
|
'--kui-color-text-info-stronger': "#002099",
|
|
@@ -174,16 +174,16 @@ const electricLimeNight = {
|
|
|
174
174
|
'--kui-checkbox-shadow-border-hover': "0px 0px 0px 1px #9DA99D inset",
|
|
175
175
|
'--kui-checkbox-shadow-focus': "0px 0px 0px 4px rgba(241, 243, 241, 0.15)",
|
|
176
176
|
'--kui-code-block-actions-border-width': "1px",
|
|
177
|
-
'--kui-code-block-actions-color-border': "#
|
|
177
|
+
'--kui-code-block-actions-color-border': "#D2D7D2",
|
|
178
178
|
'--kui-code-block-actions-color-border-dark': "rgba(255, 255, 255, 0.2)",
|
|
179
179
|
'--kui-code-block-actions-padding': "4px 8px",
|
|
180
180
|
'--kui-code-block-border-radius': "8px",
|
|
181
|
-
'--kui-code-block-color-background': "#
|
|
182
|
-
'--kui-code-block-color-background-dark': "#
|
|
183
|
-
'--kui-code-block-color-text': "#
|
|
184
|
-
'--kui-code-block-color-text-dark': "#
|
|
185
|
-
'--kui-code-block-line-number-color-text': "#
|
|
186
|
-
'--kui-code-block-line-number-color-text-dark': "#
|
|
181
|
+
'--kui-code-block-color-background': "#F9FBF9",
|
|
182
|
+
'--kui-code-block-color-background-dark': "#070807",
|
|
183
|
+
'--kui-code-block-color-text': "#0D0F0D",
|
|
184
|
+
'--kui-code-block-color-text-dark': "#E3E8E3",
|
|
185
|
+
'--kui-code-block-line-number-color-text': "#3D443D",
|
|
186
|
+
'--kui-code-block-line-number-color-text-dark': "#9DA99D",
|
|
187
187
|
'--kui-collapse-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
|
|
188
188
|
'--kui-collapse-title-color-text': "#D2D7D2",
|
|
189
189
|
'--kui-collapse-title-font-size': "16px",
|
|
@@ -174,16 +174,16 @@
|
|
|
174
174
|
--kui-checkbox-shadow-border-hover: 0px 0px 0px 1px #9DA99D inset;
|
|
175
175
|
--kui-checkbox-shadow-focus: 0px 0px 0px 4px rgba(241, 243, 241, 0.15);
|
|
176
176
|
--kui-code-block-actions-border-width: 1px;
|
|
177
|
-
--kui-code-block-actions-color-border: #
|
|
177
|
+
--kui-code-block-actions-color-border: #D2D7D2;
|
|
178
178
|
--kui-code-block-actions-color-border-dark: rgba(255, 255, 255, 0.2);
|
|
179
179
|
--kui-code-block-actions-padding: 4px 8px;
|
|
180
180
|
--kui-code-block-border-radius: 8px;
|
|
181
|
-
--kui-code-block-color-background: #
|
|
182
|
-
--kui-code-block-color-background-dark: #
|
|
183
|
-
--kui-code-block-color-text: #
|
|
184
|
-
--kui-code-block-color-text-dark: #
|
|
185
|
-
--kui-code-block-line-number-color-text: #
|
|
186
|
-
--kui-code-block-line-number-color-text-dark: #
|
|
181
|
+
--kui-code-block-color-background: #F9FBF9;
|
|
182
|
+
--kui-code-block-color-background-dark: #070807;
|
|
183
|
+
--kui-code-block-color-text: #0D0F0D;
|
|
184
|
+
--kui-code-block-color-text-dark: #E3E8E3;
|
|
185
|
+
--kui-code-block-line-number-color-text: #3D443D;
|
|
186
|
+
--kui-code-block-line-number-color-text-dark: #9DA99D;
|
|
187
187
|
--kui-collapse-font-family: 'Funnel Sans', Roboto, Helvetica, sans-serif;
|
|
188
188
|
--kui-collapse-title-color-text: #D2D7D2;
|
|
189
189
|
--kui-collapse-title-font-size: 16px;
|
|
@@ -173,16 +173,16 @@ export const electricLimeNight = {
|
|
|
173
173
|
'--kui-checkbox-shadow-border-hover': "0px 0px 0px 1px #9DA99D inset",
|
|
174
174
|
'--kui-checkbox-shadow-focus': "0px 0px 0px 4px rgba(241, 243, 241, 0.15)",
|
|
175
175
|
'--kui-code-block-actions-border-width': "1px",
|
|
176
|
-
'--kui-code-block-actions-color-border': "#
|
|
176
|
+
'--kui-code-block-actions-color-border': "#D2D7D2",
|
|
177
177
|
'--kui-code-block-actions-color-border-dark': "rgba(255, 255, 255, 0.2)",
|
|
178
178
|
'--kui-code-block-actions-padding': "4px 8px",
|
|
179
179
|
'--kui-code-block-border-radius': "8px",
|
|
180
|
-
'--kui-code-block-color-background': "#
|
|
181
|
-
'--kui-code-block-color-background-dark': "#
|
|
182
|
-
'--kui-code-block-color-text': "#
|
|
183
|
-
'--kui-code-block-color-text-dark': "#
|
|
184
|
-
'--kui-code-block-line-number-color-text': "#
|
|
185
|
-
'--kui-code-block-line-number-color-text-dark': "#
|
|
180
|
+
'--kui-code-block-color-background': "#F9FBF9",
|
|
181
|
+
'--kui-code-block-color-background-dark': "#070807",
|
|
182
|
+
'--kui-code-block-color-text': "#0D0F0D",
|
|
183
|
+
'--kui-code-block-color-text-dark': "#E3E8E3",
|
|
184
|
+
'--kui-code-block-line-number-color-text': "#3D443D",
|
|
185
|
+
'--kui-code-block-line-number-color-text-dark': "#9DA99D",
|
|
186
186
|
'--kui-collapse-font-family': "'Funnel Sans', Roboto, Helvetica, sans-serif",
|
|
187
187
|
'--kui-collapse-title-color-text': "#D2D7D2",
|
|
188
188
|
'--kui-collapse-title-font-size': "16px",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 16 Jul 2026 17:53:41 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
|
|
3
|
+
* Generated on Thu, 16 Jul 2026 17:53:41 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
|
|
3
|
+
* Generated on Thu, 16 Jul 2026 17:53:41 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
|
|
3
|
+
* Generated on Thu, 16 Jul 2026 17:53:41 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
|
|
3
|
+
* Generated on Thu, 16 Jul 2026 17:53:41 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
|
|
4
|
+
* Generated on Thu, 16 Jul 2026 17:53:41 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
|
|
3
|
+
// Generated on Thu, 16 Jul 2026 17:53:41 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,9 +1,31 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong/design-tokens",
|
|
3
|
-
"version": "3.0.2
|
|
3
|
+
"version": "3.0.2",
|
|
4
4
|
"description": "Kong Design Tokens and style dictionary",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
7
|
+
"scripts": {
|
|
8
|
+
"build": "pnpm build:clean && pnpm build:tokens && pnpm copy:tokens-doc",
|
|
9
|
+
"build:tokens": "style-dictionary build --config ./config.mjs",
|
|
10
|
+
"build:clean": "rimraf ./dist",
|
|
11
|
+
"copy:tokens-doc": "shx cp -f './dist/tokens/README.md' './TOKENS.md'",
|
|
12
|
+
"lint": "eslint",
|
|
13
|
+
"lint:fix": "eslint --fix",
|
|
14
|
+
"typecheck": "pnpm typecheck:sandbox",
|
|
15
|
+
"typecheck:sandbox": "vue-tsc --project ./sandbox/tsconfig.json --noEmit",
|
|
16
|
+
"sandbox": "pnpm build && run-p sandbox:open sandbox:watch",
|
|
17
|
+
"sandbox:open": "vite sandbox -c ./sandbox/vite.config.ts",
|
|
18
|
+
"sandbox:watch": "chokidar \"tokens/**/*.json\" \"themes/**/*.json\" -c \"pnpm build\"",
|
|
19
|
+
"sandbox:build": "BUILD_SANDBOX=true vite build -c ./sandbox/vite.config.ts -m production",
|
|
20
|
+
"sandbox:preview": "BUILD_SANDBOX=true vite preview -c ./sandbox/vite.config.ts",
|
|
21
|
+
"watch:tokens": "pnpm build && chokidar \"tokens/**/*.json\" -c \"pnpm build\"",
|
|
22
|
+
"theme:scaffold": "node scripts/theme-scaffold.mjs",
|
|
23
|
+
"theme:preview": "node ../skills/theme-creation/scripts/preview.mjs",
|
|
24
|
+
"themes:sync": "node scripts/themes-sync.mjs",
|
|
25
|
+
"themes:unfilled": "node scripts/themes-unfilled.mjs",
|
|
26
|
+
"pretest": "pnpm build:tokens",
|
|
27
|
+
"test": "vitest run --config vitest.config.mjs"
|
|
28
|
+
},
|
|
7
29
|
"publishConfig": {
|
|
8
30
|
"access": "public"
|
|
9
31
|
},
|
|
@@ -79,26 +101,5 @@
|
|
|
79
101
|
"volta": {
|
|
80
102
|
"node": "24.13.1"
|
|
81
103
|
},
|
|
82
|
-
"
|
|
83
|
-
|
|
84
|
-
"build:tokens": "style-dictionary build --config ./config.mjs",
|
|
85
|
-
"build:clean": "rimraf ./dist",
|
|
86
|
-
"copy:tokens-doc": "shx cp -f './dist/tokens/README.md' './TOKENS.md'",
|
|
87
|
-
"lint": "eslint",
|
|
88
|
-
"lint:fix": "eslint --fix",
|
|
89
|
-
"typecheck": "pnpm typecheck:sandbox",
|
|
90
|
-
"typecheck:sandbox": "vue-tsc --project ./sandbox/tsconfig.json --noEmit",
|
|
91
|
-
"sandbox": "pnpm build && run-p sandbox:open sandbox:watch",
|
|
92
|
-
"sandbox:open": "vite sandbox -c ./sandbox/vite.config.ts",
|
|
93
|
-
"sandbox:watch": "chokidar \"tokens/**/*.json\" \"themes/**/*.json\" -c \"pnpm build\"",
|
|
94
|
-
"sandbox:build": "BUILD_SANDBOX=true vite build -c ./sandbox/vite.config.ts -m production",
|
|
95
|
-
"sandbox:preview": "BUILD_SANDBOX=true vite preview -c ./sandbox/vite.config.ts",
|
|
96
|
-
"watch:tokens": "pnpm build && chokidar \"tokens/**/*.json\" -c \"pnpm build\"",
|
|
97
|
-
"theme:scaffold": "node scripts/theme-scaffold.mjs",
|
|
98
|
-
"theme:preview": "node ../skills/theme-creation/scripts/preview.mjs",
|
|
99
|
-
"themes:sync": "node scripts/themes-sync.mjs",
|
|
100
|
-
"themes:unfilled": "node scripts/themes-unfilled.mjs",
|
|
101
|
-
"pretest": "pnpm build:tokens",
|
|
102
|
-
"test": "vitest run --config vitest.config.mjs"
|
|
103
|
-
}
|
|
104
|
-
}
|
|
104
|
+
"gitHead": "92690a7466a66a0b72f1a7fdd8a2a73efd4330a7"
|
|
105
|
+
}
|