@maggioli-design-system/styles 8.2.0 → 10.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 (21) hide show
  1. package/README.md +134 -24
  2. package/package.json +12 -14
  3. package/tailwind.config.js +1 -0
  4. package/dist/css/base.css +0 -96
  5. package/dist/css/colors-brand-synbee.css +0 -208
  6. package/dist/css/colors-brand.css +0 -49
  7. package/dist/css/colors-label.css +0 -346
  8. package/dist/css/colors-rgb-brand-synbee.css +0 -208
  9. package/dist/css/colors-rgb-brand.css +0 -49
  10. package/dist/css/colors-rgb-label.css +0 -346
  11. package/dist/css/colors-rgb-status.css +0 -148
  12. package/dist/css/colors-rgb-tones.css +0 -181
  13. package/dist/css/colors-rgb.css +0 -868
  14. package/dist/css/colors-status.css +0 -148
  15. package/dist/css/colors-tones.css +0 -181
  16. package/dist/css/colors.css +0 -868
  17. package/dist/css/globals.css +0 -14
  18. package/dist/css/reset.css +0 -463
  19. package/dist/css/typography.css +0 -148
  20. package/dist/tailwind/base.css +0 -96
  21. package/dist/tailwind/typography.css +0 -151
package/dist/css/colors-status.css DELETED
@@ -1,148 +0,0 @@
1
- /*
2
- Generated by Style Dictionary
3
- Do not edit directly
4
- Generated at Tue, 27 Sep 2022 10:47:46 GMT
5
- */
6
-
7
- :root {
8
- --status-info-01: #0c465a;
9
- --status-info-02: #0e5168;
10
- --status-info-03: #11637e;
11
- --status-info-04: #157797;
12
- --status-info-05: #198fb6;
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
- --status-info: #23b2e1;
19
- --status-success-01: #0d4b2d;
20
- --status-success-02: #0f5634;
21
- --status-success-03: #12693f;
22
- --status-success-04: #167d4c;
23
- --status-success-05: #1a975b;
24
- --status-success-06: #20b86f;
25
- --status-success-07: #28da84;
26
- --status-success-08: #8aebbc;
27
- --status-success-09: #c0f4db;
28
- --status-success-10: #e4faf0;
29
- --status-success: #21bf73;
30
- --status-error-01: #82120f;
31
- --status-error-02: #951411;
32
- --status-error-03: #b61815;
33
- --status-error-04: #d71d19;
34
- --status-error-05: #ea4d49;
35
- --status-error-06: #f0817f;
36
- --status-error-07: #f5adab;
37
- --status-error-08: #f9cecd;
38
- --status-error-09: #fce3e2;
39
- --status-error-10: #fdf2f2;
40
- --status-error: #ed6663;
41
- --status-warning-01: #523d00;
42
- --status-warning-02: #5f4700;
43
- --status-warning-03: #755700;
44
- --status-warning-04: #8b6800;
45
- --status-warning-05: #a87e00;
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
- --status-warning: #ffc107;
52
- }
53
-
54
- :root .dark-mode {
55
- --status-info-01: #52c2e7;
56
- --status-info-02: #2ab4e2;
57
- --status-info-03: #1b9dc8;
58
- --status-info-04: #1788ac;
59
- --status-info-05: #136f8e;
60
- --status-info-06: #0f566d;
61
- --status-info-07: #0b3e4f;
62
- --status-info-08: #082c37;
63
- --status-info-09: #051e26;
64
- --status-info-10: #031116;
65
- --status-info: #23b2e1;
66
- --status-success-01: #24cf7d;
67
- --status-success-02: #21bf73;
68
- --status-success-03: #1da664;
69
- --status-success-04: #198f56;
70
- --status-success-05: #147647;
71
- --status-success-06: #105b37;
72
- --status-success-07: #0b4228;
73
- --status-success-08: #082f1c;
74
- --status-success-09: #062014;
75
- --status-success-10: #03120b;
76
- --status-success: #21bf73;
77
- --status-error-01: #f49f9d;
78
- --status-error-02: #f18b88;
79
- --status-error-03: #ed6664;
80
- --status-error-04: #e83c38;
81
- --status-error-05: #cb1b17;
82
- --status-error-06: #9e1512;
83
- --status-error-07: #74100d;
84
- --status-error-08: #540b0a;
85
- --status-error-09: #3c0807;
86
- --status-error-10: #230504;
87
- --status-error: #ed6663;
88
- --status-warning-01: #e6ac00;
89
- --status-warning-02: #d49f00;
90
- --status-warning-03: #b98a00;
91
- --status-warning-04: #9f7700;
92
- --status-warning-05: #836200;
93
- --status-warning-06: #654b00;
94
- --status-warning-07: #493700;
95
- --status-warning-08: #332600;
96
- --status-warning-09: #231a00;
97
- --status-warning-10: #130e00;
98
- --status-warning: #ffc107;
99
- }
100
-
101
- @media (prefers-color-scheme: dark) {
102
- :root .dark-mode-os {
103
- --status-info-01: #52c2e7;
104
- --status-info-02: #2ab4e2;
105
- --status-info-03: #1b9dc8;
106
- --status-info-04: #1788ac;
107
- --status-info-05: #136f8e;
108
- --status-info-06: #0f566d;
109
- --status-info-07: #0b3e4f;
110
- --status-info-08: #082c37;
111
- --status-info-09: #051e26;
112
- --status-info-10: #031116;
113
- --status-info: #23b2e1;
114
- --status-success-01: #24cf7d;
115
- --status-success-02: #21bf73;
116
- --status-success-03: #1da664;
117
- --status-success-04: #198f56;
118
- --status-success-05: #147647;
119
- --status-success-06: #105b37;
120
- --status-success-07: #0b4228;
121
- --status-success-08: #082f1c;
122
- --status-success-09: #062014;
123
- --status-success-10: #03120b;
124
- --status-success: #21bf73;
125
- --status-error-01: #f49f9d;
126
- --status-error-02: #f18b88;
127
- --status-error-03: #ed6664;
128
- --status-error-04: #e83c38;
129
- --status-error-05: #cb1b17;
130
- --status-error-06: #9e1512;
131
- --status-error-07: #74100d;
132
- --status-error-08: #540b0a;
133
- --status-error-09: #3c0807;
134
- --status-error-10: #230504;
135
- --status-error: #ed6663;
136
- --status-warning-01: #e6ac00;
137
- --status-warning-02: #d49f00;
138
- --status-warning-03: #b98a00;
139
- --status-warning-04: #9f7700;
140
- --status-warning-05: #836200;
141
- --status-warning-06: #654b00;
142
- --status-warning-07: #493700;
143
- --status-warning-08: #332600;
144
- --status-warning-09: #231a00;
145
- --status-warning-10: #130e00;
146
- --status-warning: #ffc107;
147
- }
148
- }
package/dist/css/colors-tones.css DELETED
@@ -1,181 +0,0 @@
1
- /*
2
- Generated by Style Dictionary
3
- Do not edit directly
4
- Generated at Tue, 27 Sep 2022 10:47:46 GMT
5
- */
6
-
7
- :root {
8
- --tone-slate-01: #1c222a;
9
- --tone-slate-02: #212932;
10
- --tone-slate-03: #364151;
11
- --tone-slate-04: #47556a;
12
- --tone-slate-05: #5f738f;
13
- --tone-slate-06: #95a4b8;
14
- --tone-slate-07: #cfd5df;
15
- --tone-slate-08: #e2e6ec;
16
- --tone-slate-09: #f1f3f6;
17
- --tone-slate-10: #f7f8fa;
18
- --tone-slate: #ffffff;
19
- --tone-grey-01: #1f2126;
20
- --tone-grey-02: #25282e;
21
- --tone-grey-03: #3b4049;
22
- --tone-grey-04: #4e5560;
23
- --tone-grey-05: #697282;
24
- --tone-grey-06: #9ca3af;
25
- --tone-grey-07: #d2d5da;
26
- --tone-grey-08: #e6e7ea;
27
- --tone-grey-09: #f2f3f5;
28
- --tone-grey-10: #f8f8f9;
29
- --tone-grey: #ffffff;
30
- --tone-zinc-01: #212125;
31
- --tone-zinc-02: #28282c;
32
- --tone-zinc-03: #404046;
33
- --tone-zinc-04: #54545c;
34
- --tone-zinc-05: #70707c;
35
- --tone-zinc-06: #a1a1aa;
36
- --tone-zinc-07: #d4d4d8;
37
- --tone-zinc-08: #e6e6e8;
38
- --tone-zinc-09: #f3f3f4;
39
- --tone-zinc-10: #f8f8f9;
40
- --tone-zinc: #ffffff;
41
- --tone-neutral-01: #212121;
42
- --tone-neutral-02: #282828;
43
- --tone-neutral-03: #404040;
44
- --tone-neutral-04: #545454;
45
- --tone-neutral-05: #717171;
46
- --tone-neutral-06: #a2a2a2;
47
- --tone-neutral-07: #d4d4d4;
48
- --tone-neutral-08: #e7e7e7;
49
- --tone-neutral-09: #f3f3f3;
50
- --tone-neutral-10: #f8f8f8;
51
- --tone-neutral: #ffffff;
52
- --tone-stone-01: #232120;
53
- --tone-stone-02: #2a2826;
54
- --tone-stone-03: #44403d;
55
- --tone-stone-04: #59534f;
56
- --tone-stone-05: #78706c;
57
- --tone-stone-06: #a7a19d;
58
- --tone-stone-07: #d7d4d2;
59
- --tone-stone-08: #e8e6e5;
60
- --tone-stone-09: #f4f3f2;
61
- --tone-stone-10: #f9f8f8;
62
- --tone-stone: #ffffff;
63
- }
64
-
65
- :root .dark-mode {
66
- --tone-slate-01: #dde1e8;
67
- --tone-slate-02: #d2d8e1;
68
- --tone-slate-03: #abb6c7;
69
- --tone-slate-04: #8c9cb3;
70
- --tone-slate-05: #657b98;
71
- --tone-slate-06: #424f63;
72
- --tone-slate-07: #232b35;
73
- --tone-slate-08: #181d24;
74
- --tone-slate-09: #0e1115;
75
- --tone-slate-10: #07090b;
76
- --tone-slate: #000000;
77
- --tone-grey-01: #dee1e5;
78
- --tone-grey-02: #d4d7dd;
79
- --tone-grey-03: #b1b6c0;
80
- --tone-grey-04: #949ba8;
81
- --tone-grey-05: #707a8a;
82
- --tone-grey-06: #484f5a;
83
- --tone-grey-07: #272b31;
84
- --tone-grey-08: #1b1d21;
85
- --tone-grey-09: #0e0f11;
86
- --tone-grey-10: #08090a;
87
- --tone-grey: #000000;
88
- --tone-zinc-01: #e0e0e3;
89
- --tone-zinc-02: #d7d7db;
90
- --tone-zinc-03: #b5b5bd;
91
- --tone-zinc-04: #9a9aa4;
92
- --tone-zinc-05: #797985;
93
- --tone-zinc-06: #4e4e57;
94
- --tone-zinc-07: #2a2a2e;
95
- --tone-zinc-08: #1c1c1f;
96
- --tone-zinc-09: #111113;
97
- --tone-zinc-10: #090909;
98
- --tone-zinc: #000000;
99
- --tone-neutral-01: #e1e1e1;
100
- --tone-neutral-02: #d8d8d8;
101
- --tone-neutral-03: #b5b5b5;
102
- --tone-neutral-04: #9b9b9b;
103
- --tone-neutral-05: #7a7a7a;
104
- --tone-neutral-06: #4e4e4e;
105
- --tone-neutral-07: #2b2b2b;
106
- --tone-neutral-08: #1d1d1d;
107
- --tone-neutral-09: #0f0f0f;
108
- --tone-neutral-10: #090909;
109
- --tone-neutral: #000000;
110
- --tone-stone-01: #e2e0df;
111
- --tone-stone-02: #dad7d6;
112
- --tone-stone-03: #b9b5b1;
113
- --tone-stone-04: #a09a96;
114
- --tone-stone-05: #7f7872;
115
- --tone-stone-06: #534e4a;
116
- --tone-stone-07: #2d2a29;
117
- --tone-stone-08: #1e1c1b;
118
- --tone-stone-09: #100f0f;
119
- --tone-stone-10: #090908;
120
- --tone-stone: #000000;
121
- }
122
-
123
- @media (prefers-color-scheme: dark) {
124
- :root .dark-mode-os {
125
- --tone-slate-01: #dde1e8;
126
- --tone-slate-02: #d2d8e1;
127
- --tone-slate-03: #abb6c7;
128
- --tone-slate-04: #8c9cb3;
129
- --tone-slate-05: #657b98;
130
- --tone-slate-06: #424f63;
131
- --tone-slate-07: #232b35;
132
- --tone-slate-08: #181d24;
133
- --tone-slate-09: #0e1115;
134
- --tone-slate-10: #07090b;
135
- --tone-slate: #000000;
136
- --tone-grey-01: #dee1e5;
137
- --tone-grey-02: #d4d7dd;
138
- --tone-grey-03: #b1b6c0;
139
- --tone-grey-04: #949ba8;
140
- --tone-grey-05: #707a8a;
141
- --tone-grey-06: #484f5a;
142
- --tone-grey-07: #272b31;
143
- --tone-grey-08: #1b1d21;
144
- --tone-grey-09: #0e0f11;
145
- --tone-grey-10: #08090a;
146
- --tone-grey: #000000;
147
- --tone-zinc-01: #e0e0e3;
148
- --tone-zinc-02: #d7d7db;
149
- --tone-zinc-03: #b5b5bd;
150
- --tone-zinc-04: #9a9aa4;
151
- --tone-zinc-05: #797985;
152
- --tone-zinc-06: #4e4e57;
153
- --tone-zinc-07: #2a2a2e;
154
- --tone-zinc-08: #1c1c1f;
155
- --tone-zinc-09: #111113;
156
- --tone-zinc-10: #090909;
157
- --tone-zinc: #000000;
158
- --tone-neutral-01: #e1e1e1;
159
- --tone-neutral-02: #d8d8d8;
160
- --tone-neutral-03: #b5b5b5;
161
- --tone-neutral-04: #9b9b9b;
162
- --tone-neutral-05: #7a7a7a;
163
- --tone-neutral-06: #4e4e4e;
164
- --tone-neutral-07: #2b2b2b;
165
- --tone-neutral-08: #1d1d1d;
166
- --tone-neutral-09: #0f0f0f;
167
- --tone-neutral-10: #090909;
168
- --tone-neutral: #000000;
169
- --tone-stone-01: #e2e0df;
170
- --tone-stone-02: #dad7d6;
171
- --tone-stone-03: #b9b5b1;
172
- --tone-stone-04: #a09a96;
173
- --tone-stone-05: #7f7872;
174
- --tone-stone-06: #534e4a;
175
- --tone-stone-07: #2d2a29;
176
- --tone-stone-08: #1e1c1b;
177
- --tone-stone-09: #100f0f;
178
- --tone-stone-10: #090908;
179
- --tone-stone: #000000;
180
- }
181
- }