@genexus/mercury 0.1.3 → 0.1.4

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 (4) hide show
  1. package/dist/css/mercury.css +745 -1400
  2. package/dist/css/mercury.css.map +1 -1
  3. package/dist/mercury.scss +1302 -302
  4. package/package.json +2 -2
package/dist/css/mercury.css CHANGED
@@ -7,6 +7,41 @@ Scrollbar
7
7
  /*----------------------------------------------------
8
8
  Item (applies to every item (tree, grid, list, etc...)
9
9
  ----------------------------------------------------*/
10
+ .tabular-grid-cell {
11
+ font-family: var(--mer-item__font-family);
12
+ font-size: var(--mer-item__font-size);
13
+ line-height: var(--mer-item__line-height);
14
+ }
15
+
16
+ .tabular-grid-cell {
17
+ padding-inline: var(--mer-item__padding-inline);
18
+ padding-block: var(--mer-item__padding-block);
19
+ min-block-size: var(--mer-item__padding-min-block-size);
20
+ }
21
+
22
+ .tabular-grid-row[highlighted] .tabular-grid-cell:after {
23
+ --mer-item__color: var(--mer-item__color--hover);
24
+ --mer-item__bg-color: var(--mer-item__bg-color--hover);
25
+ --mer-item__border-color: var(--mer-item__border-color--hover);
26
+ }
27
+
28
+ .tabular-grid-row[selected] .tabular-grid-cell:after {
29
+ --mer-item__color: var(--mer-item__color--selected);
30
+ --mer-item__bg-color: var(--mer-item__bg-color--selected);
31
+ --mer-item__border-color: var(--mer-item__border-color--selected);
32
+ }
33
+
34
+ /*----------------------
35
+ Window
36
+ ----------------------*/
37
+ .tabular-grid-row-actions::part(window) {
38
+ border: var(--mer-window__border);
39
+ border-radius: var(--mer-window__border-radius);
40
+ padding: var(--mer-window__padding);
41
+ background-color: var(--mer-window__bg-color);
42
+ box-shadow: var(--mer-box-shadow--01);
43
+ }
44
+
10
45
  .button-tertiary, .button-secondary, .button-primary {
11
46
  --button-base__font-family: inherit;
12
47
  --button-base__font-size: var(--mer-font__size--2xs);
@@ -188,7 +223,7 @@ Item (applies to every item (tree, grid, list, etc...)
188
223
  background-color: currentColor;
189
224
  }
190
225
 
191
- .button-icon-after-and-text::before, .button-icon-and-text::before, .icon-background::before {
226
+ .tabular-grid-cell::part(actions-icon), .tabular-grid-cell::part(drag-icon), .tabular-grid-rowset-legend::part(icon), .tabular-grid-rowset-legend::part(caret), .button-icon-after-and-text::before, .button-icon-and-text::before, .icon-background::before {
192
227
  content: "";
193
228
  display: block;
194
229
  inline-size: var(--mer-icon__box--sm);
@@ -293,10 +328,8 @@ Item (applies to every item (tree, grid, list, etc...)
293
328
 
294
329
  .tree-view-primary::part(item drag-enter) {
295
330
  background-color: var(--tree-view-item__bg-color--hover);
296
- outline-width: var(--mer-border__width--sm);
297
- outline-style: solid;
298
- outline-color: var(--mer-color__primary-blue--200);
299
- outline-offset: -1px;
331
+ outline: var(--mer-focus__outline-width) var(--mer-focus__outline-style) var(--mer-focus__outline-color);
332
+ outline-offset: var(--mer-focus__outline-offset);
300
333
  }
301
334
 
302
335
  .tree-view-primary::part(drop)::after {
@@ -308,10 +341,8 @@ Item (applies to every item (tree, grid, list, etc...)
308
341
  padding-inline-end: var(--tree-view-item-custom__padding-inline-end);
309
342
  }
310
343
  .tree-view-primary::part(item__header):focus-visible {
311
- outline-width: var(--mer-border__width--sm);
312
- outline-style: solid;
313
- outline-color: var(--mer-color__primary-blue--200);
314
- outline-offset: -1px;
344
+ outline: var(--mer-focus__outline-width) var(--mer-focus__outline-style) var(--mer-focus__outline-color);
345
+ outline-offset: var(--mer-focus__outline-offset);
315
346
  }
316
347
  .tree-view-primary::part(item__header not-selected):hover {
317
348
  background-color: var(--tree-view-item__bg-color--hover);
@@ -338,2169 +369,1373 @@ Item (applies to every item (tree, grid, list, etc...)
338
369
  border-inline-start-color: transparent;
339
370
  }
340
371
 
372
+ .tabular-grid {
373
+ --grid-base__font-size: var(--mer-body__font-size);
374
+ --grid-base__bg-color: var(--mer-color__elevation--01);
375
+ --grid-base__icon-gap: var(--mer-spacing--xs);
376
+ --grid-main__bg-color: var(--mer-item__border-color);
377
+ /* This style-sheet applies for:
378
+ - ch-grid-row
379
+ - ch-grid-rowset
380
+ - ch-grid-rowset-legend
381
+ */
382
+ --grid-rowset-legend__font-family: var(--mer-font-family--inter-semi-bold);
383
+ --grid-rowset-legend__font-size: var(--grid-base__font-size);
384
+ --grid-rowset-legend__color: var(--grid-base__color);
385
+ --grid-rowset-legend__color--hover: var(--mer-item__color--hover);
386
+ --grid-rowset-legend__padding-inline: var(--mer-item__padding-inline);
387
+ --grid-rowset-legend__padding-block: var(--mer-spacing--3xs);
388
+ --grid-rowset-legend__indent: var(--mer-spacing--md);
389
+ --grid-row-actions-show-on-row-hover__margin-inline-end: var(
390
+ --mer-spacing--xs
391
+ );
392
+ --grid-column-bar__gap: var(--mer-spacing--xs);
393
+ --grid-column-bar__bg-color: var(--grid-base__bg-color);
394
+ --grid-column-bar__color: var(--mer-text__bright);
395
+ --grid-column-bar__padding-inline: var(--mer-spacing--xs);
396
+ --grid-column-bar__padding-block: var(--mer-spacing--xs);
397
+ --grid-column-bar__font-size: var(--grid-base__font-size);
398
+ --grid-column-bar__font-family: var(--mer-font-family--inter-semi-bold);
399
+ --grid-bar-resize-split__inline-size: var(--mer-spacing--2xs);
400
+ --grid-bar-resize-split__bg-color: transparent;
401
+ --grid-bar-resize-split__border-inline-end: var(--mer-border__width--sm) solid
402
+ transparent;
403
+ --grid-bar-resize-split__border-inline-end-color--hover: var(
404
+ --grid-column-bar__color
405
+ );
406
+ }
407
+
408
+ .tabular-grid::part(main) {
409
+ background-color: var(--grid-main__bg-color);
410
+ }
411
+
412
+ .tabular-grid-column::part(bar) {
413
+ position: relative;
414
+ width: 100%;
415
+ gap: var(--grid-column-bar__gap);
416
+ background-color: var(--grid-column-bar__bg-color);
417
+ color: var(--grid-column-bar__color);
418
+ padding-inline: var(--grid-column-bar__padding-inline);
419
+ padding-block: var(--grid-column-bar__padding-block);
420
+ font-size: var(--grid-column-bar__font-size);
421
+ font-family: var(--grid-column-bar__font-family);
422
+ line-height: var(--mer-item__line-height);
423
+ }
424
+
425
+ .tabular-grid-column::part(bar-resize-split) {
426
+ position: absolute;
427
+ height: 100%;
428
+ top: 0;
429
+ right: 0;
430
+ inline-size: var(--grid-bar-resize-split__inline-size);
431
+ border-inline-end: var(--grid-bar-resize-split__border-inline-end);
432
+ background-color: var(--grid-bar-resize-split__bg-color);
433
+ }
434
+ .tabular-grid-column::part(bar-resize-split):hover {
435
+ border-inline-end-color: var(--grid-bar-resize-split__border-inline-end-color--hover);
436
+ }
437
+
438
+ .tabular-grid-row {
439
+ border: 1px solid transparent;
440
+ background-color: var(--grid-base__bg-color);
441
+ }
442
+
443
+ .tabular-grid-rowset-legend {
444
+ cursor: pointer;
445
+ font-family: var(--grid-rowset-legend__font-family);
446
+ font-size: var(--grid-rowset-legend__font-size);
447
+ color: var(--grid-rowset-legend__color);
448
+ padding-inline: var(--grid-rowset-legend__padding-inline);
449
+ padding-block: var(--grid-rowset-legend__padding-block);
450
+ background-color: var(--mer-color__elevation--02);
451
+ margin-inline-start: 0;
452
+ padding-inline-start: calc(var(--indent) * (var(--level) - 1) + var(--grid-column-bar__padding-inline));
453
+ --indent: var(--grid-rowset-legend__indent);
454
+ }
455
+ .tabular-grid-rowset-legend:hover {
456
+ color: var(--grid-rowset-legend__color--hover);
457
+ }
458
+
459
+ .tabular-grid-cell {
460
+ color: var(--mer-item__color);
461
+ position: relative;
462
+ }
463
+ [focused].tabular-grid-cell {
464
+ outline: var(--mer-focus__outline-width) var(--mer-focus__outline-style) var(--mer-focus__outline-color);
465
+ outline-offset: var(--mer-focus__outline-offset);
466
+ }
467
+ .tabular-grid-cell:after {
468
+ content: "";
469
+ display: block;
470
+ position: absolute;
471
+ width: 100%;
472
+ height: 100%;
473
+ left: 0;
474
+ top: 0;
475
+ background-color: var(--mer-item__bg-color);
476
+ z-index: -1;
477
+ }
478
+
479
+ .tabular-grid-cell::part(selector-label), .tabular-grid-column::part(selector-label) {
480
+ line-height: 0;
481
+ font-size: 0;
482
+ background-color: transparent;
483
+ margin-inline-end: var(--mer-label__space);
484
+ block-size: var(--mer-control__block-size--tiny);
485
+ inline-size: var(--mer-control__block-size--tiny);
486
+ }
487
+
488
+ .tabular-grid-cell::part(selector), .tabular-grid-column::part(selector) {
489
+ position: relative;
490
+ margin: 0;
491
+ width: 0;
492
+ height: 0;
493
+ }
494
+
495
+ .tabular-grid-cell::part(selector)::before, .tabular-grid-column::part(selector)::before {
496
+ content: "";
497
+ display: inline-block;
498
+ width: var(--mer-control__block-size--tiny);
499
+ height: var(--mer-control__block-size--tiny);
500
+ border: var(--mer-form-input__border);
501
+ border-radius: var(--mer-control-tiny__border-radius);
502
+ box-sizing: border-box;
503
+ }
504
+
505
+ .tabular-grid-cell::part(selector)::after, .tabular-grid-column::part(selector)::after {
506
+ position: absolute;
507
+ content: "";
508
+ display: inline-block;
509
+ border-color: var(--mer-form-input-check__border-color);
510
+ top: calc(var(--mer-control__block-size--tiny) / 4);
511
+ left: calc(var(--mer-control__block-size--tiny) / 4);
512
+ }
513
+
514
+ .tabular-grid-cell::part(selector checked)::after, .tabular-grid-column::part(selector checked)::after {
515
+ inline-size: calc(var(--mer-control__block-size--tiny) / 2);
516
+ block-size: calc(var(--mer-control__block-size--tiny) / 2);
517
+ background-color: currentColor;
518
+ pointer-events: none;
519
+ -webkit-mask: no-repeat center/100% var(--mer-checkbox__option-checked-image);
520
+ color: var(--mer-form-input-check__border-color);
521
+ }
522
+
523
+ .tabular-grid-column::part(selector indeterminate)::after {
524
+ inline-size: 8px;
525
+ block-size: var(--mer-form-input-check__border-width);
526
+ border-radius: 2px;
527
+ background-color: var(--mer-form-input-check__border-color);
528
+ top: calc(var(--mer-control__block-size--tiny) / 2 - var(--mer-form-input-check__border-width) / 2);
529
+ }
530
+
531
+ .tabular-grid-row-actions::part(main) {
532
+ display: flex;
533
+ flex-direction: column;
534
+ gap: var(--mer-window__gap);
535
+ }
536
+
341
537
  /*multicolor lists*/
342
538
  /*monochrome lists*/
343
- .light .icon__system_warning--primary {
344
- --icon-path: url("../assets/icons/.generated/system/light/warning.svg#primary");
345
- }
346
- .light .icon__system_warning--primary-hover, .light .icon__system_warning--primary:hover {
539
+ .light .icon__system_warning--primary:hover {
347
540
  --icon-path: url("../assets/icons/.generated/system/light/warning.svg#primary-hover");
348
541
  }
349
- .light .icon__system_warning--primary-active, .light .icon__system_warning--primary:active {
542
+ .light .icon__system_warning--primary:active {
350
543
  --icon-path: url("../assets/icons/.generated/system/light/warning.svg#primary-active");
351
544
  }
352
- .light .icon__system_warning--primary-disabled, .light .icon__system_warning--primary:disabled {
545
+ .light .icon__system_warning--primary:disabled {
353
546
  --icon-path: url("../assets/icons/.generated/system/light/warning.svg#primary-disabled");
354
547
  }
355
- .light .icon__system_warning--on-primary {
356
- --icon-path: url("../assets/icons/.generated/system/light/warning.svg#on-primary");
357
- }
358
- .light .icon__system_warning--on-primary-hover, .light .icon__system_warning--on-primary:hover {
548
+ .light .icon__system_warning--on-primary:hover {
359
549
  --icon-path: url("../assets/icons/.generated/system/light/warning.svg#on-primary-hover");
360
550
  }
361
- .light .icon__system_warning--on-primary-active, .light .icon__system_warning--on-primary:active {
551
+ .light .icon__system_warning--on-primary:active {
362
552
  --icon-path: url("../assets/icons/.generated/system/light/warning.svg#on-primary-active");
363
553
  }
364
- .light .icon__system_warning--on-disabled {
365
- --icon-path: url("../assets/icons/.generated/system/light/warning.svg#on-disabled");
366
- }
367
- .light .icon__system_warning--neutral {
368
- --icon-path: url("../assets/icons/.generated/system/light/warning.svg#neutral");
369
- }
370
- .light .icon__system_user--primary {
371
- --icon-path: url("../assets/icons/.generated/system/light/user.svg#primary");
372
- }
373
- .light .icon__system_user--primary-hover, .light .icon__system_user--primary:hover {
554
+ .light .icon__system_user--primary:hover {
374
555
  --icon-path: url("../assets/icons/.generated/system/light/user.svg#primary-hover");
375
556
  }
376
- .light .icon__system_user--primary-active, .light .icon__system_user--primary:active {
557
+ .light .icon__system_user--primary:active {
377
558
  --icon-path: url("../assets/icons/.generated/system/light/user.svg#primary-active");
378
559
  }
379
- .light .icon__system_user--primary-disabled, .light .icon__system_user--primary:disabled {
560
+ .light .icon__system_user--primary:disabled {
380
561
  --icon-path: url("../assets/icons/.generated/system/light/user.svg#primary-disabled");
381
562
  }
382
- .light .icon__system_user--on-primary {
383
- --icon-path: url("../assets/icons/.generated/system/light/user.svg#on-primary");
384
- }
385
- .light .icon__system_user--on-primary-hover, .light .icon__system_user--on-primary:hover {
563
+ .light .icon__system_user--on-primary:hover {
386
564
  --icon-path: url("../assets/icons/.generated/system/light/user.svg#on-primary-hover");
387
565
  }
388
- .light .icon__system_user--on-primary-active, .light .icon__system_user--on-primary:active {
566
+ .light .icon__system_user--on-primary:active {
389
567
  --icon-path: url("../assets/icons/.generated/system/light/user.svg#on-primary-active");
390
568
  }
391
- .light .icon__system_user--on-disabled {
392
- --icon-path: url("../assets/icons/.generated/system/light/user.svg#on-disabled");
393
- }
394
- .light .icon__system_user--neutral {
395
- --icon-path: url("../assets/icons/.generated/system/light/user.svg#neutral");
396
- }
397
- .light .icon__system_tools--primary {
398
- --icon-path: url("../assets/icons/.generated/system/light/tools.svg#primary");
399
- }
400
- .light .icon__system_tools--primary-hover, .light .icon__system_tools--primary:hover {
569
+ .light .icon__system_tools--primary:hover {
401
570
  --icon-path: url("../assets/icons/.generated/system/light/tools.svg#primary-hover");
402
571
  }
403
- .light .icon__system_tools--primary-active, .light .icon__system_tools--primary:active {
572
+ .light .icon__system_tools--primary:active {
404
573
  --icon-path: url("../assets/icons/.generated/system/light/tools.svg#primary-active");
405
574
  }
406
- .light .icon__system_tools--primary-disabled, .light .icon__system_tools--primary:disabled {
575
+ .light .icon__system_tools--primary:disabled {
407
576
  --icon-path: url("../assets/icons/.generated/system/light/tools.svg#primary-disabled");
408
577
  }
409
- .light .icon__system_tools--on-primary {
410
- --icon-path: url("../assets/icons/.generated/system/light/tools.svg#on-primary");
411
- }
412
- .light .icon__system_tools--on-primary-hover, .light .icon__system_tools--on-primary:hover {
578
+ .light .icon__system_tools--on-primary:hover {
413
579
  --icon-path: url("../assets/icons/.generated/system/light/tools.svg#on-primary-hover");
414
580
  }
415
- .light .icon__system_tools--on-primary-active, .light .icon__system_tools--on-primary:active {
581
+ .light .icon__system_tools--on-primary:active {
416
582
  --icon-path: url("../assets/icons/.generated/system/light/tools.svg#on-primary-active");
417
583
  }
418
- .light .icon__system_tools--on-disabled {
419
- --icon-path: url("../assets/icons/.generated/system/light/tools.svg#on-disabled");
420
- }
421
- .light .icon__system_tools--neutral {
422
- --icon-path: url("../assets/icons/.generated/system/light/tools.svg#neutral");
423
- }
424
- .light .icon__system_time--primary {
425
- --icon-path: url("../assets/icons/.generated/system/light/time.svg#primary");
426
- }
427
- .light .icon__system_time--primary-hover, .light .icon__system_time--primary:hover {
584
+ .light .icon__system_time--primary:hover {
428
585
  --icon-path: url("../assets/icons/.generated/system/light/time.svg#primary-hover");
429
586
  }
430
- .light .icon__system_time--primary-active, .light .icon__system_time--primary:active {
587
+ .light .icon__system_time--primary:active {
431
588
  --icon-path: url("../assets/icons/.generated/system/light/time.svg#primary-active");
432
589
  }
433
- .light .icon__system_time--primary-disabled, .light .icon__system_time--primary:disabled {
590
+ .light .icon__system_time--primary:disabled {
434
591
  --icon-path: url("../assets/icons/.generated/system/light/time.svg#primary-disabled");
435
592
  }
436
- .light .icon__system_time--on-primary {
437
- --icon-path: url("../assets/icons/.generated/system/light/time.svg#on-primary");
438
- }
439
- .light .icon__system_time--on-primary-hover, .light .icon__system_time--on-primary:hover {
593
+ .light .icon__system_time--on-primary:hover {
440
594
  --icon-path: url("../assets/icons/.generated/system/light/time.svg#on-primary-hover");
441
595
  }
442
- .light .icon__system_time--on-primary-active, .light .icon__system_time--on-primary:active {
596
+ .light .icon__system_time--on-primary:active {
443
597
  --icon-path: url("../assets/icons/.generated/system/light/time.svg#on-primary-active");
444
598
  }
445
- .light .icon__system_time--on-disabled {
446
- --icon-path: url("../assets/icons/.generated/system/light/time.svg#on-disabled");
447
- }
448
- .light .icon__system_time--neutral {
449
- --icon-path: url("../assets/icons/.generated/system/light/time.svg#neutral");
450
- }
451
- .light .icon__system_thunder--primary {
452
- --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#primary");
453
- }
454
- .light .icon__system_thunder--primary-hover, .light .icon__system_thunder--primary:hover {
599
+ .light .icon__system_thunder--primary:hover {
455
600
  --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#primary-hover");
456
601
  }
457
- .light .icon__system_thunder--primary-active, .light .icon__system_thunder--primary:active {
602
+ .light .icon__system_thunder--primary:active {
458
603
  --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#primary-active");
459
604
  }
460
- .light .icon__system_thunder--primary-disabled, .light .icon__system_thunder--primary:disabled {
605
+ .light .icon__system_thunder--primary:disabled {
461
606
  --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#primary-disabled");
462
607
  }
463
- .light .icon__system_thunder--on-primary {
464
- --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#on-primary");
465
- }
466
- .light .icon__system_thunder--on-primary-hover, .light .icon__system_thunder--on-primary:hover {
608
+ .light .icon__system_thunder--on-primary:hover {
467
609
  --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#on-primary-hover");
468
610
  }
469
- .light .icon__system_thunder--on-primary-active, .light .icon__system_thunder--on-primary:active {
611
+ .light .icon__system_thunder--on-primary:active {
470
612
  --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#on-primary-active");
471
613
  }
472
- .light .icon__system_thunder--on-disabled {
473
- --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#on-disabled");
474
- }
475
- .light .icon__system_thunder--neutral {
476
- --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#neutral");
477
- }
478
- .light .icon__system_show--primary {
479
- --icon-path: url("../assets/icons/.generated/system/light/show.svg#primary");
480
- }
481
- .light .icon__system_show--primary-hover, .light .icon__system_show--primary:hover {
614
+ .light .icon__system_show--primary:hover {
482
615
  --icon-path: url("../assets/icons/.generated/system/light/show.svg#primary-hover");
483
616
  }
484
- .light .icon__system_show--primary-active, .light .icon__system_show--primary:active {
617
+ .light .icon__system_show--primary:active {
485
618
  --icon-path: url("../assets/icons/.generated/system/light/show.svg#primary-active");
486
619
  }
487
- .light .icon__system_show--primary-disabled, .light .icon__system_show--primary:disabled {
620
+ .light .icon__system_show--primary:disabled {
488
621
  --icon-path: url("../assets/icons/.generated/system/light/show.svg#primary-disabled");
489
622
  }
490
- .light .icon__system_show--on-primary {
491
- --icon-path: url("../assets/icons/.generated/system/light/show.svg#on-primary");
492
- }
493
- .light .icon__system_show--on-primary-hover, .light .icon__system_show--on-primary:hover {
623
+ .light .icon__system_show--on-primary:hover {
494
624
  --icon-path: url("../assets/icons/.generated/system/light/show.svg#on-primary-hover");
495
625
  }
496
- .light .icon__system_show--on-primary-active, .light .icon__system_show--on-primary:active {
626
+ .light .icon__system_show--on-primary:active {
497
627
  --icon-path: url("../assets/icons/.generated/system/light/show.svg#on-primary-active");
498
628
  }
499
- .light .icon__system_show--on-disabled {
500
- --icon-path: url("../assets/icons/.generated/system/light/show.svg#on-disabled");
501
- }
502
- .light .icon__system_show--neutral {
503
- --icon-path: url("../assets/icons/.generated/system/light/show.svg#neutral");
504
- }
505
- .light .icon__system_settings--primary {
506
- --icon-path: url("../assets/icons/.generated/system/light/settings.svg#primary");
507
- }
508
- .light .icon__system_settings--primary-hover, .light .icon__system_settings--primary:hover {
629
+ .light .icon__system_settings--primary:hover {
509
630
  --icon-path: url("../assets/icons/.generated/system/light/settings.svg#primary-hover");
510
631
  }
511
- .light .icon__system_settings--primary-active, .light .icon__system_settings--primary:active {
632
+ .light .icon__system_settings--primary:active {
512
633
  --icon-path: url("../assets/icons/.generated/system/light/settings.svg#primary-active");
513
634
  }
514
- .light .icon__system_settings--primary-disabled, .light .icon__system_settings--primary:disabled {
635
+ .light .icon__system_settings--primary:disabled {
515
636
  --icon-path: url("../assets/icons/.generated/system/light/settings.svg#primary-disabled");
516
637
  }
517
- .light .icon__system_settings--on-primary {
518
- --icon-path: url("../assets/icons/.generated/system/light/settings.svg#on-primary");
519
- }
520
- .light .icon__system_settings--on-primary-hover, .light .icon__system_settings--on-primary:hover {
638
+ .light .icon__system_settings--on-primary:hover {
521
639
  --icon-path: url("../assets/icons/.generated/system/light/settings.svg#on-primary-hover");
522
640
  }
523
- .light .icon__system_settings--on-primary-active, .light .icon__system_settings--on-primary:active {
641
+ .light .icon__system_settings--on-primary:active {
524
642
  --icon-path: url("../assets/icons/.generated/system/light/settings.svg#on-primary-active");
525
643
  }
526
- .light .icon__system_settings--on-disabled {
527
- --icon-path: url("../assets/icons/.generated/system/light/settings.svg#on-disabled");
528
- }
529
- .light .icon__system_settings--neutral {
530
- --icon-path: url("../assets/icons/.generated/system/light/settings.svg#neutral");
531
- }
532
- .light .icon__system_search--primary {
533
- --icon-path: url("../assets/icons/.generated/system/light/search.svg#primary");
534
- }
535
- .light .icon__system_search--primary-hover, .light .icon__system_search--primary:hover {
644
+ .light .icon__system_search--primary:hover {
536
645
  --icon-path: url("../assets/icons/.generated/system/light/search.svg#primary-hover");
537
646
  }
538
- .light .icon__system_search--primary-active, .light .icon__system_search--primary:active {
647
+ .light .icon__system_search--primary:active {
539
648
  --icon-path: url("../assets/icons/.generated/system/light/search.svg#primary-active");
540
649
  }
541
- .light .icon__system_search--primary-disabled, .light .icon__system_search--primary:disabled {
650
+ .light .icon__system_search--primary:disabled {
542
651
  --icon-path: url("../assets/icons/.generated/system/light/search.svg#primary-disabled");
543
652
  }
544
- .light .icon__system_search--on-primary {
545
- --icon-path: url("../assets/icons/.generated/system/light/search.svg#on-primary");
546
- }
547
- .light .icon__system_search--on-primary-hover, .light .icon__system_search--on-primary:hover {
653
+ .light .icon__system_search--on-primary:hover {
548
654
  --icon-path: url("../assets/icons/.generated/system/light/search.svg#on-primary-hover");
549
655
  }
550
- .light .icon__system_search--on-primary-active, .light .icon__system_search--on-primary:active {
656
+ .light .icon__system_search--on-primary:active {
551
657
  --icon-path: url("../assets/icons/.generated/system/light/search.svg#on-primary-active");
552
658
  }
553
- .light .icon__system_search--on-disabled {
554
- --icon-path: url("../assets/icons/.generated/system/light/search.svg#on-disabled");
555
- }
556
- .light .icon__system_search--neutral {
557
- --icon-path: url("../assets/icons/.generated/system/light/search.svg#neutral");
558
- }
559
- .light .icon__system_retry--primary {
560
- --icon-path: url("../assets/icons/.generated/system/light/retry.svg#primary");
561
- }
562
- .light .icon__system_retry--primary-hover, .light .icon__system_retry--primary:hover {
659
+ .light .icon__system_retry--primary:hover {
563
660
  --icon-path: url("../assets/icons/.generated/system/light/retry.svg#primary-hover");
564
661
  }
565
- .light .icon__system_retry--primary-active, .light .icon__system_retry--primary:active {
662
+ .light .icon__system_retry--primary:active {
566
663
  --icon-path: url("../assets/icons/.generated/system/light/retry.svg#primary-active");
567
664
  }
568
- .light .icon__system_retry--primary-disabled, .light .icon__system_retry--primary:disabled {
665
+ .light .icon__system_retry--primary:disabled {
569
666
  --icon-path: url("../assets/icons/.generated/system/light/retry.svg#primary-disabled");
570
667
  }
571
- .light .icon__system_retry--on-primary {
572
- --icon-path: url("../assets/icons/.generated/system/light/retry.svg#on-primary");
573
- }
574
- .light .icon__system_retry--on-primary-hover, .light .icon__system_retry--on-primary:hover {
668
+ .light .icon__system_retry--on-primary:hover {
575
669
  --icon-path: url("../assets/icons/.generated/system/light/retry.svg#on-primary-hover");
576
670
  }
577
- .light .icon__system_retry--on-primary-active, .light .icon__system_retry--on-primary:active {
671
+ .light .icon__system_retry--on-primary:active {
578
672
  --icon-path: url("../assets/icons/.generated/system/light/retry.svg#on-primary-active");
579
673
  }
580
- .light .icon__system_retry--on-disabled {
581
- --icon-path: url("../assets/icons/.generated/system/light/retry.svg#on-disabled");
582
- }
583
- .light .icon__system_retry--neutral {
584
- --icon-path: url("../assets/icons/.generated/system/light/retry.svg#neutral");
585
- }
586
- .light .icon__system_qr-code--primary {
587
- --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#primary");
588
- }
589
- .light .icon__system_qr-code--primary-hover, .light .icon__system_qr-code--primary:hover {
674
+ .light .icon__system_qr-code--primary:hover {
590
675
  --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#primary-hover");
591
676
  }
592
- .light .icon__system_qr-code--primary-active, .light .icon__system_qr-code--primary:active {
677
+ .light .icon__system_qr-code--primary:active {
593
678
  --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#primary-active");
594
679
  }
595
- .light .icon__system_qr-code--primary-disabled, .light .icon__system_qr-code--primary:disabled {
680
+ .light .icon__system_qr-code--primary:disabled {
596
681
  --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#primary-disabled");
597
682
  }
598
- .light .icon__system_qr-code--on-primary {
599
- --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#on-primary");
600
- }
601
- .light .icon__system_qr-code--on-primary-hover, .light .icon__system_qr-code--on-primary:hover {
683
+ .light .icon__system_qr-code--on-primary:hover {
602
684
  --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#on-primary-hover");
603
685
  }
604
- .light .icon__system_qr-code--on-primary-active, .light .icon__system_qr-code--on-primary:active {
686
+ .light .icon__system_qr-code--on-primary:active {
605
687
  --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#on-primary-active");
606
688
  }
607
- .light .icon__system_qr-code--on-disabled {
608
- --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#on-disabled");
609
- }
610
- .light .icon__system_qr-code--neutral {
611
- --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#neutral");
612
- }
613
- .light .icon__system_order-numberically--primary {
614
- --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#primary");
615
- }
616
- .light .icon__system_order-numberically--primary-hover, .light .icon__system_order-numberically--primary:hover {
689
+ .light .icon__system_order-numberically--primary:hover {
617
690
  --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#primary-hover");
618
691
  }
619
- .light .icon__system_order-numberically--primary-active, .light .icon__system_order-numberically--primary:active {
692
+ .light .icon__system_order-numberically--primary:active {
620
693
  --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#primary-active");
621
694
  }
622
- .light .icon__system_order-numberically--primary-disabled, .light .icon__system_order-numberically--primary:disabled {
695
+ .light .icon__system_order-numberically--primary:disabled {
623
696
  --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#primary-disabled");
624
697
  }
625
- .light .icon__system_order-numberically--on-primary {
626
- --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#on-primary");
627
- }
628
- .light .icon__system_order-numberically--on-primary-hover, .light .icon__system_order-numberically--on-primary:hover {
698
+ .light .icon__system_order-numberically--on-primary:hover {
629
699
  --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#on-primary-hover");
630
700
  }
631
- .light .icon__system_order-numberically--on-primary-active, .light .icon__system_order-numberically--on-primary:active {
701
+ .light .icon__system_order-numberically--on-primary:active {
632
702
  --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#on-primary-active");
633
703
  }
634
- .light .icon__system_order-numberically--on-disabled {
635
- --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#on-disabled");
636
- }
637
- .light .icon__system_order-numberically--neutral {
638
- --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#neutral");
639
- }
640
- .light .icon__system_news--primary {
641
- --icon-path: url("../assets/icons/.generated/system/light/news.svg#primary");
642
- }
643
- .light .icon__system_news--primary-hover, .light .icon__system_news--primary:hover {
704
+ .light .icon__system_news--primary:hover {
644
705
  --icon-path: url("../assets/icons/.generated/system/light/news.svg#primary-hover");
645
706
  }
646
- .light .icon__system_news--primary-active, .light .icon__system_news--primary:active {
707
+ .light .icon__system_news--primary:active {
647
708
  --icon-path: url("../assets/icons/.generated/system/light/news.svg#primary-active");
648
709
  }
649
- .light .icon__system_news--primary-disabled, .light .icon__system_news--primary:disabled {
710
+ .light .icon__system_news--primary:disabled {
650
711
  --icon-path: url("../assets/icons/.generated/system/light/news.svg#primary-disabled");
651
712
  }
652
- .light .icon__system_news--on-primary {
653
- --icon-path: url("../assets/icons/.generated/system/light/news.svg#on-primary");
654
- }
655
- .light .icon__system_news--on-primary-hover, .light .icon__system_news--on-primary:hover {
713
+ .light .icon__system_news--on-primary:hover {
656
714
  --icon-path: url("../assets/icons/.generated/system/light/news.svg#on-primary-hover");
657
715
  }
658
- .light .icon__system_news--on-primary-active, .light .icon__system_news--on-primary:active {
716
+ .light .icon__system_news--on-primary:active {
659
717
  --icon-path: url("../assets/icons/.generated/system/light/news.svg#on-primary-active");
660
718
  }
661
- .light .icon__system_news--on-disabled {
662
- --icon-path: url("../assets/icons/.generated/system/light/news.svg#on-disabled");
663
- }
664
- .light .icon__system_news--neutral {
665
- --icon-path: url("../assets/icons/.generated/system/light/news.svg#neutral");
666
- }
667
- .light .icon__system_more-options-vertical--primary {
668
- --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#primary");
669
- }
670
- .light .icon__system_more-options-vertical--primary-hover, .light .icon__system_more-options-vertical--primary:hover {
719
+ .light .icon__system_more-options-vertical--primary:hover {
671
720
  --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#primary-hover");
672
721
  }
673
- .light .icon__system_more-options-vertical--primary-active, .light .icon__system_more-options-vertical--primary:active {
722
+ .light .icon__system_more-options-vertical--primary:active {
674
723
  --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#primary-active");
675
724
  }
676
- .light .icon__system_more-options-vertical--primary-disabled, .light .icon__system_more-options-vertical--primary:disabled {
725
+ .light .icon__system_more-options-vertical--primary:disabled {
677
726
  --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#primary-disabled");
678
727
  }
679
- .light .icon__system_more-options-vertical--on-primary {
680
- --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#on-primary");
681
- }
682
- .light .icon__system_more-options-vertical--on-primary-hover, .light .icon__system_more-options-vertical--on-primary:hover {
728
+ .light .icon__system_more-options-vertical--on-primary:hover {
683
729
  --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#on-primary-hover");
684
730
  }
685
- .light .icon__system_more-options-vertical--on-primary-active, .light .icon__system_more-options-vertical--on-primary:active {
731
+ .light .icon__system_more-options-vertical--on-primary:active {
686
732
  --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#on-primary-active");
687
733
  }
688
- .light .icon__system_more-options-vertical--on-disabled {
689
- --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#on-disabled");
690
- }
691
- .light .icon__system_more-options-vertical--neutral {
692
- --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#neutral");
693
- }
694
- .light .icon__system_mail--primary {
695
- --icon-path: url("../assets/icons/.generated/system/light/mail.svg#primary");
696
- }
697
- .light .icon__system_mail--primary-hover, .light .icon__system_mail--primary:hover {
734
+ .light .icon__system_mail--primary:hover {
698
735
  --icon-path: url("../assets/icons/.generated/system/light/mail.svg#primary-hover");
699
736
  }
700
- .light .icon__system_mail--primary-active, .light .icon__system_mail--primary:active {
737
+ .light .icon__system_mail--primary:active {
701
738
  --icon-path: url("../assets/icons/.generated/system/light/mail.svg#primary-active");
702
739
  }
703
- .light .icon__system_mail--primary-disabled, .light .icon__system_mail--primary:disabled {
740
+ .light .icon__system_mail--primary:disabled {
704
741
  --icon-path: url("../assets/icons/.generated/system/light/mail.svg#primary-disabled");
705
742
  }
706
- .light .icon__system_mail--on-primary {
707
- --icon-path: url("../assets/icons/.generated/system/light/mail.svg#on-primary");
708
- }
709
- .light .icon__system_mail--on-primary-hover, .light .icon__system_mail--on-primary:hover {
743
+ .light .icon__system_mail--on-primary:hover {
710
744
  --icon-path: url("../assets/icons/.generated/system/light/mail.svg#on-primary-hover");
711
745
  }
712
- .light .icon__system_mail--on-primary-active, .light .icon__system_mail--on-primary:active {
746
+ .light .icon__system_mail--on-primary:active {
713
747
  --icon-path: url("../assets/icons/.generated/system/light/mail.svg#on-primary-active");
714
748
  }
715
- .light .icon__system_mail--on-disabled {
716
- --icon-path: url("../assets/icons/.generated/system/light/mail.svg#on-disabled");
717
- }
718
- .light .icon__system_mail--neutral {
719
- --icon-path: url("../assets/icons/.generated/system/light/mail.svg#neutral");
720
- }
721
- .light .icon__system_logout--primary {
722
- --icon-path: url("../assets/icons/.generated/system/light/logout.svg#primary");
723
- }
724
- .light .icon__system_logout--primary-hover, .light .icon__system_logout--primary:hover {
749
+ .light .icon__system_logout--primary:hover {
725
750
  --icon-path: url("../assets/icons/.generated/system/light/logout.svg#primary-hover");
726
751
  }
727
- .light .icon__system_logout--primary-active, .light .icon__system_logout--primary:active {
752
+ .light .icon__system_logout--primary:active {
728
753
  --icon-path: url("../assets/icons/.generated/system/light/logout.svg#primary-active");
729
754
  }
730
- .light .icon__system_logout--primary-disabled, .light .icon__system_logout--primary:disabled {
755
+ .light .icon__system_logout--primary:disabled {
731
756
  --icon-path: url("../assets/icons/.generated/system/light/logout.svg#primary-disabled");
732
757
  }
733
- .light .icon__system_logout--on-primary {
734
- --icon-path: url("../assets/icons/.generated/system/light/logout.svg#on-primary");
735
- }
736
- .light .icon__system_logout--on-primary-hover, .light .icon__system_logout--on-primary:hover {
758
+ .light .icon__system_logout--on-primary:hover {
737
759
  --icon-path: url("../assets/icons/.generated/system/light/logout.svg#on-primary-hover");
738
760
  }
739
- .light .icon__system_logout--on-primary-active, .light .icon__system_logout--on-primary:active {
761
+ .light .icon__system_logout--on-primary:active {
740
762
  --icon-path: url("../assets/icons/.generated/system/light/logout.svg#on-primary-active");
741
763
  }
742
- .light .icon__system_logout--on-disabled {
743
- --icon-path: url("../assets/icons/.generated/system/light/logout.svg#on-disabled");
744
- }
745
- .light .icon__system_logout--neutral {
746
- --icon-path: url("../assets/icons/.generated/system/light/logout.svg#neutral");
747
- }
748
- .light .icon__system_log-out--primary {
749
- --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#primary");
750
- }
751
- .light .icon__system_log-out--primary-hover, .light .icon__system_log-out--primary:hover {
764
+ .light .icon__system_log-out--primary:hover {
752
765
  --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#primary-hover");
753
766
  }
754
- .light .icon__system_log-out--primary-active, .light .icon__system_log-out--primary:active {
767
+ .light .icon__system_log-out--primary:active {
755
768
  --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#primary-active");
756
769
  }
757
- .light .icon__system_log-out--primary-disabled, .light .icon__system_log-out--primary:disabled {
770
+ .light .icon__system_log-out--primary:disabled {
758
771
  --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#primary-disabled");
759
772
  }
760
- .light .icon__system_log-out--on-primary {
761
- --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#on-primary");
762
- }
763
- .light .icon__system_log-out--on-primary-hover, .light .icon__system_log-out--on-primary:hover {
773
+ .light .icon__system_log-out--on-primary:hover {
764
774
  --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#on-primary-hover");
765
775
  }
766
- .light .icon__system_log-out--on-primary-active, .light .icon__system_log-out--on-primary:active {
776
+ .light .icon__system_log-out--on-primary:active {
767
777
  --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#on-primary-active");
768
778
  }
769
- .light .icon__system_log-out--on-disabled {
770
- --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#on-disabled");
771
- }
772
- .light .icon__system_log-out--neutral {
773
- --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#neutral");
774
- }
775
- .light .icon__system_lock--primary {
776
- --icon-path: url("../assets/icons/.generated/system/light/lock.svg#primary");
777
- }
778
- .light .icon__system_lock--primary-hover, .light .icon__system_lock--primary:hover {
779
+ .light .icon__system_lock--primary:hover {
779
780
  --icon-path: url("../assets/icons/.generated/system/light/lock.svg#primary-hover");
780
781
  }
781
- .light .icon__system_lock--primary-active, .light .icon__system_lock--primary:active {
782
+ .light .icon__system_lock--primary:active {
782
783
  --icon-path: url("../assets/icons/.generated/system/light/lock.svg#primary-active");
783
784
  }
784
- .light .icon__system_lock--primary-disabled, .light .icon__system_lock--primary:disabled {
785
+ .light .icon__system_lock--primary:disabled {
785
786
  --icon-path: url("../assets/icons/.generated/system/light/lock.svg#primary-disabled");
786
787
  }
787
- .light .icon__system_lock--on-primary {
788
- --icon-path: url("../assets/icons/.generated/system/light/lock.svg#on-primary");
789
- }
790
- .light .icon__system_lock--on-primary-hover, .light .icon__system_lock--on-primary:hover {
788
+ .light .icon__system_lock--on-primary:hover {
791
789
  --icon-path: url("../assets/icons/.generated/system/light/lock.svg#on-primary-hover");
792
790
  }
793
- .light .icon__system_lock--on-primary-active, .light .icon__system_lock--on-primary:active {
791
+ .light .icon__system_lock--on-primary:active {
794
792
  --icon-path: url("../assets/icons/.generated/system/light/lock.svg#on-primary-active");
795
793
  }
796
- .light .icon__system_lock--on-disabled {
797
- --icon-path: url("../assets/icons/.generated/system/light/lock.svg#on-disabled");
798
- }
799
- .light .icon__system_lock--neutral {
800
- --icon-path: url("../assets/icons/.generated/system/light/lock.svg#neutral");
801
- }
802
- .light .icon__system_list--primary {
803
- --icon-path: url("../assets/icons/.generated/system/light/list.svg#primary");
804
- }
805
- .light .icon__system_list--primary-hover, .light .icon__system_list--primary:hover {
794
+ .light .icon__system_list--primary:hover {
806
795
  --icon-path: url("../assets/icons/.generated/system/light/list.svg#primary-hover");
807
796
  }
808
- .light .icon__system_list--primary-active, .light .icon__system_list--primary:active {
797
+ .light .icon__system_list--primary:active {
809
798
  --icon-path: url("../assets/icons/.generated/system/light/list.svg#primary-active");
810
799
  }
811
- .light .icon__system_list--primary-disabled, .light .icon__system_list--primary:disabled {
800
+ .light .icon__system_list--primary:disabled {
812
801
  --icon-path: url("../assets/icons/.generated/system/light/list.svg#primary-disabled");
813
802
  }
814
- .light .icon__system_list--on-primary {
815
- --icon-path: url("../assets/icons/.generated/system/light/list.svg#on-primary");
816
- }
817
- .light .icon__system_list--on-primary-hover, .light .icon__system_list--on-primary:hover {
803
+ .light .icon__system_list--on-primary:hover {
818
804
  --icon-path: url("../assets/icons/.generated/system/light/list.svg#on-primary-hover");
819
805
  }
820
- .light .icon__system_list--on-primary-active, .light .icon__system_list--on-primary:active {
806
+ .light .icon__system_list--on-primary:active {
821
807
  --icon-path: url("../assets/icons/.generated/system/light/list.svg#on-primary-active");
822
808
  }
823
- .light .icon__system_list--on-disabled {
824
- --icon-path: url("../assets/icons/.generated/system/light/list.svg#on-disabled");
825
- }
826
- .light .icon__system_list--neutral {
827
- --icon-path: url("../assets/icons/.generated/system/light/list.svg#neutral");
828
- }
829
- .light .icon__system_link--primary {
830
- --icon-path: url("../assets/icons/.generated/system/light/link.svg#primary");
831
- }
832
- .light .icon__system_link--primary-hover, .light .icon__system_link--primary:hover {
809
+ .light .icon__system_link--primary:hover {
833
810
  --icon-path: url("../assets/icons/.generated/system/light/link.svg#primary-hover");
834
811
  }
835
- .light .icon__system_link--primary-active, .light .icon__system_link--primary:active {
812
+ .light .icon__system_link--primary:active {
836
813
  --icon-path: url("../assets/icons/.generated/system/light/link.svg#primary-active");
837
814
  }
838
- .light .icon__system_link--primary-disabled, .light .icon__system_link--primary:disabled {
815
+ .light .icon__system_link--primary:disabled {
839
816
  --icon-path: url("../assets/icons/.generated/system/light/link.svg#primary-disabled");
840
817
  }
841
- .light .icon__system_link--on-primary {
842
- --icon-path: url("../assets/icons/.generated/system/light/link.svg#on-primary");
843
- }
844
- .light .icon__system_link--on-primary-hover, .light .icon__system_link--on-primary:hover {
818
+ .light .icon__system_link--on-primary:hover {
845
819
  --icon-path: url("../assets/icons/.generated/system/light/link.svg#on-primary-hover");
846
820
  }
847
- .light .icon__system_link--on-primary-active, .light .icon__system_link--on-primary:active {
821
+ .light .icon__system_link--on-primary:active {
848
822
  --icon-path: url("../assets/icons/.generated/system/light/link.svg#on-primary-active");
849
823
  }
850
- .light .icon__system_link--on-disabled {
851
- --icon-path: url("../assets/icons/.generated/system/light/link.svg#on-disabled");
852
- }
853
- .light .icon__system_link--neutral {
854
- --icon-path: url("../assets/icons/.generated/system/light/link.svg#neutral");
855
- }
856
- .light .icon__system_link-variant--primary {
857
- --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#primary");
858
- }
859
- .light .icon__system_link-variant--primary-hover, .light .icon__system_link-variant--primary:hover {
824
+ .light .icon__system_link-variant--primary:hover {
860
825
  --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#primary-hover");
861
826
  }
862
- .light .icon__system_link-variant--primary-active, .light .icon__system_link-variant--primary:active {
827
+ .light .icon__system_link-variant--primary:active {
863
828
  --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#primary-active");
864
829
  }
865
- .light .icon__system_link-variant--primary-disabled, .light .icon__system_link-variant--primary:disabled {
830
+ .light .icon__system_link-variant--primary:disabled {
866
831
  --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#primary-disabled");
867
832
  }
868
- .light .icon__system_link-variant--on-primary {
869
- --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#on-primary");
870
- }
871
- .light .icon__system_link-variant--on-primary-hover, .light .icon__system_link-variant--on-primary:hover {
833
+ .light .icon__system_link-variant--on-primary:hover {
872
834
  --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#on-primary-hover");
873
835
  }
874
- .light .icon__system_link-variant--on-primary-active, .light .icon__system_link-variant--on-primary:active {
836
+ .light .icon__system_link-variant--on-primary:active {
875
837
  --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#on-primary-active");
876
838
  }
877
- .light .icon__system_link-variant--on-disabled {
878
- --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#on-disabled");
879
- }
880
- .light .icon__system_link-variant--neutral {
881
- --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#neutral");
882
- }
883
- .light .icon__system_home--primary {
884
- --icon-path: url("../assets/icons/.generated/system/light/home.svg#primary");
885
- }
886
- .light .icon__system_home--primary-hover, .light .icon__system_home--primary:hover {
839
+ .light .icon__system_home--primary:hover {
887
840
  --icon-path: url("../assets/icons/.generated/system/light/home.svg#primary-hover");
888
841
  }
889
- .light .icon__system_home--primary-active, .light .icon__system_home--primary:active {
842
+ .light .icon__system_home--primary:active {
890
843
  --icon-path: url("../assets/icons/.generated/system/light/home.svg#primary-active");
891
844
  }
892
- .light .icon__system_home--primary-disabled, .light .icon__system_home--primary:disabled {
845
+ .light .icon__system_home--primary:disabled {
893
846
  --icon-path: url("../assets/icons/.generated/system/light/home.svg#primary-disabled");
894
847
  }
895
- .light .icon__system_home--on-primary {
896
- --icon-path: url("../assets/icons/.generated/system/light/home.svg#on-primary");
897
- }
898
- .light .icon__system_home--on-primary-hover, .light .icon__system_home--on-primary:hover {
848
+ .light .icon__system_home--on-primary:hover {
899
849
  --icon-path: url("../assets/icons/.generated/system/light/home.svg#on-primary-hover");
900
850
  }
901
- .light .icon__system_home--on-primary-active, .light .icon__system_home--on-primary:active {
851
+ .light .icon__system_home--on-primary:active {
902
852
  --icon-path: url("../assets/icons/.generated/system/light/home.svg#on-primary-active");
903
853
  }
904
- .light .icon__system_home--on-disabled {
905
- --icon-path: url("../assets/icons/.generated/system/light/home.svg#on-disabled");
906
- }
907
- .light .icon__system_home--neutral {
908
- --icon-path: url("../assets/icons/.generated/system/light/home.svg#neutral");
909
- }
910
- .light .icon__system_grid--primary {
911
- --icon-path: url("../assets/icons/.generated/system/light/grid.svg#primary");
912
- }
913
- .light .icon__system_grid--primary-hover, .light .icon__system_grid--primary:hover {
854
+ .light .icon__system_grid--primary:hover {
914
855
  --icon-path: url("../assets/icons/.generated/system/light/grid.svg#primary-hover");
915
856
  }
916
- .light .icon__system_grid--primary-active, .light .icon__system_grid--primary:active {
857
+ .light .icon__system_grid--primary:active {
917
858
  --icon-path: url("../assets/icons/.generated/system/light/grid.svg#primary-active");
918
859
  }
919
- .light .icon__system_grid--primary-disabled, .light .icon__system_grid--primary:disabled {
860
+ .light .icon__system_grid--primary:disabled {
920
861
  --icon-path: url("../assets/icons/.generated/system/light/grid.svg#primary-disabled");
921
862
  }
922
- .light .icon__system_grid--on-primary {
923
- --icon-path: url("../assets/icons/.generated/system/light/grid.svg#on-primary");
924
- }
925
- .light .icon__system_grid--on-primary-hover, .light .icon__system_grid--on-primary:hover {
863
+ .light .icon__system_grid--on-primary:hover {
926
864
  --icon-path: url("../assets/icons/.generated/system/light/grid.svg#on-primary-hover");
927
865
  }
928
- .light .icon__system_grid--on-primary-active, .light .icon__system_grid--on-primary:active {
866
+ .light .icon__system_grid--on-primary:active {
929
867
  --icon-path: url("../assets/icons/.generated/system/light/grid.svg#on-primary-active");
930
868
  }
931
- .light .icon__system_grid--on-disabled {
932
- --icon-path: url("../assets/icons/.generated/system/light/grid.svg#on-disabled");
933
- }
934
- .light .icon__system_grid--neutral {
935
- --icon-path: url("../assets/icons/.generated/system/light/grid.svg#neutral");
936
- }
937
- .light .icon__system_filters--primary {
938
- --icon-path: url("../assets/icons/.generated/system/light/filters.svg#primary");
939
- }
940
- .light .icon__system_filters--primary-hover, .light .icon__system_filters--primary:hover {
869
+ .light .icon__system_filters--primary:hover {
941
870
  --icon-path: url("../assets/icons/.generated/system/light/filters.svg#primary-hover");
942
871
  }
943
- .light .icon__system_filters--primary-active, .light .icon__system_filters--primary:active {
872
+ .light .icon__system_filters--primary:active {
944
873
  --icon-path: url("../assets/icons/.generated/system/light/filters.svg#primary-active");
945
874
  }
946
- .light .icon__system_filters--primary-disabled, .light .icon__system_filters--primary:disabled {
875
+ .light .icon__system_filters--primary:disabled {
947
876
  --icon-path: url("../assets/icons/.generated/system/light/filters.svg#primary-disabled");
948
877
  }
949
- .light .icon__system_filters--on-primary {
950
- --icon-path: url("../assets/icons/.generated/system/light/filters.svg#on-primary");
951
- }
952
- .light .icon__system_filters--on-primary-hover, .light .icon__system_filters--on-primary:hover {
878
+ .light .icon__system_filters--on-primary:hover {
953
879
  --icon-path: url("../assets/icons/.generated/system/light/filters.svg#on-primary-hover");
954
880
  }
955
- .light .icon__system_filters--on-primary-active, .light .icon__system_filters--on-primary:active {
881
+ .light .icon__system_filters--on-primary:active {
956
882
  --icon-path: url("../assets/icons/.generated/system/light/filters.svg#on-primary-active");
957
883
  }
958
- .light .icon__system_filters--on-disabled {
959
- --icon-path: url("../assets/icons/.generated/system/light/filters.svg#on-disabled");
960
- }
961
- .light .icon__system_filters--neutral {
962
- --icon-path: url("../assets/icons/.generated/system/light/filters.svg#neutral");
963
- }
964
- .light .icon__system_expand--primary {
965
- --icon-path: url("../assets/icons/.generated/system/light/expand.svg#primary");
966
- }
967
- .light .icon__system_expand--primary-hover, .light .icon__system_expand--primary:hover {
884
+ .light .icon__system_expand--primary:hover {
968
885
  --icon-path: url("../assets/icons/.generated/system/light/expand.svg#primary-hover");
969
886
  }
970
- .light .icon__system_expand--primary-active, .light .icon__system_expand--primary:active {
887
+ .light .icon__system_expand--primary:active {
971
888
  --icon-path: url("../assets/icons/.generated/system/light/expand.svg#primary-active");
972
889
  }
973
- .light .icon__system_expand--primary-disabled, .light .icon__system_expand--primary:disabled {
890
+ .light .icon__system_expand--primary:disabled {
974
891
  --icon-path: url("../assets/icons/.generated/system/light/expand.svg#primary-disabled");
975
892
  }
976
- .light .icon__system_expand--on-primary {
977
- --icon-path: url("../assets/icons/.generated/system/light/expand.svg#on-primary");
978
- }
979
- .light .icon__system_expand--on-primary-hover, .light .icon__system_expand--on-primary:hover {
893
+ .light .icon__system_expand--on-primary:hover {
980
894
  --icon-path: url("../assets/icons/.generated/system/light/expand.svg#on-primary-hover");
981
895
  }
982
- .light .icon__system_expand--on-primary-active, .light .icon__system_expand--on-primary:active {
896
+ .light .icon__system_expand--on-primary:active {
983
897
  --icon-path: url("../assets/icons/.generated/system/light/expand.svg#on-primary-active");
984
898
  }
985
- .light .icon__system_expand--on-disabled {
986
- --icon-path: url("../assets/icons/.generated/system/light/expand.svg#on-disabled");
987
- }
988
- .light .icon__system_expand--neutral {
989
- --icon-path: url("../assets/icons/.generated/system/light/expand.svg#neutral");
990
- }
991
- .light .icon__system_drag--primary {
992
- --icon-path: url("../assets/icons/.generated/system/light/drag.svg#primary");
993
- }
994
- .light .icon__system_drag--primary-hover, .light .icon__system_drag--primary:hover {
899
+ .light .icon__system_drag--primary:hover {
995
900
  --icon-path: url("../assets/icons/.generated/system/light/drag.svg#primary-hover");
996
901
  }
997
- .light .icon__system_drag--primary-active, .light .icon__system_drag--primary:active {
902
+ .light .icon__system_drag--primary:active {
998
903
  --icon-path: url("../assets/icons/.generated/system/light/drag.svg#primary-active");
999
904
  }
1000
- .light .icon__system_drag--primary-disabled, .light .icon__system_drag--primary:disabled {
905
+ .light .icon__system_drag--primary:disabled {
1001
906
  --icon-path: url("../assets/icons/.generated/system/light/drag.svg#primary-disabled");
1002
907
  }
1003
- .light .icon__system_drag--on-primary {
1004
- --icon-path: url("../assets/icons/.generated/system/light/drag.svg#on-primary");
1005
- }
1006
- .light .icon__system_drag--on-primary-hover, .light .icon__system_drag--on-primary:hover {
908
+ .light .icon__system_drag--on-primary:hover {
1007
909
  --icon-path: url("../assets/icons/.generated/system/light/drag.svg#on-primary-hover");
1008
910
  }
1009
- .light .icon__system_drag--on-primary-active, .light .icon__system_drag--on-primary:active {
911
+ .light .icon__system_drag--on-primary:active {
1010
912
  --icon-path: url("../assets/icons/.generated/system/light/drag.svg#on-primary-active");
1011
913
  }
1012
- .light .icon__system_drag--on-disabled {
1013
- --icon-path: url("../assets/icons/.generated/system/light/drag.svg#on-disabled");
1014
- }
1015
- .light .icon__system_drag--neutral {
1016
- --icon-path: url("../assets/icons/.generated/system/light/drag.svg#neutral");
1017
- }
1018
- .light .icon__system_download--primary {
1019
- --icon-path: url("../assets/icons/.generated/system/light/download.svg#primary");
1020
- }
1021
- .light .icon__system_download--primary-hover, .light .icon__system_download--primary:hover {
914
+ .light .icon__system_download--primary:hover {
1022
915
  --icon-path: url("../assets/icons/.generated/system/light/download.svg#primary-hover");
1023
916
  }
1024
- .light .icon__system_download--primary-active, .light .icon__system_download--primary:active {
917
+ .light .icon__system_download--primary:active {
1025
918
  --icon-path: url("../assets/icons/.generated/system/light/download.svg#primary-active");
1026
919
  }
1027
- .light .icon__system_download--primary-disabled, .light .icon__system_download--primary:disabled {
920
+ .light .icon__system_download--primary:disabled {
1028
921
  --icon-path: url("../assets/icons/.generated/system/light/download.svg#primary-disabled");
1029
922
  }
1030
- .light .icon__system_download--on-primary {
1031
- --icon-path: url("../assets/icons/.generated/system/light/download.svg#on-primary");
1032
- }
1033
- .light .icon__system_download--on-primary-hover, .light .icon__system_download--on-primary:hover {
923
+ .light .icon__system_download--on-primary:hover {
1034
924
  --icon-path: url("../assets/icons/.generated/system/light/download.svg#on-primary-hover");
1035
925
  }
1036
- .light .icon__system_download--on-primary-active, .light .icon__system_download--on-primary:active {
926
+ .light .icon__system_download--on-primary:active {
1037
927
  --icon-path: url("../assets/icons/.generated/system/light/download.svg#on-primary-active");
1038
928
  }
1039
- .light .icon__system_download--on-disabled {
1040
- --icon-path: url("../assets/icons/.generated/system/light/download.svg#on-disabled");
1041
- }
1042
- .light .icon__system_download--neutral {
1043
- --icon-path: url("../assets/icons/.generated/system/light/download.svg#neutral");
1044
- }
1045
- .light .icon__system_database--primary {
1046
- --icon-path: url("../assets/icons/.generated/system/light/database.svg#primary");
1047
- }
1048
- .light .icon__system_database--primary-hover, .light .icon__system_database--primary:hover {
929
+ .light .icon__system_database--primary:hover {
1049
930
  --icon-path: url("../assets/icons/.generated/system/light/database.svg#primary-hover");
1050
931
  }
1051
- .light .icon__system_database--primary-active, .light .icon__system_database--primary:active {
932
+ .light .icon__system_database--primary:active {
1052
933
  --icon-path: url("../assets/icons/.generated/system/light/database.svg#primary-active");
1053
934
  }
1054
- .light .icon__system_database--primary-disabled, .light .icon__system_database--primary:disabled {
935
+ .light .icon__system_database--primary:disabled {
1055
936
  --icon-path: url("../assets/icons/.generated/system/light/database.svg#primary-disabled");
1056
937
  }
1057
- .light .icon__system_database--on-primary {
1058
- --icon-path: url("../assets/icons/.generated/system/light/database.svg#on-primary");
1059
- }
1060
- .light .icon__system_database--on-primary-hover, .light .icon__system_database--on-primary:hover {
938
+ .light .icon__system_database--on-primary:hover {
1061
939
  --icon-path: url("../assets/icons/.generated/system/light/database.svg#on-primary-hover");
1062
940
  }
1063
- .light .icon__system_database--on-primary-active, .light .icon__system_database--on-primary:active {
941
+ .light .icon__system_database--on-primary:active {
1064
942
  --icon-path: url("../assets/icons/.generated/system/light/database.svg#on-primary-active");
1065
943
  }
1066
- .light .icon__system_database--on-disabled {
1067
- --icon-path: url("../assets/icons/.generated/system/light/database.svg#on-disabled");
1068
- }
1069
- .light .icon__system_database--neutral {
1070
- --icon-path: url("../assets/icons/.generated/system/light/database.svg#neutral");
1071
- }
1072
- .light .icon__system_dashboard--primary {
1073
- --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#primary");
1074
- }
1075
- .light .icon__system_dashboard--primary-hover, .light .icon__system_dashboard--primary:hover {
944
+ .light .icon__system_dashboard--primary:hover {
1076
945
  --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#primary-hover");
1077
946
  }
1078
- .light .icon__system_dashboard--primary-active, .light .icon__system_dashboard--primary:active {
947
+ .light .icon__system_dashboard--primary:active {
1079
948
  --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#primary-active");
1080
949
  }
1081
- .light .icon__system_dashboard--primary-disabled, .light .icon__system_dashboard--primary:disabled {
950
+ .light .icon__system_dashboard--primary:disabled {
1082
951
  --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#primary-disabled");
1083
952
  }
1084
- .light .icon__system_dashboard--on-primary {
1085
- --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#on-primary");
1086
- }
1087
- .light .icon__system_dashboard--on-primary-hover, .light .icon__system_dashboard--on-primary:hover {
953
+ .light .icon__system_dashboard--on-primary:hover {
1088
954
  --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#on-primary-hover");
1089
955
  }
1090
- .light .icon__system_dashboard--on-primary-active, .light .icon__system_dashboard--on-primary:active {
956
+ .light .icon__system_dashboard--on-primary:active {
1091
957
  --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#on-primary-active");
1092
958
  }
1093
- .light .icon__system_dashboard--on-disabled {
1094
- --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#on-disabled");
1095
- }
1096
- .light .icon__system_dashboard--neutral {
1097
- --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#neutral");
1098
- }
1099
- .light .icon__system_contact--primary {
1100
- --icon-path: url("../assets/icons/.generated/system/light/contact.svg#primary");
1101
- }
1102
- .light .icon__system_contact--primary-hover, .light .icon__system_contact--primary:hover {
959
+ .light .icon__system_contact--primary:hover {
1103
960
  --icon-path: url("../assets/icons/.generated/system/light/contact.svg#primary-hover");
1104
961
  }
1105
- .light .icon__system_contact--primary-active, .light .icon__system_contact--primary:active {
962
+ .light .icon__system_contact--primary:active {
1106
963
  --icon-path: url("../assets/icons/.generated/system/light/contact.svg#primary-active");
1107
964
  }
1108
- .light .icon__system_contact--primary-disabled, .light .icon__system_contact--primary:disabled {
965
+ .light .icon__system_contact--primary:disabled {
1109
966
  --icon-path: url("../assets/icons/.generated/system/light/contact.svg#primary-disabled");
1110
967
  }
1111
- .light .icon__system_contact--on-primary {
1112
- --icon-path: url("../assets/icons/.generated/system/light/contact.svg#on-primary");
1113
- }
1114
- .light .icon__system_contact--on-primary-hover, .light .icon__system_contact--on-primary:hover {
968
+ .light .icon__system_contact--on-primary:hover {
1115
969
  --icon-path: url("../assets/icons/.generated/system/light/contact.svg#on-primary-hover");
1116
970
  }
1117
- .light .icon__system_contact--on-primary-active, .light .icon__system_contact--on-primary:active {
971
+ .light .icon__system_contact--on-primary:active {
1118
972
  --icon-path: url("../assets/icons/.generated/system/light/contact.svg#on-primary-active");
1119
973
  }
1120
- .light .icon__system_contact--on-disabled {
1121
- --icon-path: url("../assets/icons/.generated/system/light/contact.svg#on-disabled");
1122
- }
1123
- .light .icon__system_contact--neutral {
1124
- --icon-path: url("../assets/icons/.generated/system/light/contact.svg#neutral");
1125
- }
1126
- .light .icon__system_connector--primary {
1127
- --icon-path: url("../assets/icons/.generated/system/light/connector.svg#primary");
1128
- }
1129
- .light .icon__system_connector--primary-hover, .light .icon__system_connector--primary:hover {
974
+ .light .icon__system_connector--primary:hover {
1130
975
  --icon-path: url("../assets/icons/.generated/system/light/connector.svg#primary-hover");
1131
976
  }
1132
- .light .icon__system_connector--primary-active, .light .icon__system_connector--primary:active {
977
+ .light .icon__system_connector--primary:active {
1133
978
  --icon-path: url("../assets/icons/.generated/system/light/connector.svg#primary-active");
1134
979
  }
1135
- .light .icon__system_connector--primary-disabled, .light .icon__system_connector--primary:disabled {
980
+ .light .icon__system_connector--primary:disabled {
1136
981
  --icon-path: url("../assets/icons/.generated/system/light/connector.svg#primary-disabled");
1137
982
  }
1138
- .light .icon__system_connector--on-primary {
1139
- --icon-path: url("../assets/icons/.generated/system/light/connector.svg#on-primary");
1140
- }
1141
- .light .icon__system_connector--on-primary-hover, .light .icon__system_connector--on-primary:hover {
983
+ .light .icon__system_connector--on-primary:hover {
1142
984
  --icon-path: url("../assets/icons/.generated/system/light/connector.svg#on-primary-hover");
1143
985
  }
1144
- .light .icon__system_connector--on-primary-active, .light .icon__system_connector--on-primary:active {
986
+ .light .icon__system_connector--on-primary:active {
1145
987
  --icon-path: url("../assets/icons/.generated/system/light/connector.svg#on-primary-active");
1146
988
  }
1147
- .light .icon__system_connector--on-disabled {
1148
- --icon-path: url("../assets/icons/.generated/system/light/connector.svg#on-disabled");
1149
- }
1150
- .light .icon__system_connector--neutral {
1151
- --icon-path: url("../assets/icons/.generated/system/light/connector.svg#neutral");
1152
- }
1153
- .light .icon__system_close--primary {
1154
- --icon-path: url("../assets/icons/.generated/system/light/close.svg#primary");
1155
- }
1156
- .light .icon__system_close--primary-hover, .light .icon__system_close--primary:hover {
989
+ .light .icon__system_close--primary:hover {
1157
990
  --icon-path: url("../assets/icons/.generated/system/light/close.svg#primary-hover");
1158
991
  }
1159
- .light .icon__system_close--primary-active, .light .icon__system_close--primary:active {
992
+ .light .icon__system_close--primary:active {
1160
993
  --icon-path: url("../assets/icons/.generated/system/light/close.svg#primary-active");
1161
994
  }
1162
- .light .icon__system_close--primary-disabled, .light .icon__system_close--primary:disabled {
995
+ .light .icon__system_close--primary:disabled {
1163
996
  --icon-path: url("../assets/icons/.generated/system/light/close.svg#primary-disabled");
1164
997
  }
1165
- .light .icon__system_close--on-primary {
1166
- --icon-path: url("../assets/icons/.generated/system/light/close.svg#on-primary");
1167
- }
1168
- .light .icon__system_close--on-primary-hover, .light .icon__system_close--on-primary:hover {
998
+ .light .icon__system_close--on-primary:hover {
1169
999
  --icon-path: url("../assets/icons/.generated/system/light/close.svg#on-primary-hover");
1170
1000
  }
1171
- .light .icon__system_close--on-primary-active, .light .icon__system_close--on-primary:active {
1001
+ .light .icon__system_close--on-primary:active {
1172
1002
  --icon-path: url("../assets/icons/.generated/system/light/close.svg#on-primary-active");
1173
1003
  }
1174
- .light .icon__system_close--on-disabled {
1175
- --icon-path: url("../assets/icons/.generated/system/light/close.svg#on-disabled");
1176
- }
1177
- .light .icon__system_close--neutral {
1178
- --icon-path: url("../assets/icons/.generated/system/light/close.svg#neutral");
1179
- }
1180
- .light .icon__system_chevron-up--primary {
1181
- --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#primary");
1182
- }
1183
- .light .icon__system_chevron-up--primary-hover, .light .icon__system_chevron-up--primary:hover {
1004
+ .light .icon__system_chevron-up--primary:hover {
1184
1005
  --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#primary-hover");
1185
1006
  }
1186
- .light .icon__system_chevron-up--primary-active, .light .icon__system_chevron-up--primary:active {
1007
+ .light .icon__system_chevron-up--primary:active {
1187
1008
  --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#primary-active");
1188
1009
  }
1189
- .light .icon__system_chevron-up--primary-disabled, .light .icon__system_chevron-up--primary:disabled {
1010
+ .light .icon__system_chevron-up--primary:disabled {
1190
1011
  --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#primary-disabled");
1191
1012
  }
1192
- .light .icon__system_chevron-up--on-primary {
1193
- --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#on-primary");
1194
- }
1195
- .light .icon__system_chevron-up--on-primary-hover, .light .icon__system_chevron-up--on-primary:hover {
1013
+ .light .icon__system_chevron-up--on-primary:hover {
1196
1014
  --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#on-primary-hover");
1197
1015
  }
1198
- .light .icon__system_chevron-up--on-primary-active, .light .icon__system_chevron-up--on-primary:active {
1016
+ .light .icon__system_chevron-up--on-primary:active {
1199
1017
  --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#on-primary-active");
1200
1018
  }
1201
- .light .icon__system_chevron-up--on-disabled {
1202
- --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#on-disabled");
1203
- }
1204
- .light .icon__system_chevron-up--neutral {
1205
- --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#neutral");
1206
- }
1207
- .light .icon__system_chevron-right--primary {
1208
- --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#primary");
1209
- }
1210
- .light .icon__system_chevron-right--primary-hover, .light .icon__system_chevron-right--primary:hover {
1019
+ .light .icon__system_chevron-right--primary:hover {
1211
1020
  --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#primary-hover");
1212
1021
  }
1213
- .light .icon__system_chevron-right--primary-active, .light .icon__system_chevron-right--primary:active {
1022
+ .light .icon__system_chevron-right--primary:active {
1214
1023
  --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#primary-active");
1215
1024
  }
1216
- .light .icon__system_chevron-right--primary-disabled, .light .icon__system_chevron-right--primary:disabled {
1025
+ .light .icon__system_chevron-right--primary:disabled {
1217
1026
  --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#primary-disabled");
1218
1027
  }
1219
- .light .icon__system_chevron-right--on-primary {
1220
- --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#on-primary");
1221
- }
1222
- .light .icon__system_chevron-right--on-primary-hover, .light .icon__system_chevron-right--on-primary:hover {
1028
+ .light .icon__system_chevron-right--on-primary:hover {
1223
1029
  --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#on-primary-hover");
1224
1030
  }
1225
- .light .icon__system_chevron-right--on-primary-active, .light .icon__system_chevron-right--on-primary:active {
1031
+ .light .icon__system_chevron-right--on-primary:active {
1226
1032
  --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#on-primary-active");
1227
1033
  }
1228
- .light .icon__system_chevron-right--on-disabled {
1229
- --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#on-disabled");
1230
- }
1231
- .light .icon__system_chevron-right--neutral {
1232
- --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#neutral");
1233
- }
1234
- .light .icon__system_chevron-down--primary {
1235
- --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#primary");
1236
- }
1237
- .light .icon__system_chevron-down--primary-hover, .light .icon__system_chevron-down--primary:hover {
1034
+ .light .icon__system_chevron-down--primary:hover {
1238
1035
  --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#primary-hover");
1239
1036
  }
1240
- .light .icon__system_chevron-down--primary-active, .light .icon__system_chevron-down--primary:active {
1037
+ .light .icon__system_chevron-down--primary:active {
1241
1038
  --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#primary-active");
1242
1039
  }
1243
- .light .icon__system_chevron-down--primary-disabled, .light .icon__system_chevron-down--primary:disabled {
1040
+ .light .icon__system_chevron-down--primary:disabled {
1244
1041
  --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#primary-disabled");
1245
1042
  }
1246
- .light .icon__system_chevron-down--on-primary {
1247
- --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#on-primary");
1248
- }
1249
- .light .icon__system_chevron-down--on-primary-hover, .light .icon__system_chevron-down--on-primary:hover {
1043
+ .light .icon__system_chevron-down--on-primary:hover {
1250
1044
  --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#on-primary-hover");
1251
1045
  }
1252
- .light .icon__system_chevron-down--on-primary-active, .light .icon__system_chevron-down--on-primary:active {
1046
+ .light .icon__system_chevron-down--on-primary:active {
1253
1047
  --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#on-primary-active");
1254
1048
  }
1255
- .light .icon__system_chevron-down--on-disabled {
1256
- --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#on-disabled");
1257
- }
1258
- .light .icon__system_chevron-down--neutral {
1259
- --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#neutral");
1260
- }
1261
- .light .icon__system_check--primary {
1262
- --icon-path: url("../assets/icons/.generated/system/light/check.svg#primary");
1263
- }
1264
- .light .icon__system_check--primary-hover, .light .icon__system_check--primary:hover {
1049
+ .light .icon__system_check--primary:hover {
1265
1050
  --icon-path: url("../assets/icons/.generated/system/light/check.svg#primary-hover");
1266
1051
  }
1267
- .light .icon__system_check--primary-active, .light .icon__system_check--primary:active {
1052
+ .light .icon__system_check--primary:active {
1268
1053
  --icon-path: url("../assets/icons/.generated/system/light/check.svg#primary-active");
1269
1054
  }
1270
- .light .icon__system_check--primary-disabled, .light .icon__system_check--primary:disabled {
1055
+ .light .icon__system_check--primary:disabled {
1271
1056
  --icon-path: url("../assets/icons/.generated/system/light/check.svg#primary-disabled");
1272
1057
  }
1273
- .light .icon__system_check--on-primary {
1274
- --icon-path: url("../assets/icons/.generated/system/light/check.svg#on-primary");
1275
- }
1276
- .light .icon__system_check--on-primary-hover, .light .icon__system_check--on-primary:hover {
1058
+ .light .icon__system_check--on-primary:hover {
1277
1059
  --icon-path: url("../assets/icons/.generated/system/light/check.svg#on-primary-hover");
1278
1060
  }
1279
- .light .icon__system_check--on-primary-active, .light .icon__system_check--on-primary:active {
1061
+ .light .icon__system_check--on-primary:active {
1280
1062
  --icon-path: url("../assets/icons/.generated/system/light/check.svg#on-primary-active");
1281
1063
  }
1282
- .light .icon__system_check--on-disabled {
1283
- --icon-path: url("../assets/icons/.generated/system/light/check.svg#on-disabled");
1284
- }
1285
- .light .icon__system_check--neutral {
1286
- --icon-path: url("../assets/icons/.generated/system/light/check.svg#neutral");
1287
- }
1288
- .light .icon__system_card--primary {
1289
- --icon-path: url("../assets/icons/.generated/system/light/card.svg#primary");
1290
- }
1291
- .light .icon__system_card--primary-hover, .light .icon__system_card--primary:hover {
1064
+ .light .icon__system_card--primary:hover {
1292
1065
  --icon-path: url("../assets/icons/.generated/system/light/card.svg#primary-hover");
1293
1066
  }
1294
- .light .icon__system_card--primary-active, .light .icon__system_card--primary:active {
1067
+ .light .icon__system_card--primary:active {
1295
1068
  --icon-path: url("../assets/icons/.generated/system/light/card.svg#primary-active");
1296
1069
  }
1297
- .light .icon__system_card--primary-disabled, .light .icon__system_card--primary:disabled {
1070
+ .light .icon__system_card--primary:disabled {
1298
1071
  --icon-path: url("../assets/icons/.generated/system/light/card.svg#primary-disabled");
1299
1072
  }
1300
- .light .icon__system_card--on-primary {
1301
- --icon-path: url("../assets/icons/.generated/system/light/card.svg#on-primary");
1302
- }
1303
- .light .icon__system_card--on-primary-hover, .light .icon__system_card--on-primary:hover {
1073
+ .light .icon__system_card--on-primary:hover {
1304
1074
  --icon-path: url("../assets/icons/.generated/system/light/card.svg#on-primary-hover");
1305
1075
  }
1306
- .light .icon__system_card--on-primary-active, .light .icon__system_card--on-primary:active {
1076
+ .light .icon__system_card--on-primary:active {
1307
1077
  --icon-path: url("../assets/icons/.generated/system/light/card.svg#on-primary-active");
1308
1078
  }
1309
- .light .icon__system_card--on-disabled {
1310
- --icon-path: url("../assets/icons/.generated/system/light/card.svg#on-disabled");
1311
- }
1312
- .light .icon__system_card--neutral {
1313
- --icon-path: url("../assets/icons/.generated/system/light/card.svg#neutral");
1314
- }
1315
- .light .icon__system_card-variant--primary {
1316
- --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#primary");
1317
- }
1318
- .light .icon__system_card-variant--primary-hover, .light .icon__system_card-variant--primary:hover {
1079
+ .light .icon__system_card-variant--primary:hover {
1319
1080
  --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#primary-hover");
1320
1081
  }
1321
- .light .icon__system_card-variant--primary-active, .light .icon__system_card-variant--primary:active {
1082
+ .light .icon__system_card-variant--primary:active {
1322
1083
  --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#primary-active");
1323
1084
  }
1324
- .light .icon__system_card-variant--primary-disabled, .light .icon__system_card-variant--primary:disabled {
1085
+ .light .icon__system_card-variant--primary:disabled {
1325
1086
  --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#primary-disabled");
1326
1087
  }
1327
- .light .icon__system_card-variant--on-primary {
1328
- --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#on-primary");
1329
- }
1330
- .light .icon__system_card-variant--on-primary-hover, .light .icon__system_card-variant--on-primary:hover {
1088
+ .light .icon__system_card-variant--on-primary:hover {
1331
1089
  --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#on-primary-hover");
1332
1090
  }
1333
- .light .icon__system_card-variant--on-primary-active, .light .icon__system_card-variant--on-primary:active {
1091
+ .light .icon__system_card-variant--on-primary:active {
1334
1092
  --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#on-primary-active");
1335
1093
  }
1336
- .light .icon__system_card-variant--on-disabled {
1337
- --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#on-disabled");
1338
- }
1339
- .light .icon__system_card-variant--neutral {
1340
- --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#neutral");
1341
- }
1342
- .light .icon__system_assistant--primary {
1343
- --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#primary");
1344
- }
1345
- .light .icon__system_assistant--primary-hover, .light .icon__system_assistant--primary:hover {
1094
+ .light .icon__system_assistant--primary:hover {
1346
1095
  --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#primary-hover");
1347
1096
  }
1348
- .light .icon__system_assistant--primary-active, .light .icon__system_assistant--primary:active {
1097
+ .light .icon__system_assistant--primary:active {
1349
1098
  --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#primary-active");
1350
1099
  }
1351
- .light .icon__system_assistant--primary-disabled, .light .icon__system_assistant--primary:disabled {
1100
+ .light .icon__system_assistant--primary:disabled {
1352
1101
  --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#primary-disabled");
1353
1102
  }
1354
- .light .icon__system_assistant--on-primary {
1355
- --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#on-primary");
1356
- }
1357
- .light .icon__system_assistant--on-primary-hover, .light .icon__system_assistant--on-primary:hover {
1103
+ .light .icon__system_assistant--on-primary:hover {
1358
1104
  --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#on-primary-hover");
1359
1105
  }
1360
- .light .icon__system_assistant--on-primary-active, .light .icon__system_assistant--on-primary:active {
1106
+ .light .icon__system_assistant--on-primary:active {
1361
1107
  --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#on-primary-active");
1362
1108
  }
1363
- .light .icon__system_assistant--on-disabled {
1364
- --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#on-disabled");
1365
- }
1366
- .light .icon__system_assistant--neutral {
1367
- --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#neutral");
1368
- }
1369
- .light .icon__system_arrow-right--primary {
1370
- --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#primary");
1371
- }
1372
- .light .icon__system_arrow-right--primary-hover, .light .icon__system_arrow-right--primary:hover {
1109
+ .light .icon__system_arrow-right--primary:hover {
1373
1110
  --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#primary-hover");
1374
1111
  }
1375
- .light .icon__system_arrow-right--primary-active, .light .icon__system_arrow-right--primary:active {
1112
+ .light .icon__system_arrow-right--primary:active {
1376
1113
  --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#primary-active");
1377
1114
  }
1378
- .light .icon__system_arrow-right--primary-disabled, .light .icon__system_arrow-right--primary:disabled {
1115
+ .light .icon__system_arrow-right--primary:disabled {
1379
1116
  --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#primary-disabled");
1380
1117
  }
1381
- .light .icon__system_arrow-right--on-primary {
1382
- --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#on-primary");
1383
- }
1384
- .light .icon__system_arrow-right--on-primary-hover, .light .icon__system_arrow-right--on-primary:hover {
1118
+ .light .icon__system_arrow-right--on-primary:hover {
1385
1119
  --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#on-primary-hover");
1386
1120
  }
1387
- .light .icon__system_arrow-right--on-primary-active, .light .icon__system_arrow-right--on-primary:active {
1121
+ .light .icon__system_arrow-right--on-primary:active {
1388
1122
  --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#on-primary-active");
1389
1123
  }
1390
- .light .icon__system_arrow-right--on-disabled {
1391
- --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#on-disabled");
1392
- }
1393
- .light .icon__system_arrow-right--neutral {
1394
- --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#neutral");
1395
- }
1396
- .light .icon__system_add--primary {
1397
- --icon-path: url("../assets/icons/.generated/system/light/add.svg#primary");
1398
- }
1399
- .light .icon__system_add--primary-hover, .light .icon__system_add--primary:hover {
1124
+ .light .icon__system_add--primary:hover {
1400
1125
  --icon-path: url("../assets/icons/.generated/system/light/add.svg#primary-hover");
1401
1126
  }
1402
- .light .icon__system_add--primary-active, .light .icon__system_add--primary:active {
1127
+ .light .icon__system_add--primary:active {
1403
1128
  --icon-path: url("../assets/icons/.generated/system/light/add.svg#primary-active");
1404
1129
  }
1405
- .light .icon__system_add--primary-disabled, .light .icon__system_add--primary:disabled {
1130
+ .light .icon__system_add--primary:disabled {
1406
1131
  --icon-path: url("../assets/icons/.generated/system/light/add.svg#primary-disabled");
1407
1132
  }
1408
- .light .icon__system_add--on-primary {
1409
- --icon-path: url("../assets/icons/.generated/system/light/add.svg#on-primary");
1410
- }
1411
- .light .icon__system_add--on-primary-hover, .light .icon__system_add--on-primary:hover {
1133
+ .light .icon__system_add--on-primary:hover {
1412
1134
  --icon-path: url("../assets/icons/.generated/system/light/add.svg#on-primary-hover");
1413
1135
  }
1414
- .light .icon__system_add--on-primary-active, .light .icon__system_add--on-primary:active {
1136
+ .light .icon__system_add--on-primary:active {
1415
1137
  --icon-path: url("../assets/icons/.generated/system/light/add.svg#on-primary-active");
1416
1138
  }
1417
- .light .icon__system_add--on-disabled {
1418
- --icon-path: url("../assets/icons/.generated/system/light/add.svg#on-disabled");
1419
- }
1420
- .light .icon__system_add--neutral {
1421
- --icon-path: url("../assets/icons/.generated/system/light/add.svg#neutral");
1422
- }
1423
- .dark .icon__system_warning--primary {
1424
- --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#primary");
1425
- }
1426
- .dark .icon__system_warning--primary-hover, .dark .icon__system_warning--primary:hover {
1139
+ .dark .icon__system_warning--primary:hover {
1427
1140
  --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#primary-hover");
1428
1141
  }
1429
- .dark .icon__system_warning--primary-active, .dark .icon__system_warning--primary:active {
1142
+ .dark .icon__system_warning--primary:active {
1430
1143
  --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#primary-active");
1431
1144
  }
1432
- .dark .icon__system_warning--primary-disabled, .dark .icon__system_warning--primary:disabled {
1145
+ .dark .icon__system_warning--primary:disabled {
1433
1146
  --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#primary-disabled");
1434
1147
  }
1435
- .dark .icon__system_warning--on-primary {
1436
- --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#on-primary");
1437
- }
1438
- .dark .icon__system_warning--on-primary-hover, .dark .icon__system_warning--on-primary:hover {
1148
+ .dark .icon__system_warning--on-primary:hover {
1439
1149
  --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#on-primary-hover");
1440
1150
  }
1441
- .dark .icon__system_warning--on-primary-active, .dark .icon__system_warning--on-primary:active {
1151
+ .dark .icon__system_warning--on-primary:active {
1442
1152
  --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#on-primary-active");
1443
1153
  }
1444
- .dark .icon__system_warning--on-disabled {
1445
- --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#on-disabled");
1446
- }
1447
- .dark .icon__system_warning--neutral {
1448
- --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#neutral");
1449
- }
1450
- .dark .icon__system_user--primary {
1451
- --icon-path: url("../assets/icons/.generated/system/dark/user.svg#primary");
1452
- }
1453
- .dark .icon__system_user--primary-hover, .dark .icon__system_user--primary:hover {
1154
+ .dark .icon__system_user--primary:hover {
1454
1155
  --icon-path: url("../assets/icons/.generated/system/dark/user.svg#primary-hover");
1455
1156
  }
1456
- .dark .icon__system_user--primary-active, .dark .icon__system_user--primary:active {
1157
+ .dark .icon__system_user--primary:active {
1457
1158
  --icon-path: url("../assets/icons/.generated/system/dark/user.svg#primary-active");
1458
1159
  }
1459
- .dark .icon__system_user--primary-disabled, .dark .icon__system_user--primary:disabled {
1160
+ .dark .icon__system_user--primary:disabled {
1460
1161
  --icon-path: url("../assets/icons/.generated/system/dark/user.svg#primary-disabled");
1461
1162
  }
1462
- .dark .icon__system_user--on-primary {
1463
- --icon-path: url("../assets/icons/.generated/system/dark/user.svg#on-primary");
1464
- }
1465
- .dark .icon__system_user--on-primary-hover, .dark .icon__system_user--on-primary:hover {
1163
+ .dark .icon__system_user--on-primary:hover {
1466
1164
  --icon-path: url("../assets/icons/.generated/system/dark/user.svg#on-primary-hover");
1467
1165
  }
1468
- .dark .icon__system_user--on-primary-active, .dark .icon__system_user--on-primary:active {
1166
+ .dark .icon__system_user--on-primary:active {
1469
1167
  --icon-path: url("../assets/icons/.generated/system/dark/user.svg#on-primary-active");
1470
1168
  }
1471
- .dark .icon__system_user--on-disabled {
1472
- --icon-path: url("../assets/icons/.generated/system/dark/user.svg#on-disabled");
1473
- }
1474
- .dark .icon__system_user--neutral {
1475
- --icon-path: url("../assets/icons/.generated/system/dark/user.svg#neutral");
1476
- }
1477
- .dark .icon__system_tools--primary {
1478
- --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#primary");
1479
- }
1480
- .dark .icon__system_tools--primary-hover, .dark .icon__system_tools--primary:hover {
1169
+ .dark .icon__system_tools--primary:hover {
1481
1170
  --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#primary-hover");
1482
1171
  }
1483
- .dark .icon__system_tools--primary-active, .dark .icon__system_tools--primary:active {
1172
+ .dark .icon__system_tools--primary:active {
1484
1173
  --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#primary-active");
1485
1174
  }
1486
- .dark .icon__system_tools--primary-disabled, .dark .icon__system_tools--primary:disabled {
1175
+ .dark .icon__system_tools--primary:disabled {
1487
1176
  --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#primary-disabled");
1488
1177
  }
1489
- .dark .icon__system_tools--on-primary {
1490
- --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#on-primary");
1491
- }
1492
- .dark .icon__system_tools--on-primary-hover, .dark .icon__system_tools--on-primary:hover {
1178
+ .dark .icon__system_tools--on-primary:hover {
1493
1179
  --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#on-primary-hover");
1494
1180
  }
1495
- .dark .icon__system_tools--on-primary-active, .dark .icon__system_tools--on-primary:active {
1181
+ .dark .icon__system_tools--on-primary:active {
1496
1182
  --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#on-primary-active");
1497
1183
  }
1498
- .dark .icon__system_tools--on-disabled {
1499
- --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#on-disabled");
1500
- }
1501
- .dark .icon__system_tools--neutral {
1502
- --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#neutral");
1503
- }
1504
- .dark .icon__system_time--primary {
1505
- --icon-path: url("../assets/icons/.generated/system/dark/time.svg#primary");
1506
- }
1507
- .dark .icon__system_time--primary-hover, .dark .icon__system_time--primary:hover {
1184
+ .dark .icon__system_time--primary:hover {
1508
1185
  --icon-path: url("../assets/icons/.generated/system/dark/time.svg#primary-hover");
1509
1186
  }
1510
- .dark .icon__system_time--primary-active, .dark .icon__system_time--primary:active {
1187
+ .dark .icon__system_time--primary:active {
1511
1188
  --icon-path: url("../assets/icons/.generated/system/dark/time.svg#primary-active");
1512
1189
  }
1513
- .dark .icon__system_time--primary-disabled, .dark .icon__system_time--primary:disabled {
1190
+ .dark .icon__system_time--primary:disabled {
1514
1191
  --icon-path: url("../assets/icons/.generated/system/dark/time.svg#primary-disabled");
1515
1192
  }
1516
- .dark .icon__system_time--on-primary {
1517
- --icon-path: url("../assets/icons/.generated/system/dark/time.svg#on-primary");
1518
- }
1519
- .dark .icon__system_time--on-primary-hover, .dark .icon__system_time--on-primary:hover {
1193
+ .dark .icon__system_time--on-primary:hover {
1520
1194
  --icon-path: url("../assets/icons/.generated/system/dark/time.svg#on-primary-hover");
1521
1195
  }
1522
- .dark .icon__system_time--on-primary-active, .dark .icon__system_time--on-primary:active {
1196
+ .dark .icon__system_time--on-primary:active {
1523
1197
  --icon-path: url("../assets/icons/.generated/system/dark/time.svg#on-primary-active");
1524
1198
  }
1525
- .dark .icon__system_time--on-disabled {
1526
- --icon-path: url("../assets/icons/.generated/system/dark/time.svg#on-disabled");
1527
- }
1528
- .dark .icon__system_time--neutral {
1529
- --icon-path: url("../assets/icons/.generated/system/dark/time.svg#neutral");
1530
- }
1531
- .dark .icon__system_thunder--primary {
1532
- --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#primary");
1533
- }
1534
- .dark .icon__system_thunder--primary-hover, .dark .icon__system_thunder--primary:hover {
1199
+ .dark .icon__system_thunder--primary:hover {
1535
1200
  --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#primary-hover");
1536
1201
  }
1537
- .dark .icon__system_thunder--primary-active, .dark .icon__system_thunder--primary:active {
1202
+ .dark .icon__system_thunder--primary:active {
1538
1203
  --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#primary-active");
1539
1204
  }
1540
- .dark .icon__system_thunder--primary-disabled, .dark .icon__system_thunder--primary:disabled {
1205
+ .dark .icon__system_thunder--primary:disabled {
1541
1206
  --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#primary-disabled");
1542
1207
  }
1543
- .dark .icon__system_thunder--on-primary {
1544
- --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#on-primary");
1545
- }
1546
- .dark .icon__system_thunder--on-primary-hover, .dark .icon__system_thunder--on-primary:hover {
1208
+ .dark .icon__system_thunder--on-primary:hover {
1547
1209
  --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#on-primary-hover");
1548
1210
  }
1549
- .dark .icon__system_thunder--on-primary-active, .dark .icon__system_thunder--on-primary:active {
1211
+ .dark .icon__system_thunder--on-primary:active {
1550
1212
  --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#on-primary-active");
1551
1213
  }
1552
- .dark .icon__system_thunder--on-disabled {
1553
- --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#on-disabled");
1554
- }
1555
- .dark .icon__system_thunder--neutral {
1556
- --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#neutral");
1557
- }
1558
- .dark .icon__system_show--primary {
1559
- --icon-path: url("../assets/icons/.generated/system/dark/show.svg#primary");
1560
- }
1561
- .dark .icon__system_show--primary-hover, .dark .icon__system_show--primary:hover {
1214
+ .dark .icon__system_show--primary:hover {
1562
1215
  --icon-path: url("../assets/icons/.generated/system/dark/show.svg#primary-hover");
1563
1216
  }
1564
- .dark .icon__system_show--primary-active, .dark .icon__system_show--primary:active {
1217
+ .dark .icon__system_show--primary:active {
1565
1218
  --icon-path: url("../assets/icons/.generated/system/dark/show.svg#primary-active");
1566
1219
  }
1567
- .dark .icon__system_show--primary-disabled, .dark .icon__system_show--primary:disabled {
1220
+ .dark .icon__system_show--primary:disabled {
1568
1221
  --icon-path: url("../assets/icons/.generated/system/dark/show.svg#primary-disabled");
1569
1222
  }
1570
- .dark .icon__system_show--on-primary {
1571
- --icon-path: url("../assets/icons/.generated/system/dark/show.svg#on-primary");
1572
- }
1573
- .dark .icon__system_show--on-primary-hover, .dark .icon__system_show--on-primary:hover {
1223
+ .dark .icon__system_show--on-primary:hover {
1574
1224
  --icon-path: url("../assets/icons/.generated/system/dark/show.svg#on-primary-hover");
1575
1225
  }
1576
- .dark .icon__system_show--on-primary-active, .dark .icon__system_show--on-primary:active {
1226
+ .dark .icon__system_show--on-primary:active {
1577
1227
  --icon-path: url("../assets/icons/.generated/system/dark/show.svg#on-primary-active");
1578
1228
  }
1579
- .dark .icon__system_show--on-disabled {
1580
- --icon-path: url("../assets/icons/.generated/system/dark/show.svg#on-disabled");
1581
- }
1582
- .dark .icon__system_show--neutral {
1583
- --icon-path: url("../assets/icons/.generated/system/dark/show.svg#neutral");
1584
- }
1585
- .dark .icon__system_settings--primary {
1586
- --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#primary");
1587
- }
1588
- .dark .icon__system_settings--primary-hover, .dark .icon__system_settings--primary:hover {
1229
+ .dark .icon__system_settings--primary:hover {
1589
1230
  --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#primary-hover");
1590
1231
  }
1591
- .dark .icon__system_settings--primary-active, .dark .icon__system_settings--primary:active {
1232
+ .dark .icon__system_settings--primary:active {
1592
1233
  --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#primary-active");
1593
1234
  }
1594
- .dark .icon__system_settings--primary-disabled, .dark .icon__system_settings--primary:disabled {
1235
+ .dark .icon__system_settings--primary:disabled {
1595
1236
  --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#primary-disabled");
1596
1237
  }
1597
- .dark .icon__system_settings--on-primary {
1598
- --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#on-primary");
1599
- }
1600
- .dark .icon__system_settings--on-primary-hover, .dark .icon__system_settings--on-primary:hover {
1238
+ .dark .icon__system_settings--on-primary:hover {
1601
1239
  --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#on-primary-hover");
1602
1240
  }
1603
- .dark .icon__system_settings--on-primary-active, .dark .icon__system_settings--on-primary:active {
1241
+ .dark .icon__system_settings--on-primary:active {
1604
1242
  --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#on-primary-active");
1605
1243
  }
1606
- .dark .icon__system_settings--on-disabled {
1607
- --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#on-disabled");
1608
- }
1609
- .dark .icon__system_settings--neutral {
1610
- --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#neutral");
1611
- }
1612
- .dark .icon__system_search--primary {
1613
- --icon-path: url("../assets/icons/.generated/system/dark/search.svg#primary");
1614
- }
1615
- .dark .icon__system_search--primary-hover, .dark .icon__system_search--primary:hover {
1244
+ .dark .icon__system_search--primary:hover {
1616
1245
  --icon-path: url("../assets/icons/.generated/system/dark/search.svg#primary-hover");
1617
1246
  }
1618
- .dark .icon__system_search--primary-active, .dark .icon__system_search--primary:active {
1247
+ .dark .icon__system_search--primary:active {
1619
1248
  --icon-path: url("../assets/icons/.generated/system/dark/search.svg#primary-active");
1620
1249
  }
1621
- .dark .icon__system_search--primary-disabled, .dark .icon__system_search--primary:disabled {
1250
+ .dark .icon__system_search--primary:disabled {
1622
1251
  --icon-path: url("../assets/icons/.generated/system/dark/search.svg#primary-disabled");
1623
1252
  }
1624
- .dark .icon__system_search--on-primary {
1625
- --icon-path: url("../assets/icons/.generated/system/dark/search.svg#on-primary");
1626
- }
1627
- .dark .icon__system_search--on-primary-hover, .dark .icon__system_search--on-primary:hover {
1253
+ .dark .icon__system_search--on-primary:hover {
1628
1254
  --icon-path: url("../assets/icons/.generated/system/dark/search.svg#on-primary-hover");
1629
1255
  }
1630
- .dark .icon__system_search--on-primary-active, .dark .icon__system_search--on-primary:active {
1256
+ .dark .icon__system_search--on-primary:active {
1631
1257
  --icon-path: url("../assets/icons/.generated/system/dark/search.svg#on-primary-active");
1632
1258
  }
1633
- .dark .icon__system_search--on-disabled {
1634
- --icon-path: url("../assets/icons/.generated/system/dark/search.svg#on-disabled");
1635
- }
1636
- .dark .icon__system_search--neutral {
1637
- --icon-path: url("../assets/icons/.generated/system/dark/search.svg#neutral");
1638
- }
1639
- .dark .icon__system_retry--primary {
1640
- --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#primary");
1641
- }
1642
- .dark .icon__system_retry--primary-hover, .dark .icon__system_retry--primary:hover {
1259
+ .dark .icon__system_retry--primary:hover {
1643
1260
  --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#primary-hover");
1644
1261
  }
1645
- .dark .icon__system_retry--primary-active, .dark .icon__system_retry--primary:active {
1262
+ .dark .icon__system_retry--primary:active {
1646
1263
  --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#primary-active");
1647
1264
  }
1648
- .dark .icon__system_retry--primary-disabled, .dark .icon__system_retry--primary:disabled {
1265
+ .dark .icon__system_retry--primary:disabled {
1649
1266
  --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#primary-disabled");
1650
1267
  }
1651
- .dark .icon__system_retry--on-primary {
1652
- --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#on-primary");
1653
- }
1654
- .dark .icon__system_retry--on-primary-hover, .dark .icon__system_retry--on-primary:hover {
1268
+ .dark .icon__system_retry--on-primary:hover {
1655
1269
  --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#on-primary-hover");
1656
1270
  }
1657
- .dark .icon__system_retry--on-primary-active, .dark .icon__system_retry--on-primary:active {
1271
+ .dark .icon__system_retry--on-primary:active {
1658
1272
  --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#on-primary-active");
1659
1273
  }
1660
- .dark .icon__system_retry--on-disabled {
1661
- --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#on-disabled");
1662
- }
1663
- .dark .icon__system_retry--neutral {
1664
- --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#neutral");
1665
- }
1666
- .dark .icon__system_qr-code--primary {
1667
- --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#primary");
1668
- }
1669
- .dark .icon__system_qr-code--primary-hover, .dark .icon__system_qr-code--primary:hover {
1274
+ .dark .icon__system_qr-code--primary:hover {
1670
1275
  --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#primary-hover");
1671
1276
  }
1672
- .dark .icon__system_qr-code--primary-active, .dark .icon__system_qr-code--primary:active {
1277
+ .dark .icon__system_qr-code--primary:active {
1673
1278
  --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#primary-active");
1674
1279
  }
1675
- .dark .icon__system_qr-code--primary-disabled, .dark .icon__system_qr-code--primary:disabled {
1280
+ .dark .icon__system_qr-code--primary:disabled {
1676
1281
  --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#primary-disabled");
1677
1282
  }
1678
- .dark .icon__system_qr-code--on-primary {
1679
- --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#on-primary");
1680
- }
1681
- .dark .icon__system_qr-code--on-primary-hover, .dark .icon__system_qr-code--on-primary:hover {
1283
+ .dark .icon__system_qr-code--on-primary:hover {
1682
1284
  --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#on-primary-hover");
1683
1285
  }
1684
- .dark .icon__system_qr-code--on-primary-active, .dark .icon__system_qr-code--on-primary:active {
1286
+ .dark .icon__system_qr-code--on-primary:active {
1685
1287
  --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#on-primary-active");
1686
1288
  }
1687
- .dark .icon__system_qr-code--on-disabled {
1688
- --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#on-disabled");
1689
- }
1690
- .dark .icon__system_qr-code--neutral {
1691
- --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#neutral");
1692
- }
1693
- .dark .icon__system_order-numberically--primary {
1694
- --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#primary");
1695
- }
1696
- .dark .icon__system_order-numberically--primary-hover, .dark .icon__system_order-numberically--primary:hover {
1289
+ .dark .icon__system_order-numberically--primary:hover {
1697
1290
  --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#primary-hover");
1698
1291
  }
1699
- .dark .icon__system_order-numberically--primary-active, .dark .icon__system_order-numberically--primary:active {
1292
+ .dark .icon__system_order-numberically--primary:active {
1700
1293
  --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#primary-active");
1701
1294
  }
1702
- .dark .icon__system_order-numberically--primary-disabled, .dark .icon__system_order-numberically--primary:disabled {
1295
+ .dark .icon__system_order-numberically--primary:disabled {
1703
1296
  --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#primary-disabled");
1704
1297
  }
1705
- .dark .icon__system_order-numberically--on-primary {
1706
- --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#on-primary");
1707
- }
1708
- .dark .icon__system_order-numberically--on-primary-hover, .dark .icon__system_order-numberically--on-primary:hover {
1298
+ .dark .icon__system_order-numberically--on-primary:hover {
1709
1299
  --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#on-primary-hover");
1710
1300
  }
1711
- .dark .icon__system_order-numberically--on-primary-active, .dark .icon__system_order-numberically--on-primary:active {
1301
+ .dark .icon__system_order-numberically--on-primary:active {
1712
1302
  --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#on-primary-active");
1713
1303
  }
1714
- .dark .icon__system_order-numberically--on-disabled {
1715
- --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#on-disabled");
1716
- }
1717
- .dark .icon__system_order-numberically--neutral {
1718
- --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#neutral");
1719
- }
1720
- .dark .icon__system_news--primary {
1721
- --icon-path: url("../assets/icons/.generated/system/dark/news.svg#primary");
1722
- }
1723
- .dark .icon__system_news--primary-hover, .dark .icon__system_news--primary:hover {
1304
+ .dark .icon__system_news--primary:hover {
1724
1305
  --icon-path: url("../assets/icons/.generated/system/dark/news.svg#primary-hover");
1725
1306
  }
1726
- .dark .icon__system_news--primary-active, .dark .icon__system_news--primary:active {
1307
+ .dark .icon__system_news--primary:active {
1727
1308
  --icon-path: url("../assets/icons/.generated/system/dark/news.svg#primary-active");
1728
1309
  }
1729
- .dark .icon__system_news--primary-disabled, .dark .icon__system_news--primary:disabled {
1310
+ .dark .icon__system_news--primary:disabled {
1730
1311
  --icon-path: url("../assets/icons/.generated/system/dark/news.svg#primary-disabled");
1731
1312
  }
1732
- .dark .icon__system_news--on-primary {
1733
- --icon-path: url("../assets/icons/.generated/system/dark/news.svg#on-primary");
1734
- }
1735
- .dark .icon__system_news--on-primary-hover, .dark .icon__system_news--on-primary:hover {
1313
+ .dark .icon__system_news--on-primary:hover {
1736
1314
  --icon-path: url("../assets/icons/.generated/system/dark/news.svg#on-primary-hover");
1737
1315
  }
1738
- .dark .icon__system_news--on-primary-active, .dark .icon__system_news--on-primary:active {
1316
+ .dark .icon__system_news--on-primary:active {
1739
1317
  --icon-path: url("../assets/icons/.generated/system/dark/news.svg#on-primary-active");
1740
1318
  }
1741
- .dark .icon__system_news--on-disabled {
1742
- --icon-path: url("../assets/icons/.generated/system/dark/news.svg#on-disabled");
1743
- }
1744
- .dark .icon__system_news--neutral {
1745
- --icon-path: url("../assets/icons/.generated/system/dark/news.svg#neutral");
1746
- }
1747
- .dark .icon__system_more-options-vertical--primary {
1748
- --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#primary");
1749
- }
1750
- .dark .icon__system_more-options-vertical--primary-hover, .dark .icon__system_more-options-vertical--primary:hover {
1319
+ .dark .icon__system_more-options-vertical--primary:hover {
1751
1320
  --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#primary-hover");
1752
1321
  }
1753
- .dark .icon__system_more-options-vertical--primary-active, .dark .icon__system_more-options-vertical--primary:active {
1322
+ .dark .icon__system_more-options-vertical--primary:active {
1754
1323
  --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#primary-active");
1755
1324
  }
1756
- .dark .icon__system_more-options-vertical--primary-disabled, .dark .icon__system_more-options-vertical--primary:disabled {
1325
+ .dark .icon__system_more-options-vertical--primary:disabled {
1757
1326
  --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#primary-disabled");
1758
1327
  }
1759
- .dark .icon__system_more-options-vertical--on-primary {
1760
- --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#on-primary");
1761
- }
1762
- .dark .icon__system_more-options-vertical--on-primary-hover, .dark .icon__system_more-options-vertical--on-primary:hover {
1328
+ .dark .icon__system_more-options-vertical--on-primary:hover {
1763
1329
  --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#on-primary-hover");
1764
1330
  }
1765
- .dark .icon__system_more-options-vertical--on-primary-active, .dark .icon__system_more-options-vertical--on-primary:active {
1331
+ .dark .icon__system_more-options-vertical--on-primary:active {
1766
1332
  --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#on-primary-active");
1767
1333
  }
1768
- .dark .icon__system_more-options-vertical--on-disabled {
1769
- --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#on-disabled");
1770
- }
1771
- .dark .icon__system_more-options-vertical--neutral {
1772
- --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#neutral");
1773
- }
1774
- .dark .icon__system_mail--primary {
1775
- --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#primary");
1776
- }
1777
- .dark .icon__system_mail--primary-hover, .dark .icon__system_mail--primary:hover {
1334
+ .dark .icon__system_mail--primary:hover {
1778
1335
  --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#primary-hover");
1779
1336
  }
1780
- .dark .icon__system_mail--primary-active, .dark .icon__system_mail--primary:active {
1337
+ .dark .icon__system_mail--primary:active {
1781
1338
  --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#primary-active");
1782
1339
  }
1783
- .dark .icon__system_mail--primary-disabled, .dark .icon__system_mail--primary:disabled {
1340
+ .dark .icon__system_mail--primary:disabled {
1784
1341
  --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#primary-disabled");
1785
1342
  }
1786
- .dark .icon__system_mail--on-primary {
1787
- --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#on-primary");
1788
- }
1789
- .dark .icon__system_mail--on-primary-hover, .dark .icon__system_mail--on-primary:hover {
1343
+ .dark .icon__system_mail--on-primary:hover {
1790
1344
  --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#on-primary-hover");
1791
1345
  }
1792
- .dark .icon__system_mail--on-primary-active, .dark .icon__system_mail--on-primary:active {
1346
+ .dark .icon__system_mail--on-primary:active {
1793
1347
  --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#on-primary-active");
1794
1348
  }
1795
- .dark .icon__system_mail--on-disabled {
1796
- --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#on-disabled");
1797
- }
1798
- .dark .icon__system_mail--neutral {
1799
- --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#neutral");
1800
- }
1801
- .dark .icon__system_logout--primary {
1802
- --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#primary");
1803
- }
1804
- .dark .icon__system_logout--primary-hover, .dark .icon__system_logout--primary:hover {
1349
+ .dark .icon__system_logout--primary:hover {
1805
1350
  --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#primary-hover");
1806
1351
  }
1807
- .dark .icon__system_logout--primary-active, .dark .icon__system_logout--primary:active {
1352
+ .dark .icon__system_logout--primary:active {
1808
1353
  --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#primary-active");
1809
1354
  }
1810
- .dark .icon__system_logout--primary-disabled, .dark .icon__system_logout--primary:disabled {
1355
+ .dark .icon__system_logout--primary:disabled {
1811
1356
  --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#primary-disabled");
1812
1357
  }
1813
- .dark .icon__system_logout--on-primary {
1814
- --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#on-primary");
1815
- }
1816
- .dark .icon__system_logout--on-primary-hover, .dark .icon__system_logout--on-primary:hover {
1358
+ .dark .icon__system_logout--on-primary:hover {
1817
1359
  --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#on-primary-hover");
1818
1360
  }
1819
- .dark .icon__system_logout--on-primary-active, .dark .icon__system_logout--on-primary:active {
1361
+ .dark .icon__system_logout--on-primary:active {
1820
1362
  --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#on-primary-active");
1821
1363
  }
1822
- .dark .icon__system_logout--on-disabled {
1823
- --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#on-disabled");
1824
- }
1825
- .dark .icon__system_logout--neutral {
1826
- --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#neutral");
1827
- }
1828
- .dark .icon__system_log-out--primary {
1829
- --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#primary");
1830
- }
1831
- .dark .icon__system_log-out--primary-hover, .dark .icon__system_log-out--primary:hover {
1364
+ .dark .icon__system_log-out--primary:hover {
1832
1365
  --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#primary-hover");
1833
1366
  }
1834
- .dark .icon__system_log-out--primary-active, .dark .icon__system_log-out--primary:active {
1367
+ .dark .icon__system_log-out--primary:active {
1835
1368
  --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#primary-active");
1836
1369
  }
1837
- .dark .icon__system_log-out--primary-disabled, .dark .icon__system_log-out--primary:disabled {
1370
+ .dark .icon__system_log-out--primary:disabled {
1838
1371
  --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#primary-disabled");
1839
1372
  }
1840
- .dark .icon__system_log-out--on-primary {
1841
- --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#on-primary");
1842
- }
1843
- .dark .icon__system_log-out--on-primary-hover, .dark .icon__system_log-out--on-primary:hover {
1373
+ .dark .icon__system_log-out--on-primary:hover {
1844
1374
  --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#on-primary-hover");
1845
1375
  }
1846
- .dark .icon__system_log-out--on-primary-active, .dark .icon__system_log-out--on-primary:active {
1376
+ .dark .icon__system_log-out--on-primary:active {
1847
1377
  --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#on-primary-active");
1848
1378
  }
1849
- .dark .icon__system_log-out--on-disabled {
1850
- --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#on-disabled");
1851
- }
1852
- .dark .icon__system_log-out--neutral {
1853
- --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#neutral");
1854
- }
1855
- .dark .icon__system_lock--primary {
1856
- --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#primary");
1857
- }
1858
- .dark .icon__system_lock--primary-hover, .dark .icon__system_lock--primary:hover {
1379
+ .dark .icon__system_lock--primary:hover {
1859
1380
  --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#primary-hover");
1860
1381
  }
1861
- .dark .icon__system_lock--primary-active, .dark .icon__system_lock--primary:active {
1382
+ .dark .icon__system_lock--primary:active {
1862
1383
  --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#primary-active");
1863
1384
  }
1864
- .dark .icon__system_lock--primary-disabled, .dark .icon__system_lock--primary:disabled {
1385
+ .dark .icon__system_lock--primary:disabled {
1865
1386
  --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#primary-disabled");
1866
1387
  }
1867
- .dark .icon__system_lock--on-primary {
1868
- --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#on-primary");
1869
- }
1870
- .dark .icon__system_lock--on-primary-hover, .dark .icon__system_lock--on-primary:hover {
1388
+ .dark .icon__system_lock--on-primary:hover {
1871
1389
  --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#on-primary-hover");
1872
1390
  }
1873
- .dark .icon__system_lock--on-primary-active, .dark .icon__system_lock--on-primary:active {
1391
+ .dark .icon__system_lock--on-primary:active {
1874
1392
  --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#on-primary-active");
1875
1393
  }
1876
- .dark .icon__system_lock--on-disabled {
1877
- --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#on-disabled");
1878
- }
1879
- .dark .icon__system_lock--neutral {
1880
- --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#neutral");
1881
- }
1882
- .dark .icon__system_list--primary {
1883
- --icon-path: url("../assets/icons/.generated/system/dark/list.svg#primary");
1884
- }
1885
- .dark .icon__system_list--primary-hover, .dark .icon__system_list--primary:hover {
1394
+ .dark .icon__system_list--primary:hover {
1886
1395
  --icon-path: url("../assets/icons/.generated/system/dark/list.svg#primary-hover");
1887
1396
  }
1888
- .dark .icon__system_list--primary-active, .dark .icon__system_list--primary:active {
1397
+ .dark .icon__system_list--primary:active {
1889
1398
  --icon-path: url("../assets/icons/.generated/system/dark/list.svg#primary-active");
1890
1399
  }
1891
- .dark .icon__system_list--primary-disabled, .dark .icon__system_list--primary:disabled {
1400
+ .dark .icon__system_list--primary:disabled {
1892
1401
  --icon-path: url("../assets/icons/.generated/system/dark/list.svg#primary-disabled");
1893
1402
  }
1894
- .dark .icon__system_list--on-primary {
1895
- --icon-path: url("../assets/icons/.generated/system/dark/list.svg#on-primary");
1896
- }
1897
- .dark .icon__system_list--on-primary-hover, .dark .icon__system_list--on-primary:hover {
1403
+ .dark .icon__system_list--on-primary:hover {
1898
1404
  --icon-path: url("../assets/icons/.generated/system/dark/list.svg#on-primary-hover");
1899
1405
  }
1900
- .dark .icon__system_list--on-primary-active, .dark .icon__system_list--on-primary:active {
1406
+ .dark .icon__system_list--on-primary:active {
1901
1407
  --icon-path: url("../assets/icons/.generated/system/dark/list.svg#on-primary-active");
1902
1408
  }
1903
- .dark .icon__system_list--on-disabled {
1904
- --icon-path: url("../assets/icons/.generated/system/dark/list.svg#on-disabled");
1905
- }
1906
- .dark .icon__system_list--neutral {
1907
- --icon-path: url("../assets/icons/.generated/system/dark/list.svg#neutral");
1908
- }
1909
- .dark .icon__system_link--primary {
1910
- --icon-path: url("../assets/icons/.generated/system/dark/link.svg#primary");
1911
- }
1912
- .dark .icon__system_link--primary-hover, .dark .icon__system_link--primary:hover {
1409
+ .dark .icon__system_link--primary:hover {
1913
1410
  --icon-path: url("../assets/icons/.generated/system/dark/link.svg#primary-hover");
1914
1411
  }
1915
- .dark .icon__system_link--primary-active, .dark .icon__system_link--primary:active {
1412
+ .dark .icon__system_link--primary:active {
1916
1413
  --icon-path: url("../assets/icons/.generated/system/dark/link.svg#primary-active");
1917
1414
  }
1918
- .dark .icon__system_link--primary-disabled, .dark .icon__system_link--primary:disabled {
1415
+ .dark .icon__system_link--primary:disabled {
1919
1416
  --icon-path: url("../assets/icons/.generated/system/dark/link.svg#primary-disabled");
1920
1417
  }
1921
- .dark .icon__system_link--on-primary {
1922
- --icon-path: url("../assets/icons/.generated/system/dark/link.svg#on-primary");
1923
- }
1924
- .dark .icon__system_link--on-primary-hover, .dark .icon__system_link--on-primary:hover {
1418
+ .dark .icon__system_link--on-primary:hover {
1925
1419
  --icon-path: url("../assets/icons/.generated/system/dark/link.svg#on-primary-hover");
1926
1420
  }
1927
- .dark .icon__system_link--on-primary-active, .dark .icon__system_link--on-primary:active {
1421
+ .dark .icon__system_link--on-primary:active {
1928
1422
  --icon-path: url("../assets/icons/.generated/system/dark/link.svg#on-primary-active");
1929
1423
  }
1930
- .dark .icon__system_link--on-disabled {
1931
- --icon-path: url("../assets/icons/.generated/system/dark/link.svg#on-disabled");
1932
- }
1933
- .dark .icon__system_link--neutral {
1934
- --icon-path: url("../assets/icons/.generated/system/dark/link.svg#neutral");
1935
- }
1936
- .dark .icon__system_link-variant--primary {
1937
- --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#primary");
1938
- }
1939
- .dark .icon__system_link-variant--primary-hover, .dark .icon__system_link-variant--primary:hover {
1424
+ .dark .icon__system_link-variant--primary:hover {
1940
1425
  --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#primary-hover");
1941
1426
  }
1942
- .dark .icon__system_link-variant--primary-active, .dark .icon__system_link-variant--primary:active {
1427
+ .dark .icon__system_link-variant--primary:active {
1943
1428
  --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#primary-active");
1944
1429
  }
1945
- .dark .icon__system_link-variant--primary-disabled, .dark .icon__system_link-variant--primary:disabled {
1430
+ .dark .icon__system_link-variant--primary:disabled {
1946
1431
  --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#primary-disabled");
1947
1432
  }
1948
- .dark .icon__system_link-variant--on-primary {
1949
- --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#on-primary");
1950
- }
1951
- .dark .icon__system_link-variant--on-primary-hover, .dark .icon__system_link-variant--on-primary:hover {
1433
+ .dark .icon__system_link-variant--on-primary:hover {
1952
1434
  --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#on-primary-hover");
1953
1435
  }
1954
- .dark .icon__system_link-variant--on-primary-active, .dark .icon__system_link-variant--on-primary:active {
1436
+ .dark .icon__system_link-variant--on-primary:active {
1955
1437
  --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#on-primary-active");
1956
1438
  }
1957
- .dark .icon__system_link-variant--on-disabled {
1958
- --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#on-disabled");
1959
- }
1960
- .dark .icon__system_link-variant--neutral {
1961
- --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#neutral");
1962
- }
1963
- .dark .icon__system_home--primary {
1964
- --icon-path: url("../assets/icons/.generated/system/dark/home.svg#primary");
1965
- }
1966
- .dark .icon__system_home--primary-hover, .dark .icon__system_home--primary:hover {
1439
+ .dark .icon__system_home--primary:hover {
1967
1440
  --icon-path: url("../assets/icons/.generated/system/dark/home.svg#primary-hover");
1968
1441
  }
1969
- .dark .icon__system_home--primary-active, .dark .icon__system_home--primary:active {
1442
+ .dark .icon__system_home--primary:active {
1970
1443
  --icon-path: url("../assets/icons/.generated/system/dark/home.svg#primary-active");
1971
1444
  }
1972
- .dark .icon__system_home--primary-disabled, .dark .icon__system_home--primary:disabled {
1445
+ .dark .icon__system_home--primary:disabled {
1973
1446
  --icon-path: url("../assets/icons/.generated/system/dark/home.svg#primary-disabled");
1974
1447
  }
1975
- .dark .icon__system_home--on-primary {
1976
- --icon-path: url("../assets/icons/.generated/system/dark/home.svg#on-primary");
1977
- }
1978
- .dark .icon__system_home--on-primary-hover, .dark .icon__system_home--on-primary:hover {
1448
+ .dark .icon__system_home--on-primary:hover {
1979
1449
  --icon-path: url("../assets/icons/.generated/system/dark/home.svg#on-primary-hover");
1980
1450
  }
1981
- .dark .icon__system_home--on-primary-active, .dark .icon__system_home--on-primary:active {
1451
+ .dark .icon__system_home--on-primary:active {
1982
1452
  --icon-path: url("../assets/icons/.generated/system/dark/home.svg#on-primary-active");
1983
1453
  }
1984
- .dark .icon__system_home--on-disabled {
1985
- --icon-path: url("../assets/icons/.generated/system/dark/home.svg#on-disabled");
1986
- }
1987
- .dark .icon__system_home--neutral {
1988
- --icon-path: url("../assets/icons/.generated/system/dark/home.svg#neutral");
1989
- }
1990
- .dark .icon__system_grid--primary {
1991
- --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#primary");
1992
- }
1993
- .dark .icon__system_grid--primary-hover, .dark .icon__system_grid--primary:hover {
1454
+ .dark .icon__system_grid--primary:hover {
1994
1455
  --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#primary-hover");
1995
1456
  }
1996
- .dark .icon__system_grid--primary-active, .dark .icon__system_grid--primary:active {
1457
+ .dark .icon__system_grid--primary:active {
1997
1458
  --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#primary-active");
1998
1459
  }
1999
- .dark .icon__system_grid--primary-disabled, .dark .icon__system_grid--primary:disabled {
1460
+ .dark .icon__system_grid--primary:disabled {
2000
1461
  --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#primary-disabled");
2001
1462
  }
2002
- .dark .icon__system_grid--on-primary {
2003
- --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#on-primary");
2004
- }
2005
- .dark .icon__system_grid--on-primary-hover, .dark .icon__system_grid--on-primary:hover {
1463
+ .dark .icon__system_grid--on-primary:hover {
2006
1464
  --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#on-primary-hover");
2007
1465
  }
2008
- .dark .icon__system_grid--on-primary-active, .dark .icon__system_grid--on-primary:active {
1466
+ .dark .icon__system_grid--on-primary:active {
2009
1467
  --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#on-primary-active");
2010
1468
  }
2011
- .dark .icon__system_grid--on-disabled {
2012
- --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#on-disabled");
2013
- }
2014
- .dark .icon__system_grid--neutral {
2015
- --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#neutral");
2016
- }
2017
- .dark .icon__system_filters--primary {
2018
- --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#primary");
2019
- }
2020
- .dark .icon__system_filters--primary-hover, .dark .icon__system_filters--primary:hover {
1469
+ .dark .icon__system_filters--primary:hover {
2021
1470
  --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#primary-hover");
2022
1471
  }
2023
- .dark .icon__system_filters--primary-active, .dark .icon__system_filters--primary:active {
1472
+ .dark .icon__system_filters--primary:active {
2024
1473
  --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#primary-active");
2025
1474
  }
2026
- .dark .icon__system_filters--primary-disabled, .dark .icon__system_filters--primary:disabled {
1475
+ .dark .icon__system_filters--primary:disabled {
2027
1476
  --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#primary-disabled");
2028
1477
  }
2029
- .dark .icon__system_filters--on-primary {
2030
- --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#on-primary");
2031
- }
2032
- .dark .icon__system_filters--on-primary-hover, .dark .icon__system_filters--on-primary:hover {
1478
+ .dark .icon__system_filters--on-primary:hover {
2033
1479
  --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#on-primary-hover");
2034
1480
  }
2035
- .dark .icon__system_filters--on-primary-active, .dark .icon__system_filters--on-primary:active {
1481
+ .dark .icon__system_filters--on-primary:active {
2036
1482
  --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#on-primary-active");
2037
1483
  }
2038
- .dark .icon__system_filters--on-disabled {
2039
- --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#on-disabled");
2040
- }
2041
- .dark .icon__system_filters--neutral {
2042
- --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#neutral");
2043
- }
2044
- .dark .icon__system_expand--primary {
2045
- --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#primary");
2046
- }
2047
- .dark .icon__system_expand--primary-hover, .dark .icon__system_expand--primary:hover {
1484
+ .dark .icon__system_expand--primary:hover {
2048
1485
  --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#primary-hover");
2049
1486
  }
2050
- .dark .icon__system_expand--primary-active, .dark .icon__system_expand--primary:active {
1487
+ .dark .icon__system_expand--primary:active {
2051
1488
  --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#primary-active");
2052
1489
  }
2053
- .dark .icon__system_expand--primary-disabled, .dark .icon__system_expand--primary:disabled {
1490
+ .dark .icon__system_expand--primary:disabled {
2054
1491
  --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#primary-disabled");
2055
1492
  }
2056
- .dark .icon__system_expand--on-primary {
2057
- --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#on-primary");
2058
- }
2059
- .dark .icon__system_expand--on-primary-hover, .dark .icon__system_expand--on-primary:hover {
1493
+ .dark .icon__system_expand--on-primary:hover {
2060
1494
  --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#on-primary-hover");
2061
1495
  }
2062
- .dark .icon__system_expand--on-primary-active, .dark .icon__system_expand--on-primary:active {
1496
+ .dark .icon__system_expand--on-primary:active {
2063
1497
  --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#on-primary-active");
2064
1498
  }
2065
- .dark .icon__system_expand--on-disabled {
2066
- --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#on-disabled");
2067
- }
2068
- .dark .icon__system_expand--neutral {
2069
- --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#neutral");
2070
- }
2071
- .dark .icon__system_drag--primary {
2072
- --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#primary");
2073
- }
2074
- .dark .icon__system_drag--primary-hover, .dark .icon__system_drag--primary:hover {
1499
+ .dark .icon__system_drag--primary:hover {
2075
1500
  --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#primary-hover");
2076
1501
  }
2077
- .dark .icon__system_drag--primary-active, .dark .icon__system_drag--primary:active {
1502
+ .dark .icon__system_drag--primary:active {
2078
1503
  --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#primary-active");
2079
1504
  }
2080
- .dark .icon__system_drag--primary-disabled, .dark .icon__system_drag--primary:disabled {
1505
+ .dark .icon__system_drag--primary:disabled {
2081
1506
  --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#primary-disabled");
2082
1507
  }
2083
- .dark .icon__system_drag--on-primary {
2084
- --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#on-primary");
2085
- }
2086
- .dark .icon__system_drag--on-primary-hover, .dark .icon__system_drag--on-primary:hover {
1508
+ .dark .icon__system_drag--on-primary:hover {
2087
1509
  --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#on-primary-hover");
2088
1510
  }
2089
- .dark .icon__system_drag--on-primary-active, .dark .icon__system_drag--on-primary:active {
1511
+ .dark .icon__system_drag--on-primary:active {
2090
1512
  --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#on-primary-active");
2091
1513
  }
2092
- .dark .icon__system_drag--on-disabled {
2093
- --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#on-disabled");
2094
- }
2095
- .dark .icon__system_drag--neutral {
2096
- --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#neutral");
2097
- }
2098
- .dark .icon__system_download--primary {
2099
- --icon-path: url("../assets/icons/.generated/system/dark/download.svg#primary");
2100
- }
2101
- .dark .icon__system_download--primary-hover, .dark .icon__system_download--primary:hover {
1514
+ .dark .icon__system_download--primary:hover {
2102
1515
  --icon-path: url("../assets/icons/.generated/system/dark/download.svg#primary-hover");
2103
1516
  }
2104
- .dark .icon__system_download--primary-active, .dark .icon__system_download--primary:active {
1517
+ .dark .icon__system_download--primary:active {
2105
1518
  --icon-path: url("../assets/icons/.generated/system/dark/download.svg#primary-active");
2106
1519
  }
2107
- .dark .icon__system_download--primary-disabled, .dark .icon__system_download--primary:disabled {
1520
+ .dark .icon__system_download--primary:disabled {
2108
1521
  --icon-path: url("../assets/icons/.generated/system/dark/download.svg#primary-disabled");
2109
1522
  }
2110
- .dark .icon__system_download--on-primary {
2111
- --icon-path: url("../assets/icons/.generated/system/dark/download.svg#on-primary");
2112
- }
2113
- .dark .icon__system_download--on-primary-hover, .dark .icon__system_download--on-primary:hover {
1523
+ .dark .icon__system_download--on-primary:hover {
2114
1524
  --icon-path: url("../assets/icons/.generated/system/dark/download.svg#on-primary-hover");
2115
1525
  }
2116
- .dark .icon__system_download--on-primary-active, .dark .icon__system_download--on-primary:active {
1526
+ .dark .icon__system_download--on-primary:active {
2117
1527
  --icon-path: url("../assets/icons/.generated/system/dark/download.svg#on-primary-active");
2118
1528
  }
2119
- .dark .icon__system_download--on-disabled {
2120
- --icon-path: url("../assets/icons/.generated/system/dark/download.svg#on-disabled");
2121
- }
2122
- .dark .icon__system_download--neutral {
2123
- --icon-path: url("../assets/icons/.generated/system/dark/download.svg#neutral");
2124
- }
2125
- .dark .icon__system_database--primary {
2126
- --icon-path: url("../assets/icons/.generated/system/dark/database.svg#primary");
2127
- }
2128
- .dark .icon__system_database--primary-hover, .dark .icon__system_database--primary:hover {
1529
+ .dark .icon__system_database--primary:hover {
2129
1530
  --icon-path: url("../assets/icons/.generated/system/dark/database.svg#primary-hover");
2130
1531
  }
2131
- .dark .icon__system_database--primary-active, .dark .icon__system_database--primary:active {
1532
+ .dark .icon__system_database--primary:active {
2132
1533
  --icon-path: url("../assets/icons/.generated/system/dark/database.svg#primary-active");
2133
1534
  }
2134
- .dark .icon__system_database--primary-disabled, .dark .icon__system_database--primary:disabled {
1535
+ .dark .icon__system_database--primary:disabled {
2135
1536
  --icon-path: url("../assets/icons/.generated/system/dark/database.svg#primary-disabled");
2136
1537
  }
2137
- .dark .icon__system_database--on-primary {
2138
- --icon-path: url("../assets/icons/.generated/system/dark/database.svg#on-primary");
2139
- }
2140
- .dark .icon__system_database--on-primary-hover, .dark .icon__system_database--on-primary:hover {
1538
+ .dark .icon__system_database--on-primary:hover {
2141
1539
  --icon-path: url("../assets/icons/.generated/system/dark/database.svg#on-primary-hover");
2142
1540
  }
2143
- .dark .icon__system_database--on-primary-active, .dark .icon__system_database--on-primary:active {
1541
+ .dark .icon__system_database--on-primary:active {
2144
1542
  --icon-path: url("../assets/icons/.generated/system/dark/database.svg#on-primary-active");
2145
1543
  }
2146
- .dark .icon__system_database--on-disabled {
2147
- --icon-path: url("../assets/icons/.generated/system/dark/database.svg#on-disabled");
2148
- }
2149
- .dark .icon__system_database--neutral {
2150
- --icon-path: url("../assets/icons/.generated/system/dark/database.svg#neutral");
2151
- }
2152
- .dark .icon__system_dashboard--primary {
2153
- --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#primary");
2154
- }
2155
- .dark .icon__system_dashboard--primary-hover, .dark .icon__system_dashboard--primary:hover {
1544
+ .dark .icon__system_dashboard--primary:hover {
2156
1545
  --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#primary-hover");
2157
1546
  }
2158
- .dark .icon__system_dashboard--primary-active, .dark .icon__system_dashboard--primary:active {
1547
+ .dark .icon__system_dashboard--primary:active {
2159
1548
  --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#primary-active");
2160
1549
  }
2161
- .dark .icon__system_dashboard--primary-disabled, .dark .icon__system_dashboard--primary:disabled {
1550
+ .dark .icon__system_dashboard--primary:disabled {
2162
1551
  --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#primary-disabled");
2163
1552
  }
2164
- .dark .icon__system_dashboard--on-primary {
2165
- --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#on-primary");
2166
- }
2167
- .dark .icon__system_dashboard--on-primary-hover, .dark .icon__system_dashboard--on-primary:hover {
1553
+ .dark .icon__system_dashboard--on-primary:hover {
2168
1554
  --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#on-primary-hover");
2169
1555
  }
2170
- .dark .icon__system_dashboard--on-primary-active, .dark .icon__system_dashboard--on-primary:active {
1556
+ .dark .icon__system_dashboard--on-primary:active {
2171
1557
  --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#on-primary-active");
2172
1558
  }
2173
- .dark .icon__system_dashboard--on-disabled {
2174
- --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#on-disabled");
2175
- }
2176
- .dark .icon__system_dashboard--neutral {
2177
- --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#neutral");
2178
- }
2179
- .dark .icon__system_contact--primary {
2180
- --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#primary");
2181
- }
2182
- .dark .icon__system_contact--primary-hover, .dark .icon__system_contact--primary:hover {
1559
+ .dark .icon__system_contact--primary:hover {
2183
1560
  --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#primary-hover");
2184
1561
  }
2185
- .dark .icon__system_contact--primary-active, .dark .icon__system_contact--primary:active {
1562
+ .dark .icon__system_contact--primary:active {
2186
1563
  --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#primary-active");
2187
1564
  }
2188
- .dark .icon__system_contact--primary-disabled, .dark .icon__system_contact--primary:disabled {
1565
+ .dark .icon__system_contact--primary:disabled {
2189
1566
  --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#primary-disabled");
2190
1567
  }
2191
- .dark .icon__system_contact--on-primary {
2192
- --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#on-primary");
2193
- }
2194
- .dark .icon__system_contact--on-primary-hover, .dark .icon__system_contact--on-primary:hover {
1568
+ .dark .icon__system_contact--on-primary:hover {
2195
1569
  --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#on-primary-hover");
2196
1570
  }
2197
- .dark .icon__system_contact--on-primary-active, .dark .icon__system_contact--on-primary:active {
1571
+ .dark .icon__system_contact--on-primary:active {
2198
1572
  --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#on-primary-active");
2199
1573
  }
2200
- .dark .icon__system_contact--on-disabled {
2201
- --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#on-disabled");
2202
- }
2203
- .dark .icon__system_contact--neutral {
2204
- --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#neutral");
2205
- }
2206
- .dark .icon__system_connector--primary {
2207
- --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#primary");
2208
- }
2209
- .dark .icon__system_connector--primary-hover, .dark .icon__system_connector--primary:hover {
1574
+ .dark .icon__system_connector--primary:hover {
2210
1575
  --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#primary-hover");
2211
1576
  }
2212
- .dark .icon__system_connector--primary-active, .dark .icon__system_connector--primary:active {
1577
+ .dark .icon__system_connector--primary:active {
2213
1578
  --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#primary-active");
2214
1579
  }
2215
- .dark .icon__system_connector--primary-disabled, .dark .icon__system_connector--primary:disabled {
1580
+ .dark .icon__system_connector--primary:disabled {
2216
1581
  --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#primary-disabled");
2217
1582
  }
2218
- .dark .icon__system_connector--on-primary {
2219
- --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#on-primary");
2220
- }
2221
- .dark .icon__system_connector--on-primary-hover, .dark .icon__system_connector--on-primary:hover {
1583
+ .dark .icon__system_connector--on-primary:hover {
2222
1584
  --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#on-primary-hover");
2223
1585
  }
2224
- .dark .icon__system_connector--on-primary-active, .dark .icon__system_connector--on-primary:active {
1586
+ .dark .icon__system_connector--on-primary:active {
2225
1587
  --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#on-primary-active");
2226
1588
  }
2227
- .dark .icon__system_connector--on-disabled {
2228
- --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#on-disabled");
2229
- }
2230
- .dark .icon__system_connector--neutral {
2231
- --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#neutral");
2232
- }
2233
- .dark .icon__system_close--primary {
2234
- --icon-path: url("../assets/icons/.generated/system/dark/close.svg#primary");
2235
- }
2236
- .dark .icon__system_close--primary-hover, .dark .icon__system_close--primary:hover {
1589
+ .dark .icon__system_close--primary:hover {
2237
1590
  --icon-path: url("../assets/icons/.generated/system/dark/close.svg#primary-hover");
2238
1591
  }
2239
- .dark .icon__system_close--primary-active, .dark .icon__system_close--primary:active {
1592
+ .dark .icon__system_close--primary:active {
2240
1593
  --icon-path: url("../assets/icons/.generated/system/dark/close.svg#primary-active");
2241
1594
  }
2242
- .dark .icon__system_close--primary-disabled, .dark .icon__system_close--primary:disabled {
1595
+ .dark .icon__system_close--primary:disabled {
2243
1596
  --icon-path: url("../assets/icons/.generated/system/dark/close.svg#primary-disabled");
2244
1597
  }
2245
- .dark .icon__system_close--on-primary {
2246
- --icon-path: url("../assets/icons/.generated/system/dark/close.svg#on-primary");
2247
- }
2248
- .dark .icon__system_close--on-primary-hover, .dark .icon__system_close--on-primary:hover {
1598
+ .dark .icon__system_close--on-primary:hover {
2249
1599
  --icon-path: url("../assets/icons/.generated/system/dark/close.svg#on-primary-hover");
2250
1600
  }
2251
- .dark .icon__system_close--on-primary-active, .dark .icon__system_close--on-primary:active {
1601
+ .dark .icon__system_close--on-primary:active {
2252
1602
  --icon-path: url("../assets/icons/.generated/system/dark/close.svg#on-primary-active");
2253
1603
  }
2254
- .dark .icon__system_close--on-disabled {
2255
- --icon-path: url("../assets/icons/.generated/system/dark/close.svg#on-disabled");
2256
- }
2257
- .dark .icon__system_close--neutral {
2258
- --icon-path: url("../assets/icons/.generated/system/dark/close.svg#neutral");
2259
- }
2260
- .dark .icon__system_chevron-up--primary {
2261
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#primary");
2262
- }
2263
- .dark .icon__system_chevron-up--primary-hover, .dark .icon__system_chevron-up--primary:hover {
1604
+ .dark .icon__system_chevron-up--primary:hover {
2264
1605
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#primary-hover");
2265
1606
  }
2266
- .dark .icon__system_chevron-up--primary-active, .dark .icon__system_chevron-up--primary:active {
1607
+ .dark .icon__system_chevron-up--primary:active {
2267
1608
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#primary-active");
2268
1609
  }
2269
- .dark .icon__system_chevron-up--primary-disabled, .dark .icon__system_chevron-up--primary:disabled {
1610
+ .dark .icon__system_chevron-up--primary:disabled {
2270
1611
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#primary-disabled");
2271
1612
  }
2272
- .dark .icon__system_chevron-up--on-primary {
2273
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#on-primary");
2274
- }
2275
- .dark .icon__system_chevron-up--on-primary-hover, .dark .icon__system_chevron-up--on-primary:hover {
1613
+ .dark .icon__system_chevron-up--on-primary:hover {
2276
1614
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#on-primary-hover");
2277
1615
  }
2278
- .dark .icon__system_chevron-up--on-primary-active, .dark .icon__system_chevron-up--on-primary:active {
1616
+ .dark .icon__system_chevron-up--on-primary:active {
2279
1617
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#on-primary-active");
2280
1618
  }
2281
- .dark .icon__system_chevron-up--on-disabled {
2282
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#on-disabled");
2283
- }
2284
- .dark .icon__system_chevron-up--neutral {
2285
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#neutral");
2286
- }
2287
- .dark .icon__system_chevron-right--primary {
2288
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#primary");
2289
- }
2290
- .dark .icon__system_chevron-right--primary-hover, .dark .icon__system_chevron-right--primary:hover {
1619
+ .dark .icon__system_chevron-right--primary:hover {
2291
1620
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#primary-hover");
2292
1621
  }
2293
- .dark .icon__system_chevron-right--primary-active, .dark .icon__system_chevron-right--primary:active {
1622
+ .dark .icon__system_chevron-right--primary:active {
2294
1623
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#primary-active");
2295
1624
  }
2296
- .dark .icon__system_chevron-right--primary-disabled, .dark .icon__system_chevron-right--primary:disabled {
1625
+ .dark .icon__system_chevron-right--primary:disabled {
2297
1626
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#primary-disabled");
2298
1627
  }
2299
- .dark .icon__system_chevron-right--on-primary {
2300
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#on-primary");
2301
- }
2302
- .dark .icon__system_chevron-right--on-primary-hover, .dark .icon__system_chevron-right--on-primary:hover {
1628
+ .dark .icon__system_chevron-right--on-primary:hover {
2303
1629
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#on-primary-hover");
2304
1630
  }
2305
- .dark .icon__system_chevron-right--on-primary-active, .dark .icon__system_chevron-right--on-primary:active {
1631
+ .dark .icon__system_chevron-right--on-primary:active {
2306
1632
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#on-primary-active");
2307
1633
  }
2308
- .dark .icon__system_chevron-right--on-disabled {
2309
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#on-disabled");
2310
- }
2311
- .dark .icon__system_chevron-right--neutral {
2312
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#neutral");
2313
- }
2314
- .dark .icon__system_chevron-down--primary {
2315
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#primary");
2316
- }
2317
- .dark .icon__system_chevron-down--primary-hover, .dark .icon__system_chevron-down--primary:hover {
1634
+ .dark .icon__system_chevron-down--primary:hover {
2318
1635
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#primary-hover");
2319
1636
  }
2320
- .dark .icon__system_chevron-down--primary-active, .dark .icon__system_chevron-down--primary:active {
1637
+ .dark .icon__system_chevron-down--primary:active {
2321
1638
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#primary-active");
2322
1639
  }
2323
- .dark .icon__system_chevron-down--primary-disabled, .dark .icon__system_chevron-down--primary:disabled {
1640
+ .dark .icon__system_chevron-down--primary:disabled {
2324
1641
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#primary-disabled");
2325
1642
  }
2326
- .dark .icon__system_chevron-down--on-primary {
2327
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#on-primary");
2328
- }
2329
- .dark .icon__system_chevron-down--on-primary-hover, .dark .icon__system_chevron-down--on-primary:hover {
1643
+ .dark .icon__system_chevron-down--on-primary:hover {
2330
1644
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#on-primary-hover");
2331
1645
  }
2332
- .dark .icon__system_chevron-down--on-primary-active, .dark .icon__system_chevron-down--on-primary:active {
1646
+ .dark .icon__system_chevron-down--on-primary:active {
2333
1647
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#on-primary-active");
2334
1648
  }
2335
- .dark .icon__system_chevron-down--on-disabled {
2336
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#on-disabled");
2337
- }
2338
- .dark .icon__system_chevron-down--neutral {
2339
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#neutral");
2340
- }
2341
- .dark .icon__system_check--primary {
2342
- --icon-path: url("../assets/icons/.generated/system/dark/check.svg#primary");
2343
- }
2344
- .dark .icon__system_check--primary-hover, .dark .icon__system_check--primary:hover {
1649
+ .dark .icon__system_check--primary:hover {
2345
1650
  --icon-path: url("../assets/icons/.generated/system/dark/check.svg#primary-hover");
2346
1651
  }
2347
- .dark .icon__system_check--primary-active, .dark .icon__system_check--primary:active {
1652
+ .dark .icon__system_check--primary:active {
2348
1653
  --icon-path: url("../assets/icons/.generated/system/dark/check.svg#primary-active");
2349
1654
  }
2350
- .dark .icon__system_check--primary-disabled, .dark .icon__system_check--primary:disabled {
1655
+ .dark .icon__system_check--primary:disabled {
2351
1656
  --icon-path: url("../assets/icons/.generated/system/dark/check.svg#primary-disabled");
2352
1657
  }
2353
- .dark .icon__system_check--on-primary {
2354
- --icon-path: url("../assets/icons/.generated/system/dark/check.svg#on-primary");
2355
- }
2356
- .dark .icon__system_check--on-primary-hover, .dark .icon__system_check--on-primary:hover {
1658
+ .dark .icon__system_check--on-primary:hover {
2357
1659
  --icon-path: url("../assets/icons/.generated/system/dark/check.svg#on-primary-hover");
2358
1660
  }
2359
- .dark .icon__system_check--on-primary-active, .dark .icon__system_check--on-primary:active {
1661
+ .dark .icon__system_check--on-primary:active {
2360
1662
  --icon-path: url("../assets/icons/.generated/system/dark/check.svg#on-primary-active");
2361
1663
  }
2362
- .dark .icon__system_check--on-disabled {
2363
- --icon-path: url("../assets/icons/.generated/system/dark/check.svg#on-disabled");
2364
- }
2365
- .dark .icon__system_check--neutral {
2366
- --icon-path: url("../assets/icons/.generated/system/dark/check.svg#neutral");
2367
- }
2368
- .dark .icon__system_card--primary {
2369
- --icon-path: url("../assets/icons/.generated/system/dark/card.svg#primary");
2370
- }
2371
- .dark .icon__system_card--primary-hover, .dark .icon__system_card--primary:hover {
1664
+ .dark .icon__system_card--primary:hover {
2372
1665
  --icon-path: url("../assets/icons/.generated/system/dark/card.svg#primary-hover");
2373
1666
  }
2374
- .dark .icon__system_card--primary-active, .dark .icon__system_card--primary:active {
1667
+ .dark .icon__system_card--primary:active {
2375
1668
  --icon-path: url("../assets/icons/.generated/system/dark/card.svg#primary-active");
2376
1669
  }
2377
- .dark .icon__system_card--primary-disabled, .dark .icon__system_card--primary:disabled {
1670
+ .dark .icon__system_card--primary:disabled {
2378
1671
  --icon-path: url("../assets/icons/.generated/system/dark/card.svg#primary-disabled");
2379
1672
  }
2380
- .dark .icon__system_card--on-primary {
2381
- --icon-path: url("../assets/icons/.generated/system/dark/card.svg#on-primary");
2382
- }
2383
- .dark .icon__system_card--on-primary-hover, .dark .icon__system_card--on-primary:hover {
1673
+ .dark .icon__system_card--on-primary:hover {
2384
1674
  --icon-path: url("../assets/icons/.generated/system/dark/card.svg#on-primary-hover");
2385
1675
  }
2386
- .dark .icon__system_card--on-primary-active, .dark .icon__system_card--on-primary:active {
1676
+ .dark .icon__system_card--on-primary:active {
2387
1677
  --icon-path: url("../assets/icons/.generated/system/dark/card.svg#on-primary-active");
2388
1678
  }
2389
- .dark .icon__system_card--on-disabled {
2390
- --icon-path: url("../assets/icons/.generated/system/dark/card.svg#on-disabled");
2391
- }
2392
- .dark .icon__system_card--neutral {
2393
- --icon-path: url("../assets/icons/.generated/system/dark/card.svg#neutral");
2394
- }
2395
- .dark .icon__system_card-variant--primary {
2396
- --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#primary");
2397
- }
2398
- .dark .icon__system_card-variant--primary-hover, .dark .icon__system_card-variant--primary:hover {
1679
+ .dark .icon__system_card-variant--primary:hover {
2399
1680
  --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#primary-hover");
2400
1681
  }
2401
- .dark .icon__system_card-variant--primary-active, .dark .icon__system_card-variant--primary:active {
1682
+ .dark .icon__system_card-variant--primary:active {
2402
1683
  --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#primary-active");
2403
1684
  }
2404
- .dark .icon__system_card-variant--primary-disabled, .dark .icon__system_card-variant--primary:disabled {
1685
+ .dark .icon__system_card-variant--primary:disabled {
2405
1686
  --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#primary-disabled");
2406
1687
  }
2407
- .dark .icon__system_card-variant--on-primary {
2408
- --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#on-primary");
2409
- }
2410
- .dark .icon__system_card-variant--on-primary-hover, .dark .icon__system_card-variant--on-primary:hover {
1688
+ .dark .icon__system_card-variant--on-primary:hover {
2411
1689
  --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#on-primary-hover");
2412
1690
  }
2413
- .dark .icon__system_card-variant--on-primary-active, .dark .icon__system_card-variant--on-primary:active {
1691
+ .dark .icon__system_card-variant--on-primary:active {
2414
1692
  --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#on-primary-active");
2415
1693
  }
2416
- .dark .icon__system_card-variant--on-disabled {
2417
- --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#on-disabled");
2418
- }
2419
- .dark .icon__system_card-variant--neutral {
2420
- --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#neutral");
2421
- }
2422
- .dark .icon__system_assistant--primary {
2423
- --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#primary");
2424
- }
2425
- .dark .icon__system_assistant--primary-hover, .dark .icon__system_assistant--primary:hover {
1694
+ .dark .icon__system_assistant--primary:hover {
2426
1695
  --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#primary-hover");
2427
1696
  }
2428
- .dark .icon__system_assistant--primary-active, .dark .icon__system_assistant--primary:active {
1697
+ .dark .icon__system_assistant--primary:active {
2429
1698
  --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#primary-active");
2430
1699
  }
2431
- .dark .icon__system_assistant--primary-disabled, .dark .icon__system_assistant--primary:disabled {
1700
+ .dark .icon__system_assistant--primary:disabled {
2432
1701
  --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#primary-disabled");
2433
1702
  }
2434
- .dark .icon__system_assistant--on-primary {
2435
- --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#on-primary");
2436
- }
2437
- .dark .icon__system_assistant--on-primary-hover, .dark .icon__system_assistant--on-primary:hover {
1703
+ .dark .icon__system_assistant--on-primary:hover {
2438
1704
  --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#on-primary-hover");
2439
1705
  }
2440
- .dark .icon__system_assistant--on-primary-active, .dark .icon__system_assistant--on-primary:active {
1706
+ .dark .icon__system_assistant--on-primary:active {
2441
1707
  --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#on-primary-active");
2442
1708
  }
2443
- .dark .icon__system_assistant--on-disabled {
2444
- --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#on-disabled");
2445
- }
2446
- .dark .icon__system_assistant--neutral {
2447
- --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#neutral");
2448
- }
2449
- .dark .icon__system_arrow-right--primary {
2450
- --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#primary");
2451
- }
2452
- .dark .icon__system_arrow-right--primary-hover, .dark .icon__system_arrow-right--primary:hover {
1709
+ .dark .icon__system_arrow-right--primary:hover {
2453
1710
  --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#primary-hover");
2454
1711
  }
2455
- .dark .icon__system_arrow-right--primary-active, .dark .icon__system_arrow-right--primary:active {
1712
+ .dark .icon__system_arrow-right--primary:active {
2456
1713
  --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#primary-active");
2457
1714
  }
2458
- .dark .icon__system_arrow-right--primary-disabled, .dark .icon__system_arrow-right--primary:disabled {
1715
+ .dark .icon__system_arrow-right--primary:disabled {
2459
1716
  --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#primary-disabled");
2460
1717
  }
2461
- .dark .icon__system_arrow-right--on-primary {
2462
- --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#on-primary");
2463
- }
2464
- .dark .icon__system_arrow-right--on-primary-hover, .dark .icon__system_arrow-right--on-primary:hover {
1718
+ .dark .icon__system_arrow-right--on-primary:hover {
2465
1719
  --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#on-primary-hover");
2466
1720
  }
2467
- .dark .icon__system_arrow-right--on-primary-active, .dark .icon__system_arrow-right--on-primary:active {
1721
+ .dark .icon__system_arrow-right--on-primary:active {
2468
1722
  --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#on-primary-active");
2469
1723
  }
2470
- .dark .icon__system_arrow-right--on-disabled {
2471
- --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#on-disabled");
2472
- }
2473
- .dark .icon__system_arrow-right--neutral {
2474
- --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#neutral");
2475
- }
2476
- .dark .icon__system_add--primary {
2477
- --icon-path: url("../assets/icons/.generated/system/dark/add.svg#primary");
2478
- }
2479
- .dark .icon__system_add--primary-hover, .dark .icon__system_add--primary:hover {
1724
+ .dark .icon__system_add--primary:hover {
2480
1725
  --icon-path: url("../assets/icons/.generated/system/dark/add.svg#primary-hover");
2481
1726
  }
2482
- .dark .icon__system_add--primary-active, .dark .icon__system_add--primary:active {
1727
+ .dark .icon__system_add--primary:active {
2483
1728
  --icon-path: url("../assets/icons/.generated/system/dark/add.svg#primary-active");
2484
1729
  }
2485
- .dark .icon__system_add--primary-disabled, .dark .icon__system_add--primary:disabled {
1730
+ .dark .icon__system_add--primary:disabled {
2486
1731
  --icon-path: url("../assets/icons/.generated/system/dark/add.svg#primary-disabled");
2487
1732
  }
2488
- .dark .icon__system_add--on-primary {
2489
- --icon-path: url("../assets/icons/.generated/system/dark/add.svg#on-primary");
2490
- }
2491
- .dark .icon__system_add--on-primary-hover, .dark .icon__system_add--on-primary:hover {
1733
+ .dark .icon__system_add--on-primary:hover {
2492
1734
  --icon-path: url("../assets/icons/.generated/system/dark/add.svg#on-primary-hover");
2493
1735
  }
2494
- .dark .icon__system_add--on-primary-active, .dark .icon__system_add--on-primary:active {
1736
+ .dark .icon__system_add--on-primary:active {
2495
1737
  --icon-path: url("../assets/icons/.generated/system/dark/add.svg#on-primary-active");
2496
1738
  }
2497
- .dark .icon__system_add--on-disabled {
2498
- --icon-path: url("../assets/icons/.generated/system/dark/add.svg#on-disabled");
2499
- }
2500
- .dark .icon__system_add--neutral {
2501
- --icon-path: url("../assets/icons/.generated/system/dark/add.svg#neutral");
2502
- }
2503
-
2504
1739
  @font-face {
2505
1740
  font-family: Inter_Light;
2506
1741
  src: url("../assets/fonts/Inter_Light.woff2");
@@ -2527,6 +1762,7 @@ Item (applies to every item (tree, grid, list, etc...)
2527
1762
  font-display: swap;
2528
1763
  }
2529
1764
  :root.light {
1765
+ color-scheme: light;
2530
1766
  --mer-color__primary-blue--200: #2070ce;
2531
1767
  --mer-color__primary-blue--300: #5498e8;
2532
1768
  --mer-color__primary-blue--400: #437dc0;
@@ -2573,6 +1809,7 @@ Item (applies to every item (tree, grid, list, etc...)
2573
1809
  }
2574
1810
 
2575
1811
  :root.dark {
1812
+ color-scheme: dark;
2576
1813
  --mer-color__primary-blue--200: #5ba7ff;
2577
1814
  --mer-color__primary-blue--300: #5498e8;
2578
1815
  --mer-color__primary-blue--400: #437dc0;
@@ -2622,7 +1859,9 @@ Item (applies to every item (tree, grid, list, etc...)
2622
1859
  --mer-accent__primary: var(--mer-color__primary-blue--200);
2623
1860
  --mer-accent__primary--hover: var(--mer-color__primary-blue--400);
2624
1861
  --mer-accent__primary--active: var(--mer-color__primary-blue--600);
2625
- --mer-accent__primary--disabled: #5b5b5b;
1862
+ --mer-accent__primary--disabled: var(
1863
+ --mer-color__neutral-gray--600
1864
+ );
2626
1865
  --mer-accent__primary--destructive: var(--mer-color__message-red--100);
2627
1866
  --mer-border-color__primary: var(--mer-accent__primary);
2628
1867
  --mer-border-color__primary--hover: var(--mer-accent__primary--hover);
@@ -2654,20 +1893,36 @@ Item (applies to every item (tree, grid, list, etc...)
2654
1893
  --mer-icon__neutral: var(--mer-color__neutral-gray--200);
2655
1894
  --mer-icon__highlighted: var(--mer-color__neutral-gray--100);
2656
1895
  --mer-icon__bright: var(--mer-color__neutral-gray--00);
2657
- --mer-item__color: ;
2658
- --mer-item__bg-color: ;
2659
- --mer-item__border-color: ;
1896
+ --mer-item__border-width: var(--mer-border__width--sm);
1897
+ --mer-item__border-style: solid;
1898
+ --mer-item__line-height: var(--mer-line-height--tight);
1899
+ --mer-item__padding-inline: var(--mer-spacing--xs);
1900
+ --mer-item__padding-block: var(--mer-spacing--xs);
1901
+ --mer-item__min-block-size: var(--mer-spacing--lg);
1902
+ --mer-item__font-family: var(--mer-font-family--inter-regular);
1903
+ --mer-item__font-size: var(--mer-body__font-size);
1904
+ --mer-item__color: var(--mer-item__color--enabled);
1905
+ --mer-item__bg-color: var(--mer-item__bg-color--enabled);
1906
+ --mer-item__border-color: var(--mer-item__border-color--enabled);
1907
+ --mer-item__color--enabled: var(--mer-text__on-elevation);
1908
+ --mer-item__bg-color--enabled: var(--mer-color__elevation--01);
1909
+ --mer-item__border-color--enabled: var(--mer-color__elevation--04);
2660
1910
  --mer-item__color--hover: var(--mer-color__neutral-gray--100);
2661
1911
  --mer-item__bg-color--hover: var(--mer-color__tinted-blue--5);
2662
1912
  --mer-item__border-color--hover: var(--mer-color__tinted-blue--20);
2663
- --mer-item__color--selected: var(--mer-color__neutral-gray--100);
1913
+ --mer-item__color--selected: var(
1914
+ --mer-color__neutral-gray--100
1915
+ );
2664
1916
  --mer-item__bg-color--selected: var(--mer-color__tinted-blue--10);
2665
1917
  --mer-item__border-color--selected: var(--mer-color__tinted-blue--20);
2666
- --mer-item__color--selected-hover: var(--mer-color__neutral-gray--100);
2667
- --mer-item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);
2668
- --mer-item__border-color--selected-hover: var(
2669
- --mer-color__tinted-blue--20
1918
+ --mer-item__color--selected-hover: var(
1919
+ --mer-color__neutral-gray--100
2670
1920
  );
1921
+ --mer-item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);
1922
+ --mer-item__border-color--selected-hover: var(--mer-color__tinted-blue--20);
1923
+ --mer-item__color--disabled: var();
1924
+ --mer-item__bg-color--disabled: var();
1925
+ --mer-item__border-color--disabled: var();
2671
1926
  --mer-text__on-surface: var(--mer-color__neutral-gray--300);
2672
1927
  --mer-text__on-primary: var(--mer-color__neutral-gray--800);
2673
1928
  --mer-text__on-primary--active: var(--mer-color__neutral-gray--00);
@@ -2689,31 +1944,25 @@ Item (applies to every item (tree, grid, list, etc...)
2689
1944
  --mer-border__width--sm: 1px;
2690
1945
  --mer-border__width--md: 2px;
2691
1946
  --mer-border__width--lg: 4px;
1947
+ --mer-border__radius--2xs: 1px;
2692
1948
  --mer-border__radius--xs: 2px;
2693
1949
  --mer-border__radius--sm: 4px;
2694
1950
  --mer-border__radius--md: 8px;
2695
1951
  --mer-border__radius--lg: 12px;
2696
1952
  --mer-border__radius--xl: 30px;
2697
- --mer-elevation__background-color--01: var(--mer-color__neutral-gray--900);
2698
- --mer-elevation__background-color--02: var(--mer-color__neutral-gray--900);
2699
- --mer-elevation__background-color--03: var(--mer-color__neutral-gray--900);
2700
- --mer-elevation__background-color--04: var(--mer-color__neutral-gray--900);
1953
+ --mer-elevation__bg-color--01: var(--mer-color__neutral-gray--900);
1954
+ --mer-elevation__bg-color--02: var(--mer-color__neutral-gray--900);
1955
+ --mer-elevation__bg-color--03: var(--mer-color__neutral-gray--900);
1956
+ --mer-elevation__bg-color--04: var(--mer-color__neutral-gray--900);
2701
1957
  --mer-elevation__border-01: transparent;
2702
1958
  --mer-elevation__border-02: transparent;
2703
1959
  --mer-elevation__border-03: transparent;
2704
1960
  --mer-elevation__border-04: transparent;
2705
- --mer-elevation__box-shadow--01: 0px 2px 1px -1px rgba(0, 0, 0, 0.08),
2706
- 0px 1px 4px 0px rgba(0, 0, 0, 0.06);
2707
- --mer-elevation__box-shadow--02: 0px 1px 10px 0px rgba(0, 0, 0, 0.12),
2708
- 0px 2px 4px -1px rgba(0, 0, 0, 0.1);
2709
- --mer-elevation__box-shadow--03: 0px 3px 14px 2px rgba(0, 0, 0, 0.12),
2710
- 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
2711
- --mer-elevation__box-shadow--04: 0px 5px 22px 4px rgba(0, 0, 0, 0.12),
2712
- 0px 7px 8px -4px rgba(0, 0, 0, 0.1);
2713
- --mer-elevation__background-color--01: var(--mer-color__elevation--01);
2714
- --mer-elevation__background-color--02: var(--mer-color__elevation--02);
2715
- --mer-elevation__background-color--03: var(--mer-color__elevation--03);
2716
- --mer-elevation__background-color--04: var(--mer-color__elevation--04);
1961
+ --mer-box-shadow--01: 0px 4px 20px 0px #00000040;
1962
+ --mer-elevation__bg-color--01: var(--mer-color__elevation--01);
1963
+ --mer-elevation__bg-color--02: var(--mer-color__elevation--02);
1964
+ --mer-elevation__bg-color--03: var(--mer-color__elevation--03);
1965
+ --mer-elevation__bg-color--04: var(--mer-color__elevation--04);
2717
1966
  --mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);
2718
1967
  --mer-elevation__border-03: transparent;
2719
1968
  --mer-elevation__border-04: transparent;
@@ -2721,6 +1970,7 @@ Item (applies to every item (tree, grid, list, etc...)
2721
1970
  --mer-elevation__box-shadow--02: none;
2722
1971
  --mer-elevation__box-shadow--03: none;
2723
1972
  --mer-elevation__box-shadow--04: none;
1973
+ --mer-box-shadow--01: 0px 4px 20px 0px #00000040;
2724
1974
  --mer-font-family--inter-light: "Inter_Light", arial, sans-serif;
2725
1975
  --mer-font-family--inter-regular: "Inter_Regular", arial, sans-serif;
2726
1976
  --mer-font-family--inter-semi-bold: "Inter_SemiBold", arial, sans-serif;
@@ -2762,9 +2012,16 @@ Item (applies to every item (tree, grid, list, etc...)
2762
2012
  ----------------------*/
2763
2013
  --mer-body__bg-color: var(--mer-color__surface);
2764
2014
  --mer-body__color: var(--mer-text__on-surface);
2765
- --mer-body__font-size: var(--mer-font__size--xxs);
2015
+ --mer-body__font-size: var(--mer-font__size--2xs);
2016
+ --mer-body__font-family: var(--mer-font-family--inter-regular);
2766
2017
  --mer-body__line-height: var(--mer-line-height--regular);
2767
2018
  /*----------------------
2019
+ System
2020
+ ----------------------*/
2021
+ --mer-system__border-width: var(--mer-border__width--sm);
2022
+ --mer-system__border-style: solid;
2023
+ --mer-system__border-color: var(--mer-color__neutral-gray--500);
2024
+ /*----------------------
2768
2025
  Heading
2769
2026
  ----------------------*/
2770
2027
  --mer-heading__color: var(--mer-color__neutral-gray--100);
@@ -2775,9 +2032,9 @@ Item (applies to every item (tree, grid, list, etc...)
2775
2032
  --mer-scrollbar-track__bg-color: var(--mer-color__elevation--03);
2776
2033
  --mer-scrollbar-track__border-radius: var(--mer-spacing--xs);
2777
2034
  --mer-scrollbar-thumb__bg-color: var(--mer-color__elevation--04);
2778
- --mer-scrollbar-thumb__bg-color--hover: var(--mer-color__elevation--04);
2035
+ --mer-scrollbar-thumb__bg-color--hover: #42474c;
2779
2036
  --mer-scrollbar-thumb__border-radius: var(--mer-spacing--xs);
2780
- --mer-scrollbar-corner__bg: rgba(0, 0, 0, 0);
2037
+ --mer-scrollbar-corner__bg: transparent;
2781
2038
  /*----------------------
2782
2039
  Icon Size
2783
2040
  ----------------------*/
@@ -2789,10 +2046,26 @@ Item (applies to every item (tree, grid, list, etc...)
2789
2046
  --mer-form-input__padding-inline: var(--mer-spacing--xs);
2790
2047
  --mer-form-input__bg-position--x-value: var(--mer-form-input__padding-inline);
2791
2048
  --mer-form-input__bg-position--x: var(--mer-form-input__bg-position--x-value);
2049
+ --mer-form-input__border-color: var(--mer-color__neutral-gray--500);
2050
+ --mer-form-input__border-style: solid;
2051
+ --mer-form-input__border-width: var(--mer-border__width--sm);
2052
+ --mer-form-input__border: var(--mer-form-input__border-width)
2053
+ var(--mer-form-input__border-style) var(--mer-form-input__border-color);
2054
+ --mer-form-input__border-radius: var(--mer-border__radius--sm);
2055
+ --mer-form-input-check__border-width: var(--mer-border__radius--xs);
2056
+ --mer-form-input-check__border-color: var(
2057
+ --mer-border-color__neutral--active
2058
+ );
2059
+ --mer-form-input-check__border-color--disabled: var(
2060
+ --mer-accent__primary--disabled
2061
+ );
2062
+ --mer-checkbox__option-checked-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");
2792
2063
  /*-------------------------------------------------------------
2793
2064
  Inline Control (Should have the same height to look good inline)
2794
2065
  -------------------------------------------------------------*/
2795
2066
  --mer-control__block-size: var(--mer-spacing--lg);
2067
+ --mer-control__block-size--tiny: var(--mer-spacing--md);
2068
+ --mer-control-tiny__border-radius: var(--mer-border__radius--2xs);
2796
2069
  /*----------------------
2797
2070
  Label
2798
2071
  ----------------------*/
@@ -2800,6 +2073,24 @@ Item (applies to every item (tree, grid, list, etc...)
2800
2073
  --mer-label__font-size: inherit;
2801
2074
  --mer-label__font-weight: var(--mer-font__weight--semi-bold);
2802
2075
  --mer-label__color: inherit;
2076
+ /*----------------------
2077
+ Window
2078
+ ----------------------*/
2079
+ --mer-window__border: var(--mer-border__width--sm) solid
2080
+ var(--mer-color__elevation--04);
2081
+ --mer-window__border-radius: var(--mer-border__radius--sm);
2082
+ --mer-window__padding: var(--mer-spacing--xs);
2083
+ --mer-window__bg-color: var(--mer-color__elevation--01);
2084
+ --mer-window__gap: var(--mer-spacing--xs);
2085
+ --mer-window__box-shadow: var(--mer-spacing--xs);
2086
+ /*----------------------
2087
+ Focus
2088
+ ----------------------*/
2089
+ --mer-focus__outline-width: var(--mer-border__width--sm);
2090
+ --mer-focus__outline-style: solid;
2091
+ --mer-focus__outline-color: var(--mer-color__primary-blue--200);
2092
+ --mer-focus__outline-offset: calc(var(--mer-system__border-width) * -1);
2093
+ --borders-un-border-color__focused: var(--mer-focus__outline-color);
2803
2094
  }
2804
2095
 
2805
2096
  body {
@@ -2897,7 +2188,61 @@ p {
2897
2188
  background-color: var(--mer-scrollbar-thumb__bg-color--hover);
2898
2189
  }
2899
2190
  .tree-view-primary::-webkit-scrollbar-corner {
2900
- background: transparent;
2191
+ background: var(--mer-scrollbar-corner__bg);
2192
+ }
2193
+
2194
+ .tabular-grid:focus {
2195
+ outline: none;
2196
+ }
2197
+
2198
+ .tabular-grid::part(main) {
2199
+ background-color: var(--grid-main__bg-color);
2200
+ gap: 1px;
2201
+ }
2202
+
2203
+ .tabular-grid-column::part(selector):focus {
2204
+ outline: none;
2205
+ }
2206
+ .tabular-grid-column::part(selector):focus:before {
2207
+ border-color: var(--borders-un-border-color__focused);
2208
+ }
2209
+
2210
+ .tabular-grid-row[focused] {
2211
+ border-style: dotted;
2212
+ border-color: var(--borders-un-border-color__focused);
2213
+ }
2214
+ .tabular-grid-row[dragging] {
2215
+ box-shadow: var(--mer-box-shadow--01);
2216
+ }
2217
+
2218
+ .tabular-grid-rowset[collapsed]:not(:last-child) .tabular-grid-rowset-legend {
2219
+ margin-block-end: 1px;
2220
+ }
2221
+
2222
+ .tabular-grid-rowset-legend {
2223
+ display: flex;
2224
+ align-items: center;
2225
+ gap: var(--grid-base__icon-gap);
2226
+ }
2227
+
2228
+ .tabular-grid-cell::part(drag-icon) {
2229
+ margin-inline-end: var(--grid-base__icon-gap);
2230
+ }
2231
+
2232
+ .tabular-grid-cell::part(selector):focus {
2233
+ outline: none;
2234
+ }
2235
+ .tabular-grid-cell::part(selector):focus:before {
2236
+ border-color: var(--borders-un-border-color__focused);
2237
+ }
2238
+
2239
+ .tabular-grid-cell::part(actions-icon) {
2240
+ width: 100%;
2241
+ border: none;
2242
+ }
2243
+
2244
+ .tabular-grid-row-actions[show-on-row-hover]::part(window) {
2245
+ margin-inline-end: var(--mer-spacing--xs);
2901
2246
  }
2902
2247
 
2903
2248
  .code {
@@ -2944,7 +2289,7 @@ p {
2944
2289
  background-color: var(--mer-scrollbar-thumb__bg-color--hover);
2945
2290
  }
2946
2291
  .code pre::-webkit-scrollbar-corner {
2947
- background: transparent;
2292
+ background: var(--mer-scrollbar-corner__bg);
2948
2293
  }
2949
2294
  .code .hljs-doctag,
2950
2295
  .code .hljs-keyword,