@salutejs/plasma-tokens 1.124.0-dev.0 → 1.125.0-canary.2241.19959327691.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 (24) hide show
  1. package/brands/plasma_infra/index.d.ts +370 -0
  2. package/brands/plasma_infra/index.js +378 -0
  3. package/brands/plasma_infra/index.js.map +1 -0
  4. package/css/plasma_infra.module.css +383 -0
  5. package/css/plasma_infra__dark.css +192 -0
  6. package/css/plasma_infra__light.css +192 -0
  7. package/es/brands/plasma_infra/index.js +372 -0
  8. package/es/brands/plasma_infra/index.js.map +1 -0
  9. package/es/themes/index.js +2 -0
  10. package/es/themes/index.js.map +1 -1
  11. package/es/themes/plasma_infra__dark.js +196 -0
  12. package/es/themes/plasma_infra__dark.js.map +1 -0
  13. package/es/themes/plasma_infra__light.js +196 -0
  14. package/es/themes/plasma_infra__light.js.map +1 -0
  15. package/package.json +2 -2
  16. package/themes/index.d.ts +2 -0
  17. package/themes/index.js +9 -3
  18. package/themes/index.js.map +1 -1
  19. package/themes/plasma_infra__dark.d.ts +385 -0
  20. package/themes/plasma_infra__dark.js +199 -0
  21. package/themes/plasma_infra__dark.js.map +1 -0
  22. package/themes/plasma_infra__light.d.ts +385 -0
  23. package/themes/plasma_infra__light.js +199 -0
  24. package/themes/plasma_infra__light.js.map +1 -0
