@digdir/designsystemet 1.0.0-next.43 → 1.0.0-next.45

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 (44) hide show
  1. package/dist/bin/designsystemet.js +8 -6
  2. package/dist/src/colors/theme.d.ts.map +1 -1
  3. package/dist/src/colors/theme.js +1 -1
  4. package/dist/src/migrations/beta-to-v1.js +40 -40
  5. package/dist/src/tokens/build/configs.d.ts.map +1 -1
  6. package/dist/src/tokens/build/configs.js +25 -23
  7. package/dist/src/tokens/build/formats/css.d.ts +38 -0
  8. package/dist/src/tokens/build/formats/css.d.ts.map +1 -1
  9. package/dist/src/tokens/build/formats/css.js +60 -15
  10. package/dist/src/tokens/build/formats/js-tokens.d.ts.map +1 -1
  11. package/dist/src/tokens/build/formats/js-tokens.js +19 -9
  12. package/dist/src/tokens/build/transformers.d.ts +1 -0
  13. package/dist/src/tokens/build/transformers.d.ts.map +1 -1
  14. package/dist/src/tokens/build/transformers.js +10 -2
  15. package/dist/src/tokens/build.js +1 -1
  16. package/dist/src/tokens/create.d.ts +1 -1
  17. package/dist/src/tokens/create.d.ts.map +1 -1
  18. package/dist/src/tokens/create.js +1 -1
  19. package/dist/src/tokens/design-tokens/default/Figma/components.json +3 -3
  20. package/dist/src/tokens/design-tokens/default/primitives/globals.json +1 -13
  21. package/dist/src/tokens/design-tokens/default/primitives/modes/size/global.json +96 -0
  22. package/dist/src/tokens/design-tokens/default/primitives/modes/size/large.json +16 -0
  23. package/dist/src/tokens/design-tokens/default/primitives/modes/size/medium.json +16 -0
  24. package/dist/src/tokens/design-tokens/default/primitives/modes/size/small.json +16 -0
  25. package/dist/src/tokens/design-tokens/default/primitives/modes/typography/size/large.json +100 -0
  26. package/dist/src/tokens/design-tokens/default/primitives/{size/default.json → modes/typography/size/medium.json} +0 -75
  27. package/dist/src/tokens/design-tokens/default/primitives/modes/typography/size/small.json +100 -0
  28. package/dist/src/tokens/design-tokens/default/semantic/style.json +6 -166
  29. package/dist/src/tokens/design-tokens/template/$metadata.json +7 -2
  30. package/dist/src/tokens/design-tokens/template/$themes.json +1319 -1196
  31. package/dist/src/tokens/design-tokens/template/themes/theme-base-file.json +8 -4
  32. package/dist/src/tokens/template.d.ts.map +1 -1
  33. package/dist/src/tokens/template.js +2 -1
  34. package/dist/src/tokens/types.d.ts +12 -0
  35. package/dist/src/tokens/types.d.ts.map +1 -1
  36. package/dist/src/tokens/write/generate$metadata.d.ts.map +1 -1
  37. package/dist/src/tokens/write/generate$metadata.js +7 -1
  38. package/dist/src/tokens/write/generate$themes.d.ts +1 -0
  39. package/dist/src/tokens/write/generate$themes.d.ts.map +1 -1
  40. package/dist/src/tokens/write/generate$themes.js +141 -3
  41. package/dist/src/tokens/write.d.ts +2 -3
  42. package/dist/src/tokens/write.d.ts.map +1 -1
  43. package/dist/src/tokens/write.js +9 -2
  44. package/package.json +2 -2
