@maggioli-design-system/styles 15.11.1 → 16.0.1

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 (46) hide show
  1. package/README.md +59 -8
  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 +2 -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 +219 -163
  26. package/dist/css/utility-typography.css +254 -0
  27. package/dist/tailwind/base.css +88 -41
  28. package/dist/tailwind/reset.css +116 -99
  29. package/dist/tailwind/theme.css +5 -0
  30. package/dist/tailwind/typography.css +137 -157
  31. package/dist/tailwind/utilities.css +97 -0
  32. package/dist/tailwind3/base.css +51 -0
  33. package/dist/{tailwind → tailwind3}/components.css +5 -4
  34. package/dist/tailwind3/reset.css +114 -0
  35. package/dist/tailwind3/typography.css +140 -0
  36. package/package.json +19 -10
  37. package/postcss.config.js +2 -7
  38. package/tailwind.config.js +11 -10
  39. package/dist/css/colors-hex-brand-apk.css +0 -281
  40. package/dist/css/colors-hex-brand-mindy.css +0 -50
  41. package/dist/css/colors-hex-brand-synbee.css +0 -83
  42. package/dist/css/colors-hex-synbee-v1.css +0 -1025
  43. package/dist/css/colors-rgb-brand-apk.css +0 -281
  44. package/dist/css/colors-rgb-brand-mindy.css +0 -50
  45. package/dist/css/colors-rgb-brand-synbee.css +0 -83
  46. package/dist/css/colors-rgb-synbee-v1.css +0 -1025
