@maggioli-design-system/styles 16.0.1 → 17.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 (39) hide show
  1. package/README.md +54 -2
  2. package/dist/css/animations.css +2 -2
  3. package/dist/css/base.css +13 -27
  4. package/dist/css/colors-hex-brand-rnd.css +25 -25
  5. package/dist/css/colors-hex-brand.css +46 -46
  6. package/dist/css/colors-hex-default.css +502 -502
  7. package/dist/css/colors-hex-label.css +256 -256
  8. package/dist/css/colors-hex-status.css +88 -88
  9. package/dist/css/colors-hex-theme.css +271 -0
  10. package/dist/css/colors-hex-tones.css +139 -139
  11. package/dist/css/colors-hex.css +883 -631
  12. package/dist/css/colors-rgb-brand-rnd.css +25 -25
  13. package/dist/css/colors-rgb-brand.css +46 -46
  14. package/dist/css/colors-rgb-default.css +502 -502
  15. package/dist/css/colors-rgb-label.css +256 -256
  16. package/dist/css/colors-rgb-status.css +88 -88
  17. package/dist/css/colors-rgb-theme.css +271 -0
  18. package/dist/css/colors-rgb-tones.css +139 -139
  19. package/dist/css/colors-rgb.css +883 -631
  20. package/dist/css/globals.css +3156 -28
  21. package/dist/css/hydrated.css +2 -2
  22. package/dist/css/reset.css +2 -4
  23. package/dist/css/semantic.css +253 -0
  24. package/dist/css/tailwind-theme-color.css +295 -211
  25. package/dist/css/tailwind-theme-typography.css +19 -2
  26. package/dist/css/theme.css +51 -0
  27. package/dist/css/themes.css +93 -0
  28. package/dist/css/tokens.editor.css +1792 -0
  29. package/dist/css/transitions.css +2 -2
  30. package/dist/css/typography.css +19 -2
  31. package/dist/css/utility-typography.css +2 -2
  32. package/dist/tailwind/base.css +31 -23
  33. package/dist/tailwind/semantic.css +119 -0
  34. package/dist/tailwind/theme.css +3 -0
  35. package/dist/tailwind/utilities.css +1 -1
  36. package/dist/tailwind3/base.css +9 -13
  37. package/dist/tailwind3/components.css +1 -1
  38. package/package.json +11 -5
  39. package/tailwind.config.js +2 -2
package/dist/css/colors-rgb-brand-rnd.css CHANGED
@@ -1,52 +1,52 @@
1
1
  /*
2
- @magma-design-system/design-tokens v14.1.0
2
+ @magma-design-system/design-tokens v15.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 08 Jun 2026 14:52:21 GMT
5
+ Generated at Wed, 30 Sep 2026 14:38:45 GMT
6
6
  */
7
7
 
8
8
  :root {
9
- --brand-rnd-01: 42 37 32;
10
- --brand-rnd-02: 64 54 42;
11
- --brand-rnd-03: 91 74 52;
12
- --brand-rnd-04: 126 99 61;
9
+ --brand-rnd-01: 52 45 37;
10
+ --brand-rnd-02: 81 67 49;
11
+ --brand-rnd-03: 107 86 57;
12
+ --brand-rnd-04: 139 106 64;
13
13
  --brand-rnd-05: 163 122 68;
14
- --brand-rnd-06: 203 162 108;
14
+ --brand-rnd-06: 204 165 111;
15
15
  --brand-rnd-07: 214 188 154;
16
16
  --brand-rnd-08: 222 210 193;
17
- --brand-rnd-09: 235 231 227;
18
- --brand-rnd-10: 240 238 236;
17
+ --brand-rnd-09: 229 223 214;
18
+ --brand-rnd-10: 239 237 234;
19
19
  --brand-rnd: 203 162 107;
20
20
  }
21
21
 
