@lmvz-ds/design-tokens 0.25.0 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/css/custom-media.css +1 -18
  3. package/dist/css/variables.base.css +107 -45
  4. package/dist/css/variables.dark.global.css +2 -2
  5. package/dist/css/variables.dark.themed.css +2 -2
  6. package/dist/css/variables.light.global.css +16 -13
  7. package/dist/css/variables.light.themed.css +16 -13
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @lmvz-ds/design-tokens
2
2
 
3
+ ## 0.27.0
4
+
5
+ ### Patch Changes
6
+
7
+ - 7127ead: Design Tokens aktualisiert
8
+ - c891440: Design Tokens aktualisiert
9
+
10
+ ## 0.26.0
11
+
12
+ ### Patch Changes
13
+
14
+ - 1c0f1e5: Design Tokens aktualisiert
15
+ - 72c4ec5: Design Tokens aktualisiert
16
+
3
17
  ## 0.25.0
4
18
 
5
19
  ### Patch Changes
package/dist/css/custom-media.css CHANGED
@@ -1,18 +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
- /* stylelint-disable custom-media-pattern */
9
- /* ... due to double--hyphen separator */
10
-
11
- @custom-media --lmvz-bp--from-large (min-width: 1921px);
12
- @custom-media --lmvz-bp--up-to-large (max-width: 1920px);
13
- @custom-media --lmvz-bp--from-medium (min-width: 1441px);
14
- @custom-media --lmvz-bp--up-to-medium (max-width: 1440px);
15
- @custom-media --lmvz-bp--from-small (min-width: 769px);
16
- @custom-media --lmvz-bp--up-to-small (max-width: 768px);
17
- @custom-media --lmvz-bp--from-smallest (min-width: 403px);
18
- @custom-media --lmvz-bp--up-to-smallest (max-width: 402px);
1
+ /* This file is currently empty, intentionally. */
package/dist/css/variables.base.css CHANGED
@@ -19,7 +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-card-lg-overlay-blur: 0.5rem;
22
+ --lmvz-component-modal-overlay-blur: 0.5rem;
23
+ --lmvz-component-card-container-size-query: 20rem;
23
24
  --lmvz-semantic-semantic-digital-layout-col-4: 36.8125rem;
24
25
  --lmvz-semantic-semantic-digital-layout-col-6: 45rem;
25
26
  --lmvz-semantic-semantic-digital-layout-col-8: 74.9375rem;
@@ -33,19 +34,8 @@
33
34
  --lmvz-semantic-semantic-website-layout-grid-count: 0.75rem;
34
35
  --lmvz-semantic-semantic-website-layout-grid-gutter: 1.25rem;
35
36
  --lmvz-semantic-semantic-website-layout-grid-margin: 15rem;
36
- --lmvz-semantic-shadow-l1-1-position-y: 2px;
37
- --lmvz-semantic-shadow-l1-1-blur: 4px;
38
- --lmvz-semantic-shadow-l2-1-position-y: 2px;
39
- --lmvz-semantic-shadow-l2-1-blur: 12px;
40
- --lmvz-semantic-shadow-l2-2-position-y: 4px;
41
- --lmvz-semantic-shadow-l2-2-blur: 24px;
42
- --lmvz-semantic-shadow-l3-1-position-y: 2px;
43
- --lmvz-semantic-shadow-l3-1-blur: 34px;
44
- --lmvz-semantic-shadow-l3-2-position-y: 16px;
45
- --lmvz-semantic-shadow-l3-2-blur: 62px;
46
- --lmvz-semantic-shadow-overlay: rgba(0, 0, 0, 0.29);
47
37
  --lmvz-semantic-border-radius-round: 999px;
48
- --lmvz-semantic-border-radius-none: 0px;
38
+ --lmvz-semantic-shadow-overlay: rgba(0, 0, 0, 0.29);
49
39
  --lmvz-semantic-color-int-primary-hover-shadow: rgba(0, 0, 0, 0);
50
40
  --lmvz-semantic-color-shadow-l1-default: rgba(120, 120, 128, 0.08);
51
41
  --lmvz-semantic-color-shadow-l1-default-strong: rgba(120, 120, 128, 0.28);
@@ -110,6 +100,7 @@
110
100
  --lmvz-global-line-height-160: 1.6;
111
101
  --lmvz-global-line-height-100: 1;
112
102
  --lmvz-global-line-height-180: 1.8;
103
+ --lmvz-global-line-height-150: 1.5;
113
104
  --lmvz-global-s128: 128px;
114
105
  --lmvz-global-s33: 112px;
115
106
  --lmvz-global-s96: 96px;
@@ -141,6 +132,7 @@
141
132
  --lmvz-global-s11: 11px;
142
133
  --lmvz-global-s6: 6px;
143
134
  --lmvz-global-s44: 44px;
135
+ --lmvz-global-s0: 0;
144
136
  --lmvz-global-border-radius-24: 24px;
145
137
  --lmvz-global-border-radius-16: 16px;
146
138
  --lmvz-global-border-radius-8: 8px;
@@ -148,15 +140,15 @@
148
140
  --lmvz-global-border-radius-999: 999px;
149
141
  --lmvz-global-border-radius-0: 0;
150
142
  --lmvz-global-border-radius-32: 32px;
151
- --lmvz-global-border-width-5: 2px;
152
- --lmvz-global-border-width-4: 1.75px;
153
- --lmvz-global-border-width-3: 1.5px;
154
- --lmvz-global-border-width-2: 1.25px;
143
+ --lmvz-global-border-width-2: 2px;
144
+ --lmvz-global-border-width-1-75: 1.75px;
145
+ --lmvz-global-border-width-1-5: 1.5px;
146
+ --lmvz-global-border-width-1-25: 1.25px;
155
147
  --lmvz-global-border-width-1: 1px;
156
- --lmvz-global-border-width-9: 3px;
157
- --lmvz-global-border-width-8: 2.75px;
158
- --lmvz-global-border-width-7: 2.5px;
159
- --lmvz-global-border-width-6: 2.25px;
148
+ --lmvz-global-border-width-3: 3px;
149
+ --lmvz-global-border-width-2-75: 2.75px;
150
+ --lmvz-global-border-width-2-5: 2.5px;
151
+ --lmvz-global-border-width-2-25: 2.25px;
160
152
  --lmvz-global-opacity-disabled: 40%;
161
153
  --lmvz-global-opacity-overlay: 60%;
162
154
  --lmvz-global-duration-fast: 200;
@@ -287,10 +279,11 @@
287
279
  --lmvz-spacing-spec-margin-s: 2.625rem;
288
280
  --lmvz-spacing-spec-margin-xs: 1.5rem;
289
281
  --lmvz-spacing-spec-margin-xxl: 30rem;
290
- --lmvz-component-icon-border-width-default: var(--lmvz-global-border-width-2);
291
- --lmvz-component-icon-border-width-strong: var(--lmvz-global-border-width-4);
292
- --lmvz-component-line-height-narrow: var(--lmvz-global-line-height-120);
293
- --lmvz-component-line-height-default: var(--lmvz-global-line-height-140);
282
+ --lmvz-component-icon-border-width-default: var(--lmvz-global-border-width-1);
283
+ --lmvz-component-icon-border-width-strong: var(--lmvz-global-border-width-1-5);
284
+ --lmvz-component-icon-border-width-bold: var(--lmvz-global-border-width-2);
285
+ --lmvz-component-line-height-narrow: var(--lmvz-global-line-height-140);
286
+ --lmvz-component-line-height-default: var(--lmvz-global-line-height-150);
294
287
  --lmvz-component-line-height-wide: var(--lmvz-global-line-height-160);
