@massimo-cassandro/minimo 1.20.7 → 1.20.8

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 (46) hide show
  1. package/design-tokens/README.md +13 -12
  2. package/design-tokens/_src/typography.minimo.tokens.mjs +19 -13
  3. package/design-tokens/tokens-config-sample.mjs +19 -14
  4. package/design-tokens/utilities/build-tokens-src/config.mjs +11 -11
  5. package/design-tokens/utilities/build-tokens-src/formats/css.mjs +19 -2
  6. package/design-tokens/utilities/build-tokens-src/formats/{penpot.mjs → json.mjs} +61 -58
  7. package/design-tokens/utilities/build-tokens-src/platforms.mjs +22 -21
  8. package/design-tokens/utilities/build-tokens.mjs +37 -29
  9. package/index.js +6 -2
  10. package/package.json +1 -1
  11. package/src/custom-properties.css +9 -9
  12. package/src/utilities/dom-builder-helpers/form-tags.js +1 -1
  13. package/design-tokens/tokens/design-tokens/_src/alerts.minimo.tokens.jsonc +0 -28
  14. package/design-tokens/tokens/design-tokens/_src/badge.minimo.tokens.jsonc +0 -42
  15. package/design-tokens/tokens/design-tokens/_src/btn-close.minimo.tokens.jsonc +0 -102
  16. package/design-tokens/tokens/design-tokens/_src/btn-color-themes.minimo.tokens.jsonc +0 -182
  17. package/design-tokens/tokens/design-tokens/_src/btn.minimo.tokens.jsonc +0 -210
  18. package/design-tokens/tokens/design-tokens/_src/color-accent.minimo.tokens.jsonc +0 -16
  19. package/design-tokens/tokens/design-tokens/_src/color-neutral.minimo.tokens.jsonc +0 -18
  20. package/design-tokens/tokens/design-tokens/_src/color-primary.minimo.tokens.jsonc +0 -18
  21. package/design-tokens/tokens/design-tokens/_src/color-secondary.minimo.tokens.jsonc +0 -18
  22. package/design-tokens/tokens/design-tokens/_src/flex-grid.minimo.tokens.jsonc +0 -24
  23. package/design-tokens/tokens/design-tokens/_src/form-validation.minimo.tokens.jsonc +0 -22
  24. package/design-tokens/tokens/design-tokens/_src/form.minimo.tokens.jsonc +0 -366
  25. package/design-tokens/tokens/design-tokens/_src/headings.minimo.tokens.jsonc +0 -70
  26. package/design-tokens/tokens/design-tokens/_src/layout.minimo.tokens.jsonc +0 -28
  27. package/design-tokens/tokens/design-tokens/_src/link.minimo.tokens.jsonc +0 -44
  28. package/design-tokens/tokens/design-tokens/_src/radius.minimo.tokens.jsonc +0 -42
  29. package/design-tokens/tokens/design-tokens/_src/shadows.minimo.tokens.jsonc +0 -19
  30. package/design-tokens/tokens/design-tokens/_src/size.minimo.tokens.jsonc +0 -46
  31. package/design-tokens/tokens/design-tokens/_src/status.minimo.tokens.jsonc +0 -98
  32. package/design-tokens/tokens/design-tokens/_src/switch.minimo.tokens.jsonc +0 -32
  33. package/design-tokens/tokens/design-tokens/_src/table.minimo.tokens.jsonc +0 -84
  34. package/design-tokens/tokens/design-tokens/_src/text.minimo.tokens.jsonc +0 -38
  35. package/design-tokens/tokens/design-tokens/_src/typography.minimo.tokens.jsonc +0 -110
  36. package/design-tokens/tokens/design-tokens/_src/utility.minimo.tokens.jsonc +0 -14
  37. package/design-tokens/tokens/design-tokens/_src/z-index.minimo.tokens.jsonc +0 -18
  38. package/design-tokens/tokens/src/components/inner-nav/inner-nav.minimo.tokens.jsonc +0 -20
  39. package/design-tokens/tokens/src/components/modal-alert/modal-alert.minimo.tokens.jsonc +0 -246
  40. package/design-tokens/tokens/src/components/modal-popup/modal-popup.minimo.tokens.jsonc +0 -128
  41. package/design-tokens/tokens/src/components/sf-macro/sf-macro.minimo.tokens.jsonc +0 -84
  42. package/design-tokens/tokens/src/components/slide-up-down-toggle/slide-up-down-toggle.minimo.tokens.jsonc +0 -14
  43. package/design-tokens/tokens/src/components/snackbar/snackbar.minimo.tokens.jsonc +0 -146
  44. package/design-tokens/tokens/src/components/spinner/spinner.minimo.tokens.jsonc +0 -24
  45. package/design-tokens/tokens/src/components/unsplash-page/unsplash-page.minimo.tokens.jsonc +0 -170
  46. package/design-tokens/tokens/src/web-components/s-datatable-component/simple-datatable.minimo.tokens.jsonc +0 -51
