@maggioli-design-system/styles 11.1.0 → 11.3.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 (17) hide show
  1. package/dist/css/base.css +1 -0
  2. package/dist/css/colors-hex-brand-synbee.css +22 -22
  3. package/dist/css/colors-hex-brand.css +34 -1
  4. package/dist/css/colors-hex-label.css +1 -1
  5. package/dist/css/colors-hex-status.css +1 -1
  6. package/dist/css/colors-hex-tones.css +1 -1
  7. package/dist/css/colors-hex.css +55 -22
  8. package/dist/css/colors-rgb-brand-synbee.css +22 -22
  9. package/dist/css/colors-rgb-brand.css +34 -1
  10. package/dist/css/colors-rgb-label.css +1 -1
  11. package/dist/css/colors-rgb-status.css +1 -1
  12. package/dist/css/colors-rgb-tones.css +1 -1
  13. package/dist/css/colors-rgb.css +55 -22
  14. package/dist/css/globals.css +1 -0
  15. package/dist/tailwind/components.css +21 -5
  16. package/package.json +2 -2
  17. package/tailwind.config.js +9 -4
package/dist/css/base.css CHANGED
@@ -18,6 +18,7 @@ body{
18
18
  -webkit-tap-highlight-color: transparent;
19
19
  text-rendering: optimizelegibility;
20
20
  -webkit-text-size-adjust: 100%;
21
+ -moz-text-size-adjust: 100%;
21
22
  text-size-adjust: 100%;
22
23
  }
23
24
  ::-moz-selection {
package/dist/css/colors-hex-brand-synbee.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:16 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
@@ -38,16 +38,16 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
38
38
  --brand-synbee-eolo-v1-20: #f6f8fb;
39
39
  --brand-synbee-eolo-v1: #597cb9;
40
40
  --brand-synbee-01: #513e00;
41
- --brand-synbee-02: #5e4800;
41
+ --brand-synbee-02: #5d4700;
42
42
  --brand-synbee-03: #735800;
43
43
  --brand-synbee-04: #896900;
44
44
  --brand-synbee-05: #a67f00;
45
- --brand-synbee-06: #c99b00;
46
- --brand-synbee-07: #efb800;
47
- --brand-synbee-08: #ffd446;
48
- --brand-synbee-09: #ffe89a;
49
- --brand-synbee-10: #fff5d5;
50
- --brand-synbee: #ffcf30;
45
+ --brand-synbee-06: #ca9a00;
46
+ --brand-synbee-07: #f0b800;
47
+ --brand-synbee-08: #ffd448;
48
+ --brand-synbee-09: #ffe696;
49
+ --brand-synbee-10: #fff5d3;
50
+ --brand-synbee: #ffc300;
51
51
  --adjust-tone-01: #262626;
52
52
  --adjust-tone-02: #343434;
53
53
  --adjust-tone-03: #404040;
@@ -104,17 +104,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
104
104
  --brand-synbee-eolo-v1-19: #0b101a;
105
105
  --brand-synbee-eolo-v1-20: #06090f;
106
106
  --brand-synbee-eolo-v1: #597cb9;
107
- --brand-synbee-01: #e2ae00;
108
- --brand-synbee-02: #d1a000;
109
- --brand-synbee-03: #b68c00;
110
- --brand-synbee-04: #9d7800;
107
+ --brand-synbee-01: #e3ad00;
108
+ --brand-synbee-02: #d2a000;
109
+ --brand-synbee-03: #b68b00;
110
+ --brand-synbee-04: #9e7800;
111
111
  --brand-synbee-05: #816300;
112
112
  --brand-synbee-06: #644c00;
113
113
  --brand-synbee-07: #483700;
114
- --brand-synbee-08: #332700;
115
- --brand-synbee-09: #231b00;
114
+ --brand-synbee-08: #322700;
115
+ --brand-synbee-09: #221a00;
116
116
  --brand-synbee-10: #120e00;
117
- --brand-synbee: #ffcf30;
117
+ --brand-synbee: #ffc300;
118
118
  --adjust-tone-01: #d9d9d9;
119
119
  --adjust-tone-02: #c7c7c7;
120
120
  --adjust-tone-03: #b5b5b5;
@@ -172,17 +172,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
172
172
  --brand-synbee-eolo-v1-19: #0b101a;
173
173
  --brand-synbee-eolo-v1-20: #06090f;
174
174
  --brand-synbee-eolo-v1: #597cb9;
175
- --brand-synbee-01: #e2ae00;
176
- --brand-synbee-02: #d1a000;
177
- --brand-synbee-03: #b68c00;
178
- --brand-synbee-04: #9d7800;
175
+ --brand-synbee-01: #e3ad00;
176
+ --brand-synbee-02: #d2a000;
177
+ --brand-synbee-03: #b68b00;
178
+ --brand-synbee-04: #9e7800;
179
179
  --brand-synbee-05: #816300;
180
180
  --brand-synbee-06: #644c00;
181
181
  --brand-synbee-07: #483700;
182
- --brand-synbee-08: #332700;
183
- --brand-synbee-09: #231b00;
182
+ --brand-synbee-08: #322700;
183
+ --brand-synbee-09: #221a00;
184
184
  --brand-synbee-10: #120e00;
185
- --brand-synbee: #ffcf30;
185
+ --brand-synbee: #ffc300;
186
186
  --adjust-tone-01: #d9d9d9;
187
187
  --adjust-tone-02: #c7c7c7;
188
188
  --adjust-tone-03: #b5b5b5;
package/dist/css/colors-hex-brand.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:16 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
@@ -16,6 +16,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
16
16
  --brand-maggioli-09: #e6e9ed;
17
17
  --brand-maggioli-10: #f4f5f6;
18
18
  --brand-maggioli: #00379e;
19
+ --brand-maggioli-editore-01: #133993;
20
+ --brand-maggioli-editore-02: #1040b2;
21
+ --brand-maggioli-editore-03: #104ddd;
22
+ --brand-maggioli-editore-04: #2b63e9;
23
+ --brand-maggioli-editore-05: #5781e3;
24
+ --brand-maggioli-editore-06: #86a1df;
25
+ --brand-maggioli-editore-07: #b2c0e0;
26
+ --brand-maggioli-editore-08: #d2d8e5;
27
+ --brand-maggioli-editore-09: #e6e8ed;
28
+ --brand-maggioli-editore-10: #f4f5f6;
29
+ --brand-maggioli-editore: #0f4ad5;
19
30
  }