295
288
  --lmvz-component-component-spacing-0-default: var(--lmvz-global-s4);
296
289
  --lmvz-component-component-spacing-0-elevated: var(--lmvz-global-s8);
@@ -314,8 +307,24 @@
314
307
  --lmvz-component-input-radius-default: var(--lmvz-semantic-border-radius-round);
315
308
  --lmvz-component-input-text: var(--lmvz-global-color-neutral-black);
316
309
  --lmvz-component-input-placeholder: var(--lmvz-global-color-grey-neutral-700);
310
+ --lmvz-component-modal-size-xs: var(--lmvz-figma-only-cols-3);
311
+ --lmvz-component-modal-size-sm: var(--lmvz-figma-only-cols-4);
312
+ --lmvz-component-modal-size-md: var(--lmvz-figma-only-cols-6);
313
+ --lmvz-component-modal-size-lg: var(--lmvz-figma-only-cols-8);
314
+ --lmvz-component-modal-size-xl: var(--lmvz-figma-only-cols-12);
317
315
  --lmvz-semantic-semantic-digital-layout-content-width: var(--lmvz-semantic-semantic-digital-layout-col-10);
316
+ --lmvz-semantic-border-radius-none: var(--lmvz-global-s0);
318
317
  --lmvz-semantic-border-width-default: var(--lmvz-global-border-width-1);
318
+ --lmvz-semantic-shadow-l1-1-position-y: var(--lmvz-global-s2);
319
+ --lmvz-semantic-shadow-l1-1-blur: var(--lmvz-global-s4);
320
+ --lmvz-semantic-shadow-l2-1-position-y: var(--lmvz-global-s2);
321
+ --lmvz-semantic-shadow-l2-1-blur: var(--lmvz-global-s12);
322
+ --lmvz-semantic-shadow-l2-2-position-y: var(--lmvz-global-s4);
323
+ --lmvz-semantic-shadow-l2-2-blur: var(--lmvz-global-s24);
324
+ --lmvz-semantic-shadow-l3-1-position-y: var(--lmvz-global-s2);
325
+ --lmvz-semantic-shadow-l3-1-blur: var(--lmvz-global-s32);
326
+ --lmvz-semantic-shadow-l3-2-position-y: var(--lmvz-global-s16);
327
+ --lmvz-semantic-shadow-l3-2-blur: var(--lmvz-global-s64);
319
328
  --lmvz-semantic-color-int-primary: var(--lmvz-global-color-neutral-black);
320
329
  --lmvz-semantic-color-int-primary-hover: var(--lmvz-global-color-grey-neutral-900);
321
330
  --lmvz-semantic-color-int-primary-active: var(--lmvz-global-color-grey-neutral-800);
@@ -338,7 +347,7 @@
338
347
  --lmvz-semantic-color-surface-secondary: var(--lmvz-global-color-grey-neutral-100);
339
348
  --lmvz-semantic-color-surface-tertiary: var(--lmvz-global-color-grey-neutral-200);
340
349
  --lmvz-semantic-color-on-surface-primary: var(--lmvz-global-color-neutral-black);
341
- --lmvz-semantic-color-on-surface-secondary: var(--lmvz-global-color-grey-neutral-800);
350
+ --lmvz-semantic-color-on-surface-secondary: var(--lmvz-global-color-grey-neutral-700);
342
351
  --lmvz-semantic-color-on-surface-tertiary: var(--lmvz-global-color-grey-neutral-500);
343
352
  --lmvz-semantic-color-status-on-neutral: var(--lmvz-global-color-grey-neutral-800);
344
353
  --lmvz-semantic-color-status-on-active: var(--lmvz-global-color-brand-blue-950);
@@ -363,6 +372,7 @@
363
372
  --lmvz-semantic-color-border-subtle-hover: var(--lmvz-global-color-grey-neutral-400);
364
373
  --lmvz-semantic-color-on-surface-input-primary: var(--lmvz-global-color-neutral-black);
365
374
  --lmvz-semantic-color-on-surface-input-secondary: var(--lmvz-global-color-grey-neutral-800);
375
+ --lmvz-semantic-color-on-surface-input-tertiary: var(--lmvz-global-color-grey-neutral-700);
366
376
  --lmvz-semantic-color-brand-media1: var(--lmvz-global-color-brand-blue-400);
367
377
  --lmvz-semantic-color-brand-media2: var(--lmvz-global-color-brand-green-400);
368
378
  --lmvz-semantic-color-brand-media3: var(--lmvz-global-color-brand-yellow-300);
@@ -418,12 +428,14 @@
418
428
  --lmvz-component-body-xs-padding-bottom: var(--lmvz-dimension-4-10);
419
429
  --lmvz-component-body-2xs-font-size: var(--lmvz-dimension-8-10);
420
430
  --lmvz-component-body-2xs-line-height: var(--lmvz-component-line-height-default);
421
- --lmvz-component-card-lg-padding-x: var(--lmvz-dimension-24-48);
422
- --lmvz-component-card-lg-padding-y: var(--lmvz-dimension-36-40);
423
- --lmvz-component-card-sm-gap: var(--lmvz-dimension-16-24);
424
- --lmvz-component-card-sm-padding-x: var(--lmvz-dimension-24-28);
425
- --lmvz-component-card-sm-margin-bottom: var(--lmvz-dimension-24-32);
426
- --lmvz-component-card-sm-margin-top: var(--lmvz-dimension-24-28);
431
+ --lmvz-component-form-wrapper-gap-x: var(--lmvz-dimension-4-10);
432
+ --lmvz-component-form-wrapper-gap-y: var(--lmvz-dimension-18-28);
433
+ --lmvz-component-form-wrapper-padding-y: var(--lmvz-dimension-6-10);
434
+ --lmvz-component-wrapper-lg-padding-x: var(--lmvz-dimension-24-48);
435
+ --lmvz-component-wrapper-lg-padding-y: var(--lmvz-dimension-36-40);
436
+ --lmvz-component-buttongroup-wrapper-gap-x: var(--lmvz-dimension-4-10);
437
+ --lmvz-component-buttongroup-wrapper-gap-y: var(--lmvz-dimension-18-28);
438
+ --lmvz-component-buttongroup-wrapper-padding-y: var(--lmvz-dimension-6-10);
427
439
  --lmvz-component-component-typography-display-padding-bottom: var(--lmvz-dimension-10-13);
428
440
  --lmvz-component-component-typography-heading-xl-padding-bottom: var(--lmvz-dimension-10-13);
429
441
  --lmvz-component-component-typography-heading-lg-padding-top: var(--lmvz-dimension-12-16);
@@ -440,12 +452,6 @@
440
452
  --lmvz-component-table-border-color: var(--lmvz-semantic-color-border-default);
441
453
  --lmvz-component-table-bg: var(--lmvz-semantic-color-surface-primary);
442
454
  --lmvz-component-table-header-bg: var(--lmvz-semantic-color-surface-secondary);
