@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.
Files changed (45) hide show
  1. package/README.md +58 -7
  2. package/dist/css/animations.css +3 -1
  3. package/dist/css/base.css +109 -67
  4. package/dist/css/colors-hex-brand-rnd.css +39 -37
  5. package/dist/css/colors-hex-brand.css +72 -70
  6. package/dist/css/colors-hex-default.css +732 -664
  7. package/dist/css/colors-hex-label.css +402 -334
  8. package/dist/css/colors-hex-status.css +138 -136
  9. package/dist/css/colors-hex-tones.css +171 -169
  10. package/dist/css/colors-hex.css +897 -2230
  11. package/dist/css/colors-rgb-brand-rnd.css +34 -32
  12. package/dist/css/colors-rgb-brand.css +65 -63
  13. package/dist/css/colors-rgb-default.css +692 -624
  14. package/dist/css/colors-rgb-label.css +399 -331
  15. package/dist/css/colors-rgb-status.css +124 -122
  16. package/dist/css/colors-rgb-tones.css +166 -164
  17. package/dist/css/colors-rgb.css +852 -2185
  18. package/dist/css/globals.css +222 -7
  19. package/dist/css/hydrated.css +7 -0
  20. package/dist/css/layer.css +1 -0
  21. package/dist/css/reset.css +123 -115
  22. package/dist/css/tailwind-theme-color.css +306 -0
  23. package/dist/css/tailwind-theme-typography.css +251 -0
  24. package/dist/css/transitions.css +45 -0
  25. package/dist/css/typography.css +218 -129
  26. package/dist/tailwind/base.css +88 -41
  27. package/dist/tailwind/reset.css +116 -99
  28. package/dist/tailwind/theme.css +5 -0
  29. package/dist/tailwind/typography.css +137 -157
  30. package/dist/tailwind/utilities.css +97 -0
  31. package/dist/tailwind3/base.css +51 -0
  32. package/dist/{tailwind → tailwind3}/components.css +5 -4
  33. package/dist/tailwind3/reset.css +114 -0
  34. package/dist/tailwind3/typography.css +140 -0
  35. package/package.json +22 -13
  36. package/postcss.config.js +2 -7
  37. package/tailwind.config.js +11 -10
  38. package/dist/css/colors-hex-brand-apk.css +0 -281
  39. package/dist/css/colors-hex-brand-mindy.css +0 -50
  40. package/dist/css/colors-hex-brand-synbee.css +0 -83
  41. package/dist/css/colors-hex-synbee-v1.css +0 -1025
  42. package/dist/css/colors-rgb-brand-apk.css +0 -281
  43. package/dist/css/colors-rgb-brand-mindy.css +0 -50
  44. package/dist/css/colors-rgb-brand-synbee.css +0 -83
  45. package/dist/css/colors-rgb-synbee-v1.css +0 -1025
package/dist/css/colors-hex-status.css CHANGED
@@ -1,149 +1,151 @@
1
1
  /*
2
- @magma-design-system/design-tokens v13.7.1
2
+ @magma-design-system/design-tokens v14.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Tue, 03 Jun 2025 08:08:38 GMT
5
+ Generated at Mon, 08 Jun 2026 08:22:20 GMT
6
6
  */
7
7
 