20
31
 
21
32
  :root.dark-mode {
@@ -30,6 +41,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
30
41
  --brand-maggioli-09: #0c1b37;
31
42
  --brand-maggioli-10: #0b0e14;
32
43
  --brand-maggioli: #00379e;
44
+ --brand-maggioli-editore-01: #a4b5df;
45
+ --brand-maggioli-editore-02: #8fa7df;
46
+ --brand-maggioli-editore-03: #6d8fe1;
47
+ --brand-maggioli-editore-04: #4a78e5;
48
+ --brand-maggioli-editore-05: #1c5aeb;
49
+ --brand-maggioli-editore-06: #0f43be;
50
+ --brand-maggioli-editore-07: #16347c;
51
+ --brand-maggioli-editore-08: #192748;
52
+ --brand-maggioli-editore-09: #151b28;
53
+ --brand-maggioli-editore-10: #0e1014;
54
+ --brand-maggioli-editore: #0f4ad5;
33
55
  }
34
56
 
35
57
  @media (prefers-color-scheme: dark) {
@@ -45,5 +67,16 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
45
67
  --brand-maggioli-09: #0c1b37;
46
68
  --brand-maggioli-10: #0b0e14;
47
69
  --brand-maggioli: #00379e;
70
+ --brand-maggioli-editore-01: #a4b5df;
71
+ --brand-maggioli-editore-02: #8fa7df;
72
+ --brand-maggioli-editore-03: #6d8fe1;
73
+ --brand-maggioli-editore-04: #4a78e5;
74
+ --brand-maggioli-editore-05: #1c5aeb;
75
+ --brand-maggioli-editore-06: #0f43be;
76
+ --brand-maggioli-editore-07: #16347c;
77
+ --brand-maggioli-editore-08: #192748;
78
+ --brand-maggioli-editore-09: #151b28;
79
+ --brand-maggioli-editore-10: #0e1014;
80
+ --brand-maggioli-editore: #0f4ad5;
48
81
  }
49
82
  }
package/dist/css/colors-hex-label.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:16 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
package/dist/css/colors-hex-status.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:16 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
package/dist/css/colors-hex-tones.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:16 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
package/dist/css/colors-hex.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:15 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
@@ -71,6 +71,17 @@ Generated at Tue, 31 Jan 2023 16:27:15 GMT
71
71
  --brand-maggioli-09: #e6e9ed;
72
72
  --brand-maggioli-10: #f4f5f6;
73
73
  --brand-maggioli: #00379e;
