@maggioli-design-system/styles 6.5.4 → 8.1.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 (21) hide show
  1. package/README.md +47 -1
  2. package/dist/css/base.css +70 -23
  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 +22 -13
  21. package/postcss.config.js +1 -0
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 Thu, 12 May 2022 08:20:56 GMT
4
+ Generated at Wed, 29 Jun 2022 09:21:40 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 Thu, 12 May 2022 08:20:56 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 Thu, 12 May 2022 08:20:56 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 Thu, 12 May 2022 08:20:56 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 Thu, 12 May 2022 08:20:56 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 Thu, 12 May 2022 08:20:56 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 Thu, 12 May 2022 08:20:56 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,7 +1,7 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Thu, 12 May 2022 08:20:56 GMT
4
+ Generated at Wed, 29 Jun 2022 09:21:40 GMT
5
5
  */
6
6
 
7
7
  :root {
@@ -11,93 +11,93 @@ Generated at Thu, 12 May 2022 08:20:56 GMT
11
11
  --tone-slate-04: #47556a;
12
12
  --tone-slate-05: #5f738f;
13
13
  --tone-slate-06: #95a4b8;
14
- --tone-slate-07: #ced5df;
15
- --tone-slate-08: #e4e7ed;
16
- --tone-slate-09: #f3f4f7;
17
- --tone-slate-10: #f8f9fa;
14
+ --tone-slate-07: #cfd5df;
15
+ --tone-slate-08: #e2e6ec;
16
+ --tone-slate-09: #f1f3f6;
17
+ --tone-slate-10: #f7f8fa;
18
18
  --tone-slate: #ffffff;
19
- --tone-grey-01: #1f2226;
19
+ --tone-grey-01: #1f2126;
20
20
  --tone-grey-02: #25282e;
21
21
  --tone-grey-03: #3b4049;
22
- --tone-grey-04: #4e5460;
22
+ --tone-grey-04: #4e5560;
23
23
  --tone-grey-05: #697282;
24
24
  --tone-grey-06: #9ca3af;
25
25
  --tone-grey-07: #d2d5da;
26
- --tone-grey-08: #e5e7ea;
27
- --tone-grey-09: #f3f4f6;
28
- --tone-grey-10: #f8f9f9;
26
+ --tone-grey-08: #e6e7ea;
27
+ --tone-grey-09: #f2f3f5;
28
+ --tone-grey-10: #f8f8f9;
29
29
  --tone-grey: #ffffff;
30
30
  --tone-zinc-01: #212125;
31
31
  --tone-zinc-02: #28282c;
32
32
  --tone-zinc-03: #404046;
33
- --tone-zinc-04: #53535c;
33
+ --tone-zinc-04: #54545c;
34
34
  --tone-zinc-05: #70707c;
35
35
  --tone-zinc-06: #a1a1aa;
36
36
  --tone-zinc-07: #d4d4d8;
37
37
  --tone-zinc-08: #e6e6e8;
38
- --tone-zinc-09: #f4f4f5;
38
+ --tone-zinc-09: #f3f3f4;
39
39
  --tone-zinc-10: #f8f8f9;
40
40
  --tone-zinc: #ffffff;
41
41
  --tone-neutral-01: #212121;
42
42
  --tone-neutral-02: #282828;
43
- --tone-neutral-03: #414141;
43
+ --tone-neutral-03: #404040;
44
44
  --tone-neutral-04: #545454;
45
45
  --tone-neutral-05: #717171;
46
46
  --tone-neutral-06: #a2a2a2;
47
- --tone-neutral-07: #d5d5d5;
47
+ --tone-neutral-07: #d4d4d4;
48
48
  --tone-neutral-08: #e7e7e7;
49
- --tone-neutral-09: #f4f4f4;
49
+ --tone-neutral-09: #f3f3f3;
50
50
  --tone-neutral-10: #f8f8f8;
51
51
  --tone-neutral: #ffffff;
52
52
  --tone-stone-01: #232120;
53
53
  --tone-stone-02: #2a2826;
54
- --tone-stone-03: #443f3d;
55
- --tone-stone-04: #595350;
54
+ --tone-stone-03: #44403d;
55
+ --tone-stone-04: #59534f;
56
56
  --tone-stone-05: #78706c;
57
- --tone-stone-06: #a7a19c;
57
+ --tone-stone-06: #a7a19d;
58
58
  --tone-stone-07: #d7d4d2;
59
- --tone-stone-08: #e7e6e5;
60
- --tone-stone-09: #f5f4f4;
59
+ --tone-stone-08: #e8e6e5;
60
+ --tone-stone-09: #f4f3f2;
61
61
  --tone-stone-10: #f9f8f8;
62
62
  --tone-stone: #ffffff;
63
63
  }
