@digdir/designsystemet 1.0.8 → 1.1.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.
Files changed (55) hide show
  1. package/dist/bin/config.js +20 -19
  2. package/dist/bin/designsystemet.js +421 -359
  3. package/dist/src/colors/index.d.ts +2 -2
  4. package/dist/src/colors/index.d.ts.map +1 -1
  5. package/dist/src/colors/index.js +143 -143
  6. package/dist/src/colors/theme.d.ts +1 -2
  7. package/dist/src/colors/theme.d.ts.map +1 -1
  8. package/dist/src/config.d.ts.map +1 -1
  9. package/dist/src/config.js +20 -19
  10. package/dist/src/index.js +394 -394
  11. package/dist/src/scripts/createJsonSchema.js +19 -19
  12. package/dist/src/scripts/update-template.d.ts.map +1 -1
  13. package/dist/src/tokens/build.d.ts.map +1 -1
  14. package/dist/src/tokens/build.js +89 -28
  15. package/dist/src/tokens/create/generators/$designsystemet.js +12 -13
  16. package/dist/src/tokens/create/generators/color.js +21 -21
  17. package/dist/src/tokens/create/write.js +13 -14
  18. package/dist/src/tokens/create.d.ts +1 -0
  19. package/dist/src/tokens/create.d.ts.map +1 -1
  20. package/dist/src/tokens/create.js +22 -21
  21. package/dist/src/tokens/format.d.ts.map +1 -1
  22. package/dist/src/tokens/format.js +883 -884
  23. package/dist/src/tokens/index.d.ts +2 -2
  24. package/dist/src/tokens/index.d.ts.map +1 -1
  25. package/dist/src/tokens/index.js +271 -271
  26. package/dist/src/tokens/process/configs/color.d.ts.map +1 -1
  27. package/dist/src/tokens/process/configs/color.js +5 -5
  28. package/dist/src/tokens/process/configs/semantic.d.ts.map +1 -1
  29. package/dist/src/tokens/process/configs/semantic.js +5 -5
  30. package/dist/src/tokens/process/configs/storefront.d.ts.map +1 -1
  31. package/dist/src/tokens/process/configs/storefront.js +1 -1
  32. package/dist/src/tokens/process/configs/typography.d.ts.map +1 -1
  33. package/dist/src/tokens/process/configs/typography.js +5 -5
  34. package/dist/src/tokens/process/configs.d.ts.map +1 -1
  35. package/dist/src/tokens/process/configs.js +5 -5
  36. package/dist/src/tokens/process/formats/css/color.js +2 -2
  37. package/dist/src/tokens/process/formats/css/semantic.js +2 -2
  38. package/dist/src/tokens/process/formats/css/typography.js +1 -1
  39. package/dist/src/tokens/process/formats/css.js +5 -5
  40. package/dist/src/tokens/process/formats/js-tokens.js +1 -1
  41. package/dist/src/tokens/process/output/tailwind.d.ts +3 -0
  42. package/dist/src/tokens/process/output/tailwind.d.ts.map +1 -0
  43. package/dist/src/tokens/process/output/tailwind.js +59 -0
  44. package/dist/src/tokens/process/{theme.d.ts → output/theme.d.ts} +2 -2
  45. package/dist/src/tokens/process/output/theme.d.ts.map +1 -0
  46. package/dist/src/tokens/process/{theme.js → output/theme.js} +15 -16
  47. package/dist/src/tokens/process/platform.d.ts +3 -1
  48. package/dist/src/tokens/process/platform.d.ts.map +1 -1
  49. package/dist/src/tokens/process/platform.js +5 -5
  50. package/dist/src/tokens/process/utils/getMultidimensionalThemes.js +5 -5
  51. package/dist/src/tokens/types.d.ts +1 -1
  52. package/dist/src/tokens/types.d.ts.map +1 -1
  53. package/dist/src/tokens/utils.d.ts.map +1 -1
  54. package/package.json +12 -13
  55. package/dist/src/tokens/process/theme.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/configs/color.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKrE,OAAO,EAAE,KAAK,wBAAwB,EAA0B,MAAM,aAAa,CAAC;AAEpF,eAAO,MAAM,oBAAoB,EAAE,wBA8BlC,CAAC;AAEF,KAAK,iBAAiB,GAAG;IAAE,QAAQ,EAAE,eAAe,CAAA;CAAE,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,aAAa,CAAA;CAAE,CAAC;AAEvG,eAAO,MAAM,sBAAsB,GAChC,MAAM,iBAAiB,KAAG,wBAgD1B,CAAC"}
