@maggioli-design-system/styles 15.11.0 → 16.0.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.
- package/README.md +58 -7
- package/dist/css/animations.css +3 -1
- package/dist/css/base.css +109 -67
- package/dist/css/colors-hex-brand-rnd.css +39 -37
- package/dist/css/colors-hex-brand.css +72 -70
- package/dist/css/colors-hex-default.css +732 -664
- package/dist/css/colors-hex-label.css +402 -334
- package/dist/css/colors-hex-status.css +138 -136
- package/dist/css/colors-hex-tones.css +171 -169
- package/dist/css/colors-hex.css +897 -2230
- package/dist/css/colors-rgb-brand-rnd.css +34 -32
- package/dist/css/colors-rgb-brand.css +65 -63
- package/dist/css/colors-rgb-default.css +692 -624
- package/dist/css/colors-rgb-label.css +399 -331
- package/dist/css/colors-rgb-status.css +124 -122
- package/dist/css/colors-rgb-tones.css +166 -164
- package/dist/css/colors-rgb.css +852 -2185
- package/dist/css/globals.css +222 -7
- package/dist/css/hydrated.css +7 -0
- package/dist/css/layer.css +1 -0
- package/dist/css/reset.css +123 -115
- package/dist/css/tailwind-theme-color.css +306 -0
- package/dist/css/tailwind-theme-typography.css +251 -0
- package/dist/css/transitions.css +45 -0
- package/dist/css/typography.css +218 -129
- package/dist/tailwind/base.css +88 -41
- package/dist/tailwind/reset.css +116 -99
- package/dist/tailwind/theme.css +5 -0
- package/dist/tailwind/typography.css +137 -157
- package/dist/tailwind/utilities.css +97 -0
- package/dist/tailwind3/base.css +51 -0
- package/dist/{tailwind → tailwind3}/components.css +5 -4
- package/dist/tailwind3/reset.css +114 -0
- package/dist/tailwind3/typography.css +140 -0
- package/package.json +22 -13
- package/postcss.config.js +2 -7
- package/tailwind.config.js +11 -10
- package/dist/css/colors-hex-brand-apk.css +0 -281
- package/dist/css/colors-hex-brand-mindy.css +0 -50
- package/dist/css/colors-hex-brand-synbee.css +0 -83
- package/dist/css/colors-hex-synbee-v1.css +0 -1025
- package/dist/css/colors-rgb-brand-apk.css +0 -281
- package/dist/css/colors-rgb-brand-mindy.css +0 -50
- package/dist/css/colors-rgb-brand-synbee.css +0 -83
- package/dist/css/colors-rgb-synbee-v1.css +0 -1025
|
@@ -1,50 +1,52 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens
|
|
2
|
+
@magma-design-system/design-tokens v14.0.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Mon, 08 Jun 2026 08:22:20 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
:root {
|
|
9
|
-
--brand-rnd-01:
|
|
10
|
-
--brand-rnd-02:
|
|
9
|
+
--brand-rnd-01: 42 37 32;
|
|
10
|
+
--brand-rnd-02: 64 54 42;
|
|
11
11
|
--brand-rnd-03: 91 74 52;
|
|
12
|
-
--brand-rnd-04:
|
|
13
|
-
--brand-rnd-05:
|
|
14
|
-
--brand-rnd-06:
|
|
15
|
-
--brand-rnd-07: 214 188
|
|
16
|
-
--brand-rnd-08:
|
|
12
|
+
--brand-rnd-04: 126 99 61;
|
|
13
|
+
--brand-rnd-05: 163 122 68;
|
|
14
|
+
--brand-rnd-06: 203 162 108;
|
|
15
|
+
--brand-rnd-07: 214 188 154;
|
|
16
|
+
--brand-rnd-08: 222 210 193;
|
|
17
17
|
--brand-rnd-09: 235 231 227;
|
|
18
|
-
--brand-rnd-10:
|
|
18
|
+
--brand-rnd-10: 240 238 236;
|
|
19
19
|
--brand-rnd: 203 162 107;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
:root.pref-theme-dark
|
|
23
|
-
|
|
24
|
-
--brand-rnd-
|
|
25
|
-
--brand-rnd-
|
|
26
|
-
--brand-rnd-
|
|
27
|
-
--brand-rnd-
|
|
28
|
-
--brand-rnd-
|
|
29
|
-
--brand-rnd-
|
|
30
|
-
--brand-rnd-
|
|
31
|
-
--brand-rnd-
|
|
32
|
-
--brand-rnd-
|
|
22
|
+
:root:not(.pref-theme-scheme-light).pref-theme-dark,
|
|
23
|
+
:root.pref-theme-scheme-dark {
|
|
24
|
+
--brand-rnd-01: 246 246 245;
|
|
25
|
+
--brand-rnd-02: 240 238 236;
|
|
26
|
+
--brand-rnd-03: 230 225 217;
|
|
27
|
+
--brand-rnd-04: 221 205 185;
|
|
28
|
+
--brand-rnd-05: 212 183 145;
|
|
29
|
+
--brand-rnd-06: 189 141 78;
|
|
30
|
+
--brand-rnd-07: 158 119 67;
|
|
31
|
+
--brand-rnd-08: 124 97 61;
|
|
32
|
+
--brand-rnd-09: 83 69 50;
|
|
33
|
+
--brand-rnd-10: 69 59 45;
|
|
33
34
|
--brand-rnd: 203 162 107;
|
|
34
35
|
}
|
|
35
36
|
|
|
36
37
|
@media (prefers-color-scheme: dark) {
|
|
37
|
-
:root.pref-theme-system
|
|
38
|
-
|
|
39
|
-
--brand-rnd-
|
|
40
|
-
--brand-rnd-
|
|
41
|
-
--brand-rnd-
|
|
42
|
-
--brand-rnd-
|
|
43
|
-
--brand-rnd-
|
|
44
|
-
--brand-rnd-
|
|
45
|
-
--brand-rnd-
|
|
46
|
-
--brand-rnd-
|
|
47
|
-
--brand-rnd-
|
|
38
|
+
:root:not(.pref-theme-scheme-light).pref-theme-system,
|
|
39
|
+
:root:not([data-magma-pref]) {
|
|
40
|
+
--brand-rnd-01: 246 246 245;
|
|
41
|
+
--brand-rnd-02: 240 238 236;
|
|
42
|
+
--brand-rnd-03: 230 225 217;
|
|
43
|
+
--brand-rnd-04: 221 205 185;
|
|
44
|
+
--brand-rnd-05: 212 183 145;
|
|
45
|
+
--brand-rnd-06: 189 141 78;
|
|
46
|
+
--brand-rnd-07: 158 119 67;
|
|
47
|
+
--brand-rnd-08: 124 97 61;
|
|
48
|
+
--brand-rnd-09: 83 69 50;
|
|
49
|
+
--brand-rnd-10: 69 59 45;
|
|
48
50
|
--brand-rnd: 203 162 107;
|
|
49
51
|
}
|
|
50
52
|
}
|
|
@@ -1,83 +1,85 @@
|
|
|
1
1
|
/*
|
|
2
|
-
@magma-design-system/design-tokens
|
|
2
|
+
@magma-design-system/design-tokens v14.0.0
|
|
3
3
|
Generated by Style Dictionary
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated at
|
|
5
|
+
Generated at Mon, 08 Jun 2026 08:22:20 GMT
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
:root {
|
|
9
|
-
--brand-maggioli-01:
|
|
10
|
-
--brand-maggioli-02:
|
|
11
|
-
--brand-maggioli-03:
|
|
12
|
-
--brand-maggioli-04:
|
|
13
|
-
--brand-maggioli-05:
|
|
14
|
-
--brand-maggioli-06:
|
|
15
|
-
--brand-maggioli-07: 178
|
|
16
|
-
--brand-maggioli-08:
|
|
17
|
-
--brand-maggioli-09: 230
|
|
18
|
-
--brand-maggioli-10:
|
|
9
|
+
--brand-maggioli-01: 9 34 82;
|
|
10
|
+
--brand-maggioli-02: 2 46 130;
|
|
11
|
+
--brand-maggioli-03: 1 63 180;
|
|
12
|
+
--brand-maggioli-04: 18 91 227;
|
|
13
|
+
--brand-maggioli-05: 74 126 224;
|
|
14
|
+
--brand-maggioli-06: 145 170 218;
|
|
15
|
+
--brand-maggioli-07: 178 192 220;
|
|
16
|
+
--brand-maggioli-08: 204 212 226;
|
|
17
|
+
--brand-maggioli-09: 230 232 236;
|
|
18
|
+
--brand-maggioli-10: 237 238 241;
|
|
19
19
|
--brand-maggioli: 0 55 158;
|
|
20
|
-
--brand-maggioli-editore-01:
|
|
21
|
-
--brand-maggioli-editore-02:
|
|
22
|
-
--brand-maggioli-editore-03: 16
|
|
23
|
-
--brand-maggioli-editore-04:
|
|
24
|
-
--brand-maggioli-editore-05:
|
|
25
|
-
--brand-maggioli-editore-06:
|
|
26
|
-
--brand-maggioli-editore-07:
|
|
27
|
-
--brand-maggioli-editore-08:
|
|
20
|
+
--brand-maggioli-editore-01: 24 37 66;
|
|
21
|
+
--brand-maggioli-editore-02: 23 50 116;
|
|
22
|
+
--brand-maggioli-editore-03: 16 64 179;
|
|
23
|
+
--brand-maggioli-editore-04: 25 87 235;
|
|
24
|
+
--brand-maggioli-editore-05: 81 125 228;
|
|
25
|
+
--brand-maggioli-editore-06: 147 169 223;
|
|
26
|
+
--brand-maggioli-editore-07: 179 192 224;
|
|
27
|
+
--brand-maggioli-editore-08: 205 211 228;
|
|
28
28
|
--brand-maggioli-editore-09: 230 232 237;
|
|
29
|
-
--brand-maggioli-editore-10:
|
|
29
|
+
--brand-maggioli-editore-10: 237 238 241;
|
|
30
30
|
--brand-maggioli-editore: 15 74 213;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
:root.pref-theme-dark
|
|
34
|
-
|
|
35
|
-
--brand-maggioli-
|
|
36
|
-
--brand-maggioli-
|
|
37
|
-
--brand-maggioli-
|
|
38
|
-
--brand-maggioli-
|
|
39
|
-
--brand-maggioli-
|
|
40
|
-
--brand-maggioli-
|
|
41
|
-
--brand-maggioli-
|
|
42
|
-
--brand-maggioli-
|
|
43
|
-
--brand-maggioli-
|
|
33
|
+
:root:not(.pref-theme-scheme-light).pref-theme-dark,
|
|
34
|
+
:root.pref-theme-scheme-dark {
|
|
35
|
+
--brand-maggioli-01: 246 246 247;
|
|
36
|
+
--brand-maggioli-02: 237 238 241;
|
|
37
|
+
--brand-maggioli-03: 222 226 232;
|
|
38
|
+
--brand-maggioli-04: 200 208 225;
|
|
39
|
+
--brand-maggioli-05: 172 188 220;
|
|
40
|
+
--brand-maggioli-06: 114 150 219;
|
|
41
|
+
--brand-maggioli-07: 68 122 225;
|
|
42
|
+
--brand-maggioli-08: 16 88 224;
|
|
43
|
+
--brand-maggioli-09: 0 58 167;
|
|
44
|
+
--brand-maggioli-10: 1 49 141;
|
|
44
45
|
--brand-maggioli: 0 55 158;
|
|
45
|
-
--brand-maggioli-editore-01:
|
|
46
|
-
--brand-maggioli-editore-02:
|
|
47
|
-
--brand-maggioli-editore-03:
|
|
48
|
-
--brand-maggioli-editore-04:
|
|
49
|
-
--brand-maggioli-editore-05:
|
|
50
|
-
--brand-maggioli-editore-06:
|
|
51
|
-
--brand-maggioli-editore-07:
|
|
52
|
-
--brand-maggioli-editore-08:
|
|
53
|
-
--brand-maggioli-editore-09:
|
|
54
|
-
--brand-maggioli-editore-10:
|
|
46
|
+
--brand-maggioli-editore-01: 246 246 247;
|
|
47
|
+
--brand-maggioli-editore-02: 237 238 241;
|
|
48
|
+
--brand-maggioli-editore-03: 222 226 234;
|
|
49
|
+
--brand-maggioli-editore-04: 200 208 227;
|
|
50
|
+
--brand-maggioli-editore-05: 172 187 223;
|
|
51
|
+
--brand-maggioli-editore-06: 117 149 224;
|
|
52
|
+
--brand-maggioli-editore-07: 74 120 229;
|
|
53
|
+
--brand-maggioli-editore-08: 20 84 236;
|
|
54
|
+
--brand-maggioli-editore-09: 18 60 161;
|
|
55
|
+
--brand-maggioli-editore-10: 21 53 129;
|
|
55
56
|
--brand-maggioli-editore: 15 74 213;
|
|
56
57
|
}
|
|
57
58
|
|
|
58
59
|
@media (prefers-color-scheme: dark) {
|
|
59
|
-
:root.pref-theme-system
|
|
60
|
-
|
|
61
|
-
--brand-maggioli-
|
|
62
|
-
--brand-maggioli-
|
|
63
|
-
--brand-maggioli-
|
|
64
|
-
--brand-maggioli-
|
|
65
|
-
--brand-maggioli-
|
|
66
|
-
--brand-maggioli-
|
|
67
|
-
--brand-maggioli-
|
|
68
|
-
--brand-maggioli-
|
|
69
|
-
--brand-maggioli-
|
|
60
|
+
:root:not(.pref-theme-scheme-light).pref-theme-system,
|
|
61
|
+
:root:not([data-magma-pref]) {
|
|
62
|
+
--brand-maggioli-01: 246 246 247;
|
|
63
|
+
--brand-maggioli-02: 237 238 241;
|
|
64
|
+
--brand-maggioli-03: 222 226 232;
|
|
65
|
+
--brand-maggioli-04: 200 208 225;
|
|
66
|
+
--brand-maggioli-05: 172 188 220;
|
|
67
|
+
--brand-maggioli-06: 114 150 219;
|
|
68
|
+
--brand-maggioli-07: 68 122 225;
|
|
69
|
+
--brand-maggioli-08: 16 88 224;
|
|
70
|
+
--brand-maggioli-09: 0 58 167;
|
|
71
|
+
--brand-maggioli-10: 1 49 141;
|
|
70
72
|
--brand-maggioli: 0 55 158;
|
|
71
|
-
--brand-maggioli-editore-01:
|
|
72
|
-
--brand-maggioli-editore-02:
|
|
73
|
-
--brand-maggioli-editore-03:
|
|
74
|
-
--brand-maggioli-editore-04:
|
|
75
|
-
--brand-maggioli-editore-05:
|
|
76
|
-
--brand-maggioli-editore-06:
|
|
77
|
-
--brand-maggioli-editore-07:
|
|
78
|
-
--brand-maggioli-editore-08:
|
|
79
|
-
--brand-maggioli-editore-09:
|
|
80
|
-
--brand-maggioli-editore-10:
|
|
73
|
+
--brand-maggioli-editore-01: 246 246 247;
|
|
74
|
+
--brand-maggioli-editore-02: 237 238 241;
|
|
75
|
+
--brand-maggioli-editore-03: 222 226 234;
|
|
76
|
+
--brand-maggioli-editore-04: 200 208 227;
|
|
77
|
+
--brand-maggioli-editore-05: 172 187 223;
|
|
78
|
+
--brand-maggioli-editore-06: 117 149 224;
|
|
79
|
+
--brand-maggioli-editore-07: 74 120 229;
|
|
80
|
+
--brand-maggioli-editore-08: 20 84 236;
|
|
81
|
+
--brand-maggioli-editore-09: 18 60 161;
|
|
82
|
+
--brand-maggioli-editore-10: 21 53 129;
|
|
81
83
|
--brand-maggioli-editore: 15 74 213;
|
|
82
84
|
}
|
|
83
85
|
}
|