64
64
 
65
65
  :root .dark-mode {
66
66
  --tone-slate-01: #dde1e8;
67
- --tone-slate-02: #d2d9e1;
67
+ --tone-slate-02: #d2d8e1;
68
68
  --tone-slate-03: #abb6c7;
69
69
  --tone-slate-04: #8c9cb3;
70
70
  --tone-slate-05: #657b98;
71
71
  --tone-slate-06: #424f63;
72
- --tone-slate-07: #242b36;
72
+ --tone-slate-07: #232b35;
73
73
  --tone-slate-08: #181d24;
74
74
  --tone-slate-09: #0e1115;
75
- --tone-slate-10: #060809;
75
+ --tone-slate-10: #07090b;
76
76
  --tone-slate: #000000;
77
77
  --tone-grey-01: #dee1e5;
78
- --tone-grey-02: #d5d8dd;
78
+ --tone-grey-02: #d4d7dd;
79
79
  --tone-grey-03: #b1b6c0;
80
80
  --tone-grey-04: #949ba8;
81
81
  --tone-grey-05: #707a8a;
82
- --tone-grey-06: #494f5a;
83
- --tone-grey-07: #282b31;
82
+ --tone-grey-06: #484f5a;
83
+ --tone-grey-07: #272b31;
84
84
  --tone-grey-08: #1b1d21;
85
85
  --tone-grey-09: #0e0f11;
86
- --tone-grey-10: #070809;
86
+ --tone-grey-10: #08090a;
87
87
  --tone-grey: #000000;
88
88
  --tone-zinc-01: #e0e0e3;
89
- --tone-zinc-02: #d8d8db;
89
+ --tone-zinc-02: #d7d7db;
90
90
  --tone-zinc-03: #b5b5bd;
91
91
  --tone-zinc-04: #9a9aa4;
92
- --tone-zinc-05: #787885;
93
- --tone-zinc-06: #4e4e56;
94
- --tone-zinc-07: #2a2a2f;
92
+ --tone-zinc-05: #797985;
93
+ --tone-zinc-06: #4e4e57;
94
+ --tone-zinc-07: #2a2a2e;
95
95
  --tone-zinc-08: #1c1c1f;
96
- --tone-zinc-09: #0f0f10;
97
- --tone-zinc-10: #09090a;
96
+ --tone-zinc-09: #111113;
97
+ --tone-zinc-10: #090909;
98
98
  --tone-zinc: #000000;
99
- --tone-neutral-01: #e0e0e0;
100
- --tone-neutral-02: #d7d7d7;
99
+ --tone-neutral-01: #e1e1e1;
100
+ --tone-neutral-02: #d8d8d8;
101
101
  --tone-neutral-03: #b5b5b5;
102
102
  --tone-neutral-04: #9b9b9b;
103
103
  --tone-neutral-05: #7a7a7a;
@@ -105,58 +105,58 @@ Generated at Thu, 12 May 2022 08:20:56 GMT
105
105
  --tone-neutral-07: #2b2b2b;
106
106
  --tone-neutral-08: #1d1d1d;
107
107
  --tone-neutral-09: #0f0f0f;
108
- --tone-neutral-10: #080808;
108
+ --tone-neutral-10: #090909;
109
109
  --tone-neutral: #000000;
110
110
  --tone-stone-01: #e2e0df;
111
111
  --tone-stone-02: #dad7d6;
112
112
  --tone-stone-03: #b9b5b1;
113
113
  --tone-stone-04: #a09a96;
114
114
  --tone-stone-05: #7f7872;
115
- --tone-stone-06: #534d4a;
116
- --tone-stone-07: #2d2a28;
115
+ --tone-stone-06: #534e4a;
116
+ --tone-stone-07: #2d2a29;
117
117
  --tone-stone-08: #1e1c1b;
118
- --tone-stone-09: #100f0e;
119
- --tone-stone-10: #080807;
118
+ --tone-stone-09: #100f0f;
119
+ --tone-stone-10: #090908;
120
120
  --tone-stone: #000000;
121
121
  }
