@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,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
- }