package/dist/css/colors-hex-brand-apk.css DELETED
@@ -1,281 +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-apksic-01: #091c2f;
10
- --brand-apksic-02: #16426f;
11
- --brand-apksic-03: #1a4e85;
12
- --brand-apksic-04: #1f5d9e;
13
- --brand-apksic-05: #2570bc;
14
- --brand-apksic-06: #4991db;
15
- --brand-apksic-07: #9dc4ec;
16
- --brand-apksic-08: #c3dbf3;
17
- --brand-apksic-09: #ddeaf8;
18
- --brand-apksic-10: #eef5fc;
19
- --brand-apksic: #236ab3;
20
- --area-demographic-01: #151d06;
21
- --area-demographic-02: #32460f;
22
- --area-demographic-03: #3c5511;
23
- --area-demographic-04: #476415;
24
- --area-demographic-05: #557819;
25
- --area-demographic-06: #6d9b20;
26
- --area-demographic-07: #95d22b;
27
- --area-demographic-08: #bfe57f;
28
- --area-demographic-09: #daf0b4;
29
- --area-demographic-10: #eff8df;
30
- --area-demographic: #94d12b;
31
- --area-accounting-01: #3d030b;
32
- --area-accounting-02: #840817;
33
- --area-accounting-03: #9c091c;
34
- --area-accounting-04: #b80b20;
35
- --area-accounting-05: #db0c27;
36
- --area-accounting-06: #f55569;
37
- --area-accounting-07: #faabb5;
38
- --area-accounting-08: #fccdd3;
39
- --area-accounting-09: #fde1e5;
40
- --area-accounting-10: #fef3f5;
41
- --area-accounting: #f43e55;
42
- --area-general-affairs-01: #291701;
43
- --area-general-affairs-02: #603703;
44
- --area-general-affairs-03: #734103;
45
- --area-general-affairs-04: #894d04;
46
- --area-general-affairs-05: #a35c04;
47
- --area-general-affairs-06: #d27705;
48
- --area-general-affairs-07: #fbb156;
49
- --area-general-affairs-08: #fcd19a;
50
- --area-general-affairs-09: #fee5c8;
51
- --area-general-affairs-10: #fef3e6;
52
- --area-general-affairs: #f99519;
53
- --area-tributes-01: #041e1f;
54
- --area-tributes-02: #0b484a;
55
- --area-tributes-03: #0d5657;
56
- --area-tributes-04: #0f6668;
57
- --area-tributes-05: #12797c;
58
- --area-tributes-06: #179da0;
59
- --area-tributes-07: #1fd4d8;
60
- --area-tributes-08: #7ae9ec;
61
- --area-tributes-09: #b4f3f4;
62
- --area-tributes-10: #e2fafb;
63
- --area-tributes: #29dce0;
64
- --area-personnel-01: #250058;
65
- --area-personnel-02: #4e00bb;
66
- --area-personnel-03: #5b00dc;
67
- --area-personnel-04: #6d05ff;
68
- --area-personnel-05: #8b37ff;
69
- --area-personnel-06: #aa6eff;
70
- --area-personnel-07: #d2b2ff;
71
- --area-personnel-08: #e4d0ff;
72
- --area-personnel-09: #efe4ff;
73
- --area-personnel-10: #f7f2ff;
74
- --area-personnel: #ab6fff;
75
- --area-technical-01: #1e1b00;
76
- --area-technical-02: #474100;
77
- --area-technical-03: #554e00;
78
- --area-technical-04: #655d00;
79
- --area-technical-05: #796f00;
80
- --area-technical-06: #9c8f00;
81
- --area-technical-07: #d2c200;
82
- --area-technical-08: #eddb00;
83
- --area-technical-09: #ffec04;
84
- --area-technical-10: #fff8a4;
85
- --area-technical: #ffec0a;
86
- --area-personal-services-01: #390030;
87
- --area-personal-services-02: #7b0067;
88
- --area-personal-services-03: #920079;
89
- --area-personal-services-04: #ab008f;
90
- --area-personal-services-05: #ca00a8;
91
- --area-personal-services-06: #ff19d8;
92
- --area-personal-services-07: #ffa0ef;
93
- --area-personal-services-08: #ffc6f5;
94
- --area-personal-services-09: #ffdefa;
95
- --area-personal-services-10: #fff0fd;
96
- --area-personal-services: #ff4de1;
97
- }
98
-
99
- :root.pref-theme-dark {
100
- --brand-apksic-01: #ddebf8;
101
- --brand-apksic-02: #8cbae8;
102
- --brand-apksic-03: #70a8e3;
103
- --brand-apksic-04: #5095dd;
104
- --brand-apksic-05: #2c7fd6;
105
- --brand-apksic-06: #2061a3;
106
- --brand-apksic-07: #133b63;
107
- --brand-apksic-08: #0d2944;
108
- --brand-apksic-09: #091c2f;
109
- --brand-apksic-10: #050f1a;
110
- --brand-apksic: #236ab3;
111
- --area-demographic-01: #dcf0b9;
112
- --area-demographic-02: #8dc729;
113
- --area-demographic-03: #7fb425;
114
- --area-demographic-04: #719f21;
115
- --area-demographic-05: #61891c;
116
- --area-demographic-06: #4a6815;
117
- --area-demographic-07: #2d3f0d;
118
- --area-demographic-08: #1f2c09;
119
- --area-demographic-09: #161f06;
120
- --area-demographic-10: #0c1103;
121
- --area-demographic: #94d12b;
122
- --area-accounting-01: #fde2e6;
123
- --area-accounting-02: #f99ba7;
124
- --area-accounting-03: #f87f8f;
125
- --area-accounting-04: #f65d70;
126
- --area-accounting-05: #f3243e;
127
- --area-accounting-06: #bf0b22;
128
- --area-accounting-07: #770715;
129
- --area-accounting-08: #57050f;
130
- --area-accounting-09: #3e040b;
131
- --area-accounting-10: #250207;
132
- --area-accounting: #f43e55;
133
- --area-general-affairs-01: #fee5c6;
134
- --area-general-affairs-02: #faa236;
135
- --area-general-affairs-03: #f38a06;
136
- --area-general-affairs-04: #d87a06;
137
- --area-general-affairs-05: #bb6905;
138
- --area-general-affairs-06: #8e5004;
139
- --area-general-affairs-07: #563002;
140
- --area-general-affairs-08: #3c2202;
141
- --area-general-affairs-09: #2a1801;
142
- --area-general-affairs-10: #170d01;
143
- --area-general-affairs: #f99519;
144
- --area-tributes-01: #b9f3f5;
145
- --area-tributes-02: #1ec9cd;
146
- --area-tributes-03: #1bb6ba;
147
- --area-tributes-04: #18a1a5;
148
- --area-tributes-05: #158b8e;
149
- --area-tributes-06: #106a6c;
150
- --area-tributes-07: #094041;
151
- --area-tributes-08: #072d2e;
152
- --area-tributes-09: #051f20;
153
- --area-tributes-10: #031112;
154
- --area-tributes: #29dce0;
155
- --area-personnel-01: #efe4ff;
156
- --area-personnel-02: #caa4ff;
157
- --area-personnel-03: #bd8dff;
158
- --area-personnel-04: #ae73ff;
159
- --area-personnel-05: #9c54ff;
160
- --area-personnel-06: #7512ff;
161
- --area-personnel-07: #4600a8;
162
- --area-personnel-08: #33007b;
163
- --area-personnel-09: #250059;
164
- --area-personnel-10: #180039;
165
- --area-personnel: #ab6fff;
166
- --area-technical-01: #ffec04;
167
- --area-technical-02: #c7b800;
168
- --area-technical-03: #b4a600;
169
- --area-technical-04: #a09300;
170
- --area-technical-05: #8a7f00;
171
- --area-technical-06: #696000;
172
- --area-technical-07: #3f3a00;
173
- --area-technical-08: #2c2900;
174
- --area-technical-09: #1e1c00;
175
- --area-technical-10: #100f00;
176
- --area-technical: #ffec0a;
177
- --area-personal-services-01: #ffdffa;
178
- --area-personal-services-02: #ff8dec;
179
- --area-personal-services-03: #ff6ae6;
180
- --area-personal-services-04: #ff30dc;
181
- --area-personal-services-05: #e600c0;
182
- --area-personal-services-06: #b10093;
183
- --area-personal-services-07: #6f005c;
184
- --area-personal-services-08: #510044;
185
- --area-personal-services-09: #3b0031;
186
- --area-personal-services-10: #24001e;
187
- --area-personal-services: #ff4de1;
188
- }
189
-
190
- @media (prefers-color-scheme: dark) {
191
- :root.pref-theme-system {
192
- --brand-apksic-01: #ddebf8;
193
- --brand-apksic-02: #8cbae8;
194
- --brand-apksic-03: #70a8e3;
195
- --brand-apksic-04: #5095dd;
196
- --brand-apksic-05: #2c7fd6;
197
- --brand-apksic-06: #2061a3;
198
- --brand-apksic-07: #133b63;
199
- --brand-apksic-08: #0d2944;
200
- --brand-apksic-09: #091c2f;
201
- --brand-apksic-10: #050f1a;
202
- --brand-apksic: #236ab3;
203
- --area-demographic-01: #dcf0b9;
204
- --area-demographic-02: #8dc729;
205
- --area-demographic-03: #7fb425;
206
- --area-demographic-04: #719f21;
207
- --area-demographic-05: #61891c;
208
- --area-demographic-06: #4a6815;
209
- --area-demographic-07: #2d3f0d;
210
- --area-demographic-08: #1f2c09;
211
- --area-demographic-09: #161f06;
212
- --area-demographic-10: #0c1103;
213
- --area-demographic: #94d12b;
214
- --area-accounting-01: #fde2e6;
215
- --area-accounting-02: #f99ba7;
216
- --area-accounting-03: #f87f8f;
217
- --area-accounting-04: #f65d70;
218
- --area-accounting-05: #f3243e;
219
- --area-accounting-06: #bf0b22;
220
- --area-accounting-07: #770715;
221
- --area-accounting-08: #57050f;
222
- --area-accounting-09: #3e040b;
223
- --area-accounting-10: #250207;
224
- --area-accounting: #f43e55;
225
- --area-general-affairs-01: #fee5c6;
226
- --area-general-affairs-02: #faa236;
227
- --area-general-affairs-03: #f38a06;
228
- --area-general-affairs-04: #d87a06;
229
- --area-general-affairs-05: #bb6905;
230
- --area-general-affairs-06: #8e5004;
231
- --area-general-affairs-07: #563002;
232
- --area-general-affairs-08: #3c2202;
233
- --area-general-affairs-09: #2a1801;
234
- --area-general-affairs-10: #170d01;
235
- --area-general-affairs: #f99519;
236
- --area-tributes-01: #b9f3f5;
237
- --area-tributes-02: #1ec9cd;
238
- --area-tributes-03: #1bb6ba;
239
- --area-tributes-04: #18a1a5;
240
- --area-tributes-05: #158b8e;
241
- --area-tributes-06: #106a6c;
242
- --area-tributes-07: #094041;
243
- --area-tributes-08: #072d2e;
244
- --area-tributes-09: #051f20;
245
- --area-tributes-10: #031112;
246
- --area-tributes: #29dce0;
247
- --area-personnel-01: #efe4ff;
248
- --area-personnel-02: #caa4ff;
249
- --area-personnel-03: #bd8dff;
250
- --area-personnel-04: #ae73ff;
251
- --area-personnel-05: #9c54ff;
252
- --area-personnel-06: #7512ff;
253
- --area-personnel-07: #4600a8;
254
- --area-personnel-08: #33007b;
255
- --area-personnel-09: #250059;
256
- --area-personnel-10: #180039;
257
- --area-personnel: #ab6fff;
258
- --area-technical-01: #ffec04;
259
- --area-technical-02: #c7b800;
260
- --area-technical-03: #b4a600;
261
- --area-technical-04: #a09300;
262
- --area-technical-05: #8a7f00;
263
- --area-technical-06: #696000;
264
- --area-technical-07: #3f3a00;
265
- --area-technical-08: #2c2900;
266
- --area-technical-09: #1e1c00;
267
- --area-technical-10: #100f00;
268
- --area-technical: #ffec0a;
269
- --area-personal-services-01: #ffdffa;
270
- --area-personal-services-02: #ff8dec;
271
- --area-personal-services-03: #ff6ae6;
272
- --area-personal-services-04: #ff30dc;
273
- --area-personal-services-05: #e600c0;
274
- --area-personal-services-06: #b10093;
275
- --area-personal-services-07: #6f005c;
276
- --area-personal-services-08: #510044;
277
- --area-personal-services-09: #3b0031;
278
- --area-personal-services-10: #24001e;
279
- --area-personal-services: #ff4de1;
280
- }
281
- }
package/dist/css/colors-hex-brand-mindy.css DELETED
@@ -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
- }
package/dist/css/colors-hex-brand-synbee.css DELETED
@@ -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
- }