@silknet-ds/tokens 0.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.
- package/README.md +74 -0
- package/dist/tokens.css +716 -0
- package/dist/tokens.dark.css +355 -0
- package/dist/tokens.light.css +355 -0
- package/package.json +39 -0
|
@@ -0,0 +1,355 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
:root[data-theme="dark"] {
|
|
6
|
+
--primary-100: #e7f4fd;
|
|
7
|
+
--primary-200: #cce7fb;
|
|
8
|
+
--primary-300: #99d0f7;
|
|
9
|
+
--primary-400: #66b8f3;
|
|
10
|
+
--primary-500: #33a1ef;
|
|
11
|
+
--primary-600: #0089eb;
|
|
12
|
+
--primary-700: #006ebc;
|
|
13
|
+
--primary-800: #00528d;
|
|
14
|
+
--primary-900: #00375e;
|
|
15
|
+
--primary-950: #001b2f;
|
|
16
|
+
--primary-4: rgba(51, 161, 239, 0.04);
|
|
17
|
+
--primary-8: rgba(51, 161, 239, 0.08);
|
|
18
|
+
--primary-16: rgba(51, 161, 239, 0.16);
|
|
19
|
+
--primary-24: rgba(51, 161, 239, 0.24);
|
|
20
|
+
--primary-32: rgba(51, 161, 239, 0.32);
|
|
21
|
+
--primary-40: rgba(51, 161, 239, 0.4);
|
|
22
|
+
--primary-48: rgba(51, 161, 239, 0.48);
|
|
23
|
+
--grey-100: #f8f9f9;
|
|
24
|
+
--grey-200: #edeff0;
|
|
25
|
+
--grey-300: #e0e3e5;
|
|
26
|
+
--grey-400: #cdd2d6;
|
|
27
|
+
--grey-500: #b0b9bf;
|
|
28
|
+
--grey-600: #8e9aa3;
|
|
29
|
+
--grey-700: #69757e;
|
|
30
|
+
--grey-800: #4b565e;
|
|
31
|
+
--grey-900: #323a3f;
|
|
32
|
+
--grey-950: #1d2327;
|
|
33
|
+
--grey-4: rgba(176, 185, 191, 0.04);
|
|
34
|
+
--grey-8: rgba(176, 185, 191, 0.08);
|
|
35
|
+
--grey-16: rgba(176, 185, 191, 0.16);
|
|
36
|
+
--grey-24: rgba(176, 185, 191, 0.24);
|
|
37
|
+
--grey-32: rgba(176, 185, 191, 0.32);
|
|
38
|
+
--grey-40: rgba(176, 185, 191, 0.4);
|
|
39
|
+
--grey-48: rgba(176, 185, 191, 0.48);
|
|
40
|
+
--green-100: #e4f6ec;
|
|
41
|
+
--green-200: #c6ecd7;
|
|
42
|
+
--green-300: #8ce2b4;
|
|
43
|
+
--green-400: #5dd79a;
|
|
44
|
+
--green-500: #32c980;
|
|
45
|
+
--green-600: #29ae6f;
|
|
46
|
+
--green-700: #218557;
|
|
47
|
+
--green-800: #186a47;
|
|
48
|
+
--green-900: #134c34;
|
|
49
|
+
--green-950: #0e3525;
|
|
50
|
+
--green-4: rgba(50, 201, 128, 0.04);
|
|
51
|
+
--green-8: rgba(50, 201, 128, 0.08);
|
|
52
|
+
--green-16: rgba(50, 201, 128, 0.16);
|
|
53
|
+
--green-24: rgba(50, 201, 128, 0.24);
|
|
54
|
+
--green-32: rgba(50, 201, 128, 0.32);
|
|
55
|
+
--green-40: rgba(50, 201, 128, 0.4);
|
|
56
|
+
--green-48: rgba(50, 201, 128, 0.48);
|
|
57
|
+
--red-100: #fdebec;
|
|
58
|
+
--red-200: #fbd0d3;
|
|
59
|
+
--red-300: #f8a6ad;
|
|
60
|
+
--red-400: #f3747e;
|
|
61
|
+
--red-500: #f5515c;
|
|
62
|
+
--red-600: #db3f49;
|
|
63
|
+
--red-700: #b8323b;
|
|
64
|
+
--red-800: #8f262e;
|
|
65
|
+
--red-900: #661b22;
|
|
66
|
+
--red-950: #3f1015;
|
|
67
|
+
--red-4: rgba(245, 81, 92, 0.04);
|
|
68
|
+
--red-8: rgba(245, 81, 92, 0.08);
|
|
69
|
+
--red-16: rgba(245, 81, 92, 0.16);
|
|
70
|
+
--red-24: rgba(245, 81, 92, 0.24);
|
|
71
|
+
--red-32: rgba(245, 81, 92, 0.32);
|
|
72
|
+
--red-40: rgba(245, 81, 92, 0.4);
|
|
73
|
+
--red-48: rgba(245, 81, 92, 0.48);
|
|
74
|
+
--yellow-100: #fff6e1;
|
|
75
|
+
--yellow-200: #ffe9b8;
|
|
76
|
+
--yellow-300: #ffd980;
|
|
77
|
+
--yellow-400: #ffc84a;
|
|
78
|
+
--yellow-500: #ffb714;
|
|
79
|
+
--yellow-600: #e59f00;
|
|
80
|
+
--yellow-700: #bf8200;
|
|
81
|
+
--yellow-800: #996600;
|
|
82
|
+
--yellow-900: #734c00;
|
|
83
|
+
--yellow-950: #4d3300;
|
|
84
|
+
--yellow-4: rgba(255, 183, 20, 0.04);
|
|
85
|
+
--yellow-8: rgba(255, 183, 20, 0.08);
|
|
86
|
+
--yellow-16: rgba(255, 183, 20, 0.16);
|
|
87
|
+
--yellow-24: rgba(255, 183, 20, 0.24);
|
|
88
|
+
--yellow-32: rgba(255, 183, 20, 0.32);
|
|
89
|
+
--yellow-40: rgba(255, 183, 20, 0.4);
|
|
90
|
+
--yellow-48: rgba(255, 183, 20, 0.48);
|
|
91
|
+
--blue-100: #e9f6fc;
|
|
92
|
+
--blue-200: #d2ecf9;
|
|
93
|
+
--blue-300: #aeddf4;
|
|
94
|
+
--blue-400: #81caef;
|
|
95
|
+
--blue-500: #3daee6;
|
|
96
|
+
--blue-600: #2597d0;
|
|
97
|
+
--blue-700: #1c7fb0;
|
|
98
|
+
--blue-800: #1b6e98;
|
|
99
|
+
--blue-900: #134e6c;
|
|
100
|
+
--blue-950: #0f3f57;
|
|
101
|
+
--blue-4: rgba(61, 174, 230, 0.04);
|
|
102
|
+
--blue-8: rgba(61, 174, 230, 0.08);
|
|
103
|
+
--blue-16: rgba(61, 174, 230, 0.16);
|
|
104
|
+
--blue-24: rgba(61, 174, 230, 0.24);
|
|
105
|
+
--blue-32: rgba(61, 174, 230, 0.32);
|
|
106
|
+
--blue-40: rgba(61, 174, 230, 0.4);
|
|
107
|
+
--blue-48: rgba(61, 174, 230, 0.48);
|
|
108
|
+
--orange-100: #fdece3;
|
|
109
|
+
--orange-200: #fbdbcb;
|
|
110
|
+
--orange-300: #f8bda0;
|
|
111
|
+
--orange-400: #f69a6c;
|
|
112
|
+
--orange-500: #f07436;
|
|
113
|
+
--orange-600: #e15c19;
|
|
114
|
+
--orange-700: #aa4418;
|
|
115
|
+
--orange-800: #7d3212;
|
|
116
|
+
--orange-900: #59240d;
|
|
117
|
+
--orange-950: #3e1909;
|
|
118
|
+
--orange-4: rgba(240, 116, 54, 0.04);
|
|
119
|
+
--orange-8: rgba(240, 116, 54, 0.08);
|
|
120
|
+
--orange-16: rgba(240, 116, 54, 0.16);
|
|
121
|
+
--orange-24: rgba(240, 116, 54, 0.24);
|
|
122
|
+
--orange-32: rgba(240, 116, 54, 0.32);
|
|
123
|
+
--orange-40: rgba(240, 116, 54, 0.4);
|
|
124
|
+
--orange-48: rgba(240, 116, 54, 0.48);
|
|
125
|
+
--purple-100: #efe9fc;
|
|
126
|
+
--purple-200: #d9cafa;
|
|
127
|
+
--purple-300: #bea8f7;
|
|
128
|
+
--purple-400: #a986f4;
|
|
129
|
+
--purple-500: #9364f1;
|
|
130
|
+
--purple-600: #7743de;
|
|
131
|
+
--purple-700: #5b29bf;
|
|
132
|
+
--purple-800: #461f94;
|
|
133
|
+
--purple-900: #2f1669;
|
|
134
|
+
--purple-950: #210f48;
|
|
135
|
+
--purple-4: rgba(147, 100, 241, 0.04);
|
|
136
|
+
--purple-8: rgba(147, 100, 241, 0.08);
|
|
137
|
+
--purple-16: rgba(147, 100, 241, 0.16);
|
|
138
|
+
--purple-24: rgba(147, 100, 241, 0.24);
|
|
139
|
+
--purple-32: rgba(147, 100, 241, 0.32);
|
|
140
|
+
--purple-40: rgba(147, 100, 241, 0.4);
|
|
141
|
+
--purple-48: rgba(147, 100, 241, 0.48);
|
|
142
|
+
--pink-100: #fce9f5;
|
|
143
|
+
--pink-200: #f9cbea;
|
|
144
|
+
--pink-300: #f7a8df;
|
|
145
|
+
--pink-400: #f486cf;
|
|
146
|
+
--pink-500: #f164bd;
|
|
147
|
+
--pink-600: #de43a5;
|
|
148
|
+
--pink-700: #bf2988;
|
|
149
|
+
--pink-800: #941f69;
|
|
150
|
+
--pink-900: #69164a;
|
|
151
|
+
--pink-950: #480f33;
|
|
152
|
+
--pink-4: rgba(241, 100, 189, 0.04);
|
|
153
|
+
--pink-8: rgba(241, 100, 189, 0.08);
|
|
154
|
+
--pink-16: rgba(241, 100, 189, 0.16);
|
|
155
|
+
--pink-24: rgba(241, 100, 189, 0.24);
|
|
156
|
+
--pink-32: rgba(241, 100, 189, 0.32);
|
|
157
|
+
--pink-40: rgba(241, 100, 189, 0.4);
|
|
158
|
+
--pink-48: rgba(241, 100, 189, 0.48);
|
|
159
|
+
--teal-100: #ebfafa;
|
|
160
|
+
--teal-200: #c3efef;
|
|
161
|
+
--teal-300: #96e3e3;
|
|
162
|
+
--teal-400: #6ad7d7;
|
|
163
|
+
--teal-500: #33cccc;
|
|
164
|
+
--teal-600: #27aaaa;
|
|
165
|
+
--teal-700: #168c8c;
|
|
166
|
+
--teal-800: #0f6e6e;
|
|
167
|
+
--teal-900: #0a4d52;
|
|
168
|
+
--teal-950: #053336;
|
|
169
|
+
--teal-4: rgba(51, 204, 204, 0.04);
|
|
170
|
+
--teal-8: rgba(51, 204, 204, 0.08);
|
|
171
|
+
--teal-16: rgba(51, 204, 204, 0.16);
|
|
172
|
+
--teal-24: rgba(51, 204, 204, 0.24);
|
|
173
|
+
--teal-32: rgba(51, 204, 204, 0.32);
|
|
174
|
+
--teal-40: rgba(51, 204, 204, 0.4);
|
|
175
|
+
--teal-48: rgba(51, 204, 204, 0.48);
|
|
176
|
+
--silkfest-100: #ffe3cc;
|
|
177
|
+
--silkfest-200: #ffc799;
|
|
178
|
+
--silkfest-300: #ffab66;
|
|
179
|
+
--silkfest-400: #ff8f33;
|
|
180
|
+
--silkfest-500: #ff7300;
|
|
181
|
+
--silkfest-600: #cc5c00;
|
|
182
|
+
--silkfest-700: #994500;
|
|
183
|
+
--silkfest-800: #662e00;
|
|
184
|
+
--silkfest-900: #4d2300;
|
|
185
|
+
--silkfest-950: #331700;
|
|
186
|
+
--silkfest-4: rgba(255, 115, 0, 0.04);
|
|
187
|
+
--silkfest-8: rgba(255, 115, 0, 0.08);
|
|
188
|
+
--silkfest-16: rgba(255, 115, 0, 0.16);
|
|
189
|
+
--silkfest-24: rgba(255, 115, 0, 0.24);
|
|
190
|
+
--silkfest-32: rgba(255, 115, 0, 0.32);
|
|
191
|
+
--silkfest-40: rgba(255, 115, 0, 0.4);
|
|
192
|
+
--silkfest-48: rgba(255, 115, 0, 0.48);
|
|
193
|
+
--alpha-white-4: rgba(255, 255, 255, 0.04);
|
|
194
|
+
--alpha-white-8: rgba(255, 255, 255, 0.08);
|
|
195
|
+
--alpha-white-12: rgba(255, 255, 255, 0.12);
|
|
196
|
+
--alpha-white-16: rgba(255, 255, 255, 0.16);
|
|
197
|
+
--alpha-white-24: rgba(255, 255, 255, 0.24);
|
|
198
|
+
--alpha-white-32: rgba(255, 255, 255, 0.32);
|
|
199
|
+
--alpha-white-48: rgba(255, 255, 255, 0.48);
|
|
200
|
+
--alpha-white-64: rgba(255, 255, 255, 0.64);
|
|
201
|
+
--alpha-white-80: rgba(255, 255, 255, 0.8);
|
|
202
|
+
--alpha-white-96: rgba(255, 255, 255, 0.96);
|
|
203
|
+
--alpha-white-100: #ffffff;
|
|
204
|
+
--alpha-black-4: rgba(0, 0, 0, 0.04);
|
|
205
|
+
--alpha-black-8: rgba(0, 0, 0, 0.08);
|
|
206
|
+
--alpha-black-12: rgba(0, 0, 0, 0.12);
|
|
207
|
+
--alpha-black-16: rgba(0, 0, 0, 0.16);
|
|
208
|
+
--alpha-black-24: rgba(0, 0, 0, 0.24);
|
|
209
|
+
--alpha-black-32: rgba(0, 0, 0, 0.32);
|
|
210
|
+
--alpha-black-48: rgba(0, 0, 0, 0.48);
|
|
211
|
+
--alpha-black-64: rgba(0, 0, 0, 0.64);
|
|
212
|
+
--alpha-black-80: rgba(0, 0, 0, 0.8);
|
|
213
|
+
--alpha-black-96: rgba(0, 0, 0, 0.96);
|
|
214
|
+
--alpha-black-100: #000000;
|
|
215
|
+
--digits-0: 0px;
|
|
216
|
+
--digits-4: 4px;
|
|
217
|
+
--digits-8: 8px;
|
|
218
|
+
--digits-12: 12px;
|
|
219
|
+
--digits-14: 14px;
|
|
220
|
+
--digits-16: 16px;
|
|
221
|
+
--digits-20: 20px;
|
|
222
|
+
--digits-24: 24px;
|
|
223
|
+
--digits-28: 28px;
|
|
224
|
+
--digits-32: 32px;
|
|
225
|
+
--digits-36: 36px;
|
|
226
|
+
--digits-40: 40px;
|
|
227
|
+
--digits-44: 44px;
|
|
228
|
+
--digits-48: 48px;
|
|
229
|
+
--digits-52: 52px;
|
|
230
|
+
--digits-56: 56px;
|
|
231
|
+
--digits-radius-0: 0px;
|
|
232
|
+
--digits-radius-xxs: 4px;
|
|
233
|
+
--digits-radius-xs: 8px;
|
|
234
|
+
--digits-radius-s: 12px;
|
|
235
|
+
--digits-radius-m: 16px;
|
|
236
|
+
--digits-radius-l: 24px;
|
|
237
|
+
--digits-radius-xl: 32px;
|
|
238
|
+
--digits-radius-xxl: 48px;
|
|
239
|
+
--digits-spacing-0: 0px;
|
|
240
|
+
--digits-spacing-1: 4px;
|
|
241
|
+
--digits-spacing-2: 8px;
|
|
242
|
+
--digits-spacing-3: 12px;
|
|
243
|
+
--digits-spacing-4: 16px;
|
|
244
|
+
--digits-spacing-5: 20px;
|
|
245
|
+
--digits-spacing-6: 24px;
|
|
246
|
+
--digits-spacing-7: 28px;
|
|
247
|
+
--digits-spacing-8: 32px;
|
|
248
|
+
--digits-spacing-9: 36px;
|
|
249
|
+
--digits-spacing-10: 40px;
|
|
250
|
+
--digits-spacing-11: 44px;
|
|
251
|
+
--digits-spacing-12: 48px;
|
|
252
|
+
--digits-spacing-13: 52px;
|
|
253
|
+
--digits-spacing-14: 56px;
|
|
254
|
+
--digits-spacing-3-1: 14px;
|
|
255
|
+
--font-family-family: 'Noto Sans Georgian';
|
|
256
|
+
--font-weight-regular: regular;
|
|
257
|
+
--font-weight-medium: medium;
|
|
258
|
+
--font-weight-semibold: semibold;
|
|
259
|
+
--font-weight-bold: bold;
|
|
260
|
+
--font-size-heading-heading-1: 32px;
|
|
261
|
+
--font-size-heading-heading-2: 28px;
|
|
262
|
+
--font-size-heading-heading-3: 20px;
|
|
263
|
+
--font-size-heading-heading-4: 16px;
|
|
264
|
+
--font-size-heading-display-display: 20px;
|
|
265
|
+
--font-size-subtitle-subtitle-1: 16px;
|
|
266
|
+
--font-size-subtitle-subtitle-2: 14px;
|
|
267
|
+
--font-size-subtitle-subtitle-3: 12px;
|
|
268
|
+
--font-size-body-body-accent: 16px;
|
|
269
|
+
--font-size-body-body-default: 14px;
|
|
270
|
+
--font-size-body-body-additional: 12px;
|
|
271
|
+
--font-size-button-button-default: 14px;
|
|
272
|
+
--font-size-button-button-additional: 12px;
|
|
273
|
+
--font-size-other-caption: 11px;
|
|
274
|
+
--font-size-other-overline: 11px;
|
|
275
|
+
--font-height-heading-heading-1: 48px;
|
|
276
|
+
--font-height-heading-heading-2: 40px;
|
|
277
|
+
--font-height-heading-heading-3: 28px;
|
|
278
|
+
--font-height-heading-heading-4: 24px;
|
|
279
|
+
--font-height-heading-display-display: 28px;
|
|
280
|
+
--font-height-subtitle-subtitle-1: 24px;
|
|
281
|
+
--font-height-subtitle-subtitle-2: 20px;
|
|
282
|
+
--font-height-subtitle-subtitle-3: 16px;
|
|
283
|
+
--font-height-body-body-accent: 24px;
|
|
284
|
+
--font-height-body-body-default: 20px;
|
|
285
|
+
--font-height-body-body-additional: 16px;
|
|
286
|
+
--font-height-button-button-default: 20px;
|
|
287
|
+
--font-height-button-button-additional: 16px;
|
|
288
|
+
--font-height-other-caption: 16px;
|
|
289
|
+
--font-height-other-overline: 12px;
|
|
290
|
+
--text-default: #f8f9f9;
|
|
291
|
+
--text-secondary: #e0e3e5;
|
|
292
|
+
--text-additional: #b0b9bf;
|
|
293
|
+
--text-disabled: #4b565e;
|
|
294
|
+
--text-contrast: #000000;
|
|
295
|
+
--text-primary: #99d0f7;
|
|
296
|
+
--text-success: #8ce2b4;
|
|
297
|
+
--text-error: #f8a6ad;
|
|
298
|
+
--text-warrning: #ffd980;
|
|
299
|
+
--text-info: #aeddf4;
|
|
300
|
+
--text-orange: #f8bda0;
|
|
301
|
+
--text-purple: #bea8f7;
|
|
302
|
+
--text-pink: #f7a8df;
|
|
303
|
+
--text-teal: #96e3e3;
|
|
304
|
+
--text-silkfest: #ffab66;
|
|
305
|
+
--background-surface: #1d2327;
|
|
306
|
+
--background-surface-hover: #323a3f;
|
|
307
|
+
--background-surface-pressed: #4b565e;
|
|
308
|
+
--background-layer: #323a3f;
|
|
309
|
+
--background-layer-hover: rgba(0, 0, 0, 0.08);
|
|
310
|
+
--background-layer-pressed: rgba(0, 0, 0, 0.16);
|
|
311
|
+
--background-primary-accent: #0089eb;
|
|
312
|
+
--background-success-accent: #29ae6f;
|
|
313
|
+
--background-error-accent: #db3f49;
|
|
314
|
+
--background-warning-accent: #e59f00;
|
|
315
|
+
--background-info-accent: #2597d0;
|
|
316
|
+
--background-orange-accent: #e15c19;
|
|
317
|
+
--background-purple-accent: #7743de;
|
|
318
|
+
--background-pink-accent: #de43a5;
|
|
319
|
+
--background-teal-accent: #27aaaa;
|
|
320
|
+
--background-silkfest-accent: #cc5c00;
|
|
321
|
+
--background-disabled: #4b565e;
|
|
322
|
+
--background-primary: #001b2f;
|
|
323
|
+
--background-success: #0e3525;
|
|
324
|
+
--background-error: #3f1015;
|
|
325
|
+
--background-warning: #4d3300;
|
|
326
|
+
--background-info: #0f3f57;
|
|
327
|
+
--background-orange: #3e1909;
|
|
328
|
+
--background-purple: #210f48;
|
|
329
|
+
--background-pink: #480f33;
|
|
330
|
+
--background-teal: #053336;
|
|
331
|
+
--background-silkfest: #331700;
|
|
332
|
+
--background-toggle-default: #4b565e;
|
|
333
|
+
--background-chip-default: #4b565e;
|
|
334
|
+
--background-chip-selected: #f8f9f9;
|
|
335
|
+
--background-primary-soft: rgba(51, 161, 239, 0.08);
|
|
336
|
+
--background-navigation: rgba(176, 185, 191, 0.04);
|
|
337
|
+
--background-input-default: rgba(176, 185, 191, 0.08);
|
|
338
|
+
--background-input-hover: rgba(176, 185, 191, 0.16);
|
|
339
|
+
--background-input-pressed: rgba(176, 185, 191, 0.24);
|
|
340
|
+
--border-default: #69757e;
|
|
341
|
+
--border-subtle: #4b565e;
|
|
342
|
+
--border-filled: #4b565e;
|
|
343
|
+
--border-primary-focus: #0089eb;
|
|
344
|
+
--border-primary: #00375e;
|
|
345
|
+
--border-success: #134c34;
|
|
346
|
+
--border-error: #661b22;
|
|
347
|
+
--border-error-focus: #661b22;
|
|
348
|
+
--border-warning: #734c00;
|
|
349
|
+
--border-info: #134e6c;
|
|
350
|
+
--border-orange: #59240d;
|
|
351
|
+
--border-purple: #2f1669;
|
|
352
|
+
--border-pink: #69164a;
|
|
353
|
+
--border-teal: #0a4d52;
|
|
354
|
+
--border-silkfest: #4d2300;
|
|
355
|
+
}
|
|
@@ -0,0 +1,355 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
--primary-100: #e7f4fd;
|
|
7
|
+
--primary-200: #cce7fb;
|
|
8
|
+
--primary-300: #99d0f7;
|
|
9
|
+
--primary-400: #66b8f3;
|
|
10
|
+
--primary-500: #33a1ef;
|
|
11
|
+
--primary-600: #0089eb;
|
|
12
|
+
--primary-700: #006ebc;
|
|
13
|
+
--primary-800: #00528d;
|
|
14
|
+
--primary-900: #00375e;
|
|
15
|
+
--primary-950: #001b2f;
|
|
16
|
+
--primary-4: rgba(51, 161, 239, 0.04);
|
|
17
|
+
--primary-8: rgba(51, 161, 239, 0.08);
|
|
18
|
+
--primary-16: rgba(51, 161, 239, 0.16);
|
|
19
|
+
--primary-24: rgba(51, 161, 239, 0.24);
|
|
20
|
+
--primary-32: rgba(51, 161, 239, 0.32);
|
|
21
|
+
--primary-40: rgba(51, 161, 239, 0.4);
|
|
22
|
+
--primary-48: rgba(51, 161, 239, 0.48);
|
|
23
|
+
--grey-100: #f8f9f9;
|
|
24
|
+
--grey-200: #edeff0;
|
|
25
|
+
--grey-300: #e0e3e5;
|
|
26
|
+
--grey-400: #cdd2d6;
|
|
27
|
+
--grey-500: #b0b9bf;
|
|
28
|
+
--grey-600: #8e9aa3;
|
|
29
|
+
--grey-700: #69757e;
|
|
30
|
+
--grey-800: #4b565e;
|
|
31
|
+
--grey-900: #323a3f;
|
|
32
|
+
--grey-950: #1d2327;
|
|
33
|
+
--grey-4: rgba(176, 185, 191, 0.04);
|
|
34
|
+
--grey-8: rgba(176, 185, 191, 0.08);
|
|
35
|
+
--grey-16: rgba(176, 185, 191, 0.16);
|
|
36
|
+
--grey-24: rgba(176, 185, 191, 0.24);
|
|
37
|
+
--grey-32: rgba(176, 185, 191, 0.32);
|
|
38
|
+
--grey-40: rgba(176, 185, 191, 0.4);
|
|
39
|
+
--grey-48: rgba(176, 185, 191, 0.48);
|
|
40
|
+
--green-100: #e4f6ec;
|
|
41
|
+
--green-200: #c6ecd7;
|
|
42
|
+
--green-300: #8ce2b4;
|
|
43
|
+
--green-400: #5dd79a;
|
|
44
|
+
--green-500: #32c980;
|
|
45
|
+
--green-600: #29ae6f;
|
|
46
|
+
--green-700: #218557;
|
|
47
|
+
--green-800: #186a47;
|
|
48
|
+
--green-900: #134c34;
|
|
49
|
+
--green-950: #0e3525;
|
|
50
|
+
--green-4: rgba(50, 201, 128, 0.04);
|
|
51
|
+
--green-8: rgba(50, 201, 128, 0.08);
|
|
52
|
+
--green-16: rgba(50, 201, 128, 0.16);
|
|
53
|
+
--green-24: rgba(50, 201, 128, 0.24);
|
|
54
|
+
--green-32: rgba(50, 201, 128, 0.32);
|
|
55
|
+
--green-40: rgba(50, 201, 128, 0.4);
|
|
56
|
+
--green-48: rgba(50, 201, 128, 0.48);
|
|
57
|
+
--red-100: #fdebec;
|
|
58
|
+
--red-200: #fbd0d3;
|
|
59
|
+
--red-300: #f8a6ad;
|
|
60
|
+
--red-400: #f3747e;
|
|
61
|
+
--red-500: #f5515c;
|
|
62
|
+
--red-600: #db3f49;
|
|
63
|
+
--red-700: #b8323b;
|
|
64
|
+
--red-800: #8f262e;
|
|
65
|
+
--red-900: #661b22;
|
|
66
|
+
--red-950: #3f1015;
|
|
67
|
+
--red-4: rgba(245, 81, 92, 0.04);
|
|
68
|
+
--red-8: rgba(245, 81, 92, 0.08);
|
|
69
|
+
--red-16: rgba(245, 81, 92, 0.16);
|
|
70
|
+
--red-24: rgba(245, 81, 92, 0.24);
|
|
71
|
+
--red-32: rgba(245, 81, 92, 0.32);
|
|
72
|
+
--red-40: rgba(245, 81, 92, 0.4);
|
|
73
|
+
--red-48: rgba(245, 81, 92, 0.48);
|
|
74
|
+
--yellow-100: #fff6e1;
|
|
75
|
+
--yellow-200: #ffe9b8;
|
|
76
|
+
--yellow-300: #ffd980;
|
|
77
|
+
--yellow-400: #ffc84a;
|
|
78
|
+
--yellow-500: #ffb714;
|
|
79
|
+
--yellow-600: #e59f00;
|
|
80
|
+
--yellow-700: #bf8200;
|
|
81
|
+
--yellow-800: #996600;
|
|
82
|
+
--yellow-900: #734c00;
|
|
83
|
+
--yellow-950: #4d3300;
|
|
84
|
+
--yellow-4: rgba(255, 183, 20, 0.04);
|
|
85
|
+
--yellow-8: rgba(255, 183, 20, 0.08);
|
|
86
|
+
--yellow-16: rgba(255, 183, 20, 0.16);
|
|
87
|
+
--yellow-24: rgba(255, 183, 20, 0.24);
|
|
88
|
+
--yellow-32: rgba(255, 183, 20, 0.32);
|
|
89
|
+
--yellow-40: rgba(255, 183, 20, 0.4);
|
|
90
|
+
--yellow-48: rgba(255, 183, 20, 0.48);
|
|
91
|
+
--blue-100: #e9f6fc;
|
|
92
|
+
--blue-200: #d2ecf9;
|
|
93
|
+
--blue-300: #aeddf4;
|
|
94
|
+
--blue-400: #81caef;
|
|
95
|
+
--blue-500: #3daee6;
|
|
96
|
+
--blue-600: #2597d0;
|
|
97
|
+
--blue-700: #1c7fb0;
|
|
98
|
+
--blue-800: #1b6e98;
|
|
99
|
+
--blue-900: #134e6c;
|
|
100
|
+
--blue-950: #0f3f57;
|
|
101
|
+
--blue-4: rgba(61, 174, 230, 0.04);
|
|
102
|
+
--blue-8: rgba(61, 174, 230, 0.08);
|
|
103
|
+
--blue-16: rgba(61, 174, 230, 0.16);
|
|
104
|
+
--blue-24: rgba(61, 174, 230, 0.24);
|
|
105
|
+
--blue-32: rgba(61, 174, 230, 0.32);
|
|
106
|
+
--blue-40: rgba(61, 174, 230, 0.4);
|
|
107
|
+
--blue-48: rgba(61, 174, 230, 0.48);
|
|
108
|
+
--orange-100: #fdece3;
|
|
109
|
+
--orange-200: #fbdbcb;
|
|
110
|
+
--orange-300: #f8bda0;
|
|
111
|
+
--orange-400: #f69a6c;
|
|
112
|
+
--orange-500: #f07436;
|
|
113
|
+
--orange-600: #e15c19;
|
|
114
|
+
--orange-700: #aa4418;
|
|
115
|
+
--orange-800: #7d3212;
|
|
116
|
+
--orange-900: #59240d;
|
|
117
|
+
--orange-950: #3e1909;
|
|
118
|
+
--orange-4: rgba(240, 116, 54, 0.04);
|
|
119
|
+
--orange-8: rgba(240, 116, 54, 0.08);
|
|
120
|
+
--orange-16: rgba(240, 116, 54, 0.16);
|
|
121
|
+
--orange-24: rgba(240, 116, 54, 0.24);
|
|
122
|
+
--orange-32: rgba(240, 116, 54, 0.32);
|
|
123
|
+
--orange-40: rgba(240, 116, 54, 0.4);
|
|
124
|
+
--orange-48: rgba(240, 116, 54, 0.48);
|
|
125
|
+
--purple-100: #efe9fc;
|
|
126
|
+
--purple-200: #d9cafa;
|
|
127
|
+
--purple-300: #bea8f7;
|
|
128
|
+
--purple-400: #a986f4;
|
|
129
|
+
--purple-500: #9364f1;
|
|
130
|
+
--purple-600: #7743de;
|
|
131
|
+
--purple-700: #5b29bf;
|
|
132
|
+
--purple-800: #461f94;
|
|
133
|
+
--purple-900: #2f1669;
|
|
134
|
+
--purple-950: #210f48;
|
|
135
|
+
--purple-4: rgba(147, 100, 241, 0.04);
|
|
136
|
+
--purple-8: rgba(147, 100, 241, 0.08);
|
|
137
|
+
--purple-16: rgba(147, 100, 241, 0.16);
|
|
138
|
+
--purple-24: rgba(147, 100, 241, 0.24);
|
|
139
|
+
--purple-32: rgba(147, 100, 241, 0.32);
|
|
140
|
+
--purple-40: rgba(147, 100, 241, 0.4);
|
|
141
|
+
--purple-48: rgba(147, 100, 241, 0.48);
|
|
142
|
+
--pink-100: #fce9f5;
|
|
143
|
+
--pink-200: #f9cbea;
|
|
144
|
+
--pink-300: #f7a8df;
|
|
145
|
+
--pink-400: #f486cf;
|
|
146
|
+
--pink-500: #f164bd;
|
|
147
|
+
--pink-600: #de43a5;
|
|
148
|
+
--pink-700: #bf2988;
|
|
149
|
+
--pink-800: #941f69;
|
|
150
|
+
--pink-900: #69164a;
|
|
151
|
+
--pink-950: #480f33;
|
|
152
|
+
--pink-4: rgba(241, 100, 189, 0.04);
|
|
153
|
+
--pink-8: rgba(241, 100, 189, 0.08);
|
|
154
|
+
--pink-16: rgba(241, 100, 189, 0.16);
|
|
155
|
+
--pink-24: rgba(241, 100, 189, 0.24);
|
|
156
|
+
--pink-32: rgba(241, 100, 189, 0.32);
|
|
157
|
+
--pink-40: rgba(241, 100, 189, 0.4);
|
|
158
|
+
--pink-48: rgba(241, 100, 189, 0.48);
|
|
159
|
+
--teal-100: #ebfafa;
|
|
160
|
+
--teal-200: #c3efef;
|
|
161
|
+
--teal-300: #96e3e3;
|
|
162
|
+
--teal-400: #6ad7d7;
|
|
163
|
+
--teal-500: #33cccc;
|
|
164
|
+
--teal-600: #27aaaa;
|
|
165
|
+
--teal-700: #168c8c;
|
|
166
|
+
--teal-800: #0f6e6e;
|
|
167
|
+
--teal-900: #0a4d52;
|
|
168
|
+
--teal-950: #053336;
|
|
169
|
+
--teal-4: rgba(51, 204, 204, 0.04);
|
|
170
|
+
--teal-8: rgba(51, 204, 204, 0.08);
|
|
171
|
+
--teal-16: rgba(51, 204, 204, 0.16);
|
|
172
|
+
--teal-24: rgba(51, 204, 204, 0.24);
|
|
173
|
+
--teal-32: rgba(51, 204, 204, 0.32);
|
|
174
|
+
--teal-40: rgba(51, 204, 204, 0.4);
|
|
175
|
+
--teal-48: rgba(51, 204, 204, 0.48);
|
|
176
|
+
--silkfest-100: #ffe3cc;
|
|
177
|
+
--silkfest-200: #ffc799;
|
|
178
|
+
--silkfest-300: #ffab66;
|
|
179
|
+
--silkfest-400: #ff8f33;
|
|
180
|
+
--silkfest-500: #ff7300;
|
|
181
|
+
--silkfest-600: #cc5c00;
|
|
182
|
+
--silkfest-700: #994500;
|
|
183
|
+
--silkfest-800: #662e00;
|
|
184
|
+
--silkfest-900: #4d2300;
|
|
185
|
+
--silkfest-950: #331700;
|
|
186
|
+
--silkfest-4: rgba(255, 115, 0, 0.04);
|
|
187
|
+
--silkfest-8: rgba(255, 115, 0, 0.08);
|
|
188
|
+
--silkfest-16: rgba(255, 115, 0, 0.16);
|
|
189
|
+
--silkfest-24: rgba(255, 115, 0, 0.24);
|
|
190
|
+
--silkfest-32: rgba(255, 115, 0, 0.32);
|
|
191
|
+
--silkfest-40: rgba(255, 115, 0, 0.4);
|
|
192
|
+
--silkfest-48: rgba(255, 115, 0, 0.48);
|
|
193
|
+
--alpha-white-4: rgba(255, 255, 255, 0.04);
|
|
194
|
+
--alpha-white-8: rgba(255, 255, 255, 0.08);
|
|
195
|
+
--alpha-white-12: rgba(255, 255, 255, 0.12);
|
|
196
|
+
--alpha-white-16: rgba(255, 255, 255, 0.16);
|
|
197
|
+
--alpha-white-24: rgba(255, 255, 255, 0.24);
|
|
198
|
+
--alpha-white-32: rgba(255, 255, 255, 0.32);
|
|
199
|
+
--alpha-white-48: rgba(255, 255, 255, 0.48);
|
|
200
|
+
--alpha-white-64: rgba(255, 255, 255, 0.64);
|
|
201
|
+
--alpha-white-80: rgba(255, 255, 255, 0.8);
|
|
202
|
+
--alpha-white-96: rgba(255, 255, 255, 0.96);
|
|
203
|
+
--alpha-white-100: #ffffff;
|
|
204
|
+
--alpha-black-4: rgba(0, 0, 0, 0.04);
|
|
205
|
+
--alpha-black-8: rgba(0, 0, 0, 0.08);
|
|
206
|
+
--alpha-black-12: rgba(0, 0, 0, 0.12);
|
|
207
|
+
--alpha-black-16: rgba(0, 0, 0, 0.16);
|
|
208
|
+
--alpha-black-24: rgba(0, 0, 0, 0.24);
|
|
209
|
+
--alpha-black-32: rgba(0, 0, 0, 0.32);
|
|
210
|
+
--alpha-black-48: rgba(0, 0, 0, 0.48);
|
|
211
|
+
--alpha-black-64: rgba(0, 0, 0, 0.64);
|
|
212
|
+
--alpha-black-80: rgba(0, 0, 0, 0.8);
|
|
213
|
+
--alpha-black-96: rgba(0, 0, 0, 0.96);
|
|
214
|
+
--alpha-black-100: #000000;
|
|
215
|
+
--digits-0: 0px;
|
|
216
|
+
--digits-4: 4px;
|
|
217
|
+
--digits-8: 8px;
|
|
218
|
+
--digits-12: 12px;
|
|
219
|
+
--digits-14: 14px;
|
|
220
|
+
--digits-16: 16px;
|
|
221
|
+
--digits-20: 20px;
|
|
222
|
+
--digits-24: 24px;
|
|
223
|
+
--digits-28: 28px;
|
|
224
|
+
--digits-32: 32px;
|
|
225
|
+
--digits-36: 36px;
|
|
226
|
+
--digits-40: 40px;
|
|
227
|
+
--digits-44: 44px;
|
|
228
|
+
--digits-48: 48px;
|
|
229
|
+
--digits-52: 52px;
|
|
230
|
+
--digits-56: 56px;
|
|
231
|
+
--digits-radius-0: 0px;
|
|
232
|
+
--digits-radius-xxs: 4px;
|
|
233
|
+
--digits-radius-xs: 8px;
|
|
234
|
+
--digits-radius-s: 12px;
|
|
235
|
+
--digits-radius-m: 16px;
|
|
236
|
+
--digits-radius-l: 24px;
|
|
237
|
+
--digits-radius-xl: 32px;
|
|
238
|
+
--digits-radius-xxl: 48px;
|
|
239
|
+
--digits-spacing-0: 0px;
|
|
240
|
+
--digits-spacing-1: 4px;
|
|
241
|
+
--digits-spacing-2: 8px;
|
|
242
|
+
--digits-spacing-3: 12px;
|
|
243
|
+
--digits-spacing-4: 16px;
|
|
244
|
+
--digits-spacing-5: 20px;
|
|
245
|
+
--digits-spacing-6: 24px;
|
|
246
|
+
--digits-spacing-7: 28px;
|
|
247
|
+
--digits-spacing-8: 32px;
|
|
248
|
+
--digits-spacing-9: 36px;
|
|
249
|
+
--digits-spacing-10: 40px;
|
|
250
|
+
--digits-spacing-11: 44px;
|
|
251
|
+
--digits-spacing-12: 48px;
|
|
252
|
+
--digits-spacing-13: 52px;
|
|
253
|
+
--digits-spacing-14: 56px;
|
|
254
|
+
--digits-spacing-3-1: 14px;
|
|
255
|
+
--font-family-family: 'Noto Sans Georgian';
|
|
256
|
+
--font-weight-regular: regular;
|
|
257
|
+
--font-weight-medium: medium;
|
|
258
|
+
--font-weight-semibold: semibold;
|
|
259
|
+
--font-weight-bold: bold;
|
|
260
|
+
--font-size-heading-heading-1: 32px;
|
|
261
|
+
--font-size-heading-heading-2: 28px;
|
|
262
|
+
--font-size-heading-heading-3: 20px;
|
|
263
|
+
--font-size-heading-heading-4: 16px;
|
|
264
|
+
--font-size-heading-display-display: 20px;
|
|
265
|
+
--font-size-subtitle-subtitle-1: 16px;
|
|
266
|
+
--font-size-subtitle-subtitle-2: 14px;
|
|
267
|
+
--font-size-subtitle-subtitle-3: 12px;
|
|
268
|
+
--font-size-body-body-accent: 16px;
|
|
269
|
+
--font-size-body-body-default: 14px;
|
|
270
|
+
--font-size-body-body-additional: 12px;
|
|
271
|
+
--font-size-button-button-default: 14px;
|
|
272
|
+
--font-size-button-button-additional: 12px;
|
|
273
|
+
--font-size-other-caption: 11px;
|
|
274
|
+
--font-size-other-overline: 11px;
|
|
275
|
+
--font-height-heading-heading-1: 48px;
|
|
276
|
+
--font-height-heading-heading-2: 40px;
|
|
277
|
+
--font-height-heading-heading-3: 28px;
|
|
278
|
+
--font-height-heading-heading-4: 24px;
|
|
279
|
+
--font-height-heading-display-display: 28px;
|
|
280
|
+
--font-height-subtitle-subtitle-1: 24px;
|
|
281
|
+
--font-height-subtitle-subtitle-2: 20px;
|
|
282
|
+
--font-height-subtitle-subtitle-3: 16px;
|
|
283
|
+
--font-height-body-body-accent: 24px;
|
|
284
|
+
--font-height-body-body-default: 20px;
|
|
285
|
+
--font-height-body-body-additional: 16px;
|
|
286
|
+
--font-height-button-button-default: 20px;
|
|
287
|
+
--font-height-button-button-additional: 16px;
|
|
288
|
+
--font-height-other-caption: 16px;
|
|
289
|
+
--font-height-other-overline: 12px;
|
|
290
|
+
--text-default: #323a3f;
|
|
291
|
+
--text-secondary: #4b565e;
|
|
292
|
+
--text-additional: #69757e;
|
|
293
|
+
--text-disabled: #e0e3e5;
|
|
294
|
+
--text-contrast: #ffffff;
|
|
295
|
+
--text-primary: #006ebc;
|
|
296
|
+
--text-success: #218557;
|
|
297
|
+
--text-error: #b8323b;
|
|
298
|
+
--text-warrning: #996600;
|
|
299
|
+
--text-info: #1b6e98;
|
|
300
|
+
--text-orange: #aa4418;
|
|
301
|
+
--text-purple: #5b29bf;
|
|
302
|
+
--text-pink: #bf2988;
|
|
303
|
+
--text-teal: #168c8c;
|
|
304
|
+
--text-silkfest: #994500;
|
|
305
|
+
--background-surface: #f8f9f9;
|
|
306
|
+
--background-surface-hover: #edeff0;
|
|
307
|
+
--background-surface-pressed: #e0e3e5;
|
|
308
|
+
--background-layer: #ffffff;
|
|
309
|
+
--background-layer-hover: rgba(0, 0, 0, 0.08);
|
|
310
|
+
--background-layer-pressed: rgba(0, 0, 0, 0.16);
|
|
311
|
+
--background-primary-accent: #0089eb;
|
|
312
|
+
--background-success-accent: #29ae6f;
|
|
313
|
+
--background-error-accent: #db3f49;
|
|
314
|
+
--background-warning-accent: #e59f00;
|
|
315
|
+
--background-info-accent: #2597d0;
|
|
316
|
+
--background-orange-accent: #e15c19;
|
|
317
|
+
--background-purple-accent: #7743de;
|
|
318
|
+
--background-pink-accent: #de43a5;
|
|
319
|
+
--background-teal-accent: #27aaaa;
|
|
320
|
+
--background-silkfest-accent: #cc5c00;
|
|
321
|
+
--background-disabled: #e0e3e5;
|
|
322
|
+
--background-primary: #e7f4fd;
|
|
323
|
+
--background-success: #e4f6ec;
|
|
324
|
+
--background-error: #fdebec;
|
|
325
|
+
--background-warning: #fff6e1;
|
|
326
|
+
--background-info: #e9f6fc;
|
|
327
|
+
--background-orange: #fdece3;
|
|
328
|
+
--background-purple: #efe9fc;
|
|
329
|
+
--background-pink: #fce9f5;
|
|
330
|
+
--background-teal: #ebfafa;
|
|
331
|
+
--background-silkfest: #ffe3cc;
|
|
332
|
+
--background-toggle-default: #edeff0;
|
|
333
|
+
--background-chip-default: #f8f9f9;
|
|
334
|
+
--background-chip-selected: #4b565e;
|
|
335
|
+
--background-primary-soft: rgba(51, 161, 239, 0.08);
|
|
336
|
+
--background-navigation: rgba(255, 255, 255, 0.24);
|
|
337
|
+
--background-input-default: rgba(176, 185, 191, 0.08);
|
|
338
|
+
--background-input-hover: rgba(176, 185, 191, 0.16);
|
|
339
|
+
--background-input-pressed: rgba(176, 185, 191, 0.24);
|
|
340
|
+
--border-default: rgba(176, 185, 191, 0.32);
|
|
341
|
+
--border-subtle: rgba(176, 185, 191, 0.16);
|
|
342
|
+
--border-filled: #69757e;
|
|
343
|
+
--border-primary-focus: #0089eb;
|
|
344
|
+
--border-primary: #cce7fb;
|
|
345
|
+
--border-success: #c6ecd7;
|
|
346
|
+
--border-error: #fbd0d3;
|
|
347
|
+
--border-error-focus: #db3f49;
|
|
348
|
+
--border-warning: #ffe9b8;
|
|
349
|
+
--border-info: #d2ecf9;
|
|
350
|
+
--border-orange: #fbdbcb;
|
|
351
|
+
--border-purple: #d9cafa;
|
|
352
|
+
--border-pink: #f9cbea;
|
|
353
|
+
--border-teal: #c3efef;
|
|
354
|
+
--border-silkfest: #ffc799;
|
|
355
|
+
}
|