@topvisor/ui 0.0.8 → 0.0.10

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 (55) hide show
  1. package/README.md +11 -5
  2. package/c/Icon/Icon.amd.js +22 -0
  3. package/c/Icon/Icon.amd.js.map +1 -0
  4. package/c/Icon/Icon.js +22 -0
  5. package/c/Icon/Icon.js.map +1 -0
  6. package/c/README.md +86 -0
  7. package/c/button/button.amd.js +1 -1
  8. package/c/button/button.amd.js.map +1 -1
  9. package/c/button/button.js +1 -1
  10. package/c/button/button.js.map +1 -1
  11. package/c/example/example.amd.js +1 -1
  12. package/c/example/example.js +1 -1
  13. package/c/icomoon/demo-files/Read Me.txt +7 -0
  14. package/c/icomoon/demo-files/demo.css +161 -0
  15. package/c/icomoon/demo-files/demo.js +30 -0
  16. package/c/icomoon/demo.html +2931 -0
  17. package/c/icomoon/fonts/Topvisor-2.svg +232 -0
  18. package/c/icomoon/fonts/Topvisor-2.ttf +0 -0
  19. package/c/icomoon/fonts/Topvisor-2.woff +0 -0
  20. package/c/icomoon/selection.json +1 -0
  21. package/c/icomoon/style.css +644 -0
  22. package/c/style.css +23 -21
  23. package/core.css +398 -377
  24. package/dark.css +115 -115
  25. package/icomoon/Read Me.txt +7 -0
  26. package/icomoon/demo-files/Read Me.txt +7 -0
  27. package/icomoon/demo-files/demo.css +161 -0
  28. package/icomoon/demo-files/demo.js +30 -0
  29. package/icomoon/demo.html +2931 -0
  30. package/icomoon/fonts/Topvisor-2.svg +232 -0
  31. package/icomoon/fonts/Topvisor-2.ttf +0 -0
  32. package/icomoon/fonts/Topvisor-2.woff +0 -0
  33. package/icomoon/selection.json +1 -0
  34. package/icomoon/style.css +644 -0
  35. package/l/README.md +86 -0
  36. package/l/common/common.amd.js +22 -0
  37. package/l/common/common.amd.js.map +1 -0
  38. package/l/common/common.js +22 -0
  39. package/l/common/common.js.map +1 -0
  40. package/l/forms/forms.amd.js +51 -4
  41. package/l/forms/forms.amd.js.map +1 -1
  42. package/l/forms/forms.js +52 -4
  43. package/l/forms/forms.js.map +1 -1
  44. package/l/icomoon/demo-files/Read Me.txt +7 -0
  45. package/l/icomoon/demo-files/demo.css +161 -0
  46. package/l/icomoon/demo-files/demo.js +30 -0
  47. package/l/icomoon/demo.html +2931 -0
  48. package/l/icomoon/fonts/Topvisor-2.svg +232 -0
  49. package/l/icomoon/fonts/Topvisor-2.ttf +0 -0
  50. package/l/icomoon/fonts/Topvisor-2.woff +0 -0
  51. package/l/icomoon/selection.json +1 -0
  52. package/l/icomoon/style.css +644 -0
  53. package/l/style.css +23 -21
  54. package/light.css +128 -128
  55. package/package.json +1 -1