443
- --lmvz-component-form-wrapper-gap-x: var(--lmvz-dimension-4-10);
444
- --lmvz-component-form-wrapper-gap-y: var(--lmvz-dimension-18-28);
445
- --lmvz-component-form-wrapper-padding-y: var(--lmvz-dimension-6-10);
446
- --lmvz-component-buttongroup-wrapper-gap-x: var(--lmvz-dimension-4-10);
447
- --lmvz-component-buttongroup-wrapper-gap-y: var(--lmvz-dimension-18-28);
448
- --lmvz-component-buttongroup-wrapper-padding-y: var(--lmvz-dimension-6-10);
449
455
  --lmvz-component-input-sm-padding-x: var(--lmvz-dimension-8-12);
450
456
  --lmvz-component-input-sm-padding-y: var(--lmvz-dimension-8-12);
451
457
  --lmvz-component-input-sm-gap-x: var(--lmvz-dimension-4-10);
@@ -461,12 +467,22 @@
461
467
  --lmvz-component-input-padding-sm: var(--lmvz-dimension-12-14);
462
468
  --lmvz-component-input-padding-md: var(--lmvz-dimension-14-16);
463
469
  --lmvz-component-input-padding-lg: var(--lmvz-dimension-16-20);
464
- --lmvz-component-input-gap-sm: var(--lmvz-dimension-8-12);
465
- --lmvz-component-input-gap-md: var(--lmvz-dimension-12-16);
466
- --lmvz-component-input-gap-lg: var(--lmvz-dimension-16-20);
467
- --lmvz-component-input-wrapper-padding-y-sm: var(--lmvz-dimension-10-12);
468
- --lmvz-component-input-wrapper-padding-y-md: var(--lmvz-dimension-16-20);
470
+ --lmvz-component-input-gap-sm: var(--lmvz-dimension-6-10);
471
+ --lmvz-component-input-gap-md: var(--lmvz-dimension-8-12);
472
+ --lmvz-component-input-gap-lg: var(--lmvz-dimension-12-16);
473
+ --lmvz-component-input-wrapper-padding-sm-y: var(--lmvz-dimension-10-12);
474
+ --lmvz-component-input-wrapper-padding-md-y: var(--lmvz-dimension-16-20);
469
475
  --lmvz-component-input-bg: var(--lmvz-semantic-color-surface-primary);
476
+ --lmvz-component-spacing-lg: var(--lmvz-dimension-16-24);
477
+ --lmvz-component-spacing-5xl: var(--lmvz-dimension-80-128);
478
+ --lmvz-component-spacing-4xl: var(--lmvz-dimension-64-96);
479
+ --lmvz-component-spacing-3xl: var(--lmvz-dimension-48-64);
480
+ --lmvz-component-spacing-2xl: var(--lmvz-dimension-32-48);
481
+ --lmvz-component-spacing-xl: var(--lmvz-dimension-24-32);
482
+ --lmvz-component-spacing-md: var(--lmvz-dimension-12-16);
483
+ --lmvz-component-spacing-sm: var(--lmvz-dimension-8-12);
484
+ --lmvz-component-spacing-xs: var(--lmvz-dimension-4-8);
485
+ --lmvz-component-spacing-2xs: var(--lmvz-dimension-2-4);
470
486
  --lmvz-semantic-border-radius-xl: var(--lmvz-dimension-18-24);
471
487
  --lmvz-semantic-border-radius-lg: var(--lmvz-dimension-14-16);
472
488
  --lmvz-semantic-border-radius-md: var(--lmvz-dimension-6-8);
@@ -475,8 +491,23 @@
475
491
  --lmvz-semantic-color-surface-input-primary: var(--lmvz-semantic-color-surface-primary);
476
492
  --lmvz-semantic-color-gradient-main-1: var(--lmvz-semantic-color-status-on-active);
477
493
  --lmvz-semantic-color-gradient-main-2: var(--lmvz-semantic-color-status-on-active);
478
- --lmvz-component-card-lg-border-radius: var(--lmvz-semantic-border-radius-xl);
479
- --lmvz-component-card-sm-border-radius: var(--lmvz-semantic-border-radius-xl);
494
+ --lmvz-semantic-color-link-primary: var(--lmvz-semantic-color-on-surface-primary);
495
+ --lmvz-semantic-color-link-primary-hover: var(--lmvz-semantic-color-on-surface-secondary);
496
+ --lmvz-component-wrapper-lg-border-radius: var(--lmvz-semantic-border-radius-xl);
497
+ --lmvz-component-card-lg-grid-gap-x: var(--lmvz-component-spacing-lg);
498
+ --lmvz-component-wrapper-md-padding-x: var(--lmvz-component-spacing-lg);
499
+ --lmvz-component-card-lg-margin-bottom: var(--lmvz-component-spacing-lg);
500
+ --lmvz-component-wrapper-md-padding-y: var(--lmvz-component-spacing-lg);
501
+ --lmvz-component-wrapper-md-border-radius: var(--lmvz-semantic-border-radius-xl);
502
+ --lmvz-component-card-lg-grid-gap-y: var(--lmvz-component-spacing-xl);
503
+ --lmvz-component-wrapper-sm-padding-x: var(--lmvz-component-spacing-md);
504
+ --lmvz-component-wrapper-sm-padding-y: var(--lmvz-component-spacing-md);
505
+ --lmvz-component-card-sm-margin-bottom: var(--lmvz-component-spacing-md);
506
+ --lmvz-component-wrapper-sm-border-radius: var(--lmvz-semantic-border-radius-lg);
507
+ --lmvz-component-card-sm-grid-gap-x: var(--lmvz-component-spacing-md);
508
+ --lmvz-component-card-sm-grid-gap-y: var(--lmvz-component-spacing-lg);
509
+ --lmvz-component-filter-padding-top: var(--lmvz-component-spacing-xs);
510
+ --lmvz-component-filter-padding-bottom: var(--lmvz-component-spacing-xl);
480
511
  }
