@massimo-cassandro/minimo 1.20.7 → 1.20.9

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 (47) 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/css/buttons/buttons.css +1 -1
  12. package/src/custom-properties.css +9 -9
  13. package/src/utilities/dom-builder-helpers/form-tags.js +1 -1
  14. package/design-tokens/tokens/design-tokens/_src/alerts.minimo.tokens.jsonc +0 -28
  15. package/design-tokens/tokens/design-tokens/_src/badge.minimo.tokens.jsonc +0 -42
  16. package/design-tokens/tokens/design-tokens/_src/btn-close.minimo.tokens.jsonc +0 -102
  17. package/design-tokens/tokens/design-tokens/_src/btn-color-themes.minimo.tokens.jsonc +0 -182
  18. package/design-tokens/tokens/design-tokens/_src/btn.minimo.tokens.jsonc +0 -210
  19. package/design-tokens/tokens/design-tokens/_src/color-accent.minimo.tokens.jsonc +0 -16
  20. package/design-tokens/tokens/design-tokens/_src/color-neutral.minimo.tokens.jsonc +0 -18
  21. package/design-tokens/tokens/design-tokens/_src/color-primary.minimo.tokens.jsonc +0 -18
  22. package/design-tokens/tokens/design-tokens/_src/color-secondary.minimo.tokens.jsonc +0 -18
  23. package/design-tokens/tokens/design-tokens/_src/flex-grid.minimo.tokens.jsonc +0 -24
  24. package/design-tokens/tokens/design-tokens/_src/form-validation.minimo.tokens.jsonc +0 -22
  25. package/design-tokens/tokens/design-tokens/_src/form.minimo.tokens.jsonc +0 -366
  26. package/design-tokens/tokens/design-tokens/_src/headings.minimo.tokens.jsonc +0 -70
  27. package/design-tokens/tokens/design-tokens/_src/layout.minimo.tokens.jsonc +0 -28
  28. package/design-tokens/tokens/design-tokens/_src/link.minimo.tokens.jsonc +0 -44
  29. package/design-tokens/tokens/design-tokens/_src/radius.minimo.tokens.jsonc +0 -42
  30. package/design-tokens/tokens/design-tokens/_src/shadows.minimo.tokens.jsonc +0 -19
  31. package/design-tokens/tokens/design-tokens/_src/size.minimo.tokens.jsonc +0 -46
  32. package/design-tokens/tokens/design-tokens/_src/status.minimo.tokens.jsonc +0 -98
  33. package/design-tokens/tokens/design-tokens/_src/switch.minimo.tokens.jsonc +0 -32
  34. package/design-tokens/tokens/design-tokens/_src/table.minimo.tokens.jsonc +0 -84
  35. package/design-tokens/tokens/design-tokens/_src/text.minimo.tokens.jsonc +0 -38
  36. package/design-tokens/tokens/design-tokens/_src/typography.minimo.tokens.jsonc +0 -110
  37. package/design-tokens/tokens/design-tokens/_src/utility.minimo.tokens.jsonc +0 -14
  38. package/design-tokens/tokens/design-tokens/_src/z-index.minimo.tokens.jsonc +0 -18
  39. package/design-tokens/tokens/src/components/inner-nav/inner-nav.minimo.tokens.jsonc +0 -20
  40. package/design-tokens/tokens/src/components/modal-alert/modal-alert.minimo.tokens.jsonc +0 -246
  41. package/design-tokens/tokens/src/components/modal-popup/modal-popup.minimo.tokens.jsonc +0 -128
  42. package/design-tokens/tokens/src/components/sf-macro/sf-macro.minimo.tokens.jsonc +0 -84
  43. package/design-tokens/tokens/src/components/slide-up-down-toggle/slide-up-down-toggle.minimo.tokens.jsonc +0 -14
  44. package/design-tokens/tokens/src/components/snackbar/snackbar.minimo.tokens.jsonc +0 -146
  45. package/design-tokens/tokens/src/components/spinner/spinner.minimo.tokens.jsonc +0 -24
  46. package/design-tokens/tokens/src/components/unsplash-page/unsplash-page.minimo.tokens.jsonc +0 -170
  47. package/design-tokens/tokens/src/web-components/s-datatable-component/simple-datatable.minimo.tokens.jsonc +0 -51
