@maggioli-design-system/styles 7.0.0 → 8.1.1

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 (21) hide show
  1. package/README.md +47 -1
  2. package/dist/css/base.css +55 -31
  3. package/dist/css/colors-brand-synbee.css +45 -45
  4. package/dist/css/colors-brand.css +13 -13
  5. package/dist/css/colors-label.css +105 -105
  6. package/dist/css/colors-rgb-brand-synbee.css +45 -45
  7. package/dist/css/colors-rgb-brand.css +13 -13
  8. package/dist/css/colors-rgb-label.css +105 -105
  9. package/dist/css/colors-rgb-status.css +50 -50
  10. package/dist/css/colors-rgb-tones.css +60 -60
  11. package/dist/css/colors-rgb.css +269 -269
  12. package/dist/css/colors-status.css +50 -50
  13. package/dist/css/colors-tones.css +60 -60
  14. package/dist/css/colors.css +269 -269
  15. package/dist/css/globals.css +13 -0
  16. package/dist/css/reset.css +510 -0
  17. package/dist/css/typography.css +133 -125
  18. package/dist/tailwind/base.css +11 -10
  19. package/dist/tailwind/typography.css +51 -29
  20. package/package.json +19 -10
  21. package/postcss.config.js +1 -0
package/dist/css/colors-rgb-status.css CHANGED
@@ -1,53 +1,53 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Thu, 12 May 2022 12:41:28 GMT
4
+ Generated at Wed, 29 Jun 2022 09:21:10 GMT
5
5
  */
6
6
 
7
7
  :root {
8
8
  --status-info-01: 12, 70, 90;
9
9
  --status-info-02: 14, 81, 104;
10
- --status-info-03: 17, 99, 127;
11
- --status-info-04: 21, 118, 151;
10
+ --status-info-03: 17, 99, 126;
11
+ --status-info-04: 21, 119, 151;
12
12
  --status-info-05: 25, 143, 182;
13
- --status-info-06: 30, 174, 222;
14
- --status-info-07: 108, 204, 235;
15
- --status-info-08: 170, 225, 243;
16
- --status-info-09: 207, 238, 248;
17
- --status-info-10: 234, 248, 252;
13
+ --status-info-06: 30, 174, 221;
14
+ --status-info-07: 109, 204, 235;
15
+ --status-info-08: 168, 225, 243;
16
+ --status-info-09: 208, 238, 249;
17
+ --status-info-10: 231, 247, 252;
18
18
  --status-info: 35, 178, 225;
19
- --status-success-01: 13, 74, 45;
19
+ --status-success-01: 13, 75, 45;
20
20
  --status-success-02: 15, 86, 52;
21
- --status-success-03: 18, 105, 64;
21
+ --status-success-03: 18, 105, 63;
22
22
  --status-success-04: 22, 125, 76;
23
23
  --status-success-05: 26, 151, 91;
24
24
  --status-success-06: 32, 184, 111;
25
- --status-success-07: 42, 218, 134;
26
- --status-success-08: 140, 235, 189;
27
- --status-success-09: 191, 244, 219;
28
- --status-success-10: 225, 250, 238;
25
+ --status-success-07: 40, 218, 132;
26
+ --status-success-08: 138, 235, 188;
27
+ --status-success-09: 192, 244, 219;
28
+ --status-success-10: 228, 250, 240;
29
29
  --status-success: 33, 191, 115;
30
30
  --status-error-01: 130, 18, 15;
31
31
  --status-error-02: 149, 20, 17;
32
32
  --status-error-03: 182, 24, 21;
33
33
  --status-error-04: 215, 29, 25;
34
34
  --status-error-05: 234, 77, 73;
35
- --status-error-06: 240, 129, 126;
36
- --status-error-07: 245, 174, 172;
35
+ --status-error-06: 240, 129, 127;
36
+ --status-error-07: 245, 173, 171;
37
37
  --status-error-08: 249, 206, 205;
38
- --status-error-09: 252, 226, 226;
39
- --status-error-10: 254, 243, 243;
38
+ --status-error-09: 252, 227, 226;
39
+ --status-error-10: 253, 242, 242;
40
40
  --status-error: 237, 102, 99;
41
41
  --status-warning-01: 82, 61, 0;
42
- --status-warning-02: 95, 72, 0;
42
+ --status-warning-02: 95, 71, 0;
43
43
  --status-warning-03: 117, 87, 0;
44
44
  --status-warning-04: 139, 104, 0;
45
45
  --status-warning-05: 168, 126, 0;
46
- --status-warning-06: 205, 153, 0;
47
- --status-warning-07: 242, 182, 0;
48
- --status-warning-08: 255, 212, 82;
49
- --status-warning-09: 255, 231, 161;
50
- --status-warning-10: 255, 245, 213;
46
+ --status-warning-06: 204, 153, 0;
47
+ --status-warning-07: 243, 182, 0;
48
+ --status-warning-08: 255, 212, 81;
49
+ --status-warning-09: 255, 230, 156;
50
+ --status-warning-10: 255, 245, 214;
51
51
  --status-warning: 255, 193, 7;
52
52
  }
