@maggioli-design-system/styles 16.0.0 → 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 +55 -3
  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 +237 -253
  31. package/dist/css/utility-typography.css +254 -0
  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 +12 -6
  39. package/tailwind.config.js +2 -2
package/dist/css/colors-rgb-tones.css CHANGED
@@ -1,184 +1,184 @@
1
1
  /*
2
- @magma-design-system/design-tokens v14.0.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 08:22:20 GMT
5
+ Generated at Wed, 30 Sep 2026 14:38:45 GMT
6
6
  */
7
7
 
8
8
  :root {
9
- --tone-porcelain-01: 0 0 0;
9
+ --tone-porcelain-01: 4 5 6;
10
10
  --tone-porcelain-02: 35 43 53;
11
- --tone-porcelain-03: 53 65 81;
12
- --tone-porcelain-04: 75 90 113;
13
- --tone-porcelain-05: 98 118 147;
14
- --tone-porcelain-06: 149 163 184;
15
- --tone-porcelain-07: 174 185 201;
11
+ --tone-porcelain-03: 61 73 91;
12
+ --tone-porcelain-04: 83 100 125;
13
+ --tone-porcelain-05: 99 120 150;
14
+ --tone-porcelain-06: 153 168 187;
15
+ --tone-porcelain-07: 179 189 204;
16
16
  --tone-porcelain-08: 201 208 219;
17
- --tone-porcelain-09: 225 229 235;
18
- --tone-porcelain-10: 236 238 242;
19
- --tone-porcelain: 255 255 255;
20
- --tone-kaolin-01: 0 0 0;
17
+ --tone-porcelain-09: 221 226 232;
18
+ --tone-porcelain-10: 235 237 241;
19
+ --tone-porcelain-seed: 255 255 255;
20
+ --tone-kaolin-01: 5 5 6;
21
21
  --tone-kaolin-02: 39 42 48;
22
- --tone-kaolin-03: 59 64 73;
23
- --tone-kaolin-04: 83 90 103;
24
- --tone-kaolin-05: 108 118 134;
25
- --tone-kaolin-06: 155 162 175;
26
- --tone-kaolin-07: 180 185 194;
22
+ --tone-kaolin-03: 67 72 82;
23
+ --tone-kaolin-04: 91 99 113;
24
+ --tone-kaolin-05: 110 119 136;
25
+ --tone-kaolin-06: 160 166 178;
26
+ --tone-kaolin-07: 183 188 197;
27
27
  --tone-kaolin-08: 205 208 215;
28
- --tone-kaolin-09: 227 229 232;
29
- --tone-kaolin-10: 237 238 241;
30
- --tone-kaolin: 255 255 255;
31
- --tone-neutral-01: 0 0 0;
28
+ --tone-kaolin-09: 223 225 229;
29
+ --tone-kaolin-10: 236 237 240;
30
+ --tone-kaolin-seed: 255 255 255;
31
+ --tone-neutral-01: 5 5 5;
32
32
  --tone-neutral-02: 42 42 42;
33
- --tone-neutral-03: 64 64 64;
34
- --tone-neutral-04: 89 89 89;
35
- --tone-neutral-05: 117 117 117;
36
- --tone-neutral-06: 162 162 162;
37
- --tone-neutral-07: 184 184 184;
33
+ --tone-neutral-03: 73 73 73;
34
+ --tone-neutral-04: 99 99 99;
35
+ --tone-neutral-05: 119 119 119;
36
+ --tone-neutral-06: 165 165 165;
37
+ --tone-neutral-07: 188 188 188;
38
38
  --tone-neutral-08: 208 208 208;
39
- --tone-neutral-09: 228 228 228;
40
- --tone-neutral-10: 238 238 238;
41
- --tone-neutral: 255 255 255;
42
- --tone-fireclay-01: 0 0 0;
39
+ --tone-neutral-09: 225 225 225;
40
+ --tone-neutral-10: 237 237 237;
41
+ --tone-neutral-seed: 255 255 255;
42
+ --tone-fireclay-01: 6 5 5;
43
43
  --tone-fireclay-02: 46 41 37;
44
- --tone-fireclay-03: 70 64 57;
45
- --tone-fireclay-04: 98 88 79;
46
- --tone-fireclay-05: 127 115 103;
47
- --tone-fireclay-06: 170 160 151;
48
- --tone-fireclay-07: 191 184 176;
44
+ --tone-fireclay-03: 79 71 64;
45
+ --tone-fireclay-04: 108 97 87;
46
+ --tone-fireclay-05: 130 117 105;
47
+ --tone-fireclay-06: 174 165 155;
48
+ --tone-fireclay-07: 195 187 180;
49
49
  --tone-fireclay-08: 212 207 203;
50
- --tone-fireclay-09: 231 228 226;
51
- --tone-fireclay-10: 240 238 237;
52
- --tone-fireclay: 255 255 255;
53
- --tone-bisque-01: 0 0 0;
50
+ --tone-fireclay-09: 228 225 221;
51
+ --tone-fireclay-10: 238 237 235;
52
+ --tone-fireclay-seed: 255 255 255;
53
+ --tone-bisque-01: 6 5 5;
54
54
  --tone-bisque-02: 48 41 39;
55
- --tone-bisque-03: 73 61 58;
56
- --tone-bisque-04: 102 86 82;
57
- --tone-bisque-05: 133 112 106;
58
- --tone-bisque-06: 174 159 154;
59
- --tone-bisque-07: 194 182 179;
55
+ --tone-bisque-03: 82 69 66;
56
+ --tone-bisque-04: 113 96 90;
57
+ --tone-bisque-05: 135 115 108;
58
+ --tone-bisque-06: 178 163 158;
59
+ --tone-bisque-07: 197 186 183;
60
60
  --tone-bisque-08: 214 206 204;
61
- --tone-bisque-09: 232 228 227;
62
- --tone-bisque-10: 240 238 237;
63
- --tone-bisque: 255 255 255;
61
+ --tone-bisque-09: 229 224 223;
62
+ --tone-bisque-10: 239 236 236;
63
+ --tone-bisque-seed: 255 255 255;
64
64
  }