@@ -1,246 +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
- "malert": {
9
- "background": {
10
- "color": {
11
- "$type": "color",
12
- "$value": "#fff"
13
- }
14
- },
15
- "border": {
16
- "radius": {
17
- "$type": "dimension",
18
- "$value": "{radius.xs}"
19
- }
20
- },
21
- "box-shadow-color": {
22
- "$type": "color",
23
- "$value": "#000"
24
- },
25
- "box-shadow": {
26
- "$type": "shadow",
27
- "$value": [
28
- {
29
- "offsetX": "0",
30
- "offsetY": ".4px",
31
- "blur": "4px",
32
- "spread": "0",
33
- "color": "color-mix(in srgb, #000 15%, transparent)"
34
- },
35
- {
36
- "offsetX": "-.3px",
37
- "offsetY": "3px",
38
- "blur": "3.3px",
39
- "spread": "-.5px",
40
- "color": "color-mix(in srgb, #000 15%, transparent)"
41
- },
42
- {
43
- "offsetX": "-.5px",
44
- "offsetY": "6.1px",
45
- "blur": "6.6px",
46
- "spread": "-.9px",
47
- "color": "color-mix(in srgb, #000 14%, transparent)"
48
- },
49
- {
50
- "offsetX": "-.9px",
51
- "offsetY": "11.2px",
52
- "blur": "12.1px",
53
- "spread": "-1.4px",
54
- "color": "color-mix(in srgb, #000 14%, transparent)"
55
- },
56
- {
57
- "offsetX": "-1.6px",
58
- "offsetY": "19.5px",
59
- "blur": "21.1px",
60
- "spread": "-1.9px",
61
- "color": "color-mix(in srgb, #000 13%, transparent)"
62
- },
63
- {
64
- "offsetX": "-2.7px",
65
- "offsetY": "32.7px",
66
- "blur": "35.4px",
67
- "spread": "-2.3px",
68
- "color": "color-mix(in srgb, #000 13%, transparent)"
69
- },
70
- {
71
- "offsetX": "-4.3px",
72
- "offsetY": "52px",
73
- "blur": "56.4px",
74
- "spread": "-2.8px",
75
- "color": "color-mix(in srgb, #000 12%, transparent)"
76
- }
77
- ]
78
- },
79
- "backdrop": {
80
- "$type": "color",
81
- "$value": "rgb(0 0 0 / .7)"
82
- },
83
- "success": {
84
- "bg": {
85
- "$type": "color",
86
- "$value": "{status.success.background.color}"
87
- },
88
- "fg": {
89
- "$type": "color",
90
- "$value": "{status.success.fg}"
91
- }
92
- },
93
- "info": {
94
- "bg": {
95
- "$type": "color",
96
- "$value": "{status.info.background.color}"
97
- },
98
- "fg": {
99
- "$type": "color",
100
- "$value": "{status.info.fg}"
101
- }
102
- },
103
- "warning": {
104
- "bg": {
105
- "$type": "color",
106
- "$value": "{status.warning.background.color}"
107
- },
108
- "fg": {
109
- "$type": "color",
110
- "$value": "{status.warning.fg}"
111
- }
112
- },
113
- "error": {
114
- "bg": {
115
- "$type": "color",
116
- "$value": "{status.danger.background.color}"
117
- },
118
- "fg": {
119
- "$type": "color",
120
- "$value": "{status.danger.fg}"
121
- }
122
- },
123
- "confirm": {
124
- "bg": {
125
- "$type": "color",
126
- "$value": "hsl(277deg 72% 45%)"
127
- },
128
- "fg": {
129
- "$type": "color",
130
- "$value": "#fff"
131
- },
132
- "btn": {
133
- "bg": {
134
- "$type": "color",
135
- "$value": "{malert.confirm.bg}"
136
- },
137
- "fg": {
138
- "$type": "color",
139
- "$value": "{malert.confirm.fg}"
140
- },
141
- "border": {
142
- "color": {
143
- "$type": "color",
144
- "$value": "{malert.confirm.bg}"
145
- }
146
- },
147
- "focus": {
148
- "outline": {
149
- "color": {
150
- "$type": "color",
151
- "$value": "color-mix(in srgb, {malert.confirm.bg} 60%, transparent)"
152
- },
153
- "width": {
154
- "$type": "dimension",
155
- "$value": "{btn.focus.outline.width}"
156
- }
157
- }
158
- },
159
- "hover": {
160
- "bg": {
161
- "$type": "color",
162
- "$value": "{malert.confirm.fg}"
163
- },
164
- "fg": {
165
- "$type": "color",
166
- "$value": "{malert.confirm.bg}"
167
- },
168
- "border": {
169
- "color": {
170
- "$type": "color",
171
- "$value": "{malert.confirm.btn.hover.fg}"
172
- }
173
- }
174
- },
175
- "active": {
176
- "bg": {
177
- "$type": "color",
178
- "$value": "color-mix(in srgb, {malert.confirm.bg} 60%, #000)"
179
- },
180
- "fg": {
181
- "$type": "color",
182
- "$value": "{malert.confirm.fg}"
183
- },
184
- "border": {
185
- "color": {
186
- "$type": "color",
187
- "$value": "{malert.confirm.btn.active.bg}"
188
- }
189
- }
190
- },
191
- "hollow": {
192
- "bg": {
193
- "$type": "color",
194
- "$value": "{malert.confirm.fg}"
195
- },
196
- "fg": {
197
- "$type": "color",
198
- "$value": "{malert.confirm.bg}"
199
- },
200
- "hover": {
201
- "bg": {
202
- "$type": "color",
203
- "$value": "{malert.confirm.bg}"
204
- },
205
- "fg": {
206
- "$type": "color",
207
- "$value": "{malert.confirm.fg}"
208
- }
209
- }
210
- }
211
- }
212
- },
213
- "heading": {
214
- "font": {
215
- "family": {
216
- "$type": "fontFamily",
217
- "$value": "{headings.font.family}"
218
- },
219
- "size": {
220
- "$type": "dimension",
221
- "$value": "{headings.h2.font.size}"
222
- },
223
- "weight": {
224
- "$type": "dimension",
225
- "$value": "{headings.font.weight}"
226
- }
227
- },
228
- "line-height": {
229
- "$type": "dimension",
230
- "$value": "{headings.line-height}"
231
- }
232
- },
233
- "text": {
234
- "font": {
235
- "family": {
236
- "$type": "fontFamily",
237
- "$value": "{font.family}"
238
- },
239
- "size": {
240
- "$type": "dimension",
241
- "$value": "{font.size.base}"
242
- }
243
- }
244
- }
245
- }
246
- }
@@ -1,128 +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
- "mpopup": {
9
- "width": {
10
- "$type": "dimension",
11
- "$value": "max-content"
12
- },
13
- "min-width": {
14
- "$type": "dimension",
15
- "$value": "400px"
16
- },
17
- "max-width": {
18
- "$type": "dimension",
19
- "$value": "70dvw"
20
- },
21
- "height": {
22
- "$type": "dimension",
23
- "$value": "max-content"
24
- },
25
- "min-height": {
26
- "$type": "dimension",
27
- "$value": "300px"
28
- },
29
- "max-height": {
30
- "$type": "dimension",
31
- "$value": "90dvh"
32
- },
33
- "background": {
34
- "color": {
35
- "$type": "color",
36
- "$value": "{body.background.color}"
37
- }
38
- },
39
- "drop-shadow": {
40
- "$type": "shadow",
41
- "$value": [
42
- {
43
- "offsetX": "0",
44
- "offsetY": "0",
45
- "blur": "12px",
46
- "spread": "2px",
47
- "color": "rgb(0 0 0 / .25)"
48
- }
49
- ]
50
- },
51
- "backdrop-color": {
52
- "$type": "color",
53
- "$value": "rgb(0 0 0 / .6)"
54
- },
55
- "border": {
56
- "radius": {
57
- "$type": "dimension",
58
- "$value": "{size.base}"
59
- }
60
- },
61
- "btn-close": {
62
- "size": {
63
- "$type": "dimension",
64
- "$value": "1.6rem"
65
- }
66
- },
67
- "content": {
68
- "padding": {
69
- "$type": "dimension",
70
- "$value": "{size.base} {size.sm} {size.sm}"
71
- },
72
- "scrollbar": {
73
- "padding": {
74
- "i": {
75
- "end": {
76
- "$type": "dimension",
77
- "$value": "{size.md}"
78
- }
79
- }
80
- }
81
- }
82
- },
83
- "header": {
84
- "padding": {
85
- "$type": "dimension",
86
- "$value": "{size.xs}"
87
- },
88
- "color": {
89
- "$type": "color",
90
- "$value": "{text.color}"
91
- },
92
- "background": {
93
- "color": {
94
- "$type": "color",
95
- "$value": "#ddd"
96
- }
97
- },
98
- "font": {
99
- "size": {
100
- "$type": "dimension",
101
- "$value": "{font.size.xl}"
102
- }
103
- }
104
- },
105
- "footer": {
106
- "padding": {
107
- "$type": "dimension",
108
- "$value": "{size.xs}"
109
- },
110
- "color": {
111
- "$type": "color",
112
- "$value": "{text.color}"
113
- },
114
- "background": {
115
- "color": {
116
- "$type": "color",
117
- "$value": "#ddd"
118
- }
119
- },
120
- "font": {
121
- "size": {
122
- "$type": "dimension",
123
- "$value": "{font.size.base}"
124
- }
125
- }
126
- }
127
- }
128
- }
@@ -1,84 +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
- "sf-macro": {
9
- "rows": {
10
- "padding": {
11
- "$type": "dimension",
12
- "$value": "{size.xs}"
13
- },
14
- "margin": {
15
- "block": {
16
- "end": {
17
- "$type": "dimension",
18
- "$value": "{size.base}"
19
- }
20
- }
21
- },
22
- "hover": {
23
- "background": {
24
- "color": {
25
- "$type": "color",
26
- "$value": "color-mix(in srgb, {body.background.color} 95%, #000)"
27
- }
28
- }
29
- },
30
- "even": {
31
- "background": {
32
- "color": {
33
- "$type": "color",
34
- "$value": "{body.background.color}"
35
- }
36
- }
37
- },
38
- "border": {
39
- "$type": "border",
40
- "$value": {
41
- "color": "#666",
42
- "width": "1px",
43
- "style": "solid"
44
- }
45
- },
46
- "border-radius": {
47
- "$type": "dimension",
48
- "$value": "{radius.xs}"
49
- }
50
- },
51
- "btn": {
52
- "close": {
53
- "size": {
54
- "$type": "dimension",
55
- "$value": "{btn.close.size}"
56
- },
57
- "background": {
58
- "color": {
59
- "$type": "color",
60
- "$value": "{btn.close.background.color}"
61
- }
62
- },
63
- "position": {
64
- "top": {
65
- "$type": "dimension",
66
- "$value": "-0.5rem"
67
- },
68
- "right": {
69
- "$type": "dimension",
70
- "$value": "-0.5rem"
71
- },
72
- "bottom": {
73
- "$type": "dimension",
74
- "$value": "auto"
75
- },
76
- "left": {
77
- "$type": "dimension",
78
- "$value": "auto"
79
- }
80
- }
81
- }
82
- }
83
- }
84
- }
@@ -1,14 +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
- "slide": {
9
- "duration": {
10
- "$type": "duration",
11
- "$value": "500ms"
12
- }
13
- }
14
- }
@@ -1,146 +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
- "snackbar": {
9
- "outer": {
10
- "drop-shadow": {
11
- "$type": "shadow",
12
- "$value": "{box-shadow.base}"
13
- },
14
- "background": {
15
- "color": {
16
- "$type": "color",
17
- "$value": "{secondary.100}"
18
- }
19
- },
20
- "border": {
21
- "$type": "string",
22
- "$value": "none"
23
- },
24
- "border-radius": {
25
- "$type": "dimension",
26
- "$value": "{radius.xs}"
27
- },
28
- "padding": {
29
- "block": {
30
- "$type": "dimension",
31
- "$value": 0
32
- },
33
- "inline": {
34
- "$type": "dimension",
35
- "$value": 0
36
- }
37
- }
38
- },
39
- "text": {
40
- "color": {
41
- "$type": "color",
42
- "$value": "{secondary.100-fg}"
43
- }
44
- },
45
- "background": {
46
- "color": {
47
- "$type": "color",
48
- "$value": "{secondary.100}"
49
- }
50
- },
51
- "border": {
52
- "radius": {
53
- "$type": "color",
54
- "$value": "{radius.xs}"
55
- }
56
- },
57
- "font": {
58
- "size": {
59
- "$type": "dimension",
60
- "$value": "{font.size.sm}"
61
- }
62
- },
63
- "btn-close": {
64
- "size": {
65
- "$type": "dimension",
66
- "$value": "1rem"
67
- },
68
- "icon": {
69
- "color": {
70
- "$type": "color",
71
- "$value": "{snackbar.text.color}"
72
- }
73
- },
74
- "background": {
75
- "color": {
76
- "$type": "color",
77
- "$value": "transparent"
78
- }
79
- },
80
- "border": {
81
- "color": {
82
- "$type": "color",
83
- "$value": "transparent"
84
- },
85
- "width": {
86
- "$type": "dimension",
87
- "$value": "{btn.close.border.width}"
88
- },
89
- "radius": {
90
- "$type": "dimension",
91
- "$value": "50%"
92
- }
93
- },
94
- "hover": {
95
- "background": {
96
- "color": {
97
- "$type": "color",
98
- "$value": "color-mix(in srgb, {snackbar.text.color} 40%, transparent)"
99
- }
100
- },
101
- "border": {
102
- "color": {
103
- "$type": "color",
104
- "$value": "transparent"
105
- }
106
- },
107
- "icon": {
108
- "color": {
109
- "$type": "color",
110
- "$value": "{snackbar.background.color}"
111
- }
112
- }
113
- },
114
- "focus": {
115
- "outline": {
116
- "width": {
117
- "$type": "dimension",
118
- "$value": "2px"
119
- },
120
- "offset": {
121
- "$type": "dimension",
122
- "$value": "2px"
123
- },
124
- "color": {
125
- "$type": "color",
126
- "$value": "color-mix(in srgb, {snackbar.text.color} 50%, transparent)"
127
- }
128
- }
129
- },
130
- "active": {
131
- "background": {
132
- "color": {
133
- "$type": "color",
134
- "$value": "transparent"
135
- }
136
- },
137
- "icon": {
138
- "color": {
139
- "$type": "color",
140
- "$value": "{snackbar.text.color}"
141
- }
142
- }
143
- }
144
- }
145
- }
146
- }
@@ -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
- "spinner": {
9
- "size": {
10
- "$type": "dimension",
11
- "$value": "{size.lg}"
12
- },
13
- "color": {
14
- "$type": "color",
15
- "$value": "{primary.100}"
16
- },
17
- "stroke": {
18
- "width": {
19
- "$type": "dimension",
20
- "$value": "2px"
21
- }
22
- }
23
- }
24
- }