@@ -0,0 +1,644 @@
1
+ @font-face {
2
+ font-family: 'Topvisor-2';
3
+ src:
4
+ url('fonts/Topvisor-2.ttf') format('truetype'),
5
+ url('fonts/Topvisor-2.woff') format('woff'),
6
+ url('fonts/Topvisor-2.svg#Topvisor-2') format('svg');
7
+ font-weight: normal;
8
+ font-style: normal;
9
+ font-display: block;
10
+ }
11
+
12
+ [class^="icon2-"], [class*=" icon2-"] {
13
+ /* use !important to prevent issues with browser extensions that change fonts */
14
+ font-family: 'Topvisor-2' !important;
15
+ speak: never;
16
+ font-style: normal;
17
+ font-weight: normal;
18
+ font-variant: normal;
19
+ text-transform: none;
20
+ line-height: 1;
21
+
22
+ /* Better Font Rendering =========== */
23
+ -webkit-font-smoothing: antialiased;
24
+ -moz-osx-font-smoothing: grayscale;
25
+ }
26
+
27
+ .icon2-searcher-0-ru:before {
28
+ content: "\e97a";
29
+ }
30
+ .icon2-searcher-0-en:before {
31
+ content: "\e986";
32
+ }
33
+ .icon2-searcher-1:before {
34
+ content: "\e97f";
35
+ }
36
+ .icon2-searcher-2:before {
37
+ content: "\e97d";
38
+ }
39
+ .icon2-searcher-4:before {
40
+ content: "\e97b";
41
+ }
42
+ .icon2-searcher-5:before {
43
+ content: "\e987";
44
+ }
45
+ .icon2-searcher-6:before {
46
+ content: "\e97e";
47
+ }
48
+ .icon2-searcher-7:before {
49
+ content: "\e97c";
50
+ }
51
+ .icon2-searcher-8:before {
52
+ content: "\e980";
53
+ }
54
+ .icon2-searcher-9:before {
55
+ content: "\e988";
56
+ }
57
+ .icon2-searcher-101:before {
58
+ content: "\e947";
59
+ }
60
+ .icon2-searcher-102:before {
61
+ content: "\e943";
62
+ }
63
+ .icon2-searcher-103:before {
64
+ content: "\e946";
65
+ }
66
+ .icon2-searcher-105:before {
67
+ content: "\e944";
68
+ }
69
+ .icon2-searcher-106:before {
70
+ content: "\e945";
71
+ }
72
+ .icon2-searcher-107:before {
73
+ content: "\e989";
74
+ }
75
+ .icon2-chevron_down-s:before {
76
+ content: "\e9ba";
77
+ }
78
+ .icon2-chevron_up-s:before {
79
+ content: "\e9bb";
80
+ }
81
+ .icon2-chevron_left-s:before {
82
+ content: "\e9bc";
83
+ }
84
+ .icon2-chevron_right-s:before {
85
+ content: "\e9bd";
86
+ }
87
+ .icon2-arrow-down:before {
88
+ content: "\e900";
89
+ }
90
+ .icon2-arrow-left:before {
91
+ content: "\e901";
92
+ }
93
+ .icon2-arrow-right:before {
94
+ content: "\e902";
95
+ }
96
+ .icon2-arrow-up:before {
97
+ content: "\e903";
98
+ }
99
+ .icon2-chevron-down:before {
100
+ content: "\e90c";
101
+ }
102
+ .icon2-chevron-left:before {
103
+ content: "\e90d";
104
+ }
105
+ .icon2-chevron-right:before {
106
+ content: "\e90e";
107
+ }
108
+ .icon2-chevron-up:before {
109
+ content: "\e90f";
110
+ }
111
+ .icon2-window:before {
112
+ content: "\e9c5";
113
+ }
114
+ .icon2-analysis:before {
115
+ content: "\e979";
116
+ }
117
+ .icon2-analysis-fill:before {
118
+ content: "\e960";
119
+ }
120
+ .icon2-hammer:before {
121
+ content: "\e962";
122
+ }
123
+ .icon2-hammer-fill:before {
124
+ content: "\e961";
125
+ }
126
+ .icon2-radar-fill:before {
127
+ content: "\e967";
128
+ }
129
+ .icon2-radar:before {
130
+ content: "\e968";
131
+ }
132
+ .icon2-bar_chart:before {
133
+ content: "\e96a";
134
+ }
135
+ .icon2-bar_chart-fill:before {
136
+ content: "\e969";
137
+ }
138
+ .icon2-core:before {
139
+ content: "\e96c";
140
+ }
141
+ .icon2-trending-up:before {
142
+ content: "\e96d";
143
+ }
144
+ .icon2-inbox:before {
145
+ content: "\e96e";
146
+ }
147
+ .icon2-inbox-fill:before {
148
+ content: "\e96f";
149
+ }
150
+ .icon2-map:before {
151
+ content: "\e972";
152
+ }
153
+ .icon2-cup:before {
154
+ content: "\e974";
155
+ }
156
+ .icon2-cup-fill:before {
157
+ content: "\e975";
158
+ }
159
+ .icon2-snapshot:before {
160
+ content: "\e91b";
161
+ }
162
+ .icon2-template:before {
163
+ content: "\e9cd";
164
+ }
165
+ .icon2-core-v1:before {
166
+ content: "\e9c7";
167
+ }
168
+ .icon2-core-v3:before {
169
+ content: "\e9c8";
170
+ }
171
+ .icon2-bar_chart_2:before {
172
+ content: "\e977";
173
+ }
174
+ .icon2-sand_clock:before {
175
+ content: "\e9c3";
176
+ }
177
+ .icon2-lamp:before {
178
+ content: "\e9c2";
179
+ }
180
+ .icon2-book:before {
181
+ content: "\e9be";
182
+ }
183
+ .icon2-horns_sign:before {
184
+ content: "\e9bf";
185
+ }
186
+ .icon2-microphone:before {
187
+ content: "\e9c0";
188
+ }
189
+ .icon2-newspaper:before {
190
+ content: "\e9c1";
191
+ }
192
+ .icon2-rss:before {
193
+ content: "\e9b8";
194
+ }
195
+ .icon2-journal:before {
196
+ content: "\e978";
197
+ }
198
+ .icon2-academy:before {
199
+ content: "\e996";
200
+ }
201
+ .icon2-content:before {
202
+ content: "\e9b6";
203
+ }
204
+ .icon2-h:before {
205
+ content: "\e9b3";
206
+ }
207
+ .icon2-status_code:before {
208
+ content: "\e9b4";
209
+ }
210
+ .icon2-t:before {
211
+ content: "\e9b5";
212
+ }
213
+ .icon2-anonymous:before {
214
+ content: "\e9b1";
215
+ }
216
+ .icon2-cube:before {
217
+ content: "\e9a9";
218
+ }
219
+ .icon2-eye_closed:before {
220
+ content: "\e9aa";
221
+ }
222
+ .icon2-eye:before {
223
+ content: "\e9ab";
224
+ }
225
+ .icon2-image:before {
226
+ content: "\e9ac";
227
+ }
228
+ .icon2-link:before {
229
+ content: "\e9ad";
230
+ }
231
+ .icon2-speed:before {
232
+ content: "\e9ae";
233
+ }
234
+ .icon2-terminal:before {
235
+ content: "\e9af";
236
+ }
237
+ .icon2-key:before {
238
+ content: "\e98a";
239
+ }
240
+ .icon2-question:before {
241
+ content: "\e98b";
242
+ }
243
+ .icon2-bulleted_list:before {
244
+ content: "\e95c";
245
+ }
246
+ .icon2-external:before {
247
+ content: "\e948";
248
+ }
249
+ .icon2-target:before {
250
+ content: "\e91c";
251
+ }
252
+ .icon2-thunder:before {
253
+ content: "\e91d";
254
+ }
255
+ .icon2-menu:before {
256
+ content: "\e914";
257
+ }
258
+ .icon2-home:before {
259
+ content: "\e964";
260
+ }
261
+ .icon2-home-fill:before {
262
+ content: "\e963";
263
+ }
264
+ .icon2-ballot:before {
265
+ content: "\e966";
266
+ }
267
+ .icon2-ballot-fill:before {
268
+ content: "\e965";
269
+ }
270
+ .icon2-tools:before {
271
+ content: "\e96b";
272
+ }
273
+ .icon2-folder:before {
274
+ content: "\e970";
275
+ }
276
+ .icon2-folder-fill:before {
277
+ content: "\e971";
278
+ }
279
+ .icon2-chart:before {
280
+ content: "\e976";
281
+ }
282
+ .icon2-yandex_xml-en:before {
283
+ content: "\e94d";
284
+ }
285
+ .icon2-yandex_xml-fill-en:before {
286
+ content: "\e94c";
287
+ }
288
+ .icon2-yandex_xml-fill-ru:before {
289
+ content: "\e94a";
290
+ }
291
+ .icon2-yandex_xml-ru:before {
292
+ content: "\e949";
293
+ }
294
+ .icon2-academic_cap:before {
295
+ content: "\e94b";
296
+ }
297
+ .icon2-academic_cap-fill:before {
298
+ content: "\e95f";
299
+ }
300
+ .icon2-savings:before {
301
+ content: "\e905";
302
+ }
303
+ .icon2-savings-fill:before {
304
+ content: "\e904";
305
+ }
306
+ .icon2-bell:before {
307
+ content: "\e907";
308
+ }
309
+ .icon2-bell-fill:before {
310
+ content: "\e906";
311
+ }
312
+ .icon2-calendar:before {
313
+ content: "\e909";
314
+ }
315
+ .icon2-calendar-fill:before {
316
+ content: "\e908";
317
+ }
318
+ .icon2-case:before {
319
+ content: "\e90b";
320
+ }
321
+ .icon2-case-fill:before {
322
+ content: "\e90a";
323
+ }
324
+ .icon2-grid:before {
325
+ content: "\e911";
326
+ }
327
+ .icon2-grid-fill:before {
328
+ content: "\e910";
329
+ }
330
+ .icon2-mail:before {
331
+ content: "\e913";
332
+ }
333
+ .icon2-mail-fill:before {
334
+ content: "\e912";
335
+ }
336
+ .icon2-price_tag:before {
337
+ content: "\e916";
338
+ }
339
+ .icon2-price_tag-fill:before {
340
+ content: "\e915";
341
+ }
342
+ .icon2-map_point:before {
343
+ content: "\e918";
344
+ }
345
+ .icon2-map_point-fill:before {
346
+ content: "\e917";
347
+ }
348
+ .icon2-gear:before {
349
+ content: "\e91a";
350
+ }
351
+ .icon2-gear-fill:before {
352
+ content: "\e919";
353
+ }
354
+ .icon2-user:before {
355
+ content: "\e91f";
356
+ }
357
+ .icon2-user-fill:before {
358
+ content: "\e91e";
359
+ }
360
+ .icon2-users:before {
361
+ content: "\e921";
362
+ }
363
+ .icon2-users-fill:before {
364
+ content: "\e920";
365
+ }
366
+ .icon2-share:before {
367
+ content: "\e9cc";
368
+ }
369
+ .icon2-checklist:before {
370
+ content: "\e9cb";
371
+ }
372
+ .icon2-cluster:before {
373
+ content: "\e932";
374
+ }
375
+ .icon2-core-add:before {
376
+ content: "\e9c6";
377
+ }
378
+ .icon2-filter:before {
379
+ content: "\e9c9";
380
+ }
381
+ .icon2-volume:before {
382
+ content: "\e9ca";
383
+ }
384
+ .icon2-plug:before {
385
+ content: "\e973";
386
+ }
387
+ .icon2-qr_code:before {
388
+ content: "\e9b7";
389
+ }
390
+ .icon2-circular_arrow:before {
391
+ content: "\e9b0";
392
+ }
393
+ .icon2-pause_circle:before {
394
+ content: "\e9a3";
395
+ }
396
+ .icon2-play_circle:before {
397
+ content: "\e9a4";
398
+ }
399
+ .icon2-power:before {
400
+ content: "\e9a5";
401
+ }
402
+ .icon2-heart:before {
403
+ content: "\e99b";
404
+ }
405
+ .icon2-heart-fill:before {
406
+ content: "\e99c";
407
+ }
408
+ .icon2-heart_broken:before {
409
+ content: "\e99d";
410
+ }
411
+ .icon2-heart_broken-fill:before {
412
+ content: "\e99e";
413
+ }
414
+ .icon2-like:before {
415
+ content: "\e99f";
416
+ }
417
+ .icon2-like-fill:before {
418
+ content: "\e9a0";
419
+ }
420
+ .icon2-dislike:before {
421
+ content: "\e9a1";
422
+ }
423
+ .icon2-dislike-fill:before {
424
+ content: "\e9a2";
425
+ }
426
+ .icon2-lock:before {
427
+ content: "\e998";
428
+ }
429
+ .icon2-lock-fill:before {
430
+ content: "\e997";
431
+ }
432
+ .icon2-clock:before {
433
+ content: "\e99a";
434
+ }
435
+ .icon2-clock-fill:before {
436
+ content: "\e999";
437
+ }
438
+ .icon2-circular_arrows:before {
439
+ content: "\e98c";
440
+ }
441
+ .icon2-flag:before {
442
+ content: "\e95e";
443
+ }
444
+ .icon2-flag-fill:before {
445
+ content: "\e982";
446
+ }
447
+ .icon2-chain_broken:before {
448
+ content: "\e983";
449
+ }
450
+ .icon2-step-over:before {
451
+ content: "\e993";
452
+ }
453
+ .icon2-step:before {
454
+ content: "\e984";
455
+ }
456
+ .icon2-loop:before {
457
+ content: "\e981";
458
+ }
459
+ .icon2-close:before {
460
+ content: "\e924";
461
+ }
462
+ .icon2-chat_bubble:before {
463
+ content: "\e923";
464
+ }
465
+ .icon2-chat_bubble-fill:before {
466
+ content: "\e922";
467
+ }
468
+ .icon2-trash:before {
469
+ content: "\e926";
470
+ }
471
+ .icon2-trash-fill:before {
472
+ content: "\e925";
473
+ }
474
+ .icon2-document_edit:before {
475
+ content: "\e928";
476
+ }
477
+ .icon2-document_edit-fill:before {
478
+ content: "\e927";
479
+ }
480
+ .icon2-pencil:before {
481
+ content: "\e92a";
482
+ }
483
+ .icon2-pencil-fill:before {
484
+ content: "\e929";
485
+ }
486
+ .icon2-logout:before {
487
+ content: "\e92c";
488
+ }
489
+ .icon2-logout-fill:before {
490
+ content: "\e92b";
491
+ }
492
+ .icon2-export:before {
493
+ content: "\e92d";
494
+ }
495
+ .icon2-sort-asc:before {
496
+ content: "\e92e";
497
+ }
498
+ .icon2-sort-desc:before {
499
+ content: "\e92f";
500
+ }
501
+ .icon2-favorite:before {
502
+ content: "\e931";
503
+ }
504
+ .icon2-favorite-fill:before {
505
+ content: "\e930";
506
+ }
507
+ .icon2-layers:before {
508
+ content: "\e934";
509
+ }
510
+ .icon2-layers-fill:before {
511
+ content: "\e933";
512
+ }
513
+ .icon2-new_tab:before {
514
+ content: "\e935";
515
+ }
516
+ .icon2-a:before {
517
+ content: "\e937";
518
+ }
519
+ .icon2-a-fill:before {
520
+ content: "\e936";
521
+ }
522
+ .icon2-palette:before {
523
+ content: "\e938";
524
+ }
525
+ .icon2-plus_circle:before {
526
+ content: "\e93a";
527
+ }
528
+ .icon2-plus_circles-fill:before {
529
+ content: "\e939";
530
+ }
531
+ .icon2-plus:before {
532
+ content: "\e93b";
533
+ }
534
+ .icon2-search:before {
535
+ content: "\e93c";
536
+ }
537
+ .icon2-swap_vert:before {
538
+ content: "\e93d";
539
+ }
540
+ .icon2-table:before {
541
+ content: "\e93f";
542
+ }
543
+ .icon2-table-fill:before {
544
+ content: "\e93e";
545
+ }
546
+ .icon2-bookmark:before {
547
+ content: "\e942";
548
+ }
549
+ .icon2-bookmark-fill:before {
550
+ content: "\e941";
551
+ }
552
+ .icon2-bookmark_crossed:before {
553
+ content: "\e940";
554
+ }
555
+ .icon2-caret-down-14:before {
556
+ content: "\e9c4";
557
+ }
558
+ .icon2-switcher-circle-16-2:before {
559
+ content: "\e9b9";
560
+ }
561
+ .icon2-desktop-16:before {
562
+ content: "\e954";
563
+ }
564
+ .icon2-phone-16:before {
565
+ content: "\e957";
566
+ }
567
+ .icon2-tablet-16:before {
568
+ content: "\e958";
569
+ }
570
+ .icon2-user-plus-16:before {
571
+ content: "\e9b2";
572
+ }
573
+ .icon2-bar_chart-fill-16:before {
574
+ content: "\e994";
575
+ }
576
+ .icon2-flag-16:before {
577
+ content: "\e992";
578
+ }
579
+ .icon2-user-checked-16:before {
580
+ content: "\e990";
581
+ }
582
+ .icon2-user-16:before {
583
+ content: "\e991";
584
+ }
585
+ .icon2-user-fill-16:before {
586
+ content: "\e95b";
587
+ }
588
+ .icon2-average-16:before {
589
+ content: "\e98d";
590
+ }
591
+ .icon2-median-16:before {
592
+ content: "\e98e";
593
+ }
594
+ .icon2-visibility-16:before {
595
+ content: "\e98f";
596
+ }
597
+ .icon2-checked-indicate-16:before {
598
+ content: "\e95d";
599
+ }
600
+ .icon2-cross-indicate-16:before {
601
+ content: "\e985";
602
+ }
603
+ .icon2-minus-indicate-16:before {
604
+ content: "\e995";
605
+ }
606
+ .icon2-external-16:before {
607
+ content: "\e94f";
608
+ }
609
+ .icon2-more-vertical-16:before {
610
+ content: "\e950";
611
+ }
612
+ .icon2-crown-16:before {
613
+ content: "\e953";
614
+ }
615
+ .icon2-turbo-16:before {
616
+ content: "\e959";
617
+ }
618
+ .icon2-amp-16:before {
619
+ content: "\e951";
620
+ }
621
+ .icon2-checked-circle-16:before {
622
+ content: "\e952";
623
+ }
624
+ .icon2-warning-circle-16:before {
625
+ content: "\e9a6";
626
+ }
627
+ .icon2-dangerous-circle-16:before {
628
+ content: "\e9a7";
629
+ }
630
+ .icon2-question-circle-16:before {
631
+ content: "\e9a8";
632
+ }
633
+ .icon2-up-circle-16:before {
634
+ content: "\e95a";
635
+ }
636
+ .icon2-down-circle-16:before {
637
+ content: "\e955";
638
+ }
639
+ .icon2-equal-circle-16:before {
640
+ content: "\e956";
641
+ }
642
+ .icon2-triangle:before {
643
+ content: "\e94e";
644
+ }
package/l/style.css CHANGED
@@ -1,3 +1,5 @@
1
+
2
+ /* стили этого компонента грузятся всегда: resources/styles/core/icon.css */
1
3
  .top-button {
2
4
  cursor: pointer;
3
5
  box-shadow: var(--top-button-box-shadow);
@@ -38,9 +40,9 @@
38
40
  transparent 75%,
39
41
  transparent);
