@maggioli-design-system/styles 6.5.1 → 6.5.4

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 (16) hide show
  1. package/README.md +1 -0
  2. package/dist/css/colors-brand-synbee.css +127 -1
  3. package/dist/css/colors-brand.css +1 -1
  4. package/dist/css/colors-label.css +1 -1
  5. package/dist/css/colors-rgb-brand-synbee.css +127 -1
  6. package/dist/css/colors-rgb-brand.css +1 -1
  7. package/dist/css/colors-rgb-label.css +1 -1
  8. package/dist/css/colors-rgb-status.css +1 -1
  9. package/dist/css/colors-rgb-tones.css +1 -34
  10. package/dist/css/colors-rgb.css +127 -34
  11. package/dist/css/colors-status.css +1 -1
  12. package/dist/css/colors-tones.css +1 -34
  13. package/dist/css/colors.css +127 -34
  14. package/dist/css/typography.css +8 -0
  15. package/package.json +1 -1
  16. package/tailwind.config.js +4 -4
package/README.md CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  #### styles
4
4
 
5
+
5
6
  These are the styles used by components libraries like `@maggioli-design-system/react` to use the palette generated by `@maggioli-design-system/design-tokens`.
6
7
 
7
8
  ##### Installation
package/dist/css/colors-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, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Thu, 12 May 2022 08:20:56 GMT
5
5
  */
6
6
 
7
7
  :root {
@@ -16,6 +16,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
16
16
  --brand-synbee-eolo-09: #e1e8f2;
17
17
  --brand-synbee-eolo-10: #f2f4f9;
18
18
  --brand-synbee-eolo: #597cb9;
19
+ --brand-synbee-eolo-v1-01: #1a263d;
20
+ --brand-synbee-eolo-v1-02: #233453;
21
+ --brand-synbee-eolo-v1-03: #2b4066;
22
+ --brand-synbee-eolo-v1-04: #334c79;
23
+ --brand-synbee-eolo-v1-05: #3b598d;
24
+ --brand-synbee-eolo-v1-06: #4466a0;
25
+ --brand-synbee-eolo-v1-07: #4c72b4;
26
+ --brand-synbee-eolo-v1-08: #5d7fbb;
27
+ --brand-synbee-eolo-v1-09: #708ec3;
28
+ --brand-synbee-eolo-v1-10: #859ecb;
29
+ --brand-synbee-eolo-v1-11: #98aed4;
30
+ --brand-synbee-eolo-v1-12: #abbddc;
31
+ --brand-synbee-eolo-v1-13: #bccae3;
32
+ --brand-synbee-eolo-v1-14: #c6d2e7;
33
+ --brand-synbee-eolo-v1-15: #ced9eb;
34
+ --brand-synbee-eolo-v1-16: #d9e1ef;
35
+ --brand-synbee-eolo-v1-17: #e0e7f2;
36
+ --brand-synbee-eolo-v1-18: #e9eef6;
37
+ --brand-synbee-eolo-v1-19: #f2f4f9;
38
+ --brand-synbee-eolo-v1-20: #f7f9fc;
39
+ --brand-synbee-eolo-v1: #597cb9;
19
40
  --brand-synbee-01: #513e00;
20
41
  --brand-synbee-02: #5d4800;
21
42
  --brand-synbee-03: #735800;
@@ -27,6 +48,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
27
48
  --brand-synbee-09: #ffe798;
28
49
  --brand-synbee-10: #fff5d4;
29
50
  --brand-synbee: #ffcf30;
51
+ --adjust-tone-01: #262626;
52
+ --adjust-tone-02: #343434;
53
+ --adjust-tone-03: #404040;
54
+ --adjust-tone-04: #4c4c4c;
55
+ --adjust-tone-05: #595959;
56
+ --adjust-tone-06: #656565;
57
+ --adjust-tone-07: #727272;
58
+ --adjust-tone-08: #7f7f7f;
59
+ --adjust-tone-09: #8d8d8d;
60
+ --adjust-tone-10: #9d9d9d;
61
+ --adjust-tone-11: #acacac;
62
+ --adjust-tone-12: #bcbcbc;
63
+ --adjust-tone-13: #c9c9c9;
64
+ --adjust-tone-14: #d2d2d2;
65
+ --adjust-tone-15: #d9d9d9;
66
+ --adjust-tone-16: #dfdfdf;
67
+ --adjust-tone-17: #e7e7e7;
68
+ --adjust-tone-18: #ededed;
69
+ --adjust-tone-19: #f3f3f3;
70
+ --adjust-tone-20: #f9f9f9;
71
+ --adjust-tone: #ffffff;
30
72
  }
31
73
 
32
74
  :root .dark-mode {
@@ -41,6 +83,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
41
83
  --brand-synbee-eolo-09: #121c2c;
42
84
  --brand-synbee-eolo-10: #0a0f17;
43
85
  --brand-synbee-eolo: #597cb9;
86
+ --brand-synbee-eolo-v1-01: #d1daeb;
87
+ --brand-synbee-eolo-v1-02: #bac8e2;
88
+ --brand-synbee-eolo-v1-03: #a3b6d8;
89
+ --brand-synbee-eolo-v1-04: #8ea6cf;
90
+ --brand-synbee-eolo-v1-05: #7a96c7;
91
+ --brand-synbee-eolo-v1-06: #6686bf;
92
+ --brand-synbee-eolo-v1-07: #5579b7;
93
+ --brand-synbee-eolo-v1-08: #486cab;
94
+ --brand-synbee-eolo-v1-09: #405f97;
95
+ --brand-synbee-eolo-v1-10: #375282;
96
+ --brand-synbee-eolo-v1-11: #2f4770;
97
+ --brand-synbee-eolo-v1-12: #283c5e;
98
+ --brand-synbee-eolo-v1-13: #223351;
99
+ --brand-synbee-eolo-v1-14: #1e2d47;
100
+ --brand-synbee-eolo-v1-15: #1b2840;
101
+ --brand-synbee-eolo-v1-16: #172337;
102
+ --brand-synbee-eolo-v1-17: #141d2e;
103
+ --brand-synbee-eolo-v1-18: #101826;
104
+ --brand-synbee-eolo-v1-19: #0b111a;
105
+ --brand-synbee-eolo-v1-20: #070b11;
106
+ --brand-synbee-eolo-v1: #597cb9;
44
107
  --brand-synbee-01: #e2ae00;
45
108
  --brand-synbee-02: #d1a000;
46
109
  --brand-synbee-03: #b68b00;
@@ -52,6 +115,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
52
115
  --brand-synbee-09: #231b00;
53
116
  --brand-synbee-10: #130f00;
54
117
  --brand-synbee: #ffcf30;
118
+ --adjust-tone-01: #d9d9d9;
119
+ --adjust-tone-02: #c7c7c7;
120
+ --adjust-tone-03: #b5b5b5;
121
+ --adjust-tone-04: #a4a4a4;
122
+ --adjust-tone-05: #959595;
123
+ --adjust-tone-06: #858585;
124
+ --adjust-tone-07: #787878;
125
+ --adjust-tone-08: #6c6c6c;
126
+ --adjust-tone-09: #606060;
127
+ --adjust-tone-10: #525252;
128
+ --adjust-tone-11: #474747;
129
+ --adjust-tone-12: #3c3c3c;
130
+ --adjust-tone-13: #333333;
131
+ --adjust-tone-14: #2d2d2d;
132
+ --adjust-tone-15: #282828;
133
+ --adjust-tone-16: #222222;
134
+ --adjust-tone-17: #1d1d1d;
135
+ --adjust-tone-18: #181818;
136
+ --adjust-tone-19: #101010;
137
+ --adjust-tone-20: #080808;
138
+ --adjust-tone: #000000;
55
139
  }
