@digdir/designsystemet 1.0.3 → 1.0.5

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 (189) hide show
  1. package/dist/bin/designsystemet.js +4287 -45
  2. package/dist/bin/options.js +5 -4
  3. package/dist/src/colors/colorMetadata.js +5 -4
  4. package/dist/src/colors/index.js +470 -4
  5. package/dist/src/colors/theme.js +286 -20
  6. package/dist/src/colors/utils.js +16 -15
  7. package/dist/{bin → src}/config.d.ts +46 -1
  8. package/dist/src/config.d.ts.map +1 -0
  9. package/dist/src/config.js +377 -0
  10. package/dist/src/index.js +3682 -2
  11. package/dist/src/migrations/beta-to-v1.js +85 -4
  12. package/dist/src/migrations/codemods/css/plugins.js +5 -4
  13. package/dist/src/migrations/codemods/css/run.d.ts.map +1 -1
  14. package/dist/src/migrations/codemods/css/run.js +18 -4
  15. package/dist/src/migrations/color-rename-next49.js +77 -6
  16. package/dist/src/migrations/index.d.ts +0 -1
  17. package/dist/src/migrations/index.d.ts.map +1 -1
  18. package/dist/src/migrations/index.js +461 -6
  19. package/dist/src/scripts/createJsonSchema.js +1608 -4
  20. package/dist/src/scripts/update-design-tokens.d.ts +2 -0
  21. package/dist/src/scripts/update-design-tokens.d.ts.map +1 -0
  22. package/dist/src/scripts/update-design-tokens.js +37 -0
  23. package/dist/src/{tokens/template.d.ts → scripts/update-template.d.ts} +1 -1
  24. package/dist/src/scripts/update-template.d.ts.map +1 -0
  25. package/dist/src/scripts/update-template.js +1200 -0
  26. package/dist/src/tokens/build.d.ts +2 -19
  27. package/dist/src/tokens/build.d.ts.map +1 -1
  28. package/dist/src/tokens/build.js +1268 -70
  29. package/dist/src/tokens/create/defaults.d.ts +7 -0
  30. package/dist/src/tokens/create/defaults.d.ts.map +1 -0
  31. package/dist/src/tokens/create/defaults.js +994 -0
  32. package/dist/src/tokens/create/generators/$designsystemet.d.ts +5 -0
  33. package/dist/src/tokens/create/generators/$designsystemet.d.ts.map +1 -0
  34. package/dist/src/tokens/create/generators/$designsystemet.js +101 -0
  35. package/dist/src/tokens/create/generators/$metadata.d.ts +8 -0
  36. package/dist/src/tokens/create/generators/$metadata.d.ts.map +1 -0
  37. package/dist/src/tokens/{write/generate$metadata.js → create/generators/$metadata.js} +3 -2
  38. package/dist/src/tokens/create/generators/$themes.d.ts +12 -0
  39. package/dist/src/tokens/create/generators/$themes.d.ts.map +1 -0
  40. package/dist/src/tokens/create/generators/$themes.js +333 -0
  41. package/dist/src/tokens/create/generators/color.d.ts +5 -0
  42. package/dist/src/tokens/create/generators/color.d.ts.map +1 -0
  43. package/dist/src/tokens/create/generators/color.js +374 -0
  44. package/dist/src/tokens/create/generators/semantic.d.ts +296 -0
  45. package/dist/src/tokens/create/generators/semantic.d.ts.map +1 -0
  46. package/dist/src/tokens/create/generators/semantic.js +483 -0
  47. package/dist/src/tokens/create/generators/theme.d.ts +3 -0
  48. package/dist/src/tokens/create/generators/theme.d.ts.map +1 -0
  49. package/dist/src/tokens/create/generators/theme.js +168 -0
  50. package/dist/src/tokens/create/generators/typography.d.ts +3 -0
  51. package/dist/src/tokens/create/generators/typography.d.ts.map +1 -0
  52. package/dist/src/tokens/create/generators/typography.js +33 -0
  53. package/dist/src/tokens/{write.d.ts → create/write.d.ts} +2 -2
  54. package/dist/src/tokens/create/write.d.ts.map +1 -0
  55. package/dist/src/tokens/create/write.js +547 -0
  56. package/dist/src/tokens/create.d.ts +4 -2
  57. package/dist/src/tokens/create.d.ts.map +1 -1
  58. package/dist/src/tokens/create.js +2049 -59
  59. package/dist/src/tokens/format.d.ts +15 -0
  60. package/dist/src/tokens/format.d.ts.map +1 -0
  61. package/dist/src/tokens/format.js +3529 -0
  62. package/dist/src/tokens/index.d.ts +1 -0
  63. package/dist/src/tokens/index.d.ts.map +1 -1
  64. package/dist/src/tokens/index.js +3542 -2
  65. package/dist/src/tokens/process/configs/color.d.ts +12 -0
  66. package/dist/src/tokens/process/configs/color.d.ts.map +1 -0
  67. package/dist/src/tokens/process/configs/color.js +823 -0
  68. package/dist/src/tokens/process/configs/semantic.d.ts +3 -0
  69. package/dist/src/tokens/process/configs/semantic.d.ts.map +1 -0
  70. package/dist/src/tokens/process/configs/semantic.js +367 -0
  71. package/dist/src/tokens/process/configs/shared.d.ts +10 -0
  72. package/dist/src/tokens/process/configs/shared.d.ts.map +1 -0
  73. package/dist/src/tokens/process/configs/shared.js +99 -0
  74. package/dist/src/tokens/process/configs/storefront.d.ts +3 -0
  75. package/dist/src/tokens/process/configs/storefront.d.ts.map +1 -0
  76. package/dist/src/tokens/process/configs/storefront.js +220 -0
  77. package/dist/src/tokens/process/configs/typography.d.ts +3 -0
  78. package/dist/src/tokens/process/configs/typography.d.ts.map +1 -0
  79. package/dist/src/tokens/process/configs/typography.js +369 -0
  80. package/dist/src/tokens/{build → process}/configs.d.ts +3 -11
  81. package/dist/src/tokens/process/configs.d.ts.map +1 -0
  82. package/dist/src/tokens/process/configs.js +976 -0
  83. package/dist/src/tokens/process/formats/css/color.d.ts +4 -0
  84. package/dist/src/tokens/process/formats/css/color.d.ts.map +1 -0
  85. package/dist/src/tokens/process/formats/css/color.js +128 -0
  86. package/dist/src/tokens/process/formats/css/semantic.d.ts +17 -0
  87. package/dist/src/tokens/process/formats/css/semantic.d.ts.map +1 -0
  88. package/dist/src/tokens/process/formats/css/semantic.js +109 -0
  89. package/dist/src/tokens/process/formats/css/typography.d.ts +3 -0
  90. package/dist/src/tokens/process/formats/css/typography.d.ts.map +1 -0
  91. package/dist/src/tokens/process/formats/css/typography.js +32 -0
  92. package/dist/src/tokens/process/formats/css.d.ts +8 -0
  93. package/dist/src/tokens/process/formats/css.d.ts.map +1 -0
  94. package/dist/src/tokens/{build → process}/formats/css.js +94 -57
  95. package/dist/src/tokens/process/formats/js-tokens.d.ts.map +1 -0
  96. package/dist/src/tokens/process/formats/js-tokens.js +109 -0
  97. package/dist/src/tokens/process/platform.d.ts +87 -0
  98. package/dist/src/tokens/process/platform.d.ts.map +1 -0
  99. package/dist/src/tokens/process/platform.js +1090 -0
  100. package/dist/src/tokens/process/theme.d.ts +27 -0
  101. package/dist/src/tokens/process/theme.d.ts.map +1 -0
  102. package/dist/src/tokens/process/theme.js +172 -0
  103. package/dist/src/tokens/process/transformers.d.ts.map +1 -0
  104. package/dist/src/tokens/{build → process}/transformers.js +29 -6
  105. package/dist/src/tokens/{build → process}/utils/getMultidimensionalThemes.d.ts +3 -3
  106. package/dist/src/tokens/process/utils/getMultidimensionalThemes.d.ts.map +1 -0
  107. package/dist/src/tokens/process/utils/getMultidimensionalThemes.js +922 -0
  108. package/dist/src/tokens/template/design-tokens/primitives/globals.js +5 -0
  109. package/dist/src/tokens/template/design-tokens/primitives/modes/size/global.js +5 -0
  110. package/dist/src/tokens/template/design-tokens/primitives/modes/size/large.js +5 -0
  111. package/dist/src/tokens/template/design-tokens/primitives/modes/size/medium.js +5 -0
  112. package/dist/src/tokens/template/design-tokens/primitives/modes/size/small.js +5 -0
  113. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/large.js +5 -0
  114. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/medium.js +5 -0
  115. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/small.js +5 -0
  116. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/typography.template.js +5 -0
  117. package/dist/src/tokens/template/design-tokens/semantic/color.base.template.js +5 -0
  118. package/dist/src/tokens/template/design-tokens/semantic/color.template.js +5 -0
  119. package/dist/src/tokens/template/design-tokens/semantic/modes/color.template.js +5 -0
  120. package/dist/src/tokens/template/design-tokens/semantic/style.js +5 -0
  121. package/dist/src/tokens/template/design-tokens/themes/theme.base.template.js +5 -0
  122. package/dist/src/tokens/template/design-tokens/themes/theme.template.js +5 -0
  123. package/dist/src/tokens/types.d.ts +58 -38
  124. package/dist/src/tokens/types.d.ts.map +1 -1
  125. package/dist/src/tokens/types.js +8 -0
  126. package/dist/src/tokens/utils.d.ts +30 -5
  127. package/dist/src/tokens/utils.d.ts.map +1 -1
  128. package/dist/src/tokens/utils.js +36 -50
  129. package/dist/src/utils.d.ts +18 -0
  130. package/dist/src/utils.d.ts.map +1 -0
  131. package/dist/src/utils.js +63 -0
  132. package/dist/typography.template-4N5YLH7F.json +22 -0
  133. package/package.json +22 -20
  134. package/dist/bin/config.d.ts.map +0 -1
  135. package/dist/bin/config.js +0 -71
  136. package/dist/src/migrations/codemods/jsx/classname-prefix.d.ts +0 -10
  137. package/dist/src/migrations/codemods/jsx/classname-prefix.d.ts.map +0 -1
  138. package/dist/src/migrations/codemods/jsx/classname-prefix.js +0 -64
  139. package/dist/src/migrations/codemods/jsx/run.d.ts +0 -7
  140. package/dist/src/migrations/codemods/jsx/run.d.ts.map +0 -1
  141. package/dist/src/migrations/codemods/jsx/run.js +0 -22
  142. package/dist/src/migrations/react-beta-to-v1.d.ts +0 -3
  143. package/dist/src/migrations/react-beta-to-v1.d.ts.map +0 -1
  144. package/dist/src/migrations/react-beta-to-v1.js +0 -5
  145. package/dist/src/scripts/copy-internal-tokens.d.ts +0 -2
  146. package/dist/src/scripts/copy-internal-tokens.d.ts.map +0 -1
  147. package/dist/src/scripts/copy-internal-tokens.js +0 -28
  148. package/dist/src/tokens/build/configs.d.ts.map +0 -1
  149. package/dist/src/tokens/build/configs.js +0 -280
  150. package/dist/src/tokens/build/formats/css.d.ts +0 -53
  151. package/dist/src/tokens/build/formats/css.d.ts.map +0 -1
  152. package/dist/src/tokens/build/formats/js-tokens.d.ts.map +0 -1
  153. package/dist/src/tokens/build/formats/js-tokens.js +0 -48
  154. package/dist/src/tokens/build/transformers.d.ts.map +0 -1
  155. package/dist/src/tokens/build/types.d.ts +0 -48
  156. package/dist/src/tokens/build/types.d.ts.map +0 -1
  157. package/dist/src/tokens/build/types.js +0 -7
  158. package/dist/src/tokens/build/utils/entryfile.d.ts +0 -12
  159. package/dist/src/tokens/build/utils/entryfile.d.ts.map +0 -1
  160. package/dist/src/tokens/build/utils/entryfile.js +0 -67
  161. package/dist/src/tokens/build/utils/getMultidimensionalThemes.d.ts.map +0 -1
  162. package/dist/src/tokens/build/utils/getMultidimensionalThemes.js +0 -112
  163. package/dist/src/tokens/design-tokens/template/$metadata.json +0 -25
  164. package/dist/src/tokens/design-tokens/template/$themes.json +0 -1498
  165. package/dist/src/tokens/template.d.ts.map +0 -1
  166. package/dist/src/tokens/template.js +0 -99
  167. package/dist/src/tokens/write/generate$metadata.d.ts +0 -9
  168. package/dist/src/tokens/write/generate$metadata.d.ts.map +0 -1
  169. package/dist/src/tokens/write/generate$themes.d.ts +0 -12
  170. package/dist/src/tokens/write/generate$themes.d.ts.map +0 -1
  171. package/dist/src/tokens/write/generate$themes.js +0 -161
  172. package/dist/src/tokens/write.d.ts.map +0 -1
  173. package/dist/src/tokens/write.js +0 -177
  174. /package/dist/{src/tokens/design-tokens/template/semantic/color-base-file.json → color.base.template-M7BHS4OV.json} +0 -0
  175. /package/dist/{src/tokens/design-tokens/template/semantic/modes/category-color/category-color-template.json → color.template-LMPUQ72A.json} +0 -0
  176. /package/dist/{src/tokens/design-tokens/template/semantic/semantic-color-template.json → color.template-XQNSHLTU.json} +0 -0
  177. /package/dist/{src/tokens/design-tokens/default/primitives/modes/size/global.json → global-XVXVBKM6.json} +0 -0
  178. /package/dist/{src/tokens/design-tokens/default/primitives/globals.json → globals-76VAFMDF.json} +0 -0
  179. /package/dist/{src/tokens/design-tokens/default/primitives/modes/typography/size/large.json → large-CIIHO7AY.json} +0 -0
  180. /package/dist/{src/tokens/design-tokens/default/primitives/modes/size/large.json → large-UUOZ6DYI.json} +0 -0
  181. /package/dist/{src/tokens/design-tokens/default/primitives/modes/size/medium.json → medium-OQ7S7P4P.json} +0 -0
  182. /package/dist/{src/tokens/design-tokens/default/primitives/modes/typography/size/medium.json → medium-VSB2S4X3.json} +0 -0
  183. /package/dist/{src/tokens/design-tokens/default/primitives/modes/typography/size/small.json → small-AEXJ6U7Z.json} +0 -0
  184. /package/dist/{src/tokens/design-tokens/default/primitives/modes/size/small.json → small-ZY4KOJWX.json} +0 -0
  185. /package/dist/src/tokens/{build → process}/formats/js-tokens.d.ts +0 -0
  186. /package/dist/src/tokens/{build → process}/transformers.d.ts +0 -0
  187. /package/dist/{src/tokens/design-tokens/default/semantic/style.json → style-FP5XVCUD.json} +0 -0
  188. /package/dist/{src/tokens/design-tokens/template/themes/theme-base-file.json → theme.base.template-Y4RMFBQY.json} +0 -0
  189. /package/dist/{src/tokens/design-tokens/template/themes/theme-color-template.json → theme.template-CTQRNOMO.json} +0 -0