74
+ --brand-maggioli-editore-01: #133993;
75
+ --brand-maggioli-editore-02: #1040b2;
76
+ --brand-maggioli-editore-03: #104ddd;
77
+ --brand-maggioli-editore-04: #2b63e9;
78
+ --brand-maggioli-editore-05: #5781e3;
79
+ --brand-maggioli-editore-06: #86a1df;
80
+ --brand-maggioli-editore-07: #b2c0e0;
81
+ --brand-maggioli-editore-08: #d2d8e5;
82
+ --brand-maggioli-editore-09: #e6e8ed;
83
+ --brand-maggioli-editore-10: #f4f5f6;
84
+ --brand-maggioli-editore: #0f4ad5;
74
85
  --brand-synbee-eolo-01: #2b4066;
75
86
  --brand-synbee-eolo-02: #324a76;
76
87
  --brand-synbee-eolo-03: #3d5b91;
@@ -104,16 +115,16 @@ Generated at Tue, 31 Jan 2023 16:27:15 GMT
104
115
  --brand-synbee-eolo-v1-20: #f6f8fb;
105
116
  --brand-synbee-eolo-v1: #597cb9;
106
117
  --brand-synbee-01: #513e00;
107
- --brand-synbee-02: #5e4800;
118
+ --brand-synbee-02: #5d4700;
108
119
  --brand-synbee-03: #735800;
109
120
  --brand-synbee-04: #896900;
110
121
  --brand-synbee-05: #a67f00;
111
- --brand-synbee-06: #c99b00;
112
- --brand-synbee-07: #efb800;
113
- --brand-synbee-08: #ffd446;
114
- --brand-synbee-09: #ffe89a;
115
- --brand-synbee-10: #fff5d5;
116
- --brand-synbee: #ffcf30;
122
+ --brand-synbee-06: #ca9a00;
123
+ --brand-synbee-07: #f0b800;
124
+ --brand-synbee-08: #ffd448;
125
+ --brand-synbee-09: #ffe696;
126
+ --brand-synbee-10: #fff5d3;
127
+ --brand-synbee: #ffc300;
117
128
  --adjust-tone-01: #262626;
118
129
  --adjust-tone-02: #343434;
119
130
  --adjust-tone-03: #404040;
@@ -358,6 +369,17 @@ Generated at Tue, 31 Jan 2023 16:27:15 GMT
358
369
  --brand-maggioli-09: #0c1b37;
359
370
  --brand-maggioli-10: #0b0e14;
360
371
  --brand-maggioli: #00379e;
372
+ --brand-maggioli-editore-01: #a4b5df;
373
+ --brand-maggioli-editore-02: #8fa7df;
374
+ --brand-maggioli-editore-03: #6d8fe1;
375
+ --brand-maggioli-editore-04: #4a78e5;
376
+ --brand-maggioli-editore-05: #1c5aeb;
377
+ --brand-maggioli-editore-06: #0f43be;
378
+ --brand-maggioli-editore-07: #16347c;
379
+ --brand-maggioli-editore-08: #192748;
380
+ --brand-maggioli-editore-09: #151b28;
381
+ --brand-maggioli-editore-10: #0e1014;
382
+ --brand-maggioli-editore: #0f4ad5;
361
383
  --brand-synbee-eolo-01: #a3b6d8;
362
384
  --brand-synbee-eolo-02: #91a8d1;
363
385
  --brand-synbee-eolo-03: #7692c5;
@@ -390,17 +412,17 @@ Generated at Tue, 31 Jan 2023 16:27:15 GMT
390
412
  --brand-synbee-eolo-v1-19: #0b101a;
391
413
  --brand-synbee-eolo-v1-20: #06090f;
392
414
  --brand-synbee-eolo-v1: #597cb9;
393
- --brand-synbee-01: #e2ae00;
394
- --brand-synbee-02: #d1a000;
395
- --brand-synbee-03: #b68c00;
396
- --brand-synbee-04: #9d7800;
415
+ --brand-synbee-01: #e3ad00;
416
+ --brand-synbee-02: #d2a000;
417
+ --brand-synbee-03: #b68b00;
418
+ --brand-synbee-04: #9e7800;
397
419
  --brand-synbee-05: #816300;
398
420
  --brand-synbee-06: #644c00;
399
421
  --brand-synbee-07: #483700;
400
- --brand-synbee-08: #332700;
401
- --brand-synbee-09: #231b00;
422
+ --brand-synbee-08: #322700;
423
+ --brand-synbee-09: #221a00;
402
424
  --brand-synbee-10: #120e00;
403
- --brand-synbee: #ffcf30;
425
+ --brand-synbee: #ffc300;
404
426
  --adjust-tone-01: #d9d9d9;
405
427
  --adjust-tone-02: #c7c7c7;
406
428
  --adjust-tone-03: #b5b5b5;
@@ -646,6 +668,17 @@ Generated at Tue, 31 Jan 2023 16:27:15 GMT
646
668
  --brand-maggioli-09: #0c1b37;