53
53
 
@@ -55,13 +55,13 @@ Generated at Thu, 12 May 2022 12:41:28 GMT
55
55
  --status-info-01: 82, 194, 231;
56
56
  --status-info-02: 42, 180, 226;
57
57
  --status-info-03: 27, 157, 200;
58
- --status-info-04: 23, 135, 172;
59
- --status-info-05: 19, 112, 142;
58
+ --status-info-04: 23, 136, 172;
59
+ --status-info-05: 19, 111, 142;
60
60
  --status-info-06: 15, 86, 109;
61
61
  --status-info-07: 11, 62, 79;
62
62
  --status-info-08: 8, 44, 55;
63
- --status-info-09: 5, 31, 40;
64
- --status-info-10: 3, 17, 21;
63
+ --status-info-09: 5, 30, 38;
64
+ --status-info-10: 3, 17, 22;
65
65
  --status-info: 35, 178, 225;
66
66
  --status-success-01: 36, 207, 125;
67
67
  --status-success-02: 33, 191, 115;
@@ -70,19 +70,19 @@ Generated at Thu, 12 May 2022 12:41:28 GMT
70
70
  --status-success-05: 20, 118, 71;
71
71
  --status-success-06: 16, 91, 55;
72
72
  --status-success-07: 11, 66, 40;
73
- --status-success-08: 8, 46, 27;
74
- --status-success-09: 5, 32, 19;
75
- --status-success-10: 3, 17, 10;
73
+ --status-success-08: 8, 47, 28;
74
+ --status-success-09: 6, 32, 20;
75
+ --status-success-10: 3, 18, 11;
76
76
  --status-success: 33, 191, 115;
77
77
  --status-error-01: 244, 159, 157;
78
- --status-error-02: 241, 138, 136;
79
- --status-error-03: 237, 102, 99;
80
- --status-error-04: 232, 60, 57;
78
+ --status-error-02: 241, 139, 136;
79
+ --status-error-03: 237, 102, 100;
80
+ --status-error-04: 232, 60, 56;
81
81
  --status-error-05: 203, 27, 23;
82
82
  --status-error-06: 158, 21, 18;
83
83
  --status-error-07: 116, 16, 13;
84
84
  --status-error-08: 84, 11, 10;
85
- --status-error-09: 59, 8, 7;
85
+ --status-error-09: 60, 8, 7;
86
86
  --status-error-10: 35, 5, 4;
87
87
  --status-error: 237, 102, 99;
88
88
  --status-warning-01: 230, 172, 0;
@@ -92,9 +92,9 @@ Generated at Thu, 12 May 2022 12:41:28 GMT
92
92
  --status-warning-05: 131, 98, 0;
93
93
  --status-warning-06: 101, 75, 0;
94
94
  --status-warning-07: 73, 55, 0;
95
- --status-warning-08: 51, 39, 0;
95
+ --status-warning-08: 51, 38, 0;
96
96
  --status-warning-09: 35, 26, 0;
97
- --status-warning-10: 20, 15, 0;
97
+ --status-warning-10: 19, 14, 0;
98
98
  --status-warning: 255, 193, 7;
99
99
  }
100
100
 
@@ -103,13 +103,13 @@ Generated at Thu, 12 May 2022 12:41:28 GMT
103
103
  --status-info-01: 82, 194, 231;
