@genexus/mercury 0.1.2 → 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.
@@ -7,7 +7,55 @@ 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 {
46
+ --button-base__font-family: inherit;
47
+ --button-base__font-size: var(--mer-font__size--2xs);
48
+ --button-base__line-height: var(--mer-line-height--tight);
49
+ --button-base__text-transform: capitalize;
50
+ --button-base__border-width: var(--mer-border__width--sm);
51
+ --button-base__border-style: solid;
52
+ --button-base__border-color: transparent;
53
+ --button-base__border-radius: var(--mer-border__radius--sm);
54
+ --button-base__block-size: var(--mer-control__block-size);
55
+ --button-base__gap: var(--mer-spacing--xs);
56
+ --button-base__padding-inline: var(--mer-spacing--sm);
57
+ --button-icon-only__padding: 0;
58
+ --button-icon-only__inline-size: var(--mer-control__block-size);
11
59
  display: inline-grid;
12
60
  grid-auto-flow: column;
13
61
  grid-auto-columns: max-content;
@@ -18,12 +66,35 @@ Item (applies to every item (tree, grid, list, etc...)
18
66
  border: var(--button-base__border-width) var(--button-base__border-style) var(--button-base__border-color);
19
67
  font-family: var(--button-base__font-family);
20
68
  font-size: var(--button-base__font-size);
21
- gap: var(--button__gap);
69
+ gap: var(--button-base__gap);
22
70
  line-height: var(--button-base__line-height);
23
71
  padding-inline: var(--button-base__padding-inline);
24
72
  text-transform: var(--button-base__text-transform);
25
73
  }
26
74
  .button-primary {
75
+ --button-primary__background-color: var(--mer-accent__primary);
76
+ --button-primary__border-color: var(--button-primary__background-color);
77
+ --button-primary__color: var(--mer-text__on-primary);
78
+ --button-primary__font-weight: var(--mer-font__weight--semi-bold);
79
+ --button-primary__background-color--hover: var(--mer-accent__primary--hover);
80
+ --button-primary__border-color--hover: var(
81
+ --button-primary__background-color--hover
82
+ );
83
+ --button-primary__color--hover: var(--mer-text__on-primary);
84
+ --button-primary__background-color--active: var(
85
+ --mer-accent__primary--active
86
+ );
87
+ --button-primary__border-color--active: var(
88
+ --button-primary__background-color--active
89
+ );
90
+ --button-primary__color--active: var(--mer-text__on-primary--active);
91
+ --button-primary__background-color--disabled: var(
92
+ --mer-accent__primary--disabled
93
+ );
94
+ --button-primary__border-color--disabled: var(
95
+ --mer-border-color__primary--disabled
96
+ );
97
+ --button-primary__color--disabled: var(--mer-text__on-disabled);
27
98
  background-color: var(--button-primary__background-color);
28
99
  border-color: var(--button-primary__border-color);
29
100
  color: var(--button-primary__color);
@@ -39,13 +110,30 @@ Item (applies to every item (tree, grid, list, etc...)
39
110
  border-color: var(--button-primary__border-color--active);
40
111
  color: var(--button-primary__color--active);
41
112
  }
42
- .button-primary:disabled, .button-primary--disabled {
113
+ .button-primary:disabled {
43
114
  background-color: var(--button-primary__background-color--disabled);
44
115
  border-color: var(--button-primary__border-color--disabled);
45
116
  color: var(--button-primary__color--disabled);
46
117
  }
47
118
 
48
119
  .button-secondary {
120
+ --button-secondary__background-color: transparent;
121
+ --button-secondary__border-color: var(--mer-border-color__neutral);
122
+ --button-secondary__color: var(--mer-text__neutral);
123
+ --button-secondary__font-weight: var(--mer-font__weight--semi-bold);
124
+ --button-secondary__background-color--hover: transparent;
125
+ --button-secondary__border-color--hover: var(
126
+ --mer-border-color__primary--hover
127
+ );
128
+ --button-secondary__color--hover: var(--mer-text__primary--hover);
129
+ --button-secondary__background-color--active: transparent;
130
+ --button-secondary__border-color--active: var(
131
+ --mer-border-color__primary--active
132
+ );
133
+ --button-secondary__color--active: var(--mer-text__on-primary--active);
134
+ --button-secondary__background-color--disabled: transparent;
135
+ --button-secondary__border-color--disabled: var(--mer-text__on-disabled);
136
+ --button-secondary__color--disabled: var(--mer-text__on-disabled);
49
137
  background-color: var(--button-secondary__background-color);
50
138
  border-color: var(--button-secondary__border-color);
51
139
  color: var(--button-secondary__color);
@@ -68,6 +156,19 @@ Item (applies to every item (tree, grid, list, etc...)
68
156
  }
69
157
 
70
158
  .button-tertiary {
159
+ --button-tertiary__background-color: transparent;
160
+ --button-tertiary__border-color: transparent;
161
+ --button-tertiary__color: var(--mer-text__primary);
162
+ --button-tertiary__font-weight: var(--mer-font__weight--semi-bold);
163
+ --button-tertiary__background-color--hover: transparent;
164
+ --button-tertiary__border-color--hover: transparent;
165
+ --button-tertiary__color--hover: var(--mer-text__primary--hover);
166
+ --button-tertiary__background-color--active: transparent;
167
+ --button-tertiary__border-color--active: transparent;
168
+ --button-tertiary__color--active: var(--mer-text__primary--active);
169
+ --button-tertiary__background-color--disabled: transparent;
170
+ --button-tertiary__border-color--disabled: transparent;
171
+ --button-tertiary__color--disabled: var(--mer-text__on-disabled);
71
172
  background-color: var(--button-tertiary__background-color);
72
173
  border-color: var(--button-tertiary__border-color);
73
174
  color: var(--button-tertiary__color);
@@ -89,6 +190,30 @@ Item (applies to every item (tree, grid, list, etc...)
89
190
  color: var(--button-tertiary__color--disabled);
90
191
  }
91
192
 
193
+ .form-input-text-icon, .form-input-text-only {
194
+ --mer-form-input__border-color: var(--mer-color__neutral-gray--500);
195
+ --mer-form-input__border-style: solid;
196
+ --mer-form-input__border-width: var(--mer-border__width--sm);
197
+ --mer-form-input__border: var(--mer-form-input__border-width)
198
+ var(--mer-form-input__border-style) var(--mer-form-input__border-color);
199
+ --mer-form-input__border-radius: var(--mer-border__radius--sm);
200
+ --mer-form-input__color: var(--mer-text__bright);
201
+ --mer-form-input__font-size: var(--mer-body__font-size);
202
+ --mer-form-input__font-weight: var(--mer-text__on-surface);
203
+ --mer-form-input__icon-size: var(--mer-icon__box--sm);
204
+ --mer-form-input__font-family: var(--mer-font-family--inter-regular);
205
+ font-family: var(--mer-form-input__font-family);
206
+ border: var(--mer-form-input__border);
207
+ border-radius: var(--mer-form-input__border-radius);
208
+ color: var(--mer-form-input__color);
209
+ font-size: var(--mer-form-input__font-size);
210
+ block-size: var(--mer-control__block-size);
211
+ }
212
+
213
+ .form-input-text-only {
214
+ padding-inline: var(--mer-form-input__padding-inline);
215
+ }
216
+
92
217
  .button-icon-only::before, .icon-mask::before {
93
218
  content: "";
94
219
  display: block;
@@ -98,7 +223,7 @@ Item (applies to every item (tree, grid, list, etc...)
98
223
  background-color: currentColor;
99
224
  }
100
225
 
101
- .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 {
102
227
  content: "";
103
228
  display: block;
104
229
  inline-size: var(--mer-icon__box--sm);
@@ -106,8 +231,14 @@ Item (applies to every item (tree, grid, list, etc...)
106
231
  background: no-repeat center/100% var(--icon-path);
107
232
  }
108
233
 
234
+ .form-input-text-icon {
235
+ background: var(--icon-path) var(--mer-form-input__bg-position--x) center/var(--mer-form-input__icon-size) no-repeat;
236
+ }
237
+
109
238
  .button-icon-only {
110
- padding-inline: var(--button-icon-only__padding-inline);
239
+ --button-icon-only__padding-inline: var(--mer-spacing--xs);
240
+ inline-size: var(--button-icon-only__inline-size);
241
+ padding: var(--button-icon-only__padding);
111
242
  }
112
243
 
113
244
  .button-icon-after-and-text, .button-icon-and-text {
@@ -118,6 +249,10 @@ Item (applies to every item (tree, grid, list, etc...)
118
249
  order: 1;
119
250
  }
120
251
 
252
+ .form-input-text-icon {
253
+ padding-inline-start: calc(var(--mer-form-input__padding-inline) * 2 + var(--mer-form-input__icon-size));
254
+ }
255
+
121
256
  .tree-view-primary::part(item__checkbox), .checkbox {
122
257
  --ch-checkbox__container-size: var(--mer-spacing--md);
123
258
  --mer-checkbox__border: var(--mer-border__width--sm) solid
@@ -193,10 +328,8 @@ Item (applies to every item (tree, grid, list, etc...)
193
328
 
194
329
  .tree-view-primary::part(item drag-enter) {
195
330
  background-color: var(--tree-view-item__bg-color--hover);
196
- outline-width: var(--mer-border__width--sm);
197
- outline-style: solid;
198
- outline-color: var(--mer-color__primary-blue--200);
199
- 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);
200
333
  }
201
334
 
202
335
  .tree-view-primary::part(drop)::after {
@@ -208,10 +341,8 @@ Item (applies to every item (tree, grid, list, etc...)
208
341
  padding-inline-end: var(--tree-view-item-custom__padding-inline-end);
209
342
  }
210
343
  .tree-view-primary::part(item__header):focus-visible {
211
- outline-width: var(--mer-border__width--sm);
212
- outline-style: solid;
213
- outline-color: var(--mer-color__primary-blue--200);
214
- 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);
215
346
  }
216
347
  .tree-view-primary::part(item__header not-selected):hover {
217
348
  background-color: var(--tree-view-item__bg-color--hover);
@@ -238,2169 +369,1373 @@ Item (applies to every item (tree, grid, list, etc...)
238
369
  border-inline-start-color: transparent;
239
370
  }
240
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
+
241
537
  /*multicolor lists*/
242
538
  /*monochrome lists*/
243
- .light .icon__system_warning--primary {
244
- --icon-path: url("../assets/icons/.generated/system/light/warning.svg#primary");
245
- }
246
- .light .icon__system_warning--primary-hover, .light .icon__system_warning--primary:hover {
539
+ .light .icon__system_warning--primary:hover {
247
540
  --icon-path: url("../assets/icons/.generated/system/light/warning.svg#primary-hover");
248
541
  }
249
- .light .icon__system_warning--primary-active, .light .icon__system_warning--primary:active {
542
+ .light .icon__system_warning--primary:active {
250
543
  --icon-path: url("../assets/icons/.generated/system/light/warning.svg#primary-active");
251
544
  }
252
- .light .icon__system_warning--primary-disabled, .light .icon__system_warning--primary:disabled {
545
+ .light .icon__system_warning--primary:disabled {
253
546
  --icon-path: url("../assets/icons/.generated/system/light/warning.svg#primary-disabled");
254
547
  }
255
- .light .icon__system_warning--on-primary {
256
- --icon-path: url("../assets/icons/.generated/system/light/warning.svg#on-primary");
257
- }
258
- .light .icon__system_warning--on-primary-hover, .light .icon__system_warning--on-primary:hover {
548
+ .light .icon__system_warning--on-primary:hover {
259
549
  --icon-path: url("../assets/icons/.generated/system/light/warning.svg#on-primary-hover");
260
550
  }
261
- .light .icon__system_warning--on-primary-active, .light .icon__system_warning--on-primary:active {
551
+ .light .icon__system_warning--on-primary:active {
262
552
  --icon-path: url("../assets/icons/.generated/system/light/warning.svg#on-primary-active");
263
553
  }
264
- .light .icon__system_warning--on-disabled {
265
- --icon-path: url("../assets/icons/.generated/system/light/warning.svg#on-disabled");
266
- }
267
- .light .icon__system_warning--neutral {
268
- --icon-path: url("../assets/icons/.generated/system/light/warning.svg#neutral");
269
- }
270
- .light .icon__system_user--primary {
271
- --icon-path: url("../assets/icons/.generated/system/light/user.svg#primary");
272
- }
273
- .light .icon__system_user--primary-hover, .light .icon__system_user--primary:hover {
554
+ .light .icon__system_user--primary:hover {
274
555
  --icon-path: url("../assets/icons/.generated/system/light/user.svg#primary-hover");
275
556
  }
276
- .light .icon__system_user--primary-active, .light .icon__system_user--primary:active {
557
+ .light .icon__system_user--primary:active {
277
558
  --icon-path: url("../assets/icons/.generated/system/light/user.svg#primary-active");
278
559
  }
279
- .light .icon__system_user--primary-disabled, .light .icon__system_user--primary:disabled {
560
+ .light .icon__system_user--primary:disabled {
280
561
  --icon-path: url("../assets/icons/.generated/system/light/user.svg#primary-disabled");
281
562
  }
282
- .light .icon__system_user--on-primary {
283
- --icon-path: url("../assets/icons/.generated/system/light/user.svg#on-primary");
284
- }
285
- .light .icon__system_user--on-primary-hover, .light .icon__system_user--on-primary:hover {
563
+ .light .icon__system_user--on-primary:hover {
286
564
  --icon-path: url("../assets/icons/.generated/system/light/user.svg#on-primary-hover");
287
565
  }
288
- .light .icon__system_user--on-primary-active, .light .icon__system_user--on-primary:active {
566
+ .light .icon__system_user--on-primary:active {
289
567
  --icon-path: url("../assets/icons/.generated/system/light/user.svg#on-primary-active");
290
568
  }
291
- .light .icon__system_user--on-disabled {
292
- --icon-path: url("../assets/icons/.generated/system/light/user.svg#on-disabled");
293
- }
294
- .light .icon__system_user--neutral {
295
- --icon-path: url("../assets/icons/.generated/system/light/user.svg#neutral");
296
- }
297
- .light .icon__system_tools--primary {
298
- --icon-path: url("../assets/icons/.generated/system/light/tools.svg#primary");
299
- }
300
- .light .icon__system_tools--primary-hover, .light .icon__system_tools--primary:hover {
569
+ .light .icon__system_tools--primary:hover {
301
570
  --icon-path: url("../assets/icons/.generated/system/light/tools.svg#primary-hover");
302
571
  }
303
- .light .icon__system_tools--primary-active, .light .icon__system_tools--primary:active {
572
+ .light .icon__system_tools--primary:active {
304
573
  --icon-path: url("../assets/icons/.generated/system/light/tools.svg#primary-active");
305
574
  }
306
- .light .icon__system_tools--primary-disabled, .light .icon__system_tools--primary:disabled {
575
+ .light .icon__system_tools--primary:disabled {
307
576
  --icon-path: url("../assets/icons/.generated/system/light/tools.svg#primary-disabled");
308
577
  }
309
- .light .icon__system_tools--on-primary {
310
- --icon-path: url("../assets/icons/.generated/system/light/tools.svg#on-primary");
311
- }
312
- .light .icon__system_tools--on-primary-hover, .light .icon__system_tools--on-primary:hover {
578
+ .light .icon__system_tools--on-primary:hover {
313
579
  --icon-path: url("../assets/icons/.generated/system/light/tools.svg#on-primary-hover");
314
580
  }
315
- .light .icon__system_tools--on-primary-active, .light .icon__system_tools--on-primary:active {
581
+ .light .icon__system_tools--on-primary:active {
316
582
  --icon-path: url("../assets/icons/.generated/system/light/tools.svg#on-primary-active");
317
583
  }
318
- .light .icon__system_tools--on-disabled {
319
- --icon-path: url("../assets/icons/.generated/system/light/tools.svg#on-disabled");
320
- }
321
- .light .icon__system_tools--neutral {
322
- --icon-path: url("../assets/icons/.generated/system/light/tools.svg#neutral");
323
- }
324
- .light .icon__system_time--primary {
325
- --icon-path: url("../assets/icons/.generated/system/light/time.svg#primary");
326
- }
327
- .light .icon__system_time--primary-hover, .light .icon__system_time--primary:hover {
584
+ .light .icon__system_time--primary:hover {
328
585
  --icon-path: url("../assets/icons/.generated/system/light/time.svg#primary-hover");
329
586
  }
330
- .light .icon__system_time--primary-active, .light .icon__system_time--primary:active {
587
+ .light .icon__system_time--primary:active {
331
588
  --icon-path: url("../assets/icons/.generated/system/light/time.svg#primary-active");
332
589
  }
333
- .light .icon__system_time--primary-disabled, .light .icon__system_time--primary:disabled {
590
+ .light .icon__system_time--primary:disabled {
334
591
  --icon-path: url("../assets/icons/.generated/system/light/time.svg#primary-disabled");
335
592
  }
336
- .light .icon__system_time--on-primary {
337
- --icon-path: url("../assets/icons/.generated/system/light/time.svg#on-primary");
338
- }
339
- .light .icon__system_time--on-primary-hover, .light .icon__system_time--on-primary:hover {
593
+ .light .icon__system_time--on-primary:hover {
340
594
  --icon-path: url("../assets/icons/.generated/system/light/time.svg#on-primary-hover");
341
595
  }
342
- .light .icon__system_time--on-primary-active, .light .icon__system_time--on-primary:active {
596
+ .light .icon__system_time--on-primary:active {
343
597
  --icon-path: url("../assets/icons/.generated/system/light/time.svg#on-primary-active");
344
598
  }
345
- .light .icon__system_time--on-disabled {
346
- --icon-path: url("../assets/icons/.generated/system/light/time.svg#on-disabled");
347
- }
348
- .light .icon__system_time--neutral {
349
- --icon-path: url("../assets/icons/.generated/system/light/time.svg#neutral");
350
- }
351
- .light .icon__system_thunder--primary {
352
- --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#primary");
353
- }
354
- .light .icon__system_thunder--primary-hover, .light .icon__system_thunder--primary:hover {
599
+ .light .icon__system_thunder--primary:hover {
355
600
  --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#primary-hover");
356
601
  }
357
- .light .icon__system_thunder--primary-active, .light .icon__system_thunder--primary:active {
602
+ .light .icon__system_thunder--primary:active {
358
603
  --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#primary-active");
359
604
  }
360
- .light .icon__system_thunder--primary-disabled, .light .icon__system_thunder--primary:disabled {
605
+ .light .icon__system_thunder--primary:disabled {
361
606
  --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#primary-disabled");
362
607
  }
363
- .light .icon__system_thunder--on-primary {
364
- --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#on-primary");
365
- }
366
- .light .icon__system_thunder--on-primary-hover, .light .icon__system_thunder--on-primary:hover {
608
+ .light .icon__system_thunder--on-primary:hover {
367
609
  --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#on-primary-hover");
368
610
  }
369
- .light .icon__system_thunder--on-primary-active, .light .icon__system_thunder--on-primary:active {
611
+ .light .icon__system_thunder--on-primary:active {
370
612
  --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#on-primary-active");
371
613
  }
372
- .light .icon__system_thunder--on-disabled {
373
- --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#on-disabled");
374
- }
375
- .light .icon__system_thunder--neutral {
376
- --icon-path: url("../assets/icons/.generated/system/light/thunder.svg#neutral");
377
- }
378
- .light .icon__system_show--primary {
379
- --icon-path: url("../assets/icons/.generated/system/light/show.svg#primary");
380
- }
381
- .light .icon__system_show--primary-hover, .light .icon__system_show--primary:hover {
614
+ .light .icon__system_show--primary:hover {
382
615
  --icon-path: url("../assets/icons/.generated/system/light/show.svg#primary-hover");
383
616
  }
384
- .light .icon__system_show--primary-active, .light .icon__system_show--primary:active {
617
+ .light .icon__system_show--primary:active {
385
618
  --icon-path: url("../assets/icons/.generated/system/light/show.svg#primary-active");
386
619
  }
387
- .light .icon__system_show--primary-disabled, .light .icon__system_show--primary:disabled {
620
+ .light .icon__system_show--primary:disabled {
388
621
  --icon-path: url("../assets/icons/.generated/system/light/show.svg#primary-disabled");
389
622
  }
390
- .light .icon__system_show--on-primary {
391
- --icon-path: url("../assets/icons/.generated/system/light/show.svg#on-primary");
392
- }
393
- .light .icon__system_show--on-primary-hover, .light .icon__system_show--on-primary:hover {
623
+ .light .icon__system_show--on-primary:hover {
394
624
  --icon-path: url("../assets/icons/.generated/system/light/show.svg#on-primary-hover");
395
625
  }
396
- .light .icon__system_show--on-primary-active, .light .icon__system_show--on-primary:active {
626
+ .light .icon__system_show--on-primary:active {
397
627
  --icon-path: url("../assets/icons/.generated/system/light/show.svg#on-primary-active");
398
628
  }
399
- .light .icon__system_show--on-disabled {
400
- --icon-path: url("../assets/icons/.generated/system/light/show.svg#on-disabled");
401
- }
402
- .light .icon__system_show--neutral {
403
- --icon-path: url("../assets/icons/.generated/system/light/show.svg#neutral");
404
- }
405
- .light .icon__system_settings--primary {
406
- --icon-path: url("../assets/icons/.generated/system/light/settings.svg#primary");
407
- }
408
- .light .icon__system_settings--primary-hover, .light .icon__system_settings--primary:hover {
629
+ .light .icon__system_settings--primary:hover {
409
630
  --icon-path: url("../assets/icons/.generated/system/light/settings.svg#primary-hover");
410
631
  }
411
- .light .icon__system_settings--primary-active, .light .icon__system_settings--primary:active {
632
+ .light .icon__system_settings--primary:active {
412
633
  --icon-path: url("../assets/icons/.generated/system/light/settings.svg#primary-active");
413
634
  }
414
- .light .icon__system_settings--primary-disabled, .light .icon__system_settings--primary:disabled {
635
+ .light .icon__system_settings--primary:disabled {
415
636
  --icon-path: url("../assets/icons/.generated/system/light/settings.svg#primary-disabled");
416
637
  }
417
- .light .icon__system_settings--on-primary {
418
- --icon-path: url("../assets/icons/.generated/system/light/settings.svg#on-primary");
419
- }
420
- .light .icon__system_settings--on-primary-hover, .light .icon__system_settings--on-primary:hover {
638
+ .light .icon__system_settings--on-primary:hover {
421
639
  --icon-path: url("../assets/icons/.generated/system/light/settings.svg#on-primary-hover");
422
640
  }
423
- .light .icon__system_settings--on-primary-active, .light .icon__system_settings--on-primary:active {
641
+ .light .icon__system_settings--on-primary:active {
424
642
  --icon-path: url("../assets/icons/.generated/system/light/settings.svg#on-primary-active");
425
643
  }
426
- .light .icon__system_settings--on-disabled {
427
- --icon-path: url("../assets/icons/.generated/system/light/settings.svg#on-disabled");
428
- }
429
- .light .icon__system_settings--neutral {
430
- --icon-path: url("../assets/icons/.generated/system/light/settings.svg#neutral");
431
- }
432
- .light .icon__system_search--primary {
433
- --icon-path: url("../assets/icons/.generated/system/light/search.svg#primary");
434
- }
435
- .light .icon__system_search--primary-hover, .light .icon__system_search--primary:hover {
644
+ .light .icon__system_search--primary:hover {
436
645
  --icon-path: url("../assets/icons/.generated/system/light/search.svg#primary-hover");
437
646
  }
438
- .light .icon__system_search--primary-active, .light .icon__system_search--primary:active {
647
+ .light .icon__system_search--primary:active {
439
648
  --icon-path: url("../assets/icons/.generated/system/light/search.svg#primary-active");
440
649
  }
441
- .light .icon__system_search--primary-disabled, .light .icon__system_search--primary:disabled {
650
+ .light .icon__system_search--primary:disabled {
442
651
  --icon-path: url("../assets/icons/.generated/system/light/search.svg#primary-disabled");
443
652
  }
444
- .light .icon__system_search--on-primary {
445
- --icon-path: url("../assets/icons/.generated/system/light/search.svg#on-primary");
446
- }
447
- .light .icon__system_search--on-primary-hover, .light .icon__system_search--on-primary:hover {
653
+ .light .icon__system_search--on-primary:hover {
448
654
  --icon-path: url("../assets/icons/.generated/system/light/search.svg#on-primary-hover");
449
655
  }
450
- .light .icon__system_search--on-primary-active, .light .icon__system_search--on-primary:active {
656
+ .light .icon__system_search--on-primary:active {
451
657
  --icon-path: url("../assets/icons/.generated/system/light/search.svg#on-primary-active");
452
658
  }
453
- .light .icon__system_search--on-disabled {
454
- --icon-path: url("../assets/icons/.generated/system/light/search.svg#on-disabled");
455
- }
456
- .light .icon__system_search--neutral {
457
- --icon-path: url("../assets/icons/.generated/system/light/search.svg#neutral");
458
- }
459
- .light .icon__system_retry--primary {
460
- --icon-path: url("../assets/icons/.generated/system/light/retry.svg#primary");
461
- }
462
- .light .icon__system_retry--primary-hover, .light .icon__system_retry--primary:hover {
659
+ .light .icon__system_retry--primary:hover {
463
660
  --icon-path: url("../assets/icons/.generated/system/light/retry.svg#primary-hover");
464
661
  }
465
- .light .icon__system_retry--primary-active, .light .icon__system_retry--primary:active {
662
+ .light .icon__system_retry--primary:active {
466
663
  --icon-path: url("../assets/icons/.generated/system/light/retry.svg#primary-active");
467
664
  }
468
- .light .icon__system_retry--primary-disabled, .light .icon__system_retry--primary:disabled {
665
+ .light .icon__system_retry--primary:disabled {
469
666
  --icon-path: url("../assets/icons/.generated/system/light/retry.svg#primary-disabled");
470
667
  }
471
- .light .icon__system_retry--on-primary {
472
- --icon-path: url("../assets/icons/.generated/system/light/retry.svg#on-primary");
473
- }
474
- .light .icon__system_retry--on-primary-hover, .light .icon__system_retry--on-primary:hover {
668
+ .light .icon__system_retry--on-primary:hover {
475
669
  --icon-path: url("../assets/icons/.generated/system/light/retry.svg#on-primary-hover");
476
670
  }
477
- .light .icon__system_retry--on-primary-active, .light .icon__system_retry--on-primary:active {
671
+ .light .icon__system_retry--on-primary:active {
478
672
  --icon-path: url("../assets/icons/.generated/system/light/retry.svg#on-primary-active");
479
673
  }
480
- .light .icon__system_retry--on-disabled {
481
- --icon-path: url("../assets/icons/.generated/system/light/retry.svg#on-disabled");
482
- }
483
- .light .icon__system_retry--neutral {
484
- --icon-path: url("../assets/icons/.generated/system/light/retry.svg#neutral");
485
- }
486
- .light .icon__system_qr-code--primary {
487
- --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#primary");
488
- }
489
- .light .icon__system_qr-code--primary-hover, .light .icon__system_qr-code--primary:hover {
674
+ .light .icon__system_qr-code--primary:hover {
490
675
  --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#primary-hover");
491
676
  }
492
- .light .icon__system_qr-code--primary-active, .light .icon__system_qr-code--primary:active {
677
+ .light .icon__system_qr-code--primary:active {
493
678
  --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#primary-active");
494
679
  }
495
- .light .icon__system_qr-code--primary-disabled, .light .icon__system_qr-code--primary:disabled {
680
+ .light .icon__system_qr-code--primary:disabled {
496
681
  --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#primary-disabled");
497
682
  }
498
- .light .icon__system_qr-code--on-primary {
499
- --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#on-primary");
500
- }
501
- .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 {
502
684
  --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#on-primary-hover");
503
685
  }
504
- .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 {
505
687
  --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#on-primary-active");
506
688
  }
507
- .light .icon__system_qr-code--on-disabled {
508
- --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#on-disabled");
509
- }
510
- .light .icon__system_qr-code--neutral {
511
- --icon-path: url("../assets/icons/.generated/system/light/qr-code.svg#neutral");
512
- }
513
- .light .icon__system_order-numberically--primary {
514
- --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#primary");
515
- }
516
- .light .icon__system_order-numberically--primary-hover, .light .icon__system_order-numberically--primary:hover {
689
+ .light .icon__system_order-numberically--primary:hover {
517
690
  --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#primary-hover");
518
691
  }
519
- .light .icon__system_order-numberically--primary-active, .light .icon__system_order-numberically--primary:active {
692
+ .light .icon__system_order-numberically--primary:active {
520
693
  --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#primary-active");
521
694
  }
522
- .light .icon__system_order-numberically--primary-disabled, .light .icon__system_order-numberically--primary:disabled {
695
+ .light .icon__system_order-numberically--primary:disabled {
523
696
  --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#primary-disabled");
524
697
  }
525
- .light .icon__system_order-numberically--on-primary {
526
- --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#on-primary");
527
- }
528
- .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 {
529
699
  --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#on-primary-hover");
530
700
  }
531
- .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 {
532
702
  --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#on-primary-active");
533
703
  }
534
- .light .icon__system_order-numberically--on-disabled {
535
- --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#on-disabled");
536
- }
537
- .light .icon__system_order-numberically--neutral {
538
- --icon-path: url("../assets/icons/.generated/system/light/order-numberically.svg#neutral");
539
- }
540
- .light .icon__system_news--primary {
541
- --icon-path: url("../assets/icons/.generated/system/light/news.svg#primary");
542
- }
543
- .light .icon__system_news--primary-hover, .light .icon__system_news--primary:hover {
704
+ .light .icon__system_news--primary:hover {
544
705
  --icon-path: url("../assets/icons/.generated/system/light/news.svg#primary-hover");
545
706
  }
546
- .light .icon__system_news--primary-active, .light .icon__system_news--primary:active {
707
+ .light .icon__system_news--primary:active {
547
708
  --icon-path: url("../assets/icons/.generated/system/light/news.svg#primary-active");
548
709
  }
549
- .light .icon__system_news--primary-disabled, .light .icon__system_news--primary:disabled {
710
+ .light .icon__system_news--primary:disabled {
550
711
  --icon-path: url("../assets/icons/.generated/system/light/news.svg#primary-disabled");
551
712
  }
552
- .light .icon__system_news--on-primary {
553
- --icon-path: url("../assets/icons/.generated/system/light/news.svg#on-primary");
554
- }
555
- .light .icon__system_news--on-primary-hover, .light .icon__system_news--on-primary:hover {
713
+ .light .icon__system_news--on-primary:hover {
556
714
  --icon-path: url("../assets/icons/.generated/system/light/news.svg#on-primary-hover");
557
715
  }
558
- .light .icon__system_news--on-primary-active, .light .icon__system_news--on-primary:active {
716
+ .light .icon__system_news--on-primary:active {
559
717
  --icon-path: url("../assets/icons/.generated/system/light/news.svg#on-primary-active");
560
718
  }
561
- .light .icon__system_news--on-disabled {
562
- --icon-path: url("../assets/icons/.generated/system/light/news.svg#on-disabled");
563
- }
564
- .light .icon__system_news--neutral {
565
- --icon-path: url("../assets/icons/.generated/system/light/news.svg#neutral");
566
- }
567
- .light .icon__system_more-options-vertical--primary {
568
- --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#primary");
569
- }
570
- .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 {
571
720
  --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#primary-hover");
572
721
  }
573
- .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 {
574
723
  --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#primary-active");
575
724
  }
576
- .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 {
577
726
  --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#primary-disabled");
578
727
  }
579
- .light .icon__system_more-options-vertical--on-primary {
580
- --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#on-primary");
581
- }
582
- .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 {
583
729
  --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#on-primary-hover");
584
730
  }
585
- .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 {
586
732
  --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#on-primary-active");
587
733
  }
588
- .light .icon__system_more-options-vertical--on-disabled {
589
- --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#on-disabled");
590
- }
591
- .light .icon__system_more-options-vertical--neutral {
592
- --icon-path: url("../assets/icons/.generated/system/light/more-options-vertical.svg#neutral");
593
- }
594
- .light .icon__system_mail--primary {
595
- --icon-path: url("../assets/icons/.generated/system/light/mail.svg#primary");
596
- }
597
- .light .icon__system_mail--primary-hover, .light .icon__system_mail--primary:hover {
734
+ .light .icon__system_mail--primary:hover {
598
735
  --icon-path: url("../assets/icons/.generated/system/light/mail.svg#primary-hover");
599
736
  }
600
- .light .icon__system_mail--primary-active, .light .icon__system_mail--primary:active {
737
+ .light .icon__system_mail--primary:active {
601
738
  --icon-path: url("../assets/icons/.generated/system/light/mail.svg#primary-active");
602
739
  }
603
- .light .icon__system_mail--primary-disabled, .light .icon__system_mail--primary:disabled {
740
+ .light .icon__system_mail--primary:disabled {
604
741
  --icon-path: url("../assets/icons/.generated/system/light/mail.svg#primary-disabled");
605
742
  }
606
- .light .icon__system_mail--on-primary {
607
- --icon-path: url("../assets/icons/.generated/system/light/mail.svg#on-primary");
608
- }
609
- .light .icon__system_mail--on-primary-hover, .light .icon__system_mail--on-primary:hover {
743
+ .light .icon__system_mail--on-primary:hover {
610
744
  --icon-path: url("../assets/icons/.generated/system/light/mail.svg#on-primary-hover");
611
745
  }
612
- .light .icon__system_mail--on-primary-active, .light .icon__system_mail--on-primary:active {
746
+ .light .icon__system_mail--on-primary:active {
613
747
  --icon-path: url("../assets/icons/.generated/system/light/mail.svg#on-primary-active");
614
748
  }
615
- .light .icon__system_mail--on-disabled {
616
- --icon-path: url("../assets/icons/.generated/system/light/mail.svg#on-disabled");
617
- }
618
- .light .icon__system_mail--neutral {
619
- --icon-path: url("../assets/icons/.generated/system/light/mail.svg#neutral");
620
- }
621
- .light .icon__system_logout--primary {
622
- --icon-path: url("../assets/icons/.generated/system/light/logout.svg#primary");
623
- }
624
- .light .icon__system_logout--primary-hover, .light .icon__system_logout--primary:hover {
749
+ .light .icon__system_logout--primary:hover {
625
750
  --icon-path: url("../assets/icons/.generated/system/light/logout.svg#primary-hover");
626
751
  }
627
- .light .icon__system_logout--primary-active, .light .icon__system_logout--primary:active {
752
+ .light .icon__system_logout--primary:active {
628
753
  --icon-path: url("../assets/icons/.generated/system/light/logout.svg#primary-active");
629
754
  }
630
- .light .icon__system_logout--primary-disabled, .light .icon__system_logout--primary:disabled {
755
+ .light .icon__system_logout--primary:disabled {
631
756
  --icon-path: url("../assets/icons/.generated/system/light/logout.svg#primary-disabled");
632
757
  }
633
- .light .icon__system_logout--on-primary {
634
- --icon-path: url("../assets/icons/.generated/system/light/logout.svg#on-primary");
635
- }
636
- .light .icon__system_logout--on-primary-hover, .light .icon__system_logout--on-primary:hover {
758
+ .light .icon__system_logout--on-primary:hover {
637
759
  --icon-path: url("../assets/icons/.generated/system/light/logout.svg#on-primary-hover");
638
760
  }
639
- .light .icon__system_logout--on-primary-active, .light .icon__system_logout--on-primary:active {
761
+ .light .icon__system_logout--on-primary:active {
640
762
  --icon-path: url("../assets/icons/.generated/system/light/logout.svg#on-primary-active");
641
763
  }
642
- .light .icon__system_logout--on-disabled {
643
- --icon-path: url("../assets/icons/.generated/system/light/logout.svg#on-disabled");
644
- }
645
- .light .icon__system_logout--neutral {
646
- --icon-path: url("../assets/icons/.generated/system/light/logout.svg#neutral");
647
- }
648
- .light .icon__system_log-out--primary {
649
- --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#primary");
650
- }
651
- .light .icon__system_log-out--primary-hover, .light .icon__system_log-out--primary:hover {
764
+ .light .icon__system_log-out--primary:hover {
652
765
  --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#primary-hover");
653
766
  }
654
- .light .icon__system_log-out--primary-active, .light .icon__system_log-out--primary:active {
767
+ .light .icon__system_log-out--primary:active {
655
768
  --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#primary-active");
656
769
  }
657
- .light .icon__system_log-out--primary-disabled, .light .icon__system_log-out--primary:disabled {
770
+ .light .icon__system_log-out--primary:disabled {
658
771
  --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#primary-disabled");
659
772
  }
660
- .light .icon__system_log-out--on-primary {
661
- --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#on-primary");
662
- }
663
- .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 {
664
774
  --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#on-primary-hover");
665
775
  }
666
- .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 {
667
777
  --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#on-primary-active");
668
778
  }
669
- .light .icon__system_log-out--on-disabled {
670
- --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#on-disabled");
671
- }
672
- .light .icon__system_log-out--neutral {
673
- --icon-path: url("../assets/icons/.generated/system/light/log-out.svg#neutral");
674
- }
675
- .light .icon__system_lock--primary {
676
- --icon-path: url("../assets/icons/.generated/system/light/lock.svg#primary");
677
- }
678
- .light .icon__system_lock--primary-hover, .light .icon__system_lock--primary:hover {
779
+ .light .icon__system_lock--primary:hover {
679
780
  --icon-path: url("../assets/icons/.generated/system/light/lock.svg#primary-hover");
680
781
  }
681
- .light .icon__system_lock--primary-active, .light .icon__system_lock--primary:active {
782
+ .light .icon__system_lock--primary:active {
682
783
  --icon-path: url("../assets/icons/.generated/system/light/lock.svg#primary-active");
683
784
  }
684
- .light .icon__system_lock--primary-disabled, .light .icon__system_lock--primary:disabled {
785
+ .light .icon__system_lock--primary:disabled {
685
786
  --icon-path: url("../assets/icons/.generated/system/light/lock.svg#primary-disabled");
686
787
  }
687
- .light .icon__system_lock--on-primary {
688
- --icon-path: url("../assets/icons/.generated/system/light/lock.svg#on-primary");
689
- }
690
- .light .icon__system_lock--on-primary-hover, .light .icon__system_lock--on-primary:hover {
788
+ .light .icon__system_lock--on-primary:hover {
691
789
  --icon-path: url("../assets/icons/.generated/system/light/lock.svg#on-primary-hover");
692
790
  }
693
- .light .icon__system_lock--on-primary-active, .light .icon__system_lock--on-primary:active {
791
+ .light .icon__system_lock--on-primary:active {
694
792
  --icon-path: url("../assets/icons/.generated/system/light/lock.svg#on-primary-active");
695
793
  }
696
- .light .icon__system_lock--on-disabled {
697
- --icon-path: url("../assets/icons/.generated/system/light/lock.svg#on-disabled");
698
- }
699
- .light .icon__system_lock--neutral {
700
- --icon-path: url("../assets/icons/.generated/system/light/lock.svg#neutral");
701
- }
702
- .light .icon__system_list--primary {
703
- --icon-path: url("../assets/icons/.generated/system/light/list.svg#primary");
704
- }
705
- .light .icon__system_list--primary-hover, .light .icon__system_list--primary:hover {
794
+ .light .icon__system_list--primary:hover {
706
795
  --icon-path: url("../assets/icons/.generated/system/light/list.svg#primary-hover");
707
796
  }
708
- .light .icon__system_list--primary-active, .light .icon__system_list--primary:active {
797
+ .light .icon__system_list--primary:active {
709
798
  --icon-path: url("../assets/icons/.generated/system/light/list.svg#primary-active");
710
799
  }
711
- .light .icon__system_list--primary-disabled, .light .icon__system_list--primary:disabled {
800
+ .light .icon__system_list--primary:disabled {
712
801
  --icon-path: url("../assets/icons/.generated/system/light/list.svg#primary-disabled");
713
802
  }
714
- .light .icon__system_list--on-primary {
715
- --icon-path: url("../assets/icons/.generated/system/light/list.svg#on-primary");
716
- }
717
- .light .icon__system_list--on-primary-hover, .light .icon__system_list--on-primary:hover {
803
+ .light .icon__system_list--on-primary:hover {
718
804
  --icon-path: url("../assets/icons/.generated/system/light/list.svg#on-primary-hover");
719
805
  }
720
- .light .icon__system_list--on-primary-active, .light .icon__system_list--on-primary:active {
806
+ .light .icon__system_list--on-primary:active {
721
807
  --icon-path: url("../assets/icons/.generated/system/light/list.svg#on-primary-active");
722
808
  }
723
- .light .icon__system_list--on-disabled {
724
- --icon-path: url("../assets/icons/.generated/system/light/list.svg#on-disabled");
725
- }
726
- .light .icon__system_list--neutral {
727
- --icon-path: url("../assets/icons/.generated/system/light/list.svg#neutral");
728
- }
729
- .light .icon__system_link--primary {
730
- --icon-path: url("../assets/icons/.generated/system/light/link.svg#primary");
731
- }
732
- .light .icon__system_link--primary-hover, .light .icon__system_link--primary:hover {
809
+ .light .icon__system_link--primary:hover {
733
810
  --icon-path: url("../assets/icons/.generated/system/light/link.svg#primary-hover");
734
811
  }
735
- .light .icon__system_link--primary-active, .light .icon__system_link--primary:active {
812
+ .light .icon__system_link--primary:active {
736
813
  --icon-path: url("../assets/icons/.generated/system/light/link.svg#primary-active");
737
814
  }
738
- .light .icon__system_link--primary-disabled, .light .icon__system_link--primary:disabled {
815
+ .light .icon__system_link--primary:disabled {
739
816
  --icon-path: url("../assets/icons/.generated/system/light/link.svg#primary-disabled");
740
817
  }
741
- .light .icon__system_link--on-primary {
742
- --icon-path: url("../assets/icons/.generated/system/light/link.svg#on-primary");
743
- }
744
- .light .icon__system_link--on-primary-hover, .light .icon__system_link--on-primary:hover {
818
+ .light .icon__system_link--on-primary:hover {
745
819
  --icon-path: url("../assets/icons/.generated/system/light/link.svg#on-primary-hover");
746
820
  }
747
- .light .icon__system_link--on-primary-active, .light .icon__system_link--on-primary:active {
821
+ .light .icon__system_link--on-primary:active {
748
822
  --icon-path: url("../assets/icons/.generated/system/light/link.svg#on-primary-active");
749
823
  }
750
- .light .icon__system_link--on-disabled {
751
- --icon-path: url("../assets/icons/.generated/system/light/link.svg#on-disabled");
752
- }
753
- .light .icon__system_link--neutral {
754
- --icon-path: url("../assets/icons/.generated/system/light/link.svg#neutral");
755
- }
756
- .light .icon__system_link-variant--primary {
757
- --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#primary");
758
- }
759
- .light .icon__system_link-variant--primary-hover, .light .icon__system_link-variant--primary:hover {
824
+ .light .icon__system_link-variant--primary:hover {
760
825
  --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#primary-hover");
761
826
  }
762
- .light .icon__system_link-variant--primary-active, .light .icon__system_link-variant--primary:active {
827
+ .light .icon__system_link-variant--primary:active {
763
828
  --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#primary-active");
764
829
  }
765
- .light .icon__system_link-variant--primary-disabled, .light .icon__system_link-variant--primary:disabled {
830
+ .light .icon__system_link-variant--primary:disabled {
766
831
  --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#primary-disabled");
767
832
  }
768
- .light .icon__system_link-variant--on-primary {
769
- --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#on-primary");
770
- }
771
- .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 {
772
834
  --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#on-primary-hover");
773
835
  }
774
- .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 {
775
837
  --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#on-primary-active");
776
838
  }
777
- .light .icon__system_link-variant--on-disabled {
778
- --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#on-disabled");
779
- }
780
- .light .icon__system_link-variant--neutral {
781
- --icon-path: url("../assets/icons/.generated/system/light/link-variant.svg#neutral");
782
- }
783
- .light .icon__system_home--primary {
784
- --icon-path: url("../assets/icons/.generated/system/light/home.svg#primary");
785
- }
786
- .light .icon__system_home--primary-hover, .light .icon__system_home--primary:hover {
839
+ .light .icon__system_home--primary:hover {
787
840
  --icon-path: url("../assets/icons/.generated/system/light/home.svg#primary-hover");
788
841
  }
789
- .light .icon__system_home--primary-active, .light .icon__system_home--primary:active {
842
+ .light .icon__system_home--primary:active {
790
843
  --icon-path: url("../assets/icons/.generated/system/light/home.svg#primary-active");
791
844
  }
792
- .light .icon__system_home--primary-disabled, .light .icon__system_home--primary:disabled {
845
+ .light .icon__system_home--primary:disabled {
793
846
  --icon-path: url("../assets/icons/.generated/system/light/home.svg#primary-disabled");
794
847
  }
795
- .light .icon__system_home--on-primary {
796
- --icon-path: url("../assets/icons/.generated/system/light/home.svg#on-primary");
797
- }
798
- .light .icon__system_home--on-primary-hover, .light .icon__system_home--on-primary:hover {
848
+ .light .icon__system_home--on-primary:hover {
799
849
  --icon-path: url("../assets/icons/.generated/system/light/home.svg#on-primary-hover");
800
850
  }
801
- .light .icon__system_home--on-primary-active, .light .icon__system_home--on-primary:active {
851
+ .light .icon__system_home--on-primary:active {
802
852
  --icon-path: url("../assets/icons/.generated/system/light/home.svg#on-primary-active");
803
853
  }
804
- .light .icon__system_home--on-disabled {
805
- --icon-path: url("../assets/icons/.generated/system/light/home.svg#on-disabled");
806
- }
807
- .light .icon__system_home--neutral {
808
- --icon-path: url("../assets/icons/.generated/system/light/home.svg#neutral");
809
- }
810
- .light .icon__system_grid--primary {
811
- --icon-path: url("../assets/icons/.generated/system/light/grid.svg#primary");
812
- }
813
- .light .icon__system_grid--primary-hover, .light .icon__system_grid--primary:hover {
854
+ .light .icon__system_grid--primary:hover {
814
855
  --icon-path: url("../assets/icons/.generated/system/light/grid.svg#primary-hover");
815
856
  }
816
- .light .icon__system_grid--primary-active, .light .icon__system_grid--primary:active {
857
+ .light .icon__system_grid--primary:active {
817
858
  --icon-path: url("../assets/icons/.generated/system/light/grid.svg#primary-active");
818
859
  }
819
- .light .icon__system_grid--primary-disabled, .light .icon__system_grid--primary:disabled {
860
+ .light .icon__system_grid--primary:disabled {
820
861
  --icon-path: url("../assets/icons/.generated/system/light/grid.svg#primary-disabled");
821
862
  }
822
- .light .icon__system_grid--on-primary {
823
- --icon-path: url("../assets/icons/.generated/system/light/grid.svg#on-primary");
824
- }
825
- .light .icon__system_grid--on-primary-hover, .light .icon__system_grid--on-primary:hover {
863
+ .light .icon__system_grid--on-primary:hover {
826
864
  --icon-path: url("../assets/icons/.generated/system/light/grid.svg#on-primary-hover");
827
865
  }
828
- .light .icon__system_grid--on-primary-active, .light .icon__system_grid--on-primary:active {
866
+ .light .icon__system_grid--on-primary:active {
829
867
  --icon-path: url("../assets/icons/.generated/system/light/grid.svg#on-primary-active");
830
868
  }
831
- .light .icon__system_grid--on-disabled {
832
- --icon-path: url("../assets/icons/.generated/system/light/grid.svg#on-disabled");
833
- }
834
- .light .icon__system_grid--neutral {
835
- --icon-path: url("../assets/icons/.generated/system/light/grid.svg#neutral");
836
- }
837
- .light .icon__system_filters--primary {
838
- --icon-path: url("../assets/icons/.generated/system/light/filters.svg#primary");
839
- }
840
- .light .icon__system_filters--primary-hover, .light .icon__system_filters--primary:hover {
869
+ .light .icon__system_filters--primary:hover {
841
870
  --icon-path: url("../assets/icons/.generated/system/light/filters.svg#primary-hover");
842
871
  }
843
- .light .icon__system_filters--primary-active, .light .icon__system_filters--primary:active {
872
+ .light .icon__system_filters--primary:active {
844
873
  --icon-path: url("../assets/icons/.generated/system/light/filters.svg#primary-active");
845
874
  }
846
- .light .icon__system_filters--primary-disabled, .light .icon__system_filters--primary:disabled {
875
+ .light .icon__system_filters--primary:disabled {
847
876
  --icon-path: url("../assets/icons/.generated/system/light/filters.svg#primary-disabled");
848
877
  }
849
- .light .icon__system_filters--on-primary {
850
- --icon-path: url("../assets/icons/.generated/system/light/filters.svg#on-primary");
851
- }
852
- .light .icon__system_filters--on-primary-hover, .light .icon__system_filters--on-primary:hover {
878
+ .light .icon__system_filters--on-primary:hover {
853
879
  --icon-path: url("../assets/icons/.generated/system/light/filters.svg#on-primary-hover");
854
880
  }
855
- .light .icon__system_filters--on-primary-active, .light .icon__system_filters--on-primary:active {
881
+ .light .icon__system_filters--on-primary:active {
856
882
  --icon-path: url("../assets/icons/.generated/system/light/filters.svg#on-primary-active");
857
883
  }
858
- .light .icon__system_filters--on-disabled {
859
- --icon-path: url("../assets/icons/.generated/system/light/filters.svg#on-disabled");
860
- }
861
- .light .icon__system_filters--neutral {
862
- --icon-path: url("../assets/icons/.generated/system/light/filters.svg#neutral");
863
- }
864
- .light .icon__system_expand--primary {
865
- --icon-path: url("../assets/icons/.generated/system/light/expand.svg#primary");
866
- }
867
- .light .icon__system_expand--primary-hover, .light .icon__system_expand--primary:hover {
884
+ .light .icon__system_expand--primary:hover {
868
885
  --icon-path: url("../assets/icons/.generated/system/light/expand.svg#primary-hover");
869
886
  }
870
- .light .icon__system_expand--primary-active, .light .icon__system_expand--primary:active {
887
+ .light .icon__system_expand--primary:active {
871
888
  --icon-path: url("../assets/icons/.generated/system/light/expand.svg#primary-active");
872
889
  }
873
- .light .icon__system_expand--primary-disabled, .light .icon__system_expand--primary:disabled {
890
+ .light .icon__system_expand--primary:disabled {
874
891
  --icon-path: url("../assets/icons/.generated/system/light/expand.svg#primary-disabled");
875
892
  }
876
- .light .icon__system_expand--on-primary {
877
- --icon-path: url("../assets/icons/.generated/system/light/expand.svg#on-primary");
878
- }
879
- .light .icon__system_expand--on-primary-hover, .light .icon__system_expand--on-primary:hover {
893
+ .light .icon__system_expand--on-primary:hover {
880
894
  --icon-path: url("../assets/icons/.generated/system/light/expand.svg#on-primary-hover");
881
895
  }
882
- .light .icon__system_expand--on-primary-active, .light .icon__system_expand--on-primary:active {
896
+ .light .icon__system_expand--on-primary:active {
883
897
  --icon-path: url("../assets/icons/.generated/system/light/expand.svg#on-primary-active");
884
898
  }
885
- .light .icon__system_expand--on-disabled {
886
- --icon-path: url("../assets/icons/.generated/system/light/expand.svg#on-disabled");
887
- }
888
- .light .icon__system_expand--neutral {
889
- --icon-path: url("../assets/icons/.generated/system/light/expand.svg#neutral");
890
- }
891
- .light .icon__system_drag--primary {
892
- --icon-path: url("../assets/icons/.generated/system/light/drag.svg#primary");
893
- }
894
- .light .icon__system_drag--primary-hover, .light .icon__system_drag--primary:hover {
899
+ .light .icon__system_drag--primary:hover {
895
900
  --icon-path: url("../assets/icons/.generated/system/light/drag.svg#primary-hover");
896
901
  }
897
- .light .icon__system_drag--primary-active, .light .icon__system_drag--primary:active {
902
+ .light .icon__system_drag--primary:active {
898
903
  --icon-path: url("../assets/icons/.generated/system/light/drag.svg#primary-active");
899
904
  }
900
- .light .icon__system_drag--primary-disabled, .light .icon__system_drag--primary:disabled {
905
+ .light .icon__system_drag--primary:disabled {
901
906
  --icon-path: url("../assets/icons/.generated/system/light/drag.svg#primary-disabled");
902
907
  }
903
- .light .icon__system_drag--on-primary {
904
- --icon-path: url("../assets/icons/.generated/system/light/drag.svg#on-primary");
905
- }
906
- .light .icon__system_drag--on-primary-hover, .light .icon__system_drag--on-primary:hover {
908
+ .light .icon__system_drag--on-primary:hover {
907
909
  --icon-path: url("../assets/icons/.generated/system/light/drag.svg#on-primary-hover");
908
910
  }
909
- .light .icon__system_drag--on-primary-active, .light .icon__system_drag--on-primary:active {
911
+ .light .icon__system_drag--on-primary:active {
910
912
  --icon-path: url("../assets/icons/.generated/system/light/drag.svg#on-primary-active");
911
913
  }
912
- .light .icon__system_drag--on-disabled {
913
- --icon-path: url("../assets/icons/.generated/system/light/drag.svg#on-disabled");
914
- }
915
- .light .icon__system_drag--neutral {
916
- --icon-path: url("../assets/icons/.generated/system/light/drag.svg#neutral");
917
- }
918
- .light .icon__system_download--primary {
919
- --icon-path: url("../assets/icons/.generated/system/light/download.svg#primary");
920
- }
921
- .light .icon__system_download--primary-hover, .light .icon__system_download--primary:hover {
914
+ .light .icon__system_download--primary:hover {
922
915
  --icon-path: url("../assets/icons/.generated/system/light/download.svg#primary-hover");
923
916
  }
924
- .light .icon__system_download--primary-active, .light .icon__system_download--primary:active {
917
+ .light .icon__system_download--primary:active {
925
918
  --icon-path: url("../assets/icons/.generated/system/light/download.svg#primary-active");
926
919
  }
927
- .light .icon__system_download--primary-disabled, .light .icon__system_download--primary:disabled {
920
+ .light .icon__system_download--primary:disabled {
928
921
  --icon-path: url("../assets/icons/.generated/system/light/download.svg#primary-disabled");
929
922
  }
930
- .light .icon__system_download--on-primary {
931
- --icon-path: url("../assets/icons/.generated/system/light/download.svg#on-primary");
932
- }
933
- .light .icon__system_download--on-primary-hover, .light .icon__system_download--on-primary:hover {
923
+ .light .icon__system_download--on-primary:hover {
934
924
  --icon-path: url("../assets/icons/.generated/system/light/download.svg#on-primary-hover");
935
925
  }
936
- .light .icon__system_download--on-primary-active, .light .icon__system_download--on-primary:active {
926
+ .light .icon__system_download--on-primary:active {
937
927
  --icon-path: url("../assets/icons/.generated/system/light/download.svg#on-primary-active");
938
928
  }
939
- .light .icon__system_download--on-disabled {
940
- --icon-path: url("../assets/icons/.generated/system/light/download.svg#on-disabled");
941
- }
942
- .light .icon__system_download--neutral {
943
- --icon-path: url("../assets/icons/.generated/system/light/download.svg#neutral");
944
- }
945
- .light .icon__system_database--primary {
946
- --icon-path: url("../assets/icons/.generated/system/light/database.svg#primary");
947
- }
948
- .light .icon__system_database--primary-hover, .light .icon__system_database--primary:hover {
929
+ .light .icon__system_database--primary:hover {
949
930
  --icon-path: url("../assets/icons/.generated/system/light/database.svg#primary-hover");
950
931
  }
951
- .light .icon__system_database--primary-active, .light .icon__system_database--primary:active {
932
+ .light .icon__system_database--primary:active {
952
933
  --icon-path: url("../assets/icons/.generated/system/light/database.svg#primary-active");
953
934
  }
954
- .light .icon__system_database--primary-disabled, .light .icon__system_database--primary:disabled {
935
+ .light .icon__system_database--primary:disabled {
955
936
  --icon-path: url("../assets/icons/.generated/system/light/database.svg#primary-disabled");
956
937
  }
957
- .light .icon__system_database--on-primary {
958
- --icon-path: url("../assets/icons/.generated/system/light/database.svg#on-primary");
959
- }
960
- .light .icon__system_database--on-primary-hover, .light .icon__system_database--on-primary:hover {
938
+ .light .icon__system_database--on-primary:hover {
961
939
  --icon-path: url("../assets/icons/.generated/system/light/database.svg#on-primary-hover");
962
940
  }
963
- .light .icon__system_database--on-primary-active, .light .icon__system_database--on-primary:active {
941
+ .light .icon__system_database--on-primary:active {
964
942
  --icon-path: url("../assets/icons/.generated/system/light/database.svg#on-primary-active");
965
943
  }
966
- .light .icon__system_database--on-disabled {
967
- --icon-path: url("../assets/icons/.generated/system/light/database.svg#on-disabled");
968
- }
969
- .light .icon__system_database--neutral {
970
- --icon-path: url("../assets/icons/.generated/system/light/database.svg#neutral");
971
- }
972
- .light .icon__system_dashboard--primary {
973
- --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#primary");
974
- }
975
- .light .icon__system_dashboard--primary-hover, .light .icon__system_dashboard--primary:hover {
944
+ .light .icon__system_dashboard--primary:hover {
976
945
  --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#primary-hover");
977
946
  }
978
- .light .icon__system_dashboard--primary-active, .light .icon__system_dashboard--primary:active {
947
+ .light .icon__system_dashboard--primary:active {
979
948
  --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#primary-active");
980
949
  }
981
- .light .icon__system_dashboard--primary-disabled, .light .icon__system_dashboard--primary:disabled {
950
+ .light .icon__system_dashboard--primary:disabled {
982
951
  --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#primary-disabled");
983
952
  }
984
- .light .icon__system_dashboard--on-primary {
985
- --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#on-primary");
986
- }
987
- .light .icon__system_dashboard--on-primary-hover, .light .icon__system_dashboard--on-primary:hover {
953
+ .light .icon__system_dashboard--on-primary:hover {
988
954
  --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#on-primary-hover");
989
955
  }
990
- .light .icon__system_dashboard--on-primary-active, .light .icon__system_dashboard--on-primary:active {
956
+ .light .icon__system_dashboard--on-primary:active {
991
957
  --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#on-primary-active");
992
958
  }
993
- .light .icon__system_dashboard--on-disabled {
994
- --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#on-disabled");
995
- }
996
- .light .icon__system_dashboard--neutral {
997
- --icon-path: url("../assets/icons/.generated/system/light/dashboard.svg#neutral");
998
- }
999
- .light .icon__system_contact--primary {
1000
- --icon-path: url("../assets/icons/.generated/system/light/contact.svg#primary");
1001
- }
1002
- .light .icon__system_contact--primary-hover, .light .icon__system_contact--primary:hover {
959
+ .light .icon__system_contact--primary:hover {
1003
960
  --icon-path: url("../assets/icons/.generated/system/light/contact.svg#primary-hover");
1004
961
  }
1005
- .light .icon__system_contact--primary-active, .light .icon__system_contact--primary:active {
962
+ .light .icon__system_contact--primary:active {
1006
963
  --icon-path: url("../assets/icons/.generated/system/light/contact.svg#primary-active");
1007
964
  }
1008
- .light .icon__system_contact--primary-disabled, .light .icon__system_contact--primary:disabled {
965
+ .light .icon__system_contact--primary:disabled {
1009
966
  --icon-path: url("../assets/icons/.generated/system/light/contact.svg#primary-disabled");
1010
967
  }
1011
- .light .icon__system_contact--on-primary {
1012
- --icon-path: url("../assets/icons/.generated/system/light/contact.svg#on-primary");
1013
- }
1014
- .light .icon__system_contact--on-primary-hover, .light .icon__system_contact--on-primary:hover {
968
+ .light .icon__system_contact--on-primary:hover {
1015
969
  --icon-path: url("../assets/icons/.generated/system/light/contact.svg#on-primary-hover");
1016
970
  }
1017
- .light .icon__system_contact--on-primary-active, .light .icon__system_contact--on-primary:active {
971
+ .light .icon__system_contact--on-primary:active {
1018
972
  --icon-path: url("../assets/icons/.generated/system/light/contact.svg#on-primary-active");
1019
973
  }
1020
- .light .icon__system_contact--on-disabled {
1021
- --icon-path: url("../assets/icons/.generated/system/light/contact.svg#on-disabled");
1022
- }
1023
- .light .icon__system_contact--neutral {
1024
- --icon-path: url("../assets/icons/.generated/system/light/contact.svg#neutral");
1025
- }
1026
- .light .icon__system_connector--primary {
1027
- --icon-path: url("../assets/icons/.generated/system/light/connector.svg#primary");
1028
- }
1029
- .light .icon__system_connector--primary-hover, .light .icon__system_connector--primary:hover {
974
+ .light .icon__system_connector--primary:hover {
1030
975
  --icon-path: url("../assets/icons/.generated/system/light/connector.svg#primary-hover");
1031
976
  }
1032
- .light .icon__system_connector--primary-active, .light .icon__system_connector--primary:active {
977
+ .light .icon__system_connector--primary:active {
1033
978
  --icon-path: url("../assets/icons/.generated/system/light/connector.svg#primary-active");
1034
979
  }
1035
- .light .icon__system_connector--primary-disabled, .light .icon__system_connector--primary:disabled {
980
+ .light .icon__system_connector--primary:disabled {
1036
981
  --icon-path: url("../assets/icons/.generated/system/light/connector.svg#primary-disabled");
1037
982
  }
1038
- .light .icon__system_connector--on-primary {
1039
- --icon-path: url("../assets/icons/.generated/system/light/connector.svg#on-primary");
1040
- }
1041
- .light .icon__system_connector--on-primary-hover, .light .icon__system_connector--on-primary:hover {
983
+ .light .icon__system_connector--on-primary:hover {
1042
984
  --icon-path: url("../assets/icons/.generated/system/light/connector.svg#on-primary-hover");
1043
985
  }
1044
- .light .icon__system_connector--on-primary-active, .light .icon__system_connector--on-primary:active {
986
+ .light .icon__system_connector--on-primary:active {
1045
987
  --icon-path: url("../assets/icons/.generated/system/light/connector.svg#on-primary-active");
1046
988
  }
1047
- .light .icon__system_connector--on-disabled {
1048
- --icon-path: url("../assets/icons/.generated/system/light/connector.svg#on-disabled");
1049
- }
1050
- .light .icon__system_connector--neutral {
1051
- --icon-path: url("../assets/icons/.generated/system/light/connector.svg#neutral");
1052
- }
1053
- .light .icon__system_close--primary {
1054
- --icon-path: url("../assets/icons/.generated/system/light/close.svg#primary");
1055
- }
1056
- .light .icon__system_close--primary-hover, .light .icon__system_close--primary:hover {
989
+ .light .icon__system_close--primary:hover {
1057
990
  --icon-path: url("../assets/icons/.generated/system/light/close.svg#primary-hover");
1058
991
  }
1059
- .light .icon__system_close--primary-active, .light .icon__system_close--primary:active {
992
+ .light .icon__system_close--primary:active {
1060
993
  --icon-path: url("../assets/icons/.generated/system/light/close.svg#primary-active");
1061
994
  }
1062
- .light .icon__system_close--primary-disabled, .light .icon__system_close--primary:disabled {
995
+ .light .icon__system_close--primary:disabled {
1063
996
  --icon-path: url("../assets/icons/.generated/system/light/close.svg#primary-disabled");
1064
997
  }
1065
- .light .icon__system_close--on-primary {
1066
- --icon-path: url("../assets/icons/.generated/system/light/close.svg#on-primary");
1067
- }
1068
- .light .icon__system_close--on-primary-hover, .light .icon__system_close--on-primary:hover {
998
+ .light .icon__system_close--on-primary:hover {
1069
999
  --icon-path: url("../assets/icons/.generated/system/light/close.svg#on-primary-hover");
1070
1000
  }
1071
- .light .icon__system_close--on-primary-active, .light .icon__system_close--on-primary:active {
1001
+ .light .icon__system_close--on-primary:active {
1072
1002
  --icon-path: url("../assets/icons/.generated/system/light/close.svg#on-primary-active");
1073
1003
  }
1074
- .light .icon__system_close--on-disabled {
1075
- --icon-path: url("../assets/icons/.generated/system/light/close.svg#on-disabled");
1076
- }
1077
- .light .icon__system_close--neutral {
1078
- --icon-path: url("../assets/icons/.generated/system/light/close.svg#neutral");
1079
- }
1080
- .light .icon__system_chevron-up--primary {
1081
- --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#primary");
1082
- }
1083
- .light .icon__system_chevron-up--primary-hover, .light .icon__system_chevron-up--primary:hover {
1004
+ .light .icon__system_chevron-up--primary:hover {
1084
1005
  --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#primary-hover");
1085
1006
  }
1086
- .light .icon__system_chevron-up--primary-active, .light .icon__system_chevron-up--primary:active {
1007
+ .light .icon__system_chevron-up--primary:active {
1087
1008
  --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#primary-active");
1088
1009
  }
1089
- .light .icon__system_chevron-up--primary-disabled, .light .icon__system_chevron-up--primary:disabled {
1010
+ .light .icon__system_chevron-up--primary:disabled {
1090
1011
  --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#primary-disabled");
1091
1012
  }
1092
- .light .icon__system_chevron-up--on-primary {
1093
- --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#on-primary");
1094
- }
1095
- .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 {
1096
1014
  --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#on-primary-hover");
1097
1015
  }
1098
- .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 {
1099
1017
  --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#on-primary-active");
1100
1018
  }
1101
- .light .icon__system_chevron-up--on-disabled {
1102
- --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#on-disabled");
1103
- }
1104
- .light .icon__system_chevron-up--neutral {
1105
- --icon-path: url("../assets/icons/.generated/system/light/chevron-up.svg#neutral");
1106
- }
1107
- .light .icon__system_chevron-right--primary {
1108
- --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#primary");
1109
- }
1110
- .light .icon__system_chevron-right--primary-hover, .light .icon__system_chevron-right--primary:hover {
1019
+ .light .icon__system_chevron-right--primary:hover {
1111
1020
  --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#primary-hover");
1112
1021
  }
1113
- .light .icon__system_chevron-right--primary-active, .light .icon__system_chevron-right--primary:active {
1022
+ .light .icon__system_chevron-right--primary:active {
1114
1023
  --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#primary-active");
1115
1024
  }
1116
- .light .icon__system_chevron-right--primary-disabled, .light .icon__system_chevron-right--primary:disabled {
1025
+ .light .icon__system_chevron-right--primary:disabled {
1117
1026
  --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#primary-disabled");
1118
1027
  }
1119
- .light .icon__system_chevron-right--on-primary {
1120
- --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#on-primary");
1121
- }
1122
- .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 {
1123
1029
  --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#on-primary-hover");
1124
1030
  }
1125
- .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 {
1126
1032
  --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#on-primary-active");
1127
1033
  }
1128
- .light .icon__system_chevron-right--on-disabled {
1129
- --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#on-disabled");
1130
- }
1131
- .light .icon__system_chevron-right--neutral {
1132
- --icon-path: url("../assets/icons/.generated/system/light/chevron-right.svg#neutral");
1133
- }
1134
- .light .icon__system_chevron-down--primary {
1135
- --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#primary");
1136
- }
1137
- .light .icon__system_chevron-down--primary-hover, .light .icon__system_chevron-down--primary:hover {
1034
+ .light .icon__system_chevron-down--primary:hover {
1138
1035
  --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#primary-hover");
1139
1036
  }
1140
- .light .icon__system_chevron-down--primary-active, .light .icon__system_chevron-down--primary:active {
1037
+ .light .icon__system_chevron-down--primary:active {
1141
1038
  --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#primary-active");
1142
1039
  }
1143
- .light .icon__system_chevron-down--primary-disabled, .light .icon__system_chevron-down--primary:disabled {
1040
+ .light .icon__system_chevron-down--primary:disabled {
1144
1041
  --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#primary-disabled");
1145
1042
  }
1146
- .light .icon__system_chevron-down--on-primary {
1147
- --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#on-primary");
1148
- }
1149
- .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 {
1150
1044
  --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#on-primary-hover");
1151
1045
  }
1152
- .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 {
1153
1047
  --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#on-primary-active");
1154
1048
  }
1155
- .light .icon__system_chevron-down--on-disabled {
1156
- --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#on-disabled");
1157
- }
1158
- .light .icon__system_chevron-down--neutral {
1159
- --icon-path: url("../assets/icons/.generated/system/light/chevron-down.svg#neutral");
1160
- }
1161
- .light .icon__system_check--primary {
1162
- --icon-path: url("../assets/icons/.generated/system/light/check.svg#primary");
1163
- }
1164
- .light .icon__system_check--primary-hover, .light .icon__system_check--primary:hover {
1049
+ .light .icon__system_check--primary:hover {
1165
1050
  --icon-path: url("../assets/icons/.generated/system/light/check.svg#primary-hover");
1166
1051
  }
1167
- .light .icon__system_check--primary-active, .light .icon__system_check--primary:active {
1052
+ .light .icon__system_check--primary:active {
1168
1053
  --icon-path: url("../assets/icons/.generated/system/light/check.svg#primary-active");
1169
1054
  }
1170
- .light .icon__system_check--primary-disabled, .light .icon__system_check--primary:disabled {
1055
+ .light .icon__system_check--primary:disabled {
1171
1056
  --icon-path: url("../assets/icons/.generated/system/light/check.svg#primary-disabled");
1172
1057
  }
1173
- .light .icon__system_check--on-primary {
1174
- --icon-path: url("../assets/icons/.generated/system/light/check.svg#on-primary");
1175
- }
1176
- .light .icon__system_check--on-primary-hover, .light .icon__system_check--on-primary:hover {
1058
+ .light .icon__system_check--on-primary:hover {
1177
1059
  --icon-path: url("../assets/icons/.generated/system/light/check.svg#on-primary-hover");
1178
1060
  }
1179
- .light .icon__system_check--on-primary-active, .light .icon__system_check--on-primary:active {
1061
+ .light .icon__system_check--on-primary:active {
1180
1062
  --icon-path: url("../assets/icons/.generated/system/light/check.svg#on-primary-active");
1181
1063
  }
1182
- .light .icon__system_check--on-disabled {
1183
- --icon-path: url("../assets/icons/.generated/system/light/check.svg#on-disabled");
1184
- }
1185
- .light .icon__system_check--neutral {
1186
- --icon-path: url("../assets/icons/.generated/system/light/check.svg#neutral");
1187
- }
1188
- .light .icon__system_card--primary {
1189
- --icon-path: url("../assets/icons/.generated/system/light/card.svg#primary");
1190
- }
1191
- .light .icon__system_card--primary-hover, .light .icon__system_card--primary:hover {
1064
+ .light .icon__system_card--primary:hover {
1192
1065
  --icon-path: url("../assets/icons/.generated/system/light/card.svg#primary-hover");
1193
1066
  }
1194
- .light .icon__system_card--primary-active, .light .icon__system_card--primary:active {
1067
+ .light .icon__system_card--primary:active {
1195
1068
  --icon-path: url("../assets/icons/.generated/system/light/card.svg#primary-active");
1196
1069
  }
1197
- .light .icon__system_card--primary-disabled, .light .icon__system_card--primary:disabled {
1070
+ .light .icon__system_card--primary:disabled {
1198
1071
  --icon-path: url("../assets/icons/.generated/system/light/card.svg#primary-disabled");
1199
1072
  }
1200
- .light .icon__system_card--on-primary {
1201
- --icon-path: url("../assets/icons/.generated/system/light/card.svg#on-primary");
1202
- }
1203
- .light .icon__system_card--on-primary-hover, .light .icon__system_card--on-primary:hover {
1073
+ .light .icon__system_card--on-primary:hover {
1204
1074
  --icon-path: url("../assets/icons/.generated/system/light/card.svg#on-primary-hover");
1205
1075
  }
1206
- .light .icon__system_card--on-primary-active, .light .icon__system_card--on-primary:active {
1076
+ .light .icon__system_card--on-primary:active {
1207
1077
  --icon-path: url("../assets/icons/.generated/system/light/card.svg#on-primary-active");
1208
1078
  }
1209
- .light .icon__system_card--on-disabled {
1210
- --icon-path: url("../assets/icons/.generated/system/light/card.svg#on-disabled");
1211
- }
1212
- .light .icon__system_card--neutral {
1213
- --icon-path: url("../assets/icons/.generated/system/light/card.svg#neutral");
1214
- }
1215
- .light .icon__system_card-variant--primary {
1216
- --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#primary");
1217
- }
1218
- .light .icon__system_card-variant--primary-hover, .light .icon__system_card-variant--primary:hover {
1079
+ .light .icon__system_card-variant--primary:hover {
1219
1080
  --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#primary-hover");
1220
1081
  }
1221
- .light .icon__system_card-variant--primary-active, .light .icon__system_card-variant--primary:active {
1082
+ .light .icon__system_card-variant--primary:active {
1222
1083
  --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#primary-active");
1223
1084
  }
1224
- .light .icon__system_card-variant--primary-disabled, .light .icon__system_card-variant--primary:disabled {
1085
+ .light .icon__system_card-variant--primary:disabled {
1225
1086
  --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#primary-disabled");
1226
1087
  }
1227
- .light .icon__system_card-variant--on-primary {
1228
- --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#on-primary");
1229
- }
1230
- .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 {
1231
1089
  --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#on-primary-hover");
1232
1090
  }
1233
- .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 {
1234
1092
  --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#on-primary-active");
1235
1093
  }
1236
- .light .icon__system_card-variant--on-disabled {
1237
- --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#on-disabled");
1238
- }
1239
- .light .icon__system_card-variant--neutral {
1240
- --icon-path: url("../assets/icons/.generated/system/light/card-variant.svg#neutral");
1241
- }
1242
- .light .icon__system_assistant--primary {
1243
- --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#primary");
1244
- }
1245
- .light .icon__system_assistant--primary-hover, .light .icon__system_assistant--primary:hover {
1094
+ .light .icon__system_assistant--primary:hover {
1246
1095
  --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#primary-hover");
1247
1096
  }
1248
- .light .icon__system_assistant--primary-active, .light .icon__system_assistant--primary:active {
1097
+ .light .icon__system_assistant--primary:active {
1249
1098
  --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#primary-active");
1250
1099
  }
1251
- .light .icon__system_assistant--primary-disabled, .light .icon__system_assistant--primary:disabled {
1100
+ .light .icon__system_assistant--primary:disabled {
1252
1101
  --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#primary-disabled");
1253
1102
  }
1254
- .light .icon__system_assistant--on-primary {
1255
- --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#on-primary");
1256
- }
1257
- .light .icon__system_assistant--on-primary-hover, .light .icon__system_assistant--on-primary:hover {
1103
+ .light .icon__system_assistant--on-primary:hover {
1258
1104
  --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#on-primary-hover");
1259
1105
  }
1260
- .light .icon__system_assistant--on-primary-active, .light .icon__system_assistant--on-primary:active {
1106
+ .light .icon__system_assistant--on-primary:active {
1261
1107
  --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#on-primary-active");
1262
1108
  }
1263
- .light .icon__system_assistant--on-disabled {
1264
- --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#on-disabled");
1265
- }
1266
- .light .icon__system_assistant--neutral {
1267
- --icon-path: url("../assets/icons/.generated/system/light/assistant.svg#neutral");
1268
- }
1269
- .light .icon__system_arrow-right--primary {
1270
- --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#primary");
1271
- }
1272
- .light .icon__system_arrow-right--primary-hover, .light .icon__system_arrow-right--primary:hover {
1109
+ .light .icon__system_arrow-right--primary:hover {
1273
1110
  --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#primary-hover");
1274
1111
  }
1275
- .light .icon__system_arrow-right--primary-active, .light .icon__system_arrow-right--primary:active {
1112
+ .light .icon__system_arrow-right--primary:active {
1276
1113
  --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#primary-active");
1277
1114
  }
1278
- .light .icon__system_arrow-right--primary-disabled, .light .icon__system_arrow-right--primary:disabled {
1115
+ .light .icon__system_arrow-right--primary:disabled {
1279
1116
  --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#primary-disabled");
1280
1117
  }
1281
- .light .icon__system_arrow-right--on-primary {
1282
- --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#on-primary");
1283
- }
1284
- .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 {
1285
1119
  --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#on-primary-hover");
1286
1120
  }
1287
- .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 {
1288
1122
  --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#on-primary-active");
1289
1123
  }
1290
- .light .icon__system_arrow-right--on-disabled {
1291
- --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#on-disabled");
1292
- }
1293
- .light .icon__system_arrow-right--neutral {
1294
- --icon-path: url("../assets/icons/.generated/system/light/arrow-right.svg#neutral");
1295
- }
1296
- .light .icon__system_add--primary {
1297
- --icon-path: url("../assets/icons/.generated/system/light/add.svg#primary");
1298
- }
1299
- .light .icon__system_add--primary-hover, .light .icon__system_add--primary:hover {
1124
+ .light .icon__system_add--primary:hover {
1300
1125
  --icon-path: url("../assets/icons/.generated/system/light/add.svg#primary-hover");
1301
1126
  }
1302
- .light .icon__system_add--primary-active, .light .icon__system_add--primary:active {
1127
+ .light .icon__system_add--primary:active {
1303
1128
  --icon-path: url("../assets/icons/.generated/system/light/add.svg#primary-active");
1304
1129
  }
1305
- .light .icon__system_add--primary-disabled, .light .icon__system_add--primary:disabled {
1130
+ .light .icon__system_add--primary:disabled {
1306
1131
  --icon-path: url("../assets/icons/.generated/system/light/add.svg#primary-disabled");
1307
1132
  }
1308
- .light .icon__system_add--on-primary {
1309
- --icon-path: url("../assets/icons/.generated/system/light/add.svg#on-primary");
1310
- }
1311
- .light .icon__system_add--on-primary-hover, .light .icon__system_add--on-primary:hover {
1133
+ .light .icon__system_add--on-primary:hover {
1312
1134
  --icon-path: url("../assets/icons/.generated/system/light/add.svg#on-primary-hover");
1313
1135
  }
1314
- .light .icon__system_add--on-primary-active, .light .icon__system_add--on-primary:active {
1136
+ .light .icon__system_add--on-primary:active {
1315
1137
  --icon-path: url("../assets/icons/.generated/system/light/add.svg#on-primary-active");
1316
1138
  }
1317
- .light .icon__system_add--on-disabled {
1318
- --icon-path: url("../assets/icons/.generated/system/light/add.svg#on-disabled");
1319
- }
1320
- .light .icon__system_add--neutral {
1321
- --icon-path: url("../assets/icons/.generated/system/light/add.svg#neutral");
1322
- }
1323
- .dark .icon__system_warning--primary {
1324
- --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#primary");
1325
- }
1326
- .dark .icon__system_warning--primary-hover, .dark .icon__system_warning--primary:hover {
1139
+ .dark .icon__system_warning--primary:hover {
1327
1140
  --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#primary-hover");
1328
1141
  }
1329
- .dark .icon__system_warning--primary-active, .dark .icon__system_warning--primary:active {
1142
+ .dark .icon__system_warning--primary:active {
1330
1143
  --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#primary-active");
1331
1144
  }
1332
- .dark .icon__system_warning--primary-disabled, .dark .icon__system_warning--primary:disabled {
1145
+ .dark .icon__system_warning--primary:disabled {
1333
1146
  --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#primary-disabled");
1334
1147
  }
1335
- .dark .icon__system_warning--on-primary {
1336
- --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#on-primary");
1337
- }
1338
- .dark .icon__system_warning--on-primary-hover, .dark .icon__system_warning--on-primary:hover {
1148
+ .dark .icon__system_warning--on-primary:hover {
1339
1149
  --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#on-primary-hover");
1340
1150
  }
1341
- .dark .icon__system_warning--on-primary-active, .dark .icon__system_warning--on-primary:active {
1151
+ .dark .icon__system_warning--on-primary:active {
1342
1152
  --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#on-primary-active");
1343
1153
  }
1344
- .dark .icon__system_warning--on-disabled {
1345
- --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#on-disabled");
1346
- }
1347
- .dark .icon__system_warning--neutral {
1348
- --icon-path: url("../assets/icons/.generated/system/dark/warning.svg#neutral");
1349
- }
1350
- .dark .icon__system_user--primary {
1351
- --icon-path: url("../assets/icons/.generated/system/dark/user.svg#primary");
1352
- }
1353
- .dark .icon__system_user--primary-hover, .dark .icon__system_user--primary:hover {
1154
+ .dark .icon__system_user--primary:hover {
1354
1155
  --icon-path: url("../assets/icons/.generated/system/dark/user.svg#primary-hover");
1355
1156
  }
1356
- .dark .icon__system_user--primary-active, .dark .icon__system_user--primary:active {
1157
+ .dark .icon__system_user--primary:active {
1357
1158
  --icon-path: url("../assets/icons/.generated/system/dark/user.svg#primary-active");
1358
1159
  }
1359
- .dark .icon__system_user--primary-disabled, .dark .icon__system_user--primary:disabled {
1160
+ .dark .icon__system_user--primary:disabled {
1360
1161
  --icon-path: url("../assets/icons/.generated/system/dark/user.svg#primary-disabled");
1361
1162
  }
1362
- .dark .icon__system_user--on-primary {
1363
- --icon-path: url("../assets/icons/.generated/system/dark/user.svg#on-primary");
1364
- }
1365
- .dark .icon__system_user--on-primary-hover, .dark .icon__system_user--on-primary:hover {
1163
+ .dark .icon__system_user--on-primary:hover {
1366
1164
  --icon-path: url("../assets/icons/.generated/system/dark/user.svg#on-primary-hover");
1367
1165
  }
1368
- .dark .icon__system_user--on-primary-active, .dark .icon__system_user--on-primary:active {
1166
+ .dark .icon__system_user--on-primary:active {
1369
1167
  --icon-path: url("../assets/icons/.generated/system/dark/user.svg#on-primary-active");
1370
1168
  }
1371
- .dark .icon__system_user--on-disabled {
1372
- --icon-path: url("../assets/icons/.generated/system/dark/user.svg#on-disabled");
1373
- }
1374
- .dark .icon__system_user--neutral {
1375
- --icon-path: url("../assets/icons/.generated/system/dark/user.svg#neutral");
1376
- }
1377
- .dark .icon__system_tools--primary {
1378
- --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#primary");
1379
- }
1380
- .dark .icon__system_tools--primary-hover, .dark .icon__system_tools--primary:hover {
1169
+ .dark .icon__system_tools--primary:hover {
1381
1170
  --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#primary-hover");
1382
1171
  }
1383
- .dark .icon__system_tools--primary-active, .dark .icon__system_tools--primary:active {
1172
+ .dark .icon__system_tools--primary:active {
1384
1173
  --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#primary-active");
1385
1174
  }
1386
- .dark .icon__system_tools--primary-disabled, .dark .icon__system_tools--primary:disabled {
1175
+ .dark .icon__system_tools--primary:disabled {
1387
1176
  --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#primary-disabled");
1388
1177
  }
1389
- .dark .icon__system_tools--on-primary {
1390
- --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#on-primary");
1391
- }
1392
- .dark .icon__system_tools--on-primary-hover, .dark .icon__system_tools--on-primary:hover {
1178
+ .dark .icon__system_tools--on-primary:hover {
1393
1179
  --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#on-primary-hover");
1394
1180
  }
1395
- .dark .icon__system_tools--on-primary-active, .dark .icon__system_tools--on-primary:active {
1181
+ .dark .icon__system_tools--on-primary:active {
1396
1182
  --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#on-primary-active");
1397
1183
  }
1398
- .dark .icon__system_tools--on-disabled {
1399
- --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#on-disabled");
1400
- }
1401
- .dark .icon__system_tools--neutral {
1402
- --icon-path: url("../assets/icons/.generated/system/dark/tools.svg#neutral");
1403
- }
1404
- .dark .icon__system_time--primary {
1405
- --icon-path: url("../assets/icons/.generated/system/dark/time.svg#primary");
1406
- }
1407
- .dark .icon__system_time--primary-hover, .dark .icon__system_time--primary:hover {
1184
+ .dark .icon__system_time--primary:hover {
1408
1185
  --icon-path: url("../assets/icons/.generated/system/dark/time.svg#primary-hover");
1409
1186
  }
1410
- .dark .icon__system_time--primary-active, .dark .icon__system_time--primary:active {
1187
+ .dark .icon__system_time--primary:active {
1411
1188
  --icon-path: url("../assets/icons/.generated/system/dark/time.svg#primary-active");
1412
1189
  }
1413
- .dark .icon__system_time--primary-disabled, .dark .icon__system_time--primary:disabled {
1190
+ .dark .icon__system_time--primary:disabled {
1414
1191
  --icon-path: url("../assets/icons/.generated/system/dark/time.svg#primary-disabled");
1415
1192
  }
1416
- .dark .icon__system_time--on-primary {
1417
- --icon-path: url("../assets/icons/.generated/system/dark/time.svg#on-primary");
1418
- }
1419
- .dark .icon__system_time--on-primary-hover, .dark .icon__system_time--on-primary:hover {
1193
+ .dark .icon__system_time--on-primary:hover {
1420
1194
  --icon-path: url("../assets/icons/.generated/system/dark/time.svg#on-primary-hover");
1421
1195
  }
1422
- .dark .icon__system_time--on-primary-active, .dark .icon__system_time--on-primary:active {
1196
+ .dark .icon__system_time--on-primary:active {
1423
1197
  --icon-path: url("../assets/icons/.generated/system/dark/time.svg#on-primary-active");
1424
1198
  }
1425
- .dark .icon__system_time--on-disabled {
1426
- --icon-path: url("../assets/icons/.generated/system/dark/time.svg#on-disabled");
1427
- }
1428
- .dark .icon__system_time--neutral {
1429
- --icon-path: url("../assets/icons/.generated/system/dark/time.svg#neutral");
1430
- }
1431
- .dark .icon__system_thunder--primary {
1432
- --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#primary");
1433
- }
1434
- .dark .icon__system_thunder--primary-hover, .dark .icon__system_thunder--primary:hover {
1199
+ .dark .icon__system_thunder--primary:hover {
1435
1200
  --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#primary-hover");
1436
1201
  }
1437
- .dark .icon__system_thunder--primary-active, .dark .icon__system_thunder--primary:active {
1202
+ .dark .icon__system_thunder--primary:active {
1438
1203
  --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#primary-active");
1439
1204
  }
1440
- .dark .icon__system_thunder--primary-disabled, .dark .icon__system_thunder--primary:disabled {
1205
+ .dark .icon__system_thunder--primary:disabled {
1441
1206
  --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#primary-disabled");
1442
1207
  }
1443
- .dark .icon__system_thunder--on-primary {
1444
- --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#on-primary");
1445
- }
1446
- .dark .icon__system_thunder--on-primary-hover, .dark .icon__system_thunder--on-primary:hover {
1208
+ .dark .icon__system_thunder--on-primary:hover {
1447
1209
  --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#on-primary-hover");
1448
1210
  }
1449
- .dark .icon__system_thunder--on-primary-active, .dark .icon__system_thunder--on-primary:active {
1211
+ .dark .icon__system_thunder--on-primary:active {
1450
1212
  --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#on-primary-active");
1451
1213
  }
1452
- .dark .icon__system_thunder--on-disabled {
1453
- --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#on-disabled");
1454
- }
1455
- .dark .icon__system_thunder--neutral {
1456
- --icon-path: url("../assets/icons/.generated/system/dark/thunder.svg#neutral");
1457
- }
1458
- .dark .icon__system_show--primary {
1459
- --icon-path: url("../assets/icons/.generated/system/dark/show.svg#primary");
1460
- }
1461
- .dark .icon__system_show--primary-hover, .dark .icon__system_show--primary:hover {
1214
+ .dark .icon__system_show--primary:hover {
1462
1215
  --icon-path: url("../assets/icons/.generated/system/dark/show.svg#primary-hover");
1463
1216
  }
1464
- .dark .icon__system_show--primary-active, .dark .icon__system_show--primary:active {
1217
+ .dark .icon__system_show--primary:active {
1465
1218
  --icon-path: url("../assets/icons/.generated/system/dark/show.svg#primary-active");
1466
1219
  }
1467
- .dark .icon__system_show--primary-disabled, .dark .icon__system_show--primary:disabled {
1220
+ .dark .icon__system_show--primary:disabled {
1468
1221
  --icon-path: url("../assets/icons/.generated/system/dark/show.svg#primary-disabled");
1469
1222
  }
1470
- .dark .icon__system_show--on-primary {
1471
- --icon-path: url("../assets/icons/.generated/system/dark/show.svg#on-primary");
1472
- }
1473
- .dark .icon__system_show--on-primary-hover, .dark .icon__system_show--on-primary:hover {
1223
+ .dark .icon__system_show--on-primary:hover {
1474
1224
  --icon-path: url("../assets/icons/.generated/system/dark/show.svg#on-primary-hover");
1475
1225
  }
1476
- .dark .icon__system_show--on-primary-active, .dark .icon__system_show--on-primary:active {
1226
+ .dark .icon__system_show--on-primary:active {
1477
1227
  --icon-path: url("../assets/icons/.generated/system/dark/show.svg#on-primary-active");
1478
1228
  }
1479
- .dark .icon__system_show--on-disabled {
1480
- --icon-path: url("../assets/icons/.generated/system/dark/show.svg#on-disabled");
1481
- }
1482
- .dark .icon__system_show--neutral {
1483
- --icon-path: url("../assets/icons/.generated/system/dark/show.svg#neutral");
1484
- }
1485
- .dark .icon__system_settings--primary {
1486
- --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#primary");
1487
- }
1488
- .dark .icon__system_settings--primary-hover, .dark .icon__system_settings--primary:hover {
1229
+ .dark .icon__system_settings--primary:hover {
1489
1230
  --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#primary-hover");
1490
1231
  }
1491
- .dark .icon__system_settings--primary-active, .dark .icon__system_settings--primary:active {
1232
+ .dark .icon__system_settings--primary:active {
1492
1233
  --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#primary-active");
1493
1234
  }
1494
- .dark .icon__system_settings--primary-disabled, .dark .icon__system_settings--primary:disabled {
1235
+ .dark .icon__system_settings--primary:disabled {
1495
1236
  --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#primary-disabled");
1496
1237
  }
1497
- .dark .icon__system_settings--on-primary {
1498
- --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#on-primary");
1499
- }
1500
- .dark .icon__system_settings--on-primary-hover, .dark .icon__system_settings--on-primary:hover {
1238
+ .dark .icon__system_settings--on-primary:hover {
1501
1239
  --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#on-primary-hover");
1502
1240
  }
1503
- .dark .icon__system_settings--on-primary-active, .dark .icon__system_settings--on-primary:active {
1241
+ .dark .icon__system_settings--on-primary:active {
1504
1242
  --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#on-primary-active");
1505
1243
  }
1506
- .dark .icon__system_settings--on-disabled {
1507
- --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#on-disabled");
1508
- }
1509
- .dark .icon__system_settings--neutral {
1510
- --icon-path: url("../assets/icons/.generated/system/dark/settings.svg#neutral");
1511
- }
1512
- .dark .icon__system_search--primary {
1513
- --icon-path: url("../assets/icons/.generated/system/dark/search.svg#primary");
1514
- }
1515
- .dark .icon__system_search--primary-hover, .dark .icon__system_search--primary:hover {
1244
+ .dark .icon__system_search--primary:hover {
1516
1245
  --icon-path: url("../assets/icons/.generated/system/dark/search.svg#primary-hover");
1517
1246
  }
1518
- .dark .icon__system_search--primary-active, .dark .icon__system_search--primary:active {
1247
+ .dark .icon__system_search--primary:active {
1519
1248
  --icon-path: url("../assets/icons/.generated/system/dark/search.svg#primary-active");
1520
1249
  }
1521
- .dark .icon__system_search--primary-disabled, .dark .icon__system_search--primary:disabled {
1250
+ .dark .icon__system_search--primary:disabled {
1522
1251
  --icon-path: url("../assets/icons/.generated/system/dark/search.svg#primary-disabled");
1523
1252
  }
1524
- .dark .icon__system_search--on-primary {
1525
- --icon-path: url("../assets/icons/.generated/system/dark/search.svg#on-primary");
1526
- }
1527
- .dark .icon__system_search--on-primary-hover, .dark .icon__system_search--on-primary:hover {
1253
+ .dark .icon__system_search--on-primary:hover {
1528
1254
  --icon-path: url("../assets/icons/.generated/system/dark/search.svg#on-primary-hover");
1529
1255
  }
1530
- .dark .icon__system_search--on-primary-active, .dark .icon__system_search--on-primary:active {
1256
+ .dark .icon__system_search--on-primary:active {
1531
1257
  --icon-path: url("../assets/icons/.generated/system/dark/search.svg#on-primary-active");
1532
1258
  }
1533
- .dark .icon__system_search--on-disabled {
1534
- --icon-path: url("../assets/icons/.generated/system/dark/search.svg#on-disabled");
1535
- }
1536
- .dark .icon__system_search--neutral {
1537
- --icon-path: url("../assets/icons/.generated/system/dark/search.svg#neutral");
1538
- }
1539
- .dark .icon__system_retry--primary {
1540
- --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#primary");
1541
- }
1542
- .dark .icon__system_retry--primary-hover, .dark .icon__system_retry--primary:hover {
1259
+ .dark .icon__system_retry--primary:hover {
1543
1260
  --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#primary-hover");
1544
1261
  }
1545
- .dark .icon__system_retry--primary-active, .dark .icon__system_retry--primary:active {
1262
+ .dark .icon__system_retry--primary:active {
1546
1263
  --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#primary-active");
1547
1264
  }
1548
- .dark .icon__system_retry--primary-disabled, .dark .icon__system_retry--primary:disabled {
1265
+ .dark .icon__system_retry--primary:disabled {
1549
1266
  --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#primary-disabled");
1550
1267
  }
1551
- .dark .icon__system_retry--on-primary {
1552
- --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#on-primary");
1553
- }
1554
- .dark .icon__system_retry--on-primary-hover, .dark .icon__system_retry--on-primary:hover {
1268
+ .dark .icon__system_retry--on-primary:hover {
1555
1269
  --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#on-primary-hover");
1556
1270
  }
1557
- .dark .icon__system_retry--on-primary-active, .dark .icon__system_retry--on-primary:active {
1271
+ .dark .icon__system_retry--on-primary:active {
1558
1272
  --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#on-primary-active");
1559
1273
  }
1560
- .dark .icon__system_retry--on-disabled {
1561
- --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#on-disabled");
1562
- }
1563
- .dark .icon__system_retry--neutral {
1564
- --icon-path: url("../assets/icons/.generated/system/dark/retry.svg#neutral");
1565
- }
1566
- .dark .icon__system_qr-code--primary {
1567
- --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#primary");
1568
- }
1569
- .dark .icon__system_qr-code--primary-hover, .dark .icon__system_qr-code--primary:hover {
1274
+ .dark .icon__system_qr-code--primary:hover {
1570
1275
  --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#primary-hover");
1571
1276
  }
1572
- .dark .icon__system_qr-code--primary-active, .dark .icon__system_qr-code--primary:active {
1277
+ .dark .icon__system_qr-code--primary:active {
1573
1278
  --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#primary-active");
1574
1279
  }
1575
- .dark .icon__system_qr-code--primary-disabled, .dark .icon__system_qr-code--primary:disabled {
1280
+ .dark .icon__system_qr-code--primary:disabled {
1576
1281
  --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#primary-disabled");
1577
1282
  }
1578
- .dark .icon__system_qr-code--on-primary {
1579
- --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#on-primary");
1580
- }
1581
- .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 {
1582
1284
  --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#on-primary-hover");
1583
1285
  }
1584
- .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 {
1585
1287
  --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#on-primary-active");
1586
1288
  }
1587
- .dark .icon__system_qr-code--on-disabled {
1588
- --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#on-disabled");
1589
- }
1590
- .dark .icon__system_qr-code--neutral {
1591
- --icon-path: url("../assets/icons/.generated/system/dark/qr-code.svg#neutral");
1592
- }
1593
- .dark .icon__system_order-numberically--primary {
1594
- --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#primary");
1595
- }
1596
- .dark .icon__system_order-numberically--primary-hover, .dark .icon__system_order-numberically--primary:hover {
1289
+ .dark .icon__system_order-numberically--primary:hover {
1597
1290
  --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#primary-hover");
1598
1291
  }
1599
- .dark .icon__system_order-numberically--primary-active, .dark .icon__system_order-numberically--primary:active {
1292
+ .dark .icon__system_order-numberically--primary:active {
1600
1293
  --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#primary-active");
1601
1294
  }
1602
- .dark .icon__system_order-numberically--primary-disabled, .dark .icon__system_order-numberically--primary:disabled {
1295
+ .dark .icon__system_order-numberically--primary:disabled {
1603
1296
  --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#primary-disabled");
1604
1297
  }
1605
- .dark .icon__system_order-numberically--on-primary {
1606
- --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#on-primary");
1607
- }
1608
- .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 {
1609
1299
  --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#on-primary-hover");
1610
1300
  }
1611
- .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 {
1612
1302
  --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#on-primary-active");
1613
1303
  }
1614
- .dark .icon__system_order-numberically--on-disabled {
1615
- --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#on-disabled");
1616
- }
1617
- .dark .icon__system_order-numberically--neutral {
1618
- --icon-path: url("../assets/icons/.generated/system/dark/order-numberically.svg#neutral");
1619
- }
1620
- .dark .icon__system_news--primary {
1621
- --icon-path: url("../assets/icons/.generated/system/dark/news.svg#primary");
1622
- }
1623
- .dark .icon__system_news--primary-hover, .dark .icon__system_news--primary:hover {
1304
+ .dark .icon__system_news--primary:hover {
1624
1305
  --icon-path: url("../assets/icons/.generated/system/dark/news.svg#primary-hover");
1625
1306
  }
1626
- .dark .icon__system_news--primary-active, .dark .icon__system_news--primary:active {
1307
+ .dark .icon__system_news--primary:active {
1627
1308
  --icon-path: url("../assets/icons/.generated/system/dark/news.svg#primary-active");
1628
1309
  }
1629
- .dark .icon__system_news--primary-disabled, .dark .icon__system_news--primary:disabled {
1310
+ .dark .icon__system_news--primary:disabled {
1630
1311
  --icon-path: url("../assets/icons/.generated/system/dark/news.svg#primary-disabled");
1631
1312
  }
1632
- .dark .icon__system_news--on-primary {
1633
- --icon-path: url("../assets/icons/.generated/system/dark/news.svg#on-primary");
1634
- }
1635
- .dark .icon__system_news--on-primary-hover, .dark .icon__system_news--on-primary:hover {
1313
+ .dark .icon__system_news--on-primary:hover {
1636
1314
  --icon-path: url("../assets/icons/.generated/system/dark/news.svg#on-primary-hover");
1637
1315
  }
1638
- .dark .icon__system_news--on-primary-active, .dark .icon__system_news--on-primary:active {
1316
+ .dark .icon__system_news--on-primary:active {
1639
1317
  --icon-path: url("../assets/icons/.generated/system/dark/news.svg#on-primary-active");
1640
1318
  }
1641
- .dark .icon__system_news--on-disabled {
1642
- --icon-path: url("../assets/icons/.generated/system/dark/news.svg#on-disabled");
1643
- }
1644
- .dark .icon__system_news--neutral {
1645
- --icon-path: url("../assets/icons/.generated/system/dark/news.svg#neutral");
1646
- }
1647
- .dark .icon__system_more-options-vertical--primary {
1648
- --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#primary");
1649
- }
1650
- .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 {
1651
1320
  --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#primary-hover");
1652
1321
  }
1653
- .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 {
1654
1323
  --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#primary-active");
1655
1324
  }
1656
- .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 {
1657
1326
  --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#primary-disabled");
1658
1327
  }
1659
- .dark .icon__system_more-options-vertical--on-primary {
1660
- --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#on-primary");
1661
- }
1662
- .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 {
1663
1329
  --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#on-primary-hover");
1664
1330
  }
1665
- .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 {
1666
1332
  --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#on-primary-active");
1667
1333
  }
1668
- .dark .icon__system_more-options-vertical--on-disabled {
1669
- --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#on-disabled");
1670
- }
1671
- .dark .icon__system_more-options-vertical--neutral {
1672
- --icon-path: url("../assets/icons/.generated/system/dark/more-options-vertical.svg#neutral");
1673
- }
1674
- .dark .icon__system_mail--primary {
1675
- --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#primary");
1676
- }
1677
- .dark .icon__system_mail--primary-hover, .dark .icon__system_mail--primary:hover {
1334
+ .dark .icon__system_mail--primary:hover {
1678
1335
  --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#primary-hover");
1679
1336
  }
1680
- .dark .icon__system_mail--primary-active, .dark .icon__system_mail--primary:active {
1337
+ .dark .icon__system_mail--primary:active {
1681
1338
  --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#primary-active");
1682
1339
  }
1683
- .dark .icon__system_mail--primary-disabled, .dark .icon__system_mail--primary:disabled {
1340
+ .dark .icon__system_mail--primary:disabled {
1684
1341
  --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#primary-disabled");
1685
1342
  }
1686
- .dark .icon__system_mail--on-primary {
1687
- --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#on-primary");
1688
- }
1689
- .dark .icon__system_mail--on-primary-hover, .dark .icon__system_mail--on-primary:hover {
1343
+ .dark .icon__system_mail--on-primary:hover {
1690
1344
  --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#on-primary-hover");
1691
1345
  }
1692
- .dark .icon__system_mail--on-primary-active, .dark .icon__system_mail--on-primary:active {
1346
+ .dark .icon__system_mail--on-primary:active {
1693
1347
  --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#on-primary-active");
1694
1348
  }
1695
- .dark .icon__system_mail--on-disabled {
1696
- --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#on-disabled");
1697
- }
1698
- .dark .icon__system_mail--neutral {
1699
- --icon-path: url("../assets/icons/.generated/system/dark/mail.svg#neutral");
1700
- }
1701
- .dark .icon__system_logout--primary {
1702
- --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#primary");
1703
- }
1704
- .dark .icon__system_logout--primary-hover, .dark .icon__system_logout--primary:hover {
1349
+ .dark .icon__system_logout--primary:hover {
1705
1350
  --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#primary-hover");
1706
1351
  }
1707
- .dark .icon__system_logout--primary-active, .dark .icon__system_logout--primary:active {
1352
+ .dark .icon__system_logout--primary:active {
1708
1353
  --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#primary-active");
1709
1354
  }
1710
- .dark .icon__system_logout--primary-disabled, .dark .icon__system_logout--primary:disabled {
1355
+ .dark .icon__system_logout--primary:disabled {
1711
1356
  --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#primary-disabled");
1712
1357
  }
1713
- .dark .icon__system_logout--on-primary {
1714
- --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#on-primary");
1715
- }
1716
- .dark .icon__system_logout--on-primary-hover, .dark .icon__system_logout--on-primary:hover {
1358
+ .dark .icon__system_logout--on-primary:hover {
1717
1359
  --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#on-primary-hover");
1718
1360
  }
1719
- .dark .icon__system_logout--on-primary-active, .dark .icon__system_logout--on-primary:active {
1361
+ .dark .icon__system_logout--on-primary:active {
1720
1362
  --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#on-primary-active");
1721
1363
  }
1722
- .dark .icon__system_logout--on-disabled {
1723
- --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#on-disabled");
1724
- }
1725
- .dark .icon__system_logout--neutral {
1726
- --icon-path: url("../assets/icons/.generated/system/dark/logout.svg#neutral");
1727
- }
1728
- .dark .icon__system_log-out--primary {
1729
- --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#primary");
1730
- }
1731
- .dark .icon__system_log-out--primary-hover, .dark .icon__system_log-out--primary:hover {
1364
+ .dark .icon__system_log-out--primary:hover {
1732
1365
  --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#primary-hover");
1733
1366
  }
1734
- .dark .icon__system_log-out--primary-active, .dark .icon__system_log-out--primary:active {
1367
+ .dark .icon__system_log-out--primary:active {
1735
1368
  --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#primary-active");
1736
1369
  }
1737
- .dark .icon__system_log-out--primary-disabled, .dark .icon__system_log-out--primary:disabled {
1370
+ .dark .icon__system_log-out--primary:disabled {
1738
1371
  --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#primary-disabled");
1739
1372
  }
1740
- .dark .icon__system_log-out--on-primary {
1741
- --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#on-primary");
1742
- }
1743
- .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 {
1744
1374
  --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#on-primary-hover");
1745
1375
  }
1746
- .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 {
1747
1377
  --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#on-primary-active");
1748
1378
  }
1749
- .dark .icon__system_log-out--on-disabled {
1750
- --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#on-disabled");
1751
- }
1752
- .dark .icon__system_log-out--neutral {
1753
- --icon-path: url("../assets/icons/.generated/system/dark/log-out.svg#neutral");
1754
- }
1755
- .dark .icon__system_lock--primary {
1756
- --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#primary");
1757
- }
1758
- .dark .icon__system_lock--primary-hover, .dark .icon__system_lock--primary:hover {
1379
+ .dark .icon__system_lock--primary:hover {
1759
1380
  --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#primary-hover");
1760
1381
  }
1761
- .dark .icon__system_lock--primary-active, .dark .icon__system_lock--primary:active {
1382
+ .dark .icon__system_lock--primary:active {
1762
1383
  --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#primary-active");
1763
1384
  }
1764
- .dark .icon__system_lock--primary-disabled, .dark .icon__system_lock--primary:disabled {
1385
+ .dark .icon__system_lock--primary:disabled {
1765
1386
  --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#primary-disabled");
1766
1387
  }
1767
- .dark .icon__system_lock--on-primary {
1768
- --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#on-primary");
1769
- }
1770
- .dark .icon__system_lock--on-primary-hover, .dark .icon__system_lock--on-primary:hover {
1388
+ .dark .icon__system_lock--on-primary:hover {
1771
1389
  --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#on-primary-hover");
1772
1390
  }
1773
- .dark .icon__system_lock--on-primary-active, .dark .icon__system_lock--on-primary:active {
1391
+ .dark .icon__system_lock--on-primary:active {
1774
1392
  --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#on-primary-active");
1775
1393
  }
1776
- .dark .icon__system_lock--on-disabled {
1777
- --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#on-disabled");
1778
- }
1779
- .dark .icon__system_lock--neutral {
1780
- --icon-path: url("../assets/icons/.generated/system/dark/lock.svg#neutral");
1781
- }
1782
- .dark .icon__system_list--primary {
1783
- --icon-path: url("../assets/icons/.generated/system/dark/list.svg#primary");
1784
- }
1785
- .dark .icon__system_list--primary-hover, .dark .icon__system_list--primary:hover {
1394
+ .dark .icon__system_list--primary:hover {
1786
1395
  --icon-path: url("../assets/icons/.generated/system/dark/list.svg#primary-hover");
1787
1396
  }
1788
- .dark .icon__system_list--primary-active, .dark .icon__system_list--primary:active {
1397
+ .dark .icon__system_list--primary:active {
1789
1398
  --icon-path: url("../assets/icons/.generated/system/dark/list.svg#primary-active");
1790
1399
  }
1791
- .dark .icon__system_list--primary-disabled, .dark .icon__system_list--primary:disabled {
1400
+ .dark .icon__system_list--primary:disabled {
1792
1401
  --icon-path: url("../assets/icons/.generated/system/dark/list.svg#primary-disabled");
1793
1402
  }
1794
- .dark .icon__system_list--on-primary {
1795
- --icon-path: url("../assets/icons/.generated/system/dark/list.svg#on-primary");
1796
- }
1797
- .dark .icon__system_list--on-primary-hover, .dark .icon__system_list--on-primary:hover {
1403
+ .dark .icon__system_list--on-primary:hover {
1798
1404
  --icon-path: url("../assets/icons/.generated/system/dark/list.svg#on-primary-hover");
1799
1405
  }
1800
- .dark .icon__system_list--on-primary-active, .dark .icon__system_list--on-primary:active {
1406
+ .dark .icon__system_list--on-primary:active {
1801
1407
  --icon-path: url("../assets/icons/.generated/system/dark/list.svg#on-primary-active");
1802
1408
  }
1803
- .dark .icon__system_list--on-disabled {
1804
- --icon-path: url("../assets/icons/.generated/system/dark/list.svg#on-disabled");
1805
- }
1806
- .dark .icon__system_list--neutral {
1807
- --icon-path: url("../assets/icons/.generated/system/dark/list.svg#neutral");
1808
- }
1809
- .dark .icon__system_link--primary {
1810
- --icon-path: url("../assets/icons/.generated/system/dark/link.svg#primary");
1811
- }
1812
- .dark .icon__system_link--primary-hover, .dark .icon__system_link--primary:hover {
1409
+ .dark .icon__system_link--primary:hover {
1813
1410
  --icon-path: url("../assets/icons/.generated/system/dark/link.svg#primary-hover");
1814
1411
  }
1815
- .dark .icon__system_link--primary-active, .dark .icon__system_link--primary:active {
1412
+ .dark .icon__system_link--primary:active {
1816
1413
  --icon-path: url("../assets/icons/.generated/system/dark/link.svg#primary-active");
1817
1414
  }
1818
- .dark .icon__system_link--primary-disabled, .dark .icon__system_link--primary:disabled {
1415
+ .dark .icon__system_link--primary:disabled {
1819
1416
  --icon-path: url("../assets/icons/.generated/system/dark/link.svg#primary-disabled");
1820
1417
  }
1821
- .dark .icon__system_link--on-primary {
1822
- --icon-path: url("../assets/icons/.generated/system/dark/link.svg#on-primary");
1823
- }
1824
- .dark .icon__system_link--on-primary-hover, .dark .icon__system_link--on-primary:hover {
1418
+ .dark .icon__system_link--on-primary:hover {
1825
1419
  --icon-path: url("../assets/icons/.generated/system/dark/link.svg#on-primary-hover");
1826
1420
  }
1827
- .dark .icon__system_link--on-primary-active, .dark .icon__system_link--on-primary:active {
1421
+ .dark .icon__system_link--on-primary:active {
1828
1422
  --icon-path: url("../assets/icons/.generated/system/dark/link.svg#on-primary-active");
1829
1423
  }
1830
- .dark .icon__system_link--on-disabled {
1831
- --icon-path: url("../assets/icons/.generated/system/dark/link.svg#on-disabled");
1832
- }
1833
- .dark .icon__system_link--neutral {
1834
- --icon-path: url("../assets/icons/.generated/system/dark/link.svg#neutral");
1835
- }
1836
- .dark .icon__system_link-variant--primary {
1837
- --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#primary");
1838
- }
1839
- .dark .icon__system_link-variant--primary-hover, .dark .icon__system_link-variant--primary:hover {
1424
+ .dark .icon__system_link-variant--primary:hover {
1840
1425
  --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#primary-hover");
1841
1426
  }
1842
- .dark .icon__system_link-variant--primary-active, .dark .icon__system_link-variant--primary:active {
1427
+ .dark .icon__system_link-variant--primary:active {
1843
1428
  --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#primary-active");
1844
1429
  }
1845
- .dark .icon__system_link-variant--primary-disabled, .dark .icon__system_link-variant--primary:disabled {
1430
+ .dark .icon__system_link-variant--primary:disabled {
1846
1431
  --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#primary-disabled");
1847
1432
  }
1848
- .dark .icon__system_link-variant--on-primary {
1849
- --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#on-primary");
1850
- }
1851
- .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 {
1852
1434
  --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#on-primary-hover");
1853
1435
  }
1854
- .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 {
1855
1437
  --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#on-primary-active");
1856
1438
  }
1857
- .dark .icon__system_link-variant--on-disabled {
1858
- --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#on-disabled");
1859
- }
1860
- .dark .icon__system_link-variant--neutral {
1861
- --icon-path: url("../assets/icons/.generated/system/dark/link-variant.svg#neutral");
1862
- }
1863
- .dark .icon__system_home--primary {
1864
- --icon-path: url("../assets/icons/.generated/system/dark/home.svg#primary");
1865
- }
1866
- .dark .icon__system_home--primary-hover, .dark .icon__system_home--primary:hover {
1439
+ .dark .icon__system_home--primary:hover {
1867
1440
  --icon-path: url("../assets/icons/.generated/system/dark/home.svg#primary-hover");
1868
1441
  }
1869
- .dark .icon__system_home--primary-active, .dark .icon__system_home--primary:active {
1442
+ .dark .icon__system_home--primary:active {
1870
1443
  --icon-path: url("../assets/icons/.generated/system/dark/home.svg#primary-active");
1871
1444
  }
1872
- .dark .icon__system_home--primary-disabled, .dark .icon__system_home--primary:disabled {
1445
+ .dark .icon__system_home--primary:disabled {
1873
1446
  --icon-path: url("../assets/icons/.generated/system/dark/home.svg#primary-disabled");
1874
1447
  }
1875
- .dark .icon__system_home--on-primary {
1876
- --icon-path: url("../assets/icons/.generated/system/dark/home.svg#on-primary");
1877
- }
1878
- .dark .icon__system_home--on-primary-hover, .dark .icon__system_home--on-primary:hover {
1448
+ .dark .icon__system_home--on-primary:hover {
1879
1449
  --icon-path: url("../assets/icons/.generated/system/dark/home.svg#on-primary-hover");
1880
1450
  }
1881
- .dark .icon__system_home--on-primary-active, .dark .icon__system_home--on-primary:active {
1451
+ .dark .icon__system_home--on-primary:active {
1882
1452
  --icon-path: url("../assets/icons/.generated/system/dark/home.svg#on-primary-active");
1883
1453
  }
1884
- .dark .icon__system_home--on-disabled {
1885
- --icon-path: url("../assets/icons/.generated/system/dark/home.svg#on-disabled");
1886
- }
1887
- .dark .icon__system_home--neutral {
1888
- --icon-path: url("../assets/icons/.generated/system/dark/home.svg#neutral");
1889
- }
1890
- .dark .icon__system_grid--primary {
1891
- --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#primary");
1892
- }
1893
- .dark .icon__system_grid--primary-hover, .dark .icon__system_grid--primary:hover {
1454
+ .dark .icon__system_grid--primary:hover {
1894
1455
  --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#primary-hover");
1895
1456
  }
1896
- .dark .icon__system_grid--primary-active, .dark .icon__system_grid--primary:active {
1457
+ .dark .icon__system_grid--primary:active {
1897
1458
  --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#primary-active");
1898
1459
  }
1899
- .dark .icon__system_grid--primary-disabled, .dark .icon__system_grid--primary:disabled {
1460
+ .dark .icon__system_grid--primary:disabled {
1900
1461
  --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#primary-disabled");
1901
1462
  }
1902
- .dark .icon__system_grid--on-primary {
1903
- --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#on-primary");
1904
- }
1905
- .dark .icon__system_grid--on-primary-hover, .dark .icon__system_grid--on-primary:hover {
1463
+ .dark .icon__system_grid--on-primary:hover {
1906
1464
  --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#on-primary-hover");
1907
1465
  }
1908
- .dark .icon__system_grid--on-primary-active, .dark .icon__system_grid--on-primary:active {
1466
+ .dark .icon__system_grid--on-primary:active {
1909
1467
  --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#on-primary-active");
1910
1468
  }
1911
- .dark .icon__system_grid--on-disabled {
1912
- --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#on-disabled");
1913
- }
1914
- .dark .icon__system_grid--neutral {
1915
- --icon-path: url("../assets/icons/.generated/system/dark/grid.svg#neutral");
1916
- }
1917
- .dark .icon__system_filters--primary {
1918
- --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#primary");
1919
- }
1920
- .dark .icon__system_filters--primary-hover, .dark .icon__system_filters--primary:hover {
1469
+ .dark .icon__system_filters--primary:hover {
1921
1470
  --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#primary-hover");
1922
1471
  }
1923
- .dark .icon__system_filters--primary-active, .dark .icon__system_filters--primary:active {
1472
+ .dark .icon__system_filters--primary:active {
1924
1473
  --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#primary-active");
1925
1474
  }
1926
- .dark .icon__system_filters--primary-disabled, .dark .icon__system_filters--primary:disabled {
1475
+ .dark .icon__system_filters--primary:disabled {
1927
1476
  --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#primary-disabled");
1928
1477
  }
1929
- .dark .icon__system_filters--on-primary {
1930
- --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#on-primary");
1931
- }
1932
- .dark .icon__system_filters--on-primary-hover, .dark .icon__system_filters--on-primary:hover {
1478
+ .dark .icon__system_filters--on-primary:hover {
1933
1479
  --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#on-primary-hover");
1934
1480
  }
1935
- .dark .icon__system_filters--on-primary-active, .dark .icon__system_filters--on-primary:active {
1481
+ .dark .icon__system_filters--on-primary:active {
1936
1482
  --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#on-primary-active");
1937
1483
  }
1938
- .dark .icon__system_filters--on-disabled {
1939
- --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#on-disabled");
1940
- }
1941
- .dark .icon__system_filters--neutral {
1942
- --icon-path: url("../assets/icons/.generated/system/dark/filters.svg#neutral");
1943
- }
1944
- .dark .icon__system_expand--primary {
1945
- --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#primary");
1946
- }
1947
- .dark .icon__system_expand--primary-hover, .dark .icon__system_expand--primary:hover {
1484
+ .dark .icon__system_expand--primary:hover {
1948
1485
  --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#primary-hover");
1949
1486
  }
1950
- .dark .icon__system_expand--primary-active, .dark .icon__system_expand--primary:active {
1487
+ .dark .icon__system_expand--primary:active {
1951
1488
  --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#primary-active");
1952
1489
  }
1953
- .dark .icon__system_expand--primary-disabled, .dark .icon__system_expand--primary:disabled {
1490
+ .dark .icon__system_expand--primary:disabled {
1954
1491
  --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#primary-disabled");
1955
1492
  }
1956
- .dark .icon__system_expand--on-primary {
1957
- --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#on-primary");
1958
- }
1959
- .dark .icon__system_expand--on-primary-hover, .dark .icon__system_expand--on-primary:hover {
1493
+ .dark .icon__system_expand--on-primary:hover {
1960
1494
  --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#on-primary-hover");
1961
1495
  }
1962
- .dark .icon__system_expand--on-primary-active, .dark .icon__system_expand--on-primary:active {
1496
+ .dark .icon__system_expand--on-primary:active {
1963
1497
  --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#on-primary-active");
1964
1498
  }
1965
- .dark .icon__system_expand--on-disabled {
1966
- --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#on-disabled");
1967
- }
1968
- .dark .icon__system_expand--neutral {
1969
- --icon-path: url("../assets/icons/.generated/system/dark/expand.svg#neutral");
1970
- }
1971
- .dark .icon__system_drag--primary {
1972
- --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#primary");
1973
- }
1974
- .dark .icon__system_drag--primary-hover, .dark .icon__system_drag--primary:hover {
1499
+ .dark .icon__system_drag--primary:hover {
1975
1500
  --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#primary-hover");
1976
1501
  }
1977
- .dark .icon__system_drag--primary-active, .dark .icon__system_drag--primary:active {
1502
+ .dark .icon__system_drag--primary:active {
1978
1503
  --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#primary-active");
1979
1504
  }
1980
- .dark .icon__system_drag--primary-disabled, .dark .icon__system_drag--primary:disabled {
1505
+ .dark .icon__system_drag--primary:disabled {
1981
1506
  --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#primary-disabled");
1982
1507
  }
1983
- .dark .icon__system_drag--on-primary {
1984
- --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#on-primary");
1985
- }
1986
- .dark .icon__system_drag--on-primary-hover, .dark .icon__system_drag--on-primary:hover {
1508
+ .dark .icon__system_drag--on-primary:hover {
1987
1509
  --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#on-primary-hover");
1988
1510
  }
1989
- .dark .icon__system_drag--on-primary-active, .dark .icon__system_drag--on-primary:active {
1511
+ .dark .icon__system_drag--on-primary:active {
1990
1512
  --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#on-primary-active");
1991
1513
  }
1992
- .dark .icon__system_drag--on-disabled {
1993
- --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#on-disabled");
1994
- }
1995
- .dark .icon__system_drag--neutral {
1996
- --icon-path: url("../assets/icons/.generated/system/dark/drag.svg#neutral");
1997
- }
1998
- .dark .icon__system_download--primary {
1999
- --icon-path: url("../assets/icons/.generated/system/dark/download.svg#primary");
2000
- }
2001
- .dark .icon__system_download--primary-hover, .dark .icon__system_download--primary:hover {
1514
+ .dark .icon__system_download--primary:hover {
2002
1515
  --icon-path: url("../assets/icons/.generated/system/dark/download.svg#primary-hover");
2003
1516
  }
2004
- .dark .icon__system_download--primary-active, .dark .icon__system_download--primary:active {
1517
+ .dark .icon__system_download--primary:active {
2005
1518
  --icon-path: url("../assets/icons/.generated/system/dark/download.svg#primary-active");
2006
1519
  }
2007
- .dark .icon__system_download--primary-disabled, .dark .icon__system_download--primary:disabled {
1520
+ .dark .icon__system_download--primary:disabled {
2008
1521
  --icon-path: url("../assets/icons/.generated/system/dark/download.svg#primary-disabled");
2009
1522
  }
2010
- .dark .icon__system_download--on-primary {
2011
- --icon-path: url("../assets/icons/.generated/system/dark/download.svg#on-primary");
2012
- }
2013
- .dark .icon__system_download--on-primary-hover, .dark .icon__system_download--on-primary:hover {
1523
+ .dark .icon__system_download--on-primary:hover {
2014
1524
  --icon-path: url("../assets/icons/.generated/system/dark/download.svg#on-primary-hover");
2015
1525
  }
2016
- .dark .icon__system_download--on-primary-active, .dark .icon__system_download--on-primary:active {
1526
+ .dark .icon__system_download--on-primary:active {
2017
1527
  --icon-path: url("../assets/icons/.generated/system/dark/download.svg#on-primary-active");
2018
1528
  }
2019
- .dark .icon__system_download--on-disabled {
2020
- --icon-path: url("../assets/icons/.generated/system/dark/download.svg#on-disabled");
2021
- }
2022
- .dark .icon__system_download--neutral {
2023
- --icon-path: url("../assets/icons/.generated/system/dark/download.svg#neutral");
2024
- }
2025
- .dark .icon__system_database--primary {
2026
- --icon-path: url("../assets/icons/.generated/system/dark/database.svg#primary");
2027
- }
2028
- .dark .icon__system_database--primary-hover, .dark .icon__system_database--primary:hover {
1529
+ .dark .icon__system_database--primary:hover {
2029
1530
  --icon-path: url("../assets/icons/.generated/system/dark/database.svg#primary-hover");
2030
1531
  }
2031
- .dark .icon__system_database--primary-active, .dark .icon__system_database--primary:active {
1532
+ .dark .icon__system_database--primary:active {
2032
1533
  --icon-path: url("../assets/icons/.generated/system/dark/database.svg#primary-active");
2033
1534
  }
2034
- .dark .icon__system_database--primary-disabled, .dark .icon__system_database--primary:disabled {
1535
+ .dark .icon__system_database--primary:disabled {
2035
1536
  --icon-path: url("../assets/icons/.generated/system/dark/database.svg#primary-disabled");
2036
1537
  }
2037
- .dark .icon__system_database--on-primary {
2038
- --icon-path: url("../assets/icons/.generated/system/dark/database.svg#on-primary");
2039
- }
2040
- .dark .icon__system_database--on-primary-hover, .dark .icon__system_database--on-primary:hover {
1538
+ .dark .icon__system_database--on-primary:hover {
2041
1539
  --icon-path: url("../assets/icons/.generated/system/dark/database.svg#on-primary-hover");
2042
1540
  }
2043
- .dark .icon__system_database--on-primary-active, .dark .icon__system_database--on-primary:active {
1541
+ .dark .icon__system_database--on-primary:active {
2044
1542
  --icon-path: url("../assets/icons/.generated/system/dark/database.svg#on-primary-active");
2045
1543
  }
2046
- .dark .icon__system_database--on-disabled {
2047
- --icon-path: url("../assets/icons/.generated/system/dark/database.svg#on-disabled");
2048
- }
2049
- .dark .icon__system_database--neutral {
2050
- --icon-path: url("../assets/icons/.generated/system/dark/database.svg#neutral");
2051
- }
2052
- .dark .icon__system_dashboard--primary {
2053
- --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#primary");
2054
- }
2055
- .dark .icon__system_dashboard--primary-hover, .dark .icon__system_dashboard--primary:hover {
1544
+ .dark .icon__system_dashboard--primary:hover {
2056
1545
  --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#primary-hover");
2057
1546
  }
2058
- .dark .icon__system_dashboard--primary-active, .dark .icon__system_dashboard--primary:active {
1547
+ .dark .icon__system_dashboard--primary:active {
2059
1548
  --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#primary-active");
2060
1549
  }
2061
- .dark .icon__system_dashboard--primary-disabled, .dark .icon__system_dashboard--primary:disabled {
1550
+ .dark .icon__system_dashboard--primary:disabled {
2062
1551
  --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#primary-disabled");
2063
1552
  }
2064
- .dark .icon__system_dashboard--on-primary {
2065
- --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#on-primary");
2066
- }
2067
- .dark .icon__system_dashboard--on-primary-hover, .dark .icon__system_dashboard--on-primary:hover {
1553
+ .dark .icon__system_dashboard--on-primary:hover {
2068
1554
  --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#on-primary-hover");
2069
1555
  }
2070
- .dark .icon__system_dashboard--on-primary-active, .dark .icon__system_dashboard--on-primary:active {
1556
+ .dark .icon__system_dashboard--on-primary:active {
2071
1557
  --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#on-primary-active");
2072
1558
  }
2073
- .dark .icon__system_dashboard--on-disabled {
2074
- --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#on-disabled");
2075
- }
2076
- .dark .icon__system_dashboard--neutral {
2077
- --icon-path: url("../assets/icons/.generated/system/dark/dashboard.svg#neutral");
2078
- }
2079
- .dark .icon__system_contact--primary {
2080
- --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#primary");
2081
- }
2082
- .dark .icon__system_contact--primary-hover, .dark .icon__system_contact--primary:hover {
1559
+ .dark .icon__system_contact--primary:hover {
2083
1560
  --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#primary-hover");
2084
1561
  }
2085
- .dark .icon__system_contact--primary-active, .dark .icon__system_contact--primary:active {
1562
+ .dark .icon__system_contact--primary:active {
2086
1563
  --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#primary-active");
2087
1564
  }
2088
- .dark .icon__system_contact--primary-disabled, .dark .icon__system_contact--primary:disabled {
1565
+ .dark .icon__system_contact--primary:disabled {
2089
1566
  --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#primary-disabled");
2090
1567
  }
2091
- .dark .icon__system_contact--on-primary {
2092
- --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#on-primary");
2093
- }
2094
- .dark .icon__system_contact--on-primary-hover, .dark .icon__system_contact--on-primary:hover {
1568
+ .dark .icon__system_contact--on-primary:hover {
2095
1569
  --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#on-primary-hover");
2096
1570
  }
2097
- .dark .icon__system_contact--on-primary-active, .dark .icon__system_contact--on-primary:active {
1571
+ .dark .icon__system_contact--on-primary:active {
2098
1572
  --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#on-primary-active");
2099
1573
  }
2100
- .dark .icon__system_contact--on-disabled {
2101
- --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#on-disabled");
2102
- }
2103
- .dark .icon__system_contact--neutral {
2104
- --icon-path: url("../assets/icons/.generated/system/dark/contact.svg#neutral");
2105
- }
2106
- .dark .icon__system_connector--primary {
2107
- --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#primary");
2108
- }
2109
- .dark .icon__system_connector--primary-hover, .dark .icon__system_connector--primary:hover {
1574
+ .dark .icon__system_connector--primary:hover {
2110
1575
  --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#primary-hover");
2111
1576
  }
2112
- .dark .icon__system_connector--primary-active, .dark .icon__system_connector--primary:active {
1577
+ .dark .icon__system_connector--primary:active {
2113
1578
  --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#primary-active");
2114
1579
  }
2115
- .dark .icon__system_connector--primary-disabled, .dark .icon__system_connector--primary:disabled {
1580
+ .dark .icon__system_connector--primary:disabled {
2116
1581
  --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#primary-disabled");
2117
1582
  }
2118
- .dark .icon__system_connector--on-primary {
2119
- --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#on-primary");
2120
- }
2121
- .dark .icon__system_connector--on-primary-hover, .dark .icon__system_connector--on-primary:hover {
1583
+ .dark .icon__system_connector--on-primary:hover {
2122
1584
  --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#on-primary-hover");
2123
1585
  }
2124
- .dark .icon__system_connector--on-primary-active, .dark .icon__system_connector--on-primary:active {
1586
+ .dark .icon__system_connector--on-primary:active {
2125
1587
  --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#on-primary-active");
2126
1588
  }
2127
- .dark .icon__system_connector--on-disabled {
2128
- --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#on-disabled");
2129
- }
2130
- .dark .icon__system_connector--neutral {
2131
- --icon-path: url("../assets/icons/.generated/system/dark/connector.svg#neutral");
2132
- }
2133
- .dark .icon__system_close--primary {
2134
- --icon-path: url("../assets/icons/.generated/system/dark/close.svg#primary");
2135
- }
2136
- .dark .icon__system_close--primary-hover, .dark .icon__system_close--primary:hover {
1589
+ .dark .icon__system_close--primary:hover {
2137
1590
  --icon-path: url("../assets/icons/.generated/system/dark/close.svg#primary-hover");
2138
1591
  }
2139
- .dark .icon__system_close--primary-active, .dark .icon__system_close--primary:active {
1592
+ .dark .icon__system_close--primary:active {
2140
1593
  --icon-path: url("../assets/icons/.generated/system/dark/close.svg#primary-active");
2141
1594
  }
2142
- .dark .icon__system_close--primary-disabled, .dark .icon__system_close--primary:disabled {
1595
+ .dark .icon__system_close--primary:disabled {
2143
1596
  --icon-path: url("../assets/icons/.generated/system/dark/close.svg#primary-disabled");
2144
1597
  }
2145
- .dark .icon__system_close--on-primary {
2146
- --icon-path: url("../assets/icons/.generated/system/dark/close.svg#on-primary");
2147
- }
2148
- .dark .icon__system_close--on-primary-hover, .dark .icon__system_close--on-primary:hover {
1598
+ .dark .icon__system_close--on-primary:hover {
2149
1599
  --icon-path: url("../assets/icons/.generated/system/dark/close.svg#on-primary-hover");
2150
1600
  }
2151
- .dark .icon__system_close--on-primary-active, .dark .icon__system_close--on-primary:active {
1601
+ .dark .icon__system_close--on-primary:active {
2152
1602
  --icon-path: url("../assets/icons/.generated/system/dark/close.svg#on-primary-active");
2153
1603
  }
2154
- .dark .icon__system_close--on-disabled {
2155
- --icon-path: url("../assets/icons/.generated/system/dark/close.svg#on-disabled");
2156
- }
2157
- .dark .icon__system_close--neutral {
2158
- --icon-path: url("../assets/icons/.generated/system/dark/close.svg#neutral");
2159
- }
2160
- .dark .icon__system_chevron-up--primary {
2161
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#primary");
2162
- }
2163
- .dark .icon__system_chevron-up--primary-hover, .dark .icon__system_chevron-up--primary:hover {
1604
+ .dark .icon__system_chevron-up--primary:hover {
2164
1605
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#primary-hover");
2165
1606
  }
2166
- .dark .icon__system_chevron-up--primary-active, .dark .icon__system_chevron-up--primary:active {
1607
+ .dark .icon__system_chevron-up--primary:active {
2167
1608
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#primary-active");
2168
1609
  }
2169
- .dark .icon__system_chevron-up--primary-disabled, .dark .icon__system_chevron-up--primary:disabled {
1610
+ .dark .icon__system_chevron-up--primary:disabled {
2170
1611
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#primary-disabled");
2171
1612
  }
2172
- .dark .icon__system_chevron-up--on-primary {
2173
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#on-primary");
2174
- }
2175
- .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 {
2176
1614
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#on-primary-hover");
2177
1615
  }
2178
- .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 {
2179
1617
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#on-primary-active");
2180
1618
  }
2181
- .dark .icon__system_chevron-up--on-disabled {
2182
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#on-disabled");
2183
- }
2184
- .dark .icon__system_chevron-up--neutral {
2185
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-up.svg#neutral");
2186
- }
2187
- .dark .icon__system_chevron-right--primary {
2188
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#primary");
2189
- }
2190
- .dark .icon__system_chevron-right--primary-hover, .dark .icon__system_chevron-right--primary:hover {
1619
+ .dark .icon__system_chevron-right--primary:hover {
2191
1620
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#primary-hover");
2192
1621
  }
2193
- .dark .icon__system_chevron-right--primary-active, .dark .icon__system_chevron-right--primary:active {
1622
+ .dark .icon__system_chevron-right--primary:active {
2194
1623
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#primary-active");
2195
1624
  }
2196
- .dark .icon__system_chevron-right--primary-disabled, .dark .icon__system_chevron-right--primary:disabled {
1625
+ .dark .icon__system_chevron-right--primary:disabled {
2197
1626
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#primary-disabled");
2198
1627
  }
2199
- .dark .icon__system_chevron-right--on-primary {
2200
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#on-primary");
2201
- }
2202
- .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 {
2203
1629
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#on-primary-hover");
2204
1630
  }
2205
- .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 {
2206
1632
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#on-primary-active");
2207
1633
  }
2208
- .dark .icon__system_chevron-right--on-disabled {
2209
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#on-disabled");
2210
- }
2211
- .dark .icon__system_chevron-right--neutral {
2212
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-right.svg#neutral");
2213
- }
2214
- .dark .icon__system_chevron-down--primary {
2215
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#primary");
2216
- }
2217
- .dark .icon__system_chevron-down--primary-hover, .dark .icon__system_chevron-down--primary:hover {
1634
+ .dark .icon__system_chevron-down--primary:hover {
2218
1635
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#primary-hover");
2219
1636
  }
2220
- .dark .icon__system_chevron-down--primary-active, .dark .icon__system_chevron-down--primary:active {
1637
+ .dark .icon__system_chevron-down--primary:active {
2221
1638
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#primary-active");
2222
1639
  }
2223
- .dark .icon__system_chevron-down--primary-disabled, .dark .icon__system_chevron-down--primary:disabled {
1640
+ .dark .icon__system_chevron-down--primary:disabled {
2224
1641
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#primary-disabled");
2225
1642
  }
2226
- .dark .icon__system_chevron-down--on-primary {
2227
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#on-primary");
2228
- }
2229
- .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 {
2230
1644
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#on-primary-hover");
2231
1645
  }
2232
- .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 {
2233
1647
  --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#on-primary-active");
2234
1648
  }
2235
- .dark .icon__system_chevron-down--on-disabled {
2236
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#on-disabled");
2237
- }
2238
- .dark .icon__system_chevron-down--neutral {
2239
- --icon-path: url("../assets/icons/.generated/system/dark/chevron-down.svg#neutral");
2240
- }
2241
- .dark .icon__system_check--primary {
2242
- --icon-path: url("../assets/icons/.generated/system/dark/check.svg#primary");
2243
- }
2244
- .dark .icon__system_check--primary-hover, .dark .icon__system_check--primary:hover {
1649
+ .dark .icon__system_check--primary:hover {
2245
1650
  --icon-path: url("../assets/icons/.generated/system/dark/check.svg#primary-hover");
2246
1651
  }
2247
- .dark .icon__system_check--primary-active, .dark .icon__system_check--primary:active {
1652
+ .dark .icon__system_check--primary:active {
2248
1653
  --icon-path: url("../assets/icons/.generated/system/dark/check.svg#primary-active");
2249
1654
  }
2250
- .dark .icon__system_check--primary-disabled, .dark .icon__system_check--primary:disabled {
1655
+ .dark .icon__system_check--primary:disabled {
2251
1656
  --icon-path: url("../assets/icons/.generated/system/dark/check.svg#primary-disabled");
2252
1657
  }
2253
- .dark .icon__system_check--on-primary {
2254
- --icon-path: url("../assets/icons/.generated/system/dark/check.svg#on-primary");
2255
- }
2256
- .dark .icon__system_check--on-primary-hover, .dark .icon__system_check--on-primary:hover {
1658
+ .dark .icon__system_check--on-primary:hover {
2257
1659
  --icon-path: url("../assets/icons/.generated/system/dark/check.svg#on-primary-hover");
2258
1660
  }
2259
- .dark .icon__system_check--on-primary-active, .dark .icon__system_check--on-primary:active {
1661
+ .dark .icon__system_check--on-primary:active {
2260
1662
  --icon-path: url("../assets/icons/.generated/system/dark/check.svg#on-primary-active");
2261
1663
  }
2262
- .dark .icon__system_check--on-disabled {
2263
- --icon-path: url("../assets/icons/.generated/system/dark/check.svg#on-disabled");
2264
- }
2265
- .dark .icon__system_check--neutral {
2266
- --icon-path: url("../assets/icons/.generated/system/dark/check.svg#neutral");
2267
- }
2268
- .dark .icon__system_card--primary {
2269
- --icon-path: url("../assets/icons/.generated/system/dark/card.svg#primary");
2270
- }
2271
- .dark .icon__system_card--primary-hover, .dark .icon__system_card--primary:hover {
1664
+ .dark .icon__system_card--primary:hover {
2272
1665
  --icon-path: url("../assets/icons/.generated/system/dark/card.svg#primary-hover");
2273
1666
  }
2274
- .dark .icon__system_card--primary-active, .dark .icon__system_card--primary:active {
1667
+ .dark .icon__system_card--primary:active {
2275
1668
  --icon-path: url("../assets/icons/.generated/system/dark/card.svg#primary-active");
2276
1669
  }
2277
- .dark .icon__system_card--primary-disabled, .dark .icon__system_card--primary:disabled {
1670
+ .dark .icon__system_card--primary:disabled {
2278
1671
  --icon-path: url("../assets/icons/.generated/system/dark/card.svg#primary-disabled");
2279
1672
  }
2280
- .dark .icon__system_card--on-primary {
2281
- --icon-path: url("../assets/icons/.generated/system/dark/card.svg#on-primary");
2282
- }
2283
- .dark .icon__system_card--on-primary-hover, .dark .icon__system_card--on-primary:hover {
1673
+ .dark .icon__system_card--on-primary:hover {
2284
1674
  --icon-path: url("../assets/icons/.generated/system/dark/card.svg#on-primary-hover");
2285
1675
  }
2286
- .dark .icon__system_card--on-primary-active, .dark .icon__system_card--on-primary:active {
1676
+ .dark .icon__system_card--on-primary:active {
2287
1677
  --icon-path: url("../assets/icons/.generated/system/dark/card.svg#on-primary-active");
2288
1678
  }
2289
- .dark .icon__system_card--on-disabled {
2290
- --icon-path: url("../assets/icons/.generated/system/dark/card.svg#on-disabled");
2291
- }
2292
- .dark .icon__system_card--neutral {
2293
- --icon-path: url("../assets/icons/.generated/system/dark/card.svg#neutral");
2294
- }
2295
- .dark .icon__system_card-variant--primary {
2296
- --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#primary");
2297
- }
2298
- .dark .icon__system_card-variant--primary-hover, .dark .icon__system_card-variant--primary:hover {
1679
+ .dark .icon__system_card-variant--primary:hover {
2299
1680
  --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#primary-hover");
2300
1681
  }
2301
- .dark .icon__system_card-variant--primary-active, .dark .icon__system_card-variant--primary:active {
1682
+ .dark .icon__system_card-variant--primary:active {
2302
1683
  --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#primary-active");
2303
1684
  }
2304
- .dark .icon__system_card-variant--primary-disabled, .dark .icon__system_card-variant--primary:disabled {
1685
+ .dark .icon__system_card-variant--primary:disabled {
2305
1686
  --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#primary-disabled");
2306
1687
  }
2307
- .dark .icon__system_card-variant--on-primary {
2308
- --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#on-primary");
2309
- }
2310
- .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 {
2311
1689
  --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#on-primary-hover");
2312
1690
  }
2313
- .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 {
2314
1692
  --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#on-primary-active");
2315
1693
  }
2316
- .dark .icon__system_card-variant--on-disabled {
2317
- --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#on-disabled");
2318
- }
2319
- .dark .icon__system_card-variant--neutral {
2320
- --icon-path: url("../assets/icons/.generated/system/dark/card-variant.svg#neutral");
2321
- }
2322
- .dark .icon__system_assistant--primary {
2323
- --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#primary");
2324
- }
2325
- .dark .icon__system_assistant--primary-hover, .dark .icon__system_assistant--primary:hover {
1694
+ .dark .icon__system_assistant--primary:hover {
2326
1695
  --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#primary-hover");
2327
1696
  }
2328
- .dark .icon__system_assistant--primary-active, .dark .icon__system_assistant--primary:active {
1697
+ .dark .icon__system_assistant--primary:active {
2329
1698
  --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#primary-active");
2330
1699
  }
2331
- .dark .icon__system_assistant--primary-disabled, .dark .icon__system_assistant--primary:disabled {
1700
+ .dark .icon__system_assistant--primary:disabled {
2332
1701
  --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#primary-disabled");
2333
1702
  }
2334
- .dark .icon__system_assistant--on-primary {
2335
- --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#on-primary");
2336
- }
2337
- .dark .icon__system_assistant--on-primary-hover, .dark .icon__system_assistant--on-primary:hover {
1703
+ .dark .icon__system_assistant--on-primary:hover {
2338
1704
  --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#on-primary-hover");
2339
1705
  }
2340
- .dark .icon__system_assistant--on-primary-active, .dark .icon__system_assistant--on-primary:active {
1706
+ .dark .icon__system_assistant--on-primary:active {
2341
1707
  --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#on-primary-active");
2342
1708
  }
2343
- .dark .icon__system_assistant--on-disabled {
2344
- --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#on-disabled");
2345
- }
2346
- .dark .icon__system_assistant--neutral {
2347
- --icon-path: url("../assets/icons/.generated/system/dark/assistant.svg#neutral");
2348
- }
2349
- .dark .icon__system_arrow-right--primary {
2350
- --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#primary");
2351
- }
2352
- .dark .icon__system_arrow-right--primary-hover, .dark .icon__system_arrow-right--primary:hover {
1709
+ .dark .icon__system_arrow-right--primary:hover {
2353
1710
  --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#primary-hover");
2354
1711
  }
2355
- .dark .icon__system_arrow-right--primary-active, .dark .icon__system_arrow-right--primary:active {
1712
+ .dark .icon__system_arrow-right--primary:active {
2356
1713
  --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#primary-active");
2357
1714
  }
2358
- .dark .icon__system_arrow-right--primary-disabled, .dark .icon__system_arrow-right--primary:disabled {
1715
+ .dark .icon__system_arrow-right--primary:disabled {
2359
1716
  --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#primary-disabled");
2360
1717
  }
2361
- .dark .icon__system_arrow-right--on-primary {
2362
- --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#on-primary");
2363
- }
2364
- .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 {
2365
1719
  --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#on-primary-hover");
2366
1720
  }
2367
- .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 {
2368
1722
  --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#on-primary-active");
2369
1723
  }
2370
- .dark .icon__system_arrow-right--on-disabled {
2371
- --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#on-disabled");
2372
- }
2373
- .dark .icon__system_arrow-right--neutral {
2374
- --icon-path: url("../assets/icons/.generated/system/dark/arrow-right.svg#neutral");
2375
- }
2376
- .dark .icon__system_add--primary {
2377
- --icon-path: url("../assets/icons/.generated/system/dark/add.svg#primary");
2378
- }
2379
- .dark .icon__system_add--primary-hover, .dark .icon__system_add--primary:hover {
1724
+ .dark .icon__system_add--primary:hover {
2380
1725
  --icon-path: url("../assets/icons/.generated/system/dark/add.svg#primary-hover");
2381
1726
  }
2382
- .dark .icon__system_add--primary-active, .dark .icon__system_add--primary:active {
1727
+ .dark .icon__system_add--primary:active {
2383
1728
  --icon-path: url("../assets/icons/.generated/system/dark/add.svg#primary-active");
2384
1729
  }
2385
- .dark .icon__system_add--primary-disabled, .dark .icon__system_add--primary:disabled {
1730
+ .dark .icon__system_add--primary:disabled {
2386
1731
  --icon-path: url("../assets/icons/.generated/system/dark/add.svg#primary-disabled");
2387
1732
  }
2388
- .dark .icon__system_add--on-primary {
2389
- --icon-path: url("../assets/icons/.generated/system/dark/add.svg#on-primary");
2390
- }
2391
- .dark .icon__system_add--on-primary-hover, .dark .icon__system_add--on-primary:hover {
1733
+ .dark .icon__system_add--on-primary:hover {
2392
1734
  --icon-path: url("../assets/icons/.generated/system/dark/add.svg#on-primary-hover");
2393
1735
  }
2394
- .dark .icon__system_add--on-primary-active, .dark .icon__system_add--on-primary:active {
1736
+ .dark .icon__system_add--on-primary:active {
2395
1737
  --icon-path: url("../assets/icons/.generated/system/dark/add.svg#on-primary-active");
2396
1738
  }
2397
- .dark .icon__system_add--on-disabled {
2398
- --icon-path: url("../assets/icons/.generated/system/dark/add.svg#on-disabled");
2399
- }
2400
- .dark .icon__system_add--neutral {
2401
- --icon-path: url("../assets/icons/.generated/system/dark/add.svg#neutral");
2402
- }
2403
-
2404
1739
  @font-face {
2405
1740
  font-family: Inter_Light;
2406
1741
  src: url("../assets/fonts/Inter_Light.woff2");
@@ -2427,6 +1762,7 @@ Item (applies to every item (tree, grid, list, etc...)
2427
1762
  font-display: swap;
2428
1763
  }
2429
1764
  :root.light {
1765
+ color-scheme: light;
2430
1766
  --mer-color__primary-blue--200: #2070ce;
2431
1767
  --mer-color__primary-blue--300: #5498e8;
2432
1768
  --mer-color__primary-blue--400: #437dc0;
@@ -2473,6 +1809,7 @@ Item (applies to every item (tree, grid, list, etc...)
2473
1809
  }
2474
1810
 
2475
1811
  :root.dark {
1812
+ color-scheme: dark;
2476
1813
  --mer-color__primary-blue--200: #5ba7ff;
2477
1814
  --mer-color__primary-blue--300: #5498e8;
2478
1815
  --mer-color__primary-blue--400: #437dc0;
@@ -2522,7 +1859,9 @@ Item (applies to every item (tree, grid, list, etc...)
2522
1859
  --mer-accent__primary: var(--mer-color__primary-blue--200);
2523
1860
  --mer-accent__primary--hover: var(--mer-color__primary-blue--400);
2524
1861
  --mer-accent__primary--active: var(--mer-color__primary-blue--600);
2525
- --mer-accent__primary--disabled: #5b5b5b;
1862
+ --mer-accent__primary--disabled: var(
1863
+ --mer-color__neutral-gray--600
1864
+ );
2526
1865
  --mer-accent__primary--destructive: var(--mer-color__message-red--100);
2527
1866
  --mer-border-color__primary: var(--mer-accent__primary);
2528
1867
  --mer-border-color__primary--hover: var(--mer-accent__primary--hover);
@@ -2554,20 +1893,36 @@ Item (applies to every item (tree, grid, list, etc...)
2554
1893
  --mer-icon__neutral: var(--mer-color__neutral-gray--200);
2555
1894
  --mer-icon__highlighted: var(--mer-color__neutral-gray--100);
2556
1895
  --mer-icon__bright: var(--mer-color__neutral-gray--00);
2557
- --mer-item__color: ;
2558
- --mer-item__bg-color: ;
2559
- --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);
2560
1910
  --mer-item__color--hover: var(--mer-color__neutral-gray--100);
2561
1911
  --mer-item__bg-color--hover: var(--mer-color__tinted-blue--5);
2562
1912
  --mer-item__border-color--hover: var(--mer-color__tinted-blue--20);
2563
- --mer-item__color--selected: var(--mer-color__neutral-gray--100);
1913
+ --mer-item__color--selected: var(
1914
+ --mer-color__neutral-gray--100
1915
+ );
2564
1916
  --mer-item__bg-color--selected: var(--mer-color__tinted-blue--10);
2565
1917
  --mer-item__border-color--selected: var(--mer-color__tinted-blue--20);
2566
- --mer-item__color--selected-hover: var(--mer-color__neutral-gray--100);
2567
- --mer-item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);
2568
- --mer-item__border-color--selected-hover: var(
2569
- --mer-color__tinted-blue--20
1918
+ --mer-item__color--selected-hover: var(
1919
+ --mer-color__neutral-gray--100
2570
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();
2571
1926
  --mer-text__on-surface: var(--mer-color__neutral-gray--300);
2572
1927
  --mer-text__on-primary: var(--mer-color__neutral-gray--800);
2573
1928
  --mer-text__on-primary--active: var(--mer-color__neutral-gray--00);
@@ -2589,31 +1944,25 @@ Item (applies to every item (tree, grid, list, etc...)
2589
1944
  --mer-border__width--sm: 1px;
2590
1945
  --mer-border__width--md: 2px;
2591
1946
  --mer-border__width--lg: 4px;
1947
+ --mer-border__radius--2xs: 1px;
2592
1948
  --mer-border__radius--xs: 2px;
2593
1949
  --mer-border__radius--sm: 4px;
2594
1950
  --mer-border__radius--md: 8px;
2595
1951
  --mer-border__radius--lg: 12px;
2596
1952
  --mer-border__radius--xl: 30px;
2597
- --mer-elevation__background-color--01: var(--mer-color__neutral-gray--900);
2598
- --mer-elevation__background-color--02: var(--mer-color__neutral-gray--900);
2599
- --mer-elevation__background-color--03: var(--mer-color__neutral-gray--900);
2600
- --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);
2601
1957
  --mer-elevation__border-01: transparent;
2602
1958
  --mer-elevation__border-02: transparent;
2603
1959
  --mer-elevation__border-03: transparent;
2604
1960
  --mer-elevation__border-04: transparent;
2605
- --mer-elevation__box-shadow--01: 0px 2px 1px -1px rgba(0, 0, 0, 0.08),
2606
- 0px 1px 4px 0px rgba(0, 0, 0, 0.06);
2607
- --mer-elevation__box-shadow--02: 0px 1px 10px 0px rgba(0, 0, 0, 0.12),
2608
- 0px 2px 4px -1px rgba(0, 0, 0, 0.1);
2609
- --mer-elevation__box-shadow--03: 0px 3px 14px 2px rgba(0, 0, 0, 0.12),
2610
- 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
2611
- --mer-elevation__box-shadow--04: 0px 5px 22px 4px rgba(0, 0, 0, 0.12),
2612
- 0px 7px 8px -4px rgba(0, 0, 0, 0.1);
2613
- --mer-elevation__background-color--01: var(--mer-color__elevation--01);
2614
- --mer-elevation__background-color--02: var(--mer-color__elevation--02);
2615
- --mer-elevation__background-color--03: var(--mer-color__elevation--03);
2616
- --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);
2617
1966
  --mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);
2618
1967
  --mer-elevation__border-03: transparent;
2619
1968
  --mer-elevation__border-04: transparent;
@@ -2621,6 +1970,7 @@ Item (applies to every item (tree, grid, list, etc...)
2621
1970
  --mer-elevation__box-shadow--02: none;
2622
1971
  --mer-elevation__box-shadow--03: none;
2623
1972
  --mer-elevation__box-shadow--04: none;
1973
+ --mer-box-shadow--01: 0px 4px 20px 0px #00000040;
2624
1974
  --mer-font-family--inter-light: "Inter_Light", arial, sans-serif;
2625
1975
  --mer-font-family--inter-regular: "Inter_Regular", arial, sans-serif;
2626
1976
  --mer-font-family--inter-semi-bold: "Inter_SemiBold", arial, sans-serif;
@@ -2631,7 +1981,7 @@ Item (applies to every item (tree, grid, list, etc...)
2631
1981
  --mer-font__weight--semi-bold: 600;
2632
1982
  --mer-font__weight--bold: 700;
2633
1983
  --mer-font__weight--extra-bold: 800;
2634
- --mer-font__size--xxs: 12px;
1984
+ --mer-font__size--2xs: 12px;
2635
1985
  --mer-font__size--xs: 14px;
2636
1986
  --mer-font__size--sm: 16px;
2637
1987
  --mer-font__size--md: 20px;
@@ -2662,9 +2012,16 @@ Item (applies to every item (tree, grid, list, etc...)
2662
2012
  ----------------------*/
2663
2013
  --mer-body__bg-color: var(--mer-color__surface);
2664
2014
  --mer-body__color: var(--mer-text__on-surface);
2665
- --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);
2666
2017
  --mer-body__line-height: var(--mer-line-height--regular);
2667
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
+ /*----------------------
2668
2025
  Heading
2669
2026
  ----------------------*/
2670
2027
  --mer-heading__color: var(--mer-color__neutral-gray--100);
@@ -2675,14 +2032,40 @@ Item (applies to every item (tree, grid, list, etc...)
2675
2032
  --mer-scrollbar-track__bg-color: var(--mer-color__elevation--03);
2676
2033
  --mer-scrollbar-track__border-radius: var(--mer-spacing--xs);
2677
2034
  --mer-scrollbar-thumb__bg-color: var(--mer-color__elevation--04);
2678
- --mer-scrollbar-thumb__bg-color--hover: var(--mer-color__elevation--04);
2035
+ --mer-scrollbar-thumb__bg-color--hover: #42474c;
2679
2036
  --mer-scrollbar-thumb__border-radius: var(--mer-spacing--xs);
2680
- --mer-scrollbar-corner__bg: rgba(0, 0, 0, 0);
2037
+ --mer-scrollbar-corner__bg: transparent;
2681
2038
  /*----------------------
2682
2039
  Icon Size
2683
2040
  ----------------------*/
2684
2041
  --mer-icon__box--sm: var(--mer-spacing--md);
2685
2042
  --mer-icon__box--lg: var(--mer-spacing--lg);
2043
+ /*----------------------------------------------------------
2044
+ Form Input (form-input-*** background-position-x RTL support)
2045
+ -----------------------------------------------------------*/
2046
+ --mer-form-input__padding-inline: var(--mer-spacing--xs);
2047
+ --mer-form-input__bg-position--x-value: var(--mer-form-input__padding-inline);
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>");
2063
+ /*-------------------------------------------------------------
2064
+ Inline Control (Should have the same height to look good inline)
2065
+ -------------------------------------------------------------*/
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);
2686
2069
  /*----------------------
2687
2070
  Label
2688
2071
  ----------------------*/
@@ -2690,6 +2073,24 @@ Item (applies to every item (tree, grid, list, etc...)
2690
2073
  --mer-label__font-size: inherit;
2691
2074
  --mer-label__font-weight: var(--mer-font__weight--semi-bold);
2692
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);
2693
2094
  }
2694
2095
 
2695
2096
  body {
@@ -2765,87 +2166,10 @@ p {
2765
2166
  color: unset;
2766
2167
  }
2767
2168
 
2768
- :root.dark {
2769
- /*----------------------
2770
- Base
2771
- ----------------------*/
2772
- --button-base__font-family: inherit;
2773
- --button-base__font-size: var(--mer-font__size--xs);
2774
- --button-base__line-height: var(--mer-line-height--tight);
2775
- --button-base__text-transform: capitalize;
2776
- --button-base__border-width: var(--mer-border__width--sm);
2777
- --button-base__border-style: solid;
2778
- --button-base__border-color: transparent;
2779
- --button-base__border-radius: var(--mer-border__radius--sm);
2780
- --button-base__block-size: var(--mer-spacing--xl);
2781
- --button-base__gap: var(--mer-spacing--xs);
2782
- --button-base__padding-inline: var(--mer-spacing--sm);
2783
- /*----------------------
2784
- Primary
2785
- ----------------------*/
2786
- --button-primary__background-color: var(--mer-accent__primary);
2787
- --button-primary__border-color: var(--button-primary__background-color);
2788
- --button-primary__color: var(--mer-text__on-primary);
2789
- --button-primary__font-weight: var(--mer-font__weight--semi-bold);
2790
- --button-primary__background-color--hover: var(--mer-accent__primary--hover);
2791
- --button-primary__border-color--hover: var(
2792
- --button-primary__background-color--hover
2793
- );
2794
- --button-primary__color--hover: var(--mer-text__on-primary);
2795
- --button-primary__background-color--active: var(
2796
- --mer-accent__primary--active
2797
- );
2798
- --button-primary__border-color--active: var(
2799
- --button-primary__background-color--active
2800
- );
2801
- --button-primary__color--active: var(--mer-text__on-primary--active);
2802
- --button-primary__background-color--disabled: var(
2803
- --mer-accent__primary--disabled
2804
- );
2805
- --button-primary__border-color--disabled: var(
2806
- --mer-border-color__primary--disabled
2807
- );
2808
- --button-primary__color--disabled: var(--mer-text__on-disabled);
2809
- /*----------------------
2810
- Secondary
2811
- ----------------------*/
2812
- --button-secondary__background-color: transparent;
2813
- --button-secondary__border-color: var(--mer-border-color__neutral);
2814
- --button-secondary__color: var(--mer-text__neutral);
2815
- --button-secondary__font-weight: var(--mer-font__weight--semi-bold);
2816
- --button-secondary__background-color--hover: transparent;
2817
- --button-secondary__border-color--hover: var(
2818
- --mer-border-color__primary--hover
2819
- );
2820
- --button-secondary__color--hover: var(--mer-text__primary--hover);
2821
- --button-secondary__background-color--active: transparent;
2822
- --button-secondary__border-color--active: var(
2823
- --mer-border-color__primary--active
2169
+ :root[dir=rtl] {
2170
+ --mer-form-input__bg-position--x: calc(
2171
+ 100% - var(--mer-form-input__bg-position--x-value)
2824
2172
  );
2825
- --button-secondary__color--active: var(--mer-text__on-primary--active);
2826
- --button-secondary__background-color--disabled: transparent;
2827
- --button-secondary__border-color--disabled: var(--mer-text__on-disabled);
2828
- --button-secondary__color--disabled: var(--mer-text__on-disabled);
2829
- /*----------------------
2830
- Tertiary
2831
- ----------------------*/
2832
- --button-tertiary__background-color: transparent;
2833
- --button-tertiary__border-color: transparent;
2834
- --button-tertiary__color: var(--mer-text__primary);
2835
- --button-tertiary__font-weight: var(--mer-font__weight--semi-bold);
2836
- --button-tertiary__background-color--hover: transparent;
2837
- --button-tertiary__border-color--hover: transparent;
2838
- --button-tertiary__color--hover: var(--mer-text__primary--hover);
2839
- --button-tertiary__background-color--active: transparent;
2840
- --button-tertiary__border-color--active: transparent;
2841
- --button-tertiary__color--active: var(--mer-text__primary--active);
2842
- --button-tertiary__background-color--disabled: transparent;
2843
- --button-tertiary__border-color--disabled: var(--mer-text__on-disabled);
2844
- --button-tertiary__color--disabled: transparent;
2845
- /*----------------------
2846
- Icon Only
2847
- ----------------------*/
2848
- --button-icon-only__padding-inline: var(--mer-spacing--xs);
2849
2173
  }
2850
2174
 
2851
2175
  .tree-view-primary::-webkit-scrollbar {
@@ -2864,7 +2188,198 @@ p {
2864
2188
  background-color: var(--mer-scrollbar-thumb__bg-color--hover);
2865
2189
  }
2866
2190
  .tree-view-primary::-webkit-scrollbar-corner {
2867
- 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);
2246
+ }
2247
+
2248
+ .code {
2249
+ /* begin of WA */
2250
+ overflow: auto;
2251
+ /* end of WA */
2252
+ background-color: var(--ch-code__bg-color);
2253
+ border: var(--ch-code__border);
2254
+ border-radius: var(--ch-code__border-radius);
2255
+ padding: var(--ch-code__padding);
2256
+ --ch-code__color-base: var(--mer-text__on-surface);
2257
+ --ch-code__color-blue: var(--mer-color__primary-blue--400);
2258
+ --ch-code__color-light-blue: var(--mer-color__primary-blue--200);
2259
+ --ch-code__color-red: var(--mer-color__message-red--200);
2260
+ --ch-code__color-green: var(--mer-color__message-green--200);
2261
+ --ch-code__bg-color: var(--mer-color__neutral-gray--800);
2262
+ --ch-code__border: var(--mer-border__width--sm) solid
2263
+ var(--mer-color__elevation--01);
2264
+ --ch-code__border-radius: var(--mer-border__radius--sm);
2265
+ --ch-code__padding: var(--mer-spacing--xs) var(--mer-spacing--sm);
2266
+ }
2267
+ .code pre {
2268
+ margin: 0;
2269
+ }
2270
+ .code .hljs-tag {
2271
+ white-space: nowrap;
2272
+ }
2273
+ .code pre {
2274
+ overflow: auto;
2275
+ }
2276
+ .code pre::-webkit-scrollbar {
2277
+ width: var(--mer-scrollbar__size);
2278
+ height: var(--mer-scrollbar__size);
2279
+ }
2280
+ .code pre::-webkit-scrollbar-track {
2281
+ background-color: var(--mer-scrollbar-track__bg-color);
2282
+ border-radius: var(--mer-scrollbar-track__border-radius);
2283
+ }
2284
+ .code pre::-webkit-scrollbar-thumb {
2285
+ background-color: var(--mer-scrollbar-thumb__bg-color);
2286
+ border-radius: var(--mer-scrollbar-thumb__border-radius);
2287
+ }
2288
+ .code pre::-webkit-scrollbar-thumb:hover {
2289
+ background-color: var(--mer-scrollbar-thumb__bg-color--hover);
2290
+ }
2291
+ .code pre::-webkit-scrollbar-corner {
2292
+ background: var(--mer-scrollbar-corner__bg);
2293
+ }
2294
+ .code .hljs-doctag,
2295
+ .code .hljs-keyword,
2296
+ .code .hljs-meta .hljs-keyword,
2297
+ .code .hljs-template-tag,
2298
+ .code .hljs-template-variable,
2299
+ .code .hljs-type,
2300
+ .code .hljs-variable.language_ {
2301
+ /* prettylights-syntax-keyword */
2302
+ color: var(--ch-code__color-blue);
2303
+ }
2304
+ .code .hljs-title,
2305
+ .code .hljs-title.class_,
2306
+ .code .hljs-title.class_.inherited__,
2307
+ .code .hljs-title.function_ {
2308
+ color: var(--ch-code__color-base);
2309
+ }
2310
+ .code .hljs-attr,
2311
+ .code .hljs-attribute,
2312
+ .code .hljs-literal,
2313
+ .code .hljs-meta,
2314
+ .code .hljs-number,
2315
+ .code .hljs-operator,
2316
+ .code .hljs-variable,
2317
+ .code .hljs-selector-attr,
2318
+ .code .hljs-selector-class,
2319
+ .code .hljs-selector-id {
2320
+ color: var(--ch-code__color-blue);
2321
+ }
2322
+ .code .hljs-regexp,
2323
+ .code .hljs-string,
2324
+ .code .hljs-meta .hljs-string {
2325
+ color: var(--ch-code__color-green); /* DARK: color-mix(in srgb, var(--colors-foundation-un-color__red--300) 60%, #000) */
2326
+ }
2327
+ .code .hljs-built_in,
2328
+ .code .hljs-symbol {
2329
+ /* prettylights-syntax-variable */
2330
+ color: #e36209;
2331
+ }
2332
+ .code .hljs-comment,
2333
+ .code .hljs-code,
2334
+ .code .hljs-formula {
2335
+ color: var(--ch-code__color-green);
2336
+ }
2337
+ .code .hljs-name,
2338
+ .code .hljs-quote,
2339
+ .code .hljs-selector-tag,
2340
+ .code .hljs-selector-pseudo {
2341
+ color: var(--ch-code__color-light-blue);
2342
+ }
2343
+ .code .hljs-subst {
2344
+ /* prettylights-syntax-storage-modifier-import */
2345
+ color: #24292e;
2346
+ }
2347
+ .code .hljs-section {
2348
+ /* prettylights-syntax-markup-heading */
2349
+ color: #005cc5;
2350
+ font-weight: bold;
2351
+ }
2352
+ .code .hljs-bullet {
2353
+ /* prettylights-syntax-markup-list */
2354
+ color: #735c0f;
2355
+ }
2356
+ .code .hljs-emphasis {
2357
+ /* prettylights-syntax-markup-italic */
2358
+ color: #24292e;
2359
+ font-style: italic;
2360
+ }
2361
+ .code .hljs-strong {
2362
+ /* prettylights-syntax-markup-bold */
2363
+ color: #24292e;
2364
+ font-weight: bold;
2365
+ }
2366
+ .code .hljs-addition {
2367
+ /* prettylights-syntax-markup-inserted */
2368
+ color: #22863a;
2369
+ background-color: #f0fff4;
2370
+ }
2371
+ .code .hljs-deletion {
2372
+ /* prettylights-syntax-markup-deleted */
2373
+ color: #b31d28;
2374
+ background-color: #ffeef0;
2375
+ }
2376
+ .code .hljs-char.escape_,
2377
+ .code .hljs-link,
2378
+ .code .hljs-params,
2379
+ .code .hljs-property,
2380
+ .code .hljs-punctuation,
2381
+ .code .hljs-tag {
2382
+ /* purposely ignored */
2868
2383
  }
2869
2384
 
2870
2385
  /*# sourceMappingURL=mercury.css.map */