@maggioli-design-system/styles 6.5.3 → 8.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 (22) hide show
  1. package/README.md +18 -0
  2. package/dist/css/base.css +70 -23
  3. package/dist/css/colors-brand-synbee.css +151 -25
  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 +151 -25
  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 -93
  11. package/dist/css/colors-rgb.css +375 -282
  12. package/dist/css/colors-status.css +50 -50
  13. package/dist/css/colors-tones.css +60 -93
  14. package/dist/css/colors.css +375 -282
  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 +10 -9
  19. package/dist/tailwind/typography.css +48 -26
  20. package/package.json +20 -14
  21. package/postcss.config.js +1 -0
  22. package/tailwind.config.js +3 -3
package/dist/css/colors-status.css CHANGED
@@ -1,53 +1,53 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Mon, 27 Jun 2022 07:54:51 GMT
5
5
  */
6
6
 
7
7
  :root {
8
8
  --status-info-01: #0c465a;
9
9
  --status-info-02: #0e5168;
10
- --status-info-03: #11637f;
11
- --status-info-04: #157697;
10
+ --status-info-03: #11637e;
11
+ --status-info-04: #157797;
12
12
  --status-info-05: #198fb6;
13
- --status-info-06: #1eaede;
14
- --status-info-07: #6ccceb;
15
- --status-info-08: #aae1f3;
16
- --status-info-09: #cfeef8;
17
- --status-info-10: #eaf8fc;
13
+ --status-info-06: #1eaedd;
14
+ --status-info-07: #6dcceb;
15
+ --status-info-08: #a8e1f3;
16
+ --status-info-09: #d0eef9;
17
+ --status-info-10: #e7f7fc;
18
18
  --status-info: #23b2e1;
19
- --status-success-01: #0d4a2d;
19
+ --status-success-01: #0d4b2d;
20
20
  --status-success-02: #0f5634;
21
- --status-success-03: #126940;
21
+ --status-success-03: #12693f;
22
22
  --status-success-04: #167d4c;
23
23
  --status-success-05: #1a975b;
24
24
  --status-success-06: #20b86f;
25
- --status-success-07: #2ada86;
26
- --status-success-08: #8cebbd;
27
- --status-success-09: #bff4db;
28
- --status-success-10: #e1faee;
25
+ --status-success-07: #28da84;
26
+ --status-success-08: #8aebbc;
27
+ --status-success-09: #c0f4db;
28
+ --status-success-10: #e4faf0;
29
29
  --status-success: #21bf73;
30
30
  --status-error-01: #82120f;
31
31
  --status-error-02: #951411;
32
32
  --status-error-03: #b61815;
33
33
  --status-error-04: #d71d19;
34
34
  --status-error-05: #ea4d49;
35
- --status-error-06: #f0817e;
36
- --status-error-07: #f5aeac;
35
+ --status-error-06: #f0817f;
36
+ --status-error-07: #f5adab;
37
37
  --status-error-08: #f9cecd;
38
- --status-error-09: #fce2e2;
39
- --status-error-10: #fef3f3;
38
+ --status-error-09: #fce3e2;
39
+ --status-error-10: #fdf2f2;
40
40
  --status-error: #ed6663;
41
41
  --status-warning-01: #523d00;
42
- --status-warning-02: #5f4800;
42
+ --status-warning-02: #5f4700;
43
43
  --status-warning-03: #755700;
44
44
  --status-warning-04: #8b6800;
45
45
  --status-warning-05: #a87e00;
46
- --status-warning-06: #cd9900;
47
- --status-warning-07: #f2b600;
48
- --status-warning-08: #ffd452;
49
- --status-warning-09: #ffe7a1;
50
- --status-warning-10: #fff5d5;
46
+ --status-warning-06: #cc9900;
47
+ --status-warning-07: #f3b600;
48
+ --status-warning-08: #ffd451;
49
+ --status-warning-09: #ffe69c;
50
+ --status-warning-10: #fff5d6;
51
51
  --status-warning: #ffc107;
52
52
  }
53
53
 
@@ -55,13 +55,13 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
55
55
  --status-info-01: #52c2e7;
56
56
  --status-info-02: #2ab4e2;
57
57
  --status-info-03: #1b9dc8;
58
- --status-info-04: #1787ac;
59
- --status-info-05: #13708e;
58
+ --status-info-04: #1788ac;
59
+ --status-info-05: #136f8e;
60
60
  --status-info-06: #0f566d;
61
61
  --status-info-07: #0b3e4f;
62
62
  --status-info-08: #082c37;