65
65
 
66
- :root:not(.pref-theme-scheme-light).pref-theme-dark,
66
+ :root:not(.pref-theme-scheme-light).pref-mode-dark,
67
67
  :root.pref-theme-scheme-dark {
68
- --tone-porcelain-01: 255 255 255;
68
+ --tone-porcelain-01: 252 252 253;
69
69
  --tone-porcelain-02: 243 244 247;
70
- --tone-porcelain-03: 230 234 239;
71
- --tone-porcelain-04: 213 219 227;
72
- --tone-porcelain-05: 189 198 211;
73
- --tone-porcelain-06: 144 159 181;
74
- --tone-porcelain-07: 117 137 164;
70
+ --tone-porcelain-03: 225 229 235;
71
+ --tone-porcelain-04: 205 212 221;
72
+ --tone-porcelain-05: 187 197 210;
73
+ --tone-porcelain-06: 140 156 178;
74
+ --tone-porcelain-07: 112 132 160;
75
75
  --tone-porcelain-08: 89 107 134;
76
- --tone-porcelain-09: 64 77 96;
77
- --tone-porcelain-10: 51 62 77;
78
- --tone-porcelain: 0 0 0;
79
- --tone-kaolin-01: 255 255 255;
76
+ --tone-porcelain-09: 69 83 103;
77
+ --tone-porcelain-10: 52 63 79;
78
+ --tone-porcelain-seed: 0 0 0;
79
+ --tone-kaolin-01: 252 252 253;
80
80
  --tone-kaolin-02: 244 244 246;
81
- --tone-kaolin-03: 232 233 236;
82
- --tone-kaolin-04: 215 218 223;
83
- --tone-kaolin-05: 194 198 206;
84
- --tone-kaolin-06: 151 159 171;
85
- --tone-kaolin-07: 126 135 151;
81
+ --tone-kaolin-03: 227 229 233;
82
+ --tone-kaolin-04: 208 211 217;
83
+ --tone-kaolin-05: 192 196 204;
84
+ --tone-kaolin-06: 148 155 168;
85
+ --tone-kaolin-07: 122 132 148;
86
86
  --tone-kaolin-08: 99 107 122;
87
- --tone-kaolin-09: 71 77 88;
88
- --tone-kaolin-10: 56 60 69;
89
- --tone-kaolin: 0 0 0;
90
- --tone-neutral-01: 255 255 255;
87
+ --tone-kaolin-09: 76 82 94;
88
+ --tone-kaolin-10: 58 63 71;
89
+ --tone-kaolin-seed: 0 0 0;
90
+ --tone-neutral-01: 252 252 252;
91
91
  --tone-neutral-02: 244 244 244;
92
- --tone-neutral-03: 233 233 233;
93
- --tone-neutral-04: 218 218 218;
94
- --tone-neutral-05: 197 197 197;
95
- --tone-neutral-06: 158 158 158;
96
- --tone-neutral-07: 134 134 134;
92
+ --tone-neutral-03: 228 228 228;
93
+ --tone-neutral-04: 211 211 211;
94
+ --tone-neutral-05: 196 196 196;
95
+ --tone-neutral-06: 154 154 154;
96
+ --tone-neutral-07: 130 130 130;
97
97
  --tone-neutral-08: 107 107 107;
98
- --tone-neutral-09: 76 76 76;
99
- --tone-neutral-10: 60 60 60;
100
- --tone-neutral: 0 0 0;
101
- --tone-fireclay-01: 255 255 255;
98
+ --tone-neutral-09: 83 83 83;
99
+ --tone-neutral-10: 62 62 62;
100
+ --tone-neutral-seed: 0 0 0;
101
+ --tone-fireclay-01: 253 252 252;
102
102
  --tone-fireclay-02: 246 244 243;
103
- --tone-fireclay-03: 236 233 231;
104
- --tone-fireclay-04: 221 217 214;
105
- --tone-fireclay-05: 203 197 190;
106
- --tone-fireclay-06: 167 156 146;
107
- --tone-fireclay-07: 145 132 120;
103
+ --tone-fireclay-03: 231 228 226;
104
+ --tone-fireclay-04: 215 210 206;
105
+ --tone-fireclay-05: 202 195 189;
106
+ --tone-fireclay-06: 163 153 142;
107
+ --tone-fireclay-07: 142 128 115;
108
108
  --tone-fireclay-08: 115 105 94;
109
- --tone-fireclay-09: 83 75 68;
110
- --tone-fireclay-10: 66 59 53;
111
- --tone-fireclay: 0 0 0;
112
- --tone-bisque-01: 255 255 255;
109
+ --tone-fireclay-09: 89 81 72;
110
+ --tone-fireclay-10: 68 61 55;
111
+ --tone-fireclay-seed: 0 0 0;
112
+ --tone-bisque-01: 252 252 252;
113
113
  --tone-bisque-02: 246 245 244;
114
- --tone-bisque-03: 236 233 232;
115
- --tone-bisque-04: 223 216 215;
116
- --tone-bisque-05: 205 196 193;
117
- --tone-bisque-06: 171 155 150;
118
- --tone-bisque-07: 151 130 124;
114
+ --tone-bisque-03: 232 228 227;
115
+ --tone-bisque-04: 217 210 207;
116
+ --tone-bisque-05: 204 194 191;
117
+ --tone-bisque-06: 168 151 146;
118
+ --tone-bisque-07: 147 126 120;
119
119
  --tone-bisque-08: 121 103 97;
120
- --tone-bisque-09: 87 74 70;
121
- --tone-bisque-10: 69 58 55;
122
- --tone-bisque: 0 0 0;
120
+ --tone-bisque-09: 94 79 75;
121
+ --tone-bisque-10: 71 60 57;
122
+ --tone-bisque-seed: 0 0 0;
123
123
  }
