@massimo-cassandro/minimo 1.5.13 → 1.6.0

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 (84) hide show
  1. package/design-tokens/_src/components/spinner.minimo.tokens.mjs +18 -0
  2. package/design-tokens/_src/headings.minimo.tokens.mjs +56 -0
  3. package/design-tokens/_src/link.minimo.tokens.mjs +41 -0
  4. package/design-tokens/_src/radius.minimo.tokens.mjs +44 -0
  5. package/design-tokens/_src/size.minimo.tokens.mjs +105 -0
  6. package/design-tokens/_src/status.minimo.tokens.mjs +92 -0
  7. package/design-tokens/_src/typography.minimo.tokens.mjs +123 -0
  8. package/design-tokens/_src/utility.minimo.tokens.mjs +8 -0
  9. package/design-tokens/_src/web-components/simple-datatable.minimo.tokens.mjs +47 -0
  10. package/{design-tokens-utilities → design-tokens/utilities}/build-tokens-src/config.mjs +1 -1
  11. package/{design-tokens-utilities → design-tokens/utilities}/build-tokens.mjs +1 -1
  12. package/{design-tokens-utilities → design-tokens/utilities}/check-unresolved-custom-props.mjs +2 -2
  13. package/index.js +1 -1
  14. package/package.json +11 -8
  15. package/src/components/unsplash-page/unsplash-page.module.css +1 -1
  16. package/design-tokens-src/components/spinner.minimo.tokens.jsonc +0 -22
  17. package/design-tokens-src/headings.minimo.tokens.jsonc +0 -57
  18. package/design-tokens-src/link.minimo.tokens.jsonc +0 -41
  19. package/design-tokens-src/radius.minimo.tokens.jsonc +0 -45
  20. package/design-tokens-src/size.minimo.tokens.jsonc +0 -105
  21. package/design-tokens-src/status.minimo.tokens.jsonc +0 -93
  22. package/design-tokens-src/typography.minimo.tokens.jsonc +0 -129
  23. package/design-tokens-src/utility.minimo.tokens.jsonc +0 -8
  24. package/design-tokens-src/web-components/simple-datatable.minimo.tokens.jsonc +0 -50
  25. /package/{design-tokens-src → design-tokens/_src}/_readme.md +0 -0
  26. /package/{design-tokens-src → design-tokens/_src}/alerts.minimo.tokens.mjs +0 -0
  27. /package/{design-tokens-src → design-tokens/_src}/badge.minimo.tokens.mjs +0 -0
  28. /package/{design-tokens-src → design-tokens/_src}/btn-close.minimo.tokens.mjs +0 -0
  29. /package/{design-tokens-src → design-tokens/_src}/btn-color-themes.minimo.tokens.mjs +0 -0
  30. /package/{design-tokens-src → design-tokens/_src}/btn.minimo.tokens.mjs +0 -0
  31. /package/{design-tokens-src → design-tokens/_src}/color-accent.minimo.tokens.mjs +0 -0
  32. /package/{design-tokens-src → design-tokens/_src}/color-neutral.minimo.tokens.mjs +0 -0
  33. /package/{design-tokens-src → design-tokens/_src}/color-primary.minimo.tokens.mjs +0 -0
  34. /package/{design-tokens-src → design-tokens/_src}/color-secondary.minimo.tokens.mjs +0 -0
  35. /package/{design-tokens-src → design-tokens/_src}/components/sf-macro.minimo.tokens.mjs +0 -0
  36. /package/{design-tokens-src → design-tokens/_src}/components/snackbar.minimo.tokens.mjs +0 -0
  37. /package/{design-tokens-src → design-tokens/_src}/components/unsplash-page.minimo.tokens.mjs +0 -0
  38. /package/{design-tokens-src → design-tokens/_src}/flex-grid.minimo.tokens.mjs +0 -0
  39. /package/{design-tokens-src → design-tokens/_src}/form-validation.minimo.tokens.mjs +0 -0
  40. /package/{design-tokens-src → design-tokens/_src}/form.minimo.tokens.mjs +0 -0
  41. /package/{design-tokens-src → design-tokens/_src}/layout.minimo.tokens.mjs +0 -0
  42. /package/{design-tokens-src → design-tokens/_src}/modal-popup.minimo.tokens.mjs +0 -0
  43. /package/{design-tokens-src → design-tokens/_src}/shadows.minimo.tokens.mjs +0 -0
  44. /package/{design-tokens-src → design-tokens/_src}/switch.minimo.tokens.mjs +0 -0
  45. /package/{design-tokens-src → design-tokens/_src}/table.minimo.tokens.mjs +0 -0
  46. /package/{design-tokens-src → design-tokens/_src}/text.minimo.tokens.mjs +0 -0
  47. /package/{design-tokens-src → design-tokens/_src}/z-index.minimo.tokens.mjs +0 -0
  48. /package/design-tokens/{alerts.minimo.tokens.jsonc → tokens/alerts.minimo.tokens.jsonc} +0 -0
  49. /package/design-tokens/{badge.minimo.tokens.jsonc → tokens/badge.minimo.tokens.jsonc} +0 -0
  50. /package/design-tokens/{btn-close.minimo.tokens.jsonc → tokens/btn-close.minimo.tokens.jsonc} +0 -0
  51. /package/design-tokens/{btn-color-themes.minimo.tokens.jsonc → tokens/btn-color-themes.minimo.tokens.jsonc} +0 -0
  52. /package/design-tokens/{btn.minimo.tokens.jsonc → tokens/btn.minimo.tokens.jsonc} +0 -0
  53. /package/design-tokens/{color-accent.minimo.tokens.jsonc → tokens/color-accent.minimo.tokens.jsonc} +0 -0
  54. /package/design-tokens/{color-neutral.minimo.tokens.jsonc → tokens/color-neutral.minimo.tokens.jsonc} +0 -0
  55. /package/design-tokens/{color-primary.minimo.tokens.jsonc → tokens/color-primary.minimo.tokens.jsonc} +0 -0
  56. /package/design-tokens/{color-secondary.minimo.tokens.jsonc → tokens/color-secondary.minimo.tokens.jsonc} +0 -0
  57. /package/design-tokens/{components → tokens/components}/sf-macro.minimo.tokens.jsonc +0 -0
  58. /package/design-tokens/{components → tokens/components}/snackbar.minimo.tokens.jsonc +0 -0
  59. /package/design-tokens/{components → tokens/components}/spinner.minimo.tokens.jsonc +0 -0
  60. /package/design-tokens/{components → tokens/components}/unsplash-page.minimo.tokens.jsonc +0 -0
  61. /package/design-tokens/{flex-grid.minimo.tokens.jsonc → tokens/flex-grid.minimo.tokens.jsonc} +0 -0
  62. /package/design-tokens/{form-validation.minimo.tokens.jsonc → tokens/form-validation.minimo.tokens.jsonc} +0 -0
  63. /package/design-tokens/{form.minimo.tokens.jsonc → tokens/form.minimo.tokens.jsonc} +0 -0
  64. /package/design-tokens/{headings.minimo.tokens.jsonc → tokens/headings.minimo.tokens.jsonc} +0 -0
  65. /package/design-tokens/{layout.minimo.tokens.jsonc → tokens/layout.minimo.tokens.jsonc} +0 -0
  66. /package/design-tokens/{link.minimo.tokens.jsonc → tokens/link.minimo.tokens.jsonc} +0 -0
  67. /package/design-tokens/{modal-popup.minimo.tokens.jsonc → tokens/modal-popup.minimo.tokens.jsonc} +0 -0
  68. /package/design-tokens/{radius.minimo.tokens.jsonc → tokens/radius.minimo.tokens.jsonc} +0 -0
  69. /package/design-tokens/{shadows.minimo.tokens.jsonc → tokens/shadows.minimo.tokens.jsonc} +0 -0
  70. /package/design-tokens/{size.minimo.tokens.jsonc → tokens/size.minimo.tokens.jsonc} +0 -0
  71. /package/design-tokens/{status.minimo.tokens.jsonc → tokens/status.minimo.tokens.jsonc} +0 -0
  72. /package/design-tokens/{switch.minimo.tokens.jsonc → tokens/switch.minimo.tokens.jsonc} +0 -0
  73. /package/design-tokens/{table.minimo.tokens.jsonc → tokens/table.minimo.tokens.jsonc} +0 -0
  74. /package/design-tokens/{text.minimo.tokens.jsonc → tokens/text.minimo.tokens.jsonc} +0 -0
  75. /package/design-tokens/{typography.minimo.tokens.jsonc → tokens/typography.minimo.tokens.jsonc} +0 -0
  76. /package/design-tokens/{utility.minimo.tokens.jsonc → tokens/utility.minimo.tokens.jsonc} +0 -0
  77. /package/design-tokens/{web-components → tokens/web-components}/simple-datatable.minimo.tokens.jsonc +0 -0
  78. /package/design-tokens/{z-index.minimo.tokens.jsonc → tokens/z-index.minimo.tokens.jsonc} +0 -0
  79. /package/{design-tokens-utilities → design-tokens/utilities}/build-tokens-src/formats/css.mjs +0 -0
  80. /package/{design-tokens-utilities → design-tokens/utilities}/build-tokens-src/formats/penpot.mjs +0 -0
  81. /package/{design-tokens-utilities → design-tokens/utilities}/build-tokens-src/platforms.mjs +0 -0
  82. /package/{design-tokens-utilities → design-tokens/utilities}/build-tokens-src/transforms.mjs +0 -0
  83. /package/{design-tokens-utilities → design-tokens/utilities}/readme.md +0 -0
  84. /package/{design-tokens-utilities → design-tokens/utilities}/tokens-config-sample.mjs +0 -0