63
- --status-info-09: #051f28;
64
- --status-info-10: #031115;
63
+ --status-info-09: #051e26;
64
+ --status-info-10: #031116;
65
65
  --status-info: #23b2e1;
66
66
  --status-success-01: #24cf7d;
67
67
  --status-success-02: #21bf73;
@@ -70,19 +70,19 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
70
70
  --status-success-05: #147647;
71
71
  --status-success-06: #105b37;
72
72
  --status-success-07: #0b4228;
73
- --status-success-08: #082e1b;
74
- --status-success-09: #052013;
75
- --status-success-10: #03110a;
73
+ --status-success-08: #082f1c;
74
+ --status-success-09: #062014;
75
+ --status-success-10: #03120b;
76
76
  --status-success: #21bf73;
77
77
  --status-error-01: #f49f9d;
78
- --status-error-02: #f18a88;
79
- --status-error-03: #ed6663;
80
- --status-error-04: #e83c39;
78
+ --status-error-02: #f18b88;
79
+ --status-error-03: #ed6664;
80
+ --status-error-04: #e83c38;
81
81
  --status-error-05: #cb1b17;
82
82
  --status-error-06: #9e1512;
83
83
  --status-error-07: #74100d;
84
84
  --status-error-08: #540b0a;
85
- --status-error-09: #3b0807;
85
+ --status-error-09: #3c0807;
86
86
  --status-error-10: #230504;
87
87
  --status-error: #ed6663;
88
88
  --status-warning-01: #e6ac00;
@@ -92,9 +92,9 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
92
92
  --status-warning-05: #836200;
93
93
  --status-warning-06: #654b00;
94
94
  --status-warning-07: #493700;
95
- --status-warning-08: #332700;
95
+ --status-warning-08: #332600;
96
96
  --status-warning-09: #231a00;
97
- --status-warning-10: #140f00;
97
+ --status-warning-10: #130e00;
98
98
  --status-warning: #ffc107;
99
99
  }
100
100
 
@@ -103,13 +103,13 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
103
103
  --status-info-01: #52c2e7;
104
104
  --status-info-02: #2ab4e2;
105
105
  --status-info-03: #1b9dc8;
106
- --status-info-04: #1787ac;
107
- --status-info-05: #13708e;
106
+ --status-info-04: #1788ac;
107
+ --status-info-05: #136f8e;
108
108
  --status-info-06: #0f566d;
109
109
  --status-info-07: #0b3e4f;
110
110
  --status-info-08: #082c37;
111
- --status-info-09: #051f28;
112
- --status-info-10: #031115;
111
+ --status-info-09: #051e26;
112
+ --status-info-10: #031116;
113
113
  --status-info: #23b2e1;
114
114
  --status-success-01: #24cf7d;
115
115
  --status-success-02: #21bf73;
@@ -118,19 +118,19 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
118
118
  --status-success-05: #147647;
119
119
  --status-success-06: #105b37;
120
120
  --status-success-07: #0b4228;
121
- --status-success-08: #082e1b;
122
- --status-success-09: #052013;
123
- --status-success-10: #03110a;
121
+ --status-success-08: #082f1c;
122
+ --status-success-09: #062014;
123
+ --status-success-10: #03120b;
124
124
  --status-success: #21bf73;
125
125
  --status-error-01: #f49f9d;
126
- --status-error-02: #f18a88;
127
- --status-error-03: #ed6663;
128
- --status-error-04: #e83c39;
126
+ --status-error-02: #f18b88;
127
+ --status-error-03: #ed6664;
128
+ --status-error-04: #e83c38;
129
129
  --status-error-05: #cb1b17;
130
130
  --status-error-06: #9e1512;
131
131
  --status-error-07: #74100d;
132
132
  --status-error-08: #540b0a;
133
- --status-error-09: #3b0807;
133
+ --status-error-09: #3c0807;
134
134
  --status-error-10: #230504;
135
135
  --status-error: #ed6663;
136
136
  --status-warning-01: #e6ac00;
@@ -140,9 +140,9 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
140
140
  --status-warning-05: #836200;
141
141
  --status-warning-06: #654b00;
142
142
  --status-warning-07: #493700;
143
- --status-warning-08: #332700;
143
+ --status-warning-08: #332600;
144
144
  --status-warning-09: #231a00;
145
- --status-warning-10: #140f00;
145
+ --status-warning-10: #130e00;
146
146
  --status-warning: #ffc107;
147
147
  }
148
148
  }
package/dist/css/colors-tones.css CHANGED
@@ -1,125 +1,103 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Mon, 27 Jun 2022 07:54:51 GMT
5
5
  */