124
124
 
125
125
  @media (prefers-color-scheme: dark) {
126
- :root:not(.pref-theme-scheme-light).pref-theme-system,
126
+ :root:not(.pref-theme-scheme-light).pref-mode-system,
127
127
  :root:not([data-magma-pref]) {
128
- --tone-porcelain-01: 255 255 255;
128
+ --tone-porcelain-01: 252 252 253;
129
129
  --tone-porcelain-02: 243 244 247;
130
- --tone-porcelain-03: 230 234 239;
131
- --tone-porcelain-04: 213 219 227;
132
- --tone-porcelain-05: 189 198 211;
133
- --tone-porcelain-06: 144 159 181;
134
- --tone-porcelain-07: 117 137 164;
130
+ --tone-porcelain-03: 225 229 235;
131
+ --tone-porcelain-04: 205 212 221;
132
+ --tone-porcelain-05: 187 197 210;
133
+ --tone-porcelain-06: 140 156 178;
134
+ --tone-porcelain-07: 112 132 160;
135
135
  --tone-porcelain-08: 89 107 134;
136
- --tone-porcelain-09: 64 77 96;
137
- --tone-porcelain-10: 51 62 77;
138
- --tone-porcelain: 0 0 0;
139
- --tone-kaolin-01: 255 255 255;
136
+ --tone-porcelain-09: 69 83 103;
137
+ --tone-porcelain-10: 52 63 79;
138
+ --tone-porcelain-seed: 0 0 0;
139
+ --tone-kaolin-01: 252 252 253;
140
140
  --tone-kaolin-02: 244 244 246;
141
- --tone-kaolin-03: 232 233 236;
142
- --tone-kaolin-04: 215 218 223;
143
- --tone-kaolin-05: 194 198 206;
144
- --tone-kaolin-06: 151 159 171;
145
- --tone-kaolin-07: 126 135 151;
141
+ --tone-kaolin-03: 227 229 233;
142
+ --tone-kaolin-04: 208 211 217;
143
+ --tone-kaolin-05: 192 196 204;
144
+ --tone-kaolin-06: 148 155 168;
145
+ --tone-kaolin-07: 122 132 148;
146
146
  --tone-kaolin-08: 99 107 122;
147
- --tone-kaolin-09: 71 77 88;
148
- --tone-kaolin-10: 56 60 69;
149
- --tone-kaolin: 0 0 0;
150
- --tone-neutral-01: 255 255 255;
147
+ --tone-kaolin-09: 76 82 94;
148
+ --tone-kaolin-10: 58 63 71;
149
+ --tone-kaolin-seed: 0 0 0;
150
+ --tone-neutral-01: 252 252 252;
151
151
  --tone-neutral-02: 244 244 244;
152
- --tone-neutral-03: 233 233 233;
153
- --tone-neutral-04: 218 218 218;
154
- --tone-neutral-05: 197 197 197;
155
- --tone-neutral-06: 158 158 158;
156
- --tone-neutral-07: 134 134 134;
152
+ --tone-neutral-03: 228 228 228;
153
+ --tone-neutral-04: 211 211 211;
154
+ --tone-neutral-05: 196 196 196;
155
+ --tone-neutral-06: 154 154 154;
156
+ --tone-neutral-07: 130 130 130;
157
157
  --tone-neutral-08: 107 107 107;
158
- --tone-neutral-09: 76 76 76;
159
- --tone-neutral-10: 60 60 60;
160
- --tone-neutral: 0 0 0;
161
- --tone-fireclay-01: 255 255 255;
158
+ --tone-neutral-09: 83 83 83;
159
+ --tone-neutral-10: 62 62 62;
160
+ --tone-neutral-seed: 0 0 0;
161
+ --tone-fireclay-01: 253 252 252;
162
162
  --tone-fireclay-02: 246 244 243;
163
- --tone-fireclay-03: 236 233 231;
164
- --tone-fireclay-04: 221 217 214;
165
- --tone-fireclay-05: 203 197 190;
166
- --tone-fireclay-06: 167 156 146;
167
- --tone-fireclay-07: 145 132 120;
163
+ --tone-fireclay-03: 231 228 226;
164
+ --tone-fireclay-04: 215 210 206;
165
+ --tone-fireclay-05: 202 195 189;
166
+ --tone-fireclay-06: 163 153 142;
167
+ --tone-fireclay-07: 142 128 115;
168
168
  --tone-fireclay-08: 115 105 94;
169
- --tone-fireclay-09: 83 75 68;
170
- --tone-fireclay-10: 66 59 53;
171
- --tone-fireclay: 0 0 0;
172
- --tone-bisque-01: 255 255 255;
169
+ --tone-fireclay-09: 89 81 72;
170
+ --tone-fireclay-10: 68 61 55;
171
+ --tone-fireclay-seed: 0 0 0;
172
+ --tone-bisque-01: 252 252 252;
173
173
  --tone-bisque-02: 246 245 244;
174
- --tone-bisque-03: 236 233 232;
175
- --tone-bisque-04: 223 216 215;
176
- --tone-bisque-05: 205 196 193;
177
- --tone-bisque-06: 171 155 150;
178
- --tone-bisque-07: 151 130 124;
174
+ --tone-bisque-03: 232 228 227;
175
+ --tone-bisque-04: 217 210 207;
176
+ --tone-bisque-05: 204 194 191;
177
+ --tone-bisque-06: 168 151 146;
178
+ --tone-bisque-07: 147 126 120;
179
179
  --tone-bisque-08: 121 103 97;
180
- --tone-bisque-09: 87 74 70;
181
- --tone-bisque-10: 69 58 55;
182
- --tone-bisque: 0 0 0;
180
+ --tone-bisque-09: 94 79 75;
181
+ --tone-bisque-10: 71 60 57;
182
+ --tone-bisque-seed: 0 0 0;
183
183
  }
184
184
  }