22
- :root:not(.pref-theme-scheme-light).pref-theme-dark,
22
+ :root:not(.pref-theme-scheme-light).pref-mode-dark,
23
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;
24
+ --brand-rnd-01: 243 243 241;
25
+ --brand-rnd-02: 234 230 225;
26
+ --brand-rnd-03: 226 216 204;
27
+ --brand-rnd-04: 218 198 173;
28
28
  --brand-rnd-05: 212 183 145;
29
- --brand-rnd-06: 189 141 78;
29
+ --brand-rnd-06: 187 139 75;
30
30
  --brand-rnd-07: 158 119 67;
31
31
  --brand-rnd-08: 124 97 61;
32
- --brand-rnd-09: 83 69 50;
33
- --brand-rnd-10: 69 59 45;
32
+ --brand-rnd-09: 101 81 55;
33
+ --brand-rnd-10: 72 60 46;
34
34
  --brand-rnd: 203 162 107;
35
35
  }
36
36
 
37
37
  @media (prefers-color-scheme: dark) {
38
- :root:not(.pref-theme-scheme-light).pref-theme-system,
38
+ :root:not(.pref-theme-scheme-light).pref-mode-system,
39
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;
40
+ --brand-rnd-01: 243 243 241;
41
+ --brand-rnd-02: 234 230 225;
42
+ --brand-rnd-03: 226 216 204;
43
+ --brand-rnd-04: 218 198 173;
44
44
  --brand-rnd-05: 212 183 145;
45
- --brand-rnd-06: 189 141 78;
45
+ --brand-rnd-06: 187 139 75;
46
46
  --brand-rnd-07: 158 119 67;
47
47
  --brand-rnd-08: 124 97 61;
48
- --brand-rnd-09: 83 69 50;
49
- --brand-rnd-10: 69 59 45;
48
+ --brand-rnd-09: 101 81 55;
49
+ --brand-rnd-10: 72 60 46;
50
50
  --brand-rnd: 203 162 107;
51
51
  }
52
52
  }
package/dist/css/colors-rgb-brand.css CHANGED
@@ -1,85 +1,85 @@
1
1
  /*
2
- @magma-design-system/design-tokens v14.1.0
2
+ @magma-design-system/design-tokens v15.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 08 Jun 2026 14:52:21 GMT
5
+ Generated at Wed, 30 Sep 2026 14:38:45 GMT
6
6
  */
7
7
 
8
8
  :root {
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;
9
+ --brand-maggioli-01: 5 40 103;
10
+ --brand-maggioli-02: 0 57 163;
11
+ --brand-maggioli-03: 7 76 204;
12
+ --brand-maggioli-04: 36 103 231;
13
13
  --brand-maggioli-05: 74 126 224;
14
- --brand-maggioli-06: 145 170 218;
14
+ --brand-maggioli-06: 148 172 218;
15
15
  --brand-maggioli-07: 178 192 220;
16
16
  --brand-maggioli-08: 204 212 226;
17
- --brand-maggioli-09: 230 232 236;
18
- --brand-maggioli-10: 237 238 241;
17
+ --brand-maggioli-09: 220 224 231;
18
+ --brand-maggioli-10: 236 237 240;
19
19
  --brand-maggioli: 0 55 158;
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;
20
+ --brand-maggioli-editore-01: 25 43 88;
21
+ --brand-maggioli-editore-02: 18 59 156;
22
+ --brand-maggioli-editore-03: 15 73 210;
23
+ --brand-maggioli-editore-04: 46 101 233;
24
24
  --brand-maggioli-editore-05: 81 125 228;
25
- --brand-maggioli-editore-06: 147 169 223;
25
+ --brand-maggioli-editore-06: 150 171 223;
26
26
  --brand-maggioli-editore-07: 179 192 224;
27
27
  --brand-maggioli-editore-08: 205 211 228;
28
- --brand-maggioli-editore-09: 230 232 237;
29
- --brand-maggioli-editore-10: 237 238 241;
28
+ --brand-maggioli-editore-09: 220 223 232;
29
+ --brand-maggioli-editore-10: 236 237 240;
30
30
  --brand-maggioli-editore: 15 74 213;
31
31
  }