6
6
 
7
7
  :root {
8
- --adjust-tone-01: #212121;
9
- --adjust-tone-02: #282828;
10
- --adjust-tone-03: #404040;
11
- --adjust-tone-04: #545454;
12
- --adjust-tone-05: #717171;
13
- --adjust-tone-06: #a2a2a2;
14
- --adjust-tone-07: #d5d5d5;
15
- --adjust-tone-08: #e7e7e7;
16
- --adjust-tone-09: #f3f3f3;
17
- --adjust-tone-10: #f9f9f9;
18
- --adjust-tone: #ffffff;
19
8
  --tone-slate-01: #1c222a;
20
9
  --tone-slate-02: #212932;
21
10
  --tone-slate-03: #364151;
22
11
  --tone-slate-04: #47556a;
23
12
  --tone-slate-05: #5f738f;
24
13
  --tone-slate-06: #95a4b8;
25
- --tone-slate-07: #ced5df;
26
- --tone-slate-08: #e4e7ed;
27
- --tone-slate-09: #f3f4f7;
28
- --tone-slate-10: #f8f9fa;
14
+ --tone-slate-07: #cfd5df;
15
+ --tone-slate-08: #e2e6ec;
16
+ --tone-slate-09: #f1f3f6;
17
+ --tone-slate-10: #f7f8fa;
29
18
  --tone-slate: #ffffff;
30
- --tone-grey-01: #1f2226;
19
+ --tone-grey-01: #1f2126;
31
20
  --tone-grey-02: #25282e;
32
21
  --tone-grey-03: #3b4049;
33
- --tone-grey-04: #4e5460;
22
+ --tone-grey-04: #4e5560;
34
23
  --tone-grey-05: #697282;
35
24
  --tone-grey-06: #9ca3af;
36
25
  --tone-grey-07: #d2d5da;
37
- --tone-grey-08: #e5e7ea;
38
- --tone-grey-09: #f3f4f6;
39
- --tone-grey-10: #f8f9f9;
26
+ --tone-grey-08: #e6e7ea;
27
+ --tone-grey-09: #f2f3f5;
28
+ --tone-grey-10: #f8f8f9;
40
29
  --tone-grey: #ffffff;
41
30
  --tone-zinc-01: #212125;
42
31
  --tone-zinc-02: #28282c;
43
32
  --tone-zinc-03: #404046;
44
- --tone-zinc-04: #53535c;
33
+ --tone-zinc-04: #54545c;
45
34
  --tone-zinc-05: #70707c;
46
35
  --tone-zinc-06: #a1a1aa;
47
36
  --tone-zinc-07: #d4d4d8;
48
37
  --tone-zinc-08: #e6e6e8;
49
- --tone-zinc-09: #f4f4f5;
38
+ --tone-zinc-09: #f3f3f4;
50
39
  --tone-zinc-10: #f8f8f9;
51
40
  --tone-zinc: #ffffff;
52
41
  --tone-neutral-01: #212121;
53
42
  --tone-neutral-02: #282828;
54
- --tone-neutral-03: #414141;
43
+ --tone-neutral-03: #404040;
55
44
  --tone-neutral-04: #545454;
56
45
  --tone-neutral-05: #717171;
57
46
  --tone-neutral-06: #a2a2a2;
58
- --tone-neutral-07: #d5d5d5;
47
+ --tone-neutral-07: #d4d4d4;
59
48
  --tone-neutral-08: #e7e7e7;
60
- --tone-neutral-09: #f4f4f4;
49
+ --tone-neutral-09: #f3f3f3;
61
50
  --tone-neutral-10: #f8f8f8;
62
51
  --tone-neutral: #ffffff;
63
52
  --tone-stone-01: #232120;
64
53
  --tone-stone-02: #2a2826;
65
- --tone-stone-03: #443f3d;
66
- --tone-stone-04: #595350;
54
+ --tone-stone-03: #44403d;
55
+ --tone-stone-04: #59534f;
67
56
  --tone-stone-05: #78706c;
68
- --tone-stone-06: #a7a19c;
57
+ --tone-stone-06: #a7a19d;
69
58
  --tone-stone-07: #d7d4d2;
70
- --tone-stone-08: #e7e6e5;
71
- --tone-stone-09: #f5f4f4;
59
+ --tone-stone-08: #e8e6e5;
60
+ --tone-stone-09: #f4f3f2;
72
61
  --tone-stone-10: #f9f8f8;
73
62
  --tone-stone: #ffffff;
74
63
  }
75
64
 