@@ -1,57 +0,0 @@
1
- {
2
-
3
- "headings": {
4
- "text": {
5
- "align": {
6
- "$type": "string",
7
- "$value": "inherit"
8
- }
9
- },
10
- "color": {
11
- "$type": "color",
12
- "$value": "{text.color}"
13
- },
14
- "font": {
15
- "weight": {
16
- "$type": "string",
17
- "$value": "{font.weight.semibold}"
18
- }
19
- },
20
- "h1": {
21
- "font": {
22
- "weight": {
23
- "$type": "string",
24
- "$value": "{headings.font.weight}"
25
- },
26
- "size": {
27
- "$type": "dimension",
28
- "$value": "{font.size.2xl}"
29
- }
30
- }
31
- },
32
- "h2": {
33
- "font": {
34
- "size": {
35
- "$type": "dimension",
36
- "$value": "{font.size.xl}"
37
- }
38
- }
39
- },
40
- "h3": {
41
- "font": {
42
- "size": {
43
- "$type": "dimension",
44
- "$value": "{font.size.lg}"
45
- }
46
- }
47
- },
48
- "h4": {
49
- "font": {
50
- "size": {
51
- "$type": "dimension",
52
- "$value": "{font.size.md}"
53
- }
54
- }
55
- },
56
- }
57
- }
@@ -1,41 +0,0 @@
1
- {
2
- "link": {
3
- "color": {
4
- "$type": "color",
5
- "$value": "#0d12ae"
6
- },
7
- "visited": {
8
- "color": {
9
- "$type": "color",
10
- "$value": "#ae0da3"
11
- },
12
- },
13
- "hover": {
14
- "color": null
15
- },
16
- "focus": {
17
- "outline": {
18
- "color": {
19
- "$type": "color",
20
- "$value": "{link.color}"
21
- },
22
- "width": {
23
- "$type": "dimension",
24
- "$value": "2px"
25
- },
26
- }
27
- },
28
- "active": {
29
- "color": {
30
- "$type": "color",
31
- "$value": "#51054C"
32
- },
33
- "background": {
34
- "color": {
35
- "$type": "color",
36
- "$value": "transparent"
37
- }
38
- }
39
- }
40
- }
41
- }
@@ -1,45 +0,0 @@
1
- {
2
- "radius": {
3
-
4
- "base": {
5
- "$value": "{size.base}",
6
- "$type": "dimension",
7
- "$description": ""
8
- },
9
- "xxs": {
10
- "$value": "{size.xxs}",
11
- "$type": "dimension",
12
- "$description": ""
13
- },
14
- "xs": {
15
- "$value": "{size.xs}",
16
- "$type": "dimension",
17
- "$description": ""
18
- },
19
- "sm": {
20
- "$value": "{size.sm}",
21
- "$type": "dimension",
22
- "$description": ""
23
- },
24
- "md": {
25
- "$value": "{size.md}",
26
- "$type": "dimension",
27
- "$description": ""
28
- },
29
- "lg": {
30
- "$value": "{size.lg}",
31
- "$type": "dimension",
32
- "$description": ""
33
- },
34
- "xl": {
35
- "$value": "{size.xl}",
36
- "$type": "dimension",
37
- "$description": ""
38
- },
39
- "pill": {
40
- "$value": "9999rem",
41
- "$type": "dimension",
42
- "$description": ""
43
- }
44
- }
45
- }
@@ -1,105 +0,0 @@
1
- {
2
- // in attesa di modifica dello script per il parser automatico delle espressioni
3
-
4
- // export const dimensions_bulder = (
5
- // base_dim = 1,
6
- // unit = 'rem',
7
- // scale = ['xxs', 'xs','sm', 'base', 'md', 'lg', 'xl', '2xl', '3xl']) => {
8
- // };
9
-
10
- "size": {
11
- "xs": {
12
- "$value": ".5rem",
13
- "$type": "dimension",
14
- "$description": ""
15
- },
16
- "md": {
17
- "$value": "1.2rem",
18
- "$type": "dimension",
19
- "$description": ""
20
- },
21
- "3xl": {
22
- "$value": "4rem",
23
- "$type": "dimension",
24
- "$description": ""
25
- },
26
- "2xl": {
27
- "$value": "3rem",
28
- "$type": "dimension",
29
- "$description": ""
30
- },
31
- "base": {
32
- "$value": "1rem",
33
- "$type": "dimension",
34
- "$description": ""
35
- },
36
- "lg": {
37
- "$value": "1.5rem",
38
- "$type": "dimension",
39
- "$description": ""
40
- },
41
- "xxs": {
42
- "$value": ".25rem",
43
- "$type": "dimension",
44
- "$description": ""
45
- },
46
- "xl": {
47
- "$value": "2rem",
48
- "$type": "dimension",
49
- "$description": ""
50
- },
51
- "sm": {
52
- "$value": ".75rem",
53
- "$type": "dimension",
54
- "$description": ""
55
- }
56
- },
57
-
58
- // // "size": {
59
- // // "xxs": {
60
- // // "$value": "{size.base} * .25",
61
- // // "$type": "dimension",
62
- // // "$description": ""
63
- // // },
64
- // // "xs": {
65
- // // "$value": "{size.base} * .5",
66
- // // "$type": "dimension",
67
- // // "$description": ""
68
- // // },
69
- // // "sm": {
70
- // // "$value": "{size.base} * .75",
71
- // // "$type": "dimension",
72
- // // "$description": ""
73
- // // },
74
- // // "base": {
75
- // // "$value": "1rem",
76
- // // "$type": "dimension",
77
- // // "$description": ""
78
- // // },
79
- // // "md": {
80
- // // "$value": "{size.base} * 1.2",
81
- // // "$type": "dimension",
82
- // // "$description": ""
83
- // // },
84
- // // "lg": {
85
- // // "$value": "{size.base} * 1.5",
86
- // // "$type": "dimension",
87
- // // "$description": ""
88
- // // },
89
- // // "xl": {
90
- // // "$value": "{size.base} * 2",
91
- // // "$type": "dimension",
92
- // // "$description": ""
93
- // // },
94
- // // "2xl": {
95
- // // "$value": "{size.base} * 3",
96
- // // "$type": "dimension",
97
- // // "$description": ""
98
- // // },
99
- // // "3xl": {
100
- // // "$value": "{size.base} * 4",
101
- // // "$type": "dimension",
102
- // // "$description": ""
103
- // // }
104
- // }
105
- }
@@ -1,93 +0,0 @@
1
- {
2
-
3
- "status": {
4
- "danger": {
5
- "color": {
6
- "$value": "#c00",
7
- "$type": "color"
8
- },
9
- "background": {
10
- "color": {
11
- "$value": "{status.danger.color}",
12
- "$type": "color"
13
- }
14
- },
15
- "fg": {
16
- "$value": "#fff",
17
- "$type": "color"
18
- },
19
- "border": {
20
- "color": {
21
- "$value": "{status.danger.color}",
22
- "$type": "color"
23
- }
24
- }
25
- },
26
- "success": {
27
- "color": {
28
- "$value": "#046d19",
29
- "$type": "color"
30
- },
31
- "background": {
32
- "color": {
33
- "$value": "{status.success.color}",
34
- "$type": "color"
35
- }
36
- },
37
- "fg": {
38
- "$value": "#fff",
39
- "$type": "color"
40
- },
41
- "border": {
42
- "color": {
43
- "$value": "{status.success.color}",
44
- "$type": "color"
45
- }
46
- }
47
- },
48
- "info": {
49
- "color": {
50
- "$value": "#0665c5",
51
- "$type": "color"
52
- },
53
- "background": {
54
- "color": {
55
- "$value": "{status.info.color}",
56
- "$type": "color"
57
- }
58
- },
59
- "fg": {
60
- "$value": "#fff",
61
- "$type": "color"
62
- },
63
- "border": {
64
- "color": {
65
- "$value": "{status.info.color}",
66
- "$type": "color"
67
- }
68
- }
69
- },
70
- "warning": {
71
- "color": {
72
- "$value": "#fc0",
73
- "$type": "color"
74
- },
75
- "background": {
76
- "color": {
77
- "$value": "{status.warning.color}",
78
- "$type": "color"
79
- }
80
- },
81
- "fg": {
82
- "$value": "#4f2900",
83
- "$type": "color"
84
- },
85
- "border": {
86
- "color": {
87
- "$value": "{status.warning.color}",
88
- "$type": "color"
89
- }
90
- }
91
- },
92
- }
93
- }
@@ -1,129 +0,0 @@
1
- {
2
- "font": {
3
-
4
- "family": {
5
- "$value": "sans-serif",
6
- "$type": "fontFamily"
7
- },
8
- "family-mono": {
9
- "$value": "'Monaspace Neon Var', 'Monaspace Neon', 'Aptos Mono', 'Roboto Mono', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Andale Mono', 'Courier New', monospace",
10
- "$type": "fontFamily"
11
- },
12
-
13
- "size": {
14
- "base": {
15
- "$value": "clamp(.9rem, .6538rem + .3846vw, 1rem)",
16
- "$type": "string"
17
- },
18
- "xxs": {
19
- "$value": "clamp(.6rem, .3538rem + .3846vw, .7rem)",
20
- "$type": "string"
21
- },
22
- "xs": {
23
- "$value": "clamp(.7rem, .4538rem + .3846vw, .8rem)",
24
- "$type": "string"
25
- },
26
- "sm": {
27
- "$value": "clamp(.8rem, .5538rem + .3846vw, .9rem)",
28
- "$type": "string"
29
- },
30
- // "lead": {
31
- // "$value": "clamp(1rem, 0.6923rem + 0.4808vw, 1.125rem)",
32
- // "$type": "string"
33
- // },
34
- "md": {
35
- "$value": "clamp(1.05rem, .6808rem + .5769vw, 1.2rem)",
36
- "$type": "string"
37
- },
38
- "lg": {
39
- "$value": "clamp(1.2rem, .7077rem + .7692vw, 1.4rem)",
40
- "$type": "string"
41
- },
42
- "xl": {
43
- "$value": "clamp(1.6rem, 1.1077rem + .7692vw, 1.8rem)",
44
- "$type": "string"
45
- },
46
- "2xl": {
47
- "$value": "clamp(2rem, .7692rem + 1.9231vw, 2.5rem)",
48
- "$type": "string"
49
- },
50
- "3xl": {
51
- "$value": "clamp(2.2rem, .2308rem + 3.0769vw, 3rem)",
52
- "$type": "string"
53
- }
54
-
55
- },
56
-
57
-
58
- "style": {
59
- "base": {
60
- "$value": "normal",
61
- "$type": "string"
62
- }
63
-
64
- },
65
-
66
-
67
- "weight": {
68
- "xxlight": {
69
- "$value": "100",
70
- "$type": "string",
71
- "$description": ""
72
- },
73
- "xlight": {
74
- "$value": "200",
75
- "$type": "string",
76
- "$description": ""
77
- },
78
- "light": {
79
- "$value": "300",
80
- "$type": "string",
81
- "$description": ""
82
- },
83
- "regular": {
84
- "$value": "400",
85
- "$type": "string",
86
- "$description": ""
87
- },
88
- "medium": {
89
- "$value": "500",
90
- "$type": "string",
91
- "$description": ""
92
- },
93
- "semibold": {
94
- "$value": "600",
95
- "$type": "string",
96
- "$description": ""
97
- },
98
- "bold": {
99
- "$value": "700",
100
- "$type": "string",
101
- "$description": ""
102
- },
103
- "xbold": {
104
- "$value": "900",
105
- "$type": "string",
106
- "$description": ""
107
- }
108
- }
109
- }, // end font
110
-
111
- // Rhythm in Web Typography | Better Web Type <https://betterwebtype.com/articles/2018/10/15/rhythm-in-web-typography/>
112
- // The good line-height <https://www.thegoodlineheight.com/>
113
-
114
- "line-height": {
115
- "base": {
116
- "$value": 1.5,
117
- "$type": "number"
118
- },
119
- "sm": {
120
- "$value": 1.4,
121
- "$type": "number"
122
- },
123
- "xs": {
124
- "$value": 1.25,
125
- "$type": "number"
126
- }
127
-
128
- },
129
- }
@@ -1,8 +0,0 @@
1
- {
2
- "overlay": {
3
- "color": {
4
- "$value": "rgb(0 0 0 / .6)",
5
- "$type": "color"
6
- }
7
- }
8
- }
@@ -1,50 +0,0 @@
1
- {
2
- "sdt": {
3
-
4
- "thead": {
5
- "hover": {
6
- "background": {
7
- "color": {
8
- "$value": "color-mix(in srgb, {table.thead.background.color} 90%, {accent.100})",
9
- "$type": "color"
10
- }
11
- }
12
- }
13
- },
14
-
15
- "pagination": {
16
- "border": {
17
- "$type": "border",
18
- "$value": {
19
- "color": "{neutral.100}",
20
- "width": "{btn.border.width}",
21
- // "style": "solid"
22
- }
23
- },
24
- "padding": {
25
- "block": {
26
- "$value": "{size.xxs}",
27
- "$type": "dimension"
28
- },
29
- "inline": {
30
- "$value": "{size.xs}",
31
- "$type": "dimension"
32
- },
33
- }
34
- },
35
- "hover": {
36
- "background": {
37
- "color": {
38
- "$value": "{btn.primary.background.color}",
39
- "$type": "color"
40
- }
41
- },
42
- "color": {
43
- "$value": "{btn.primary.color}",
44
- "$type": "color"
45
- }
46
-
47
- }
48
- }
49
-
50
- }