@@ -1,210 +0,0 @@
1
- // -----------------------------------------------------------------------
2
- // Generated file — do not edit manually.
3
- // This file is produced by the design-token build pipeline.
4
- // Source of truth: the token files in the project source directory.
5
- // Re-generate with: node build-tokens.mjs --config <path/to/config>
6
- // -----------------------------------------------------------------------
7
- {
8
- "btn": {
9
- "font": {
10
- "style": {
11
- "$type": "string",
12
- "$value": "{form.control.font.style}"
13
- },
14
- "weight": {
15
- "$type": "fontWeight",
16
- "$value": "{font.weight.semibold}"
17
- },
18
- "size": {
19
- "$type": "dimension",
20
- "$value": "{form.control.font.size}"
21
- }
22
- },
23
- "border": {
24
- "radius": {
25
- "$type": "dimension",
26
- "$value": "{form.control.border.radius}"
27
- },
28
- "width": {
29
- "$type": "dimension",
30
- "$value": "{form.control.border.width}"
31
- }
32
- },
33
- "hollow": {
34
- "border": {
35
- "width": {
36
- "$type": "dimension",
37
- "$value": "2px"
38
- }
39
- }
40
- },
41
- "disabled": {
42
- "opacity": {
43
- "$type": "",
44
- "$value": "{form.control.disabled.opacity}"
45
- }
46
- },
47
- "focus": {
48
- "outline": {
49
- "width": {
50
- "$type": "dimension",
51
- "$value": "{form.control.focus.outline.width}"
52
- }
53
- }
54
- },
55
- "padding": {
56
- "inline": {
57
- "$type": "dimension",
58
- "$value": "{size.base}"
59
- },
60
- "block": {
61
- "$type": "dimension",
62
- "$value": "{size.xs}"
63
- }
64
- },
65
- "xs": {
66
- "font": {
67
- "size": {
68
- "$type": "dimension",
69
- "$value": "{font.size.xs}"
70
- }
71
- },
72
- "padding": {
73
- "inline": {
74
- "$type": "dimension",
75
- "$value": "{size.xxs}"
76
- },
77
- "block": {
78
- "$type": "dimension",
79
- "$value": "{size.xxs}"
80
- }
81
- },
82
- "focus": {
83
- "outline": {
84
- "width": {
85
- "$type": "dimension",
86
- "$value": "1px"
87
- }
88
- }
89
- }
90
- },
91
- "sm": {
92
- "font": {
93
- "size": {
94
- "$type": "dimension",
95
- "$value": "{font.size.sm}"
96
- }
97
- },
98
- "padding": {
99
- "inline": {
100
- "$type": "dimension",
101
- "$value": "{size.xs}"
102
- },
103
- "block": {
104
- "$type": "dimension",
105
- "$value": "{size.xxs}"
106
- }
107
- },
108
- "focus": {
109
- "outline": {
110
- "width": {
111
- "$type": "dimension",
112
- "$value": "2px"
113
- }
114
- }
115
- }
116
- },
117
- "md": {
118
- "font": {
119
- "size": {
120
- "$type": "dimension",
121
- "$value": "{font.size.md}"
122
- }
123
- },
124
- "padding": {
125
- "inline": {
126
- "$type": "dimension",
127
- "$value": "{size.sm}"
128
- },
129
- "block": {
130
- "$type": "dimension",
131
- "$value": "{size.xs}"
132
- }
133
- },
134
- "focus": {
135
- "outline": {
136
- "width": {
137
- "$type": "dimension",
138
- "$value": "3px"
139
- }
140
- }
141
- }
142
- },
143
- "lg": {
144
- "font": {
145
- "size": {
146
- "$type": "dimension",
147
- "$value": "{font.size.lg}"
148
- }
149
- },
150
- "padding": {
151
- "inline": {
152
- "$type": "dimension",
153
- "$value": "{size.md}"
154
- },
155
- "block": {
156
- "$type": "dimension",
157
- "$value": "{size.base}"
158
- }
159
- },
160
- "focus": {
161
- "outline": {
162
- "width": {
163
- "$type": "dimension",
164
- "$value": "4px"
165
- }
166
- }
167
- }
168
- },
169
- "xl": {
170
- "font": {
171
- "size": {
172
- "$type": "dimension",
173
- "$value": "{font.size.xl}"
174
- }
175
- },
176
- "padding": {
177
- "inline": {
178
- "$type": "dimension",
179
- "$value": "{size.xl}"
180
- },
181
- "block": {
182
- "$type": "dimension",
183
- "$value": "{size.md}"
184
- }
185
- },
186
- "focus": {
187
- "outline": {
188
- "width": {
189
- "$type": "dimension",
190
- "$value": "6px"
191
- }
192
- }
193
- }
194
- },
195
- "link": {
196
- "disabled": {
197
- "font": {
198
- "style": {
199
- "$type": "string",
200
- "$value": "italic"
201
- }
202
- },
203
- "color": {
204
- "$type": "color",
205
- "$value": "{text.muted}"
206
- }
207
- }
208
- }
209
- }
210
- }
@@ -1,16 +0,0 @@
1
- // -----------------------------------------------------------------------
2
- // Generated file — do not edit manually.
3
- // This file is produced by the design-token build pipeline.
4
- // Source of truth: the token files in the project source directory.
5
- // Re-generate with: node build-tokens.mjs --config <path/to/config>
6
- // -----------------------------------------------------------------------
7
- {
8
- "accent": {
9
- "$type": "color",
10
- "$value": "#567d0d"
11
- },
12
- "accent-fg": {
13
- "$type": "color",
14
- "$value": "#fff"
15
- }
16
- }
@@ -1,18 +0,0 @@
1
- // -----------------------------------------------------------------------
2
- // Generated file — do not edit manually.
3
- // This file is produced by the design-token build pipeline.
4
- // Source of truth: the token files in the project source directory.
5
- // Re-generate with: node build-tokens.mjs --config <path/to/config>
6
- // -----------------------------------------------------------------------
7
- {
8
- "neutral": {
9
- "100": {
10
- "$type": "color",
11
- "$value": "#666"
12
- },
13
- "100-fg": {
14
- "$type": "color",
15
- "$value": "#fff"
16
- }
17
- }
18
- }
@@ -1,18 +0,0 @@
1
- // -----------------------------------------------------------------------
2
- // Generated file — do not edit manually.
3
- // This file is produced by the design-token build pipeline.
4
- // Source of truth: the token files in the project source directory.
5
- // Re-generate with: node build-tokens.mjs --config <path/to/config>
6
- // -----------------------------------------------------------------------
7
- {
8
- "primary": {
9
- "100": {
10
- "$type": "color",
11
- "$value": "#083865"
12
- },
13
- "100-fg": {
14
- "$type": "color",
15
- "$value": "#fff"
16
- }
17
- }
18
- }
@@ -1,18 +0,0 @@
1
- // -----------------------------------------------------------------------
2
- // Generated file — do not edit manually.
3
- // This file is produced by the design-token build pipeline.
4
- // Source of truth: the token files in the project source directory.
5
- // Re-generate with: node build-tokens.mjs --config <path/to/config>
6
- // -----------------------------------------------------------------------
7
- {
8
- "secondary": {
9
- "100": {
10
- "$type": "color",
11
- "$value": "#650853"
12
- },
13
- "100-fg": {
14
- "$type": "color",
15
- "$value": "#fff"
16
- }
17
- }
18
- }
@@ -1,24 +0,0 @@
1
- // -----------------------------------------------------------------------
2
- // Generated file — do not edit manually.
3
- // This file is produced by the design-token build pipeline.
4
- // Source of truth: the token files in the project source directory.
5
- // Re-generate with: node build-tokens.mjs --config <path/to/config>
6
- // -----------------------------------------------------------------------
7
- {
8
- "flex-grid": {
9
- "gap": {
10
- "$type": "dimension",
11
- "$value": "1.5rem"
12
- }
13
- },
14
- "grid": {
15
- "cols": {
16
- "$type": "number",
17
- "$value": 3
18
- },
19
- "min-col-width": {
20
- "$type": "dimension",
21
- "$value": "6rem"
22
- }
23
- }
24
- }
@@ -1,22 +0,0 @@
1
- // -----------------------------------------------------------------------
2
- // Generated file — do not edit manually.
3
- // This file is produced by the design-token build pipeline.
4
- // Source of truth: the token files in the project source directory.
5
- // Re-generate with: node build-tokens.mjs --config <path/to/config>
6
- // -----------------------------------------------------------------------
7
- {
8
- "form": {
9
- "validation": {
10
- "outline": {
11
- "width": {
12
- "$type": "dimension",
13
- "$value": "3px"
14
- },
15
- "offset": {
16
- "$type": "dimension",
17
- "$value": "-3px"
18
- }
19
- }
20
- }
21
- }
22
- }
@@ -1,366 +0,0 @@
1
- // -----------------------------------------------------------------------
2
- // Generated file — do not edit manually.
3
- // This file is produced by the design-token build pipeline.
4
- // Source of truth: the token files in the project source directory.
5
- // Re-generate with: node build-tokens.mjs --config <path/to/config>
6
- // -----------------------------------------------------------------------
7
- {
8
- "form": {
9
- "label": {
10
- "font": {
11
- "size": {
12
- "$type": "dimension",
13
- "$value": "{font.size.sm}"
14
- },
15
- "weight": {
16
- "$type": "fontWeight",
17
- "$value": "{font.weight.semibold}"
18
- }
19
- },
20
- "color": {
21
- "$type": "color",
22
- "$value": "{text.color}"
23
- }
24
- },
25
- "group": {
26
- "padding-block": {
27
- "$type": "dimension",
28
- "$value": "0 {size.base}"
29
- }
30
- },
31
- "input-group": {
32
- "background": {
33
- "color": {
34
- "$type": "color",
35
- "$value": "transparent"
36
- }
37
- }
38
- },
39
- "control": {
40
- "static": {
41
- "color": {
42
- "$type": "color",
43
- "$value": "{form.control.text.color}"
44
- },
45
- "background": {
46
- "color": {
47
- "$type": "color",
48
- "$value": "transparent"
49
- }
50
- }
51
- },
52
- "text": {
53
- "color": {
54
- "$type": "color",
55
- "$value": "{text.color}"
56
- }
57
- },
58
- "font": {
59
- "style": {
60
- "$type": "string",
61
- "$value": "normal"
62
- },
63
- "weight": {
64
- "$type": "fontWeight",
65
- "$value": "{font.weight.regular}"
66
- },
67
- "size": {
68
- "$type": "dimension",
69
- "$value": "{font.size.base}"
70
- }
71
- },
72
- "background": {
73
- "color": {
74
- "$type": "color",
75
- "$value": "{body.background.color}"
76
- }
77
- },
78
- "line-height": {
79
- "$type": "number",
80
- "$value": "1.2"
81
- },
82
- "padding": {
83
- "inline": {
84
- "$type": "dimension",
85
- "$value": "{size.sm}"
86
- },
87
- "block": {
88
- "$type": "dimension",
89
- "$value": "{size.xs}"
90
- }
91
- },
92
- "border": {
93
- "color": {
94
- "$type": "color",
95
- "$value": "#666"
96
- },
97
- "width": {
98
- "$type": "dimension",
99
- "$value": "1px"
100
- },
101
- "radius": {
102
- "$type": "dimension",
103
- "$value": "{radius.xxs}"
104
- }
105
- },
106
- "placeholder": {
107
- "color": {
108
- "$type": "color",
109
- "$value": "#666"
110
- },
111
- "opacity": {
112
- "$type": "number",
113
- "$value": 0.8
114
- },
115
- "font": {
116
- "size": {
117
- "$type": "dimension",
118
- "$value": "{form.control.font.size}"
119
- },
120
- "style": {
121
- "$type": "string",
122
- "$value": "italic"
123
- }
124
- }
125
- },
126
- "disabled": {
127
- "background": {
128
- "color": {
129
- "$type": "color",
130
- "$value": "#ddd"
131
- }
132
- },
133
- "color": {
134
- "$type": "color",
135
- "$value": "#999"
136
- },
137
- "opacity": {
138
- "$type": "number",
139
- "$value": 0.7
140
- },
141
- "font": {
142
- "style": {
143
- "$type": "string",
144
- "$value": "italic"
145
- }
146
- }
147
- },
148
- "readonly": {
149
- "background": {
150
- "color": {
151
- "$type": "color",
152
- "$value": "{form.control.background.color}"
153
- }
154
- },
155
- "color": {
156
- "$type": "color",
157
- "$value": "#666"
158
- },
159
- "opacity": {
160
- "$type": "number",
161
- "$value": 1
162
- },
163
- "font": {
164
- "style": {
165
- "$type": "string",
166
- "$value": "italic"
167
- }
168
- }
169
- },
170
- "required": {
171
- "label": {
172
- "padding": {
173
- "inline": {
174
- "start": {
175
- "$type": "dimension",
176
- "$value": "{size.base}"
177
- }
178
- }
179
- }
180
- },
181
- "flag": {
182
- "color": {
183
- "$type": "color",
184
- "$value": "#c00"
185
- },
186
- "content": {
187
- "$type": "string",
188
- "$value": "'\\002A'"
189
- },
190
- "top": {
191
- "$type": "dimension",
192
- "$value": "-.15em"
193
- },
194
- "left": {
195
- "$type": "dimension",
196
- "$value": "0em"
197
- },
198
- "font": {
199
- "size": {
200
- "$type": "dimension",
201
- "$value": "2em"
202
- }
203
- }
204
- }
205
- },
206
- "focus": {
207
- "color": {
208
- "$type": "color",
209
- "$value": "hsl(205 69% 45% / .508)"
210
- },
211
- "outline": {
212
- "width": {
213
- "$type": "dimension",
214
- "$value": "4px"
215
- },
216
- "offset": {
217
- "$type": "dimension",
218
- "$value": "-2px"
219
- }
220
- }
221
- },
222
- "xs": {
223
- "font": {
224
- "size": {
225
- "$type": "dimension",
226
- "$value": "{font.size.xs}"
227
- }
228
- },
229
- "padding": {
230
- "inline": {
231
- "$type": "dimension",
232
- "$value": "{size.xxs}"
233
- },
234
- "block": {
235
- "$type": "dimension",
236
- "$value": "{size.xxs}"
237
- }
238
- }
239
- },
240
- "sm": {
241
- "font": {
242
- "size": {
243
- "$type": "dimension",
244
- "$value": "{font.size.sm}"
245
- }
246
- },
247
- "padding": {
248
- "inline": {
249
- "$type": "dimension",
250
- "$value": "{size.xs}"
251
- },
252
- "block": {
253
- "$type": "dimension",
254
- "$value": "{size.xxs}"
255
- }
256
- }
257
- },
258
- "md": {
259
- "font": {
260
- "size": {
261
- "$type": "dimension",
262
- "$value": "{font.size.md}"
263
- }
264
- },
265
- "padding": {
266
- "inline": {
267
- "$type": "dimension",
268
- "$value": "{size.sm}"
269
- },
270
- "block": {
271
- "$type": "dimension",
272
- "$value": "{size.xs}"
273
- }
274
- }
275
- },
276
- "lg": {
277
- "font": {
278
- "size": {
279
- "$type": "dimension",
280
- "$value": "{font.size.lg}"
281
- }
282
- },
283
- "padding": {
284
- "inline": {
285
- "$type": "dimension",
286
- "$value": "{size.md}"
287
- },
288
- "block": {
289
- "$type": "dimension",
290
- "$value": "{size.base}"
291
- }
292
- }
293
- },
294
- "xl": {
295
- "font": {
296
- "size": {
297
- "$type": "dimension",
298
- "$value": "{font.size.xl}"
299
- }
300
- },
301
- "padding": {
302
- "inline": {
303
- "$type": "dimension",
304
- "$value": "{size.xl}"
305
- },
306
- "block": {
307
- "$type": "dimension",
308
- "$value": "{size.md}"
309
- }
310
- }
311
- },
312
- "select": {
313
- "trigger-icon": {
314
- "$type": "string",
315
- "$value": "url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22rgb(5%2C%2048%2C%2056)%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m2%205%206%206%206-6%22%2F%3E%3C%2Fsvg%3E')"
316
- }
317
- }
318
- },
319
- "fieldset": {
320
- "border": {
321
- "width": {
322
- "$type": "dimension",
323
- "$value": "1px"
324
- }
325
- }
326
- },
327
- "legend": {
328
- "background": {
329
- "color": {
330
- "$type": "color",
331
- "$value": "transparent"
332
- }
333
- },
334
- "color": {
335
- "$type": "color",
336
- "$value": "{text.color}"
337
- }
338
- },
339
- "end": {
340
- "margin": {
341
- "block": {
342
- "start": {
343
- "$type": "dimension",
344
- "$value": "{size.base}"
345
- },
346
- "end": {
347
- "$type": "dimension",
348
- "$value": "{size.base}"
349
- }
350
- }
351
- }
352
- },
353
- "user-info": {
354
- "font": {
355
- "size": {
356
- "$type": "dimension",
357
- "$value": "{font.size.xs}"
358
- }
359
- },
360
- "color": {
361
- "$type": "color",
362
- "$value": "{text.muted}"
363
- }
364
- }
365
- }
366
- }