40
42
  background-size: 32px 32px;
41
- animation: top-progress 1s linear infinite;
43
+ animation: _progress_1k69v_1 1s linear infinite;
42
44
  }
43
- @keyframes top-progress {
45
+ @keyframes _progress_1k69v_1 {
44
46
  0% {
45
47
  background-position-x: 0px;
46
48
  }
@@ -202,33 +204,33 @@ a.top-button:hover {
202
204
  .top-button.g-style_transparent.g-color_pink {
203
205
  --top-button-color: var(--color-pink-450);
204
206
  }
205
- .top-button {
206
- --top-button-color: var(--color-white);
207
- --top-button-background-color: transparent;
208
- --top-button-background-color-hover: var(--top-button-background-color);
209
- --top-button-background-color-active: var(--top-button-background-color-hover);
210
- --top-button-background-color-selected: var(--top-button-background-color-hover);
211
- --top-button-box-shadow: none;
212
- --top-button-box-shadow-hover: var(--g-shadow-darken-2);
213
- --top-button-box-shadow-active: var(--g-shadow-darken-3);
214
- --top-button-box-shadow-selected: var(--g-shadow-darken-3);
215
- --g-forms-border-width: 0px;
216
- --g-icon-width: calc(var(--g-icon-size) + var(--g-forms-padding));
207
+ .top-button {
208
+ --top-button-color: var(--color-white);
209
+ --top-button-background-color: transparent;
210
+ --top-button-background-color-hover: var(--top-button-background-color);
211
+ --top-button-background-color-active: var(--top-button-background-color-hover);
212
+ --top-button-background-color-selected: var(--top-button-background-color-hover);
213
+ --top-button-box-shadow: none;
214
+ --top-button-box-shadow-hover: var(--g-shadow-darken-2);
215
+ --top-button-box-shadow-active: var(--g-shadow-darken-3);
216
+ --top-button-box-shadow-selected: var(--g-shadow-darken-3);
217
+ --g-forms-border-width: 0px;
218
+ --g-icon-width: calc(var(--g-icon-size) + var(--g-forms-padding));
217
219
  --g-icon2-width: calc(var(--g-icon2-size) + var(--g-forms-padding));
218
220
  }
219
- .top-button.g-size_l {
220
- --g-forms-padding: var(--g-forms-padding_l);
221
+ .top-button.g-size_l {
222
+ --g-forms-padding: var(--g-forms-padding_l);
221
223
  --g-forms-base-height: var(--g-forms-base-height_l);
222
224
  }
223
- .top-button.g-size_xl {
224
- --g-forms-padding: var(--g-forms-padding_xl);
225
+ .top-button.g-size_xl {
226
+ --g-forms-padding: var(--g-forms-padding_xl);
225
227
  --g-forms-base-height: var(--g-forms-base-height_xl);
226
228
  }
227
- .top-button-progress {}
229
+ .top-button-progress {}
228
230
 
229
- .top-example {
231
+ ._example_18dgo_2 {
230
232
  background: var(--811e7836);
231
233
  }
232
- .top-example.g-active {
234
+ ._example_18dgo_2.g-active {
233
235
  background: green;
234
236
  }