647
669
  --brand-maggioli-10: #0b0e14;
648
670
  --brand-maggioli: #00379e;
671
+ --brand-maggioli-editore-01: #a4b5df;
672
+ --brand-maggioli-editore-02: #8fa7df;
673
+ --brand-maggioli-editore-03: #6d8fe1;
674
+ --brand-maggioli-editore-04: #4a78e5;
675
+ --brand-maggioli-editore-05: #1c5aeb;
676
+ --brand-maggioli-editore-06: #0f43be;
677
+ --brand-maggioli-editore-07: #16347c;
678
+ --brand-maggioli-editore-08: #192748;
679
+ --brand-maggioli-editore-09: #151b28;
680
+ --brand-maggioli-editore-10: #0e1014;
681
+ --brand-maggioli-editore: #0f4ad5;
649
682
  --brand-synbee-eolo-01: #a3b6d8;
650
683
  --brand-synbee-eolo-02: #91a8d1;
651
684
  --brand-synbee-eolo-03: #7692c5;
@@ -678,17 +711,17 @@ Generated at Tue, 31 Jan 2023 16:27:15 GMT
678
711
  --brand-synbee-eolo-v1-19: #0b101a;
679
712
  --brand-synbee-eolo-v1-20: #06090f;
680
713
  --brand-synbee-eolo-v1: #597cb9;
681
- --brand-synbee-01: #e2ae00;
682
- --brand-synbee-02: #d1a000;
683
- --brand-synbee-03: #b68c00;
684
- --brand-synbee-04: #9d7800;
714
+ --brand-synbee-01: #e3ad00;
715
+ --brand-synbee-02: #d2a000;
716
+ --brand-synbee-03: #b68b00;
717
+ --brand-synbee-04: #9e7800;
685
718
  --brand-synbee-05: #816300;
686
719
  --brand-synbee-06: #644c00;
687
720
  --brand-synbee-07: #483700;
688
- --brand-synbee-08: #332700;
689
- --brand-synbee-09: #231b00;
721
+ --brand-synbee-08: #322700;
722
+ --brand-synbee-09: #221a00;
690
723
  --brand-synbee-10: #120e00;
691
- --brand-synbee: #ffcf30;
724
+ --brand-synbee: #ffc300;
692
725
  --adjust-tone-01: #d9d9d9;
693
726
  --adjust-tone-02: #c7c7c7;
694
727
  --adjust-tone-03: #b5b5b5;
package/dist/css/colors-rgb-brand-synbee.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:16 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
@@ -38,16 +38,16 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
38
38
  --brand-synbee-eolo-v1-20: 246, 248, 251;
39
39
  --brand-synbee-eolo-v1: 89, 124, 185;
40
40
  --brand-synbee-01: 81, 62, 0;
41
- --brand-synbee-02: 94, 72, 0;
41
+ --brand-synbee-02: 93, 71, 0;
42
42
  --brand-synbee-03: 115, 88, 0;
43
43
  --brand-synbee-04: 137, 105, 0;
44
44
  --brand-synbee-05: 166, 127, 0;
45
- --brand-synbee-06: 201, 155, 0;
46
- --brand-synbee-07: 239, 184, 0;
47
- --brand-synbee-08: 255, 212, 70;
48
- --brand-synbee-09: 255, 232, 154;
49
- --brand-synbee-10: 255, 245, 213;
50
- --brand-synbee: 255, 207, 48;
45
+ --brand-synbee-06: 202, 154, 0;
46
+ --brand-synbee-07: 240, 184, 0;
47
+ --brand-synbee-08: 255, 212, 72;
48
+ --brand-synbee-09: 255, 230, 150;
49
+ --brand-synbee-10: 255, 245, 211;
50
+ --brand-synbee: 255, 195, 0;
51
51
  --adjust-tone-01: 38, 38, 38;
52
52
  --adjust-tone-02: 52, 52, 52;
53
53
  --adjust-tone-03: 64, 64, 64;
@@ -104,17 +104,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
104
104
  --brand-synbee-eolo-v1-19: 11, 16, 26;
105
105
  --brand-synbee-eolo-v1-20: 6, 9, 15;
106
106
  --brand-synbee-eolo-v1: 89, 124, 185;
107
- --brand-synbee-01: 226, 174, 0;
108
- --brand-synbee-02: 209, 160, 0;
109
- --brand-synbee-03: 182, 140, 0;
110
- --brand-synbee-04: 157, 120, 0;
107
+ --brand-synbee-01: 227, 173, 0;
108
+ --brand-synbee-02: 210, 160, 0;
109
+ --brand-synbee-03: 182, 139, 0;
110
+ --brand-synbee-04: 158, 120, 0;
111
111
  --brand-synbee-05: 129, 99, 0;
