@salutejs/plasma-tokens 1.125.0-canary.2241.19959327691.0 → 1.125.0-canary.2360.20062242026.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 (42) hide show
  1. package/brands/sdds_finai/index.d.ts +96 -0
  2. package/brands/sdds_finai/index.js +102 -5
  3. package/brands/sdds_finai/index.js.map +1 -1
  4. package/css/sdds_finai.module.css +96 -0
  5. package/css/sdds_finai__dark.css +48 -0
  6. package/css/sdds_finai__light.css +48 -0
  7. package/es/brands/sdds_finai/index.js +96 -0
  8. package/es/brands/sdds_finai/index.js.map +1 -1
  9. package/es/themes/index.js +0 -2
  10. package/es/themes/index.js.map +1 -1
  11. package/es/themes/sdds_finai__dark.js +48 -0
  12. package/es/themes/sdds_finai__dark.js.map +1 -1
  13. package/es/themes/sdds_finai__light.js +48 -0
  14. package/es/themes/sdds_finai__light.js.map +1 -1
  15. package/package.json +2 -2
  16. package/themes/index.d.ts +0 -2
  17. package/themes/index.js +3 -9
  18. package/themes/index.js.map +1 -1
  19. package/themes/sdds_finai__dark.d.ts +96 -0
  20. package/themes/sdds_finai__dark.js +48 -0
  21. package/themes/sdds_finai__dark.js.map +1 -1
  22. package/themes/sdds_finai__light.d.ts +96 -0
  23. package/themes/sdds_finai__light.js +48 -0
  24. package/themes/sdds_finai__light.js.map +1 -1
  25. package/brands/plasma_infra/index.d.ts +0 -370
  26. package/brands/plasma_infra/index.js +0 -378
  27. package/brands/plasma_infra/index.js.map +0 -1
  28. package/css/plasma_infra.module.css +0 -383
  29. package/css/plasma_infra__dark.css +0 -192
  30. package/css/plasma_infra__light.css +0 -192
  31. package/es/brands/plasma_infra/index.js +0 -372
  32. package/es/brands/plasma_infra/index.js.map +0 -1
  33. package/es/themes/plasma_infra__dark.js +0 -196
  34. package/es/themes/plasma_infra__dark.js.map +0 -1
  35. package/es/themes/plasma_infra__light.js +0 -196
  36. package/es/themes/plasma_infra__light.js.map +0 -1
  37. package/themes/plasma_infra__dark.d.ts +0 -385
  38. package/themes/plasma_infra__dark.js +0 -199
  39. package/themes/plasma_infra__dark.js.map +0 -1
  40. package/themes/plasma_infra__light.d.ts +0 -385
  41. package/themes/plasma_infra__light.js +0 -199
  42. package/themes/plasma_infra__light.js.map +0 -1
package/css/plasma_infra.module.css DELETED
@@ -1,383 +0,0 @@
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 DELETED
@@ -1,192 +0,0 @@
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
- }