@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
@@ -1,50 +1,52 @@
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
- --brand-rnd-01: 29 26 24;
10
- --brand-rnd-02: 74 62 47;
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: 110 88 58;
13
- --brand-rnd-05: 135 104 63;
14
- --brand-rnd-06: 180 133 70;
15
- --brand-rnd-07: 214 188 152;
16
- --brand-rnd-08: 225 214 200;
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: 245 245 244;
18
+ --brand-rnd-10: 240 238 236;
19
19
  --brand-rnd: 203 162 107;
20
20
  }
21
21
 
22
- :root.pref-theme-dark {
23
- --brand-rnd-01: 236 232 228;
24
- --brand-rnd-02: 210 176 132;
25
- --brand-rnd-03: 200 157 100;
26
- --brand-rnd-04: 185 136 72;
27
- --brand-rnd-05: 157 118 67;
28
- --brand-rnd-06: 115 91 59;
29
- --brand-rnd-07: 65 56 43;
30
- --brand-rnd-08: 44 39 33;
31
- --brand-rnd-09: 29 27 24;
32
- --brand-rnd-10: 17 16 15;
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
- --brand-rnd-01: 236 232 228;
39
- --brand-rnd-02: 210 176 132;
40
- --brand-rnd-03: 200 157 100;
41
- --brand-rnd-04: 185 136 72;
42
- --brand-rnd-05: 157 118 67;
43
- --brand-rnd-06: 115 91 59;
44
- --brand-rnd-07: 65 56 43;
45
- --brand-rnd-08: 44 39 33;
46
- --brand-rnd-09: 29 27 24;
47
- --brand-rnd-10: 17 16 15;
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 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
- --brand-maggioli-01: 12 26 54;
10
- --brand-maggioli-02: 0 55 158;
11
- --brand-maggioli-03: 2 66 185;
12
- --brand-maggioli-04: 10 80 212;
13
- --brand-maggioli-05: 31 101 232;
14
- --brand-maggioli-06: 99 141 221;
15
- --brand-maggioli-07: 178 193 220;
16
- --brand-maggioli-08: 210 216 228;
17
- --brand-maggioli-09: 230 233 237;
18
- --brand-maggioli-10: 244 245 246;
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 27 40;
21
- --brand-maggioli-editore-02: 19 57 147;
22
- --brand-maggioli-editore-03: 16 66 183;
23
- --brand-maggioli-editore-04: 16 77 221;
24
- --brand-maggioli-editore-05: 43 99 233;
25
- --brand-maggioli-editore-06: 102 139 226;
26
- --brand-maggioli-editore-07: 178 192 224;
27
- --brand-maggioli-editore-08: 210 216 229;
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: 244 245 246;
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
- --brand-maggioli-01: 230 232 236;
35
- --brand-maggioli-02: 163 182 219;
36
- --brand-maggioli-03: 137 165 218;
37
- --brand-maggioli-04: 106 145 220;
38
- --brand-maggioli-05: 68 122 225;
39
- --brand-maggioli-06: 12 84 218;
40
- --brand-maggioli-07: 1 49 140;
41
- --brand-maggioli-08: 7 37 92;
42
- --brand-maggioli-09: 12 27 55;
43
- --brand-maggioli-10: 11 14 20;
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: 230 232 237;
46
- --brand-maggioli-editore-02: 164 181 223;
47
- --brand-maggioli-editore-03: 138 164 223;
48
- --brand-maggioli-editore-04: 109 143 225;
49
- --brand-maggioli-editore-05: 74 120 229;
50
- --brand-maggioli-editore-06: 17 80 228;
51
- --brand-maggioli-editore-07: 22 52 124;
52
- --brand-maggioli-editore-08: 25 39 72;
53
- --brand-maggioli-editore-09: 21 27 40;
54
- --brand-maggioli-editore-10: 14 16 20;
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
- --brand-maggioli-01: 230 232 236;
61
- --brand-maggioli-02: 163 182 219;
62
- --brand-maggioli-03: 137 165 218;
63
- --brand-maggioli-04: 106 145 220;
64
- --brand-maggioli-05: 68 122 225;
65
- --brand-maggioli-06: 12 84 218;
66
- --brand-maggioli-07: 1 49 140;
67
- --brand-maggioli-08: 7 37 92;
68
- --brand-maggioli-09: 12 27 55;
69
- --brand-maggioli-10: 11 14 20;
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: 230 232 237;
72
- --brand-maggioli-editore-02: 164 181 223;
73
- --brand-maggioli-editore-03: 138 164 223;
74
- --brand-maggioli-editore-04: 109 143 225;
75
- --brand-maggioli-editore-05: 74 120 229;
76
- --brand-maggioli-editore-06: 17 80 228;
77
- --brand-maggioli-editore-07: 22 52 124;
78
- --brand-maggioli-editore-08: 25 39 72;
79
- --brand-maggioli-editore-09: 21 27 40;
80
- --brand-maggioli-editore-10: 14 16 20;
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
  }