@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.
- package/dist/bin/designsystemet.js +8 -6
- package/dist/src/colors/theme.d.ts.map +1 -1
- package/dist/src/colors/theme.js +1 -1
- package/dist/src/migrations/beta-to-v1.js +40 -40
- package/dist/src/tokens/build/configs.d.ts.map +1 -1
- package/dist/src/tokens/build/configs.js +25 -23
- package/dist/src/tokens/build/formats/css.d.ts +38 -0
- package/dist/src/tokens/build/formats/css.d.ts.map +1 -1
- package/dist/src/tokens/build/formats/css.js +60 -15
- package/dist/src/tokens/build/formats/js-tokens.d.ts.map +1 -1
- package/dist/src/tokens/build/formats/js-tokens.js +19 -9
- package/dist/src/tokens/build/transformers.d.ts +1 -0
- package/dist/src/tokens/build/transformers.d.ts.map +1 -1
- package/dist/src/tokens/build/transformers.js +10 -2
- package/dist/src/tokens/build.js +1 -1
- package/dist/src/tokens/create.d.ts +1 -1
- package/dist/src/tokens/create.d.ts.map +1 -1
- package/dist/src/tokens/create.js +1 -1
- package/dist/src/tokens/design-tokens/default/Figma/components.json +3 -3
- package/dist/src/tokens/design-tokens/default/primitives/globals.json +1 -13
- package/dist/src/tokens/design-tokens/default/primitives/modes/size/global.json +96 -0
- package/dist/src/tokens/design-tokens/default/primitives/modes/size/large.json +16 -0
- package/dist/src/tokens/design-tokens/default/primitives/modes/size/medium.json +16 -0
- package/dist/src/tokens/design-tokens/default/primitives/modes/size/small.json +16 -0
- package/dist/src/tokens/design-tokens/default/primitives/modes/typography/size/large.json +100 -0
- package/dist/src/tokens/design-tokens/default/primitives/{size/default.json → modes/typography/size/medium.json} +0 -75
- package/dist/src/tokens/design-tokens/default/primitives/modes/typography/size/small.json +100 -0
- package/dist/src/tokens/design-tokens/default/semantic/style.json +6 -166
- package/dist/src/tokens/design-tokens/template/$metadata.json +7 -2
- package/dist/src/tokens/design-tokens/template/$themes.json +1319 -1196
- package/dist/src/tokens/design-tokens/template/themes/theme-base-file.json +8 -4
- package/dist/src/tokens/template.d.ts.map +1 -1
- package/dist/src/tokens/template.js +2 -1
- package/dist/src/tokens/types.d.ts +12 -0
- package/dist/src/tokens/types.d.ts.map +1 -1
- package/dist/src/tokens/write/generate$metadata.d.ts.map +1 -1
- package/dist/src/tokens/write/generate$metadata.js +7 -1
- package/dist/src/tokens/write/generate$themes.d.ts +1 -0
- package/dist/src/tokens/write/generate$themes.d.ts.map +1 -1
- package/dist/src/tokens/write/generate$themes.js +141 -3
- package/dist/src/tokens/write.d.ts +2 -3
- package/dist/src/tokens/write.d.ts.map +1 -1
- package/dist/src/tokens/write.js +9 -2
- package/package.json +2 -2
|
@@ -23,21 +23,25 @@
|
|
|
23
23
|
"border-radius": {
|
|
24
24
|
"1": {
|
|
25
25
|
"$type": "borderRadius",
|
|
26
|
-
"$value": "min(
|
|
26
|
+
"$value": "min({border-radius.base}*0.5,{border-radius.scale})"
|
|
27
27
|
},
|
|
28
28
|
"2": {
|
|
29
29
|
"$type": "borderRadius",
|
|
30
|
-
"$value": "min(
|
|
30
|
+
"$value": "min({border-radius.base},{border-radius.scale}*2)"
|
|
31
31
|
},
|
|
32
32
|
"3": {
|
|
33
33
|
"$type": "borderRadius",
|
|
34
|
-
"$value": "min(
|
|
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,
|
|
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
|
|
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,
|
|
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/
|
|
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;
|
|
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: "
|
|
21
|
-
$
|
|
20
|
+
name: "medium",
|
|
21
|
+
$figmaStyleReferences: {},
|
|
22
22
|
selectedTokenSets: {
|
|
23
|
-
"primitives/size/
|
|
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 {
|
|
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
|
-
|
|
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,
|
|
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"}
|
package/dist/src/tokens/write.js
CHANGED
|
@@ -31,7 +31,12 @@ const generateTypographyFile = (folder, name, tokens, outPath) => {
|
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
33
|
const writeTokens = async (options) => {
|
|
34
|
-
const {
|
|
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
|
-
|
|
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.
|
|
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",
|