112
112
  --brand-synbee-06: 100, 76, 0;
113
113
  --brand-synbee-07: 72, 55, 0;
114
- --brand-synbee-08: 51, 39, 0;
115
- --brand-synbee-09: 35, 27, 0;
114
+ --brand-synbee-08: 50, 39, 0;
115
+ --brand-synbee-09: 34, 26, 0;
116
116
  --brand-synbee-10: 18, 14, 0;
117
- --brand-synbee: 255, 207, 48;
117
+ --brand-synbee: 255, 195, 0;
118
118
  --adjust-tone-01: 217, 217, 217;
119
119
  --adjust-tone-02: 199, 199, 199;
120
120
  --adjust-tone-03: 181, 181, 181;
@@ -172,17 +172,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
172
172
  --brand-synbee-eolo-v1-19: 11, 16, 26;
173
173
  --brand-synbee-eolo-v1-20: 6, 9, 15;
174
174
  --brand-synbee-eolo-v1: 89, 124, 185;
175
- --brand-synbee-01: 226, 174, 0;
176
- --brand-synbee-02: 209, 160, 0;
177
- --brand-synbee-03: 182, 140, 0;
178
- --brand-synbee-04: 157, 120, 0;
175
+ --brand-synbee-01: 227, 173, 0;
176
+ --brand-synbee-02: 210, 160, 0;
177
+ --brand-synbee-03: 182, 139, 0;
178
+ --brand-synbee-04: 158, 120, 0;
179
179
  --brand-synbee-05: 129, 99, 0;
180
180
  --brand-synbee-06: 100, 76, 0;
181
181
  --brand-synbee-07: 72, 55, 0;
182
- --brand-synbee-08: 51, 39, 0;
183
- --brand-synbee-09: 35, 27, 0;
182
+ --brand-synbee-08: 50, 39, 0;
183
+ --brand-synbee-09: 34, 26, 0;
184
184
  --brand-synbee-10: 18, 14, 0;
185
- --brand-synbee: 255, 207, 48;
185
+ --brand-synbee: 255, 195, 0;
186
186
  --adjust-tone-01: 217, 217, 217;
187
187
  --adjust-tone-02: 199, 199, 199;
188
188
  --adjust-tone-03: 181, 181, 181;
package/dist/css/colors-rgb-brand.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:16 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
@@ -16,6 +16,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
16
16
  --brand-maggioli-09: 230, 233, 237;
17
17
  --brand-maggioli-10: 244, 245, 246;
18
18
  --brand-maggioli: 0, 55, 158;
19
+ --brand-maggioli-editore-01: 19, 57, 147;
20
+ --brand-maggioli-editore-02: 16, 64, 178;
21
+ --brand-maggioli-editore-03: 16, 77, 221;
22
+ --brand-maggioli-editore-04: 43, 99, 233;
23
+ --brand-maggioli-editore-05: 87, 129, 227;
24
+ --brand-maggioli-editore-06: 134, 161, 223;
25
+ --brand-maggioli-editore-07: 178, 192, 224;
26
+ --brand-maggioli-editore-08: 210, 216, 229;
27
+ --brand-maggioli-editore-09: 230, 232, 237;
28
+ --brand-maggioli-editore-10: 244, 245, 246;
29
+ --brand-maggioli-editore: 15, 74, 213;
19
30
  }
20
31
 
21
32
  :root.dark-mode {
@@ -30,6 +41,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
30
41
  --brand-maggioli-09: 12, 27, 55;
31
42
  --brand-maggioli-10: 11, 14, 20;
32
43
  --brand-maggioli: 0, 55, 158;
44
+ --brand-maggioli-editore-01: 164, 181, 223;
45
+ --brand-maggioli-editore-02: 143, 167, 223;
46
+ --brand-maggioli-editore-03: 109, 143, 225;
47
+ --brand-maggioli-editore-04: 74, 120, 229;
48
+ --brand-maggioli-editore-05: 28, 90, 235;
49
+ --brand-maggioli-editore-06: 15, 67, 190;
50
+ --brand-maggioli-editore-07: 22, 52, 124;
51
+ --brand-maggioli-editore-08: 25, 39, 72;
52
+ --brand-maggioli-editore-09: 21, 27, 40;
53
+ --brand-maggioli-editore-10: 14, 16, 20;
54
+ --brand-maggioli-editore: 15, 74, 213;
33
55
  }
34
56
 
