@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
@@ -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: 9 28 47;
10
- --brand-apksic-02: 22 66 111;
11
- --brand-apksic-03: 26 78 133;
12
- --brand-apksic-04: 31 93 158;
13
- --brand-apksic-05: 37 112 188;
14
- --brand-apksic-06: 73 145 219;
15
- --brand-apksic-07: 157 196 236;
16
- --brand-apksic-08: 195 219 243;
17
- --brand-apksic-09: 221 234 248;
18
- --brand-apksic-10: 238 245 252;
19
- --brand-apksic: 35 106 179;
20
- --area-demographic-01: 21 29 6;
21
- --area-demographic-02: 50 70 15;
22
- --area-demographic-03: 60 85 17;
23
- --area-demographic-04: 71 100 21;
24
- --area-demographic-05: 85 120 25;
25
- --area-demographic-06: 109 155 32;
26
- --area-demographic-07: 149 210 43;
27
- --area-demographic-08: 191 229 127;
28
- --area-demographic-09: 218 240 180;
29
- --area-demographic-10: 239 248 223;
30
- --area-demographic: 148 209 43;
31
- --area-accounting-01: 61 3 11;
32
- --area-accounting-02: 132 8 23;
33
- --area-accounting-03: 156 9 28;
34
- --area-accounting-04: 184 11 32;
35
- --area-accounting-05: 219 12 39;
36
- --area-accounting-06: 245 85 105;
37
- --area-accounting-07: 250 171 181;
38
- --area-accounting-08: 252 205 211;
39
- --area-accounting-09: 253 225 229;
40
- --area-accounting-10: 254 243 245;
41
- --area-accounting: 244 62 85;
42
- --area-general-affairs-01: 41 23 1;
43
- --area-general-affairs-02: 96 55 3;
44
- --area-general-affairs-03: 115 65 3;
45
- --area-general-affairs-04: 137 77 4;
46
- --area-general-affairs-05: 163 92 4;
47
- --area-general-affairs-06: 210 119 5;
48
- --area-general-affairs-07: 251 177 86;
49
- --area-general-affairs-08: 252 209 154;
50
- --area-general-affairs-09: 254 229 200;
51
- --area-general-affairs-10: 254 243 230;
52
- --area-general-affairs: 249 149 25;
53
- --area-tributes-01: 4 30 31;
54
- --area-tributes-02: 11 72 74;
55
- --area-tributes-03: 13 86 87;
56
- --area-tributes-04: 15 102 104;
57
- --area-tributes-05: 18 121 124;
58
- --area-tributes-06: 23 157 160;
59
- --area-tributes-07: 31 212 216;
60
- --area-tributes-08: 122 233 236;
61
- --area-tributes-09: 180 243 244;
62
- --area-tributes-10: 226 250 251;
63
- --area-tributes: 41 220 224;
64
- --area-personnel-01: 37 0 88;
65
- --area-personnel-02: 78 0 187;
66
- --area-personnel-03: 91 0 220;
67
- --area-personnel-04: 109 5 255;
68
- --area-personnel-05: 139 55 255;
69
- --area-personnel-06: 170 110 255;
70
- --area-personnel-07: 210 178 255;
71
- --area-personnel-08: 228 208 255;
72
- --area-personnel-09: 239 228 255;
73
- --area-personnel-10: 247 242 255;
74
- --area-personnel: 171 111 255;
75
- --area-technical-01: 30 27 0;
76
- --area-technical-02: 71 65 0;
77
- --area-technical-03: 85 78 0;
78
- --area-technical-04: 101 93 0;
79
- --area-technical-05: 121 111 0;
80
- --area-technical-06: 156 143 0;
81
- --area-technical-07: 210 194 0;
82
- --area-technical-08: 237 219 0;
83
- --area-technical-09: 255 236 4;
84
- --area-technical-10: 255 248 164;
85
- --area-technical: 255 236 10;
86
- --area-personal-services-01: 57 0 48;
87
- --area-personal-services-02: 123 0 103;
88
- --area-personal-services-03: 146 0 121;
89
- --area-personal-services-04: 171 0 143;
90
- --area-personal-services-05: 202 0 168;
91
- --area-personal-services-06: 255 25 216;
92
- --area-personal-services-07: 255 160 239;
93
- --area-personal-services-08: 255 198 245;
94
- --area-personal-services-09: 255 222 250;
95
- --area-personal-services-10: 255 240 253;
96
- --area-personal-services: 255 77 225;
97
- }
98
-
99
- :root.pref-theme-dark {
100
- --brand-apksic-01: 221 235 248;
101
- --brand-apksic-02: 140 186 232;
102
- --brand-apksic-03: 112 168 227;
103
- --brand-apksic-04: 80 149 221;
104
- --brand-apksic-05: 44 127 214;
105
- --brand-apksic-06: 32 97 163;
106
- --brand-apksic-07: 19 59 99;
107
- --brand-apksic-08: 13 41 68;
108
- --brand-apksic-09: 9 28 47;
109
- --brand-apksic-10: 5 15 26;
110
- --brand-apksic: 35 106 179;
111
- --area-demographic-01: 220 240 185;
112
- --area-demographic-02: 141 199 41;
113
- --area-demographic-03: 127 180 37;
114
- --area-demographic-04: 113 159 33;
115
- --area-demographic-05: 97 137 28;
116
- --area-demographic-06: 74 104 21;
117
- --area-demographic-07: 45 63 13;
118
- --area-demographic-08: 31 44 9;
119
- --area-demographic-09: 22 31 6;
120
- --area-demographic-10: 12 17 3;
121
- --area-demographic: 148 209 43;
122
- --area-accounting-01: 253 226 230;
123
- --area-accounting-02: 249 155 167;
124
- --area-accounting-03: 248 127 143;
125
- --area-accounting-04: 246 93 112;
126
- --area-accounting-05: 243 36 62;
127
- --area-accounting-06: 191 11 34;
128
- --area-accounting-07: 119 7 21;
129
- --area-accounting-08: 87 5 15;
130
- --area-accounting-09: 62 4 11;
131
- --area-accounting-10: 37 2 7;
132
- --area-accounting: 244 62 85;
133
- --area-general-affairs-01: 254 229 198;
134
- --area-general-affairs-02: 250 162 54;
135
- --area-general-affairs-03: 243 138 6;
136
- --area-general-affairs-04: 216 122 6;
137
- --area-general-affairs-05: 187 105 5;
138
- --area-general-affairs-06: 142 80 4;
139
- --area-general-affairs-07: 86 48 2;
140
- --area-general-affairs-08: 60 34 2;
141
- --area-general-affairs-09: 42 24 1;
142
- --area-general-affairs-10: 23 13 1;
143
- --area-general-affairs: 249 149 25;
144
- --area-tributes-01: 185 243 245;
145
- --area-tributes-02: 30 201 205;
146
- --area-tributes-03: 27 182 186;
147
- --area-tributes-04: 24 161 165;
148
- --area-tributes-05: 21 139 142;
149
- --area-tributes-06: 16 106 108;
150
- --area-tributes-07: 9 64 65;
151
- --area-tributes-08: 7 45 46;
152
- --area-tributes-09: 5 31 32;
153
- --area-tributes-10: 3 17 18;
154
- --area-tributes: 41 220 224;
155
- --area-personnel-01: 239 228 255;
156
- --area-personnel-02: 202 164 255;
157
- --area-personnel-03: 189 141 255;
158
- --area-personnel-04: 174 115 255;
159
- --area-personnel-05: 156 84 255;
160
- --area-personnel-06: 117 18 255;
161
- --area-personnel-07: 70 0 168;
162
- --area-personnel-08: 51 0 123;
163
- --area-personnel-09: 37 0 89;
164
- --area-personnel-10: 24 0 57;
165
- --area-personnel: 171 111 255;
166
- --area-technical-01: 255 236 4;
167
- --area-technical-02: 199 184 0;
168
- --area-technical-03: 180 166 0;
169
- --area-technical-04: 160 147 0;
170
- --area-technical-05: 138 127 0;
171
- --area-technical-06: 105 96 0;
172
- --area-technical-07: 63 58 0;
173
- --area-technical-08: 44 41 0;
174
- --area-technical-09: 30 28 0;
175
- --area-technical-10: 16 15 0;
176
- --area-technical: 255 236 10;
177
- --area-personal-services-01: 255 223 250;
178
- --area-personal-services-02: 255 141 236;
179
- --area-personal-services-03: 255 106 230;
180
- --area-personal-services-04: 255 48 220;
181
- --area-personal-services-05: 230 0 192;
182
- --area-personal-services-06: 177 0 147;
183
- --area-personal-services-07: 111 0 92;
184
- --area-personal-services-08: 81 0 68;
185
- --area-personal-services-09: 59 0 49;
186
- --area-personal-services-10: 36 0 30;
187
- --area-personal-services: 255 77 225;
188
- }
189
-
190
- @media (prefers-color-scheme: dark) {
191
- :root.pref-theme-system {
192
- --brand-apksic-01: 221 235 248;
193
- --brand-apksic-02: 140 186 232;
194
- --brand-apksic-03: 112 168 227;
195
- --brand-apksic-04: 80 149 221;
196
- --brand-apksic-05: 44 127 214;
197
- --brand-apksic-06: 32 97 163;
198
- --brand-apksic-07: 19 59 99;
199
- --brand-apksic-08: 13 41 68;
200
- --brand-apksic-09: 9 28 47;
201
- --brand-apksic-10: 5 15 26;
202
- --brand-apksic: 35 106 179;
203
- --area-demographic-01: 220 240 185;
204
- --area-demographic-02: 141 199 41;
205
- --area-demographic-03: 127 180 37;
206
- --area-demographic-04: 113 159 33;
207
- --area-demographic-05: 97 137 28;
208
- --area-demographic-06: 74 104 21;
209
- --area-demographic-07: 45 63 13;
210
- --area-demographic-08: 31 44 9;
211
- --area-demographic-09: 22 31 6;
212
- --area-demographic-10: 12 17 3;
213
- --area-demographic: 148 209 43;
214
- --area-accounting-01: 253 226 230;
215
- --area-accounting-02: 249 155 167;
216
- --area-accounting-03: 248 127 143;
217
- --area-accounting-04: 246 93 112;
218
- --area-accounting-05: 243 36 62;
219
- --area-accounting-06: 191 11 34;
220
- --area-accounting-07: 119 7 21;
221
- --area-accounting-08: 87 5 15;
222
- --area-accounting-09: 62 4 11;
223
- --area-accounting-10: 37 2 7;
224
- --area-accounting: 244 62 85;
225
- --area-general-affairs-01: 254 229 198;
226
- --area-general-affairs-02: 250 162 54;
227
- --area-general-affairs-03: 243 138 6;
228
- --area-general-affairs-04: 216 122 6;
229
- --area-general-affairs-05: 187 105 5;
230
- --area-general-affairs-06: 142 80 4;
231
- --area-general-affairs-07: 86 48 2;
232
- --area-general-affairs-08: 60 34 2;
233
- --area-general-affairs-09: 42 24 1;
234
- --area-general-affairs-10: 23 13 1;
235
- --area-general-affairs: 249 149 25;
236
- --area-tributes-01: 185 243 245;
237
- --area-tributes-02: 30 201 205;
238
- --area-tributes-03: 27 182 186;
239
- --area-tributes-04: 24 161 165;
240
- --area-tributes-05: 21 139 142;
241
- --area-tributes-06: 16 106 108;
242
- --area-tributes-07: 9 64 65;
243
- --area-tributes-08: 7 45 46;
244
- --area-tributes-09: 5 31 32;
245
- --area-tributes-10: 3 17 18;
246
- --area-tributes: 41 220 224;
247
- --area-personnel-01: 239 228 255;
248
- --area-personnel-02: 202 164 255;
249
- --area-personnel-03: 189 141 255;
250
- --area-personnel-04: 174 115 255;
251
- --area-personnel-05: 156 84 255;
252
- --area-personnel-06: 117 18 255;
253
- --area-personnel-07: 70 0 168;
254
- --area-personnel-08: 51 0 123;
255
- --area-personnel-09: 37 0 89;
256
- --area-personnel-10: 24 0 57;
257
- --area-personnel: 171 111 255;
258
- --area-technical-01: 255 236 4;
259
- --area-technical-02: 199 184 0;
260
- --area-technical-03: 180 166 0;
261
- --area-technical-04: 160 147 0;
262
- --area-technical-05: 138 127 0;
263
- --area-technical-06: 105 96 0;
264
- --area-technical-07: 63 58 0;
265
- --area-technical-08: 44 41 0;
266
- --area-technical-09: 30 28 0;
267
- --area-technical-10: 16 15 0;
268
- --area-technical: 255 236 10;
269
- --area-personal-services-01: 255 223 250;
270
- --area-personal-services-02: 255 141 236;
271
- --area-personal-services-03: 255 106 230;
272
- --area-personal-services-04: 255 48 220;
273
- --area-personal-services-05: 230 0 192;
274
- --area-personal-services-06: 177 0 147;
275
- --area-personal-services-07: 111 0 92;
276
- --area-personal-services-08: 81 0 68;
277
- --area-personal-services-09: 59 0 49;
278
- --area-personal-services-10: 36 0 30;
279
- --area-personal-services: 255 77 225;
280
- }
281
- }
@@ -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: 9 29 34;
10
- --brand-mindy-02: 4 71 86;
11
- --brand-mindy-03: 3 84 103;
12
- --brand-mindy-04: 3 100 123;
13
- --brand-mindy-05: 5 119 146;
14
- --brand-mindy-06: 16 154 187;
15
- --brand-mindy-07: 147 200 212;
16
- --brand-mindy-08: 203 219 223;
17
- --brand-mindy-09: 228 233 234;
18
- --brand-mindy-10: 244 245 245;
19
- --brand-mindy: 3 98 120;
20
- }
21
-
22
- :root.pref-theme-dark {
23
- --brand-mindy-01: 228 233 235;
24
- --brand-mindy-02: 114 193 212;
25
- --brand-mindy-03: 31 178 213;
26
- --brand-mindy-04: 18 158 191;
27
- --brand-mindy-05: 9 137 166;
28
- --brand-mindy-06: 3 104 127;
29
- --brand-mindy-07: 5 63 76;
30
- --brand-mindy-08: 7 44 52;
31
- --brand-mindy-09: 8 31 36;
32
- --brand-mindy-10: 8 16 17;
33
- --brand-mindy: 3 98 120;
34
- }
35
-
36
- @media (prefers-color-scheme: dark) {
37
- :root.pref-theme-system {
38
- --brand-mindy-01: 228 233 235;
39
- --brand-mindy-02: 114 193 212;
40
- --brand-mindy-03: 31 178 213;
41
- --brand-mindy-04: 18 158 191;
42
- --brand-mindy-05: 9 137 166;
43
- --brand-mindy-06: 3 104 127;
44
- --brand-mindy-07: 5 63 76;
45
- --brand-mindy-08: 7 44 52;
46
- --brand-mindy-09: 8 31 36;
47
- --brand-mindy-10: 8 16 17;
48
- --brand-mindy: 3 98 120;
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: 18 27 43;
10
- --brand-synbee-eolo-02: 43 64 102;
11
- --brand-synbee-eolo-03: 51 77 122;
12
- --brand-synbee-eolo-04: 61 91 145;
13
- --brand-synbee-eolo-05: 73 109 173;
14
- --brand-synbee-eolo-06: 112 142 195;
15
- --brand-synbee-eolo-07: 176 193 222;
16
- --brand-synbee-eolo-08: 207 217 235;
17
- --brand-synbee-eolo-09: 227 233 243;
18
- --brand-synbee-eolo-10: 242 245 249;
19
- --brand-synbee-eolo: 89 124 185;
20
- --brand-synbee-01: 35 26 0;
21
- --brand-synbee-02: 81 62 0;
22
- --brand-synbee-03: 96 74 0;
23
- --brand-synbee-04: 115 88 0;
24
- --brand-synbee-05: 137 105 0;
25
- --brand-synbee-06: 177 136 0;
26
- --brand-synbee-07: 240 184 0;
27
- --brand-synbee-08: 255 212 72;
28
- --brand-synbee-09: 255 230 150;
29
- --brand-synbee-10: 255 245 211;
30
- --brand-synbee: 255 195 0;
31
- }
32
-
33
- :root.pref-theme-dark {
34
- --brand-synbee-eolo-01: 227 233 243;
35
- --brand-synbee-eolo-02: 163 182 216;
36
- --brand-synbee-eolo-03: 142 166 207;
37
- --brand-synbee-eolo-04: 118 146 197;
38
- --brand-synbee-eolo-05: 91 126 186;
39
- --brand-synbee-eolo-06: 63 95 150;
40
- --brand-synbee-eolo-07: 38 57 91;
41
- --brand-synbee-eolo-08: 27 40 63;
42
- --brand-synbee-eolo-09: 19 28 44;
43
- --brand-synbee-eolo-10: 9 14 22;
44
- --brand-synbee-eolo: 89 124 185;
45
- --brand-synbee-01: 255 231 155;
46
- --brand-synbee-02: 227 173 0;
47
- --brand-synbee-03: 206 157 0;
48
- --brand-synbee-04: 182 139 0;
49
- --brand-synbee-05: 158 120 0;
50
- --brand-synbee-06: 120 91 0;
51
- --brand-synbee-07: 72 55 0;
52
- --brand-synbee-08: 50 39 0;
53
- --brand-synbee-09: 34 26 0;
54
- --brand-synbee-10: 18 14 0;
55
- --brand-synbee: 255 195 0;
56
- }
57
-
58
- @media (prefers-color-scheme: dark) {
59
- :root.pref-theme-system {
60
- --brand-synbee-eolo-01: 227 233 243;
61
- --brand-synbee-eolo-02: 163 182 216;
62
- --brand-synbee-eolo-03: 142 166 207;
63
- --brand-synbee-eolo-04: 118 146 197;
64
- --brand-synbee-eolo-05: 91 126 186;
65
- --brand-synbee-eolo-06: 63 95 150;
66
- --brand-synbee-eolo-07: 38 57 91;
67
- --brand-synbee-eolo-08: 27 40 63;
68
- --brand-synbee-eolo-09: 19 28 44;
69
- --brand-synbee-eolo-10: 9 14 22;
70
- --brand-synbee-eolo: 89 124 185;
71
- --brand-synbee-01: 255 231 155;
72
- --brand-synbee-02: 227 173 0;
73
- --brand-synbee-03: 206 157 0;
74
- --brand-synbee-04: 182 139 0;
75
- --brand-synbee-05: 158 120 0;
76
- --brand-synbee-06: 120 91 0;
77
- --brand-synbee-07: 72 55 0;
78
- --brand-synbee-08: 50 39 0;
79
- --brand-synbee-09: 34 26 0;
80
- --brand-synbee-10: 18 14 0;
81
- --brand-synbee: 255 195 0;
82
- }
83
- }