104
104
  --status-info-02: 42, 180, 226;
105
105
  --status-info-03: 27, 157, 200;
106
- --status-info-04: 23, 135, 172;
107
- --status-info-05: 19, 112, 142;
106
+ --status-info-04: 23, 136, 172;
107
+ --status-info-05: 19, 111, 142;
108
108
  --status-info-06: 15, 86, 109;
109
109
  --status-info-07: 11, 62, 79;
110
110
  --status-info-08: 8, 44, 55;
111
- --status-info-09: 5, 31, 40;
112
- --status-info-10: 3, 17, 21;
111
+ --status-info-09: 5, 30, 38;
112
+ --status-info-10: 3, 17, 22;
113
113
  --status-info: 35, 178, 225;
114
114
  --status-success-01: 36, 207, 125;
115
115
  --status-success-02: 33, 191, 115;
@@ -118,19 +118,19 @@ Generated at Thu, 12 May 2022 12:41:28 GMT
118
118
  --status-success-05: 20, 118, 71;
119
119
  --status-success-06: 16, 91, 55;
120
120
  --status-success-07: 11, 66, 40;
121
- --status-success-08: 8, 46, 27;
122
- --status-success-09: 5, 32, 19;
123
- --status-success-10: 3, 17, 10;
121
+ --status-success-08: 8, 47, 28;
122
+ --status-success-09: 6, 32, 20;
123
+ --status-success-10: 3, 18, 11;
124
124
  --status-success: 33, 191, 115;
125
125
  --status-error-01: 244, 159, 157;
126
- --status-error-02: 241, 138, 136;
127
- --status-error-03: 237, 102, 99;
128
- --status-error-04: 232, 60, 57;
126
+ --status-error-02: 241, 139, 136;
127
+ --status-error-03: 237, 102, 100;
128
+ --status-error-04: 232, 60, 56;
129
129
  --status-error-05: 203, 27, 23;
130
130
  --status-error-06: 158, 21, 18;
131
131
  --status-error-07: 116, 16, 13;
132
132
  --status-error-08: 84, 11, 10;
133
- --status-error-09: 59, 8, 7;
133
+ --status-error-09: 60, 8, 7;
134
134
  --status-error-10: 35, 5, 4;
135
135
  --status-error: 237, 102, 99;
136
136
  --status-warning-01: 230, 172, 0;
@@ -140,9 +140,9 @@ Generated at Thu, 12 May 2022 12:41:28 GMT
140
140
  --status-warning-05: 131, 98, 0;
141
141
  --status-warning-06: 101, 75, 0;
142
142
  --status-warning-07: 73, 55, 0;
143
- --status-warning-08: 51, 39, 0;
143
+ --status-warning-08: 51, 38, 0;
144
144
  --status-warning-09: 35, 26, 0;
145
- --status-warning-10: 20, 15, 0;
145
+ --status-warning-10: 19, 14, 0;
146
146
  --status-warning: 255, 193, 7;
147
147
  }
148
148
  }
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 Thu, 12 May 2022 12:41:28 GMT
4
+ Generated at Wed, 29 Jun 2022 09:21:10 GMT
5
5
  */
6
6
 