@@ -0,0 +1,994 @@
1
+ // src/tokens/create/defaults.ts
2
+ import * as R from "ramda";
3
+
4
+ // src/tokens/template/design-tokens/primitives/globals.json with { type: 'json' }
5
+ var globals_default = {
6
+ "border-width": {
7
+ "1": {
8
+ $type: "borderWidth",
9
+ $value: "1px"
10
+ },
11
+ "3": {
12
+ $type: "borderWidth",
13
+ $value: "3px"
14
+ }
15
+ },
16
+ shadow: {
17
+ "100": {
18
+ $type: "boxShadow",
19
+ $value: [
20
+ {
21
+ color: "rgba(0,0,0,0.16)",
22
+ x: "0",
23
+ y: "0",
24
+ blur: "1",
25
+ spread: "0"
26
+ },
27
+ {
28
+ x: "0",
29
+ y: "1",
30
+ blur: "2",
31
+ spread: "0",
32
+ color: "rgba(0,0,0,0.12)"
33
+ }
34
+ ]
35
+ },
36
+ "200": {
37
+ $type: "boxShadow",
38
+ $value: [
39
+ {
40
+ color: "rgba(0,0,0,0.15)",
41
+ x: "0",
42
+ y: "0",
43
+ blur: "1",
44
+ spread: "0"
45
+ },
46
+ {
47
+ color: "rgba(0,0,0,0.12)",
48
+ x: "0",
49
+ y: "1",
50
+ blur: "2",
51
+ spread: "0"
52
+ },
53
+ {
54
+ x: "0",
55
+ y: "2",
56
+ blur: "4",
57
+ spread: "0",
58
+ color: "rgba(0,0,0,0.1)"
59
+ }
60
+ ]
61
+ },
62
+ "300": {
63
+ $type: "boxShadow",
64
+ $value: [
65
+ {
66
+ color: "rgba(0,0,0,0.14)",
67
+ x: "0",
68
+ y: "0",
69
+ blur: "1",
70
+ spread: "0"
71
+ },
72
+ {
73
+ color: "rgba(0,0,0,0.12)",
74
+ x: "0",
75
+ y: "2",
76
+ blur: "4",
77
+ spread: "0"
78
+ },
79
+ {
80
+ x: "0",
81
+ y: "4",
82
+ blur: "8",
83
+ spread: "0",
84
+ color: "rgba(0,0,0,0.12)"
85
+ }
86
+ ]
87
+ },
88
+ "400": {
89
+ $type: "boxShadow",
90
+ $value: [
91
+ {
92
+ color: "rgba(0,0,0,0.13)",
93
+ x: "0",
94
+ y: "0",
95
+ blur: "1",
96
+ spread: "0"
97
+ },
98
+ {
99
+ color: "rgba(0,0,0,0.13)",
100
+ x: "0",
101
+ y: "3",
102
+ blur: "5",
103
+ spread: "0"
104
+ },
105
+ {
106
+ x: "0",
107
+ y: "6",
108
+ blur: "12",
109
+ spread: "0",
110
+ color: "rgba(0,0,0,0.14)"
111
+ }
112
+ ]
113
+ },
114
+ "500": {
115
+ $type: "boxShadow",
116
+ $value: [
117
+ {
118
+ color: "rgba(0,0,0,0.12)",
119
+ x: "0",
120
+ y: "0",
121
+ blur: "1",
122
+ spread: "0"
123
+ },
124
+ {
125
+ color: "rgba(0,0,0,0.16)",
126
+ x: "0",
127
+ y: "4",
128
+ blur: "8",
129
+ spread: "0"
130
+ },
131
+ {
132
+ x: "0",
133
+ y: "12",
134
+ blur: "24",
135
+ spread: "0",
136
+ color: "rgba(0,0,0,0.16)"
137
+ }
138
+ ]
139
+ }
140
+ },
141
+ opacity: {
142
+ "30": {
143
+ $type: "opacity",
144
+ $value: "30%"
145
+ }
146
+ }
147
+ };
148
+
149
+ // src/tokens/template/design-tokens/primitives/modes/size/global.json with { type: 'json' }
150
+ var global_default = {
151
+ _size: {
152
+ "0": {
153
+ $type: "dimension",
154
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *0)"
155
+ },
156
+ "1": {
157
+ $type: "dimension",
158
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *1)"
159
+ },
160
+ "2": {
161
+ $type: "dimension",
162
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *2)"
163
+ },
164
+ "3": {
165
+ $type: "dimension",
166
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *3)"
167
+ },
168
+ "4": {
169
+ $type: "dimension",
170
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *4)"
171
+ },
172
+ "5": {
173
+ $type: "dimension",
174
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *5)"
175
+ },
176
+ "6": {
177
+ $type: "dimension",
178
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *6)"
179
+ },
180
+ "7": {
181
+ $type: "dimension",
182
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *7)"
183
+ },
184
+ "8": {
185
+ $type: "dimension",
186
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *8)"
187
+ },
188
+ "9": {
189
+ $type: "dimension",
190
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *9)"
191
+ },
192
+ "10": {
193
+ $type: "dimension",
194
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *10)"
195
+ },
196
+ "11": {
197
+ $type: "dimension",
198
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *11)"
199
+ },
200
+ "12": {
201
+ $type: "dimension",
202
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *12)"
203
+ },
204
+ "13": {
205
+ $type: "dimension",
206
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *13)"
207
+ },
208
+ "14": {
209
+ $type: "dimension",
210
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *14)"
211
+ },
212
+ "15": {
213
+ $type: "dimension",
214
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *15)"
215
+ },
216
+ "18": {
217
+ $type: "dimension",
218
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *18)"
219
+ },
220
+ "22": {
221
+ $type: "dimension",
222
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *22)"
223
+ },
224
+ "26": {
225
+ $type: "dimension",
226
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *26)"
227
+ },
228
+ "30": {
229
+ $type: "dimension",
230
+ $value: "floor({_size.step} / {_size.base} * {_size.mode-font-size} *30)"
231
+ },
232
+ "mode-font-size": {
233
+ $type: "dimension",
234
+ $value: "{size._mode-font-size}"
235
+ },
236
+ base: {
237
+ $type: "dimension",
238
+ $value: "{size._base}"
239
+ },
240
+ step: {
241
+ $type: "dimension",
242
+ $value: "{size._step}"
243
+ }
244
+ }
245
+ };
246
+
247
+ // src/tokens/template/design-tokens/primitives/modes/size/large.json with { type: 'json' }
248
+ var large_default = {
249
+ size: {
250
+ "_mode-font-size": {
251
+ $type: "dimension",
252
+ $value: "21"
253
+ },
254
+ _base: {
255
+ $type: "dimension",
256
+ $value: "18"
257
+ },
258
+ _step: {
259
+ $type: "dimension",
260
+ $value: "4"
261
+ }
262
+ }
263
+ };
264
+
265
+ // src/tokens/template/design-tokens/primitives/modes/size/medium.json with { type: 'json' }
266
+ var medium_default = {
267
+ size: {
268
+ "_mode-font-size": {
269
+ $type: "dimension",
270
+ $value: "18"
271
+ },
272
+ _base: {
273
+ $type: "dimension",
274
+ $value: "18"
275
+ },
276
+ _step: {
277
+ $type: "dimension",
278
+ $value: "4"
279
+ }
280
+ }
281
+ };
282
+
283
+ // src/tokens/template/design-tokens/primitives/modes/size/small.json with { type: 'json' }
284
+ var small_default = {
285
+ size: {
286
+ "_mode-font-size": {
287
+ $type: "dimension",
288
+ $value: "16"
289
+ },
290
+ _base: {
291
+ $type: "dimension",
292
+ $value: "18"
293
+ },
294
+ _step: {
295
+ $type: "dimension",
296
+ $value: "4"
297
+ }
298
+ }
299
+ };
300
+
301
+ // src/tokens/template/design-tokens/primitives/modes/typography/size/large.json with { type: 'json' }
302
+ var large_default2 = {
303
+ "line-height": {
304
+ sm: {
305
+ $type: "lineHeights",
306
+ $value: "130%"
307
+ },
308
+ md: {
309
+ $type: "lineHeights",
310
+ $value: "150%"
311
+ },
312
+ lg: {
313
+ $type: "lineHeights",
314
+ $value: "170%"
315
+ }
316
+ },
317
+ "font-size": {
318
+ "1": {
319
+ $type: "fontSizes",
320
+ $value: "13"
321
+ },
322
+ "2": {
323
+ $type: "fontSizes",
324
+ $value: "16"
325
+ },
326
+ "3": {
327
+ $type: "fontSizes",
328
+ $value: "18"
329
+ },
330
+ "4": {
331
+ $type: "fontSizes",
332
+ $value: "21"
333
+ },
334
+ "5": {
335
+ $type: "fontSizes",
336
+ $value: "24"
337
+ },
338
+ "6": {
339
+ $type: "fontSizes",
340
+ $value: "30"
341
+ },
342
+ "7": {
343
+ $type: "fontSizes",
344
+ $value: "36"
345
+ },
346
+ "8": {
347
+ $type: "fontSizes",
348
+ $value: "48"
349
+ },
350
+ "9": {
351
+ $type: "fontSizes",
352
+ $value: "60"
353
+ },
354
+ "10": {
355
+ $type: "fontSizes",
356
+ $value: "72"
357
+ }
358
+ },
359
+ "letter-spacing": {
360
+ "1": {
361
+ $type: "letterSpacing",
362
+ $value: "-1%"
363
+ },
364
+ "2": {
365
+ $type: "letterSpacing",
366
+ $value: "-0.5%"
367
+ },
368
+ "3": {
369
+ $type: "letterSpacing",
370
+ $value: "-0.25%"
371
+ },
372
+ "4": {
373
+ $type: "letterSpacing",
374
+ $value: "-0.15%"
375
+ },
376
+ "5": {
377
+ $type: "letterSpacing",
378
+ $value: "0%"
379
+ },
380
+ "6": {
381
+ $type: "letterSpacing",
382
+ $value: "0.15%"
383
+ },
384
+ "7": {
385
+ $type: "letterSpacing",
386
+ $value: "0.25%"
387
+ },
388
+ "8": {
389
+ $type: "letterSpacing",
390
+ $value: "0.5%"
391
+ },
392
+ "9": {
393
+ $type: "letterSpacing",
394
+ $value: "1.5%"
395
+ }
396
+ }
397
+ };
398
+
399
+ // src/tokens/template/design-tokens/primitives/modes/typography/size/medium.json with { type: 'json' }
400
+ var medium_default2 = {
401
+ "line-height": {
402
+ sm: {
403
+ $type: "lineHeights",
404
+ $value: "130%"
405
+ },
406
+ md: {
407
+ $type: "lineHeights",
408
+ $value: "150%"
409
+ },
410
+ lg: {
411
+ $type: "lineHeights",
412
+ $value: "170%"
413
+ }
414
+ },
415
+ "font-size": {
416
+ "1": {
417
+ $type: "fontSizes",
418
+ $value: "12"
419
+ },
420
+ "2": {
421
+ $type: "fontSizes",
422
+ $value: "14"
423
+ },
424
+ "3": {
425
+ $type: "fontSizes",
426
+ $value: "16"
427
+ },
428
+ "4": {
429
+ $type: "fontSizes",
430
+ $value: "18"
431
+ },
432
+ "5": {
433
+ $type: "fontSizes",
434
+ $value: "21"
435
+ },
436
+ "6": {
437
+ $type: "fontSizes",
438
+ $value: "24"
439
+ },
440
+ "7": {
441
+ $type: "fontSizes",
442
+ $value: "30"
443
+ },
444
+ "8": {
445
+ $type: "fontSizes",
446
+ $value: "36"
447
+ },
448
+ "9": {
449
+ $type: "fontSizes",
450
+ $value: "48"
451
+ },
452
+ "10": {
453
+ $type: "fontSizes",
454
+ $value: "60"
455
+ }
456
+ },
457
+ "letter-spacing": {
458
+ "1": {
459
+ $type: "letterSpacing",
460
+ $value: "-1%"
461
+ },
462
+ "2": {
463
+ $type: "letterSpacing",
464
+ $value: "-0.5%"
465
+ },
466
+ "3": {
467
+ $type: "letterSpacing",
468
+ $value: "-0.25%"
469
+ },
470
+ "4": {
471
+ $type: "letterSpacing",
472
+ $value: "-0.15%"
473
+ },
474
+ "5": {
475
+ $type: "letterSpacing",
476
+ $value: "0%"
477
+ },
478
+ "6": {
479
+ $type: "letterSpacing",
480
+ $value: "0.15%"
481
+ },
482
+ "7": {
483
+ $type: "letterSpacing",
484
+ $value: "0.25%"
485
+ },
486
+ "8": {
487
+ $type: "letterSpacing",
488
+ $value: "0.5%"
489
+ },
490
+ "9": {
491
+ $type: "letterSpacing",
492
+ $value: "1.5%"
493
+ }
494
+ }
495
+ };
496
+
497
+ // src/tokens/template/design-tokens/primitives/modes/typography/size/small.json with { type: 'json' }
498
+ var small_default2 = {
499
+ "line-height": {
500
+ sm: {
501
+ $type: "lineHeights",
502
+ $value: "130%"
503
+ },
504
+ md: {
505
+ $type: "lineHeights",
506
+ $value: "150%"
507
+ },
508
+ lg: {
509
+ $type: "lineHeights",
510
+ $value: "170%"
511
+ }
512
+ },
513
+ "font-size": {
514
+ "1": {
515
+ $type: "fontSizes",
516
+ $value: "11"
517
+ },
518
+ "2": {
519
+ $type: "fontSizes",
520
+ $value: "13"
521
+ },
522
+ "3": {
523
+ $type: "fontSizes",
524
+ $value: "14"
525
+ },
526
+ "4": {
527
+ $type: "fontSizes",
528
+ $value: "16"
529
+ },
530
+ "5": {
531
+ $type: "fontSizes",
532
+ $value: "18"
533
+ },
534
+ "6": {
535
+ $type: "fontSizes",
536
+ $value: "21"
537
+ },
538
+ "7": {
539
+ $type: "fontSizes",
540
+ $value: "24"
541
+ },
542
+ "8": {
543
+ $type: "fontSizes",
544
+ $value: "30"
545
+ },
546
+ "9": {
547
+ $type: "fontSizes",
548
+ $value: "36"
549
+ },
550
+ "10": {
551
+ $type: "fontSizes",
552
+ $value: "48"
553
+ }
554
+ },
555
+ "letter-spacing": {
556
+ "1": {
557
+ $type: "letterSpacing",
558
+ $value: "-1%"
559
+ },
560
+ "2": {
561
+ $type: "letterSpacing",
562
+ $value: "-0.5%"
563
+ },
564
+ "3": {
565
+ $type: "letterSpacing",
566
+ $value: "-0.25%"
567
+ },
568
+ "4": {
569
+ $type: "letterSpacing",
570
+ $value: "-0.15%"
571
+ },
572
+ "5": {
573
+ $type: "letterSpacing",
574
+ $value: "0%"
575
+ },
576
+ "6": {
577
+ $type: "letterSpacing",
578
+ $value: "0.15%"
579
+ },
580
+ "7": {
581
+ $type: "letterSpacing",
582
+ $value: "0.25%"
583
+ },
584
+ "8": {
585
+ $type: "letterSpacing",
586
+ $value: "0.5%"
587
+ },
588
+ "9": {
589
+ $type: "letterSpacing",
590
+ $value: "1.5%"
591
+ }
592
+ }
593
+ };
594
+
595
+ // src/tokens/template/design-tokens/semantic/style.json with { type: 'json' }
596
+ var style_default = {
597
+ typography: {
598
+ heading: {
599
+ "2xl": {
600
+ $type: "typography",
601
+ $value: {
602
+ fontFamily: "{font-family}",
603
+ fontWeight: "{font-weight.medium}",
604
+ lineHeight: "{line-height.sm}",
605
+ fontSize: "{font-size.10}",
606
+ letterSpacing: "{letter-spacing.1}"
607
+ }
608
+ },
609
+ xl: {
610
+ $type: "typography",
611
+ $value: {
612
+ fontFamily: "{font-family}",
613
+ fontWeight: "{font-weight.medium}",
614
+ lineHeight: "{line-height.sm}",
615
+ fontSize: "{font-size.9}",
616
+ letterSpacing: "{letter-spacing.1}"
617
+ }
618
+ },
619
+ lg: {
620
+ $type: "typography",
621
+ $value: {
622
+ fontFamily: "{font-family}",
623
+ fontWeight: "{font-weight.medium}",
624
+ lineHeight: "{line-height.sm}",
625
+ fontSize: "{font-size.8}",
626
+ letterSpacing: "{letter-spacing.2}"
627
+ }
628
+ },
629
+ md: {
630
+ $type: "typography",
631
+ $value: {
632
+ fontFamily: "{font-family}",
633
+ fontWeight: "{font-weight.medium}",
634
+ lineHeight: "{line-height.sm}",
635
+ fontSize: "{font-size.7}",
636
+ letterSpacing: "{letter-spacing.3}"
637
+ }
638
+ },
639
+ sm: {
640
+ $type: "typography",
641
+ $value: {
642
+ fontFamily: "{font-family}",
643
+ fontWeight: "{font-weight.medium}",
644
+ lineHeight: "{line-height.sm}",
645
+ fontSize: "{font-size.6}",
646
+ letterSpacing: "{letter-spacing.5}"
647
+ }
648
+ },
649
+ xs: {
650
+ $type: "typography",
651
+ $value: {
652
+ fontFamily: "{font-family}",
653
+ fontWeight: "{font-weight.medium}",
654
+ lineHeight: "{line-height.sm}",
655
+ fontSize: "{font-size.5}",
656
+ letterSpacing: "{letter-spacing.6}"
657
+ }
658
+ },
659
+ "2xs": {
660
+ $type: "typography",
661
+ $value: {
662
+ fontFamily: "{font-family}",
663
+ fontWeight: "{font-weight.medium}",
664
+ lineHeight: "{line-height.sm}",
665
+ fontSize: "{font-size.4}",
666
+ letterSpacing: "{letter-spacing.6}"
667
+ }
668
+ }
669
+ },
670
+ body: {
671
+ xl: {
672
+ $type: "typography",
673
+ $value: {
674
+ fontFamily: "{font-family}",
675
+ fontWeight: "{font-weight.regular}",
676
+ lineHeight: "{line-height.md}",
677
+ fontSize: "{font-size.6}",
678
+ letterSpacing: "{letter-spacing.8}"
679
+ }
680
+ },
681
+ lg: {
682
+ $type: "typography",
683
+ $value: {
684
+ fontFamily: "{font-family}",
685
+ fontWeight: "{font-weight.regular}",
686
+ lineHeight: "{line-height.md}",
687
+ fontSize: "{font-size.5}",
688
+ letterSpacing: "{letter-spacing.8}"
689
+ }
690
+ },
691
+ md: {
692
+ $type: "typography",
693
+ $value: {
694
+ fontFamily: "{font-family}",
695
+ fontWeight: "{font-weight.regular}",
696
+ lineHeight: "{line-height.md}",
697
+ fontSize: "{font-size.4}",
698
+ letterSpacing: "{letter-spacing.8}"
699
+ }
700
+ },
701
+ sm: {
702
+ $type: "typography",
703
+ $value: {
704
+ fontFamily: "{font-family}",
705
+ fontWeight: "{font-weight.regular}",
706
+ lineHeight: "{line-height.md}",
707
+ fontSize: "{font-size.3}",
708
+ letterSpacing: "{letter-spacing.7}"
709
+ }
710
+ },
711
+ xs: {
712
+ $type: "typography",
713
+ $value: {
714
+ fontFamily: "{font-family}",
715
+ fontWeight: "{font-weight.regular}",
716
+ lineHeight: "{line-height.md}",
717
+ fontSize: "{font-size.2}",
718
+ letterSpacing: "{letter-spacing.6}"
719
+ }
720
+ },
721
+ short: {
722
+ xl: {
723
+ $type: "typography",
724
+ $value: {
725
+ fontFamily: "{font-family}",
726
+ fontWeight: "{font-weight.regular}",
727
+ lineHeight: "{line-height.sm}",
728
+ fontSize: "{font-size.6}",
729
+ letterSpacing: "{letter-spacing.8}"
730
+ }
731
+ },
732
+ lg: {
733
+ $type: "typography",
734
+ $value: {
735
+ fontFamily: "{font-family}",
736
+ fontWeight: "{font-weight.regular}",
737
+ lineHeight: "{line-height.sm}",
738
+ fontSize: "{font-size.5}",
739
+ letterSpacing: "{letter-spacing.8}"
740
+ }
741
+ },
742
+ md: {
743
+ $type: "typography",
744
+ $value: {
745
+ fontFamily: "{font-family}",
746
+ fontWeight: "{font-weight.regular}",
747
+ lineHeight: "{line-height.sm}",
748
+ fontSize: "{font-size.4}",
749
+ letterSpacing: "{letter-spacing.8}"
750
+ }
751
+ },
752
+ sm: {
753
+ $type: "typography",
754
+ $value: {
755
+ fontFamily: "{font-family}",
756
+ fontWeight: "{font-weight.regular}",
757
+ lineHeight: "{line-height.sm}",
758
+ fontSize: "{font-size.3}",
759
+ letterSpacing: "{letter-spacing.7}"
760
+ }
761
+ },
762
+ xs: {
763
+ $type: "typography",
764
+ $value: {
765
+ fontFamily: "{font-family}",
766
+ fontWeight: "{font-weight.regular}",
767
+ lineHeight: "{line-height.sm}",
768
+ fontSize: "{font-size.2}",
769
+ letterSpacing: "{letter-spacing.6}"
770
+ }
771
+ }
772
+ },
773
+ long: {
774
+ xl: {
775
+ $type: "typography",
776
+ $value: {
777
+ fontFamily: "{font-family}",
778
+ fontWeight: "{font-weight.regular}",
779
+ lineHeight: "{line-height.lg}",
780
+ fontSize: "{font-size.6}",
781
+ letterSpacing: "{letter-spacing.8}"
782
+ }
783
+ },
784
+ lg: {
785
+ $type: "typography",
786
+ $value: {
787
+ fontFamily: "{font-family}",
788
+ fontWeight: "{font-weight.regular}",
789
+ lineHeight: "{line-height.lg}",
790
+ fontSize: "{font-size.5}",
791
+ letterSpacing: "{letter-spacing.8}"
792
+ }
793
+ },
794
+ md: {
795
+ $type: "typography",
796
+ $value: {
797
+ fontFamily: "{font-family}",
798
+ fontWeight: "{font-weight.regular}",
799
+ lineHeight: "{line-height.lg}",
800
+ fontSize: "{font-size.4}",
801
+ letterSpacing: "{letter-spacing.8}"
802
+ }
803
+ },
804
+ sm: {
805
+ $type: "typography",
806
+ $value: {
807
+ fontFamily: "{font-family}",
808
+ fontWeight: "{font-weight.regular}",
809
+ lineHeight: "{line-height.lg}",
810
+ fontSize: "{font-size.3}",
811
+ letterSpacing: "{letter-spacing.7}"
812
+ }
813
+ },
814
+ xs: {
815
+ $type: "typography",
816
+ $value: {
817
+ fontFamily: "{font-family}",
818
+ fontWeight: "{font-weight.regular}",
819
+ lineHeight: "{line-height.lg}",
820
+ fontSize: "{font-size.2}",
821
+ letterSpacing: "{letter-spacing.6}"
822
+ }
823
+ }
824
+ }
825
+ }
826
+ },
827
+ opacity: {
828
+ disabled: {
829
+ $type: "opacity",
830
+ $value: "{opacity.30}"
831
+ }
832
+ },
833
+ "border-width": {
834
+ default: {
835
+ $type: "borderWidth",
836
+ $value: "{border-width.1}"
837
+ },
838
+ focus: {
839
+ $type: "borderWidth",
840
+ $value: "{border-width.3}"
841
+ }
842
+ },
843
+ shadow: {
844
+ xs: {
845
+ $type: "boxShadow",
846
+ $value: "{shadow.100}"
847
+ },
848
+ sm: {
849
+ $type: "boxShadow",
850
+ $value: "{shadow.200}"
851
+ },
852
+ md: {
853
+ $type: "boxShadow",
854
+ $value: "{shadow.300}"
855
+ },
856
+ lg: {
857
+ $type: "boxShadow",
858
+ $value: "{shadow.400}"
859
+ },
860
+ xl: {
861
+ $type: "boxShadow",
862
+ $value: "{shadow.500}"
863
+ }
864
+ },
865
+ "border-radius": {
866
+ sm: {
867
+ $type: "dimension",
868
+ $value: "{border-radius.1}"
869
+ },
870
+ md: {
871
+ $type: "dimension",
872
+ $value: "{border-radius.2}"
873
+ },
874
+ lg: {
875
+ $type: "dimension",
876
+ $value: "{border-radius.3}"
877
+ },
878
+ xl: {
879
+ $type: "dimension",
880
+ $value: "{border-radius.4}"
881
+ },
882
+ default: {
883
+ $type: "dimension",
884
+ $value: "{border-radius.5}"
885
+ },
886
+ full: {
887
+ $type: "dimension",
888
+ $value: "{border-radius.6}"
889
+ }
890
+ },
891
+ size: {
892
+ "0": {
893
+ $type: "dimension",
894
+ $value: "{_size.0}"
895
+ },
896
+ "1": {
897
+ $type: "dimension",
898
+ $value: "{_size.1}"
899
+ },
900
+ "2": {
901
+ $type: "dimension",
902
+ $value: "{_size.2}"
903
+ },
904
+ "3": {
905
+ $type: "dimension",
906
+ $value: "{_size.3}"
907
+ },
908
+ "4": {
909
+ $type: "dimension",
910
+ $value: "{_size.4}"
911
+ },
912
+ "5": {
913
+ $type: "dimension",
914
+ $value: "{_size.5}"
915
+ },
916
+ "6": {
917
+ $type: "dimension",
918
+ $value: "{_size.6}"
919
+ },
920
+ "7": {
921
+ $type: "dimension",
922
+ $value: "{_size.7}"
923
+ },
924
+ "8": {
925
+ $type: "dimension",
926
+ $value: "{_size.8}"
927
+ },
928
+ "9": {
929
+ $type: "dimension",
930
+ $value: "{_size.9}"
931
+ },
932
+ "10": {
933
+ $type: "dimension",
934
+ $value: "{_size.10}"
935
+ },
936
+ "11": {
937
+ $type: "dimension",
938
+ $value: "{_size.11}"
939
+ },
940
+ "12": {
941
+ $type: "dimension",
942
+ $value: "{_size.12}"
943
+ },
944
+ "13": {
945
+ $type: "dimension",
946
+ $value: "{_size.13}"
947
+ },
948
+ "14": {
949
+ $type: "dimension",
950
+ $value: "{_size.14}"
951
+ },
952
+ "15": {
953
+ $type: "dimension",
954
+ $value: "{_size.15}"
955
+ },
956
+ "18": {
957
+ $type: "dimension",
958
+ $value: "{_size.18}"
959
+ },
960
+ "22": {
961
+ $type: "dimension",
962
+ $value: "{_size.22}"
963
+ },
964
+ "26": {
965
+ $type: "dimension",
966
+ $value: "{_size.26}"
967
+ },
968
+ "30": {
969
+ $type: "dimension",
970
+ $value: "{_size.30}"
971
+ }
972
+ }
973
+ };
974
+
975
+ // src/tokens/create/defaults.ts
976
+ var defaultTokens = {
977
+ "primitives/globals": globals_default,
978
+ "primitives/modes/size/small": small_default,
979
+ "primitives/modes/size/medium": medium_default,
980
+ "primitives/modes/size/large": large_default,
981
+ "primitives/modes/size/global": global_default,
982
+ "primitives/modes/typography/size/small": small_default2,
983
+ "primitives/modes/typography/size/medium": medium_default2,
984
+ "primitives/modes/typography/size/large": large_default2,
985
+ "semantic/style": style_default
986
+ };
987
+ var getDefaultTokens = (tokenSets) => Object.entries(R.pick(tokenSets, defaultTokens));
988
+ var getDefaultToken = (tokenPath) => {
989
+ return [tokenPath, defaultTokens[tokenPath]];
990
+ };
991
+ export {
992
+ getDefaultToken,
993
+ getDefaultTokens
994
+ };