package/css/plasma_infra.module.css ADDED
@@ -0,0 +1,383 @@
1
+ /* Generated by robots, do not change this manually! */
2
+
3
+ .dark {
4
+ --text-primary-hover: #C5C8DDFF;
5
+ --text-primary-active: #D8DAE9FF;
6
+ --text-primary-brightness: #FFFFFFFF;
7
+ --text-secondary-hover: #FFFFFFFF;
8
+ --text-secondary-active: #303340FF;
9
+ --text-tertiary-hover: #FFFFFFFF;
10
+ --text-tertiary-active: #808293FF;
11
+ --text-paragraph-hover: #FFFFFFFF;
12
+ --text-paragraph-active: #585A65FF;
13
+ --text-negative-hover: #F5384BFF;
14
+ --text-negative-active: #E40C22FF;
15
+ --text-primary: #ECEDF4;
16
+ --text-secondary: #AEB2C2;
17
+ --text-tertiary: #4B4C58;
18
+ --text-paragraph: #828592;
19
+ --text-negative: #F31B31;
20
+ --on-dark-text-primary-hover: #C5C8DDFF;
21
+ --on-dark-text-primary-active: #D8DAE9FF;
22
+ --on-dark-text-primary-brightness: #FFFFFFFF;
23
+ --on-dark-text-secondary-hover: #FFFFFFFF;
24
+ --on-dark-text-secondary-active: #303340FF;
25
+ --on-dark-text-tertiary-hover: #FFFFFFFF;
26
+ --on-dark-text-tertiary-active: #808293FF;
27
+ --on-dark-text-paragraph-hover: #FFFFFFFF;
28
+ --on-dark-text-paragraph-active: #585A65FF;
29
+ --on-dark-text-negative-hover: #F5384BFF;
30
+ --on-dark-text-negative-active: #E40C22FF;
31
+ --on-dark-text-primary: #ECEDF4;
32
+ --on-dark-text-secondary: #AEB2C2;
33
+ --on-dark-text-tertiary: #4B4C58;
34
+ --on-dark-text-paragraph: #828592;
35
+ --on-dark-text-negative: #F31B31;
36
+ --on-light-text-primary-hover: #FFFFFFFF;
37
+ --on-light-text-primary-active: #AEB3C2FF;
38
+ --on-light-text-primary-brightness: #23262FFF;
39
+ --on-light-text-secondary-hover: #FFFFFFFF;
40
+ --on-light-text-secondary-active: #808293FF;
41
+ --on-light-text-tertiary-hover: #FFFFFFFF;
42
+ --on-light-text-tertiary-active: #4B4D58FF;
43
+ --on-light-text-paragraph-hover: #FFFFFFFF;
44
+ --on-light-text-paragraph-active: #5F616DFF;
45
+ --on-light-text-negative-hover: #F5384BFF;
46
+ --on-light-text-negative-active: #E40C22FF;
47
+ --on-light-text-primary: #16181D;
48
+ --on-light-text-secondary: #4B4C58;
49
+ --on-light-text-tertiary: #9194A1;
50
+ --on-light-text-paragraph: #777A88;
51
+ --on-light-text-negative: #F31B31;
52
+ --inverse-text-primary-hover: #FFFFFFFF;
53
+ --inverse-text-primary-active: #AEB3C2FF;
54
+ --inverse-text-primary-brightness: #23262FFF;
55
+ --inverse-text-secondary-hover: #FFFFFFFF;
56
+ --inverse-text-secondary-active: #808293FF;
57
+ --inverse-text-tertiary-hover: #FFFFFFFF;
58
+ --inverse-text-tertiary-active: #4B4D58FF;
59
+ --inverse-text-paragraph-hover: #FFFFFFFF;
60
+ --inverse-text-paragraph-active: #5F616DFF;
61
+ --inverse-text-negative: #F31B31;
62
+ --inverse-text-negative-hover: #F5384BFF;
63
+ --inverse-text-negative-active: #E40C22FF;
64
+ --inverse-text-primary: #16181D;
65
+ --inverse-text-secondary: #4B4C58;
66
+ --inverse-text-tertiary: #9194A1;
67
+ --inverse-text-paragraph: #777A88;
68
+ --surface-solid-card-hover: #545663FF;
69
+ --surface-solid-card-active: #464753FF;
70
+ --surface-solid-card-brightness: #595A69FF;
71
+ --surface-solid-default-hover: #B9BDCAFF;
72
+ --surface-solid-default-active: #A8ACBDFF;
73
+ --surface-transparent-primary-hover: #F8F9FC14;
74
+ --surface-transparent-primary-active: #F8F9FC05;
75
+ --surface-transparent-secondary-hover: #F8F9FC1F;
76
+ --surface-transparent-secondary-active: #F8F9FC0A;
77
+ --surface-transparent-primary: #F7F8FB0A;
78
+ --surface-solid-default: #AEB2C2FF;
79
+ --surface-solid-card: #4B4c58;
80
+ --surface-transparent-secondary: #F7F8FB0F;
81
+ --on-dark-surface-solid-card-hover: #545663FF;
82
+ --on-dark-surface-solid-card-active: #464753FF;
83
+ --on-dark-surface-solid-card-brightness: #595A69FF;
84
+ --on-dark-surface-solid-default-hover: #B9BDCAFF;
85
+ --on-dark-surface-solid-default-active: #A8ACBDFF;
86
+ --on-dark-surface-transparent-primary-hover: #F8F9FC14;
87
+ --on-dark-surface-transparent-primary-active: #F8F9FC05;
88
+ --on-dark-surface-transparent-secondary-hover: #F8F9FC1F;
89
+ --on-dark-surface-transparent-secondary-active: #F8F9FC0A;
90
+ --on-dark-surface-solid-card: #4B4C58;
91
+ --on-dark-surface-solid-default: #AEB2C2;
92
+ --on-dark-surface-transparent-primary: #F7F8FB0A;
93
+ --on-dark-surface-transparent-secondary: #F7F8FB0F;
94
+ --on-light-surface-solid-card-hover: #F9F9FBFF;
95
+ --on-light-surface-solid-card-active: #E5E6F0FF;
96
+ --on-light-surface-solid-card-brightness: #FFFFFFFF;
97
+ --on-light-surface-solid-default-hover: #818492FF;
98
+ --on-light-surface-solid-default-active: #727583FF;
99
+ --on-light-surface-transparent-primary-hover: #08090C14;
100
+ --on-light-surface-transparent-primary-active: #08090C05;
101
+ --on-light-surface-transparent-secondary-hover: #08090C1F;
102
+ --on-light-surface-transparent-secondary-active: #08090C0A;
103
+ --on-light-surface-solid-card: #ECEDF4;
104
+ --on-light-surface-solid-default: #777A88;
105
+ --on-light-surface-transparent-primary: #07080B0A;
106
+ --on-light-surface-transparent-secondary: #07080B0F;
107
+ --inverse-surface-solid-card-hover: #F9F9FBFF;
108
+ --inverse-surface-solid-card-active: #E5E6F0FF;
109
+ --inverse-surface-solid-card-brightness: #FFFFFFFF;
110
+ --inverse-surface-solid-default-hover: #818492FF;
111
+ --inverse-surface-solid-default-active: #727583FF;
112
+ --inverse-surface-transparent-primary-hover: #08090C14;
113
+ --inverse-surface-transparent-primary-active: #08090C05;
114
+ --inverse-surface-transparent-secondary-hover: #08090C1F;
115
+ --inverse-surface-transparent-secondary-active: #08090C0A;
116
+ --inverse-surface-solid-card: #ECEDF4;
117
+ --inverse-surface-solid-default: #777A88;
118
+ --inverse-surface-transparent-primary: #07080B0A;
119
+ --inverse-surface-transparent-secondary: #07080B0F;
120
+ --background-primary: #07080B;
121
+ --background-secondary: #16181D;
122
+ --background-tertiary: #25262D;
123
+ --dark-background-primary: #07080B;
124
+ --dark-background-secondary: #16181D;
125
+ --dark-background-tertiary: #25262D;
126
+ --light-background-primary: #AEB2C2;
127
+ --light-background-secondary: #C4C7D4;
128
+ --light-background-tertiary: #D8DCE8;
129
+ --inverse-background-primary: #AEB2C2;
130
+ --inverse-background-secondary: #C4C7D4;
131
+ --inverse-background-tertiary: #D8DCE8;
132
+ --outline-solid-primary-hover: #FFFFFFFF;
133
+ --outline-solid-primary-active: #A2A4B3FF;
134
+ --outline-solid-secondary-hover: #FFFFFFFF;
135
+ --outline-solid-secondary-active: #808293FF;
136
+ --outline-transparent-primary-hover: #F8F9FCFF;
137
+ --outline-transparent-primary-active: #F8F9FC25;
138
+ --outline-solid-primary: #25262D;
139
+ --outline-solid-secondary: #4B4C58;
140
+ --outline-transparent-primary: #F7F8FB1F;
141
+ --on-dark-outline-solid-primary-hover: #FFFFFFFF;
142
+ --on-dark-outline-solid-primary-active: #A2A4B3FF;
143
+ --on-dark-outline-solid-secondary-hover: #FFFFFFFF;
144
+ --on-dark-outline-solid-secondary-active: #808293FF;
145
+ --on-dark-outline-transparent-primary-hover: #F8F9FCFF;
146
+ --on-dark-outline-transparent-primary-active: #F8F9FC25;
147
+ --on-dark-outline-solid-primary: #25262D;
148
+ --on-dark-outline-solid-secondary: #4B4C58;
149
+ --on-dark-outline-transparent-primary: #F7F8FB1F;
150
+ --on-light-outline-solid-primary-hover: #B2BAD2FF;
151
+ --on-light-outline-solid-primary-active: #C5CBDDFF;
152
+ --on-light-outline-solid-secondary-hover: #FFFFFFFF;
153
+ --on-light-outline-solid-secondary-active: #303340FF;
154
+ --on-light-outline-transparent-primary-hover: #08090CFF;
155
+ --on-light-outline-transparent-primary-active: #08090C25;
156
+ --on-light-outline-solid-primary: #D8DCE8;
157
+ --on-light-outline-solid-secondary: #AEB2C2;
158
+ --on-light-outline-transparent-primary: #07080B1F;
159
+ --inverse-outline-solid-primary-hover: #B2BAD2FF;
160
+ --inverse-outline-solid-primary-active: #C5CBDDFF;
161
+ --inverse-outline-solid-secondary-hover: #FFFFFFFF;
162
+ --inverse-outline-solid-secondary-active: #303340FF;
163
+ --inverse-outline-transparent-primary-hover: #08090CFF;
164
+ --inverse-outline-transparent-primary-active: #08090C25;
165
+ --inverse-outline-solid-primary: #D8DCE8;
166
+ --inverse-outline-solid-secondary: #AEB2C2;
167
+ --inverse-outline-transparent-primary: #07080B1F;
168
+ --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
169
+ --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
170
+ --plasma-colors-white-primary: var(--on-dark-text-primary);
171
+ --plasma-colors-white-secondary: var(--on-dark-text-secondary);
172
+ --plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
173
+ --plasma-colors-black-primary: var(--on-light-text-primary);
174
+ --plasma-colors-black-secondary: var(--on-light-text-secondary);
175
+ --plasma-colors-black-tertiary: var(--on-light-text-tertiary);
176
+ --plasma-colors-button-black: var(--on-light-surface-solid-default);
177
+ --plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
178
+ --plasma-colors-button-white: var(--on-dark-surface-solid-default);
179
+ --plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
180
+ --plasma-colors-text: var(--text-primary);
181
+ --plasma-colors-primary: var(--text-primary);
182
+ --plasma-colors-secondary: var(--text-secondary);
183
+ --plasma-colors-tertiary: var(--text-tertiary);
184
+ --plasma-colors-paragraph: var(--text-paragraph);
185
+ --plasma-colors-background: var(--background-primary);
186
+ --plasma-colors-critical: var(--text-negative);
187
+ --plasma-colors-surface-liquid01: var(--surface-transparent-primary);
188
+ --plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
189
+ --plasma-colors-button-secondary: var(--surface-transparent-secondary);
190
+ color: var(--text-primary);
191
+ background-color: var(--background-primary);
192
+ }
193
+
194
+ .light {
195
+ --text-primary-hover: #5C657AFF;
196
+ --text-primary-active: #393E4CFF;
197
+ --text-primary-brightness: #23262FFF;
198
+ --text-secondary-hover: #FFFFFFFF;
199
+ --text-secondary-active: #3D3E48FF;
200
+ --text-tertiary-hover: #FFFFFFFF;
201
+ --text-tertiary-active: #717484FF;
202
+ --text-paragraph-hover: #FFFFFFFF;
203
+ --text-paragraph-active: #5F616DFF;
204
+ --text-negative-hover: #F54254FF;
205
+ --text-negative-active: #DA0B20FF;
206
+ --text-primary: #16181D;
207
+ --text-secondary: #4B4C58;
208
+ --text-tertiary: #9194A1;
209
+ --text-paragraph: #777A88;
210
+ --text-negative: #F31B31;
211
+ --on-dark-text-primary-hover: #FFFFFFFF;
212
+ --on-dark-text-primary-active: #AEB2D0FF;
213
+ --on-dark-text-primary-brightness: #FFFFFFFF;
214
+ --on-dark-text-secondary-hover: #FFFFFFFF;
215
+ --on-dark-text-secondary-active: #858BA3FF;
216
+ --on-dark-text-tertiary-hover: #FFFFFFFF;
217
+ --on-dark-text-tertiary-active: #3D3E48FF;
218
+ --on-dark-text-paragraph-hover: #FFFFFFFF;
219
+ --on-dark-text-paragraph-active: #666975FF;
220
+ --on-dark-text-negative-hover: #F54254FF;
221
+ --on-dark-text-negative-active: #DA0B20FF;
222
+ --on-dark-text-primary: #ECEDF4;
223
+ --on-dark-text-secondary: #AEB2C2;
224
+ --on-dark-text-tertiary: #4B4C58;
225
+ --on-dark-text-paragraph: #828592;
226
+ --on-dark-text-negative: #F31B31;
227
+ --on-light-text-primary-hover: #5C657AFF;
228
+ --on-light-text-primary-active: #393E4CFF;
229
+ --on-light-text-primary-brightness: #23262FFF;
230
+ --on-light-text-secondary-hover: #FFFFFFFF;
231
+ --on-light-text-secondary-active: #3D3E48FF;
232
+ --on-light-text-tertiary-hover: #FFFFFFFF;
233
+ --on-light-text-tertiary-active: #717484FF;
234
+ --on-light-text-paragraph-hover: #FFFFFFFF;
235
+ --on-light-text-paragraph-active: #5F616DFF;
236
+ --on-light-text-negative-hover: #F54254FF;
237
+ --on-light-text-negative-active: #DA0B20FF;
238
+ --on-light-text-primary: #16181D;
239
+ --on-light-text-secondary: #4B4C58;
240
+ --on-light-text-tertiary: #9194A1;
241
+ --on-light-text-paragraph: #777A88;
242
+ --on-light-text-negative: #F31B31;
243
+ --inverse-text-primary-hover: #FFFFFFFF;
244
+ --inverse-text-primary-active: #AEB2D0FF;
245
+ --inverse-text-primary-brightness: #FFFFFFFF;
246
+ --inverse-text-secondary-hover: #FFFFFFFF;
247
+ --inverse-text-secondary-active: #858BA3FF;
248
+ --inverse-text-tertiary-hover: #FFFFFFFF;
249
+ --inverse-text-tertiary-active: #3D3E48FF;
250
+ --inverse-text-paragraph-hover: #FFFFFFFF;
251
+ --inverse-text-paragraph-active: #666975FF;
252
+ --inverse-text-negative-hover: #F54254FF;
253
+ --inverse-text-negative-active: #DA0B20FF;
254
+ --inverse-text-primary: #ECEDF4;
255
+ --inverse-text-secondary: #AEB2C2;
256
+ --inverse-text-tertiary: #4B4C58;
257
+ --inverse-text-paragraph: #828592;
258
+ --inverse-text-negative: #F31B31;
259
+ --surface-solid-card-hover: #F9F9FBFF;
260
+ --surface-solid-card-active: #E5E6F0FF;
261
+ --surface-solid-card-brightness: #FFFFFFFF;
262
+ --surface-solid-default-hover: #878A97FF;
263
+ --surface-solid-default-active: #6D707EFF;
264
+ --surface-transparent-primary-hover: #08090C05;
265
+ --surface-transparent-primary-active: #08090C0F;
266
+ --surface-transparent-secondary-hover: #08090C05;
267
+ --surface-transparent-secondary-active: #08090C1A;
268
+ --surface-solid-card: #ECEDF4;
269
+ --surface-solid-default: #777A88;
270
+ --surface-transparent-primary: #07080B0a;
271
+ --surface-transparent-secondary: #07080B0F;
272
+ --on-dark-surface-solid-card-hover: #5E5F6EFF;
273
+ --on-dark-surface-solid-card-active: #42434DFF;
274
+ --on-dark-surface-solid-card-brightness: #595A69FF;
275
+ --on-dark-surface-solid-default-hover: #B9BDCAFF;
276
+ --on-dark-surface-solid-default-active: #A2A7B9FF;
277
+ --on-dark-surface-transparent-primary-hover: #F8F9FC05;
278
+ --on-dark-surface-transparent-primary-active: #F8F9FC0F;
279
+ --on-dark-surface-transparent-secondary-hover: #F8F9FC05;
280
+ --on-dark-surface-transparent-secondary-active: #F8F9FC1A;
281
+ --on-dark-surface-solid-card: #4B4C58;
282
+ --on-dark-surface-solid-default: #AEB2C2;
283
+ --on-dark-surface-transparent-primary: #F7F8FB0a;
284
+ --on-dark-surface-transparent-secondary: #F7F8FB0F;
285
+ --on-light-surface-solid-card-hover: #F9F9FBFF;
286
+ --on-light-surface-solid-card-active: #E5E6F0FF;
287
+ --on-light-surface-solid-card-brightness: #FFFFFFFF;
288
+ --on-light-surface-solid-default-hover: #878A97FF;
289
+ --on-light-surface-solid-default-active: #6D707EFF;
290
+ --on-light-surface-transparent-primary-hover: #08090C05;
291
+ --on-light-surface-transparent-primary-active: #08090C0F;
292
+ --on-light-surface-transparent-secondary-hover: #08090C05;
293
+ --on-light-surface-transparent-secondary-active: #08090C1A;
294
+ --on-light-surface-solid-card: #ECEDF4;
295
+ --on-light-surface-solid-default: #777A88;
296
+ --on-light-surface-transparent-primary: #07080B0A;
297
+ --on-light-surface-transparent-secondary: #07080B0F;
298
+ --inverse-surface-solid-card-hover: #5E5F6EFF;
299
+ --inverse-surface-solid-card-active: #42434DFF;
300
+ --inverse-surface-solid-card-brightness: #595A69FF;
301
+ --inverse-surface-solid-default-hover: #B9BDCAFF;
302
+ --inverse-surface-solid-default-active: #A2A7B9FF;
303
+ --inverse-surface-transparent-primary-hover: #F8F9FC05;
304
+ --inverse-surface-transparent-primary-active: #F8F9FC0F;
305
+ --inverse-surface-transparent-secondary-hover: #F8F9FC05;
306
+ --inverse-surface-transparent-secondary-active: #F8F9FC1A;
307
+ --inverse-surface-solid-card: #4B4C58;
308
+ --inverse-surface-solid-default: #AEB2C2;
309
+ --inverse-surface-transparent-primary: #F7F8FB0a;
310
+ --inverse-surface-transparent-secondary: #F7F8FB0F;
311
+ --background-primary: #AEB2C2;
312
+ --background-secondary: #C4C7D4;
313
+ --background-tertiary: #D8DCE8;
314
+ --dark-background-primary: #07080B;
315
+ --dark-background-secondary: #16181D;
316
+ --dark-background-tertiary: #25262D;
317
+ --light-background-primary: #AEB2C2;
318
+ --light-background-secondary: #C4C7D4;
319
+ --light-background-tertiary: #D8DCE8;
320
+ --inverse-background-primary: #07080B;
321
+ --inverse-background-secondary: #16181D;
322
+ --inverse-background-tertiary: #25262D;
323
+ --outline-solid-primary-hover: #FFFFFFFF;
324
+ --outline-solid-primary-active: #9FA9C6FF;
325
+ --outline-solid-secondary-hover: #FFFFFFFF;
326
+ --outline-solid-secondary-active: #858BA3FF;
327
+ --outline-transparent-primary-hover: #08090CFF;
328
+ --outline-transparent-primary-active: #08090C25;
329
+ --outline-solid-primary: #D8DCE8;
330
+ --outline-solid-secondary: #AEB2C2;
331
+ --outline-transparent-primary: #07080B1F;
332
+ --on-dark-outline-solid-primary-hover: #6E7187FF;
333
+ --on-dark-outline-solid-primary-active: #494B5AFF;
334
+ --on-dark-outline-solid-secondary-hover: #FFFFFFFF;
335
+ --on-dark-outline-solid-secondary-active: #3D3E48FF;
336
+ --on-dark-outline-transparent-primary-hover: #F8F9FCFF;
337
+ --on-dark-outline-transparent-primary-active: #F8F9FC25;
338
+ --on-dark-outline-solid-primary: #25262D;
339
+ --on-dark-outline-solid-secondary: #4B4C58;
340
+ --on-dark-outline-transparent-primary: #F7F8FB1F;
341
+ --on-light-outline-solid-primary-hover: #FFFFFFFF;
342
+ --on-light-outline-solid-primary-active: #9FA9C6FF;
343
+ --on-light-outline-solid-secondary-hover: #FFFFFFFF;
344
+ --on-light-outline-solid-secondary-active: #858BA3FF;
345
+ --on-light-outline-transparent-primary-hover: #08090CFF;
346
+ --on-light-outline-transparent-primary-active: #08090C25;
347
+ --on-light-outline-solid-primary: #D8DCE8;
348
+ --on-light-outline-solid-secondary: #AEB2C2;
349
+ --on-light-outline-transparent-primary: #07080B1F;
350
+ --inverse-outline-solid-primary-hover: #6E7187FF;
351
+ --inverse-outline-solid-primary-active: #494B5AFF;
352
+ --inverse-outline-solid-secondary-hover: #FFFFFFFF;
353
+ --inverse-outline-solid-secondary-active: #3D3E48FF;
354
+ --inverse-outline-transparent-primary-hover: #F8F9FCFF;
355
+ --inverse-outline-transparent-primary-active: #F8F9FC25;
356
+ --inverse-outline-solid-primary: #25262D;
357
+ --inverse-outline-solid-secondary: #4B4C58;
358
+ --inverse-outline-transparent-primary: #F7F8FB1F;
359
+ --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
360
+ --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
361
+ --plasma-colors-white-primary: var(--on-dark-text-primary);
362
+ --plasma-colors-white-secondary: var(--on-dark-text-secondary);
363
+ --plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
364
+ --plasma-colors-black-primary: var(--on-light-text-primary);
365
+ --plasma-colors-black-secondary: var(--on-light-text-secondary);
366
+ --plasma-colors-black-tertiary: var(--on-light-text-tertiary);
367
+ --plasma-colors-button-black: var(--on-light-surface-solid-default);
368
+ --plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
369
+ --plasma-colors-button-white: var(--on-dark-surface-solid-default);
370
+ --plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
371
+ --plasma-colors-text: var(--text-primary);
372
+ --plasma-colors-primary: var(--text-primary);
373
+ --plasma-colors-secondary: var(--text-secondary);
374
+ --plasma-colors-tertiary: var(--text-tertiary);
375
+ --plasma-colors-paragraph: var(--text-paragraph);
376
+ --plasma-colors-background: var(--background-primary);
377
+ --plasma-colors-critical: var(--text-negative);
378
+ --plasma-colors-surface-liquid01: var(--surface-transparent-primary);
379
+ --plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
380
+ --plasma-colors-button-secondary: var(--surface-transparent-secondary);
381
+ color: var(--text-primary);
382
+ background-color: var(--background-primary);
383
+ }
package/css/plasma_infra__dark.css ADDED
@@ -0,0 +1,192 @@
1
+ /* Generated by robots, do not change this manually! */
2
+
3
+ :root {
4
+ --text-primary-hover: #C5C8DDFF;
5
+ --text-primary-active: #D8DAE9FF;
6
+ --text-primary-brightness: #FFFFFFFF;
7
+ --text-secondary-hover: #FFFFFFFF;
8
+ --text-secondary-active: #303340FF;
9
+ --text-tertiary-hover: #FFFFFFFF;
10
+ --text-tertiary-active: #808293FF;
11
+ --text-paragraph-hover: #FFFFFFFF;
12
+ --text-paragraph-active: #585A65FF;
13
+ --text-negative-hover: #F5384BFF;
14
+ --text-negative-active: #E40C22FF;
15
+ --text-primary: #ECEDF4;
16
+ --text-secondary: #AEB2C2;
17
+ --text-tertiary: #4B4C58;
18
+ --text-paragraph: #828592;
19
+ --text-negative: #F31B31;
20
+ --on-dark-text-primary-hover: #C5C8DDFF;
21
+ --on-dark-text-primary-active: #D8DAE9FF;
22
+ --on-dark-text-primary-brightness: #FFFFFFFF;
23
+ --on-dark-text-secondary-hover: #FFFFFFFF;
24
+ --on-dark-text-secondary-active: #303340FF;
25
+ --on-dark-text-tertiary-hover: #FFFFFFFF;
26
+ --on-dark-text-tertiary-active: #808293FF;
27
+ --on-dark-text-paragraph-hover: #FFFFFFFF;
28
+ --on-dark-text-paragraph-active: #585A65FF;
29
+ --on-dark-text-negative-hover: #F5384BFF;
30
+ --on-dark-text-negative-active: #E40C22FF;
31
+ --on-dark-text-primary: #ECEDF4;
32
+ --on-dark-text-secondary: #AEB2C2;
33
+ --on-dark-text-tertiary: #4B4C58;
34
+ --on-dark-text-paragraph: #828592;
35
+ --on-dark-text-negative: #F31B31;
36
+ --on-light-text-primary-hover: #FFFFFFFF;
37
+ --on-light-text-primary-active: #AEB3C2FF;
38
+ --on-light-text-primary-brightness: #23262FFF;
39
+ --on-light-text-secondary-hover: #FFFFFFFF;
40
+ --on-light-text-secondary-active: #808293FF;
41
+ --on-light-text-tertiary-hover: #FFFFFFFF;
42
+ --on-light-text-tertiary-active: #4B4D58FF;
43
+ --on-light-text-paragraph-hover: #FFFFFFFF;
44
+ --on-light-text-paragraph-active: #5F616DFF;
45
+ --on-light-text-negative-hover: #F5384BFF;
46
+ --on-light-text-negative-active: #E40C22FF;
47
+ --on-light-text-primary: #16181D;
48
+ --on-light-text-secondary: #4B4C58;
49
+ --on-light-text-tertiary: #9194A1;
50
+ --on-light-text-paragraph: #777A88;
51
+ --on-light-text-negative: #F31B31;
52
+ --inverse-text-primary-hover: #FFFFFFFF;
53
+ --inverse-text-primary-active: #AEB3C2FF;
54
+ --inverse-text-primary-brightness: #23262FFF;
55
+ --inverse-text-secondary-hover: #FFFFFFFF;
56
+ --inverse-text-secondary-active: #808293FF;
57
+ --inverse-text-tertiary-hover: #FFFFFFFF;
58
+ --inverse-text-tertiary-active: #4B4D58FF;
59
+ --inverse-text-paragraph-hover: #FFFFFFFF;
60
+ --inverse-text-paragraph-active: #5F616DFF;
61
+ --inverse-text-negative: #F31B31;
62
+ --inverse-text-negative-hover: #F5384BFF;
63
+ --inverse-text-negative-active: #E40C22FF;
64
+ --inverse-text-primary: #16181D;
65
+ --inverse-text-secondary: #4B4C58;
66
+ --inverse-text-tertiary: #9194A1;
67
+ --inverse-text-paragraph: #777A88;
68
+ --surface-solid-card-hover: #545663FF;
69
+ --surface-solid-card-active: #464753FF;
70
+ --surface-solid-card-brightness: #595A69FF;
71
+ --surface-solid-default-hover: #B9BDCAFF;
72
+ --surface-solid-default-active: #A8ACBDFF;
73
+ --surface-transparent-primary-hover: #F8F9FC14;
74
+ --surface-transparent-primary-active: #F8F9FC05;
75
+ --surface-transparent-secondary-hover: #F8F9FC1F;
76
+ --surface-transparent-secondary-active: #F8F9FC0A;
77
+ --surface-transparent-primary: #F7F8FB0A;
78
+ --surface-solid-default: #AEB2C2FF;
79
+ --surface-solid-card: #4B4c58;
80
+ --surface-transparent-secondary: #F7F8FB0F;
81
+ --on-dark-surface-solid-card-hover: #545663FF;
82
+ --on-dark-surface-solid-card-active: #464753FF;
83
+ --on-dark-surface-solid-card-brightness: #595A69FF;
84
+ --on-dark-surface-solid-default-hover: #B9BDCAFF;
85
+ --on-dark-surface-solid-default-active: #A8ACBDFF;
86
+ --on-dark-surface-transparent-primary-hover: #F8F9FC14;
87
+ --on-dark-surface-transparent-primary-active: #F8F9FC05;
88
+ --on-dark-surface-transparent-secondary-hover: #F8F9FC1F;
89
+ --on-dark-surface-transparent-secondary-active: #F8F9FC0A;
90
+ --on-dark-surface-solid-card: #4B4C58;
91
+ --on-dark-surface-solid-default: #AEB2C2;
92
+ --on-dark-surface-transparent-primary: #F7F8FB0A;
93
+ --on-dark-surface-transparent-secondary: #F7F8FB0F;
94
+ --on-light-surface-solid-card-hover: #F9F9FBFF;
95
+ --on-light-surface-solid-card-active: #E5E6F0FF;
96
+ --on-light-surface-solid-card-brightness: #FFFFFFFF;
97
+ --on-light-surface-solid-default-hover: #818492FF;
98
+ --on-light-surface-solid-default-active: #727583FF;
99
+ --on-light-surface-transparent-primary-hover: #08090C14;
100
+ --on-light-surface-transparent-primary-active: #08090C05;
101
+ --on-light-surface-transparent-secondary-hover: #08090C1F;
102
+ --on-light-surface-transparent-secondary-active: #08090C0A;
103
+ --on-light-surface-solid-card: #ECEDF4;
104
+ --on-light-surface-solid-default: #777A88;
105
+ --on-light-surface-transparent-primary: #07080B0A;
106
+ --on-light-surface-transparent-secondary: #07080B0F;
107
+ --inverse-surface-solid-card-hover: #F9F9FBFF;
108
+ --inverse-surface-solid-card-active: #E5E6F0FF;
109
+ --inverse-surface-solid-card-brightness: #FFFFFFFF;
110
+ --inverse-surface-solid-default-hover: #818492FF;
111
+ --inverse-surface-solid-default-active: #727583FF;
112
+ --inverse-surface-transparent-primary-hover: #08090C14;
113
+ --inverse-surface-transparent-primary-active: #08090C05;
114
+ --inverse-surface-transparent-secondary-hover: #08090C1F;
115
+ --inverse-surface-transparent-secondary-active: #08090C0A;
116
+ --inverse-surface-solid-card: #ECEDF4;
117
+ --inverse-surface-solid-default: #777A88;
118
+ --inverse-surface-transparent-primary: #07080B0A;
119
+ --inverse-surface-transparent-secondary: #07080B0F;
120
+ --background-primary: #07080B;
121
+ --background-secondary: #16181D;
122
+ --background-tertiary: #25262D;
123
+ --dark-background-primary: #07080B;
124
+ --dark-background-secondary: #16181D;
125
+ --dark-background-tertiary: #25262D;
126
+ --light-background-primary: #AEB2C2;
127
+ --light-background-secondary: #C4C7D4;
128
+ --light-background-tertiary: #D8DCE8;
129
+ --inverse-background-primary: #AEB2C2;
130
+ --inverse-background-secondary: #C4C7D4;
131
+ --inverse-background-tertiary: #D8DCE8;
132
+ --outline-solid-primary-hover: #FFFFFFFF;
133
+ --outline-solid-primary-active: #A2A4B3FF;
134
+ --outline-solid-secondary-hover: #FFFFFFFF;
135
+ --outline-solid-secondary-active: #808293FF;
136
+ --outline-transparent-primary-hover: #F8F9FCFF;
137
+ --outline-transparent-primary-active: #F8F9FC25;
138
+ --outline-solid-primary: #25262D;
139
+ --outline-solid-secondary: #4B4C58;
140
+ --outline-transparent-primary: #F7F8FB1F;
141
+ --on-dark-outline-solid-primary-hover: #FFFFFFFF;
142
+ --on-dark-outline-solid-primary-active: #A2A4B3FF;
143
+ --on-dark-outline-solid-secondary-hover: #FFFFFFFF;
144
+ --on-dark-outline-solid-secondary-active: #808293FF;
145
+ --on-dark-outline-transparent-primary-hover: #F8F9FCFF;
146
+ --on-dark-outline-transparent-primary-active: #F8F9FC25;
147
+ --on-dark-outline-solid-primary: #25262D;
148
+ --on-dark-outline-solid-secondary: #4B4C58;
149
+ --on-dark-outline-transparent-primary: #F7F8FB1F;
150
+ --on-light-outline-solid-primary-hover: #B2BAD2FF;
151
+ --on-light-outline-solid-primary-active: #C5CBDDFF;
152
+ --on-light-outline-solid-secondary-hover: #FFFFFFFF;
153
+ --on-light-outline-solid-secondary-active: #303340FF;
154
+ --on-light-outline-transparent-primary-hover: #08090CFF;
155
+ --on-light-outline-transparent-primary-active: #08090C25;
156
+ --on-light-outline-solid-primary: #D8DCE8;
157
+ --on-light-outline-solid-secondary: #AEB2C2;
158
+ --on-light-outline-transparent-primary: #07080B1F;
159
+ --inverse-outline-solid-primary-hover: #B2BAD2FF;
160
+ --inverse-outline-solid-primary-active: #C5CBDDFF;
161
+ --inverse-outline-solid-secondary-hover: #FFFFFFFF;
162
+ --inverse-outline-solid-secondary-active: #303340FF;
163
+ --inverse-outline-transparent-primary-hover: #08090CFF;
164
+ --inverse-outline-transparent-primary-active: #08090C25;
165
+ --inverse-outline-solid-primary: #D8DCE8;
166
+ --inverse-outline-solid-secondary: #AEB2C2;
167
+ --inverse-outline-transparent-primary: #07080B1F;
168
+ --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
169
+ --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
170
+ --plasma-colors-white-primary: var(--on-dark-text-primary);
171
+ --plasma-colors-white-secondary: var(--on-dark-text-secondary);
172
+ --plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
173
+ --plasma-colors-black-primary: var(--on-light-text-primary);
174
+ --plasma-colors-black-secondary: var(--on-light-text-secondary);
175
+ --plasma-colors-black-tertiary: var(--on-light-text-tertiary);
176
+ --plasma-colors-button-black: var(--on-light-surface-solid-default);
177
+ --plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
178
+ --plasma-colors-button-white: var(--on-dark-surface-solid-default);
179
+ --plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
180
+ --plasma-colors-text: var(--text-primary);
181
+ --plasma-colors-primary: var(--text-primary);
182
+ --plasma-colors-secondary: var(--text-secondary);
183
+ --plasma-colors-tertiary: var(--text-tertiary);
184
+ --plasma-colors-paragraph: var(--text-paragraph);
185
+ --plasma-colors-background: var(--background-primary);
186
+ --plasma-colors-critical: var(--text-negative);
187
+ --plasma-colors-surface-liquid01: var(--surface-transparent-primary);
188
+ --plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
189
+ --plasma-colors-button-secondary: var(--surface-transparent-secondary);
190
+ color: var(--text-primary);
191
+ background-color: var(--background-primary);
192
+ }