7
7
  :root {
@@ -11,93 +11,93 @@ Generated at Thu, 12 May 2022 12:41:28 GMT
11
11
  --tone-slate-04: 71, 85, 106;
12
12
  --tone-slate-05: 95, 115, 143;
13
13
  --tone-slate-06: 149, 164, 184;
14
- --tone-slate-07: 206, 213, 223;
15
- --tone-slate-08: 228, 231, 237;
16
- --tone-slate-09: 243, 244, 247;
17
- --tone-slate-10: 248, 249, 250;
14
+ --tone-slate-07: 207, 213, 223;
15
+ --tone-slate-08: 226, 230, 236;
16
+ --tone-slate-09: 241, 243, 246;
17
+ --tone-slate-10: 247, 248, 250;
18
18
  --tone-slate: 255, 255, 255;
19
- --tone-grey-01: 31, 34, 38;
19
+ --tone-grey-01: 31, 33, 38;
20
20
  --tone-grey-02: 37, 40, 46;
21
21
  --tone-grey-03: 59, 64, 73;
22
- --tone-grey-04: 78, 84, 96;
22
+ --tone-grey-04: 78, 85, 96;
23
23
  --tone-grey-05: 105, 114, 130;
24
24
  --tone-grey-06: 156, 163, 175;
25
25
  --tone-grey-07: 210, 213, 218;
26
- --tone-grey-08: 229, 231, 234;
27
- --tone-grey-09: 243, 244, 246;
28
- --tone-grey-10: 248, 249, 249;
26
+ --tone-grey-08: 230, 231, 234;
27
+ --tone-grey-09: 242, 243, 245;
28
+ --tone-grey-10: 248, 248, 249;
29
29
  --tone-grey: 255, 255, 255;
30
30
  --tone-zinc-01: 33, 33, 37;
31
31
  --tone-zinc-02: 40, 40, 44;
32
32
  --tone-zinc-03: 64, 64, 70;
33
- --tone-zinc-04: 83, 83, 92;
33
+ --tone-zinc-04: 84, 84, 92;
34
34
  --tone-zinc-05: 112, 112, 124;
35
35
  --tone-zinc-06: 161, 161, 170;
36
36
  --tone-zinc-07: 212, 212, 216;
37
37
  --tone-zinc-08: 230, 230, 232;
38
- --tone-zinc-09: 244, 244, 245;
38
+ --tone-zinc-09: 243, 243, 244;
39
39
  --tone-zinc-10: 248, 248, 249;
40
40
  --tone-zinc: 255, 255, 255;
41
41
  --tone-neutral-01: 33, 33, 33;
42
42
  --tone-neutral-02: 40, 40, 40;
43
- --tone-neutral-03: 65, 65, 65;
43
+ --tone-neutral-03: 64, 64, 64;
44
44
  --tone-neutral-04: 84, 84, 84;
45
45
  --tone-neutral-05: 113, 113, 113;
46
46
  --tone-neutral-06: 162, 162, 162;
47
- --tone-neutral-07: 213, 213, 213;
47
+ --tone-neutral-07: 212, 212, 212;
48
48
  --tone-neutral-08: 231, 231, 231;
49
- --tone-neutral-09: 244, 244, 244;
49
+ --tone-neutral-09: 243, 243, 243;
50
50
  --tone-neutral-10: 248, 248, 248;
51
51
  --tone-neutral: 255, 255, 255;
52
52
  --tone-stone-01: 35, 33, 32;
53
53
  --tone-stone-02: 42, 40, 38;
54
- --tone-stone-03: 68, 63, 61;
55
- --tone-stone-04: 89, 83, 80;
54
+ --tone-stone-03: 68, 64, 61;
55
+ --tone-stone-04: 89, 83, 79;
56
56
  --tone-stone-05: 120, 112, 108;
57
- --tone-stone-06: 167, 161, 156;
57
+ --tone-stone-06: 167, 161, 157;
58
58
  --tone-stone-07: 215, 212, 210;
59
- --tone-stone-08: 231, 230, 229;
60
- --tone-stone-09: 245, 244, 244;
59
+ --tone-stone-08: 232, 230, 229;
60
+ --tone-stone-09: 244, 243, 242;
61
61
  --tone-stone-10: 249, 248, 248;
62
62
  --tone-stone: 255, 255, 255;
63
63
  }
64
64
 