32
32
 
33
- :root:not(.pref-theme-scheme-light).pref-theme-dark,
33
+ :root:not(.pref-theme-scheme-light).pref-mode-dark,
34
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;
35
+ --brand-maggioli-01: 242 243 244;
36
+ --brand-maggioli-02: 228 230 235;
37
+ --brand-maggioli-03: 213 218 228;
38
+ --brand-maggioli-04: 190 202 222;
39
39
  --brand-maggioli-05: 172 188 220;
40
- --brand-maggioli-06: 114 150 219;
40
+ --brand-maggioli-06: 110 148 220;
41
41
  --brand-maggioli-07: 68 122 225;
42
42
  --brand-maggioli-08: 16 88 224;
43
- --brand-maggioli-09: 0 58 167;
44
- --brand-maggioli-10: 1 49 141;
43
+ --brand-maggioli-09: 4 70 195;
44
+ --brand-maggioli-10: 0 51 147;
45
45
  --brand-maggioli: 0 55 158;
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;
46
+ --brand-maggioli-editore-01: 242 243 244;
47
+ --brand-maggioli-editore-02: 228 230 236;
48
+ --brand-maggioli-editore-03: 212 218 230;
49
+ --brand-maggioli-editore-04: 191 201 225;
50
50
  --brand-maggioli-editore-05: 172 187 223;
51
- --brand-maggioli-editore-06: 117 149 224;
51
+ --brand-maggioli-editore-06: 114 147 224;
52
52
  --brand-maggioli-editore-07: 74 120 229;
53
53
  --brand-maggioli-editore-08: 20 84 236;
54
- --brand-maggioli-editore-09: 18 60 161;
55
- --brand-maggioli-editore-10: 21 53 129;
54
+ --brand-maggioli-editore-09: 15 69 198;
55
+ --brand-maggioli-editore-10: 21 55 135;
56
56
  --brand-maggioli-editore: 15 74 213;
57
57
  }
58
58
 
59
59
  @media (prefers-color-scheme: dark) {
60
- :root:not(.pref-theme-scheme-light).pref-theme-system,
60
+ :root:not(.pref-theme-scheme-light).pref-mode-system,
61
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;
62
+ --brand-maggioli-01: 242 243 244;
63
+ --brand-maggioli-02: 228 230 235;
64
+ --brand-maggioli-03: 213 218 228;
65
+ --brand-maggioli-04: 190 202 222;
66
66
  --brand-maggioli-05: 172 188 220;
67
- --brand-maggioli-06: 114 150 219;
67
+ --brand-maggioli-06: 110 148 220;
68
68
  --brand-maggioli-07: 68 122 225;
69
69
  --brand-maggioli-08: 16 88 224;
70
- --brand-maggioli-09: 0 58 167;
71
- --brand-maggioli-10: 1 49 141;
70
+ --brand-maggioli-09: 4 70 195;
71
+ --brand-maggioli-10: 0 51 147;
72
72
  --brand-maggioli: 0 55 158;
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;
73
+ --brand-maggioli-editore-01: 242 243 244;
74
+ --brand-maggioli-editore-02: 228 230 236;
75
+ --brand-maggioli-editore-03: 212 218 230;
76
+ --brand-maggioli-editore-04: 191 201 225;
77
77
  --brand-maggioli-editore-05: 172 187 223;
78
- --brand-maggioli-editore-06: 117 149 224;
78
+ --brand-maggioli-editore-06: 114 147 224;
79
79
  --brand-maggioli-editore-07: 74 120 229;
80
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
+ --brand-maggioli-editore-09: 15 69 198;
82
+ --brand-maggioli-editore-10: 21 55 135;
83
83
  --brand-maggioli-editore: 15 74 213;
84
84
  }
85
85
  }