35
57
  @media (prefers-color-scheme: dark) {
@@ -45,5 +67,16 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
45
67
  --brand-maggioli-09: 12, 27, 55;
46
68
  --brand-maggioli-10: 11, 14, 20;
47
69
  --brand-maggioli: 0, 55, 158;
70
+ --brand-maggioli-editore-01: 164, 181, 223;
71
+ --brand-maggioli-editore-02: 143, 167, 223;
72
+ --brand-maggioli-editore-03: 109, 143, 225;
73
+ --brand-maggioli-editore-04: 74, 120, 229;
74
+ --brand-maggioli-editore-05: 28, 90, 235;
75
+ --brand-maggioli-editore-06: 15, 67, 190;
76
+ --brand-maggioli-editore-07: 22, 52, 124;
77
+ --brand-maggioli-editore-08: 25, 39, 72;
78
+ --brand-maggioli-editore-09: 21, 27, 40;
79
+ --brand-maggioli-editore-10: 14, 16, 20;
80
+ --brand-maggioli-editore: 15, 74, 213;
48
81
  }
49
82
  }
package/dist/css/colors-rgb-label.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:16 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
package/dist/css/colors-rgb-status.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:16 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
package/dist/css/colors-rgb-tones.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:16 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
package/dist/css/colors-rgb.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 31 Jan 2023 16:27:16 GMT
4
+ Generated at Thu, 23 Mar 2023 16:03:39 GMT
5
5
  */
6
6
 