@@ -23,21 +23,25 @@
23
23
  "border-radius": {
24
24
  "1": {
25
25
  "$type": "borderRadius",
26
- "$value": "min( {border-radius.base} , {border-radius.scale} *1)"
26
+ "$value": "min({border-radius.base}*0.5,{border-radius.scale})"
27
27
  },
28
28
  "2": {
29
29
  "$type": "borderRadius",
30
- "$value": "min( {border-radius.base} , {border-radius.scale} *2)"
30
+ "$value": "min({border-radius.base},{border-radius.scale}*2)"
31
31
  },
32
32
  "3": {
33
33
  "$type": "borderRadius",
34
- "$value": "min( {border-radius.base} , {border-radius.scale} *5)"
34
+ "$value": "min({border-radius.base}*2,{border-radius.scale}*5)"
35
35
  },
36
36
  "4": {
37
37
  "$type": "borderRadius",
38
- "$value": "{border-radius.base}"
38
+ "$value": "min({border-radius.base}*3,{border-radius.scale}*7)"
39
39
  },
40
40
  "5": {
41
+ "$type": "borderRadius",
42
+ "$value": "{border-radius.base}"
43
+ },
44
+ "6": {
41
45
  "$type": "borderRadius",
42
46
  "$value": "9999"
43
47
  },
@@ -1 +1 @@
1
- {"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/tokens/template.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,eAAe,qBAwG3B,CAAC"}
1
+ {"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/tokens/template.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,eAAe,qBAyG3B,CAAC"}
@@ -18,7 +18,8 @@ const endsWithOneOf = (suffixes, str) => R.any((suffix) => R.endsWith(suffix, st
18
18
  const updateTemplates = async () => {
19
19
  await fs.cp(...argsFromToPaths("Figma"), options);
20
20
  await fs.cp(...argsFromToPaths("primitives/globals.json"), options);
21
- await fs.cp(...argsFromToPaths("primitives/size/default.json"), options);
21
+ await fs.cp(...argsFromToPaths("primitives/modes/size"), options);
22
+ await fs.cp(...argsFromToPaths("primitives/modes/typography/size"), options);
22
23
  await fs.cp(...argsFromToPaths("semantic/style.json"), options);
23
24
  const categoryColorTemplate = originalColorCategoryJson.color.main;
24
25
  const categoryDir = path.join(TEMPLATE_FILES_PATH, "semantic/modes/category-color");
@@ -37,4 +37,16 @@ export type File = {
37
37
  filePath: string;
38
38
  };
39
39
  export type Collection = string | 'global';
40
+ export type Theme = {
41
+ name: string;
42
+ colors: {
43
+ main: Record<string, CssColor>;
44
+ support: Record<string, CssColor>;
45
+ neutral: CssColor;
46
+ };
47
+ typography: {
48
+ fontFamily: string;
49
+ };
50
+ borderRadius: number;
51
+ };
40
52
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tokens/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAGzC,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;QACvB,IAAI,EAAE,eAAe,CAAC;QACtB,QAAQ,CAAC,EAAE,eAAe,CAAC;KAC5B,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,SAAS,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAClC,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACjD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,CAAC;AAEtD,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tokens/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAGzC,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;QACvB,IAAI,EAAE,eAAe,CAAC;QACtB,QAAQ,CAAC,EAAE,eAAe,CAAC;KAC5B,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,SAAS,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAClC,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACjD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,CAAC;AAEtD,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE3C,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC/B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAClC,OAAO,EAAE,QAAQ,CAAC;KACnB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"generate$metadata.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,KAAK,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAEvC,KAAK,QAAQ,GAAG;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAmBtG"}
1
+ {"version":3,"file":"generate$metadata.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,KAAK,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAEvC,KAAK,QAAQ,GAAG;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAyBtG"}
@@ -2,7 +2,13 @@ function generateMetadataJson(schemes, themes, colors) {
2
2
  return {
3
3
  tokenSetOrder: [
4
4
  "primitives/globals",
5
- "primitives/size/default",
5
+ "primitives/modes/size/small",
6
+ "primitives/modes/size/medium",
7
+ "primitives/modes/size/large",
8
+ "primitives/modes/size/global",
9
+ "primitives/modes/typography/size/small",
10
+ "primitives/modes/typography/size/medium",
11
+ "primitives/modes/typography/size/large",
6
12
  ...themes.map((theme) => `primitives/modes/typography/primary/${theme}`),
7
13
  ...themes.map((theme) => `primitives/modes/typography/secondary/${theme}`),
8
14
  ...schemes.flatMap((scheme) => [
@@ -5,6 +5,7 @@ type ColorSchemes = Array<ColorScheme>;
5
5
  type ThemeObject_ = ThemeObject & {
6
6
  $figmaCollectionId?: string;
7
7
  $figmaModeId?: string;
8
+ $figmaVariableReferences?: Record<string, string>;
8
9
  };
9
10
  export declare function generateThemesJson(colorSchemes: ColorSchemes, themes: string[], colors: Colors): ThemeObject_[];
10
11
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"generate$themes.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$themes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAExE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAM1C,KAAK,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAEvC,KAAK,YAAY,GAAG,WAAW,GAAG;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,CAU/G"}
1
+ {"version":3,"file":"generate$themes.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$themes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAExE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAM1C,KAAK,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAEvC,KAAK,YAAY,GAAG,WAAW,GAAG;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnD,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,CAU/G"}
@@ -17,10 +17,148 @@ function generateSizeGroup() {
17
17
  return [
18
18
  {
19
19
  id: "8b2c8cc86611a34b135cb22948666779361fd729",
20
- name: "Default",
21
- $figmaCollectionId: "VariableCollectionId:36248:20757",
20
+ name: "medium",
21
+ $figmaStyleReferences: {},
22
22
  selectedTokenSets: {
23
- "primitives/size/default": TokenSetStatus.ENABLED
23
+ "primitives/modes/size/medium": TokenSetStatus.SOURCE,
24
+ "primitives/modes/size/global": TokenSetStatus.ENABLED,
25
+ "primitives/modes/typography/size/medium": TokenSetStatus.ENABLED
26
+ },
27
+ $figmaCollectionId: "VariableCollectionId:42212:29109",
28
+ $figmaModeId: "42212:1",
29
+ $figmaVariableReferences: {
30
+ "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
31
+ "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
32
+ "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
33
+ "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
34
+ "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
35
+ "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
36
+ "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
37
+ "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
38
+ "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
39
+ "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
40
+ "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
41
+ "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
42
+ "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
43
+ "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
44
+ "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
45
+ "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
46
+ "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
47
+ "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
48
+ "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
49
+ "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
50
+ "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
51
+ "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
52
+ "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
53
+ "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
54
+ "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
55
+ "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
56
+ "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
57
+ "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
58
+ "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
59
+ "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
60
+ "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
61
+ "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
62
+ "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
63
+ "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
64
+ },
65
+ group: "Size"
66
+ },
67
+ {
68
+ id: "d49b9eebeb48a4f165a74b7261733d0a73370f0e",
69
+ name: "large",
70
+ $figmaStyleReferences: {},
71
+ selectedTokenSets: {
72
+ "primitives/modes/size/large": TokenSetStatus.SOURCE,
73
+ "primitives/modes/size/global": TokenSetStatus.ENABLED,
74
+ "primitives/modes/typography/size/large": TokenSetStatus.ENABLED
75
+ },
76
+ $figmaCollectionId: "VariableCollectionId:42212:29109",
77
+ $figmaModeId: "42212:2",
78
+ $figmaVariableReferences: {
79
+ "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
80
+ "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
81
+ "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
82
+ "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
83
+ "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
84
+ "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
85
+ "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
86
+ "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
87
+ "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
88
+ "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
89
+ "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
90
+ "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
91
+ "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
92
+ "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
93
+ "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
94
+ "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
95
+ "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
96
+ "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
97
+ "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
98
+ "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
99
+ "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
100
+ "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
101
+ "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
102
+ "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
103
+ "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
104
+ "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
105
+ "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
106
+ "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
107
+ "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
108
+ "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
109
+ "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
110
+ "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
111
+ "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
112
+ "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
113
+ },
114
+ group: "Size"
115
+ },
116
+ {
117
+ id: "fb11567729c298ca37c9da4e3a27716a23480824",
118
+ name: "small",
119
+ $figmaStyleReferences: {},
120
+ selectedTokenSets: {
121
+ "primitives/modes/size/small": TokenSetStatus.SOURCE,
122
+ "primitives/modes/size/global": TokenSetStatus.ENABLED,
123
+ "primitives/modes/typography/size/small": TokenSetStatus.ENABLED
124
+ },
125
+ $figmaCollectionId: "VariableCollectionId:42212:29109",
126
+ $figmaModeId: "42212:0",
127
+ $figmaVariableReferences: {
128
+ "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
129
+ "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
130
+ "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
131
+ "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
132
+ "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
133
+ "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
134
+ "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
135
+ "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
136
+ "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
137
+ "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
138
+ "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
139
+ "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
140
+ "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
141
+ "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
142
+ "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
143
+ "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
144
+ "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
145
+ "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
146
+ "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
147
+ "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
148
+ "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
149
+ "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
150
+ "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
151
+ "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
152
+ "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
153
+ "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
154
+ "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
155
+ "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
156
+ "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
157
+ "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
158
+ "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
159
+ "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
160
+ "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
161
+ "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
24
162
  },
25
163
  group: "Size"
26
164
  }
@@ -1,10 +1,9 @@
1
- import type { Colors, Tokens } from './types.js';
1
+ import type { Theme, Tokens } from './types.js';
2
2
  export declare const stringify: (data: unknown) => string;
3
3
  type WriteTokensOptions = {
4
4
  outDir: string;
5
5
  tokens: Tokens;
6
- themeName: string;
7
- colors: Colors;
6
+ theme: Theme;
8
7
  dry?: boolean;
9
8
  };
10
9
  export declare const writeTokens: (options: WriteTokensOptions) => Promise<void>;
@@ -1 +1 @@
1
- {"version":3,"file":"write.d.ts","sourceRoot":"","sources":["../../../src/tokens/write.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAc,MAAM,EAAQ,MAAM,EAA8B,MAAM,YAAY,CAAC;AAS/F,eAAO,MAAM,SAAS,SAAU,OAAO,WAAkC,CAAC;AAyB1E,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,YAAmB,kBAAkB,kBAmK5D,CAAC"}
1
+ {"version":3,"file":"write.d.ts","sourceRoot":"","sources":["../../../src/tokens/write.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAoB,KAAK,EAAE,MAAM,EAA8B,MAAM,YAAY,CAAC;AAS9F,eAAO,MAAM,SAAS,SAAU,OAAO,WAAkC,CAAC;AAyB1E,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,YAAmB,kBAAkB,kBA4K5D,CAAC"}
@@ -31,7 +31,12 @@ const generateTypographyFile = (folder, name, tokens, outPath) => {
31
31
  };
32
32
  };
33
33
  const writeTokens = async (options) => {
34
- const { outDir, tokens, themeName, colors, dry } = options;
34
+ const {
35
+ outDir,
36
+ tokens,
37
+ theme: { name: themeName, colors, borderRadius },
38
+ dry
39
+ } = options;
35
40
  const targetDir = path.resolve(process.cwd(), String(outDir));
36
41
  const $themesPath = path.join(targetDir, "$themes.json");
37
42
  const $metadataPath = path.join(targetDir, "$metadata.json");
@@ -129,10 +134,12 @@ const writeTokens = async (options) => {
129
134
  },
130
135
  ...remainingThemeFile
131
136
  };
137
+ const baseBorderRadius = R.lensPath(["border-radius", "base", "$value"]);
138
+ const updatedThemeFile = R.set(baseBorderRadius, String(borderRadius), themeFile);
132
139
  await writeFile(
133
140
  path.join(targetDir, `themes/${themeName}.json`),
134
141
  JSON.stringify(
135
- themeFile,
142
+ updatedThemeFile,
136
143
  (key, value) => {
137
144
  if (key === "$value") {
138
145
  return value.replace("<theme>", themeName);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digdir/designsystemet",
3
- "version": "1.0.0-next.43",
3
+ "version": "1.0.0-next.45",
4
4
  "description": "CLI for Designsystemet",
5
5
  "author": "Designsystemet team",
6
6
  "repository": {
@@ -36,7 +36,7 @@
36
36
  "build": "tsup && yarn build:types",
37
37
  "build:types": "tsc --emitDeclarationOnly --declaration",
38
38
  "types": "tsc --noEmit",
39
- "test:tokens-create": "yarn designsystemet tokens create -m dominant:#007682 secondary:#ff0000 -n #003333 -s support1:#12404f support2:#0054a6 support3:#942977 -o ./test-tokens-create",
39
+ "test:tokens-create": "yarn designsystemet tokens create -m dominant:#007682 secondary:#ff0000 -n #003333 -s support1:#12404f support2:#0054a6 support3:#942977 -b 99 -o ./test-tokens-create",
40
40
  "test:tokens-build": "yarn designsystemet tokens build -t ./test-tokens-create -o ./test-tokens-build",
41
41
  "test:tokens-create-and-build": "rimraf test-tokens-create && rimraf test-tokens-build && yarn test:tokens-create && yarn test:tokens-build",
42
42
  "test": "yarn test:tokens-create-and-build",