56
140
 
57
141
  @media (prefers-color-scheme: dark) {
@@ -67,6 +151,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
67
151
  --brand-synbee-eolo-09: #121c2c;
68
152
  --brand-synbee-eolo-10: #0a0f17;
69
153
  --brand-synbee-eolo: #597cb9;
154
+ --brand-synbee-eolo-v1-01: #d1daeb;
155
+ --brand-synbee-eolo-v1-02: #bac8e2;
156
+ --brand-synbee-eolo-v1-03: #a3b6d8;
157
+ --brand-synbee-eolo-v1-04: #8ea6cf;
158
+ --brand-synbee-eolo-v1-05: #7a96c7;
159
+ --brand-synbee-eolo-v1-06: #6686bf;
160
+ --brand-synbee-eolo-v1-07: #5579b7;
161
+ --brand-synbee-eolo-v1-08: #486cab;
162
+ --brand-synbee-eolo-v1-09: #405f97;
163
+ --brand-synbee-eolo-v1-10: #375282;
164
+ --brand-synbee-eolo-v1-11: #2f4770;
165
+ --brand-synbee-eolo-v1-12: #283c5e;
166
+ --brand-synbee-eolo-v1-13: #223351;
167
+ --brand-synbee-eolo-v1-14: #1e2d47;
168
+ --brand-synbee-eolo-v1-15: #1b2840;
169
+ --brand-synbee-eolo-v1-16: #172337;
170
+ --brand-synbee-eolo-v1-17: #141d2e;
171
+ --brand-synbee-eolo-v1-18: #101826;
172
+ --brand-synbee-eolo-v1-19: #0b111a;
173
+ --brand-synbee-eolo-v1-20: #070b11;
174
+ --brand-synbee-eolo-v1: #597cb9;
70
175
  --brand-synbee-01: #e2ae00;
71
176
  --brand-synbee-02: #d1a000;
72
177
  --brand-synbee-03: #b68b00;
@@ -78,5 +183,26 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
78
183
  --brand-synbee-09: #231b00;
79
184
  --brand-synbee-10: #130f00;
80
185
  --brand-synbee: #ffcf30;
186
+ --adjust-tone-01: #d9d9d9;
187
+ --adjust-tone-02: #c7c7c7;
188
+ --adjust-tone-03: #b5b5b5;
189
+ --adjust-tone-04: #a4a4a4;
190
+ --adjust-tone-05: #959595;
191
+ --adjust-tone-06: #858585;
192
+ --adjust-tone-07: #787878;
193
+ --adjust-tone-08: #6c6c6c;
194
+ --adjust-tone-09: #606060;
195
+ --adjust-tone-10: #525252;
196
+ --adjust-tone-11: #474747;
197
+ --adjust-tone-12: #3c3c3c;
198
+ --adjust-tone-13: #333333;
199
+ --adjust-tone-14: #2d2d2d;
200
+ --adjust-tone-15: #282828;
201
+ --adjust-tone-16: #222222;
202
+ --adjust-tone-17: #1d1d1d;
203
+ --adjust-tone-18: #181818;
204
+ --adjust-tone-19: #101010;
205
+ --adjust-tone-20: #080808;
206
+ --adjust-tone: #000000;
81
207
  }
82
208
  }
package/dist/css/colors-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, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Thu, 12 May 2022 08:20:56 GMT
5
5
  */
6
6
 
