@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,70 +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
- "headings": {
9
- "text": {
10
- "align": {
11
- "$type": "string",
12
- "$value": "inherit"
13
- }
14
- },
15
- "color": {
16
- "$type": "color",
17
- "$value": "{text.color}"
18
- },
19
- "font": {
20
- "family": {
21
- "$type": "fontFamily",
22
- "$value": "{font.family}"
23
- },
24
- "weight": {
25
- "$type": "string",
26
- "$value": "{font.weight.semibold}"
27
- }
28
- },
29
- "line-height": {
30
- "$type": "dimension",
31
- "$value": "{line-height.xs}"
32
- },
33
- "h1": {
34
- "font": {
35
- "weight": {
36
- "$type": "string",
37
- "$value": "{headings.font.weight}"
38
- },
39
- "size": {
40
- "$type": "dimension",
41
- "$value": "{font.size.2xl}"
42
- }
43
- }
44
- },
45
- "h2": {
46
- "font": {
47
- "size": {
48
- "$type": "dimension",
49
- "$value": "{font.size.xl}"
50
- }
51
- }
52
- },
53
- "h3": {
54
- "font": {
55
- "size": {
56
- "$type": "dimension",
57
- "$value": "{font.size.lg}"
58
- }
59
- }
60
- },
61
- "h4": {
62
- "font": {
63
- "size": {
64
- "$type": "dimension",
65
- "$value": "{font.size.md}"
66
- }
67
- }
68
- }
69
- }
70
- }
@@ -1,28 +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
- "layout": {
9
- "container": {
10
- "max-width": {
11
- "$type": "dimension",
12
- "$value": "80rem"
13
- }
14
- }
15
- },
16
- "body": {
17
- "background": {
18
- "color": {
19
- "$type": "color",
20
- "$value": "#fff"
21
- }
22
- },
23
- "text": {
24
- "$type": "color",
25
- "$value": "{text.color}"
26
- }
27
- }
28
- }
@@ -1,44 +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
- "link": {
9
- "color": {
10
- "$type": "color",
11
- "$value": "#0d12ae"
12
- },
13
- "visited": {
14
- "color": {
15
- "$type": "color",
16
- "$value": "#ae0da3"
17
- }
18
- },
19
- "focus": {
20
- "outline": {
21
- "color": {
22
- "$type": "color",
23
- "$value": "{link.color}"
24
- },
25
- "width": {
26
- "$type": "dimension",
27
- "$value": "2px"
28
- }
29
- }
30
- },
31
- "active": {
32
- "color": {
33
- "$type": "color",
34
- "$value": "#51054C"
35
- },
36
- "background": {
37
- "color": {
38
- "$type": "color",
39
- "$value": "transparent"
40
- }
41
- }
42
- }
43
- }
44
- }
@@ -1,42 +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
- "radius": {
9
- "base": {
10
- "$type": "dimension",
11
- "$value": "{size.base}"
12
- },
13
- "xxs": {
14
- "$type": "dimension",
15
- "$value": "{size.xxs}"
16
- },
17
- "xs": {
18
- "$type": "dimension",
19
- "$value": "{size.xs}"
20
- },
21
- "sm": {
22
- "$type": "dimension",
23
- "$value": "{size.sm}"
24
- },
25
- "md": {
26
- "$type": "dimension",
27
- "$value": "{size.md}"
28
- },
29
- "lg": {
30
- "$type": "dimension",
31
- "$value": "{size.lg}"
32
- },
33
- "xl": {
34
- "$type": "dimension",
35
- "$value": "{size.xl}"
36
- },
37
- "pill": {
38
- "$type": "dimension",
39
- "$value": "9999rem"
40
- }
41
- }
42
- }
@@ -1,19 +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
- "box-shadow": {
9
- "base": {
10
- "$type": "shadow",
11
- "$value": {
12
- "color": "rgb(0 0 0 / .25)",
13
- "offsetX": "0",
14
- "offsetY": "0",
15
- "blur": "12px"
16
- }
17
- }
18
- }
19
- }
@@ -1,46 +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
- "size": {
9
- "xxs": {
10
- "$type": "dimension",
11
- "$value": ".25rem"
12
- },
13
- "xs": {
14
- "$type": "dimension",
15
- "$value": ".5rem"
16
- },
17
- "sm": {
18
- "$type": "dimension",
19
- "$value": ".75rem"
20
- },
21
- "base": {
22
- "$type": "dimension",
23
- "$value": "1rem"
24
- },
25
- "md": {
26
- "$type": "dimension",
27
- "$value": "1.2rem"
28
- },
29
- "lg": {
30
- "$type": "dimension",
31
- "$value": "1.5rem"
32
- },
33
- "xl": {
34
- "$type": "dimension",
35
- "$value": "2rem"
36
- },
37
- "2xl": {
38
- "$type": "dimension",
39
- "$value": "3rem"
40
- },
41
- "3xl": {
42
- "$type": "dimension",
43
- "$value": "4rem"
44
- }
45
- }
46
- }
@@ -1,98 +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
- "status": {
9
- "danger": {
10
- "color": {
11
- "$type": "color",
12
- "$value": "#c00"
13
- },
14
- "background": {
15
- "color": {
16
- "$type": "color",
17
- "$value": "{status.danger.color}"
18
- }
19
- },
20
- "fg": {
21
- "$type": "color",
22
- "$value": "#fff"
23
- },
24
- "border": {
25
- "color": {
26
- "$type": "color",
27
- "$value": "{status.danger.color}"
28
- }
29
- }
30
- },
31
- "success": {
32
- "color": {
33
- "$type": "color",
34
- "$value": "#046d19"
35
- },
36
- "background": {
37
- "color": {
38
- "$type": "color",
39
- "$value": "{status.success.color}"
40
- }
41
- },
42
- "fg": {
43
- "$type": "color",
44
- "$value": "#fff"
45
- },
46
- "border": {
47
- "color": {
48
- "$type": "color",
49
- "$value": "{status.success.color}"
50
- }
51
- }
52
- },
53
- "info": {
54
- "color": {
55
- "$type": "color",
56
- "$value": "#0665c5"
57
- },
58
- "background": {
59
- "color": {
60
- "$type": "color",
61
- "$value": "{status.info.color}"
62
- }
63
- },
64
- "fg": {
65
- "$type": "color",
66
- "$value": "#fff"
67
- },
68
- "border": {
69
- "color": {
70
- "$type": "color",
71
- "$value": "{status.info.color}"
72
- }
73
- }
74
- },
75
- "warning": {
76
- "color": {
77
- "$type": "color",
78
- "$value": "#fc0"
79
- },
80
- "background": {
81
- "color": {
82
- "$type": "color",
83
- "$value": "{status.warning.color}"
84
- }
85
- },
86
- "fg": {
87
- "$type": "color",
88
- "$value": "#4f2900"
89
- },
90
- "border": {
91
- "color": {
92
- "$type": "color",
93
- "$value": "{status.warning.color}"
94
- }
95
- }
96
- }
97
- }
98
- }
@@ -1,32 +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
- "switch": {
9
- "background": {
10
- "color": {
11
- "$type": "color",
12
- "$value": "{neutral.100}"
13
- }
14
- },
15
- "cursor": {
16
- "background": {
17
- "color": {
18
- "$type": "color",
19
- "$value": "{body.background.color}"
20
- }
21
- }
22
- },
23
- "checked": {
24
- "background": {
25
- "color": {
26
- "$type": "color",
27
- "$value": "{primary.100}"
28
- }
29
- }
30
- }
31
- }
32
- }
@@ -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
- "table": {
9
- "thead": {
10
- "background": {
11
- "color": {
12
- "$type": "color",
13
- "$value": "#ddd"
14
- }
15
- },
16
- "border": {
17
- "width": {
18
- "$type": "dimension",
19
- "$value": "3px"
20
- }
21
- }
22
- },
23
- "tfoot": {
24
- "background": {
25
- "color": {
26
- "$type": "color",
27
- "$value": "{table.thead.background.color}"
28
- }
29
- },
30
- "border": {
31
- "width": {
32
- "$type": "dimension",
33
- "$value": "{table.thead.border.width}"
34
- }
35
- },
36
- "font": {
37
- "weight": {
38
- "$type": "fontWeight",
39
- "$value": "{font.weight.semibold}"
40
- }
41
- }
42
- },
43
- "body": {
44
- "border": {
45
- "width": {
46
- "$type": "dimension",
47
- "$value": "1px"
48
- }
49
- },
50
- "tr": {
51
- "alt-bg-color": {
52
- "$type": "color",
53
- "$value": "#efefef"
54
- },
55
- "hover-bg-color": {
56
- "$type": "color",
57
- "$value": "#cbcbcb"
58
- }
59
- }
60
- },
61
- "border": {
62
- "color": {
63
- "$type": "color",
64
- "$value": "#333"
65
- }
66
- },
67
- "cell": {
68
- "padding": {
69
- "block": {
70
- "$type": "dimension",
71
- "$value": ".3rem"
72
- },
73
- "inline": {
74
- "$type": "dimension",
75
- "$value": ".6rem"
76
- }
77
- },
78
- "line-height": {
79
- "$type": "number",
80
- "$value": "1.3"
81
- }
82
- }
83
- }
84
- }
@@ -1,38 +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
- "text": {
9
- "muted": {
10
- "$type": "color",
11
- "$value": "{neutral.100}"
12
- },
13
- "dim": {
14
- "$type": "color",
15
- "$value": "{text.muted}"
16
- },
17
- "negative": {
18
- "$type": "color",
19
- "$value": "#ffffff"
20
- },
21
- "color": {
22
- "$type": "color",
23
- "$value": "#000"
24
- },
25
- "selected": {
26
- "background": {
27
- "color": {
28
- "$type": "color",
29
- "$value": "#ddd"
30
- }
31
- },
32
- "color": {
33
- "$type": "color",
34
- "$value": "{body.text}"
35
- }
36
- }
37
- }
38
- }
@@ -1,110 +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
- "font": {
9
- "family": {
10
- "$type": "fontFamily",
11
- "$value": "sans-serif"
12
- },
13
- "family-mono": {
14
- "$type": "fontFamily",
15
- "$value": "'Monaspace Neon Var', 'Monaspace Neon', 'Aptos Mono', 'Roboto Mono', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Andale Mono', 'Courier New', monospace"
16
- },
17
- "size": {
18
- "base": {
19
- "$type": "string",
20
- "$value": "clamp(.9rem, .6538rem + .3846vw, 1rem)"
21
- },
22
- "xxs": {
23
- "$type": "string",
24
- "$value": "clamp(.6rem, .3538rem + .3846vw, .7rem)"
25
- },
26
- "xs": {
27
- "$type": "string",
28
- "$value": "clamp(.7rem, .4538rem + .3846vw, .8rem)"
29
- },
30
- "sm": {
31
- "$type": "string",
32
- "$value": "clamp(.8rem, .5538rem + .3846vw, .9rem)"
33
- },
34
- "md": {
35
- "$type": "string",
36
- "$value": "clamp(1.05rem, .6808rem + .5769vw, 1.2rem)"
37
- },
38
- "lg": {
39
- "$type": "string",
40
- "$value": "clamp(1.2rem, .7077rem + .7692vw, 1.4rem)"
41
- },
42
- "xl": {
43
- "$type": "string",
44
- "$value": "clamp(1.6rem, 1.1077rem + .7692vw, 1.8rem)"
45
- },
46
- "2xl": {
47
- "$type": "string",
48
- "$value": "clamp(2rem, .7692rem + 1.9231vw, 2.5rem)"
49
- },
50
- "3xl": {
51
- "$type": "string",
52
- "$value": "clamp(2.2rem, .2308rem + 3.0769vw, 3rem)"
53
- }
54
- },
55
- "style": {
56
- "base": {
57
- "$type": "string",
58
- "$value": "normal"
59
- }
60
- },
61
- "weight": {
62
- "xxlight": {
63
- "$type": "string",
64
- "$value": "100"
65
- },
66
- "xlight": {
67
- "$type": "string",
68
- "$value": "200"
69
- },
70
- "light": {
71
- "$type": "string",
72
- "$value": "300"
73
- },
74
- "regular": {
75
- "$type": "string",
76
- "$value": "400"
77
- },
78
- "medium": {
79
- "$type": "string",
80
- "$value": "500"
81
- },
82
- "semibold": {
83
- "$type": "string",
84
- "$value": "600"
85
- },
86
- "bold": {
87
- "$type": "string",
88
- "$value": "700"
89
- },
90
- "xbold": {
91
- "$type": "string",
92
- "$value": "900"
93
- }
94
- }
95
- },
96
- "line-height": {
97
- "base": {
98
- "$type": "number",
99
- "$value": 1.5
100
- },
101
- "sm": {
102
- "$type": "number",
103
- "$value": 1.4
104
- },
105
- "xs": {
106
- "$type": "number",
107
- "$value": 1.25
108
- }
109
- }
110
- }
@@ -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
- "overlay": {
9
- "color": {
10
- "$type": "color",
11
- "$value": "rgb(0 0 0 / .6)"
12
- }
13
- }
14
- }
@@ -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
- "z-index": {
9
- "overlay": {
10
- "$type": "number",
11
- "$value": 99
12
- },
13
- "snackbar": {
14
- "$type": "number",
15
- "$value": 100
16
- }
17
- }
18
- }
@@ -1,20 +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
- "inner-nav": {
9
- "gap": {
10
- "$type": "dimension",
11
- "$value": "{size.lg}"
12
- },
13
- "margin": {
14
- "block": {
15
- "$type": "dimension",
16
- "$value": "{size.base}"
17
- }
18
- }
19
- }
20
- }