65
65
  :root .dark-mode {
66
66
  --tone-slate-01: 221, 225, 232;
67
- --tone-slate-02: 210, 217, 225;
67
+ --tone-slate-02: 210, 216, 225;
68
68
  --tone-slate-03: 171, 182, 199;
69
69
  --tone-slate-04: 140, 156, 179;
70
70
  --tone-slate-05: 101, 123, 152;
71
71
  --tone-slate-06: 66, 79, 99;
72
- --tone-slate-07: 36, 43, 54;
72
+ --tone-slate-07: 35, 43, 53;
73
73
  --tone-slate-08: 24, 29, 36;
74
74
  --tone-slate-09: 14, 17, 21;
75
- --tone-slate-10: 6, 8, 9;
75
+ --tone-slate-10: 7, 9, 11;
76
76
  --tone-slate: 0, 0, 0;
77
77
  --tone-grey-01: 222, 225, 229;
78
- --tone-grey-02: 213, 216, 221;
78
+ --tone-grey-02: 212, 215, 221;
79
79
  --tone-grey-03: 177, 182, 192;
80
80
  --tone-grey-04: 148, 155, 168;
81
81
  --tone-grey-05: 112, 122, 138;
82
- --tone-grey-06: 73, 79, 90;
83
- --tone-grey-07: 40, 43, 49;
82
+ --tone-grey-06: 72, 79, 90;
83
+ --tone-grey-07: 39, 43, 49;
84
84
  --tone-grey-08: 27, 29, 33;
85
85
  --tone-grey-09: 14, 15, 17;
86
- --tone-grey-10: 7, 8, 9;
86
+ --tone-grey-10: 8, 9, 10;
87
87
  --tone-grey: 0, 0, 0;
88
88
  --tone-zinc-01: 224, 224, 227;
89
- --tone-zinc-02: 216, 216, 219;
89
+ --tone-zinc-02: 215, 215, 219;
90
90
  --tone-zinc-03: 181, 181, 189;
91
91
  --tone-zinc-04: 154, 154, 164;
92
- --tone-zinc-05: 120, 120, 133;
93
- --tone-zinc-06: 78, 78, 86;
94
- --tone-zinc-07: 42, 42, 47;
92
+ --tone-zinc-05: 121, 121, 133;
93
+ --tone-zinc-06: 78, 78, 87;
94
+ --tone-zinc-07: 42, 42, 46;
95
95
  --tone-zinc-08: 28, 28, 31;
96
- --tone-zinc-09: 15, 15, 16;
97
- --tone-zinc-10: 9, 9, 10;
96
+ --tone-zinc-09: 17, 17, 19;
97
+ --tone-zinc-10: 9, 9, 9;
98
98
  --tone-zinc: 0, 0, 0;
99
- --tone-neutral-01: 224, 224, 224;
100
- --tone-neutral-02: 215, 215, 215;
99
+ --tone-neutral-01: 225, 225, 225;
100
+ --tone-neutral-02: 216, 216, 216;
101
101
  --tone-neutral-03: 181, 181, 181;
102
102
  --tone-neutral-04: 155, 155, 155;
103
103
  --tone-neutral-05: 122, 122, 122;
@@ -105,58 +105,58 @@ Generated at Thu, 12 May 2022 12:41:28 GMT
105
105
  --tone-neutral-07: 43, 43, 43;
106
106
  --tone-neutral-08: 29, 29, 29;
107
107
  --tone-neutral-09: 15, 15, 15;
108
- --tone-neutral-10: 8, 8, 8;
108
+ --tone-neutral-10: 9, 9, 9;
109
109
  --tone-neutral: 0, 0, 0;
110
110
  --tone-stone-01: 226, 224, 223;
111
111
  --tone-stone-02: 218, 215, 214;
112
112
  --tone-stone-03: 185, 181, 177;
113
113
  --tone-stone-04: 160, 154, 150;
114
114
  --tone-stone-05: 127, 120, 114;
115
- --tone-stone-06: 83, 77, 74;
116
- --tone-stone-07: 45, 42, 40;
115
+ --tone-stone-06: 83, 78, 74;
116
+ --tone-stone-07: 45, 42, 41;
117
117
  --tone-stone-08: 30, 28, 27;
118
- --tone-stone-09: 16, 15, 14;
119
- --tone-stone-10: 8, 8, 7;
118
+ --tone-stone-09: 16, 15, 15;
119
+ --tone-stone-10: 9, 9, 8;
120
120
  --tone-stone: 0, 0, 0;
121
121
  }
122
122
 