481
512
  /**
482
513
  * Fluid ramp tokens generated from our global dimension scale tokens.
@@ -512,6 +543,7 @@
512
543
  --lmvz-dimension-6-128: clamp(0.38rem, -1.48rem + 7.9vw, 8rem);
513
544
  --lmvz-dimension-4-128: clamp(0.25rem, -1.63rem + 8.03vw, 8rem);
514
545
  --lmvz-dimension-2-128: clamp(0.13rem, -1.79rem + 8.16vw, 8rem);
546
+ --lmvz-dimension-0-128: clamp(0rem, -1.94rem + 8.28vw, 8rem);
515
547
  --lmvz-dimension-80-96: clamp(5rem, 4.76rem + 1.04vw, 6rem);
516
548
  --lmvz-dimension-64-96: clamp(4rem, 3.51rem + 2.07vw, 6rem);
517
549
  --lmvz-dimension-56-96: clamp(3.5rem, 2.89rem + 2.59vw, 6rem);
@@ -541,6 +573,7 @@
541
573
  --lmvz-dimension-6-96: clamp(0.38rem, -0.99rem + 5.83vw, 6rem);
542
574
  --lmvz-dimension-4-96: clamp(0.25rem, -1.15rem + 5.95vw, 6rem);
543
575
  --lmvz-dimension-2-96: clamp(0.13rem, -1.3rem + 6.08vw, 6rem);
576
+ --lmvz-dimension-0-96: clamp(0rem, -1.46rem + 6.21vw, 6rem);
544
577
  --lmvz-dimension-64-80: clamp(4rem, 3.76rem + 1.04vw, 5rem);
545
578
  --lmvz-dimension-56-80: clamp(3.5rem, 3.14rem + 1.55vw, 5rem);
546
579
  --lmvz-dimension-48-80: clamp(3rem, 2.51rem + 2.07vw, 5rem);
@@ -569,6 +602,7 @@
569
602
  --lmvz-dimension-6-80: clamp(0.38rem, -0.75rem + 4.79vw, 5rem);
570
603
  --lmvz-dimension-4-80: clamp(0.25rem, -0.9rem + 4.92vw, 5rem);
571
604
  --lmvz-dimension-2-80: clamp(0.13rem, -1.06rem + 5.05vw, 5rem);
605
+ --lmvz-dimension-0-80: clamp(0rem, -1.21rem + 5.18vw, 5rem);
572
606
  --lmvz-dimension-56-64: clamp(3.5rem, 3.38rem + 0.52vw, 4rem);
573
607
  --lmvz-dimension-48-64: clamp(3rem, 2.76rem + 1.04vw, 4rem);
574
608
  --lmvz-dimension-44-64: clamp(2.75rem, 2.45rem + 1.29vw, 4rem);
@@ -596,6 +630,7 @@
596
630
  --lmvz-dimension-6-64: clamp(0.38rem, -0.5rem + 3.75vw, 4rem);
597
631
  --lmvz-dimension-4-64: clamp(0.25rem, -0.66rem + 3.88vw, 4rem);
598
632
  --lmvz-dimension-2-64: clamp(0.13rem, -0.82rem + 4.01vw, 4rem);
633
+ --lmvz-dimension-0-64: clamp(0rem, -0.97rem + 4.14vw, 4rem);
599
634
  --lmvz-dimension-48-56: clamp(3rem, 2.88rem + 0.52vw, 3.5rem);
600
635
  --lmvz-dimension-44-56: clamp(2.75rem, 2.57rem + 0.78vw, 3.5rem);
601
636
  --lmvz-dimension-40-56: clamp(2.5rem, 2.26rem + 1.04vw, 3.5rem);
@@ -622,6 +657,7 @@
622
657
  --lmvz-dimension-6-56: clamp(0.38rem, -0.38rem + 3.24vw, 3.5rem);
623
658
  --lmvz-dimension-4-56: clamp(0.25rem, -0.54rem + 3.37vw, 3.5rem);
624
659
  --lmvz-dimension-2-56: clamp(0.13rem, -0.69rem + 3.5vw, 3.5rem);
660
+ --lmvz-dimension-0-56: clamp(0rem, -0.85rem + 3.62vw, 3.5rem);
625
661
  --lmvz-dimension-44-48: clamp(2.75rem, 2.69rem + 0.26vw, 3rem);
626
662
  --lmvz-dimension-40-48: clamp(2.5rem, 2.38rem + 0.52vw, 3rem);
627
663
  --lmvz-dimension-36-48: clamp(2.25rem, 2.07rem + 0.78vw, 3rem);
@@ -647,6 +683,7 @@
647
683
  --lmvz-dimension-6-48: clamp(0.38rem, -0.26rem + 2.72vw, 3rem);
648
684
  --lmvz-dimension-4-48: clamp(0.25rem, -0.42rem + 2.85vw, 3rem);
649
685
  --lmvz-dimension-2-48: clamp(0.13rem, -0.57rem + 2.98vw, 3rem);
686
+ --lmvz-dimension-0-48: clamp(0rem, -0.73rem + 3.11vw, 3rem);
650
687
  --lmvz-dimension-40-44: clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem);
651
688
  --lmvz-dimension-36-44: clamp(2.25rem, 2.13rem + 0.52vw, 2.75rem);
652
689
  --lmvz-dimension-33-44: clamp(2.06rem, 1.9rem + 0.71vw, 2.75rem);
@@ -671,6 +708,7 @@
671
708
  --lmvz-dimension-6-44: clamp(0.38rem, -0.2rem + 2.46vw, 2.75rem);
672
709
  --lmvz-dimension-4-44: clamp(0.25rem, -0.36rem + 2.59vw, 2.75rem);
673
710
  --lmvz-dimension-2-44: clamp(0.13rem, -0.51rem + 2.72vw, 2.75rem);
711
+ --lmvz-dimension-0-44: clamp(0rem, -0.67rem + 2.85vw, 2.75rem);
674
712
  --lmvz-dimension-36-40: clamp(2.25rem, 2.19rem + 0.26vw, 2.5rem);
675
713
  --lmvz-dimension-33-40: clamp(2.06rem, 1.96rem + 0.45vw, 2.5rem);
676
714
  --lmvz-dimension-32-40: clamp(2rem, 1.88rem + 0.52vw, 2.5rem);
@@ -694,6 +732,7 @@
694
732
  --lmvz-dimension-6-40: clamp(0.38rem, -0.14rem + 2.2vw, 2.5rem);
695
733
  --lmvz-dimension-4-40: clamp(0.25rem, -0.3rem + 2.33vw, 2.5rem);
696
734
  --lmvz-dimension-2-40: clamp(0.13rem, -0.45rem + 2.46vw, 2.5rem);
735
+ --lmvz-dimension-0-40: clamp(0rem, -0.61rem + 2.59vw, 2.5rem);
697
736
  --lmvz-dimension-33-36: clamp(2.06rem, 2.02rem + 0.19vw, 2.25rem);
698
737
  --lmvz-dimension-32-36: clamp(2rem, 1.94rem + 0.26vw, 2.25rem);
699
738
  --lmvz-dimension-31-36: clamp(1.94rem, 1.86rem + 0.32vw, 2.25rem);
@@ -716,6 +755,7 @@
716
755
  --lmvz-dimension-6-36: clamp(0.38rem, -0.08rem + 1.94vw, 2.25rem);
717
756
  --lmvz-dimension-4-36: clamp(0.25rem, -0.24rem + 2.07vw, 2.25rem);
718
757
  --lmvz-dimension-2-36: clamp(0.13rem, -0.39rem + 2.2vw, 2.25rem);
758
+ --lmvz-dimension-0-36: clamp(0rem, -0.55rem + 2.33vw, 2.25rem);
719
759
  --lmvz-dimension-32-33: clamp(2rem, 1.98rem + 0.06vw, 2.06rem);
720
760
  --lmvz-dimension-31-33: clamp(1.94rem, 1.91rem + 0.13vw, 2.06rem);
721
761
  --lmvz-dimension-29-33: clamp(1.81rem, 1.75rem + 0.26vw, 2.06rem);
@@ -737,6 +777,7 @@
737
777
  --lmvz-dimension-6-33: clamp(0.38rem, -0.03rem + 1.75vw, 2.06rem);
738
778
  --lmvz-dimension-4-33: clamp(0.25rem, -0.19rem + 1.88vw, 2.06rem);
739
779
  --lmvz-dimension-2-33: clamp(0.13rem, -0.35rem + 2.01vw, 2.06rem);
780
+ --lmvz-dimension-0-33: clamp(0rem, -0.5rem + 2.14vw, 2.06rem);
740
781
  --lmvz-dimension-31-32: clamp(1.94rem, 1.92rem + 0.06vw, 2rem);
741
782
  --lmvz-dimension-29-32: clamp(1.81rem, 1.77rem + 0.19vw, 2rem);
742
783
  --lmvz-dimension-28-32: clamp(1.75rem, 1.69rem + 0.26vw, 2rem);
@@ -757,6 +798,7 @@
757
798
  --lmvz-dimension-6-32: clamp(0.38rem, -0.02rem + 1.68vw, 2rem);
758
799
  --lmvz-dimension-4-32: clamp(0.25rem, -0.17rem + 1.81vw, 2rem);
759
800
  --lmvz-dimension-2-32: clamp(0.13rem, -0.33rem + 1.94vw, 2rem);
801
+ --lmvz-dimension-0-32: clamp(0rem, -0.49rem + 2.07vw, 2rem);
760
802
  --lmvz-dimension-29-31: clamp(1.81rem, 1.78rem + 0.13vw, 1.94rem);
761
803
  --lmvz-dimension-28-31: clamp(1.75rem, 1.7rem + 0.19vw, 1.94rem);
762
804
  --lmvz-dimension-27-31: clamp(1.69rem, 1.63rem + 0.26vw, 1.94rem);
@@ -776,6 +818,7 @@
776
818
  --lmvz-dimension-6-31: clamp(0.38rem, 0rem + 1.62vw, 1.94rem);
777
819
  --lmvz-dimension-4-31: clamp(0.25rem, -0.16rem + 1.75vw, 1.94rem);
778
820
  --lmvz-dimension-2-31: clamp(0.13rem, -0.31rem + 1.88vw, 1.94rem);
821
+ --lmvz-dimension-0-31: clamp(0rem, -0.47rem + 2.01vw, 1.94rem);
779
822
  --lmvz-dimension-28-29: clamp(1.75rem, 1.73rem + 0.06vw, 1.81rem);
780
823
  --lmvz-dimension-27-29: clamp(1.69rem, 1.66rem + 0.13vw, 1.81rem);
781
824
  --lmvz-dimension-25-29: clamp(1.56rem, 1.5rem + 0.26vw, 1.81rem);
@@ -794,6 +837,7 @@
794
837
  --lmvz-dimension-6-29: clamp(0.38rem, 0.03rem + 1.49vw, 1.81rem);
795
838
  --lmvz-dimension-4-29: clamp(0.25rem, -0.13rem + 1.62vw, 1.81rem);
796
839
  --lmvz-dimension-2-29: clamp(0.13rem, -0.28rem + 1.75vw, 1.81rem);
840
+ --lmvz-dimension-0-29: clamp(0rem, -0.44rem + 1.88vw, 1.81rem);
797
841
  --lmvz-dimension-27-28: clamp(1.69rem, 1.67rem + 0.06vw, 1.75rem);
798
842
  --lmvz-dimension-25-28: clamp(1.56rem, 1.52rem + 0.19vw, 1.75rem);
799
843
  --lmvz-dimension-24-28: clamp(1.5rem, 1.44rem + 0.26vw, 1.75rem);
@@ -811,6 +855,7 @@
811
855
  --lmvz-dimension-6-28: clamp(0.38rem, 0.04rem + 1.42vw, 1.75rem);
812
856
  --lmvz-dimension-4-28: clamp(0.25rem, -0.11rem + 1.55vw, 1.75rem);
813
857
  --lmvz-dimension-2-28: clamp(0.13rem, -0.27rem + 1.68vw, 1.75rem);
858
+ --lmvz-dimension-0-28: clamp(0rem, -0.42rem + 1.81vw, 1.75rem);
814
859
  --lmvz-dimension-25-27: clamp(1.56rem, 1.53rem + 0.13vw, 1.69rem);
815
860
  --lmvz-dimension-24-27: clamp(1.5rem, 1.45rem + 0.19vw, 1.69rem);
816
861
  --lmvz-dimension-23-27: clamp(1.44rem, 1.38rem + 0.26vw, 1.69rem);
@@ -827,6 +872,7 @@
827
872
  --lmvz-dimension-6-27: clamp(0.38rem, 0.06rem + 1.36vw, 1.69rem);
828
873
  --lmvz-dimension-4-27: clamp(0.25rem, -0.1rem + 1.49vw, 1.69rem);
829
874
  --lmvz-dimension-2-27: clamp(0.13rem, -0.25rem + 1.62vw, 1.69rem);
875
+ --lmvz-dimension-0-27: clamp(0rem, -0.41rem + 1.75vw, 1.69rem);
830
876
  --lmvz-dimension-24-25: clamp(1.5rem, 1.48rem + 0.06vw, 1.56rem);
831
877
  --lmvz-dimension-23-25: clamp(1.44rem, 1.41rem + 0.13vw, 1.56rem);
832
878
  --lmvz-dimension-21-25: clamp(1.31rem, 1.25rem + 0.26vw, 1.56rem);
@@ -842,6 +888,7 @@
842
888
  --lmvz-dimension-6-25: clamp(0.38rem, 0.09rem + 1.23vw, 1.56rem);
843
889
  --lmvz-dimension-4-25: clamp(0.25rem, -0.07rem + 1.36vw, 1.56rem);
844
890
  --lmvz-dimension-2-25: clamp(0.13rem, -0.22rem + 1.49vw, 1.56rem);
891
+ --lmvz-dimension-0-25: clamp(0rem, -0.38rem + 1.62vw, 1.56rem);
845
892
  --lmvz-dimension-23-24: clamp(1.44rem, 1.42rem + 0.06vw, 1.5rem);
846
893
  --lmvz-dimension-21-24: clamp(1.31rem, 1.27rem + 0.19vw, 1.5rem);
847
894
  --lmvz-dimension-20-24: clamp(1.25rem, 1.19rem + 0.26vw, 1.5rem);
@@ -856,6 +903,7 @@
856
903
  --lmvz-dimension-6-24: clamp(0.38rem, 0.1rem + 1.17vw, 1.5rem);
857
904
  --lmvz-dimension-4-24: clamp(0.25rem, -0.05rem + 1.29vw, 1.5rem);
858
905
  --lmvz-dimension-2-24: clamp(0.13rem, -0.21rem + 1.42vw, 1.5rem);
906
+ --lmvz-dimension-0-24: clamp(0rem, -0.36rem + 1.55vw, 1.5rem);
859
907
  --lmvz-dimension-21-23: clamp(1.31rem, 1.28rem + 0.13vw, 1.44rem);
860
908
  --lmvz-dimension-20-23: clamp(1.25rem, 1.2rem + 0.19vw, 1.44rem);
861
909
  --lmvz-dimension-18-23: clamp(1.13rem, 1.05rem + 0.32vw, 1.44rem);
@@ -869,6 +917,7 @@
869
917
  --lmvz-dimension-6-23: clamp(0.38rem, 0.12rem + 1.1vw, 1.44rem);
870
918
  --lmvz-dimension-4-23: clamp(0.25rem, -0.04rem + 1.23vw, 1.44rem);
871
919
  --lmvz-dimension-2-23: clamp(0.13rem, -0.19rem + 1.36vw, 1.44rem);
920
+ --lmvz-dimension-0-23: clamp(0rem, -0.35rem + 1.49vw, 1.44rem);
872
921
  --lmvz-dimension-20-21: clamp(1.25rem, 1.23rem + 0.06vw, 1.31rem);
873
922
  --lmvz-dimension-18-21: clamp(1.13rem, 1.08rem + 0.19vw, 1.31rem);
874
923
  --lmvz-dimension-16-21: clamp(1rem, 0.92rem + 0.32vw, 1.31rem);
@@ -881,6 +930,7 @@
881
930
  --lmvz-dimension-6-21: clamp(0.38rem, 0.15rem + 0.97vw, 1.31rem);
882
931
  --lmvz-dimension-4-21: clamp(0.25rem, -0.01rem + 1.1vw, 1.31rem);
883
932
  --lmvz-dimension-2-21: clamp(0.13rem, -0.16rem + 1.23vw, 1.31rem);
933
+ --lmvz-dimension-0-21: clamp(0rem, -0.32rem + 1.36vw, 1.31rem);
884
934
  --lmvz-dimension-18-20: clamp(1.13rem, 1.09rem + 0.13vw, 1.25rem);
885
935
  --lmvz-dimension-16-20: clamp(1rem, 0.94rem + 0.26vw, 1.25rem);
886
936
  --lmvz-dimension-14-20: clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem);
@@ -892,6 +942,7 @@
892
942
  --lmvz-dimension-6-20: clamp(0.38rem, 0.16rem + 0.91vw, 1.25rem);
893
943
  --lmvz-dimension-4-20: clamp(0.25rem, 0.01rem + 1.04vw, 1.25rem);
894
944
  --lmvz-dimension-2-20: clamp(0.13rem, -0.15rem + 1.17vw, 1.25rem);
945
+ --lmvz-dimension-0-20: clamp(0rem, -0.3rem + 1.29vw, 1.25rem);
895
946
  --lmvz-dimension-16-18: clamp(1rem, 0.97rem + 0.13vw, 1.13rem);
896
947
  --lmvz-dimension-14-18: clamp(0.88rem, 0.81rem + 0.26vw, 1.13rem);
897
948
  --lmvz-dimension-13-18: clamp(0.81rem, 0.74rem + 0.32vw, 1.13rem);
@@ -902,6 +953,7 @@
902
953
  --lmvz-dimension-6-18: clamp(0.38rem, 0.19rem + 0.78vw, 1.13rem);
903
954
  --lmvz-dimension-4-18: clamp(0.25rem, 0.04rem + 0.91vw, 1.13rem);
904
955
  --lmvz-dimension-2-18: clamp(0.13rem, -0.12rem + 1.04vw, 1.13rem);
956
+ --lmvz-dimension-0-18: clamp(0rem, -0.27rem + 1.17vw, 1.13rem);
905
957
  --lmvz-dimension-14-16: clamp(0.88rem, 0.84rem + 0.13vw, 1rem);
906
958
  --lmvz-dimension-13-16: clamp(0.81rem, 0.77rem + 0.19vw, 1rem);
907
959
  --lmvz-dimension-12-16: clamp(0.75rem, 0.69rem + 0.26vw, 1rem);
@@ -911,6 +963,7 @@
911
963
  --lmvz-dimension-6-16: clamp(0.38rem, 0.22rem + 0.65vw, 1rem);
912
964
  --lmvz-dimension-4-16: clamp(0.25rem, 0.07rem + 0.78vw, 1rem);
913
965
  --lmvz-dimension-2-16: clamp(0.13rem, -0.09rem + 0.91vw, 1rem);
966
+ --lmvz-dimension-0-16: clamp(0rem, -0.24rem + 1.04vw, 1rem);
914
967
  --lmvz-dimension-13-14: clamp(0.81rem, 0.8rem + 0.06vw, 0.88rem);
915
968
  --lmvz-dimension-12-14: clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem);
916
969
  --lmvz-dimension-11-14: clamp(0.69rem, 0.64rem + 0.19vw, 0.88rem);
@@ -919,6 +972,7 @@
919
972
  --lmvz-dimension-6-14: clamp(0.38rem, 0.25rem + 0.52vw, 0.88rem);
920
973
  --lmvz-dimension-4-14: clamp(0.25rem, 0.1rem + 0.65vw, 0.88rem);
921
974
  --lmvz-dimension-2-14: clamp(0.13rem, -0.06rem + 0.78vw, 0.88rem);
975
+ --lmvz-dimension-0-14: clamp(0rem, -0.21rem + 0.91vw, 0.88rem);
922
976
  --lmvz-dimension-12-13: clamp(0.75rem, 0.73rem + 0.06vw, 0.81rem);
923
977
  --lmvz-dimension-11-13: clamp(0.69rem, 0.66rem + 0.13vw, 0.81rem);
924
978
  --lmvz-dimension-10-13: clamp(0.63rem, 0.58rem + 0.19vw, 0.81rem);
@@ -926,25 +980,33 @@
926
980
  --lmvz-dimension-6-13: clamp(0.38rem, 0.27rem + 0.45vw, 0.81rem);
927
981
  --lmvz-dimension-4-13: clamp(0.25rem, 0.11rem + 0.58vw, 0.81rem);
928
982
  --lmvz-dimension-2-13: clamp(0.13rem, -0.04rem + 0.71vw, 0.81rem);
983
+ --lmvz-dimension-0-13: clamp(0rem, -0.2rem + 0.84vw, 0.81rem);
929
984
  --lmvz-dimension-11-12: clamp(0.69rem, 0.67rem + 0.06vw, 0.75rem);
930
985
  --lmvz-dimension-10-12: clamp(0.63rem, 0.59rem + 0.13vw, 0.75rem);
931
986
  --lmvz-dimension-8-12: clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem);
932
987
  --lmvz-dimension-6-12: clamp(0.38rem, 0.28rem + 0.39vw, 0.75rem);
933
988
  --lmvz-dimension-4-12: clamp(0.25rem, 0.13rem + 0.52vw, 0.75rem);
934
989
  --lmvz-dimension-2-12: clamp(0.13rem, -0.03rem + 0.65vw, 0.75rem);
990
+ --lmvz-dimension-0-12: clamp(0rem, -0.18rem + 0.78vw, 0.75rem);
935
991
  --lmvz-dimension-10-11: clamp(0.63rem, 0.61rem + 0.06vw, 0.69rem);
936
992
  --lmvz-dimension-8-11: clamp(0.5rem, 0.45rem + 0.19vw, 0.69rem);
937
993
  --lmvz-dimension-6-11: clamp(0.38rem, 0.3rem + 0.32vw, 0.69rem);
938
994
  --lmvz-dimension-4-11: clamp(0.25rem, 0.14rem + 0.45vw, 0.69rem);
939
995
  --lmvz-dimension-2-11: clamp(0.13rem, -0.01rem + 0.58vw, 0.69rem);
996
+ --lmvz-dimension-0-11: clamp(0rem, -0.17rem + 0.71vw, 0.69rem);
940
997
  --lmvz-dimension-8-10: clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem);
941
998
  --lmvz-dimension-6-10: clamp(0.38rem, 0.31rem + 0.26vw, 0.63rem);
942
999
  --lmvz-dimension-4-10: clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem);
943
1000
  --lmvz-dimension-2-10: clamp(0.13rem, 0rem + 0.52vw, 0.63rem);
1001
+ --lmvz-dimension-0-10: clamp(0rem, -0.15rem + 0.65vw, 0.63rem);
944
1002
  --lmvz-dimension-6-8: clamp(0.38rem, 0.34rem + 0.13vw, 0.5rem);
945
1003
  --lmvz-dimension-4-8: clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem);
946
1004
  --lmvz-dimension-2-8: clamp(0.13rem, 0.03rem + 0.39vw, 0.5rem);
1005
+ --lmvz-dimension-0-8: clamp(0rem, -0.12rem + 0.52vw, 0.5rem);
947
1006
  --lmvz-dimension-4-6: clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem);
948
1007
  --lmvz-dimension-2-6: clamp(0.13rem, 0.06rem + 0.26vw, 0.38rem);
1008
+ --lmvz-dimension-0-6: clamp(0rem, -0.09rem + 0.39vw, 0.38rem);
949
1009
  --lmvz-dimension-2-4: clamp(0.13rem, 0.09rem + 0.13vw, 0.25rem);
1010
+ --lmvz-dimension-0-4: clamp(0rem, -0.06rem + 0.26vw, 0.25rem);
1011
+ --lmvz-dimension-0-2: clamp(0rem, -0.03rem + 0.13vw, 0.13rem);
950
1012
  }
package/dist/css/variables.dark.global.css CHANGED
@@ -3,6 +3,8 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --lmvz-semantic-border-radius-round: 999px;
7
+ --lmvz-semantic-border-radius-none: 0px;
6
8
  --lmvz-semantic-shadow-l1-1-position-y: 2px;
7
9
  --lmvz-semantic-shadow-l1-1-blur: 4px;
8
10
  --lmvz-semantic-shadow-l2-1-position-y: 2px;
@@ -13,8 +15,6 @@
13
15
  --lmvz-semantic-shadow-l3-1-blur: 34px;
14
16
  --lmvz-semantic-shadow-l3-2-position-y: 16px;
15
17
  --lmvz-semantic-shadow-l3-2-blur: 62px;
16
- --lmvz-semantic-border-radius-round: 999px;
17
- --lmvz-semantic-border-radius-none: 0px;
18
18
  --lmvz-semantic-color-int-primary-hover-shadow: rgba(0, 0, 0, 0);
19
19
  --lmvz-semantic-color-shadow-l1-default: rgba(120, 120, 128, 0.08);
20
20
  --lmvz-semantic-color-shadow-l1-default-strong: rgba(120, 120, 128, 0.28);
package/dist/css/variables.dark.themed.css CHANGED
@@ -3,6 +3,8 @@
3
3
  */