7
7
  :root {
package/dist/css/colors-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, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Thu, 12 May 2022 08:20:56 GMT
5
5
  */
6
6
 
7
7
  :root {
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, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Thu, 12 May 2022 08:20:56 GMT
5
5
  */
6
6
 
7
7
  :root {
@@ -16,6 +16,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
16
16
  --brand-synbee-eolo-09: 225, 232, 242;
17
17
  --brand-synbee-eolo-10: 242, 244, 249;
18
18
  --brand-synbee-eolo: 89, 124, 185;
19
+ --brand-synbee-eolo-v1-01: 26, 38, 61;
20
+ --brand-synbee-eolo-v1-02: 35, 52, 83;
21
+ --brand-synbee-eolo-v1-03: 43, 64, 102;
22
+ --brand-synbee-eolo-v1-04: 51, 76, 121;
23
+ --brand-synbee-eolo-v1-05: 59, 89, 141;
24
+ --brand-synbee-eolo-v1-06: 68, 102, 160;
25
+ --brand-synbee-eolo-v1-07: 76, 114, 180;
26
+ --brand-synbee-eolo-v1-08: 93, 127, 187;
27
+ --brand-synbee-eolo-v1-09: 112, 142, 195;
28
+ --brand-synbee-eolo-v1-10: 133, 158, 203;
29
+ --brand-synbee-eolo-v1-11: 152, 174, 212;
30
+ --brand-synbee-eolo-v1-12: 171, 189, 220;
31
+ --brand-synbee-eolo-v1-13: 188, 202, 227;
32
+ --brand-synbee-eolo-v1-14: 198, 210, 231;
33
+ --brand-synbee-eolo-v1-15: 206, 217, 235;
34
+ --brand-synbee-eolo-v1-16: 217, 225, 239;
35
+ --brand-synbee-eolo-v1-17: 224, 231, 242;
36
+ --brand-synbee-eolo-v1-18: 233, 238, 246;
37
+ --brand-synbee-eolo-v1-19: 242, 244, 249;
38
+ --brand-synbee-eolo-v1-20: 247, 249, 252;
39
+ --brand-synbee-eolo-v1: 89, 124, 185;
19
40
  --brand-synbee-01: 81, 62, 0;
20
41
  --brand-synbee-02: 93, 72, 0;
21
42
  --brand-synbee-03: 115, 88, 0;
@@ -27,6 +48,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
27
48
  --brand-synbee-09: 255, 231, 152;
28
49
  --brand-synbee-10: 255, 245, 212;
29
50
  --brand-synbee: 255, 207, 48;
51
+ --adjust-tone-01: 38, 38, 38;
52
+ --adjust-tone-02: 52, 52, 52;
53
+ --adjust-tone-03: 64, 64, 64;
54
+ --adjust-tone-04: 76, 76, 76;
55
+ --adjust-tone-05: 89, 89, 89;
56
+ --adjust-tone-06: 101, 101, 101;
57
+ --adjust-tone-07: 114, 114, 114;
58
+ --adjust-tone-08: 127, 127, 127;
59
+ --adjust-tone-09: 141, 141, 141;
60
+ --adjust-tone-10: 157, 157, 157;
61
+ --adjust-tone-11: 172, 172, 172;
62
+ --adjust-tone-12: 188, 188, 188;
63
+ --adjust-tone-13: 201, 201, 201;
64
+ --adjust-tone-14: 210, 210, 210;
65
+ --adjust-tone-15: 217, 217, 217;
66
+ --adjust-tone-16: 223, 223, 223;
67
+ --adjust-tone-17: 231, 231, 231;
68
+ --adjust-tone-18: 237, 237, 237;
69
+ --adjust-tone-19: 243, 243, 243;
70
+ --adjust-tone-20: 249, 249, 249;
71
+ --adjust-tone: 255, 255, 255;
30
72
  }
31
73
 
32
74
  :root .dark-mode {
@@ -41,6 +83,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
41
83
  --brand-synbee-eolo-09: 18, 28, 44;
42
84
  --brand-synbee-eolo-10: 10, 15, 23;
43
85
  --brand-synbee-eolo: 89, 124, 185;
86
+ --brand-synbee-eolo-v1-01: 209, 218, 235;
87
+ --brand-synbee-eolo-v1-02: 186, 200, 226;
88
+ --brand-synbee-eolo-v1-03: 163, 182, 216;
89
+ --brand-synbee-eolo-v1-04: 142, 166, 207;
90
+ --brand-synbee-eolo-v1-05: 122, 150, 199;
91
+ --brand-synbee-eolo-v1-06: 102, 134, 191;
92
+ --brand-synbee-eolo-v1-07: 85, 121, 183;
93
+ --brand-synbee-eolo-v1-08: 72, 108, 171;
94
+ --brand-synbee-eolo-v1-09: 64, 95, 151;
95
+ --brand-synbee-eolo-v1-10: 55, 82, 130;
96
+ --brand-synbee-eolo-v1-11: 47, 71, 112;
97
+ --brand-synbee-eolo-v1-12: 40, 60, 94;
98
+ --brand-synbee-eolo-v1-13: 34, 51, 81;
99
+ --brand-synbee-eolo-v1-14: 30, 45, 71;
100
+ --brand-synbee-eolo-v1-15: 27, 40, 64;
101
+ --brand-synbee-eolo-v1-16: 23, 35, 55;
102
+ --brand-synbee-eolo-v1-17: 20, 29, 46;
103
+ --brand-synbee-eolo-v1-18: 16, 24, 38;
104
+ --brand-synbee-eolo-v1-19: 11, 17, 26;
105
+ --brand-synbee-eolo-v1-20: 7, 11, 17;
106
+ --brand-synbee-eolo-v1: 89, 124, 185;
44
107
  --brand-synbee-01: 226, 174, 0;
45
108
  --brand-synbee-02: 209, 160, 0;
46
109
  --brand-synbee-03: 182, 139, 0;
@@ -52,6 +115,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
52
115
  --brand-synbee-09: 35, 27, 0;
53
116
  --brand-synbee-10: 19, 15, 0;
54
117
  --brand-synbee: 255, 207, 48;
118
+ --adjust-tone-01: 217, 217, 217;
119
+ --adjust-tone-02: 199, 199, 199;
120
+ --adjust-tone-03: 181, 181, 181;
121
+ --adjust-tone-04: 164, 164, 164;
122
+ --adjust-tone-05: 149, 149, 149;
123
+ --adjust-tone-06: 133, 133, 133;
124
+ --adjust-tone-07: 120, 120, 120;
125
+ --adjust-tone-08: 108, 108, 108;
126
+ --adjust-tone-09: 96, 96, 96;
127
+ --adjust-tone-10: 82, 82, 82;
128
+ --adjust-tone-11: 71, 71, 71;
129
+ --adjust-tone-12: 60, 60, 60;
130
+ --adjust-tone-13: 51, 51, 51;
131
+ --adjust-tone-14: 45, 45, 45;
132
+ --adjust-tone-15: 40, 40, 40;
133
+ --adjust-tone-16: 34, 34, 34;
134
+ --adjust-tone-17: 29, 29, 29;
135
+ --adjust-tone-18: 24, 24, 24;
136
+ --adjust-tone-19: 16, 16, 16;
137
+ --adjust-tone-20: 8, 8, 8;
138
+ --adjust-tone: 0, 0, 0;
55
139
  }
56
140
 
57
141
  @media (prefers-color-scheme: dark) {
@@ -67,6 +151,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
67
151
  --brand-synbee-eolo-09: 18, 28, 44;
68
152
  --brand-synbee-eolo-10: 10, 15, 23;
69
153
  --brand-synbee-eolo: 89, 124, 185;
154
+ --brand-synbee-eolo-v1-01: 209, 218, 235;
155
+ --brand-synbee-eolo-v1-02: 186, 200, 226;
156
+ --brand-synbee-eolo-v1-03: 163, 182, 216;
157
+ --brand-synbee-eolo-v1-04: 142, 166, 207;
158
+ --brand-synbee-eolo-v1-05: 122, 150, 199;
159
+ --brand-synbee-eolo-v1-06: 102, 134, 191;
160
+ --brand-synbee-eolo-v1-07: 85, 121, 183;
161
+ --brand-synbee-eolo-v1-08: 72, 108, 171;
162
+ --brand-synbee-eolo-v1-09: 64, 95, 151;
163
+ --brand-synbee-eolo-v1-10: 55, 82, 130;
164
+ --brand-synbee-eolo-v1-11: 47, 71, 112;
165
+ --brand-synbee-eolo-v1-12: 40, 60, 94;
166
+ --brand-synbee-eolo-v1-13: 34, 51, 81;
167
+ --brand-synbee-eolo-v1-14: 30, 45, 71;
168
+ --brand-synbee-eolo-v1-15: 27, 40, 64;
169
+ --brand-synbee-eolo-v1-16: 23, 35, 55;
170
+ --brand-synbee-eolo-v1-17: 20, 29, 46;
171
+ --brand-synbee-eolo-v1-18: 16, 24, 38;
172
+ --brand-synbee-eolo-v1-19: 11, 17, 26;
173
+ --brand-synbee-eolo-v1-20: 7, 11, 17;
174
+ --brand-synbee-eolo-v1: 89, 124, 185;
70
175
  --brand-synbee-01: 226, 174, 0;
71
176
  --brand-synbee-02: 209, 160, 0;
72
177
  --brand-synbee-03: 182, 139, 0;
@@ -78,5 +183,26 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
78
183
  --brand-synbee-09: 35, 27, 0;
79
184
  --brand-synbee-10: 19, 15, 0;
80
185
  --brand-synbee: 255, 207, 48;
186
+ --adjust-tone-01: 217, 217, 217;
187
+ --adjust-tone-02: 199, 199, 199;
188
+ --adjust-tone-03: 181, 181, 181;
189
+ --adjust-tone-04: 164, 164, 164;
190
+ --adjust-tone-05: 149, 149, 149;
191
+ --adjust-tone-06: 133, 133, 133;
192
+ --adjust-tone-07: 120, 120, 120;
193
+ --adjust-tone-08: 108, 108, 108;
194
+ --adjust-tone-09: 96, 96, 96;
195
+ --adjust-tone-10: 82, 82, 82;
196
+ --adjust-tone-11: 71, 71, 71;
197
+ --adjust-tone-12: 60, 60, 60;
198
+ --adjust-tone-13: 51, 51, 51;
199
+ --adjust-tone-14: 45, 45, 45;
200
+ --adjust-tone-15: 40, 40, 40;
201
+ --adjust-tone-16: 34, 34, 34;
202
+ --adjust-tone-17: 29, 29, 29;
203
+ --adjust-tone-18: 24, 24, 24;
204
+ --adjust-tone-19: 16, 16, 16;
205
+ --adjust-tone-20: 8, 8, 8;
206
+ --adjust-tone: 0, 0, 0;
81
207
  }
82
208
  }
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, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Thu, 12 May 2022 08:20:56 GMT
5
5
  */
6
6
 
7
7
  :root {
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, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Thu, 12 May 2022 08:20:56 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, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Thu, 12 May 2022 08:20:56 GMT
5
5
  */
6
6
 
7
7
  :root {
package/dist/css/colors-rgb-tones.css CHANGED
@@ -1,21 +1,10 @@
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 Thu, 12 May 2022 08:20:56 GMT
5
5
  */
6
6
 
7
7
  :root {
8
- --adjust-tone-01: 33, 33, 33;
9
- --adjust-tone-02: 40, 40, 40;
10
- --adjust-tone-03: 64, 64, 64;
11
- --adjust-tone-04: 84, 84, 84;
12
- --adjust-tone-05: 113, 113, 113;
13
- --adjust-tone-06: 162, 162, 162;
14
- --adjust-tone-07: 213, 213, 213;
15
- --adjust-tone-08: 231, 231, 231;
16
- --adjust-tone-09: 243, 243, 243;
17
- --adjust-tone-10: 249, 249, 249;
18
- --adjust-tone: 255, 255, 255;
19
8
  --tone-slate-01: 28, 34, 42;
20
9
  --tone-slate-02: 33, 41, 50;
21
10
  --tone-slate-03: 54, 65, 81;
@@ -74,17 +63,6 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
74
63
  }
75
64
 
76
65
  :root .dark-mode {
77
- --adjust-tone-01: 224, 224, 224;
78
- --adjust-tone-02: 215, 215, 215;
79
- --adjust-tone-03: 181, 181, 181;
80
- --adjust-tone-04: 155, 155, 155;
81
- --adjust-tone-05: 121, 121, 121;
82
- --adjust-tone-06: 79, 79, 79;
83
- --adjust-tone-07: 43, 43, 43;
84
- --adjust-tone-08: 29, 29, 29;
85
- --adjust-tone-09: 16, 16, 16;
86
- --adjust-tone-10: 8, 8, 8;
87
- --adjust-tone: 0, 0, 0;
88
66
  --tone-slate-01: 221, 225, 232;
89
67
  --tone-slate-02: 210, 217, 225;
90
68
  --tone-slate-03: 171, 182, 199;
@@ -144,17 +122,6 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
144
122
 
145
123
  @media (prefers-color-scheme: dark) {
146
124
  :root .dark-mode-os {
147
- --adjust-tone-01: 224, 224, 224;
148
- --adjust-tone-02: 215, 215, 215;
149
- --adjust-tone-03: 181, 181, 181;
150
- --adjust-tone-04: 155, 155, 155;
151
- --adjust-tone-05: 121, 121, 121;
152
- --adjust-tone-06: 79, 79, 79;
153
- --adjust-tone-07: 43, 43, 43;
154
- --adjust-tone-08: 29, 29, 29;
155
- --adjust-tone-09: 16, 16, 16;
156
- --adjust-tone-10: 8, 8, 8;
157
- --adjust-tone: 0, 0, 0;
158
125
  --tone-slate-01: 221, 225, 232;
159
126
  --tone-slate-02: 210, 217, 225;
160
127
  --tone-slate-03: 171, 182, 199;
package/dist/css/colors-rgb.css CHANGED
@@ -1,21 +1,10 @@
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 Thu, 12 May 2022 08:20:55 GMT
5
5
  */
6
6
 
7
7
  :root {
8
- --adjust-tone-01: 33, 33, 33;
9
- --adjust-tone-02: 40, 40, 40;
10
- --adjust-tone-03: 64, 64, 64;
11
- --adjust-tone-04: 84, 84, 84;
12
- --adjust-tone-05: 113, 113, 113;
13
- --adjust-tone-06: 162, 162, 162;
14
- --adjust-tone-07: 213, 213, 213;
15
- --adjust-tone-08: 231, 231, 231;
16
- --adjust-tone-09: 243, 243, 243;
17
- --adjust-tone-10: 249, 249, 249;
18
- --adjust-tone: 255, 255, 255;
19
8
  --tone-slate-01: 28, 34, 42;
20
9
  --tone-slate-02: 33, 41, 50;
21
10
  --tone-slate-03: 54, 65, 81;
@@ -93,6 +82,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
93
82
  --brand-synbee-eolo-09: 225, 232, 242;
94
83
  --brand-synbee-eolo-10: 242, 244, 249;
95
84
  --brand-synbee-eolo: 89, 124, 185;
85
+ --brand-synbee-eolo-v1-01: 26, 38, 61;
86
+ --brand-synbee-eolo-v1-02: 35, 52, 83;
87
+ --brand-synbee-eolo-v1-03: 43, 64, 102;
88
+ --brand-synbee-eolo-v1-04: 51, 76, 121;
89
+ --brand-synbee-eolo-v1-05: 59, 89, 141;
90
+ --brand-synbee-eolo-v1-06: 68, 102, 160;
91
+ --brand-synbee-eolo-v1-07: 76, 114, 180;
92
+ --brand-synbee-eolo-v1-08: 93, 127, 187;
93
+ --brand-synbee-eolo-v1-09: 112, 142, 195;
94
+ --brand-synbee-eolo-v1-10: 133, 158, 203;
95
+ --brand-synbee-eolo-v1-11: 152, 174, 212;
96
+ --brand-synbee-eolo-v1-12: 171, 189, 220;
97
+ --brand-synbee-eolo-v1-13: 188, 202, 227;
98
+ --brand-synbee-eolo-v1-14: 198, 210, 231;
99
+ --brand-synbee-eolo-v1-15: 206, 217, 235;
100
+ --brand-synbee-eolo-v1-16: 217, 225, 239;
101
+ --brand-synbee-eolo-v1-17: 224, 231, 242;
102
+ --brand-synbee-eolo-v1-18: 233, 238, 246;
103
+ --brand-synbee-eolo-v1-19: 242, 244, 249;
104
+ --brand-synbee-eolo-v1-20: 247, 249, 252;
105
+ --brand-synbee-eolo-v1: 89, 124, 185;
96
106
  --brand-synbee-01: 81, 62, 0;
97
107
  --brand-synbee-02: 93, 72, 0;
98
108
  --brand-synbee-03: 115, 88, 0;
@@ -104,6 +114,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
104
114
  --brand-synbee-09: 255, 231, 152;
105
115
  --brand-synbee-10: 255, 245, 212;
106
116
  --brand-synbee: 255, 207, 48;
117
+ --adjust-tone-01: 38, 38, 38;
118
+ --adjust-tone-02: 52, 52, 52;
119
+ --adjust-tone-03: 64, 64, 64;
120
+ --adjust-tone-04: 76, 76, 76;
121
+ --adjust-tone-05: 89, 89, 89;
122
+ --adjust-tone-06: 101, 101, 101;
123
+ --adjust-tone-07: 114, 114, 114;
124
+ --adjust-tone-08: 127, 127, 127;
125
+ --adjust-tone-09: 141, 141, 141;
126
+ --adjust-tone-10: 157, 157, 157;
127
+ --adjust-tone-11: 172, 172, 172;
128
+ --adjust-tone-12: 188, 188, 188;
129
+ --adjust-tone-13: 201, 201, 201;
130
+ --adjust-tone-14: 210, 210, 210;
131
+ --adjust-tone-15: 217, 217, 217;
132
+ --adjust-tone-16: 223, 223, 223;
133
+ --adjust-tone-17: 231, 231, 231;
134
+ --adjust-tone-18: 237, 237, 237;
135
+ --adjust-tone-19: 243, 243, 243;
136
+ --adjust-tone-20: 249, 249, 249;
137
+ --adjust-tone: 255, 255, 255;
107
138
  --status-info-01: 12, 70, 90;
108
139
  --status-info-02: 14, 81, 104;
109
140
  --status-info-03: 17, 99, 127;
@@ -261,17 +292,6 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
261
292
  }
262
293
 
263
294
  :root .dark-mode {
264
- --adjust-tone-01: 224, 224, 224;
265
- --adjust-tone-02: 215, 215, 215;
266
- --adjust-tone-03: 181, 181, 181;
267
- --adjust-tone-04: 155, 155, 155;
268
- --adjust-tone-05: 121, 121, 121;
269
- --adjust-tone-06: 79, 79, 79;
270
- --adjust-tone-07: 43, 43, 43;
271
- --adjust-tone-08: 29, 29, 29;
272
- --adjust-tone-09: 16, 16, 16;
273
- --adjust-tone-10: 8, 8, 8;
274
- --adjust-tone: 0, 0, 0;
275
295
  --tone-slate-01: 221, 225, 232;
276
296
  --tone-slate-02: 210, 217, 225;
277
297
  --tone-slate-03: 171, 182, 199;
@@ -349,6 +369,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
349
369
  --brand-synbee-eolo-09: 18, 28, 44;
350
370
  --brand-synbee-eolo-10: 10, 15, 23;
351
371
  --brand-synbee-eolo: 89, 124, 185;
372
+ --brand-synbee-eolo-v1-01: 209, 218, 235;
373
+ --brand-synbee-eolo-v1-02: 186, 200, 226;
374
+ --brand-synbee-eolo-v1-03: 163, 182, 216;
375
+ --brand-synbee-eolo-v1-04: 142, 166, 207;
376
+ --brand-synbee-eolo-v1-05: 122, 150, 199;
377
+ --brand-synbee-eolo-v1-06: 102, 134, 191;
378
+ --brand-synbee-eolo-v1-07: 85, 121, 183;
379
+ --brand-synbee-eolo-v1-08: 72, 108, 171;
380
+ --brand-synbee-eolo-v1-09: 64, 95, 151;
381
+ --brand-synbee-eolo-v1-10: 55, 82, 130;
382
+ --brand-synbee-eolo-v1-11: 47, 71, 112;
383
+ --brand-synbee-eolo-v1-12: 40, 60, 94;
384
+ --brand-synbee-eolo-v1-13: 34, 51, 81;
385
+ --brand-synbee-eolo-v1-14: 30, 45, 71;
386
+ --brand-synbee-eolo-v1-15: 27, 40, 64;
387
+ --brand-synbee-eolo-v1-16: 23, 35, 55;
388
+ --brand-synbee-eolo-v1-17: 20, 29, 46;
389
+ --brand-synbee-eolo-v1-18: 16, 24, 38;
390
+ --brand-synbee-eolo-v1-19: 11, 17, 26;
391
+ --brand-synbee-eolo-v1-20: 7, 11, 17;
392
+ --brand-synbee-eolo-v1: 89, 124, 185;
352
393
  --brand-synbee-01: 226, 174, 0;
353
394
  --brand-synbee-02: 209, 160, 0;
354
395
  --brand-synbee-03: 182, 139, 0;
@@ -360,6 +401,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
360
401
  --brand-synbee-09: 35, 27, 0;
361
402
  --brand-synbee-10: 19, 15, 0;
362
403
  --brand-synbee: 255, 207, 48;
404
+ --adjust-tone-01: 217, 217, 217;
405
+ --adjust-tone-02: 199, 199, 199;
406
+ --adjust-tone-03: 181, 181, 181;
407
+ --adjust-tone-04: 164, 164, 164;
408
+ --adjust-tone-05: 149, 149, 149;
409
+ --adjust-tone-06: 133, 133, 133;
410
+ --adjust-tone-07: 120, 120, 120;
411
+ --adjust-tone-08: 108, 108, 108;
412
+ --adjust-tone-09: 96, 96, 96;
413
+ --adjust-tone-10: 82, 82, 82;
414
+ --adjust-tone-11: 71, 71, 71;
415
+ --adjust-tone-12: 60, 60, 60;
416
+ --adjust-tone-13: 51, 51, 51;
417
+ --adjust-tone-14: 45, 45, 45;
418
+ --adjust-tone-15: 40, 40, 40;
419
+ --adjust-tone-16: 34, 34, 34;
420
+ --adjust-tone-17: 29, 29, 29;
421
+ --adjust-tone-18: 24, 24, 24;
422
+ --adjust-tone-19: 16, 16, 16;
423
+ --adjust-tone-20: 8, 8, 8;
424
+ --adjust-tone: 0, 0, 0;
363
425
  --status-info-01: 82, 194, 231;
364
426
  --status-info-02: 42, 180, 226;
365
427
  --status-info-03: 27, 157, 200;
@@ -518,17 +580,6 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
518
580
 
519
581
  @media (prefers-color-scheme: dark) {
520
582
  :root .dark-mode-os {
521
- --adjust-tone-01: 224, 224, 224;
522
- --adjust-tone-02: 215, 215, 215;
523
- --adjust-tone-03: 181, 181, 181;
524
- --adjust-tone-04: 155, 155, 155;
525
- --adjust-tone-05: 121, 121, 121;
526
- --adjust-tone-06: 79, 79, 79;
527
- --adjust-tone-07: 43, 43, 43;
528
- --adjust-tone-08: 29, 29, 29;
529
- --adjust-tone-09: 16, 16, 16;
530
- --adjust-tone-10: 8, 8, 8;
531
- --adjust-tone: 0, 0, 0;
532
583
  --tone-slate-01: 221, 225, 232;
533
584
  --tone-slate-02: 210, 217, 225;
534
585
  --tone-slate-03: 171, 182, 199;
@@ -606,6 +657,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
606
657
  --brand-synbee-eolo-09: 18, 28, 44;
607
658
  --brand-synbee-eolo-10: 10, 15, 23;
608
659
  --brand-synbee-eolo: 89, 124, 185;
660
+ --brand-synbee-eolo-v1-01: 209, 218, 235;
661
+ --brand-synbee-eolo-v1-02: 186, 200, 226;
662
+ --brand-synbee-eolo-v1-03: 163, 182, 216;
663
+ --brand-synbee-eolo-v1-04: 142, 166, 207;
664
+ --brand-synbee-eolo-v1-05: 122, 150, 199;
665
+ --brand-synbee-eolo-v1-06: 102, 134, 191;
666
+ --brand-synbee-eolo-v1-07: 85, 121, 183;
667
+ --brand-synbee-eolo-v1-08: 72, 108, 171;
668
+ --brand-synbee-eolo-v1-09: 64, 95, 151;
669
+ --brand-synbee-eolo-v1-10: 55, 82, 130;
670
+ --brand-synbee-eolo-v1-11: 47, 71, 112;
671
+ --brand-synbee-eolo-v1-12: 40, 60, 94;
672
+ --brand-synbee-eolo-v1-13: 34, 51, 81;
673
+ --brand-synbee-eolo-v1-14: 30, 45, 71;
674
+ --brand-synbee-eolo-v1-15: 27, 40, 64;
675
+ --brand-synbee-eolo-v1-16: 23, 35, 55;
676
+ --brand-synbee-eolo-v1-17: 20, 29, 46;
677
+ --brand-synbee-eolo-v1-18: 16, 24, 38;
678
+ --brand-synbee-eolo-v1-19: 11, 17, 26;
679
+ --brand-synbee-eolo-v1-20: 7, 11, 17;
680
+ --brand-synbee-eolo-v1: 89, 124, 185;
609
681
  --brand-synbee-01: 226, 174, 0;
610
682
  --brand-synbee-02: 209, 160, 0;
611
683
  --brand-synbee-03: 182, 139, 0;
@@ -617,6 +689,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
617
689
  --brand-synbee-09: 35, 27, 0;
618
690
  --brand-synbee-10: 19, 15, 0;
619
691
  --brand-synbee: 255, 207, 48;
692
+ --adjust-tone-01: 217, 217, 217;
693
+ --adjust-tone-02: 199, 199, 199;
694
+ --adjust-tone-03: 181, 181, 181;
695
+ --adjust-tone-04: 164, 164, 164;
696
+ --adjust-tone-05: 149, 149, 149;
697
+ --adjust-tone-06: 133, 133, 133;
698
+ --adjust-tone-07: 120, 120, 120;
699
+ --adjust-tone-08: 108, 108, 108;
700
+ --adjust-tone-09: 96, 96, 96;
701
+ --adjust-tone-10: 82, 82, 82;
702
+ --adjust-tone-11: 71, 71, 71;
703
+ --adjust-tone-12: 60, 60, 60;
704
+ --adjust-tone-13: 51, 51, 51;
705
+ --adjust-tone-14: 45, 45, 45;
706
+ --adjust-tone-15: 40, 40, 40;
707
+ --adjust-tone-16: 34, 34, 34;
708
+ --adjust-tone-17: 29, 29, 29;
709
+ --adjust-tone-18: 24, 24, 24;
710
+ --adjust-tone-19: 16, 16, 16;
711
+ --adjust-tone-20: 8, 8, 8;
712
+ --adjust-tone: 0, 0, 0;
620
713
  --status-info-01: 82, 194, 231;
621
714
  --status-info-02: 42, 180, 226;
622
715
  --status-info-03: 27, 157, 200;
package/dist/css/colors-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, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Thu, 12 May 2022 08:20:56 GMT
5
5
  */
6
6
 
7
7
  :root {
package/dist/css/colors-tones.css CHANGED
@@ -1,21 +1,10 @@
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 Thu, 12 May 2022 08:20:56 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;
@@ -74,17 +63,6 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
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
67
  --tone-slate-02: #d2d9e1;
90
68
  --tone-slate-03: #abb6c7;
@@ -144,17 +122,6 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
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
126
  --tone-slate-02: #d2d9e1;
160
127
  --tone-slate-03: #abb6c7;
package/dist/css/colors.css CHANGED
@@ -1,21 +1,10 @@
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 Thu, 12 May 2022 08:20:55 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;
@@ -93,6 +82,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
93
82
  --brand-synbee-eolo-09: #e1e8f2;
94
83
  --brand-synbee-eolo-10: #f2f4f9;
95
84
  --brand-synbee-eolo: #597cb9;
85
+ --brand-synbee-eolo-v1-01: #1a263d;
86
+ --brand-synbee-eolo-v1-02: #233453;
87
+ --brand-synbee-eolo-v1-03: #2b4066;
88
+ --brand-synbee-eolo-v1-04: #334c79;
89
+ --brand-synbee-eolo-v1-05: #3b598d;
90
+ --brand-synbee-eolo-v1-06: #4466a0;
91
+ --brand-synbee-eolo-v1-07: #4c72b4;
92
+ --brand-synbee-eolo-v1-08: #5d7fbb;
93
+ --brand-synbee-eolo-v1-09: #708ec3;
94
+ --brand-synbee-eolo-v1-10: #859ecb;
95
+ --brand-synbee-eolo-v1-11: #98aed4;
96
+ --brand-synbee-eolo-v1-12: #abbddc;
97
+ --brand-synbee-eolo-v1-13: #bccae3;
98
+ --brand-synbee-eolo-v1-14: #c6d2e7;
99
+ --brand-synbee-eolo-v1-15: #ced9eb;
100
+ --brand-synbee-eolo-v1-16: #d9e1ef;
101
+ --brand-synbee-eolo-v1-17: #e0e7f2;
102
+ --brand-synbee-eolo-v1-18: #e9eef6;
103
+ --brand-synbee-eolo-v1-19: #f2f4f9;
104
+ --brand-synbee-eolo-v1-20: #f7f9fc;
105
+ --brand-synbee-eolo-v1: #597cb9;
96
106
  --brand-synbee-01: #513e00;
97
107
  --brand-synbee-02: #5d4800;
98
108
  --brand-synbee-03: #735800;
@@ -104,6 +114,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
104
114
  --brand-synbee-09: #ffe798;
105
115
  --brand-synbee-10: #fff5d4;
106
116
  --brand-synbee: #ffcf30;
117
+ --adjust-tone-01: #262626;
118
+ --adjust-tone-02: #343434;
119
+ --adjust-tone-03: #404040;
120
+ --adjust-tone-04: #4c4c4c;
121
+ --adjust-tone-05: #595959;
122
+ --adjust-tone-06: #656565;
123
+ --adjust-tone-07: #727272;
124
+ --adjust-tone-08: #7f7f7f;
125
+ --adjust-tone-09: #8d8d8d;
126
+ --adjust-tone-10: #9d9d9d;
127
+ --adjust-tone-11: #acacac;
128
+ --adjust-tone-12: #bcbcbc;
129
+ --adjust-tone-13: #c9c9c9;
130
+ --adjust-tone-14: #d2d2d2;
131
+ --adjust-tone-15: #d9d9d9;
132
+ --adjust-tone-16: #dfdfdf;
133
+ --adjust-tone-17: #e7e7e7;
134
+ --adjust-tone-18: #ededed;
135
+ --adjust-tone-19: #f3f3f3;
136
+ --adjust-tone-20: #f9f9f9;
137
+ --adjust-tone: #ffffff;
107
138
  --status-info-01: #0c465a;
108
139
  --status-info-02: #0e5168;
109
140
  --status-info-03: #11637f;
@@ -261,17 +292,6 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
261
292
  }
262
293
 
263
294
  :root .dark-mode {
264
- --adjust-tone-01: #e0e0e0;
265
- --adjust-tone-02: #d7d7d7;
266
- --adjust-tone-03: #b5b5b5;
267
- --adjust-tone-04: #9b9b9b;
268
- --adjust-tone-05: #797979;
269
- --adjust-tone-06: #4f4f4f;
270
- --adjust-tone-07: #2b2b2b;
271
- --adjust-tone-08: #1d1d1d;
272
- --adjust-tone-09: #101010;
273
- --adjust-tone-10: #080808;
274
- --adjust-tone: #000000;
275
295
  --tone-slate-01: #dde1e8;
276
296
  --tone-slate-02: #d2d9e1;
277
297
  --tone-slate-03: #abb6c7;
@@ -349,6 +369,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
349
369
  --brand-synbee-eolo-09: #121c2c;
350
370
  --brand-synbee-eolo-10: #0a0f17;
351
371
  --brand-synbee-eolo: #597cb9;
372
+ --brand-synbee-eolo-v1-01: #d1daeb;
373
+ --brand-synbee-eolo-v1-02: #bac8e2;
374
+ --brand-synbee-eolo-v1-03: #a3b6d8;
375
+ --brand-synbee-eolo-v1-04: #8ea6cf;
376
+ --brand-synbee-eolo-v1-05: #7a96c7;
377
+ --brand-synbee-eolo-v1-06: #6686bf;
378
+ --brand-synbee-eolo-v1-07: #5579b7;
379
+ --brand-synbee-eolo-v1-08: #486cab;
380
+ --brand-synbee-eolo-v1-09: #405f97;
381
+ --brand-synbee-eolo-v1-10: #375282;
382
+ --brand-synbee-eolo-v1-11: #2f4770;
383
+ --brand-synbee-eolo-v1-12: #283c5e;
384
+ --brand-synbee-eolo-v1-13: #223351;
385
+ --brand-synbee-eolo-v1-14: #1e2d47;
386
+ --brand-synbee-eolo-v1-15: #1b2840;
387
+ --brand-synbee-eolo-v1-16: #172337;
388
+ --brand-synbee-eolo-v1-17: #141d2e;
389
+ --brand-synbee-eolo-v1-18: #101826;
390
+ --brand-synbee-eolo-v1-19: #0b111a;
391
+ --brand-synbee-eolo-v1-20: #070b11;
392
+ --brand-synbee-eolo-v1: #597cb9;
352
393
  --brand-synbee-01: #e2ae00;
353
394
  --brand-synbee-02: #d1a000;
354
395
  --brand-synbee-03: #b68b00;
@@ -360,6 +401,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
360
401
  --brand-synbee-09: #231b00;
361
402
  --brand-synbee-10: #130f00;
362
403
  --brand-synbee: #ffcf30;
404
+ --adjust-tone-01: #d9d9d9;
405
+ --adjust-tone-02: #c7c7c7;
406
+ --adjust-tone-03: #b5b5b5;
407
+ --adjust-tone-04: #a4a4a4;
408
+ --adjust-tone-05: #959595;
409
+ --adjust-tone-06: #858585;
410
+ --adjust-tone-07: #787878;
411
+ --adjust-tone-08: #6c6c6c;
412
+ --adjust-tone-09: #606060;
413
+ --adjust-tone-10: #525252;
414
+ --adjust-tone-11: #474747;
415
+ --adjust-tone-12: #3c3c3c;
416
+ --adjust-tone-13: #333333;
417
+ --adjust-tone-14: #2d2d2d;
418
+ --adjust-tone-15: #282828;
419
+ --adjust-tone-16: #222222;
420
+ --adjust-tone-17: #1d1d1d;
421
+ --adjust-tone-18: #181818;
422
+ --adjust-tone-19: #101010;
423
+ --adjust-tone-20: #080808;
424
+ --adjust-tone: #000000;
363
425
  --status-info-01: #52c2e7;
364
426
  --status-info-02: #2ab4e2;
365
427
  --status-info-03: #1b9dc8;
@@ -518,17 +580,6 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
518
580
 
519
581
  @media (prefers-color-scheme: dark) {
520
582
  :root .dark-mode-os {
521
- --adjust-tone-01: #e0e0e0;
522
- --adjust-tone-02: #d7d7d7;
523
- --adjust-tone-03: #b5b5b5;
524
- --adjust-tone-04: #9b9b9b;
525
- --adjust-tone-05: #797979;
526
- --adjust-tone-06: #4f4f4f;
527
- --adjust-tone-07: #2b2b2b;
528
- --adjust-tone-08: #1d1d1d;
529
- --adjust-tone-09: #101010;
530
- --adjust-tone-10: #080808;
531
- --adjust-tone: #000000;
532
583
  --tone-slate-01: #dde1e8;
533
584
  --tone-slate-02: #d2d9e1;
534
585
  --tone-slate-03: #abb6c7;
@@ -606,6 +657,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
606
657
  --brand-synbee-eolo-09: #121c2c;
607
658
  --brand-synbee-eolo-10: #0a0f17;
608
659
  --brand-synbee-eolo: #597cb9;
660
+ --brand-synbee-eolo-v1-01: #d1daeb;
661
+ --brand-synbee-eolo-v1-02: #bac8e2;
662
+ --brand-synbee-eolo-v1-03: #a3b6d8;
663
+ --brand-synbee-eolo-v1-04: #8ea6cf;
664
+ --brand-synbee-eolo-v1-05: #7a96c7;
665
+ --brand-synbee-eolo-v1-06: #6686bf;
666
+ --brand-synbee-eolo-v1-07: #5579b7;
667
+ --brand-synbee-eolo-v1-08: #486cab;
668
+ --brand-synbee-eolo-v1-09: #405f97;
669
+ --brand-synbee-eolo-v1-10: #375282;
670
+ --brand-synbee-eolo-v1-11: #2f4770;
671
+ --brand-synbee-eolo-v1-12: #283c5e;
672
+ --brand-synbee-eolo-v1-13: #223351;
673
+ --brand-synbee-eolo-v1-14: #1e2d47;
674
+ --brand-synbee-eolo-v1-15: #1b2840;
675
+ --brand-synbee-eolo-v1-16: #172337;
676
+ --brand-synbee-eolo-v1-17: #141d2e;
677
+ --brand-synbee-eolo-v1-18: #101826;
678
+ --brand-synbee-eolo-v1-19: #0b111a;
679
+ --brand-synbee-eolo-v1-20: #070b11;
680
+ --brand-synbee-eolo-v1: #597cb9;
609
681
  --brand-synbee-01: #e2ae00;
610
682
  --brand-synbee-02: #d1a000;
611
683
  --brand-synbee-03: #b68b00;
@@ -617,6 +689,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
617
689
  --brand-synbee-09: #231b00;
618
690
  --brand-synbee-10: #130f00;
619
691
  --brand-synbee: #ffcf30;
692
+ --adjust-tone-01: #d9d9d9;
693
+ --adjust-tone-02: #c7c7c7;
694
+ --adjust-tone-03: #b5b5b5;
695
+ --adjust-tone-04: #a4a4a4;
696
+ --adjust-tone-05: #959595;
697
+ --adjust-tone-06: #858585;
698
+ --adjust-tone-07: #787878;
699
+ --adjust-tone-08: #6c6c6c;
700
+ --adjust-tone-09: #606060;
701
+ --adjust-tone-10: #525252;
702
+ --adjust-tone-11: #474747;
703
+ --adjust-tone-12: #3c3c3c;
704
+ --adjust-tone-13: #333333;
705
+ --adjust-tone-14: #2d2d2d;
706
+ --adjust-tone-15: #282828;
707
+ --adjust-tone-16: #222222;
708
+ --adjust-tone-17: #1d1d1d;
709
+ --adjust-tone-18: #181818;
710
+ --adjust-tone-19: #101010;
711
+ --adjust-tone-20: #080808;
712
+ --adjust-tone: #000000;
620
713
  --status-info-01: #52c2e7;
621
714
  --status-info-02: #2ab4e2;
622
715
  --status-info-03: #1b9dc8;
package/dist/css/typography.css CHANGED
@@ -92,6 +92,14 @@
92
92
  -moz-osx-font-smoothing: grayscale
93
93
  }
94
94
 
95
+ .text-secondary-tip {
96
+ font-family: Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;
97
+ font-size: 0.75rem;
98
+ line-height: 1rem;
99
+ -webkit-font-smoothing: antialiased;
100
+ -moz-osx-font-smoothing: grayscale
101
+ }
102
+
95
103
  .text-secondary-label {
96
104
  font-family: Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;
97
105
  font-size: 0.75rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/styles",
3
- "version": "6.5.1",
3
+ "version": "6.5.4",
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": {
package/tailwind.config.js CHANGED
@@ -60,9 +60,6 @@ module.exports = {
60
60
  screens: {
61
61
  ...mediaQueries,
62
62
  },
63
- transitionTimingFunction: {
64
- ...ease,
65
- },
66
63
  extend: {
67
64
  boxShadow: {
68
65
  'sharp-lg': '0 0 1px 1px rgba(0, 0, 0, 0.06), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
@@ -131,9 +128,12 @@ module.exports = {
131
128
  inherit: 'inherit',
132
129
  },
133
130
  transitionProperty : {
134
- cosmetic: 'background-color, border-color, box-shadow, color, height, margin, opacity, padding, transform, width',
131
+ cosmetic: 'background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width',
135
132
  size: 'height, margin, padding, width',
136
133
  },
134
+ transitionTimingFunction: {
135
+ ...ease,
136
+ },
137
137
  width: {
138
138
  phrase: '50ch',
139
139
  text: '75ch',