8
8
  :root {
9
- --status-info-01: #001942;
10
- --status-info-02: #00446d;
11
- --status-info-03: #00517c;
12
- --status-info-04: #00628d;
13
- --status-info-05: #0075a2;
14
- --status-info-06: #0099c7;
15
- --status-info-07: #7acaeb;
16
- --status-info-08: #b0dff3;
17
- --status-info-09: #d1ecf8;
18
- --status-info-10: #ecf7fc;
19
- --status-info: #23b2e1;
20
- --status-success-01: #002100;
21
- --status-success-02: #004c03;
22
- --status-success-03: #005a14;
23
- --status-success-04: #006b25;
24
- --status-success-05: #007f37;
25
- --status-success-06: #00a359;
26
- --status-success-07: #77d29a;
27
- --status-success-08: #afe4c1;
28
- --status-success-09: #d1efda;
29
- --status-success-10: #ebf8ef;
30
- --status-success: #21bf73;
31
- --status-error-01: #400000;
32
- --status-error-02: #88000e;
33
- --status-error-03: #9a111f;
34
- --status-error-04: #ac292e;
35
- --status-error-05: #c23f40;
36
- --status-error-06: #e96260;
37
- --status-error-07: #fbaba5;
38
- --status-error-08: #ffccc8;
39
- --status-error-09: #ffe1df;
40
- --status-error-10: #fff3f1;
41
- --status-error: #ed6663;
42
- --status-warning-01: #231a00;
43
- --status-warning-02: #523d00;
44
- --status-warning-03: #624900;
45
- --status-warning-04: #755700;
46
- --status-warning-05: #8b6800;
47
- --status-warning-06: #b38700;
48
- --status-warning-07: #f3b600;
49
- --status-warning-08: #ffd451;
50
- --status-warning-09: #ffe69c;
51
- --status-warning-10: #fff5d6;
52
- --status-warning: #ffc107;
9
+ --hex-status-info-01: #00244c;
10
+ --hex-status-info-02: #003862;
11
+ --hex-status-info-03: #00507b;
12
+ --hex-status-info-04: #006d9a;
13
+ --hex-status-info-05: #008ab8;
14
+ --hex-status-info-06: #37b6e3;
15
+ --hex-status-info-07: #7ccaeb;
16
+ --hex-status-info-08: #a8dbf2;
17
+ --hex-status-info-09: #d2ecf9;
18
+ --hex-status-info-10: #def2fa;
19
+ --hex-status-info: #23b2e1;
20
+ --hex-status-success-01: #002b00;
21
+ --hex-status-success-02: #004000;
22
+ --hex-status-success-03: #005911;
23
+ --hex-status-success-04: #007630;
24
+ --hex-status-success-05: #00944c;
25
+ --hex-status-success-06: #2bc076;
26
+ --hex-status-success-07: #78d29b;
27
+ --hex-status-success-08: #a5e1ba;
28
+ --hex-status-success-09: #d1efdb;
29
+ --hex-status-success-10: #def4e4;
30
+ --hex-status-success: #21bf73;
31
+ --hex-status-error-01: #480000;
32
+ --hex-status-error-02: #6a0000;
33
+ --hex-status-error-03: #930419;
34
+ --hex-status-error-04: #b83438;
35
+ --hex-status-error-05: #d95352;
36
+ --hex-status-error-06: #f58b86;
37
+ --hex-status-error-07: #fbaba6;
38
+ --hex-status-error-08: #fec6c2;
39
+ --hex-status-error-09: #ffe1df;
40
+ --hex-status-error-10: #ffeae7;
41
+ --hex-status-error: #ed6663;
42
+ --hex-status-warning-01: #302400;
43
+ --hex-status-warning-02: #463500;
44
+ --hex-status-warning-03: #624900;
45
+ --hex-status-warning-04: #836200;
46
+ --hex-status-warning-05: #a47b00;
47
+ --hex-status-warning-06: #d6a000;
48
+ --hex-status-warning-07: #f2b500;
49
+ --hex-status-warning-08: #ffcd39;
50
+ --hex-status-warning-09: #ffe69d;
51
+ --hex-status-warning-10: #ffedb9;
52
+ --hex-status-warning: #ffc107;
53
53
  }
54
54
 
