@maggioli-design-system/styles 14.3.2 → 15.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.
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -30,7 +30,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
30
30
  --brand-synbee: #ffc300;
31
31
  }
32
32
 
33
- :root.dark-mode {
33
+ :root.pref-theme-dark {
34
34
  --brand-synbee-eolo-01: #e3e9f3;
35
35
  --brand-synbee-eolo-02: #a3b6d8;
36
36
  --brand-synbee-eolo-03: #8ea6cf;
@@ -56,7 +56,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
56
56
  }
57
57
 
58
58
  @media (prefers-color-scheme: dark) {
59
- :root.system-mode {
59
+ :root.pref-theme-system {
60
60
  --brand-synbee-eolo-01: #e3e9f3;
61
61
  --brand-synbee-eolo-02: #a3b6d8;
62
62
  --brand-synbee-eolo-03: #8ea6cf;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -30,7 +30,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
30
30
  --brand-maggioli-editore: #0f4ad5;
31
31
  }
32
32
 
33
- :root.dark-mode {
33
+ :root.pref-theme-dark {
34
34
  --brand-maggioli-01: #e6e8ec;
35
35
  --brand-maggioli-02: #a3b6db;
36
36
  --brand-maggioli-03: #89a5da;
@@ -56,7 +56,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
56
56
  }
57
57
 
58
58
  @media (prefers-color-scheme: dark) {
59
- :root.system-mode {
59
+ :root.pref-theme-system {
60
60
  --brand-maggioli-01: #e6e8ec;
61
61
  --brand-maggioli-02: #a3b6db;
62
62
  --brand-maggioli-03: #89a5da;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -194,7 +194,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
194
194
  --theme-default-07-primary-background: #ffffff;
195
195
  }
196
196
 
197
- :root.dark-mode {
197
+ :root.pref-theme-dark {
198
198
  --tone-neutral-01: #e1e1e1;
199
199
  --tone-neutral-02: #d8d8d8;
200
200
  --tone-neutral-03: #b5b5b5;
@@ -384,7 +384,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
384
384
  }
385
385
 
386
386
  @media (prefers-color-scheme: dark) {
387
- :root.system-mode {
387
+ :root.pref-theme-system {
388
388
  --tone-neutral-01: #e1e1e1;
389
389
  --tone-neutral-02: #d8d8d8;
390
390
  --tone-neutral-03: #b5b5b5;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -118,7 +118,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
118
118
  --label-orange: #f17032;
119
119
  }
120
120
 
121
- :root.dark-mode {
121
+ :root.pref-theme-dark {
122
122
  --label-amaranth-01: #fce2e9;
123
123
  --label-amaranth-02: #f59cb4;
124
124
  --label-amaranth-03: #f2819f;
@@ -232,7 +232,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
232
232
  }
233
233
 
234
234
  @media (prefers-color-scheme: dark) {
235
- :root.system-mode {
235
+ :root.pref-theme-system {
236
236
  --label-amaranth-01: #fce2e9;
237
237
  --label-amaranth-02: #f59cb4;
238
238
  --label-amaranth-03: #f2819f;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -52,7 +52,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
52
52
  --status-warning: #ffc107;
53
53
  }
54
54
 
55
- :root.dark-mode {
55
+ :root.pref-theme-dark {
56
56
  --status-info-01: #d2edf9;
57
57
  --status-info-02: #61c1e7;
58
58
  --status-info-03: #22b1e0;
@@ -100,7 +100,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
100
100
  }
101
101
 
102
102
  @media (prefers-color-scheme: dark) {
103
- :root.system-mode {
103
+ :root.pref-theme-system {
104
104
  --status-info-01: #d2edf9;
105
105
  --status-info-02: #61c1e7;
106
106
  --status-info-03: #22b1e0;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -344,7 +344,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
344
344
  --label-orange-v1: #f17032;
345
345
  }
346
346
 
347
- :root.dark-mode {
347
+ :root.pref-theme-dark {
348
348
  --brand-eolo-v1-01: #d1daeb;
349
349
  --brand-eolo-v1-02: #bac8e2;
350
350
  --brand-eolo-v1-03: #a3b6d8;
@@ -684,7 +684,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
684
684
  }
685
685
 
686
686
  @media (prefers-color-scheme: dark) {
687
- :root.system-mode {
687
+ :root.pref-theme-system {
688
688
  --brand-eolo-v1-01: #d1daeb;
689
689
  --brand-eolo-v1-02: #bac8e2;
690
690
  --brand-eolo-v1-03: #a3b6d8;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -63,7 +63,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
63
63
  --tone-stone: #ffffff;
64
64
  }
65
65
 
66
- :root.dark-mode {
66
+ :root.pref-theme-dark {
67
67
  --tone-slate-01: #dde1e8;
68
68
  --tone-slate-02: #d2d8e1;
69
69
  --tone-slate-03: #abb6c7;
@@ -122,7 +122,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
122
122
  }
123
123
 
124
124
  @media (prefers-color-scheme: dark) {
125
- :root.system-mode {
125
+ :root.pref-theme-system {
126
126
  --tone-slate-01: #dde1e8;
127
127
  --tone-slate-02: #d2d8e1;
128
128
  --tone-slate-03: #abb6c7;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:44 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -629,7 +629,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
629
629
  --theme-default-07-primary-background: #ffffff;
630
630
  }
631
631
 
632
- :root.dark-mode {
632
+ :root.pref-theme-dark {
633
633
  --tone-slate-01: #dde1e8;
634
634
  --tone-slate-02: #d2d8e1;
635
635
  --tone-slate-03: #abb6c7;
@@ -1254,7 +1254,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
1254
1254
  }
1255
1255
 
1256
1256
  @media (prefers-color-scheme: dark) {
1257
- :root.system-mode {
1257
+ :root.pref-theme-system {
1258
1258
  --tone-slate-01: #dde1e8;
1259
1259
  --tone-slate-02: #d2d8e1;
1260
1260
  --tone-slate-03: #abb6c7;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -30,7 +30,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
30
30
  --brand-synbee: 255 195 0;
31
31
  }
32
32
 
33
- :root.dark-mode {
33
+ :root.pref-theme-dark {
34
34
  --brand-synbee-eolo-01: 227 233 243;
35
35
  --brand-synbee-eolo-02: 163 182 216;
36
36
  --brand-synbee-eolo-03: 142 166 207;
@@ -56,7 +56,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
56
56
  }
57
57
 
58
58
  @media (prefers-color-scheme: dark) {
59
- :root.system-mode {
59
+ :root.pref-theme-system {
60
60
  --brand-synbee-eolo-01: 227 233 243;
61
61
  --brand-synbee-eolo-02: 163 182 216;
62
62
  --brand-synbee-eolo-03: 142 166 207;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -30,7 +30,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
30
30
  --brand-maggioli-editore: 15 74 213;
31
31
  }
32
32
 
33
- :root.dark-mode {
33
+ :root.pref-theme-dark {
34
34
  --brand-maggioli-01: 230 232 236;
35
35
  --brand-maggioli-02: 163 182 219;
36
36
  --brand-maggioli-03: 137 165 218;
@@ -56,7 +56,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
56
56
  }
57
57
 
58
58
  @media (prefers-color-scheme: dark) {
59
- :root.system-mode {
59
+ :root.pref-theme-system {
60
60
  --brand-maggioli-01: 230 232 236;
61
61
  --brand-maggioli-02: 163 182 219;
62
62
  --brand-maggioli-03: 137 165 218;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -194,7 +194,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
194
194
  --theme-default-07-primary-background: 255 255 255;
195
195
  }
196
196
 
197
- :root.dark-mode {
197
+ :root.pref-theme-dark {
198
198
  --tone-neutral-01: 225 225 225;
199
199
  --tone-neutral-02: 216 216 216;
200
200
  --tone-neutral-03: 181 181 181;
@@ -384,7 +384,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
384
384
  }
385
385
 
386
386
  @media (prefers-color-scheme: dark) {
387
- :root.system-mode {
387
+ :root.pref-theme-system {
388
388
  --tone-neutral-01: 225 225 225;
389
389
  --tone-neutral-02: 216 216 216;
390
390
  --tone-neutral-03: 181 181 181;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -118,7 +118,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
118
118
  --label-orange: 241 112 50;
119
119
  }
120
120
 
121
- :root.dark-mode {
121
+ :root.pref-theme-dark {
122
122
  --label-amaranth-01: 252 226 233;
123
123
  --label-amaranth-02: 245 156 180;
124
124
  --label-amaranth-03: 242 129 159;
@@ -232,7 +232,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
232
232
  }
233
233
 
234
234
  @media (prefers-color-scheme: dark) {
235
- :root.system-mode {
235
+ :root.pref-theme-system {
236
236
  --label-amaranth-01: 252 226 233;
237
237
  --label-amaranth-02: 245 156 180;
238
238
  --label-amaranth-03: 242 129 159;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -52,7 +52,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
52
52
  --status-warning: 255 193 7;
53
53
  }
54
54
 
55
- :root.dark-mode {
55
+ :root.pref-theme-dark {
56
56
  --status-info-01: 210 237 249;
57
57
  --status-info-02: 97 193 231;
58
58
  --status-info-03: 34 177 224;
@@ -100,7 +100,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
100
100
  }
101
101
 
102
102
  @media (prefers-color-scheme: dark) {
103
- :root.system-mode {
103
+ :root.pref-theme-system {
104
104
  --status-info-01: 210 237 249;
105
105
  --status-info-02: 97 193 231;
106
106
  --status-info-03: 34 177 224;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -344,7 +344,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
344
344
  --label-orange-v1: 241 112 50;
345
345
  }
346
346
 
347
- :root.dark-mode {
347
+ :root.pref-theme-dark {
348
348
  --brand-eolo-v1-01: 209 218 235;
349
349
  --brand-eolo-v1-02: 186 200 226;
350
350
  --brand-eolo-v1-03: 163 182 216;
@@ -684,7 +684,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
684
684
  }
685
685
 
686
686
  @media (prefers-color-scheme: dark) {
687
- :root.system-mode {
687
+ :root.pref-theme-system {
688
688
  --brand-eolo-v1-01: 209 218 235;
689
689
  --brand-eolo-v1-02: 186 200 226;
690
690
  --brand-eolo-v1-03: 163 182 216;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:45 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -63,7 +63,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
63
63
  --tone-stone: 255 255 255;
64
64
  }
65
65
 
66
- :root.dark-mode {
66
+ :root.pref-theme-dark {
67
67
  --tone-slate-01: 221 225 232;
68
68
  --tone-slate-02: 210 216 225;
69
69
  --tone-slate-03: 171 182 199;
@@ -122,7 +122,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
122
122
  }
123
123
 
124
124
  @media (prefers-color-scheme: dark) {
125
- :root.system-mode {
125
+ :root.pref-theme-system {
126
126
  --tone-slate-01: 221 225 232;
127
127
  --tone-slate-02: 210 216 225;
128
128
  --tone-slate-03: 171 182 199;
@@ -1,8 +1,8 @@
1
1
  /*
2
- @magma-design-system/design-tokens v12.0.1
2
+ @magma-design-system/design-tokens v13.0.0
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Thu, 11 Apr 2024 09:04:37 GMT
5
+ Generated at Fri, 23 Aug 2024 14:21:44 GMT
6
6
  */
7
7
 
8
8
  :root {
@@ -629,7 +629,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
629
629
  --theme-default-07-primary-background: 255 255 255;
630
630
  }
631
631
 
632
- :root.dark-mode {
632
+ :root.pref-theme-dark {
633
633
  --tone-slate-01: 221 225 232;
634
634
  --tone-slate-02: 210 216 225;
635
635
  --tone-slate-03: 171 182 199;
@@ -1254,7 +1254,7 @@ Generated at Thu, 11 Apr 2024 09:04:37 GMT
1254
1254
  }
1255
1255
 
1256
1256
  @media (prefers-color-scheme: dark) {
1257
- :root.system-mode {
1257
+ :root.pref-theme-system {
1258
1258
  --tone-slate-01: 221 225 232;
1259
1259
  --tone-slate-02: 210 216 225;
1260
1260
  --tone-slate-03: 171 182 199;
@@ -11,11 +11,11 @@
11
11
  --magma-modal-z-index: 3000;
12
12
  --magma-notification-z-index: 2000;
13
13
  --magma-outline-animation-duration: 1.5s;
14
- --magma-outline-blur-offset: 6px;
15
14
  --magma-outline-blur-color: transparent;
15
+ --magma-outline-blur-offset: 6px;
16
16
  --magma-outline-blur: 2px solid var(--magma-outline-blur-color);
17
- --magma-outline-focus-offset: 2px;
18
17
  --magma-outline-focus-color: rgb(var(--tone-neutral-04, 0 0 0));
18
+ --magma-outline-focus-offset: 2px;
19
19
  --magma-outline-focus: 2px solid var(--magma-outline-focus-color);
20
20
  --magma-overlay-blur: var(--magma-backdrop-blur);
21
21
  --magma-overlay-color: var(--magma-backdrop-color);
@@ -23,5 +23,6 @@
23
23
  --magma-overlay: rgba(var(--magma-overlay-color) / var(--magma-overlay-opacity));
24
24
  --magma-selection-background: rgb(var(--label-sky-09));
25
25
  --magma-selection-color: rgb(var(--label-sky-01));
26
+ --magma-theme-overlay-z-index: 6000;
26
27
  --magma-tooltip-z-index: 6000;
27
28
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/styles",
3
- "version": "14.3.2",
3
+ "version": "15.0.0",
4
4
  "description": "This module contains SCSS and CSS styles used by Maggioli Design System, it also makes available a Tailwind config based on Maggioli design tokens.",
5
5
  "main": "./tailwind.config.js",
6
6
  "scripts": {
@@ -45,7 +45,7 @@
45
45
  "@fontsource/merriweather": "5.0.12",
46
46
  "@fontsource/roboto": "5.0.12",
47
47
  "@fontsource/roboto-mono": "5.0.17",
48
- "@maggioli-design-system/design-tokens": "12.0.1",
48
+ "@maggioli-design-system/design-tokens": "13.0.0",
49
49
  "normalize.css": "8.0.1"
50
50
  },
51
51
  "devDependencies": {