123
123
  @media (prefers-color-scheme: dark) {
124
124
  :root .dark-mode-os {
125
125
  --tone-slate-01: 221, 225, 232;
126
- --tone-slate-02: 210, 217, 225;
126
+ --tone-slate-02: 210, 216, 225;
127
127
  --tone-slate-03: 171, 182, 199;
128
128
  --tone-slate-04: 140, 156, 179;
129
129
  --tone-slate-05: 101, 123, 152;
130
130
  --tone-slate-06: 66, 79, 99;
131
- --tone-slate-07: 36, 43, 54;
131
+ --tone-slate-07: 35, 43, 53;
132
132
  --tone-slate-08: 24, 29, 36;
133
133
  --tone-slate-09: 14, 17, 21;
134
- --tone-slate-10: 6, 8, 9;
134
+ --tone-slate-10: 7, 9, 11;
135
135
  --tone-slate: 0, 0, 0;
136
136
  --tone-grey-01: 222, 225, 229;
137
- --tone-grey-02: 213, 216, 221;
137
+ --tone-grey-02: 212, 215, 221;
138
138
  --tone-grey-03: 177, 182, 192;
139
139
  --tone-grey-04: 148, 155, 168;
140
140
  --tone-grey-05: 112, 122, 138;
141
- --tone-grey-06: 73, 79, 90;
142
- --tone-grey-07: 40, 43, 49;
141
+ --tone-grey-06: 72, 79, 90;
142
+ --tone-grey-07: 39, 43, 49;
143
143
  --tone-grey-08: 27, 29, 33;
144
144
  --tone-grey-09: 14, 15, 17;
145
- --tone-grey-10: 7, 8, 9;
145
+ --tone-grey-10: 8, 9, 10;
146
146
  --tone-grey: 0, 0, 0;
147
147
  --tone-zinc-01: 224, 224, 227;
148
- --tone-zinc-02: 216, 216, 219;
148
+ --tone-zinc-02: 215, 215, 219;
149
149
  --tone-zinc-03: 181, 181, 189;
150
150
  --tone-zinc-04: 154, 154, 164;
151
- --tone-zinc-05: 120, 120, 133;
152
- --tone-zinc-06: 78, 78, 86;
153
- --tone-zinc-07: 42, 42, 47;
151
+ --tone-zinc-05: 121, 121, 133;
152
+ --tone-zinc-06: 78, 78, 87;
153
+ --tone-zinc-07: 42, 42, 46;
154
154
  --tone-zinc-08: 28, 28, 31;
155
- --tone-zinc-09: 15, 15, 16;
156
- --tone-zinc-10: 9, 9, 10;
155
+ --tone-zinc-09: 17, 17, 19;
156
+ --tone-zinc-10: 9, 9, 9;
157
157
  --tone-zinc: 0, 0, 0;
158
- --tone-neutral-01: 224, 224, 224;
159
- --tone-neutral-02: 215, 215, 215;
158
+ --tone-neutral-01: 225, 225, 225;
159
+ --tone-neutral-02: 216, 216, 216;
160
160
  --tone-neutral-03: 181, 181, 181;
161
161
  --tone-neutral-04: 155, 155, 155;
162
162
  --tone-neutral-05: 122, 122, 122;
@@ -164,18 +164,18 @@ Generated at Thu, 12 May 2022 12:41:28 GMT
164
164
  --tone-neutral-07: 43, 43, 43;
165
165
  --tone-neutral-08: 29, 29, 29;
166
166
  --tone-neutral-09: 15, 15, 15;
167
- --tone-neutral-10: 8, 8, 8;
167
+ --tone-neutral-10: 9, 9, 9;
168
168
  --tone-neutral: 0, 0, 0;
169
169
  --tone-stone-01: 226, 224, 223;
170
170
  --tone-stone-02: 218, 215, 214;
171
171
  --tone-stone-03: 185, 181, 177;
172
172
  --tone-stone-04: 160, 154, 150;
173
173
  --tone-stone-05: 127, 120, 114;
174
- --tone-stone-06: 83, 77, 74;
175
- --tone-stone-07: 45, 42, 40;
174
+ --tone-stone-06: 83, 78, 74;
175
+ --tone-stone-07: 45, 42, 41;
176
176
  --tone-stone-08: 30, 28, 27;
177
- --tone-stone-09: 16, 15, 14;
178
- --tone-stone-10: 8, 8, 7;
177
+ --tone-stone-09: 16, 15, 15;
178
+ --tone-stone-10: 9, 9, 8;
179
179
  --tone-stone: 0, 0, 0;
180
180
  }
181
181
  }