4
4
 
5
5
  [data-theme="lmvz-dark"] {
6
+ --lmvz-semantic-border-radius-round: 999px;
7
+ --lmvz-semantic-border-radius-none: 0px;
6
8
  --lmvz-semantic-shadow-l1-1-position-y: 2px;
7
9
  --lmvz-semantic-shadow-l1-1-blur: 4px;
8
10
  --lmvz-semantic-shadow-l2-1-position-y: 2px;
@@ -13,8 +15,6 @@
13
15
  --lmvz-semantic-shadow-l3-1-blur: 34px;
14
16
  --lmvz-semantic-shadow-l3-2-position-y: 16px;
15
17
  --lmvz-semantic-shadow-l3-2-blur: 62px;
16
- --lmvz-semantic-border-radius-round: 999px;
17
- --lmvz-semantic-border-radius-none: 0px;
18
18
  --lmvz-semantic-color-int-primary-hover-shadow: rgba(0, 0, 0, 0);
19
19
  --lmvz-semantic-color-shadow-l1-default: rgba(120, 120, 128, 0.08);
20
20
  --lmvz-semantic-color-shadow-l1-default-strong: rgba(120, 120, 128, 0.28);
package/dist/css/variables.light.global.css CHANGED
@@ -3,19 +3,8 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --lmvz-semantic-shadow-l1-1-position-y: 2px;
7
- --lmvz-semantic-shadow-l1-1-blur: 4px;
8
- --lmvz-semantic-shadow-l2-1-position-y: 2px;
9
- --lmvz-semantic-shadow-l2-1-blur: 12px;
10
- --lmvz-semantic-shadow-l2-2-position-y: 4px;
11
- --lmvz-semantic-shadow-l2-2-blur: 24px;
12
- --lmvz-semantic-shadow-l3-1-position-y: 2px;
13
- --lmvz-semantic-shadow-l3-1-blur: 34px;
14
- --lmvz-semantic-shadow-l3-2-position-y: 16px;
15
- --lmvz-semantic-shadow-l3-2-blur: 62px;
16
- --lmvz-semantic-shadow-overlay: rgba(0, 0, 0, 0.29);
17
6
  --lmvz-semantic-border-radius-round: 999px;
18
- --lmvz-semantic-border-radius-none: 0px;
7
+ --lmvz-semantic-shadow-overlay: rgba(0, 0, 0, 0.29);
19
8
  --lmvz-semantic-color-int-primary-hover-shadow: rgba(0, 0, 0, 0);
20
9
  --lmvz-semantic-color-shadow-l1-default: rgba(120, 120, 128, 0.08);
21
10
  --lmvz-semantic-color-shadow-l1-default-strong: rgba(120, 120, 128, 0.28);
@@ -33,7 +22,18 @@
33
22
  --lmvz-semantic-border-radius-lg: var(--lmvz-global-s14);
34
23
  --lmvz-semantic-border-radius-md: var(--lmvz-global-s6);
35
24
  --lmvz-semantic-border-radius-sm: var(--lmvz-global-s2);
25
+ --lmvz-semantic-border-radius-none: var(--lmvz-global-s0);
36
26
  --lmvz-semantic-border-width-default: var(--lmvz-global-border-width-1);
27
+ --lmvz-semantic-shadow-l1-1-position-y: var(--lmvz-global-s2);
28
+ --lmvz-semantic-shadow-l1-1-blur: var(--lmvz-global-s4);
29
+ --lmvz-semantic-shadow-l2-1-position-y: var(--lmvz-global-s2);
30
+ --lmvz-semantic-shadow-l2-1-blur: var(--lmvz-global-s12);
31
+ --lmvz-semantic-shadow-l2-2-position-y: var(--lmvz-global-s4);
32
+ --lmvz-semantic-shadow-l2-2-blur: var(--lmvz-global-s24);
33
+ --lmvz-semantic-shadow-l3-1-position-y: var(--lmvz-global-s2);
34
+ --lmvz-semantic-shadow-l3-1-blur: var(--lmvz-global-s32);
35
+ --lmvz-semantic-shadow-l3-2-position-y: var(--lmvz-global-s16);
36
+ --lmvz-semantic-shadow-l3-2-blur: var(--lmvz-global-s64);
37
37
  --lmvz-semantic-color-int-primary: var(--lmvz-global-color-neutral-black);
38
38
  --lmvz-semantic-color-int-primary-hover: var(--lmvz-global-color-grey-neutral-900);
39
39
  --lmvz-semantic-color-int-primary-active: var(--lmvz-global-color-grey-neutral-800);
@@ -56,7 +56,7 @@
56
56
  --lmvz-semantic-color-surface-secondary: var(--lmvz-global-color-grey-neutral-100);
57
57
  --lmvz-semantic-color-surface-tertiary: var(--lmvz-global-color-grey-neutral-200);
58
58
  --lmvz-semantic-color-on-surface-primary: var(--lmvz-global-color-neutral-black);
59
- --lmvz-semantic-color-on-surface-secondary: var(--lmvz-global-color-grey-neutral-800);
59
+ --lmvz-semantic-color-on-surface-secondary: var(--lmvz-global-color-grey-neutral-700);
60
60
  --lmvz-semantic-color-on-surface-tertiary: var(--lmvz-global-color-grey-neutral-500);
61
61
  --lmvz-semantic-color-status-on-neutral: var(--lmvz-global-color-grey-neutral-800);
62
62
  --lmvz-semantic-color-status-on-active: var(--lmvz-global-color-brand-blue-950);
@@ -81,6 +81,7 @@
81
81
  --lmvz-semantic-color-border-subtle-hover: var(--lmvz-global-color-grey-neutral-400);
82
82
  --lmvz-semantic-color-on-surface-input-primary: var(--lmvz-global-color-neutral-black);
83
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);
84
85
  --lmvz-semantic-color-brand-media1: var(--lmvz-global-color-brand-blue-400);