76
65
  :root .dark-mode {
77
- --adjust-tone-01: #e0e0e0;
78
- --adjust-tone-02: #d7d7d7;
79
- --adjust-tone-03: #b5b5b5;
80
- --adjust-tone-04: #9b9b9b;
81
- --adjust-tone-05: #797979;
82
- --adjust-tone-06: #4f4f4f;
83
- --adjust-tone-07: #2b2b2b;
84
- --adjust-tone-08: #1d1d1d;
85
- --adjust-tone-09: #101010;
86
- --adjust-tone-10: #080808;
87
- --adjust-tone: #000000;
88
66
  --tone-slate-01: #dde1e8;
89
- --tone-slate-02: #d2d9e1;
67
+ --tone-slate-02: #d2d8e1;
90
68
  --tone-slate-03: #abb6c7;
91
69
  --tone-slate-04: #8c9cb3;
92
70
  --tone-slate-05: #657b98;
93
71
  --tone-slate-06: #424f63;
94
- --tone-slate-07: #242b36;
72
+ --tone-slate-07: #232b35;
95
73
  --tone-slate-08: #181d24;
96
74
  --tone-slate-09: #0e1115;
97
- --tone-slate-10: #060809;
75
+ --tone-slate-10: #07090b;
98
76
  --tone-slate: #000000;
99
77
  --tone-grey-01: #dee1e5;
100
- --tone-grey-02: #d5d8dd;
78
+ --tone-grey-02: #d4d7dd;
101
79
  --tone-grey-03: #b1b6c0;
102
80
  --tone-grey-04: #949ba8;
103
81
  --tone-grey-05: #707a8a;
104
- --tone-grey-06: #494f5a;
105
- --tone-grey-07: #282b31;
82
+ --tone-grey-06: #484f5a;
83
+ --tone-grey-07: #272b31;
106
84
  --tone-grey-08: #1b1d21;
107
85
  --tone-grey-09: #0e0f11;
108
- --tone-grey-10: #070809;
86
+ --tone-grey-10: #08090a;
109
87
  --tone-grey: #000000;
110
88
  --tone-zinc-01: #e0e0e3;
111
- --tone-zinc-02: #d8d8db;
89
+ --tone-zinc-02: #d7d7db;
112
90
  --tone-zinc-03: #b5b5bd;
113
91
  --tone-zinc-04: #9a9aa4;
114
- --tone-zinc-05: #787885;
115
- --tone-zinc-06: #4e4e56;
116
- --tone-zinc-07: #2a2a2f;
92
+ --tone-zinc-05: #797985;
93
+ --tone-zinc-06: #4e4e57;
94
+ --tone-zinc-07: #2a2a2e;
117
95
  --tone-zinc-08: #1c1c1f;
118
- --tone-zinc-09: #0f0f10;
119
- --tone-zinc-10: #09090a;
96
+ --tone-zinc-09: #111113;
97
+ --tone-zinc-10: #090909;
120
98
  --tone-zinc: #000000;
121
- --tone-neutral-01: #e0e0e0;
122
- --tone-neutral-02: #d7d7d7;
99
+ --tone-neutral-01: #e1e1e1;
100
+ --tone-neutral-02: #d8d8d8;
123
101
  --tone-neutral-03: #b5b5b5;
124
102
  --tone-neutral-04: #9b9b9b;
125
103
  --tone-neutral-05: #7a7a7a;
@@ -127,69 +105,58 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
127
105
  --tone-neutral-07: #2b2b2b;
128
106
  --tone-neutral-08: #1d1d1d;
129
107
  --tone-neutral-09: #0f0f0f;
130
- --tone-neutral-10: #080808;
108
+ --tone-neutral-10: #090909;
131
109
  --tone-neutral: #000000;
132
110
  --tone-stone-01: #e2e0df;
133
111
  --tone-stone-02: #dad7d6;
134
112
  --tone-stone-03: #b9b5b1;
135
113
  --tone-stone-04: #a09a96;
136
114
  --tone-stone-05: #7f7872;
137
- --tone-stone-06: #534d4a;
138
- --tone-stone-07: #2d2a28;
115
+ --tone-stone-06: #534e4a;
116
+ --tone-stone-07: #2d2a29;
139
117
  --tone-stone-08: #1e1c1b;
140
- --tone-stone-09: #100f0e;
141
- --tone-stone-10: #080807;
118
+ --tone-stone-09: #100f0f;
119
+ --tone-stone-10: #090908;
142
120
  --tone-stone: #000000;
143
121
  }
144
122
 
