@digdir/designsystemet 1.13.2 → 1.14.0
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/config.js +50 -658
- package/dist/bin/designsystemet.d.ts.map +1 -1
- package/dist/bin/designsystemet.js +136 -4623
- package/dist/bin/options.js +22 -14
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BorderValues.js +9 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js +8 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js +13 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js +10 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js +10 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/Properties.js +53 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js +14 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js +9 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenTypes.js +32 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TypographyValues.js +15 -0
- package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/types/index.js +11 -0
- package/dist/package.js +5 -0
- package/dist/src/colors/colorMetadata.js +255 -261
- package/dist/src/colors/index.js +5 -522
- package/dist/src/colors/theme.js +104 -343
- package/dist/src/colors/types.js +22 -25
- package/dist/src/colors/utils.js +241 -154
- package/dist/src/config.js +103 -444
- package/dist/src/index.js +10 -3588
- package/dist/src/migrations/beta-to-v1.js +339 -537
- package/dist/src/migrations/codemods/css/plugins.js +31 -42
- package/dist/src/migrations/codemods/css/run.js +20 -151
- package/dist/src/migrations/color-rename-next49.js +44 -220
- package/dist/src/migrations/index.js +7 -577
- package/dist/src/scripts/update-preview-tokens.d.ts.map +1 -1
- package/dist/src/tokens/build.js +39 -1816
- package/dist/src/tokens/create/files.d.ts +10 -5
- package/dist/src/tokens/create/files.d.ts.map +1 -1
- package/dist/src/tokens/create/files.js +44 -601
- package/dist/src/tokens/create/generators/$designsystemet.js +8 -97
- package/dist/src/tokens/create/generators/$metadata.d.ts +7 -3
- package/dist/src/tokens/create/generators/$metadata.d.ts.map +1 -1
- package/dist/src/tokens/create/generators/$metadata.js +24 -21
- package/dist/src/tokens/create/generators/$themes.d.ts +2 -4
- package/dist/src/tokens/create/generators/$themes.d.ts.map +1 -1
- package/dist/src/tokens/create/generators/$themes.js +139 -312
- package/dist/src/tokens/create/generators/primitives/color-scheme.js +68 -443
- package/dist/src/tokens/create/generators/primitives/globals.js +141 -147
- package/dist/src/tokens/create/generators/primitives/size.js +146 -156
- package/dist/src/tokens/create/generators/primitives/typography.js +213 -217
- package/dist/src/tokens/create/generators/semantic/color-modes.js +24 -59
- package/dist/src/tokens/create/generators/semantic/color.js +42 -326
- package/dist/src/tokens/create/generators/semantic/style.js +379 -382
- package/dist/src/tokens/create/generators/themes/theme.js +108 -392
- package/dist/src/tokens/create.d.ts +2 -1
- package/dist/src/tokens/create.d.ts.map +1 -1
- package/dist/src/tokens/create.js +50 -1591
- package/dist/src/tokens/format.d.ts.map +1 -1
- package/dist/src/tokens/format.js +35 -3324
- package/dist/src/tokens/generate-config.js +155 -298
- package/dist/src/tokens/index.js +3 -3344
- package/dist/src/tokens/process/configs/color.js +50 -1085
- package/dist/src/tokens/process/configs/semantic.js +45 -1083
- package/dist/src/tokens/process/configs/shared.js +18 -109
- package/dist/src/tokens/process/configs/size-mode.js +27 -1082
- package/dist/src/tokens/process/configs/size.js +32 -1083
- package/dist/src/tokens/process/configs/type-scale.js +49 -1083
- package/dist/src/tokens/process/configs/typography.js +63 -1084
- package/dist/src/tokens/process/configs.js +91 -1224
- package/dist/src/tokens/process/formats/css/color.js +58 -1079
- package/dist/src/tokens/process/formats/css/semantic.js +27 -1081
- package/dist/src/tokens/process/formats/css/size-mode.js +43 -1077
- package/dist/src/tokens/process/formats/css/size.js +86 -1079
- package/dist/src/tokens/process/formats/css/type-scale.js +53 -1083
- package/dist/src/tokens/process/formats/css/typography.js +27 -1081
- package/dist/src/tokens/process/formats/css.js +18 -1081
- package/dist/src/tokens/process/output/declarations.js +18 -1201
- package/dist/src/tokens/process/output/tailwind.js +26 -40
- package/dist/src/tokens/process/output/theme.js +73 -206
- package/dist/src/tokens/process/platform.js +165 -1355
- package/dist/src/tokens/process/transformers.js +49 -89
- package/dist/src/tokens/process/utils/getMultidimensionalThemes.js +100 -1183
- package/dist/src/tokens/process/utils/kebab-case.js +7 -5
- package/dist/src/tokens/types.d.ts +6 -0
- package/dist/src/tokens/types.d.ts.map +1 -1
- package/dist/src/tokens/types.js +6 -7
- package/dist/src/tokens/utils.d.ts +2 -1
- package/dist/src/tokens/utils.d.ts.map +1 -1
- package/dist/src/tokens/utils.js +107 -93
- package/dist/src/types.js +1 -5
- package/dist/src/utils/filesystem.js +112 -124
- package/package.json +12 -15
- package/configs/test-tokens.config.json +0 -82
- package/dist/src/scripts/createJsonSchema.js +0 -409
- package/dist/src/scripts/update-preview-tokens.js +0 -3353
|
@@ -1,110 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
);
|
|
19
|
-
var pathStartsWithOneOf = R.curry(
|
|
20
|
-
(paths, token) => {
|
|
21
|
-
if (R.isNil(token)) {
|
|
22
|
-
return false;
|
|
23
|
-
}
|
|
24
|
-
const tokenPath = mapToLowerCase(token.path);
|
|
25
|
-
const matchPathsStartingWith = R.map((pathOrString) => {
|
|
26
|
-
const path = typeof pathOrString === "string" ? [pathOrString] : pathOrString;
|
|
27
|
-
return R.startsWith(mapToLowerCase(path), tokenPath);
|
|
28
|
-
}, paths);
|
|
29
|
-
return hasAnyTruth(matchPathsStartingWith);
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
|
|
33
|
-
// src/tokens/process/transformers.ts
|
|
34
|
-
var isPx = R2.test(/\b\d+px\b/g);
|
|
35
|
-
var sizeRem = {
|
|
36
|
-
name: "ds/size/toRem",
|
|
37
|
-
type: "value",
|
|
38
|
-
transitive: true,
|
|
39
|
-
filter: (token) => {
|
|
40
|
-
const hasWantedType = typeEquals(["dimension", "fontsize"], token);
|
|
41
|
-
const hasWantedPath = pathStartsWithOneOf([
|
|
42
|
-
"border-radius",
|
|
43
|
-
"font-size"
|
|
44
|
-
/*, ['_size', 'mode-font-size']*/
|
|
45
|
-
], token);
|
|
46
|
-
return hasWantedType && hasWantedPath;
|
|
47
|
-
},
|
|
48
|
-
transform: (token, config) => {
|
|
49
|
-
const value = getValue(token);
|
|
50
|
-
if (isPx(value)) {
|
|
51
|
-
const baseFont = config.basePxFontSize || 16;
|
|
52
|
-
const size = parseInt(value, 10);
|
|
53
|
-
if (size === 0) {
|
|
54
|
-
return "0";
|
|
55
|
-
}
|
|
56
|
-
return `${size / baseFont}rem`;
|
|
57
|
-
}
|
|
58
|
-
return value;
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
var typographyName = {
|
|
62
|
-
name: "name/typography",
|
|
63
|
-
type: "name",
|
|
64
|
-
transitive: true,
|
|
65
|
-
// expanded tokens have different type so we match on path instead
|
|
66
|
-
filter: (token) => pathStartsWithOneOf(["typography"], token),
|
|
67
|
-
transform: (token) => {
|
|
68
|
-
return token.name.replace("-typography", "");
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
var resolveMath = {
|
|
72
|
-
name: "ds/resolveMath",
|
|
73
|
-
type: "value",
|
|
74
|
-
transitive: true,
|
|
75
|
-
filter: (token) => {
|
|
76
|
-
const isValidValue = ["string", "object"].includes(typeof getValue(token));
|
|
77
|
-
const isTokenOfInterest = !pathStartsWithOneOf(["border-radius"], token);
|
|
78
|
-
return isValidValue && isTokenOfInterest;
|
|
79
|
-
},
|
|
80
|
-
transform: (token, platformCfg) => checkAndEvaluateMath(token, platformCfg.mathFractionDigits)
|
|
81
|
-
};
|
|
82
|
-
var unitless = {
|
|
83
|
-
name: "ds/unitless",
|
|
84
|
-
type: "value",
|
|
85
|
-
transitive: true,
|
|
86
|
-
filter: (token) => pathStartsWithOneOf(["size", "_size"], token),
|
|
87
|
-
transform: (token) => parseInt(getValue(token), 10)
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
// src/tokens/process/configs/shared.ts
|
|
91
|
-
var prefix = "ds";
|
|
92
|
-
var basePxFontSize = 16;
|
|
93
|
-
var dsTransformers = [
|
|
94
|
-
"name/kebab",
|
|
95
|
-
resolveMath.name,
|
|
96
|
-
"ts/size/px",
|
|
97
|
-
sizeRem.name,
|
|
98
|
-
unitless.name,
|
|
99
|
-
"ts/typography/fontWeight",
|
|
100
|
-
typographyName.name,
|
|
101
|
-
"ts/color/modifiers",
|
|
102
|
-
"ts/color/css/hexrgba",
|
|
103
|
-
"ts/size/lineheight",
|
|
104
|
-
"shadow/css/shorthand"
|
|
1
|
+
import { resolveMath, sizeRem, typographyName, unitless } from "../transformers.js";
|
|
2
|
+
//#region src/tokens/process/configs/shared.ts
|
|
3
|
+
const prefix = "ds";
|
|
4
|
+
const basePxFontSize = 16;
|
|
5
|
+
const dsTransformers = [
|
|
6
|
+
"name/kebab",
|
|
7
|
+
resolveMath.name,
|
|
8
|
+
"ts/size/px",
|
|
9
|
+
sizeRem.name,
|
|
10
|
+
unitless.name,
|
|
11
|
+
"ts/typography/fontWeight",
|
|
12
|
+
typographyName.name,
|
|
13
|
+
"ts/color/modifiers",
|
|
14
|
+
"ts/color/css/hexrgba",
|
|
15
|
+
"ts/size/lineheight",
|
|
16
|
+
"shadow/css/shorthand"
|
|
105
17
|
];
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
dsTransformers,
|
|
109
|
-
prefix
|
|
110
|
-
};
|
|
18
|
+
//#endregion
|
|
19
|
+
export { basePxFontSize, dsTransformers, prefix };
|