1
+ {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/configs/color.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKrE,OAAO,EAAkB,KAAK,wBAAwB,EAAU,MAAM,aAAa,CAAC;AAEpF,eAAO,MAAM,oBAAoB,EAAE,wBA8BlC,CAAC;AAEF,KAAK,iBAAiB,GAAG;IAAE,QAAQ,EAAE,eAAe,CAAA;CAAE,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,aAAa,CAAA;CAAE,CAAC;AAEvG,eAAO,MAAM,sBAAsB,GAChC,MAAM,iBAAiB,KAAG,wBAgD1B,CAAC"}
@@ -76,7 +76,7 @@ var prefersColorScheme = (colorScheme2, content) => `
76
76
  `;
77
77
  var colorScheme = {
78
78
  name: "ds/css-colorscheme",
79
- format: async ({ dictionary, file, options, platform }) => {
79
+ format: async ({ dictionary, options, platform }) => {
80
80
  const { allTokens } = dictionary;
81
81
  const { outputReferences, usesDtcg } = options;
82
82
  const { selector, colorScheme: colorScheme2, layer } = platform;
@@ -118,7 +118,7 @@ ${selector} ${content} ${autoSelectorContent}
118
118
  };
119
119
  var colorCategory = {
120
120
  name: "ds/css-colorcategory",
121
- format: async ({ dictionary, file, options, platform }) => {
121
+ format: async ({ dictionary, options, platform }) => {
122
122
  const { outputReferences, usesDtcg } = options;
123
123
  const { selector, layer } = platform;
124
124
  const format = R2.compose(
@@ -161,7 +161,7 @@ var isInlineTokens = R3.anyPass([isNumericBorderRadiusToken, isNumericSizeToken,
161
161
  var overrideSizingFormula = (format, token) => {
162
162
  const [name, value] = format(token).split(":");
163
163
  const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
164
- const round = `round(down, ${calc}, 0.0625rem)`;
164
+ const round = `round(down, ${calc}, 1px)`;
165
165
  return {
166
166
  name,
167
167
  round,
@@ -189,7 +189,7 @@ ${round.join("\n")}
189
189
  };
190
190
  var semantic = {
191
191
  name: "ds/css-semantic",
192
- format: async ({ dictionary, file, options, platform }) => {
192
+ format: async ({ dictionary, options, platform }) => {
193
193
  const { outputReferences, usesDtcg } = options;
194
194
  const { selector, layer } = platform;
195
195
  const format = createPropertyFormatter2({
@@ -227,7 +227,7 @@ var typographyFontFamilyPredicate = R4.allPass([
227
227
  ]);
228
228
  var typography = {
229
229
  name: "ds/css-typography",
230
- format: async ({ dictionary, file, options, platform }) => {
230
+ format: async ({ dictionary, options, platform }) => {
231
231
  const { outputReferences, usesDtcg } = options;
232
232
  const { selector, layer } = platform;
233
233
  const format = createPropertyFormatter3({
@@ -1 +1 @@
1
- {"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/configs/semantic.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,wBAAwB,EAA0C,MAAM,aAAa,CAAC;AAEpG,eAAO,MAAM,iBAAiB,EAAE,wBA0C/B,CAAC"}
1
+ {"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/configs/semantic.ts"],"names":[],"mappings":"AAKA,OAAO,EAAkC,KAAK,wBAAwB,EAAU,MAAM,aAAa,CAAC;AAEpG,eAAO,MAAM,iBAAiB,EAAE,wBA0C/B,CAAC"}
@@ -74,7 +74,7 @@ var prefersColorScheme = (colorScheme2, content) => `
74
74
  `;
75
75
  var colorScheme = {
76
76
  name: "ds/css-colorscheme",
77
- format: async ({ dictionary, file, options, platform }) => {
77
+ format: async ({ dictionary, options, platform }) => {
78
78
  const { allTokens } = dictionary;
79
79
  const { outputReferences, usesDtcg } = options;
80
80
  const { selector, colorScheme: colorScheme2, layer } = platform;
@@ -116,7 +116,7 @@ ${selector} ${content} ${autoSelectorContent}
116
116
  };
117
117
  var colorCategory = {
118
118
  name: "ds/css-colorcategory",
119
- format: async ({ dictionary, file, options, platform }) => {
119
+ format: async ({ dictionary, options, platform }) => {
120
120
  const { outputReferences, usesDtcg } = options;
121
121
  const { selector, layer } = platform;
122
122
  const format = R2.compose(
@@ -159,7 +159,7 @@ var isInlineTokens = R3.anyPass([isNumericBorderRadiusToken, isNumericSizeToken,
159
159
  var overrideSizingFormula = (format, token) => {
160
160
  const [name, value] = format(token).split(":");
161
161
  const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
162
- const round = `round(down, ${calc}, 0.0625rem)`;
162
+ const round = `round(down, ${calc}, 1px)`;
163
163
  return {
164
164
  name,
165
165
  round,
@@ -187,7 +187,7 @@ ${round.join("\n")}
187
187
  };
188
188
  var semantic = {
189
189
  name: "ds/css-semantic",
190
- format: async ({ dictionary, file, options, platform }) => {
190
+ format: async ({ dictionary, options, platform }) => {
191
191
  const { outputReferences, usesDtcg } = options;
192
192
  const { selector, layer } = platform;
193
193
  const format = createPropertyFormatter2({
@@ -225,7 +225,7 @@ var typographyFontFamilyPredicate = R4.allPass([
225
225
  ]);
226
226
  var typography = {
227
227
  name: "ds/css-typography",
228
- format: async ({ dictionary, file, options, platform }) => {
228
+ format: async ({ dictionary, options, platform }) => {
229
229
  const { outputReferences, usesDtcg } = options;
230
230
  const { selector, layer } = platform;
231
231
  const format = createPropertyFormatter3({
@@ -1 +1 @@
1
- {"version":3,"file":"storefront.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/configs/storefront.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,wBAAwB,EAA0C,MAAM,aAAa,CAAC;AAEpG,eAAO,MAAM,gBAAgB,EAAE,wBAqC9B,CAAC"}
1
+ {"version":3,"file":"storefront.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/configs/storefront.ts"],"names":[],"mappings":"AAMA,OAAO,EAAkC,KAAK,wBAAwB,EAAU,MAAM,aAAa,CAAC;AAEpG,eAAO,MAAM,gBAAgB,EAAE,wBAqC9B,CAAC"}
@@ -72,7 +72,7 @@ var isInlineTokens = R2.anyPass([isNumericBorderRadiusToken, isNumericSizeToken,
72
72
  var overrideSizingFormula = (format, token) => {
73
73
  const [name, value] = format(token).split(":");
74
74
  const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
75
- const round = `round(down, ${calc}, 0.0625rem)`;
75
+ const round = `round(down, ${calc}, 1px)`;
76
76
  return {
77
77
  name,
78
78
  round,
@@ -1 +1 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/configs/typography.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,wBAAwB,EAA0B,MAAM,aAAa,CAAC;AAEpF,eAAO,MAAM,mBAAmB,EAAE,wBAkDjC,CAAC"}
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/configs/typography.ts"],"names":[],"mappings":"AAKA,OAAO,EAAkB,KAAK,wBAAwB,EAAU,MAAM,aAAa,CAAC;AAEpF,eAAO,MAAM,mBAAmB,EAAE,wBAkDjC,CAAC"}
@@ -73,7 +73,7 @@ var prefersColorScheme = (colorScheme2, content) => `
73
73
  `;
74
74
  var colorScheme = {
75
75
  name: "ds/css-colorscheme",
76
- format: async ({ dictionary, file, options, platform }) => {
76
+ format: async ({ dictionary, options, platform }) => {
77
77
  const { allTokens } = dictionary;
78
78
  const { outputReferences, usesDtcg } = options;
79
79
  const { selector, colorScheme: colorScheme2, layer } = platform;
@@ -115,7 +115,7 @@ ${selector} ${content} ${autoSelectorContent}
115
115
  };
116
116
  var colorCategory = {
117
117
  name: "ds/css-colorcategory",
118
- format: async ({ dictionary, file, options, platform }) => {
118
+ format: async ({ dictionary, options, platform }) => {
119
119
  const { outputReferences, usesDtcg } = options;
120
120
  const { selector, layer } = platform;
121
121
  const format = R2.compose(
@@ -158,7 +158,7 @@ var isInlineTokens = R3.anyPass([isNumericBorderRadiusToken, isNumericSizeToken,
158
158
  var overrideSizingFormula = (format, token) => {
159
159
  const [name, value] = format(token).split(":");
160
160
  const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
161
- const round = `round(down, ${calc}, 0.0625rem)`;
161
+ const round = `round(down, ${calc}, 1px)`;
162
162
  return {
163
163
  name,
164
164
  round,
@@ -186,7 +186,7 @@ ${round.join("\n")}
186
186
  };
187
187
  var semantic = {
188
188
  name: "ds/css-semantic",
189
- format: async ({ dictionary, file, options, platform }) => {
189
+ format: async ({ dictionary, options, platform }) => {
190
190
  const { outputReferences, usesDtcg } = options;
191
191
  const { selector, layer } = platform;
192
192
  const format = createPropertyFormatter2({
@@ -224,7 +224,7 @@ var typographyFontFamilyPredicate = R4.allPass([
224
224
  ]);
225
225
  var typography = {
226
226
  name: "ds/css-typography",
227
- format: async ({ dictionary, file, options, platform }) => {
227
+ format: async ({ dictionary, options, platform }) => {
228
228
  const { outputReferences, usesDtcg } = options;
229
229
  const { selector, layer } = platform;
230
230
  const format = createPropertyFormatter3({
@@ -1 +1 @@
1
- {"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../../src/tokens/process/configs.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAInG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAOpE,OAAO,EAAE,KAAK,oBAAoB,EAA6B,MAAM,sCAAsC,CAAC;AAc5G,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,WAAW,wBAAwB,EACnC,kBAAkB,oBAAoB,EAAE,EACxC,YAAY,cAAc,EAAE,EAC5B,SAAS,kBAAkB,KAC1B,2BAA2B,EAoD7B,CAAC"}
1
+ {"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../../src/tokens/process/configs.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAInG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAOpE,OAAO,EAA6B,KAAK,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAc5G,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,WAAW,wBAAwB,EACnC,kBAAkB,oBAAoB,EAAE,EACxC,YAAY,cAAc,EAAE,EAC5B,SAAS,kBAAkB,KAC1B,2BAA2B,EAoD7B,CAAC"}
@@ -93,7 +93,7 @@ var prefersColorScheme = (colorScheme2, content) => `
93
93
  `;
94
94
  var colorScheme = {
95
95
  name: "ds/css-colorscheme",
96
- format: async ({ dictionary, file, options, platform }) => {
96
+ format: async ({ dictionary, options, platform }) => {
97
97
  const { allTokens } = dictionary;
98
98
  const { outputReferences, usesDtcg } = options;
99
99
  const { selector, colorScheme: colorScheme2, layer } = platform;
@@ -135,7 +135,7 @@ ${selector} ${content} ${autoSelectorContent}
135
135
  };
136
136
  var colorCategory = {
137
137
  name: "ds/css-colorcategory",
138
- format: async ({ dictionary, file, options, platform }) => {
138
+ format: async ({ dictionary, options, platform }) => {
139
139
  const { outputReferences, usesDtcg } = options;
140
140
  const { selector, layer } = platform;
141
141
  const format = R2.compose(
@@ -178,7 +178,7 @@ var isInlineTokens = R3.anyPass([isNumericBorderRadiusToken, isNumericSizeToken,
178
178
  var overrideSizingFormula = (format, token) => {
179
179
  const [name, value] = format(token).split(":");
180
180
  const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
181
- const round = `round(down, ${calc}, 0.0625rem)`;
181
+ const round = `round(down, ${calc}, 1px)`;
182
182
  return {
183
183
  name,
184
184
  round,
@@ -206,7 +206,7 @@ ${round.join("\n")}
206
206
  };
207
207
  var semantic = {
208
208
  name: "ds/css-semantic",
209
- format: async ({ dictionary, file, options, platform }) => {
209
+ format: async ({ dictionary, options, platform }) => {
210
210
  const { outputReferences, usesDtcg } = options;
211
211
  const { selector, layer } = platform;
212
212
  const format = createPropertyFormatter2({
@@ -244,7 +244,7 @@ var typographyFontFamilyPredicate = R4.allPass([
244
244
  ]);
245
245
  var typography = {
246
246
  name: "ds/css-typography",
247
- format: async ({ dictionary, file, options, platform }) => {
247
+ format: async ({ dictionary, options, platform }) => {
248
248
  const { outputReferences, usesDtcg } = options;
249
249
  const { selector, layer } = platform;
250
250
  const format = createPropertyFormatter3({
@@ -54,7 +54,7 @@ var prefersColorScheme = (colorScheme2, content) => `
54
54
  `;
55
55
  var colorScheme = {
56
56
  name: "ds/css-colorscheme",
57
- format: async ({ dictionary, file, options, platform }) => {
57
+ format: async ({ dictionary, options, platform }) => {
58
58
  const { allTokens } = dictionary;
59
59
  const { outputReferences, usesDtcg } = options;
60
60
  const { selector, colorScheme: colorScheme2, layer } = platform;
@@ -96,7 +96,7 @@ ${selector} ${content} ${autoSelectorContent}
96
96
  };
97
97
  var colorCategory = {
98
98
  name: "ds/css-colorcategory",
99
- format: async ({ dictionary, file, options, platform }) => {
99
+ format: async ({ dictionary, options, platform }) => {
100
100
  const { outputReferences, usesDtcg } = options;
101
101
  const { selector, layer } = platform;
102
102
  const format = R2.compose(
@@ -50,7 +50,7 @@ var isInlineTokens = R2.anyPass([isNumericBorderRadiusToken, isNumericSizeToken,
50
50
  var overrideSizingFormula = (format, token) => {
51
51
  const [name, value] = format(token).split(":");
52
52
  const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
53
- const round = `round(down, ${calc}, 0.0625rem)`;
53
+ const round = `round(down, ${calc}, 1px)`;
54
54
  return {
55
55
  name,
56
56
  round,
@@ -78,7 +78,7 @@ ${round.join("\n")}
78
78
  };
79
79
  var semantic = {
80
80
  name: "ds/css-semantic",
81
- format: async ({ dictionary, file, options, platform }) => {
81
+ format: async ({ dictionary, options, platform }) => {
82
82
  const { outputReferences, usesDtcg } = options;
83
83
  const { selector, layer } = platform;
84
84
  const format = createPropertyFormatter({
@@ -7,7 +7,7 @@ var typographyFontFamilyPredicate = R.allPass([
7
7
  ]);
8
8
  var typography = {
9
9
  name: "ds/css-typography",
10
- format: async ({ dictionary, file, options, platform }) => {
10
+ format: async ({ dictionary, options, platform }) => {
11
11
  const { outputReferences, usesDtcg } = options;
12
12
  const { selector, layer } = platform;
13
13
  const format = createPropertyFormatter({
@@ -70,7 +70,7 @@ var prefersColorScheme = (colorScheme2, content) => `
70
70
  `;
71
71
  var colorScheme = {
72
72
  name: "ds/css-colorscheme",
73
- format: async ({ dictionary, file, options, platform }) => {
73
+ format: async ({ dictionary, options, platform }) => {
74
74
  const { allTokens } = dictionary;
75
75
  const { outputReferences, usesDtcg } = options;
76
76
  const { selector, colorScheme: colorScheme2, layer } = platform;
@@ -112,7 +112,7 @@ ${selector} ${content} ${autoSelectorContent}
112
112
  };
113
113
  var colorCategory = {
114
114
  name: "ds/css-colorcategory",
115
- format: async ({ dictionary, file, options, platform }) => {
115
+ format: async ({ dictionary, options, platform }) => {
116
116
  const { outputReferences, usesDtcg } = options;
117
117
  const { selector, layer } = platform;
118
118
  const format = R2.compose(
@@ -155,7 +155,7 @@ var isInlineTokens = R3.anyPass([isNumericBorderRadiusToken, isNumericSizeToken,
155
155
  var overrideSizingFormula = (format, token) => {
156
156
  const [name, value] = format(token).split(":");
157
157
  const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
158
- const round = `round(down, ${calc}, 0.0625rem)`;
158
+ const round = `round(down, ${calc}, 1px)`;
159
159
  return {
160
160
  name,
161
161
  round,
@@ -183,7 +183,7 @@ ${round.join("\n")}
183
183
  };
184
184
  var semantic = {
185
185
  name: "ds/css-semantic",
186
- format: async ({ dictionary, file, options, platform }) => {
186
+ format: async ({ dictionary, options, platform }) => {
187
187
  const { outputReferences, usesDtcg } = options;
188
188
  const { selector, layer } = platform;
189
189
  const format = createPropertyFormatter2({
@@ -221,7 +221,7 @@ var typographyFontFamilyPredicate = R4.allPass([
221
221
  ]);
222
222
  var typography = {
223
223
  name: "ds/css-typography",
224
- format: async ({ dictionary, file, options, platform }) => {
224
+ format: async ({ dictionary, options, platform }) => {
225
225
  const { outputReferences, usesDtcg } = options;
226
226
  const { selector, layer } = platform;
227
227
  const format = createPropertyFormatter3({
@@ -68,7 +68,7 @@ var isInlineTokens = R2.anyPass([isNumericBorderRadiusToken, isNumericSizeToken,
68
68
  var overrideSizingFormula = (format, token) => {
69
69
  const [name, value] = format(token).split(":");
70
70
  const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
71
- const round = `round(down, ${calc}, 0.0625rem)`;
71
+ const round = `round(down, ${calc}, 1px)`;
72
72
  return {
73
73
  name,
74
74
  round,
@@ -0,0 +1,3 @@
1
+ import type { OutputFile } from '../../types.js';
2
+ export declare const createTailwindCSSFiles: (cssFiles: OutputFile[]) => OutputFile[];
3
+ //# sourceMappingURL=tailwind.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tailwind.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/output/tailwind.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,sBAAsB,GAAI,UAAU,UAAU,EAAE,KAAG,UAAU,EAezE,CAAC"}
@@ -0,0 +1,59 @@
1
+ // src/tokens/process/output/tailwind.ts
2
+ var createTailwindCSSFiles = (cssFiles) => {
3
+ console.log("\n\u{1F371} Creating Tailwind Config");
4
+ return cssFiles.map((file) => {
5
+ if (file.destination) {
6
+ const tailwindConfig = generateTailwind(file.output);
7
+ const tailwindFile = {
8
+ destination: file.destination.replace(".css", ".tailwind.css"),
9
+ output: tailwindConfig
10
+ };
11
+ return tailwindFile;
12
+ }
13
+ return void 0;
14
+ }).filter((item) => item !== void 0);
15
+ };
16
+ var generateTailwind = (css) => {
17
+ const tailwind = ["--font-sans: var(--ds-font-family)"];
18
+ const tokens = Array.from(new Set(css.match(/--ds-[^:)]+/g)), (m) => m).sort(
19
+ (a, b) => a.localeCompare(b, void 0, { numeric: true, sensitivity: "base" })
20
+ );
21
+ for (const token of tokens) {
22
+ if (token.startsWith("--ds-color-") && !token.startsWith("--ds-color-focus")) {
23
+ tailwind.push(`--color-${token.replace("--ds-color-", "")}: var(${token})`);
24
+ } else if (token.startsWith("--ds-font-weight-")) {
25
+ tailwind.push(`--font-weight-${token.replace("--ds-font-weight-", "")}: var(${token})`);
26
+ } else if (token.match(/--ds-border-radius-(sm|md|lg|xl)/)) {
27
+ tailwind.push(`--radius-${token.replace("--ds-border-radius-", "")}: var(${token})`);
28
+ } else if (token.match(/--ds-body-(sm|mg|lg)-body-font-size/)) {
29
+ tailwind.push(`--text-${token.replace("--ds-body-", "").replace("-font-size", "")}: var(${token})`);
30
+ } else if (token.match(/^--ds-size-\d+$/)) {
31
+ tailwind.push(`--spacing-${token.replace("--ds-size-", "")}: var(${token})`);
32
+ }
33
+ }
34
+ const dynamicColors = `[data-color] {
35
+ --color-background-default: var(--ds-color-background-default);
36
+ --color-background-tinted: var(--ds-color-background-tinted);
37
+ --color-surface-default: var(--ds-color-surface-default);
38
+ --color-surface-tinted: var(--ds-color-surface-tinted);
39
+ --color-surface-hover: var(--ds-color-surface-hover);
40
+ --color-surface-active: var(--ds-color-surface-active);
41
+ --color-border-subtle: var(--ds-color-border-subtle);
42
+ --color-border-default: var(--ds-color-border-default);
43
+ --color-border-strong: var(--ds-color-border-strong);
44
+ --color-text-subtle: var(--ds-color-text-subtle);
45
+ --color-text-default: var(--ds-color-text-default);
46
+ --color-base-default: var(--ds-color-base-default);
47
+ --color-base-hover: var(--ds-color-base-hover);
48
+ --color-base-active: var(--ds-color-base-active);
49
+ --color-base-contrast-subtle: var(--ds-color-base-contrast-subtle);
50
+ --color-base-contrast-default: var(--ds-color-base-contrast-default);
51
+ }`;
52
+ return `@theme {${tailwind.map((str) => `
53
+ ${str};`).join("")}
54
+ }
55
+ ${dynamicColors}`;
56
+ };
57
+ export {
58
+ createTailwindCSSFiles
59
+ };
@@ -1,5 +1,5 @@
1
- import type { OutputFile } from '../types.js';
2
- import type { ProcessReturn } from './platform.js';
1
+ import type { OutputFile } from '../../types.js';
2
+ import type { ProcessReturn } from '../platform.js';
3
3
  export declare const defaultFileHeader: string;
4
4
  type CreateThemeCSSFiles = {
5
5
  /** The processed build results containing formatted CSS outputs grouped by themes and other permutations. */
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/process/output/theme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,QAA2B,CAAC;AAE1D,KAAK,mBAAmB,GAAG;IACzB,6GAA6G;IAC7G,eAAe,EAAE,aAAa,CAAC;IAC/B,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB,GAAI,kCAGjC,mBAAmB,KAAG,UAAU,EA8ElC,CAAC"}
@@ -1,11 +1,11 @@
1
- // src/tokens/process/theme.ts
2
- import * as R from "ramda";
1
+ // src/tokens/process/output/theme.ts
3
2
  import chalk from "chalk";
3
+ import * as R from "ramda";
4
4
 
5
5
  // package.json
6
6
  var package_default = {
7
7
  name: "@digdir/designsystemet",
8
- version: "1.0.8",
8
+ version: "1.1.0",
9
9
  description: "CLI for Designsystemet",
10
10
  author: "Designsystemet team",
11
11
  engines: {
@@ -15,7 +15,7 @@ var package_default = {
15
15
  type: "git",
16
16
  url: "git+https://github.com/digdir/designsystemet.git"
17
17
  },
18
- homepage: "https://github.com/digdir/designsystemet/tree/main/scripts/cli",
18
+ homepage: "https://github.com/digdir/designsystemet/tree/main/packages/cli",
19
19
  license: "MIT",
20
20
  type: "module",
21
21
  main: "./dist/src/index.js",
@@ -40,8 +40,6 @@ var package_default = {
40
40
  },
41
41
  scripts: {
42
42
  designsystemet: "tsx ./bin/designsystemet.ts",
43
- "build:tokens": "pnpm run designsystemet tokens build -p -t ../../internal/design-tokens -o ../../packages/theme/brand --clean",
44
- "build:tokens:debug": "tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../internal/design-tokens -o ../../packages/theme/brand --clean",
45
43
  build: "tsup && pnpm build:types && pnpm build:json-schema",
46
44
  "build:types": "tsc --emitDeclarationOnly --declaration",
47
45
  "build:json-schema": "tsx ./src/scripts/createJsonSchema.ts",
@@ -49,17 +47,20 @@ var package_default = {
49
47
  "test:tokens-create-options": 'pnpm run designsystemet tokens create -m dominant:"#007682" -n "#003333" -b 99 -o ./temp/options/design-tokens --theme options --clean',
50
48
  "test:tokens-create-config": "pnpm run designsystemet tokens create --config ./configs/test-tokens.config.json",
51
49
  "test:tokens-build": "pnpm run designsystemet tokens build -t ./temp/options/design-tokens -o ./temp/options/build --clean",
50
+ "test:tokens-build-tailwind": "pnpm run designsystemet tokens build -t ./temp/options/design-tokens -o ./temp/options/build --clean --experimental-tailwind",
52
51
  "test:tokens-build-config": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean",
52
+ "test:tokens-build-config-tailwind": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean --experimental-tailwind",
53
53
  "test:tokens-create-and-build-options": "pnpm test:tokens-create-options && pnpm test:tokens-build",
54
54
  "test:tokens-create-and-build-config": "pnpm test:tokens-create-config && pnpm test:tokens-build-config",
55
55
  test: "pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
56
+ "digdir:tokens-build": "pnpm run designsystemet tokens build -t ../../internal/design-tokens -o ../../packages/theme/brand --clean --experimental-tailwind",
56
57
  "digdir:tokens-create": "pnpm run designsystemet tokens create --config ./configs/digdir.config.json",
57
58
  "update:template": "tsx ./src/scripts/update-template.ts",
58
- "update:theme-digdir": "pnpm digdir:tokens-create && tsx ./src/scripts/update-design-tokens.ts",
59
+ "update:theme-digdir": "pnpm digdir:tokens-create && tsx ./src/scripts/update-design-tokens.ts && pnpm digdir:tokens-build",
59
60
  verify: "pnpm test && pnpm update:template && pnpm update:theme-digdir && pnpm build:tokens"
60
61
  },
61
62
  dependencies: {
62
- "@commander-js/extra-typings": "^13.1.0",
63
+ "@commander-js/extra-typings": "^14.0.0",
63
64
  "@tokens-studio/sd-transforms": "1.3.0",
64
65
  "apca-w3": "^0.1.9",
65
66
  chalk: "^5.4.1",
@@ -70,11 +71,11 @@ var package_default = {
70
71
  "fast-glob": "^3.3.3",
71
72
  hsluv: "^1.0.1",
72
73
  "object-hash": "^3.0.0",
73
- postcss: "^8.5.3",
74
+ postcss: "^8.5.5",
74
75
  ramda: "^0.30.1",
75
76
  "style-dictionary": "^4.4.0",
76
- zod: "^3.25.30",
77
- "zod-validation-error": "^3.4.1"
77
+ zod: "^3.25.64",
78
+ "zod-validation-error": "^3.5.0"
78
79
  },
79
80
  devDependencies: {
80
81
  "@tokens-studio/types": "0.5.2",
@@ -82,20 +83,18 @@ var package_default = {
82
83
  "@types/chroma-js": "^3.1.1",
83
84
  "@types/fs-extra": "^11.0.4",
84
85
  "@types/glob": "^8.1.0",
85
- "@types/jscodeshift": "^0.12.0",
86
- "@types/node": "^22.15.21",
86
+ "@types/node": "^22.15.31",
87
87
  "@types/object-hash": "^3.0.6",
88
88
  "@types/ramda": "^0.30.2",
89
89
  "fs-extra": "^11.3.0",
90
- "ts-toolbelt": "^9.6.0",
91
90
  tslib: "^2.8.1",
92
91
  tsup: "^8.5.0",
93
- tsx: "^4.19.4",
92
+ tsx: "^4.20.3",
94
93
  typescript: "^5.8.3"
95
94
  }
96
95
  };
97
96
 
98
- // src/tokens/process/theme.ts
97
+ // src/tokens/process/output/theme.ts
99
98
  var defaultFileHeader = `build: v${package_default.version}`;
100
99
  var createThemeCSSFiles = ({
101
100
  processedBuilds,
@@ -19,6 +19,8 @@ export type BuildOptions = {
19
19
  tokensDir: string;
20
20
  /** Output directory for built tokens */
21
21
  outDir: string;
22
+ /** Tailwind CSS configuration */
23
+ tailwind?: boolean;
22
24
  } & SharedOptions;
23
25
  export type FormatOptions = {
24
26
  type: 'format';
@@ -80,6 +82,6 @@ declare const buildConfigs: {
80
82
  dimensions: "semantic"[];
81
83
  };
82
84
  };
83
- export declare function processPlatform<T>(options: ProcessOptions): Promise<ProcessReturn>;
85
+ export declare function processPlatform(options: ProcessOptions): Promise<ProcessReturn>;
84
86
  export {};
85
87
  //# sourceMappingURL=platform.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/tokens/process/platform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAoB,KAAK,gBAAgB,EAAmB,MAAM,aAAa,CAAC;AAIvF,KAAK,aAAa,GAAG;IACnB,4BAA4B;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,8BAA8B;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,yBAAyB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAElB,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,gBAAgB;IAChB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CAClC,GAAG,aAAa,CAAC;AAElB,KAAK,cAAc,GAAG,YAAY,GAAG,aAAa,CAAC;AAEnD,KAAK,qBAAqB,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjE,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,UAAU,EAAE,CAAC;CACzB,CAAC;AAeF,eAAO,IAAI,YAAY,EAAE,cAAc,GAAG,SAAS,CAAC;AAkBpD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCqB,CAAC;AAExC,wBAAsB,eAAe,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC,CA0IxF"}
1
+ {"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/tokens/process/platform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAqC,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIvF,KAAK,aAAa,GAAG;IACnB,4BAA4B;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,8BAA8B;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,yBAAyB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,aAAa,CAAC;AAElB,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,gBAAgB;IAChB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CAClC,GAAG,aAAa,CAAC;AAElB,KAAK,cAAc,GAAG,YAAY,GAAG,aAAa,CAAC;AAEnD,KAAK,qBAAqB,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjE,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,UAAU,EAAE,CAAC;CACzB,CAAC;AAeF,eAAO,IAAI,YAAY,EAAE,cAAc,GAAG,SAAS,CAAC;AAkBpD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCqB,CAAC;AAExC,wBAAsB,eAAe,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC,CA0IrF"}
@@ -96,7 +96,7 @@ var prefersColorScheme = (colorScheme2, content) => `
96
96
  `;
97
97
  var colorScheme = {
98
98
  name: "ds/css-colorscheme",
99
- format: async ({ dictionary, file, options, platform }) => {
99
+ format: async ({ dictionary, options, platform }) => {
100
100
  const { allTokens } = dictionary;
101
101
  const { outputReferences, usesDtcg } = options;
102
102
  const { selector, colorScheme: colorScheme2, layer } = platform;
@@ -138,7 +138,7 @@ ${selector} ${content} ${autoSelectorContent}
138
138
  };
139
139
  var colorCategory = {
140
140
  name: "ds/css-colorcategory",
141
- format: async ({ dictionary, file, options, platform }) => {
141
+ format: async ({ dictionary, options, platform }) => {
142
142
  const { outputReferences, usesDtcg } = options;
143
143
  const { selector, layer } = platform;
144
144
  const format = R2.compose(
@@ -181,7 +181,7 @@ var isInlineTokens = R3.anyPass([isNumericBorderRadiusToken, isNumericSizeToken,
181
181
  var overrideSizingFormula = (format, token) => {
182
182
  const [name, value] = format(token).split(":");
183
183
  const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
184
- const round = `round(down, ${calc}, 0.0625rem)`;
184
+ const round = `round(down, ${calc}, 1px)`;
185
185
  return {
186
186
  name,
187
187
  round,
@@ -209,7 +209,7 @@ ${round.join("\n")}
209
209
  };
210
210
  var semantic = {
211
211
  name: "ds/css-semantic",
212
- format: async ({ dictionary, file, options, platform }) => {
212
+ format: async ({ dictionary, options, platform }) => {
213
213
  const { outputReferences, usesDtcg } = options;
214
214
  const { selector, layer } = platform;
215
215
  const format = createPropertyFormatter2({
@@ -247,7 +247,7 @@ var typographyFontFamilyPredicate = R4.allPass([
247
247
  ]);
248
248
  var typography = {
249
249
  name: "ds/css-typography",
250
- format: async ({ dictionary, file, options, platform }) => {
250
+ format: async ({ dictionary, options, platform }) => {
251
251
  const { outputReferences, usesDtcg } = options;
252
252
  const { selector, layer } = platform;
253
253
  const format = createPropertyFormatter3({
@@ -252,7 +252,7 @@ var prefersColorScheme = (colorScheme2, content) => `
252
252
  `;
253
253
  var colorScheme = {
254
254
  name: "ds/css-colorscheme",
255
- format: async ({ dictionary, file, options, platform }) => {
255
+ format: async ({ dictionary, options, platform }) => {
256
256
  const { allTokens } = dictionary;
257
257
  const { outputReferences, usesDtcg } = options;
258
258
  const { selector, colorScheme: colorScheme2, layer } = platform;
@@ -294,7 +294,7 @@ ${selector} ${content} ${autoSelectorContent}
294
294
  };
295
295
  var colorCategory = {
296
296
  name: "ds/css-colorcategory",
297
- format: async ({ dictionary, file, options, platform }) => {
297
+ format: async ({ dictionary, options, platform }) => {
298
298
  const { outputReferences, usesDtcg } = options;
299
299
  const { selector, layer } = platform;
300
300
  const format = R2.compose(
@@ -337,7 +337,7 @@ var isInlineTokens = R3.anyPass([isNumericBorderRadiusToken, isNumericSizeToken,
337
337
  var overrideSizingFormula = (format, token) => {
338
338
  const [name, value] = format(token).split(":");
339
339
  const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
340
- const round = `round(down, ${calc}, 0.0625rem)`;
340
+ const round = `round(down, ${calc}, 1px)`;
341
341
  return {
342
342
  name,
343
343
  round,
@@ -365,7 +365,7 @@ ${round.join("\n")}
365
365
  };
366
366
  var semantic = {
367
367
  name: "ds/css-semantic",
368
- format: async ({ dictionary, file, options, platform }) => {
368
+ format: async ({ dictionary, options, platform }) => {
369
369
  const { outputReferences, usesDtcg } = options;
370
370
  const { selector, layer } = platform;
371
371
  const format = createPropertyFormatter2({
@@ -403,7 +403,7 @@ var typographyFontFamilyPredicate = R4.allPass([
403
403
  ]);
404
404
  var typography = {
405
405
  name: "ds/css-typography",
406
- format: async ({ dictionary, file, options, platform }) => {
406
+ format: async ({ dictionary, options, platform }) => {
407
407
  const { outputReferences, usesDtcg } = options;
408
408
  const { selector, layer } = platform;
409
409
  const format = createPropertyFormatter3({
@@ -56,7 +56,7 @@ export type SDConfigForThemePermutation = {
56
56
  };
57
57
  export type OutputFile = {
58
58
  output: string;
59
- destination: string | undefined;
59
+ destination: string;
60
60
  };
61
61
  export type DesignsystemetObject = {
62
62
  name: string;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tokens/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAE5E,MAAM,MAAM,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACjF,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;CACjC,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAE9C,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AACrC,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAE7C,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAEhC,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,gBAAgB,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,SAAS,EAAE,wBAAwB,CAAC;IACpC,0FAA0F;IAC1F,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,0BAA0B;IAC1B,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,2BAA2B,KAAK,MAAM,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IAAE,WAAW,EAAE,gBAAgB,CAAC;IAAC,MAAM,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE9F,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tokens/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAE5E,MAAM,MAAM,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACjF,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;CACjC,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAE9C,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AACrC,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;AAE7C,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAEhC,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,gBAAgB,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,SAAS,EAAE,wBAAwB,CAAC;IACpC,0FAA0F;IAC1F,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,0BAA0B;IAC1B,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,2BAA2B,KAAK,MAAM,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IAAE,WAAW,EAAE,gBAAgB,CAAC;IAAC,MAAM,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE9F,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC"}