@openkfw/design-tokens 0.4.0 → 0.4.1

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 (14) hide show
  1. package/output/figma/kfw-design-tokens.light.json +2 -2
  2. package/output/json/kfw-design-tokens.light.json +3 -3
  3. package/output/penpot/kfw-design-tokens.light.json +2 -2
  4. package/output/web_stable_10px/css/kfw-design-tokens.light.css +3 -3
  5. package/output/web_stable_10px/js/kfw-design-tokens.light.d.ts +1 -1
  6. package/output/web_stable_10px/js/kfw-design-tokens.light.js +3 -3
  7. package/output/web_stable_10px/scss/kfw-design-tokens.light.scss +3 -3
  8. package/output/web_thirdparty_16px/css/kfw-design-tokens.light.css +3 -3
  9. package/output/web_thirdparty_16px/js/kfw-design-tokens.light.d.ts +1 -1
  10. package/output/web_thirdparty_16px/js/kfw-design-tokens.light.js +3 -3
  11. package/output/web_thirdparty_16px/scss/kfw-design-tokens.light.scss +3 -3
  12. package/package.json +4 -4
  13. package/tokens/gen-tokens.dark.json5 +1 -1
  14. package/tokens/tokens.json +1 -1
package/output/figma/kfw-design-tokens.light.json CHANGED
@@ -132,7 +132,7 @@
132
132
  },