7
7
  :root {
@@ -71,6 +71,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
71
71
  --brand-maggioli-09: 230, 233, 237;
72
72
  --brand-maggioli-10: 244, 245, 246;
73
73
  --brand-maggioli: 0, 55, 158;
74
+ --brand-maggioli-editore-01: 19, 57, 147;
75
+ --brand-maggioli-editore-02: 16, 64, 178;
76
+ --brand-maggioli-editore-03: 16, 77, 221;
77
+ --brand-maggioli-editore-04: 43, 99, 233;
78
+ --brand-maggioli-editore-05: 87, 129, 227;
79
+ --brand-maggioli-editore-06: 134, 161, 223;
80
+ --brand-maggioli-editore-07: 178, 192, 224;
81
+ --brand-maggioli-editore-08: 210, 216, 229;
82
+ --brand-maggioli-editore-09: 230, 232, 237;
83
+ --brand-maggioli-editore-10: 244, 245, 246;
84
+ --brand-maggioli-editore: 15, 74, 213;
74
85
  --brand-synbee-eolo-01: 43, 64, 102;
75
86
  --brand-synbee-eolo-02: 50, 74, 118;
76
87
  --brand-synbee-eolo-03: 61, 91, 145;
@@ -104,16 +115,16 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
104
115
  --brand-synbee-eolo-v1-20: 246, 248, 251;
105
116
  --brand-synbee-eolo-v1: 89, 124, 185;
106
117
  --brand-synbee-01: 81, 62, 0;
107
- --brand-synbee-02: 94, 72, 0;
118
+ --brand-synbee-02: 93, 71, 0;
108
119
  --brand-synbee-03: 115, 88, 0;
109
120
  --brand-synbee-04: 137, 105, 0;
110
121
  --brand-synbee-05: 166, 127, 0;
111
- --brand-synbee-06: 201, 155, 0;
112
- --brand-synbee-07: 239, 184, 0;
113
- --brand-synbee-08: 255, 212, 70;
114
- --brand-synbee-09: 255, 232, 154;
115
- --brand-synbee-10: 255, 245, 213;
116
- --brand-synbee: 255, 207, 48;
122
+ --brand-synbee-06: 202, 154, 0;
123
+ --brand-synbee-07: 240, 184, 0;
124
+ --brand-synbee-08: 255, 212, 72;
125
+ --brand-synbee-09: 255, 230, 150;
126
+ --brand-synbee-10: 255, 245, 211;
127
+ --brand-synbee: 255, 195, 0;
117
128
  --adjust-tone-01: 38, 38, 38;
118
129
  --adjust-tone-02: 52, 52, 52;
119
130
  --adjust-tone-03: 64, 64, 64;
@@ -358,6 +369,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
358
369
  --brand-maggioli-09: 12, 27, 55;
359
370
  --brand-maggioli-10: 11, 14, 20;
360
371
  --brand-maggioli: 0, 55, 158;
372
+ --brand-maggioli-editore-01: 164, 181, 223;
373
+ --brand-maggioli-editore-02: 143, 167, 223;
374
+ --brand-maggioli-editore-03: 109, 143, 225;
375
+ --brand-maggioli-editore-04: 74, 120, 229;
376
+ --brand-maggioli-editore-05: 28, 90, 235;
377
+ --brand-maggioli-editore-06: 15, 67, 190;
378
+ --brand-maggioli-editore-07: 22, 52, 124;
379
+ --brand-maggioli-editore-08: 25, 39, 72;
380
+ --brand-maggioli-editore-09: 21, 27, 40;
381
+ --brand-maggioli-editore-10: 14, 16, 20;
382
+ --brand-maggioli-editore: 15, 74, 213;
361
383
  --brand-synbee-eolo-01: 163, 182, 216;
362
384
  --brand-synbee-eolo-02: 145, 168, 209;
363
385
  --brand-synbee-eolo-03: 118, 146, 197;
@@ -390,17 +412,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
390
412
  --brand-synbee-eolo-v1-19: 11, 16, 26;
391
413
  --brand-synbee-eolo-v1-20: 6, 9, 15;
392
414
  --brand-synbee-eolo-v1: 89, 124, 185;
393
- --brand-synbee-01: 226, 174, 0;
394
- --brand-synbee-02: 209, 160, 0;
395
- --brand-synbee-03: 182, 140, 0;
396
- --brand-synbee-04: 157, 120, 0;
415
+ --brand-synbee-01: 227, 173, 0;
416
+ --brand-synbee-02: 210, 160, 0;
417
+ --brand-synbee-03: 182, 139, 0;
418
+ --brand-synbee-04: 158, 120, 0;
397
419
  --brand-synbee-05: 129, 99, 0;
398
420
  --brand-synbee-06: 100, 76, 0;
399
421
  --brand-synbee-07: 72, 55, 0;
400
- --brand-synbee-08: 51, 39, 0;
401
- --brand-synbee-09: 35, 27, 0;
422
+ --brand-synbee-08: 50, 39, 0;
423
+ --brand-synbee-09: 34, 26, 0;
402
424
  --brand-synbee-10: 18, 14, 0;
403
- --brand-synbee: 255, 207, 48;
425
+ --brand-synbee: 255, 195, 0;
404
426
  --adjust-tone-01: 217, 217, 217;
405
427
  --adjust-tone-02: 199, 199, 199;
406
428
  --adjust-tone-03: 181, 181, 181;
@@ -646,6 +668,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
646
668
  --brand-maggioli-09: 12, 27, 55;
647
669
  --brand-maggioli-10: 11, 14, 20;
648
670
  --brand-maggioli: 0, 55, 158;
671
+ --brand-maggioli-editore-01: 164, 181, 223;
672
+ --brand-maggioli-editore-02: 143, 167, 223;
673
+ --brand-maggioli-editore-03: 109, 143, 225;
674
+ --brand-maggioli-editore-04: 74, 120, 229;
675
+ --brand-maggioli-editore-05: 28, 90, 235;
676
+ --brand-maggioli-editore-06: 15, 67, 190;
677
+ --brand-maggioli-editore-07: 22, 52, 124;
678
+ --brand-maggioli-editore-08: 25, 39, 72;
679
+ --brand-maggioli-editore-09: 21, 27, 40;
680
+ --brand-maggioli-editore-10: 14, 16, 20;
681
+ --brand-maggioli-editore: 15, 74, 213;
649
682
  --brand-synbee-eolo-01: 163, 182, 216;
650
683
  --brand-synbee-eolo-02: 145, 168, 209;
651
684
  --brand-synbee-eolo-03: 118, 146, 197;
@@ -678,17 +711,17 @@ Generated at Tue, 31 Jan 2023 16:27:16 GMT
678
711
  --brand-synbee-eolo-v1-19: 11, 16, 26;
679
712
  --brand-synbee-eolo-v1-20: 6, 9, 15;
680
713
  --brand-synbee-eolo-v1: 89, 124, 185;
681
- --brand-synbee-01: 226, 174, 0;
682
- --brand-synbee-02: 209, 160, 0;
683
- --brand-synbee-03: 182, 140, 0;
684
- --brand-synbee-04: 157, 120, 0;
714
+ --brand-synbee-01: 227, 173, 0;
715
+ --brand-synbee-02: 210, 160, 0;
716
+ --brand-synbee-03: 182, 139, 0;
717
+ --brand-synbee-04: 158, 120, 0;
685
718
  --brand-synbee-05: 129, 99, 0;
686
719
  --brand-synbee-06: 100, 76, 0;
687
720
  --brand-synbee-07: 72, 55, 0;
688
- --brand-synbee-08: 51, 39, 0;
689
- --brand-synbee-09: 35, 27, 0;
721
+ --brand-synbee-08: 50, 39, 0;
722
+ --brand-synbee-09: 34, 26, 0;
690
723
  --brand-synbee-10: 18, 14, 0;
691
- --brand-synbee: 255, 207, 48;
724
+ --brand-synbee: 255, 195, 0;
692
725
  --adjust-tone-01: 217, 217, 217;
693
726
  --adjust-tone-02: 199, 199, 199;
694
727
  --adjust-tone-03: 181, 181, 181;
package/dist/css/globals.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --magma-outline-blur: 2px solid transparent;
12
12
  --magma-outline-focus-offset: 2px;
13
13
  --magma-outline-focus: 2px solid theme('colors.tone-neutral-05');
14
+ --magma-tooltip-z-index: 4000;
14
15
  --magma-overlay-blur: var(--magma-backdrop-blur);
15
16
  --magma-overlay-color: var(--magma-backdrop-color);
16
17
  --magma-overlay-opacity: 0.5;
package/dist/tailwind/components.css CHANGED
@@ -1,18 +1,34 @@
1
1
  @tailwind components;
2
2
 
3
3
  @layer components {
4
- .focusable {
4
+ .focus-off,
5
+ .focusable,
6
+ .focusable-light,
7
+ .focusable-light-off {
5
8
  @apply
6
9
  duration-200
7
10
  ease-out;
8
11
 
9
- outline-offset: var(--magma-outline-blur-offset, 6px);
10
- outline: var(--magma-outline-blur, 2px solid transparent);
12
+ outline-offset: var(--magma-outline-blur-offset);
13
+ outline: var(--magma-outline-blur);
11
14
  transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;
12
15
  }
13
16
 
17
+ .focus-on,
18
+ .focusable-light:focus-visible,
14
19
  .focusable:focus-visible {
15
- outline-offset: var(--magma-outline-focus-offset, 2px);
16
- outline: var(--magma-outline-focus, 2px solid theme('colors.label-sky-05'));
20
+ --magma-outline-blur-offset: var(--magma-outline-focus-offset);
21
+ --magma-outline-blur: var(--magma-outline-focus);
22
+ }
23
+
24
+ .focus-light-on,
25
+ .focusable-light:focus-visible {
26
+ --magma-outline-blur: 2px solid theme('colors.tone-neutral');
27
+ }
28
+
29
+ .hide-scrollbar {
30
+ -webkit-overflow-scrolling: touch;
31
+ -ms-overflow-style: none;
32
+ scrollbar-width: none;
17
33
  }
18
34
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/styles",
3
- "version": "11.1.0",
3
+ "version": "11.3.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": "^4.5.14",
46
46
  "@fontsource/roboto": "^4.5.8",
47
47
  "@fontsource/roboto-mono": "^4.5.10",
48
- "@maggioli-design-system/design-tokens": "^10.0.0",
48
+ "@maggioli-design-system/design-tokens": "^10.2.0",
49
49
  "normalize.css": "^8.0.1"
50
50
  },
51
51
  "devDependencies": {
package/tailwind.config.js CHANGED
@@ -1,7 +1,9 @@
1
+ /* eslint-disable @typescript-eslint/no-var-requires */
1
2
  const { palette } = require('@maggioli-design-system/design-tokens')
2
3
  const mediaQueries = require('@maggioli-design-system/design-tokens/dist/js/media').media
3
4
  const { fontFamily } = require('@maggioli-design-system/design-tokens/dist/js/font-family')
4
5
  const { ease } = require('@maggioli-design-system/design-tokens/dist/js/ease')
6
+ const { gap } = require('@maggioli-design-system/design-tokens/dist/js/gap')
5
7
 
6
8
  const minSize = {
7
9
  4: '1rem',
@@ -71,16 +73,19 @@ module.exports = {
71
73
  fontSize: {
72
74
  xxs: '0.625rem',
73
75
  },
76
+ gap: {
77
+ ...gap,
78
+ },
74
79
  gridAutoRows: {
75
80
  1: '1fr',
76
81
  },
77
82
  gridTemplateColumns: {
78
- 'fit-sm': 'repeat(auto-fit, minmax(10rem, 1fr))',
79
- fit: 'repeat(auto-fit, minmax(12.5rem, 1fr))',
80
- 'fit-md': 'repeat(auto-fit, minmax(15rem, 1fr))',
81
83
  'fit-lg': 'repeat(auto-fit, minmax(17.5rem, 1fr))',
84
+ 'fit-md': 'repeat(auto-fit, minmax(15rem, 1fr))',
85
+ 'fit-sm': 'repeat(auto-fit, minmax(10rem, 1fr))',
82
86
  'fit-xl': 'repeat(auto-fit, minmax(20rem, 1fr))',
83
- full: '100%',
87
+ fit: 'repeat(auto-fit, minmax(12.5rem, 1fr))',
88
+ full: 'repeat(auto-fit, minmax(1px, 100%))',
84
89
  },
85
90
  maxWidth: {
86
91
  '1/4': '25%',