@maggioli-design-system/styles 15.11.1 → 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 +2 -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 +19 -10
- 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 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.7.2
|
|
3
|
-
Generated by Style Dictionary
|
|
4
|
-
Do not edit directly
|
|
5
|
-
Generated at Mon, 20 Apr 2026 17:13:19 GMT
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
:root {
|
|
9
|
-
--brand-mindy-01: #091d22;
|
|
10
|
-
--brand-mindy-02: #044756;
|
|
11
|
-
--brand-mindy-03: #035467;
|
|
12
|
-
--brand-mindy-04: #03647b;
|
|
13
|
-
--brand-mindy-05: #057792;
|
|
14
|
-
--brand-mindy-06: #109abb;
|
|
15
|
-
--brand-mindy-07: #93c8d4;
|
|
16
|
-
--brand-mindy-08: #cbdbdf;
|
|
17
|
-
--brand-mindy-09: #e4e9ea;
|
|
18
|
-
--brand-mindy-10: #f4f5f5;
|
|
19
|
-
--brand-mindy: #036278;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
:root.pref-theme-dark {
|
|
23
|
-
--brand-mindy-01: #e4e9eb;
|
|
24
|
-
--brand-mindy-02: #72c1d4;
|
|
25
|
-
--brand-mindy-03: #1fb2d5;
|
|
26
|
-
--brand-mindy-04: #129ebf;
|
|
27
|
-
--brand-mindy-05: #0989a6;
|
|
28
|
-
--brand-mindy-06: #03687f;
|
|
29
|
-
--brand-mindy-07: #053f4c;
|
|
30
|
-
--brand-mindy-08: #072c34;
|
|
31
|
-
--brand-mindy-09: #081f24;
|
|
32
|
-
--brand-mindy-10: #081011;
|
|
33
|
-
--brand-mindy: #036278;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
@media (prefers-color-scheme: dark) {
|
|
37
|
-
:root.pref-theme-system {
|
|
38
|
-
--brand-mindy-01: #e4e9eb;
|
|
39
|
-
--brand-mindy-02: #72c1d4;
|
|
40
|
-
--brand-mindy-03: #1fb2d5;
|
|
41
|
-
--brand-mindy-04: #129ebf;
|
|
42
|
-
--brand-mindy-05: #0989a6;
|
|
43
|
-
--brand-mindy-06: #03687f;
|
|
44
|
-
--brand-mindy-07: #053f4c;
|
|
45
|
-
--brand-mindy-08: #072c34;
|
|
46
|
-
--brand-mindy-09: #081f24;
|
|
47
|
-
--brand-mindy-10: #081011;
|
|
48
|
-
--brand-mindy: #036278;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
@magma-design-system/design-tokens v13.7.2
|
|
3
|
-
Generated by Style Dictionary
|
|
4
|
-
Do not edit directly
|
|
5
|
-
Generated at Mon, 20 Apr 2026 17:13:19 GMT
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
:root {
|
|
9
|
-
--brand-synbee-eolo-01: #121b2b;
|
|
10
|
-
--brand-synbee-eolo-02: #2b4066;
|
|
11
|
-
--brand-synbee-eolo-03: #334d7a;
|
|
12
|
-
--brand-synbee-eolo-04: #3d5b91;
|
|
13
|
-
--brand-synbee-eolo-05: #496dad;
|
|
14
|
-
--brand-synbee-eolo-06: #708ec3;
|
|
15
|
-
--brand-synbee-eolo-07: #b0c1de;
|
|
16
|
-
--brand-synbee-eolo-08: #cfd9eb;
|
|
17
|
-
--brand-synbee-eolo-09: #e3e9f3;
|
|
18
|
-
--brand-synbee-eolo-10: #f2f5f9;
|
|
19
|
-
--brand-synbee-eolo: #597cb9;
|
|
20
|
-
--brand-synbee-01: #231a00;
|
|
21
|
-
--brand-synbee-02: #513e00;
|
|
22
|
-
--brand-synbee-03: #604a00;
|
|
23
|
-
--brand-synbee-04: #735800;
|
|
24
|
-
--brand-synbee-05: #896900;
|
|
25
|
-
--brand-synbee-06: #b18800;
|
|
26
|
-
--brand-synbee-07: #f0b800;
|
|
27
|
-
--brand-synbee-08: #ffd448;
|
|
28
|
-
--brand-synbee-09: #ffe696;
|
|
29
|
-
--brand-synbee-10: #fff5d3;
|
|
30
|
-
--brand-synbee: #ffc300;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
:root.pref-theme-dark {
|
|
34
|
-
--brand-synbee-eolo-01: #e3e9f3;
|
|
35
|
-
--brand-synbee-eolo-02: #a3b6d8;
|
|
36
|
-
--brand-synbee-eolo-03: #8ea6cf;
|
|
37
|
-
--brand-synbee-eolo-04: #7692c5;
|
|
38
|
-
--brand-synbee-eolo-05: #5b7eba;
|
|
39
|
-
--brand-synbee-eolo-06: #3f5f96;
|
|
40
|
-
--brand-synbee-eolo-07: #26395b;
|
|
41
|
-
--brand-synbee-eolo-08: #1b283f;
|
|
42
|
-
--brand-synbee-eolo-09: #131c2c;
|
|
43
|
-
--brand-synbee-eolo-10: #090e16;
|
|
44
|
-
--brand-synbee-eolo: #597cb9;
|
|
45
|
-
--brand-synbee-01: #ffe79b;
|
|
46
|
-
--brand-synbee-02: #e3ad00;
|
|
47
|
-
--brand-synbee-03: #ce9d00;
|
|
48
|
-
--brand-synbee-04: #b68b00;
|
|
49
|
-
--brand-synbee-05: #9e7800;
|
|
50
|
-
--brand-synbee-06: #785b00;
|
|
51
|
-
--brand-synbee-07: #483700;
|
|
52
|
-
--brand-synbee-08: #322700;
|
|
53
|
-
--brand-synbee-09: #221a00;
|
|
54
|
-
--brand-synbee-10: #120e00;
|
|
55
|
-
--brand-synbee: #ffc300;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
@media (prefers-color-scheme: dark) {
|
|
59
|
-
:root.pref-theme-system {
|
|
60
|
-
--brand-synbee-eolo-01: #e3e9f3;
|
|
61
|
-
--brand-synbee-eolo-02: #a3b6d8;
|
|
62
|
-
--brand-synbee-eolo-03: #8ea6cf;
|
|
63
|
-
--brand-synbee-eolo-04: #7692c5;
|
|
64
|
-
--brand-synbee-eolo-05: #5b7eba;
|
|
65
|
-
--brand-synbee-eolo-06: #3f5f96;
|
|
66
|
-
--brand-synbee-eolo-07: #26395b;
|
|
67
|
-
--brand-synbee-eolo-08: #1b283f;
|
|
68
|
-
--brand-synbee-eolo-09: #131c2c;
|
|
69
|
-
--brand-synbee-eolo-10: #090e16;
|
|
70
|
-
--brand-synbee-eolo: #597cb9;
|
|
71
|
-
--brand-synbee-01: #ffe79b;
|
|
72
|
-
--brand-synbee-02: #e3ad00;
|
|
73
|
-
--brand-synbee-03: #ce9d00;
|
|
74
|
-
--brand-synbee-04: #b68b00;
|
|
75
|
-
--brand-synbee-05: #9e7800;
|
|
76
|
-
--brand-synbee-06: #785b00;
|
|
77
|
-
--brand-synbee-07: #483700;
|
|
78
|
-
--brand-synbee-08: #322700;
|
|
79
|
-
--brand-synbee-09: #221a00;
|
|
80
|
-
--brand-synbee-10: #120e00;
|
|
81
|
-
--brand-synbee: #ffc300;
|
|
82
|
-
}
|
|
83
|
-
}
|