133
133
  "Fontfamily": {
134
134
  "Sans": {
135
- "$value": "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",
135
+ "$value": "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif",
136
136
  "$type": "fontFamilies"
137
137
  },
138
138
  "Mono": {
@@ -506,7 +506,7 @@
506
506
  },
507
507
  "Fontfamily": {
508
508
  "Default": {
509
- "$value": "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",
509
+ "$value": "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif",
510
510
  "$type": "fontFamilies"
511
511
  },
512
512
  "Code": {
package/output/json/kfw-design-tokens.light.json CHANGED
@@ -1185,12 +1185,12 @@
1185
1185
  "fontfamily": {
1186
1186
  "sans": {
1187
1187
  "key": "{base.fontfamily.sans}",
1188
- "$value": "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",
1188
+ "$value": "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif",
1189
1189
  "filePath": "tokens/tokens.json",
1190
1190
  "isSource": true,
1191
1191
  "$type": "fontFamily",
1192
1192
  "original": {
1193
- "$value": "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",
1193
+ "$value": "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif",
1194
1194
  "$type": "fontFamily",
1195
1195
  "key": "{base.fontfamily.sans}"
1196
1196
  },
@@ -5977,7 +5977,7 @@
5977
5977
  "fontfamily": {
5978
5978
  "default": {
5979
5979
  "key": "{semantic.fontfamily.default}",
5980
- "$value": "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",
5980
+ "$value": "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif",
5981
5981
  "filePath": "tokens/tokens.json",
5982
5982
  "isSource": true,
5983
5983
  "$type": "fontFamily",
package/output/penpot/kfw-design-tokens.light.json CHANGED
@@ -132,7 +132,7 @@
132
132
  },
133
133
  "Fontfamily": {
134
134
  "Sans": {
135
- "$value": "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",
135
+ "$value": "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif",
136
136
  "$type": "fontFamilies"
137
137
  },
138
138
  "Mono": {
@@ -506,7 +506,7 @@
506
506
  },
507
507
  "Fontfamily": {
508
508
  "Default": {
509
- "$value": "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",
509
+ "$value": "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif",
510
510
  "$type": "fontFamilies"
511
511
  },
512
512
  "Code": {
package/output/web_stable_10px/css/kfw-design-tokens.light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * KfW Design Tokens v0.4.0
2
+ * KfW Design Tokens v0.4.1
3
3
  * Copyright 2025
4
4
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
5
5
  */
@@ -35,7 +35,7 @@
35
35
  --kfw-base-color-violet-500: #686fc8;
36
36
  --kfw-base-color-red-400: #c80538;
37
37
  --kfw-base-color-yellow-500: #eac80b;
38
- --kfw-base-fontfamily-sans: 'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
38
+ --kfw-base-fontfamily-sans: "KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
39
39
  --kfw-base-fontfamily-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
40
40
  --kfw-base-space-static-5: 0.5rem;
41
41
  --kfw-base-space-static-10: 1rem;
@@ -201,7 +201,7 @@
201
201
  --kfw-color-icon-secondary: #54b3e2;
202
202
  --kfw-color-icon-disabled: #398357;
203
203
  --kfw-color-icon-disabled-secondary: #94eb90;
204
- --kfw-fontfamily: 'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
204
+ --kfw-fontfamily: "KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
205
205
  --kfw-fontfamily-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
206
206
  --kfw-space-xsmall: 1rem;
207
207
  --kfw-space-small: 2rem;
package/output/web_stable_10px/js/kfw-design-tokens.light.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * KfW Design Tokens v0.4.0
2
+ * KfW Design Tokens v0.4.1
3
3
  * Copyright 2025
4
4
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
5
5
  */
package/output/web_stable_10px/js/kfw-design-tokens.light.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * KfW Design Tokens v0.4.0
2
+ * KfW Design Tokens v0.4.1
3
3
  * Copyright 2025
4
4
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
5
5
  */
@@ -150,7 +150,7 @@ export const KfwBaseColorYellow500 = {
150
150
  hex: "#eac80b",
151
151
  };
152
152
  export const KfwBaseFontfamilySans =
153
- "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif";
153
+ '"KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif';
154
154
  export const KfwBaseFontfamilyMono =
155
155
  "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
156
156
  export const KfwBaseSpaceStatic5 = "0.5rem";
@@ -495,7 +495,7 @@ export const KfwColorIconDisabledSecondary = {
495
495
  hex: "#94eb90",
496
496
  };
497
497
  export const KfwFontfamily =
498
- "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif";
498
+ '"KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif';
499
499
  export const KfwFontfamilyCode =
500
500
  "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
501
501
  export const KfwSpaceXsmall = "1rem";
package/output/web_stable_10px/scss/kfw-design-tokens.light.scss CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- // KfW Design Tokens v0.4.0
2
+ // KfW Design Tokens v0.4.1
3
3
  // Copyright 2025
4
4
  // Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
5
5
 
@@ -31,7 +31,7 @@ $kfw-base-color-violet-400: #9598e0;
31
31
  $kfw-base-color-violet-500: #686fc8;
32
32
  $kfw-base-color-red-400: #c80538;
33
33
  $kfw-base-color-yellow-500: #eac80b;
34
- $kfw-base-fontfamily-sans: 'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
34
+ $kfw-base-fontfamily-sans: "KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
35
35
  $kfw-base-fontfamily-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
36
36
  $kfw-base-space-static-5: 0.5rem;
37
37
  $kfw-base-space-static-10: 1rem;
@@ -197,7 +197,7 @@ $kfw-color-icon: #005a8c;
197
197
  $kfw-color-icon-secondary: #54b3e2;
198
198
  $kfw-color-icon-disabled: #398357;
199
199
  $kfw-color-icon-disabled-secondary: #94eb90;
200
- $kfw-fontfamily: 'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
200
+ $kfw-fontfamily: "KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
201
201
  $kfw-fontfamily-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
202
202
  $kfw-space-xsmall: 1rem;
203
203
  $kfw-space-small: 2rem;
package/output/web_thirdparty_16px/css/kfw-design-tokens.light.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * KfW Design Tokens v0.4.0
2
+ * KfW Design Tokens v0.4.1
3
3
  * Copyright 2025
4
4
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
5
5
  */
@@ -35,7 +35,7 @@
35
35
  --kfw-base-color-violet-500: #686fc8;
36
36
  --kfw-base-color-red-400: #c80538;
37
37
  --kfw-base-color-yellow-500: #eac80b;
38
- --kfw-base-fontfamily-sans: 'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
38
+ --kfw-base-fontfamily-sans: "KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
39
39
  --kfw-base-fontfamily-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
40
40
  --kfw-base-space-static-5: 0.3125rem;
41
41
  --kfw-base-space-static-10: 0.625rem;
@@ -201,7 +201,7 @@
201
201
  --kfw-color-icon-secondary: #54b3e2;
202
202
  --kfw-color-icon-disabled: #398357;
203
203
  --kfw-color-icon-disabled-secondary: #94eb90;
204
- --kfw-fontfamily: 'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
204
+ --kfw-fontfamily: "KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
205
205
  --kfw-fontfamily-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
206
206
  --kfw-space-xsmall: 0.625rem;
207
207
  --kfw-space-small: 1.25rem;
package/output/web_thirdparty_16px/js/kfw-design-tokens.light.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * KfW Design Tokens v0.4.0
2
+ * KfW Design Tokens v0.4.1
3
3
  * Copyright 2025
4
4
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
5
5
  */
package/output/web_thirdparty_16px/js/kfw-design-tokens.light.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * KfW Design Tokens v0.4.0
2
+ * KfW Design Tokens v0.4.1
3
3
  * Copyright 2025
4
4
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
5
5
  */
@@ -150,7 +150,7 @@ export const KfwBaseColorYellow500 = {
150
150
  hex: "#eac80b",
151
151
  };
152
152
  export const KfwBaseFontfamilySans =
153
- "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif";
153
+ '"KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif';
154
154
  export const KfwBaseFontfamilyMono =
155
155
  "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
156
156
  export const KfwBaseSpaceStatic5 = "0.3125rem";
@@ -495,7 +495,7 @@ export const KfwColorIconDisabledSecondary = {
495
495
  hex: "#94eb90",
496
496
  };
497
497
  export const KfwFontfamily =
498
- "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif";
498
+ '"KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif';
499
499
  export const KfwFontfamilyCode =
500
500
  "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
501
501
  export const KfwSpaceXsmall = "0.625rem";
package/output/web_thirdparty_16px/scss/kfw-design-tokens.light.scss CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- // KfW Design Tokens v0.4.0
2
+ // KfW Design Tokens v0.4.1
3
3
  // Copyright 2025
4
4
  // Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
5
5
 
@@ -31,7 +31,7 @@ $kfw-base-color-violet-400: #9598e0;
31
31
  $kfw-base-color-violet-500: #686fc8;
32
32
  $kfw-base-color-red-400: #c80538;
33
33
  $kfw-base-color-yellow-500: #eac80b;
34
- $kfw-base-fontfamily-sans: 'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
34
+ $kfw-base-fontfamily-sans: "KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
35
35
  $kfw-base-fontfamily-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
36
36
  $kfw-base-space-static-5: 0.3125rem;
37
37
  $kfw-base-space-static-10: 0.625rem;
@@ -197,7 +197,7 @@ $kfw-color-icon: #005a8c;
197
197
  $kfw-color-icon-secondary: #54b3e2;
198
198
  $kfw-color-icon-disabled: #398357;
199
199
  $kfw-color-icon-disabled-secondary: #94eb90;
200
- $kfw-fontfamily: 'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
200
+ $kfw-fontfamily: "KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
201
201
  $kfw-fontfamily-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
202
202
  $kfw-space-xsmall: 0.625rem;
203
203
  $kfw-space-small: 1.25rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openkfw/design-tokens",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "description": "The source of truth for KfW-branded digital products.",
5
5
  "files": [
6
6
  "output",
@@ -38,7 +38,7 @@
38
38
  "@eslint/js": "^9.36.0",
39
39
  "@tsconfig/node22": "^22.0.2",
40
40
  "@types/lodash": "^4.17.20",
41
- "@types/node": "^22.18.7",
41
+ "@types/node": "^22.18.8",
42
42
  "concurrently": "^9.2.1",
43
43
  "deep-get-set-ts": "^1.1.2",
44
44
  "eslint": "^9.36.0",
@@ -46,9 +46,9 @@
46
46
  "jsoneditor-cli": "^1.1.0",
47
47
  "lodash": "4.17.21",
48
48
  "prettier": "^3.6.2",
49
- "style-dictionary": "^5.0.4",
49
+ "style-dictionary": "^5.1.0",
50
50
  "tsx": "^4.20.6",
51
- "typescript": "^5.9.2",
51
+ "typescript": "^5.9.3",
52
52
  "typescript-eslint": "^8.45.0",
53
53
  "npm-check-updates": "^19.0.0"
54
54
  }
package/tokens/gen-tokens.dark.json5 CHANGED
@@ -340,7 +340,7 @@
340
340
  fontfamily: {
341
341
  $type: "fontFamily",
342
342
  sans: {
343
- $value: "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",
343
+ $value: "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif",
344
344
  },
345
345
  mono: {
346
346
  $value: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
package/tokens/tokens.json CHANGED
@@ -50,7 +50,7 @@
50
50
  "fontfamily": {
51
51
  "$type": "fontFamily",
52
52
  "sans": {
53
- "$value": "'KfW Centro Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"
53
+ "$value": "\"KfW Centro Sans\", Arial, \"Helvetica Neue\", Helvetica, sans-serif"
54
54
  },
55
55
  "mono": {
56
56
  "$value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"