@maggioli-design-system/styles 10.0.0 → 10.0.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 (20) hide show
  1. package/dist/css/base.css +95 -0
  2. package/dist/css/colors-hex-brand-synbee.css +208 -0
  3. package/dist/css/colors-hex-brand.css +49 -0
  4. package/dist/css/colors-hex-label.css +346 -0
  5. package/dist/css/colors-hex-status.css +148 -0
  6. package/dist/css/colors-hex-tones.css +181 -0
  7. package/dist/css/colors-hex.css +868 -0
  8. package/dist/css/colors-rgb-brand-synbee.css +208 -0
  9. package/dist/css/colors-rgb-brand.css +49 -0
  10. package/dist/css/colors-rgb-label.css +346 -0
  11. package/dist/css/colors-rgb-status.css +148 -0
  12. package/dist/css/colors-rgb-tones.css +181 -0
  13. package/dist/css/colors-rgb.css +868 -0
  14. package/dist/css/globals.css +19 -0
  15. package/dist/css/reset.css +470 -0
  16. package/dist/css/typography.css +150 -0
  17. package/dist/tailwind/base.css +96 -0
  18. package/dist/tailwind/components.css +18 -0
  19. package/dist/tailwind/typography.css +153 -0
  20. package/package.json +1 -1
package/dist/css/colors-hex-status.css ADDED
@@ -0,0 +1,148 @@
1
+ /*
2
+ Generated by Style Dictionary
3
+ Do not edit directly
4
+ Generated at Wed, 07 Dec 2022 12:03:38 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.system-mode {
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-hex-tones.css ADDED
@@ -0,0 +1,181 @@
1
+ /*
2
+ Generated by Style Dictionary
3
+ Do not edit directly
4
+ Generated at Wed, 07 Dec 2022 12:03:38 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.system-mode {
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
+ }