145
123
  @media (prefers-color-scheme: dark) {
146
124
  :root .dark-mode-os {
147
- --adjust-tone-01: #e0e0e0;
148
- --adjust-tone-02: #d7d7d7;
149
- --adjust-tone-03: #b5b5b5;
150
- --adjust-tone-04: #9b9b9b;
151
- --adjust-tone-05: #797979;
152
- --adjust-tone-06: #4f4f4f;
153
- --adjust-tone-07: #2b2b2b;
154
- --adjust-tone-08: #1d1d1d;
155
- --adjust-tone-09: #101010;
156
- --adjust-tone-10: #080808;
157
- --adjust-tone: #000000;
158
125
  --tone-slate-01: #dde1e8;
159
- --tone-slate-02: #d2d9e1;
126
+ --tone-slate-02: #d2d8e1;
160
127
  --tone-slate-03: #abb6c7;
161
128
  --tone-slate-04: #8c9cb3;
162
129
  --tone-slate-05: #657b98;
163
130
  --tone-slate-06: #424f63;
164
- --tone-slate-07: #242b36;
131
+ --tone-slate-07: #232b35;
165
132
  --tone-slate-08: #181d24;
166
133
  --tone-slate-09: #0e1115;
167
- --tone-slate-10: #060809;
134
+ --tone-slate-10: #07090b;
168
135
  --tone-slate: #000000;
169
136
  --tone-grey-01: #dee1e5;
170
- --tone-grey-02: #d5d8dd;
137
+ --tone-grey-02: #d4d7dd;
171
138
  --tone-grey-03: #b1b6c0;
172
139
  --tone-grey-04: #949ba8;
173
140
  --tone-grey-05: #707a8a;
174
- --tone-grey-06: #494f5a;
175
- --tone-grey-07: #282b31;
141
+ --tone-grey-06: #484f5a;
142
+ --tone-grey-07: #272b31;
176
143
  --tone-grey-08: #1b1d21;
177
144
  --tone-grey-09: #0e0f11;
178
- --tone-grey-10: #070809;
145
+ --tone-grey-10: #08090a;
179
146
  --tone-grey: #000000;
180
147
  --tone-zinc-01: #e0e0e3;
181
- --tone-zinc-02: #d8d8db;
148
+ --tone-zinc-02: #d7d7db;
182
149
  --tone-zinc-03: #b5b5bd;
183
150
  --tone-zinc-04: #9a9aa4;
184
- --tone-zinc-05: #787885;
185
- --tone-zinc-06: #4e4e56;
186
- --tone-zinc-07: #2a2a2f;
151
+ --tone-zinc-05: #797985;
152
+ --tone-zinc-06: #4e4e57;
153
+ --tone-zinc-07: #2a2a2e;
187
154
  --tone-zinc-08: #1c1c1f;
188
- --tone-zinc-09: #0f0f10;
189
- --tone-zinc-10: #09090a;
155
+ --tone-zinc-09: #111113;
156
+ --tone-zinc-10: #090909;
190
157
  --tone-zinc: #000000;
191
- --tone-neutral-01: #e0e0e0;
192
- --tone-neutral-02: #d7d7d7;
158
+ --tone-neutral-01: #e1e1e1;
159
+ --tone-neutral-02: #d8d8d8;
193
160
  --tone-neutral-03: #b5b5b5;
194
161
  --tone-neutral-04: #9b9b9b;
195
162
  --tone-neutral-05: #7a7a7a;
@@ -197,18 +164,18 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
197
164
  --tone-neutral-07: #2b2b2b;
198
165
  --tone-neutral-08: #1d1d1d;
199
166
  --tone-neutral-09: #0f0f0f;
200
- --tone-neutral-10: #080808;
167
+ --tone-neutral-10: #090909;
201
168
  --tone-neutral: #000000;
202
169
  --tone-stone-01: #e2e0df;
203
170
  --tone-stone-02: #dad7d6;
204
171
  --tone-stone-03: #b9b5b1;
205
172
  --tone-stone-04: #a09a96;
206
173
  --tone-stone-05: #7f7872;
207
- --tone-stone-06: #534d4a;
208
- --tone-stone-07: #2d2a28;
174
+ --tone-stone-06: #534e4a;
175
+ --tone-stone-07: #2d2a29;
209
176
  --tone-stone-08: #1e1c1b;
210
- --tone-stone-09: #100f0e;
211
- --tone-stone-10: #080807;
177
+ --tone-stone-09: #100f0f;
178
+ --tone-stone-10: #090908;
212
179
  --tone-stone: #000000;
213
180
  }
214
181
  }