85
86
  --lmvz-semantic-color-brand-media2: var(--lmvz-global-color-brand-green-400);
86
87
  --lmvz-semantic-color-brand-media3: var(--lmvz-global-color-brand-yellow-300);
@@ -96,4 +97,6 @@
96
97
  --lmvz-semantic-color-surface-input-primary: var(--lmvz-semantic-color-surface-primary);
97
98
  --lmvz-semantic-color-gradient-main-1: var(--lmvz-semantic-color-status-on-active);
98
99
  --lmvz-semantic-color-gradient-main-2: var(--lmvz-semantic-color-status-on-active);
100
+ --lmvz-semantic-color-link-primary: var(--lmvz-semantic-color-on-surface-primary);
101
+ --lmvz-semantic-color-link-primary-hover: var(--lmvz-semantic-color-on-surface-secondary);
99
102
  }
package/dist/css/variables.light.themed.css CHANGED
@@ -3,19 +3,8 @@
3
3
  */
4
4
 
5
5
  [data-theme="lmvz-light"] {
6
- --lmvz-semantic-shadow-l1-1-position-y: 2px;
7
- --lmvz-semantic-shadow-l1-1-blur: 4px;
8
- --lmvz-semantic-shadow-l2-1-position-y: 2px;
9
- --lmvz-semantic-shadow-l2-1-blur: 12px;
10
- --lmvz-semantic-shadow-l2-2-position-y: 4px;
11
- --lmvz-semantic-shadow-l2-2-blur: 24px;
12
- --lmvz-semantic-shadow-l3-1-position-y: 2px;
13
- --lmvz-semantic-shadow-l3-1-blur: 34px;
14
- --lmvz-semantic-shadow-l3-2-position-y: 16px;
15
- --lmvz-semantic-shadow-l3-2-blur: 62px;
16
- --lmvz-semantic-shadow-overlay: rgba(0, 0, 0, 0.29);
17
6
  --lmvz-semantic-border-radius-round: 999px;
18
- --lmvz-semantic-border-radius-none: 0px;
7
+ --lmvz-semantic-shadow-overlay: rgba(0, 0, 0, 0.29);
19
8
  --lmvz-semantic-color-int-primary-hover-shadow: rgba(0, 0, 0, 0);
20
9
  --lmvz-semantic-color-shadow-l1-default: rgba(120, 120, 128, 0.08);
21
10
  --lmvz-semantic-color-shadow-l1-default-strong: rgba(120, 120, 128, 0.28);
@@ -33,7 +22,18 @@
33
22
  --lmvz-semantic-border-radius-lg: var(--lmvz-global-s14);
34
23
  --lmvz-semantic-border-radius-md: var(--lmvz-global-s6);
35
24
  --lmvz-semantic-border-radius-sm: var(--lmvz-global-s2);
25
+ --lmvz-semantic-border-radius-none: var(--lmvz-global-s0);
36
26
  --lmvz-semantic-border-width-default: var(--lmvz-global-border-width-1);
27
+ --lmvz-semantic-shadow-l1-1-position-y: var(--lmvz-global-s2);
28
+ --lmvz-semantic-shadow-l1-1-blur: var(--lmvz-global-s4);
29
+ --lmvz-semantic-shadow-l2-1-position-y: var(--lmvz-global-s2);
30
+ --lmvz-semantic-shadow-l2-1-blur: var(--lmvz-global-s12);
31
+ --lmvz-semantic-shadow-l2-2-position-y: var(--lmvz-global-s4);
32
+ --lmvz-semantic-shadow-l2-2-blur: var(--lmvz-global-s24);
33
+ --lmvz-semantic-shadow-l3-1-position-y: var(--lmvz-global-s2);
34
+ --lmvz-semantic-shadow-l3-1-blur: var(--lmvz-global-s32);
35
+ --lmvz-semantic-shadow-l3-2-position-y: var(--lmvz-global-s16);
36
+ --lmvz-semantic-shadow-l3-2-blur: var(--lmvz-global-s64);
37
37
  --lmvz-semantic-color-int-primary: var(--lmvz-global-color-neutral-black);
38
38
  --lmvz-semantic-color-int-primary-hover: var(--lmvz-global-color-grey-neutral-900);
39
39
  --lmvz-semantic-color-int-primary-active: var(--lmvz-global-color-grey-neutral-800);
@@ -56,7 +56,7 @@
56
56
  --lmvz-semantic-color-surface-secondary: var(--lmvz-global-color-grey-neutral-100);
57
57
  --lmvz-semantic-color-surface-tertiary: var(--lmvz-global-color-grey-neutral-200);
58
58
  --lmvz-semantic-color-on-surface-primary: var(--lmvz-global-color-neutral-black);
59
- --lmvz-semantic-color-on-surface-secondary: var(--lmvz-global-color-grey-neutral-800);
59
+ --lmvz-semantic-color-on-surface-secondary: var(--lmvz-global-color-grey-neutral-700);
60
60
  --lmvz-semantic-color-on-surface-tertiary: var(--lmvz-global-color-grey-neutral-500);
61
61
  --lmvz-semantic-color-status-on-neutral: var(--lmvz-global-color-grey-neutral-800);
62
62
  --lmvz-semantic-color-status-on-active: var(--lmvz-global-color-brand-blue-950);
@@ -81,6 +81,7 @@
81
81
  --lmvz-semantic-color-border-subtle-hover: var(--lmvz-global-color-grey-neutral-400);
82
82
  --lmvz-semantic-color-on-surface-input-primary: var(--lmvz-global-color-neutral-black);
83
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);
84
85
  --lmvz-semantic-color-brand-media1: var(--lmvz-global-color-brand-blue-400);
85
86
  --lmvz-semantic-color-brand-media2: var(--lmvz-global-color-brand-green-400);
86
87
  --lmvz-semantic-color-brand-media3: var(--lmvz-global-color-brand-yellow-300);
@@ -96,4 +97,6 @@
96
97
  --lmvz-semantic-color-surface-input-primary: var(--lmvz-semantic-color-surface-primary);
97
98
  --lmvz-semantic-color-gradient-main-1: var(--lmvz-semantic-color-status-on-active);
98
99
  --lmvz-semantic-color-gradient-main-2: var(--lmvz-semantic-color-status-on-active);
100
+ --lmvz-semantic-color-link-primary: var(--lmvz-semantic-color-on-surface-primary);
101
+ --lmvz-semantic-color-link-primary-hover: var(--lmvz-semantic-color-on-surface-secondary);
99
102
  }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@lmvz-ds/design-tokens",
3
3
  "private": false,
4
4
  "type": "module",
5
- "version": "0.25.0",
5
+ "version": "0.27.0",
6
6
  "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
7
7
  "license": "UNLICENSED",
8
8
  "publishConfig": {