@lmvz-ds/design-tokens 0.24.0 → 0.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @lmvz-ds/design-tokens
|
|
2
2
|
|
|
3
|
+
## 0.26.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 1c0f1e5: Design Tokens aktualisiert
|
|
8
|
+
- 72c4ec5: Design Tokens aktualisiert
|
|
9
|
+
|
|
10
|
+
## 0.25.0
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- 64bffb7: Design Tokens aktualisiert
|
|
15
|
+
- 1dcb478: Design Tokens aktualisiert
|
|
16
|
+
|
|
3
17
|
## 0.24.0
|
|
4
18
|
|
|
5
19
|
## 0.23.0
|
|
@@ -1,11 +1 @@
|
|
|
1
|
-
|
|
2
|
-
* Generated by @lmvz-ds/design-tokens — do not edit.
|
|
3
|
-
* Source: tokens.json `naming.spec-breakpoint-*`
|
|
4
|
-
*
|
|
5
|
-
* Skipped tokens:
|
|
6
|
-
* --lmvz-bp-largest (value "TV" is non-numeric)
|
|
7
|
-
*/
|
|
8
|
-
@custom-media --lmvz-bp-large (min-width: 1920px);
|
|
9
|
-
@custom-media --lmvz-bp-medium (min-width: 1440px);
|
|
10
|
-
@custom-media --lmvz-bp-small (min-width: 768px);
|
|
11
|
-
@custom-media --lmvz-bp-smallest (min-width: 402px);
|
|
1
|
+
/* This file is currently empty, intentionally. */
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
--lmvz-component-heading-4xl-letter-spacing: 0;
|
|
12
12
|
--lmvz-component-heading-2xl-letter-spacing: 0;
|
|
13
13
|
--lmvz-component-heading-xl-letter-spacing: 0;
|
|
14
|
-
--lmvz-component-heading-lg-letter-spacing:
|
|
14
|
+
--lmvz-component-heading-lg-letter-spacing: 0;
|
|
15
15
|
--lmvz-component-heading-md-letter-spacing: 0;
|
|
16
16
|
--lmvz-component-body-xl-letter-spacing: 0;
|
|
17
17
|
--lmvz-component-body-lg-letter-spacing: 0;
|
|
@@ -19,6 +19,8 @@
|
|
|
19
19
|
--lmvz-component-body-sm-letter-spacing: 0;
|
|
20
20
|
--lmvz-component-body-xs-letter-spacing: 0;
|
|
21
21
|
--lmvz-component-body-2xs-letter-spacing: 0;
|
|
22
|
+
--lmvz-component-modal-overlay-blur: 0.5rem;
|
|
23
|
+
--lmvz-component-card-container-size-query: 20rem;
|
|
22
24
|
--lmvz-semantic-semantic-digital-layout-col-4: 36.8125rem;
|
|
23
25
|
--lmvz-semantic-semantic-digital-layout-col-6: 45rem;
|
|
24
26
|
--lmvz-semantic-semantic-digital-layout-col-8: 74.9375rem;
|
|
@@ -42,6 +44,7 @@
|
|
|
42
44
|
--lmvz-semantic-shadow-l3-1-blur: 34px;
|
|
43
45
|
--lmvz-semantic-shadow-l3-2-position-y: 16px;
|
|
44
46
|
--lmvz-semantic-shadow-l3-2-blur: 62px;
|
|
47
|
+
--lmvz-semantic-shadow-overlay: rgba(0, 0, 0, 0.29);
|
|
45
48
|
--lmvz-semantic-border-radius-round: 999px;
|
|
46
49
|
--lmvz-semantic-border-radius-none: 0px;
|
|
47
50
|
--lmvz-semantic-color-int-primary-hover-shadow: rgba(0, 0, 0, 0);
|
|
@@ -108,6 +111,7 @@
|
|
|
108
111
|
--lmvz-global-line-height-160: 1.6;
|
|
109
112
|
--lmvz-global-line-height-100: 1;
|
|
110
113
|
--lmvz-global-line-height-180: 1.8;
|
|
114
|
+
--lmvz-global-line-height-150: 1.5;
|
|
111
115
|
--lmvz-global-s128: 128px;
|
|
112
116
|
--lmvz-global-s33: 112px;
|
|
113
117
|
--lmvz-global-s96: 96px;
|
|
@@ -287,8 +291,9 @@
|
|
|
287
291
|
--lmvz-spacing-spec-margin-xxl: 30rem;
|
|
288
292
|
--lmvz-component-icon-border-width-default: var(--lmvz-global-border-width-2);
|
|
289
293
|
--lmvz-component-icon-border-width-strong: var(--lmvz-global-border-width-4);
|
|
290
|
-
--lmvz-component-
|
|
291
|
-
--lmvz-component-line-height-
|
|
294
|
+
--lmvz-component-icon-border-width-bold: var(--lmvz-global-border-width-5);
|
|
295
|
+
--lmvz-component-line-height-narrow: var(--lmvz-global-line-height-140);
|
|
296
|
+
--lmvz-component-line-height-default: var(--lmvz-global-line-height-150);
|
|
292
297
|
--lmvz-component-line-height-wide: var(--lmvz-global-line-height-160);
|
|
293
298
|
--lmvz-component-component-spacing-0-default: var(--lmvz-global-s4);
|
|
294
299
|
--lmvz-component-component-spacing-0-elevated: var(--lmvz-global-s8);
|
|
@@ -325,7 +330,7 @@
|
|
|
325
330
|
--lmvz-semantic-color-int-tertiary: var(--lmvz-global-color-neutral-white);
|
|
326
331
|
--lmvz-semantic-color-int-tertiary-hover: var(--lmvz-global-color-grey-neutral-200);
|
|
327
332
|
--lmvz-semantic-color-int-tertiary-active: var(--lmvz-global-color-grey-neutral-300);
|
|
328
|
-
--lmvz-semantic-color-int-on-tertiary: var(--lmvz-global-color-
|
|
333
|
+
--lmvz-semantic-color-int-on-tertiary: var(--lmvz-global-color-neutral-black);
|
|
329
334
|
--lmvz-semantic-color-int-on-primary-hover: var(--lmvz-global-color-neutral-white);
|
|
330
335
|
--lmvz-semantic-color-int-on-primary-active: var(--lmvz-global-color-neutral-white);
|
|
331
336
|
--lmvz-semantic-color-int-on-secondary-hover: var(--lmvz-global-color-neutral-black);
|
|
@@ -344,7 +349,7 @@
|
|
|
344
349
|
--lmvz-semantic-color-status-on-warning: var(--lmvz-global-color-brand-yellow-900);
|
|
345
350
|
--lmvz-semantic-color-status-on-danger: var(--lmvz-global-color-brand-red-700);
|
|
346
351
|
--lmvz-semantic-color-status-neutral: var(--lmvz-global-color-grey-neutral-50);
|
|
347
|
-
--lmvz-semantic-color-status-active: var(--lmvz-global-color-brand-blue-
|
|
352
|
+
--lmvz-semantic-color-status-active: var(--lmvz-global-color-brand-blue-50);
|
|
348
353
|
--lmvz-semantic-color-status-success: var(--lmvz-global-color-brand-green-50);
|
|
349
354
|
--lmvz-semantic-color-status-warning: var(--lmvz-global-color-brand-yellow-50);
|
|
350
355
|
--lmvz-semantic-color-status-danger: var(--lmvz-global-color-brand-red-50);
|
|
@@ -360,7 +365,8 @@
|
|
|
360
365
|
--lmvz-semantic-color-border-subtle: var(--lmvz-global-color-grey-neutral-200);
|
|
361
366
|
--lmvz-semantic-color-border-subtle-hover: var(--lmvz-global-color-grey-neutral-400);
|
|
362
367
|
--lmvz-semantic-color-on-surface-input-primary: var(--lmvz-global-color-neutral-black);
|
|
363
|
-
--lmvz-semantic-color-on-surface-input-secondary: var(--lmvz-global-color-grey-neutral-
|
|
368
|
+
--lmvz-semantic-color-on-surface-input-secondary: var(--lmvz-global-color-grey-neutral-800);
|
|
369
|
+
--lmvz-semantic-color-on-surface-input-tertiary: var(--lmvz-global-color-grey-neutral-700);
|
|
364
370
|
--lmvz-semantic-color-brand-media1: var(--lmvz-global-color-brand-blue-400);
|
|
365
371
|
--lmvz-semantic-color-brand-media2: var(--lmvz-global-color-brand-green-400);
|
|
366
372
|
--lmvz-semantic-color-brand-media3: var(--lmvz-global-color-brand-yellow-300);
|
|
@@ -381,6 +387,7 @@
|
|
|
381
387
|
--lmvz-component-icon-size-lg: var(--lmvz-dimension-24-28);
|
|
382
388
|
--lmvz-component-icon-size-2xs: var(--lmvz-dimension-10-12);
|
|
383
389
|
--lmvz-component-icon-size-xl: var(--lmvz-dimension-28-36);
|
|
390
|
+
--lmvz-component-icon-size-4xs: var(--lmvz-dimension-8-10);
|
|
384
391
|
--lmvz-component-heading-4xl-font-size: var(--lmvz-dimension-48-64);
|
|
385
392
|
--lmvz-component-heading-4xl-line-height: var(--lmvz-component-line-height-default);
|
|
386
393
|
--lmvz-component-heading-4xl-padding-bottom: var(--lmvz-dimension-28-40);
|
|
@@ -407,14 +414,22 @@
|
|
|
407
414
|
--lmvz-component-body-md-font-size: var(--lmvz-dimension-14-16);
|
|
408
415
|
--lmvz-component-body-md-line-height: var(--lmvz-component-line-height-default);
|
|
409
416
|
--lmvz-component-body-md-padding-bottom: var(--lmvz-dimension-4-10);
|
|
410
|
-
--lmvz-component-body-sm-font-size: var(--lmvz-dimension-12
|
|
417
|
+
--lmvz-component-body-sm-font-size: var(--lmvz-dimension-11-12);
|
|
411
418
|
--lmvz-component-body-sm-line-height: var(--lmvz-component-line-height-default);
|
|
412
419
|
--lmvz-component-body-sm-padding-bottom: var(--lmvz-dimension-4-10);
|
|
413
|
-
--lmvz-component-body-xs-font-size: var(--lmvz-dimension-11
|
|
420
|
+
--lmvz-component-body-xs-font-size: var(--lmvz-dimension-10-11);
|
|
414
421
|
--lmvz-component-body-xs-line-height: var(--lmvz-component-line-height-default);
|
|
415
422
|
--lmvz-component-body-xs-padding-bottom: var(--lmvz-dimension-4-10);
|
|
416
|
-
--lmvz-component-body-2xs-font-size: var(--lmvz-dimension-10
|
|
423
|
+
--lmvz-component-body-2xs-font-size: var(--lmvz-dimension-8-10);
|
|
417
424
|
--lmvz-component-body-2xs-line-height: var(--lmvz-component-line-height-default);
|
|
425
|
+
--lmvz-component-form-wrapper-gap-x: var(--lmvz-dimension-4-10);
|
|
426
|
+
--lmvz-component-form-wrapper-gap-y: var(--lmvz-dimension-18-28);
|
|
427
|
+
--lmvz-component-form-wrapper-padding-y: var(--lmvz-dimension-6-10);
|
|
428
|
+
--lmvz-component-wrapper-lg-padding-x: var(--lmvz-dimension-24-48);
|
|
429
|
+
--lmvz-component-wrapper-lg-padding-y: var(--lmvz-dimension-36-40);
|
|
430
|
+
--lmvz-component-buttongroup-wrapper-gap-x: var(--lmvz-dimension-4-10);
|
|
431
|
+
--lmvz-component-buttongroup-wrapper-gap-y: var(--lmvz-dimension-18-28);
|
|
432
|
+
--lmvz-component-buttongroup-wrapper-padding-y: var(--lmvz-dimension-6-10);
|
|
418
433
|
--lmvz-component-component-typography-display-padding-bottom: var(--lmvz-dimension-10-13);
|
|
419
434
|
--lmvz-component-component-typography-heading-xl-padding-bottom: var(--lmvz-dimension-10-13);
|
|
420
435
|
--lmvz-component-component-typography-heading-lg-padding-top: var(--lmvz-dimension-12-16);
|
|
@@ -425,20 +440,12 @@
|
|
|
425
440
|
--lmvz-component-component-typography-body-lg-padding-bottom: var(--lmvz-dimension-10-13);
|
|
426
441
|
--lmvz-component-component-typography-body-md-padding-bottom: var(--lmvz-dimension-4-10);
|
|
427
442
|
--lmvz-component-component-typography-body-sm-padding-bottom: var(--lmvz-dimension-2-8);
|
|
428
|
-
--lmvz-component-modal-padding-x: var(--lmvz-dimension-24-48);
|
|
429
|
-
--lmvz-component-modal-padding-y: var(--lmvz-dimension-36-40);
|
|
430
443
|
--lmvz-component-table-cell-padding-y: var(--lmvz-dimension-4-10);
|
|
431
444
|
--lmvz-component-table-cell-padding-x: var(--lmvz-dimension-4-10);
|
|
432
445
|
--lmvz-component-table-row-height: var(--lmvz-dimension-4-10);
|
|
433
446
|
--lmvz-component-table-border-color: var(--lmvz-semantic-color-border-default);
|
|
434
447
|
--lmvz-component-table-bg: var(--lmvz-semantic-color-surface-primary);
|
|
435
448
|
--lmvz-component-table-header-bg: var(--lmvz-semantic-color-surface-secondary);
|
|
436
|
-
--lmvz-component-form-wrapper-gap-x: var(--lmvz-dimension-4-10);
|
|
437
|
-
--lmvz-component-form-wrapper-gap-y: var(--lmvz-dimension-18-28);
|
|
438
|
-
--lmvz-component-form-wrapper-padding-y: var(--lmvz-dimension-6-10);
|
|
439
|
-
--lmvz-component-buttongroup-wrapper-gap-x: var(--lmvz-dimension-4-10);
|
|
440
|
-
--lmvz-component-buttongroup-wrapper-gap-y: var(--lmvz-dimension-18-28);
|
|
441
|
-
--lmvz-component-buttongroup-wrapper-padding-y: var(--lmvz-dimension-6-10);
|
|
442
449
|
--lmvz-component-input-sm-padding-x: var(--lmvz-dimension-8-12);
|
|
443
450
|
--lmvz-component-input-sm-padding-y: var(--lmvz-dimension-8-12);
|
|
444
451
|
--lmvz-component-input-sm-gap-x: var(--lmvz-dimension-4-10);
|
|
@@ -454,14 +461,22 @@
|
|
|
454
461
|
--lmvz-component-input-padding-sm: var(--lmvz-dimension-12-14);
|
|
455
462
|
--lmvz-component-input-padding-md: var(--lmvz-dimension-14-16);
|
|
456
463
|
--lmvz-component-input-padding-lg: var(--lmvz-dimension-16-20);
|
|
457
|
-
--lmvz-component-input-gap-sm: var(--lmvz-dimension-6-
|
|
464
|
+
--lmvz-component-input-gap-sm: var(--lmvz-dimension-6-10);
|
|
458
465
|
--lmvz-component-input-gap-md: var(--lmvz-dimension-8-12);
|
|
459
|
-
--lmvz-component-input-gap-lg: var(--lmvz-dimension-12-
|
|
466
|
+
--lmvz-component-input-gap-lg: var(--lmvz-dimension-12-16);
|
|
467
|
+
--lmvz-component-input-wrapper-padding-sm-y: var(--lmvz-dimension-10-12);
|
|
468
|
+
--lmvz-component-input-wrapper-padding-md-y: var(--lmvz-dimension-16-20);
|
|
460
469
|
--lmvz-component-input-bg: var(--lmvz-semantic-color-surface-primary);
|
|
461
|
-
--lmvz-component-
|
|
462
|
-
--lmvz-component-
|
|
463
|
-
--lmvz-component-
|
|
464
|
-
--lmvz-component-
|
|
470
|
+
--lmvz-component-spacing-lg: var(--lmvz-dimension-16-24);
|
|
471
|
+
--lmvz-component-spacing-5xl: var(--lmvz-dimension-80-128);
|
|
472
|
+
--lmvz-component-spacing-4xl: var(--lmvz-dimension-64-96);
|
|
473
|
+
--lmvz-component-spacing-3xl: var(--lmvz-dimension-48-64);
|
|
474
|
+
--lmvz-component-spacing-2xl: var(--lmvz-dimension-32-48);
|
|
475
|
+
--lmvz-component-spacing-xl: var(--lmvz-dimension-24-32);
|
|
476
|
+
--lmvz-component-spacing-md: var(--lmvz-dimension-12-16);
|
|
477
|
+
--lmvz-component-spacing-sm: var(--lmvz-dimension-8-12);
|
|
478
|
+
--lmvz-component-spacing-xs: var(--lmvz-dimension-4-8);
|
|
479
|
+
--lmvz-component-spacing-2xs: var(--lmvz-dimension-2-4);
|
|
465
480
|
--lmvz-semantic-border-radius-xl: var(--lmvz-dimension-18-24);
|
|
466
481
|
--lmvz-semantic-border-radius-lg: var(--lmvz-dimension-14-16);
|
|
467
482
|
--lmvz-semantic-border-radius-md: var(--lmvz-dimension-6-8);
|
|
@@ -470,8 +485,21 @@
|
|
|
470
485
|
--lmvz-semantic-color-surface-input-primary: var(--lmvz-semantic-color-surface-primary);
|
|
471
486
|
--lmvz-semantic-color-gradient-main-1: var(--lmvz-semantic-color-status-on-active);
|
|
472
487
|
--lmvz-semantic-color-gradient-main-2: var(--lmvz-semantic-color-status-on-active);
|
|
473
|
-
--lmvz-component-
|
|
474
|
-
--lmvz-component-card-
|
|
488
|
+
--lmvz-component-wrapper-lg-border-radius: var(--lmvz-semantic-border-radius-xl);
|
|
489
|
+
--lmvz-component-card-lg-grid-gap-x: var(--lmvz-component-spacing-lg);
|
|
490
|
+
--lmvz-component-wrapper-md-padding-x: var(--lmvz-component-spacing-lg);
|
|
491
|
+
--lmvz-component-card-lg-margin-bottom: var(--lmvz-component-spacing-lg);
|
|
492
|
+
--lmvz-component-wrapper-md-padding-y: var(--lmvz-component-spacing-lg);
|
|
493
|
+
--lmvz-component-wrapper-md-border-radius: var(--lmvz-semantic-border-radius-xl);
|
|
494
|
+
--lmvz-component-card-lg-grid-gap-y: var(--lmvz-component-spacing-xl);
|
|
495
|
+
--lmvz-component-wrapper-sm-padding-x: var(--lmvz-component-spacing-md);
|
|
496
|
+
--lmvz-component-wrapper-sm-padding-y: var(--lmvz-component-spacing-md);
|
|
497
|
+
--lmvz-component-card-sm-margin-bottom: var(--lmvz-component-spacing-md);
|
|
498
|
+
--lmvz-component-wrapper-sm-border-radius: var(--lmvz-semantic-border-radius-lg);
|
|
499
|
+
--lmvz-component-card-sm-grid-gap-x: var(--lmvz-component-spacing-md);
|
|
500
|
+
--lmvz-component-card-sm-grid-gap-y: var(--lmvz-component-spacing-lg);
|
|
501
|
+
--lmvz-component-filter-padding-top: var(--lmvz-component-spacing-xs);
|
|
502
|
+
--lmvz-component-filter-padding-bottom: var(--lmvz-component-spacing-xl);
|
|
475
503
|
}
|
|
476
504
|
/**
|
|
477
505
|
* Fluid ramp tokens generated from our global dimension scale tokens.
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
--lmvz-semantic-shadow-l3-1-blur: 34px;
|
|
14
14
|
--lmvz-semantic-shadow-l3-2-position-y: 16px;
|
|
15
15
|
--lmvz-semantic-shadow-l3-2-blur: 62px;
|
|
16
|
+
--lmvz-semantic-shadow-overlay: rgba(0, 0, 0, 0.29);
|
|
16
17
|
--lmvz-semantic-border-radius-round: 999px;
|
|
17
18
|
--lmvz-semantic-border-radius-none: 0px;
|
|
18
19
|
--lmvz-semantic-color-int-primary-hover-shadow: rgba(0, 0, 0, 0);
|
|
@@ -44,7 +45,7 @@
|
|
|
44
45
|
--lmvz-semantic-color-int-tertiary: var(--lmvz-global-color-neutral-white);
|
|
45
46
|
--lmvz-semantic-color-int-tertiary-hover: var(--lmvz-global-color-grey-neutral-200);
|
|
46
47
|
--lmvz-semantic-color-int-tertiary-active: var(--lmvz-global-color-grey-neutral-300);
|
|
47
|
-
--lmvz-semantic-color-int-on-tertiary: var(--lmvz-global-color-
|
|
48
|
+
--lmvz-semantic-color-int-on-tertiary: var(--lmvz-global-color-neutral-black);
|
|
48
49
|
--lmvz-semantic-color-int-on-primary-hover: var(--lmvz-global-color-neutral-white);
|
|
49
50
|
--lmvz-semantic-color-int-on-primary-active: var(--lmvz-global-color-neutral-white);
|
|
50
51
|
--lmvz-semantic-color-int-on-secondary-hover: var(--lmvz-global-color-neutral-black);
|
|
@@ -63,7 +64,7 @@
|
|
|
63
64
|
--lmvz-semantic-color-status-on-warning: var(--lmvz-global-color-brand-yellow-900);
|
|
64
65
|
--lmvz-semantic-color-status-on-danger: var(--lmvz-global-color-brand-red-700);
|
|
65
66
|
--lmvz-semantic-color-status-neutral: var(--lmvz-global-color-grey-neutral-50);
|
|
66
|
-
--lmvz-semantic-color-status-active: var(--lmvz-global-color-brand-blue-
|
|
67
|
+
--lmvz-semantic-color-status-active: var(--lmvz-global-color-brand-blue-50);
|
|
67
68
|
--lmvz-semantic-color-status-success: var(--lmvz-global-color-brand-green-50);
|
|
68
69
|
--lmvz-semantic-color-status-warning: var(--lmvz-global-color-brand-yellow-50);
|
|
69
70
|
--lmvz-semantic-color-status-danger: var(--lmvz-global-color-brand-red-50);
|
|
@@ -79,7 +80,8 @@
|
|
|
79
80
|
--lmvz-semantic-color-border-subtle: var(--lmvz-global-color-grey-neutral-200);
|
|
80
81
|
--lmvz-semantic-color-border-subtle-hover: var(--lmvz-global-color-grey-neutral-400);
|
|
81
82
|
--lmvz-semantic-color-on-surface-input-primary: var(--lmvz-global-color-neutral-black);
|
|
82
|
-
--lmvz-semantic-color-on-surface-input-secondary: var(--lmvz-global-color-grey-neutral-
|
|
83
|
+
--lmvz-semantic-color-on-surface-input-secondary: var(--lmvz-global-color-grey-neutral-800);
|
|
84
|
+
--lmvz-semantic-color-on-surface-input-tertiary: var(--lmvz-global-color-grey-neutral-700);
|
|
83
85
|
--lmvz-semantic-color-brand-media1: var(--lmvz-global-color-brand-blue-400);
|
|
84
86
|
--lmvz-semantic-color-brand-media2: var(--lmvz-global-color-brand-green-400);
|
|
85
87
|
--lmvz-semantic-color-brand-media3: var(--lmvz-global-color-brand-yellow-300);
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
--lmvz-semantic-shadow-l3-1-blur: 34px;
|
|
14
14
|
--lmvz-semantic-shadow-l3-2-position-y: 16px;
|
|
15
15
|
--lmvz-semantic-shadow-l3-2-blur: 62px;
|
|
16
|
+
--lmvz-semantic-shadow-overlay: rgba(0, 0, 0, 0.29);
|
|
16
17
|
--lmvz-semantic-border-radius-round: 999px;
|
|
17
18
|
--lmvz-semantic-border-radius-none: 0px;
|
|
18
19
|
--lmvz-semantic-color-int-primary-hover-shadow: rgba(0, 0, 0, 0);
|
|
@@ -44,7 +45,7 @@
|
|
|
44
45
|
--lmvz-semantic-color-int-tertiary: var(--lmvz-global-color-neutral-white);
|
|
45
46
|
--lmvz-semantic-color-int-tertiary-hover: var(--lmvz-global-color-grey-neutral-200);
|
|
46
47
|
--lmvz-semantic-color-int-tertiary-active: var(--lmvz-global-color-grey-neutral-300);
|
|
47
|
-
--lmvz-semantic-color-int-on-tertiary: var(--lmvz-global-color-
|
|
48
|
+
--lmvz-semantic-color-int-on-tertiary: var(--lmvz-global-color-neutral-black);
|
|
48
49
|
--lmvz-semantic-color-int-on-primary-hover: var(--lmvz-global-color-neutral-white);
|
|
49
50
|
--lmvz-semantic-color-int-on-primary-active: var(--lmvz-global-color-neutral-white);
|
|
50
51
|
--lmvz-semantic-color-int-on-secondary-hover: var(--lmvz-global-color-neutral-black);
|
|
@@ -63,7 +64,7 @@
|
|
|
63
64
|
--lmvz-semantic-color-status-on-warning: var(--lmvz-global-color-brand-yellow-900);
|
|
64
65
|
--lmvz-semantic-color-status-on-danger: var(--lmvz-global-color-brand-red-700);
|
|
65
66
|
--lmvz-semantic-color-status-neutral: var(--lmvz-global-color-grey-neutral-50);
|
|
66
|
-
--lmvz-semantic-color-status-active: var(--lmvz-global-color-brand-blue-
|
|
67
|
+
--lmvz-semantic-color-status-active: var(--lmvz-global-color-brand-blue-50);
|
|
67
68
|
--lmvz-semantic-color-status-success: var(--lmvz-global-color-brand-green-50);
|
|
68
69
|
--lmvz-semantic-color-status-warning: var(--lmvz-global-color-brand-yellow-50);
|
|
69
70
|
--lmvz-semantic-color-status-danger: var(--lmvz-global-color-brand-red-50);
|
|
@@ -79,7 +80,8 @@
|
|
|
79
80
|
--lmvz-semantic-color-border-subtle: var(--lmvz-global-color-grey-neutral-200);
|
|
80
81
|
--lmvz-semantic-color-border-subtle-hover: var(--lmvz-global-color-grey-neutral-400);
|
|
81
82
|
--lmvz-semantic-color-on-surface-input-primary: var(--lmvz-global-color-neutral-black);
|
|
82
|
-
--lmvz-semantic-color-on-surface-input-secondary: var(--lmvz-global-color-grey-neutral-
|
|
83
|
+
--lmvz-semantic-color-on-surface-input-secondary: var(--lmvz-global-color-grey-neutral-800);
|
|
84
|
+
--lmvz-semantic-color-on-surface-input-tertiary: var(--lmvz-global-color-grey-neutral-700);
|
|
83
85
|
--lmvz-semantic-color-brand-media1: var(--lmvz-global-color-brand-blue-400);
|
|
84
86
|
--lmvz-semantic-color-brand-media2: var(--lmvz-global-color-brand-green-400);
|
|
85
87
|
--lmvz-semantic-color-brand-media3: var(--lmvz-global-color-brand-yellow-300);
|