122
122
 
123
123
  @media (prefers-color-scheme: dark) {
124
124
  :root .dark-mode-os {
125
125
  --tone-slate-01: #dde1e8;
126
- --tone-slate-02: #d2d9e1;
126
+ --tone-slate-02: #d2d8e1;
127
127
  --tone-slate-03: #abb6c7;
128
128
  --tone-slate-04: #8c9cb3;
129
129
  --tone-slate-05: #657b98;
130
130
  --tone-slate-06: #424f63;
131
- --tone-slate-07: #242b36;
131
+ --tone-slate-07: #232b35;
132
132
  --tone-slate-08: #181d24;
133
133
  --tone-slate-09: #0e1115;
134
- --tone-slate-10: #060809;
134
+ --tone-slate-10: #07090b;
135
135
  --tone-slate: #000000;
136
136
  --tone-grey-01: #dee1e5;
137
- --tone-grey-02: #d5d8dd;
137
+ --tone-grey-02: #d4d7dd;
138
138
  --tone-grey-03: #b1b6c0;
139
139
  --tone-grey-04: #949ba8;
140
140
  --tone-grey-05: #707a8a;
141
- --tone-grey-06: #494f5a;
142
- --tone-grey-07: #282b31;
141
+ --tone-grey-06: #484f5a;
142
+ --tone-grey-07: #272b31;
143
143
  --tone-grey-08: #1b1d21;
144
144
  --tone-grey-09: #0e0f11;
145
- --tone-grey-10: #070809;
145
+ --tone-grey-10: #08090a;
146
146
  --tone-grey: #000000;
147
147
  --tone-zinc-01: #e0e0e3;
148
- --tone-zinc-02: #d8d8db;
148
+ --tone-zinc-02: #d7d7db;
149
149
  --tone-zinc-03: #b5b5bd;
150
150
  --tone-zinc-04: #9a9aa4;
151
- --tone-zinc-05: #787885;
152
- --tone-zinc-06: #4e4e56;
153
- --tone-zinc-07: #2a2a2f;
151
+ --tone-zinc-05: #797985;
152
+ --tone-zinc-06: #4e4e57;
153
+ --tone-zinc-07: #2a2a2e;
154
154
  --tone-zinc-08: #1c1c1f;
155
- --tone-zinc-09: #0f0f10;
156
- --tone-zinc-10: #09090a;
155
+ --tone-zinc-09: #111113;
156
+ --tone-zinc-10: #090909;
157
157
  --tone-zinc: #000000;
158
- --tone-neutral-01: #e0e0e0;
159
- --tone-neutral-02: #d7d7d7;
158
+ --tone-neutral-01: #e1e1e1;
159
+ --tone-neutral-02: #d8d8d8;
160
160
  --tone-neutral-03: #b5b5b5;
161
161
  --tone-neutral-04: #9b9b9b;
162
162
  --tone-neutral-05: #7a7a7a;
@@ -164,18 +164,18 @@ Generated at Thu, 12 May 2022 08:20:56 GMT
164
164
  --tone-neutral-07: #2b2b2b;
165
165
  --tone-neutral-08: #1d1d1d;
166
166
  --tone-neutral-09: #0f0f0f;
167
- --tone-neutral-10: #080808;
167
+ --tone-neutral-10: #090909;
168
168
  --tone-neutral: #000000;
169
169
  --tone-stone-01: #e2e0df;
170
170
  --tone-stone-02: #dad7d6;
171
171
  --tone-stone-03: #b9b5b1;
172
172
  --tone-stone-04: #a09a96;
173
173
  --tone-stone-05: #7f7872;
174
- --tone-stone-06: #534d4a;
175
- --tone-stone-07: #2d2a28;
174
+ --tone-stone-06: #534e4a;
175
+ --tone-stone-07: #2d2a29;
176
176
  --tone-stone-08: #1e1c1b;
177
- --tone-stone-09: #100f0e;
178
- --tone-stone-10: #080807;
177
+ --tone-stone-09: #100f0f;
178
+ --tone-stone-10: #090908;
179
179
  --tone-stone: #000000;
180
180
  }
181
181
  }