55
- :root.pref-theme-dark {
56
- --status-info-01: #d2edf9;
57
- --status-info-02: #61c1e7;
58
- --status-info-03: #22b1e0;
59
- --status-info-04: #009dcc;
60
- --status-info-05: #0087b5;
61
- --status-info-06: #006691;
62
- --status-info-07: #003c65;
63
- --status-info-08: #002851;
64
- --status-info-09: #001941;
65
- --status-info-10: #000a34;
66
- --status-info: #23b2e1;
67
- --status-success-01: #d2f0db;
68
- --status-success-02: #5ccb8b;
69
- --status-success-03: #19bb70;
70
- --status-success-04: #00a75d;
71
- --status-success-05: #009148;
72
- --status-success-06: #006f28;
73
- --status-success-07: #004400;
74
- --status-success-08: #003000;
75
- --status-success-09: #002100;
76
- --status-success-10: #001400;
77
- --status-success: #21bf73;
78
- --status-error-01: #ffe3e0;
79
- --status-error-02: #f99d97;
80
- --status-error-03: #f4847e;
81
- --status-error-04: #ed6763;
82
- --status-error-05: #d65150;
83
- --status-error-06: #b12d32;
84
- --status-error-07: #7a0001;
85
- --status-error-08: #590000;
86
- --status-error-09: #420000;
87
- --status-error-10: #270000;
88
- --status-error: #ed6663;
89
- --status-warning-01: #ffe7a1;
90
- --status-warning-02: #e6ac00;
91
- --status-warning-03: #d09c00;
92
- --status-warning-04: #b98a00;
93
- --status-warning-05: #9f7700;
94
- --status-warning-06: #795a00;
95
- --status-warning-07: #493700;
96
- --status-warning-08: #332600;
97
- --status-warning-09: #231a00;
98
- --status-warning-10: #130e00;
99
- --status-warning: #ffc107;
55
+ :root:not(.pref-theme-scheme-light).pref-theme-dark,
56
+ :root.pref-theme-scheme-dark {
57
+ --hex-status-info-01: #edf8fd;
58
+ --hex-status-info-02: #def2fa;
59
+ --hex-status-info-03: #c6e7f7;
60
+ --hex-status-info-04: #9fd8f1;
61
+ --hex-status-info-05: #70c6ea;
62
+ --hex-status-info-06: #00a1d0;
63
+ --hex-status-info-07: #0086b4;
64
+ --hex-status-info-08: #006b97;
65
+ --hex-status-info-09: #004974;
66
+ --hex-status-info-10: #003d67;
67
+ --hex-status-info: #23b2e1;
68
+ --hex-status-success-01: #edf9f1;
69
+ --hex-status-success-02: #def4e4;
70
+ --hex-status-success-03: #c4ebd1;
71
+ --hex-status-success-04: #9edeb5;
72
+ --hex-status-success-05: #6bce93;
73
+ --hex-status-success-06: #00ab61;
74
+ --hex-status-success-07: #009048;
75
+ --hex-status-success-08: #00742e;
76
+ --hex-status-success-09: #005209;
77
+ --hex-status-success-10: #004500;
78
+ --hex-status-success: #21bf73;
79
+ --hex-status-error-01: #fff3f2;
80
+ --hex-status-error-02: #ffeae7;
81
+ --hex-status-error-03: #ffd9d6;
82
+ --hex-status-error-04: #fec1bd;
83
+ --hex-status-error-05: #faa5a0;
84
+ --hex-status-error-06: #ef6c69;
85
+ --hex-status-error-07: #d4504f;
86
+ --hex-status-error-08: #b63236;
87
+ --hex-status-error-09: #87000e;
88
+ --hex-status-error-10: #730000;
89
+ --hex-status-error: #ed6663;
90
+ --hex-status-warning-01: #fff6d9;
91
+ --hex-status-warning-02: #ffedb9;
92
+ --hex-status-warning-03: #ffdf81;
93
+ --hex-status-warning-04: #ffc821;
94
+ --hex-status-warning-05: #edb100;
95
+ --hex-status-warning-06: #be8e00;
96
+ --hex-status-warning-07: #9f7800;
97
+ --hex-status-warning-08: #816000;
98
+ --hex-status-warning-09: #5a4300;
99
+ --hex-status-warning-10: #4d3900;
100
+ --hex-status-warning: #ffc107;
100
101
  }
101
102
 
102
103
  @media (prefers-color-scheme: dark) {
103
- :root.pref-theme-system {
104
- --status-info-01: #d2edf9;
105
- --status-info-02: #61c1e7;
106
- --status-info-03: #22b1e0;
107
- --status-info-04: #009dcc;
108
- --status-info-05: #0087b5;
109
- --status-info-06: #006691;
110
- --status-info-07: #003c65;
111
- --status-info-08: #002851;
112
- --status-info-09: #001941;
113
- --status-info-10: #000a34;
114
- --status-info: #23b2e1;
115
- --status-success-01: #d2f0db;
116
- --status-success-02: #5ccb8b;
117
- --status-success-03: #19bb70;
118
- --status-success-04: #00a75d;
119
- --status-success-05: #009148;
120
- --status-success-06: #006f28;
121
- --status-success-07: #004400;
122
- --status-success-08: #003000;
123
- --status-success-09: #002100;
124
- --status-success-10: #001400;
125
- --status-success: #21bf73;
126
- --status-error-01: #ffe3e0;
127
- --status-error-02: #f99d97;
128
- --status-error-03: #f4847e;
129
- --status-error-04: #ed6763;
130
- --status-error-05: #d65150;
131
- --status-error-06: #b12d32;
132
- --status-error-07: #7a0001;
133
- --status-error-08: #590000;
134
- --status-error-09: #420000;
135
- --status-error-10: #270000;
136
- --status-error: #ed6663;
137
- --status-warning-01: #ffe7a1;
138
- --status-warning-02: #e6ac00;
139
- --status-warning-03: #d09c00;
140
- --status-warning-04: #b98a00;
141
- --status-warning-05: #9f7700;
142
- --status-warning-06: #795a00;
143
- --status-warning-07: #493700;
144
- --status-warning-08: #332600;
145
- --status-warning-09: #231a00;
146
- --status-warning-10: #130e00;
147
- --status-warning: #ffc107;
104
+ :root:not(.pref-theme-scheme-light).pref-theme-system,
105
+ :root:not([data-magma-pref]) {
106
+ --hex-status-info-01: #edf8fd;
107
+ --hex-status-info-02: #def2fa;
108
+ --hex-status-info-03: #c6e7f7;
109
+ --hex-status-info-04: #9fd8f1;
110
+ --hex-status-info-05: #70c6ea;
111
+ --hex-status-info-06: #00a1d0;
112
+ --hex-status-info-07: #0086b4;
113
+ --hex-status-info-08: #006b97;
114
+ --hex-status-info-09: #004974;
115
+ --hex-status-info-10: #003d67;
116
+ --hex-status-info: #23b2e1;
117
+ --hex-status-success-01: #edf9f1;
118
+ --hex-status-success-02: #def4e4;
119
+ --hex-status-success-03: #c4ebd1;
120
+ --hex-status-success-04: #9edeb5;
121
+ --hex-status-success-05: #6bce93;
122
+ --hex-status-success-06: #00ab61;
123
+ --hex-status-success-07: #009048;
124
+ --hex-status-success-08: #00742e;
125
+ --hex-status-success-09: #005209;
126
+ --hex-status-success-10: #004500;
127
+ --hex-status-success: #21bf73;
128
+ --hex-status-error-01: #fff3f2;
129
+ --hex-status-error-02: #ffeae7;
130
+ --hex-status-error-03: #ffd9d6;
131
+ --hex-status-error-04: #fec1bd;
132
+ --hex-status-error-05: #faa5a0;
133
+ --hex-status-error-06: #ef6c69;
134
+ --hex-status-error-07: #d4504f;
135
+ --hex-status-error-08: #b63236;
136
+ --hex-status-error-09: #87000e;
137
+ --hex-status-error-10: #730000;
138
+ --hex-status-error: #ed6663;
139
+ --hex-status-warning-01: #fff6d9;
140
+ --hex-status-warning-02: #ffedb9;
141
+ --hex-status-warning-03: #ffdf81;
142
+ --hex-status-warning-04: #ffc821;
143
+ --hex-status-warning-05: #edb100;
144
+ --hex-status-warning-06: #be8e00;
145
+ --hex-status-warning-07: #9f7800;
146
+ --hex-status-warning-08: #816000;
147
+ --hex-status-warning-09: #5a4300;
148
+ --hex-status-warning-10: #4d3900;
149
+ --hex-status-warning: #ffc107;
148
150
  }
149
151
  }