@lmvz-ds/design-tokens 0.26.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 (7) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/css/variables.base.css +62 -23
  3. package/dist/css/variables.dark.global.css +2 -2
  4. package/dist/css/variables.dark.themed.css +2 -2
  5. package/dist/css/variables.light.global.css +14 -12
  6. package/dist/css/variables.light.themed.css +14 -12
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
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
+
3
10
  ## 0.26.0
4
11
 
5
12
  ### Patch Changes
package/dist/css/variables.base.css CHANGED
@@ -34,19 +34,8 @@
34
34
  --lmvz-semantic-semantic-website-layout-grid-count: 0.75rem;
35
35
  --lmvz-semantic-semantic-website-layout-grid-gutter: 1.25rem;
36
36
  --lmvz-semantic-semantic-website-layout-grid-margin: 15rem;
37
- --lmvz-semantic-shadow-l1-1-position-y: 2px;
38
- --lmvz-semantic-shadow-l1-1-blur: 4px;
39
- --lmvz-semantic-shadow-l2-1-position-y: 2px;
40
- --lmvz-semantic-shadow-l2-1-blur: 12px;
41
- --lmvz-semantic-shadow-l2-2-position-y: 4px;
42
- --lmvz-semantic-shadow-l2-2-blur: 24px;
43
- --lmvz-semantic-shadow-l3-1-position-y: 2px;
44
- --lmvz-semantic-shadow-l3-1-blur: 34px;
45
- --lmvz-semantic-shadow-l3-2-position-y: 16px;
46
- --lmvz-semantic-shadow-l3-2-blur: 62px;
47
- --lmvz-semantic-shadow-overlay: rgba(0, 0, 0, 0.29);
48
37
  --lmvz-semantic-border-radius-round: 999px;
49
- --lmvz-semantic-border-radius-none: 0px;
38
+ --lmvz-semantic-shadow-overlay: rgba(0, 0, 0, 0.29);
50
39
  --lmvz-semantic-color-int-primary-hover-shadow: rgba(0, 0, 0, 0);
51
40
  --lmvz-semantic-color-shadow-l1-default: rgba(120, 120, 128, 0.08);
52
41
  --lmvz-semantic-color-shadow-l1-default-strong: rgba(120, 120, 128, 0.28);
@@ -143,6 +132,7 @@
143
132
  --lmvz-global-s11: 11px;
144
133
  --lmvz-global-s6: 6px;
145
134
  --lmvz-global-s44: 44px;
135
+ --lmvz-global-s0: 0;
146
136
  --lmvz-global-border-radius-24: 24px;
147
137
  --lmvz-global-border-radius-16: 16px;
148
138
  --lmvz-global-border-radius-8: 8px;
@@ -150,15 +140,15 @@
150
140
  --lmvz-global-border-radius-999: 999px;
151
141
  --lmvz-global-border-radius-0: 0;
152
142
  --lmvz-global-border-radius-32: 32px;
153
- --lmvz-global-border-width-5: 2px;
154
- --lmvz-global-border-width-4: 1.75px;
155
- --lmvz-global-border-width-3: 1.5px;
156
- --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;
157
147
  --lmvz-global-border-width-1: 1px;
158
- --lmvz-global-border-width-9: 3px;
159
- --lmvz-global-border-width-8: 2.75px;
160
- --lmvz-global-border-width-7: 2.5px;
161
- --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;
162
152
  --lmvz-global-opacity-disabled: 40%;
163
153
  --lmvz-global-opacity-overlay: 60%;
164
154
  --lmvz-global-duration-fast: 200;
@@ -289,9 +279,9 @@
289
279
  --lmvz-spacing-spec-margin-s: 2.625rem;
290
280
  --lmvz-spacing-spec-margin-xs: 1.5rem;
291
281
  --lmvz-spacing-spec-margin-xxl: 30rem;
292
- --lmvz-component-icon-border-width-default: var(--lmvz-global-border-width-2);
293
- --lmvz-component-icon-border-width-strong: var(--lmvz-global-border-width-4);
294
- --lmvz-component-icon-border-width-bold: var(--lmvz-global-border-width-5);
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);
295
285
  --lmvz-component-line-height-narrow: var(--lmvz-global-line-height-140);
296
286
  --lmvz-component-line-height-default: var(--lmvz-global-line-height-150);
297
287
  --lmvz-component-line-height-wide: var(--lmvz-global-line-height-160);
@@ -317,8 +307,24 @@
317
307
  --lmvz-component-input-radius-default: var(--lmvz-semantic-border-radius-round);
318
308
  --lmvz-component-input-text: var(--lmvz-global-color-neutral-black);
319
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);
320
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);
321
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);
322
328
  --lmvz-semantic-color-int-primary: var(--lmvz-global-color-neutral-black);
323
329
  --lmvz-semantic-color-int-primary-hover: var(--lmvz-global-color-grey-neutral-900);
324
330
  --lmvz-semantic-color-int-primary-active: var(--lmvz-global-color-grey-neutral-800);
@@ -485,6 +491,8 @@
485
491
  --lmvz-semantic-color-surface-input-primary: var(--lmvz-semantic-color-surface-primary);
486
492
  --lmvz-semantic-color-gradient-main-1: var(--lmvz-semantic-color-status-on-active);
487
493
  --lmvz-semantic-color-gradient-main-2: var(--lmvz-semantic-color-status-on-active);
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);
488
496
  --lmvz-component-wrapper-lg-border-radius: var(--lmvz-semantic-border-radius-xl);
489
497
  --lmvz-component-card-lg-grid-gap-x: var(--lmvz-component-spacing-lg);
490
498
  --lmvz-component-wrapper-md-padding-x: var(--lmvz-component-spacing-lg);
@@ -535,6 +543,7 @@
535
543
  --lmvz-dimension-6-128: clamp(0.38rem, -1.48rem + 7.9vw, 8rem);
536
544
  --lmvz-dimension-4-128: clamp(0.25rem, -1.63rem + 8.03vw, 8rem);
537
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);
538
547
  --lmvz-dimension-80-96: clamp(5rem, 4.76rem + 1.04vw, 6rem);
539
548
  --lmvz-dimension-64-96: clamp(4rem, 3.51rem + 2.07vw, 6rem);
540
549
  --lmvz-dimension-56-96: clamp(3.5rem, 2.89rem + 2.59vw, 6rem);
@@ -564,6 +573,7 @@
564
573
  --lmvz-dimension-6-96: clamp(0.38rem, -0.99rem + 5.83vw, 6rem);
565
574
  --lmvz-dimension-4-96: clamp(0.25rem, -1.15rem + 5.95vw, 6rem);
566
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);
567
577
  --lmvz-dimension-64-80: clamp(4rem, 3.76rem + 1.04vw, 5rem);
568
578
  --lmvz-dimension-56-80: clamp(3.5rem, 3.14rem + 1.55vw, 5rem);
569
579
  --lmvz-dimension-48-80: clamp(3rem, 2.51rem + 2.07vw, 5rem);
@@ -592,6 +602,7 @@
592
602
  --lmvz-dimension-6-80: clamp(0.38rem, -0.75rem + 4.79vw, 5rem);
593
603
  --lmvz-dimension-4-80: clamp(0.25rem, -0.9rem + 4.92vw, 5rem);
594
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);
595
606
  --lmvz-dimension-56-64: clamp(3.5rem, 3.38rem + 0.52vw, 4rem);
596
607
  --lmvz-dimension-48-64: clamp(3rem, 2.76rem + 1.04vw, 4rem);
597
608
  --lmvz-dimension-44-64: clamp(2.75rem, 2.45rem + 1.29vw, 4rem);
@@ -619,6 +630,7 @@
619
630
  --lmvz-dimension-6-64: clamp(0.38rem, -0.5rem + 3.75vw, 4rem);
620
631
  --lmvz-dimension-4-64: clamp(0.25rem, -0.66rem + 3.88vw, 4rem);
621
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);
622
634
  --lmvz-dimension-48-56: clamp(3rem, 2.88rem + 0.52vw, 3.5rem);
623
635
  --lmvz-dimension-44-56: clamp(2.75rem, 2.57rem + 0.78vw, 3.5rem);
624
636
  --lmvz-dimension-40-56: clamp(2.5rem, 2.26rem + 1.04vw, 3.5rem);
@@ -645,6 +657,7 @@
645
657
  --lmvz-dimension-6-56: clamp(0.38rem, -0.38rem + 3.24vw, 3.5rem);
646
658
  --lmvz-dimension-4-56: clamp(0.25rem, -0.54rem + 3.37vw, 3.5rem);
647
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);
648
661
  --lmvz-dimension-44-48: clamp(2.75rem, 2.69rem + 0.26vw, 3rem);
649
662
  --lmvz-dimension-40-48: clamp(2.5rem, 2.38rem + 0.52vw, 3rem);
650
663
  --lmvz-dimension-36-48: clamp(2.25rem, 2.07rem + 0.78vw, 3rem);
@@ -670,6 +683,7 @@
670
683
  --lmvz-dimension-6-48: clamp(0.38rem, -0.26rem + 2.72vw, 3rem);
671
684
  --lmvz-dimension-4-48: clamp(0.25rem, -0.42rem + 2.85vw, 3rem);
672
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);
673
687
  --lmvz-dimension-40-44: clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem);
674
688
  --lmvz-dimension-36-44: clamp(2.25rem, 2.13rem + 0.52vw, 2.75rem);
675
689
  --lmvz-dimension-33-44: clamp(2.06rem, 1.9rem + 0.71vw, 2.75rem);
@@ -694,6 +708,7 @@
694
708
  --lmvz-dimension-6-44: clamp(0.38rem, -0.2rem + 2.46vw, 2.75rem);
695
709
  --lmvz-dimension-4-44: clamp(0.25rem, -0.36rem + 2.59vw, 2.75rem);
696
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);
697
712
  --lmvz-dimension-36-40: clamp(2.25rem, 2.19rem + 0.26vw, 2.5rem);
698
713
  --lmvz-dimension-33-40: clamp(2.06rem, 1.96rem + 0.45vw, 2.5rem);
699
714
  --lmvz-dimension-32-40: clamp(2rem, 1.88rem + 0.52vw, 2.5rem);
@@ -717,6 +732,7 @@
717
732
  --lmvz-dimension-6-40: clamp(0.38rem, -0.14rem + 2.2vw, 2.5rem);
718
733
  --lmvz-dimension-4-40: clamp(0.25rem, -0.3rem + 2.33vw, 2.5rem);
719
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);
720
736
  --lmvz-dimension-33-36: clamp(2.06rem, 2.02rem + 0.19vw, 2.25rem);
721
737
  --lmvz-dimension-32-36: clamp(2rem, 1.94rem + 0.26vw, 2.25rem);
722
738
  --lmvz-dimension-31-36: clamp(1.94rem, 1.86rem + 0.32vw, 2.25rem);
@@ -739,6 +755,7 @@
739
755
  --lmvz-dimension-6-36: clamp(0.38rem, -0.08rem + 1.94vw, 2.25rem);
740
756
  --lmvz-dimension-4-36: clamp(0.25rem, -0.24rem + 2.07vw, 2.25rem);
741
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);
742
759
  --lmvz-dimension-32-33: clamp(2rem, 1.98rem + 0.06vw, 2.06rem);
743
760
  --lmvz-dimension-31-33: clamp(1.94rem, 1.91rem + 0.13vw, 2.06rem);
744
761
  --lmvz-dimension-29-33: clamp(1.81rem, 1.75rem + 0.26vw, 2.06rem);
@@ -760,6 +777,7 @@
760
777
  --lmvz-dimension-6-33: clamp(0.38rem, -0.03rem + 1.75vw, 2.06rem);
761
778
  --lmvz-dimension-4-33: clamp(0.25rem, -0.19rem + 1.88vw, 2.06rem);
762
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);
763
781
  --lmvz-dimension-31-32: clamp(1.94rem, 1.92rem + 0.06vw, 2rem);
764
782
  --lmvz-dimension-29-32: clamp(1.81rem, 1.77rem + 0.19vw, 2rem);
765
783
  --lmvz-dimension-28-32: clamp(1.75rem, 1.69rem + 0.26vw, 2rem);
@@ -780,6 +798,7 @@
780
798
  --lmvz-dimension-6-32: clamp(0.38rem, -0.02rem + 1.68vw, 2rem);
781
799
  --lmvz-dimension-4-32: clamp(0.25rem, -0.17rem + 1.81vw, 2rem);
782
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);
783
802
  --lmvz-dimension-29-31: clamp(1.81rem, 1.78rem + 0.13vw, 1.94rem);
784
803
  --lmvz-dimension-28-31: clamp(1.75rem, 1.7rem + 0.19vw, 1.94rem);
785
804
  --lmvz-dimension-27-31: clamp(1.69rem, 1.63rem + 0.26vw, 1.94rem);
@@ -799,6 +818,7 @@
799
818
  --lmvz-dimension-6-31: clamp(0.38rem, 0rem + 1.62vw, 1.94rem);
800
819
  --lmvz-dimension-4-31: clamp(0.25rem, -0.16rem + 1.75vw, 1.94rem);
801
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);
802
822
  --lmvz-dimension-28-29: clamp(1.75rem, 1.73rem + 0.06vw, 1.81rem);
803
823
  --lmvz-dimension-27-29: clamp(1.69rem, 1.66rem + 0.13vw, 1.81rem);
804
824
  --lmvz-dimension-25-29: clamp(1.56rem, 1.5rem + 0.26vw, 1.81rem);
@@ -817,6 +837,7 @@
817
837
  --lmvz-dimension-6-29: clamp(0.38rem, 0.03rem + 1.49vw, 1.81rem);
818
838
  --lmvz-dimension-4-29: clamp(0.25rem, -0.13rem + 1.62vw, 1.81rem);
819
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);
820
841
  --lmvz-dimension-27-28: clamp(1.69rem, 1.67rem + 0.06vw, 1.75rem);
821
842
  --lmvz-dimension-25-28: clamp(1.56rem, 1.52rem + 0.19vw, 1.75rem);
822
843
  --lmvz-dimension-24-28: clamp(1.5rem, 1.44rem + 0.26vw, 1.75rem);
@@ -834,6 +855,7 @@
834
855
  --lmvz-dimension-6-28: clamp(0.38rem, 0.04rem + 1.42vw, 1.75rem);
835
856
  --lmvz-dimension-4-28: clamp(0.25rem, -0.11rem + 1.55vw, 1.75rem);
836
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);
837
859
  --lmvz-dimension-25-27: clamp(1.56rem, 1.53rem + 0.13vw, 1.69rem);
838
860
  --lmvz-dimension-24-27: clamp(1.5rem, 1.45rem + 0.19vw, 1.69rem);
839
861
  --lmvz-dimension-23-27: clamp(1.44rem, 1.38rem + 0.26vw, 1.69rem);
@@ -850,6 +872,7 @@
850
872
  --lmvz-dimension-6-27: clamp(0.38rem, 0.06rem + 1.36vw, 1.69rem);
851
873
  --lmvz-dimension-4-27: clamp(0.25rem, -0.1rem + 1.49vw, 1.69rem);
852
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);
853
876
  --lmvz-dimension-24-25: clamp(1.5rem, 1.48rem + 0.06vw, 1.56rem);
854
877
  --lmvz-dimension-23-25: clamp(1.44rem, 1.41rem + 0.13vw, 1.56rem);
855
878
  --lmvz-dimension-21-25: clamp(1.31rem, 1.25rem + 0.26vw, 1.56rem);
@@ -865,6 +888,7 @@
865
888
  --lmvz-dimension-6-25: clamp(0.38rem, 0.09rem + 1.23vw, 1.56rem);
866
889
  --lmvz-dimension-4-25: clamp(0.25rem, -0.07rem + 1.36vw, 1.56rem);
867
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);
868
892
  --lmvz-dimension-23-24: clamp(1.44rem, 1.42rem + 0.06vw, 1.5rem);
869
893
  --lmvz-dimension-21-24: clamp(1.31rem, 1.27rem + 0.19vw, 1.5rem);
870
894
  --lmvz-dimension-20-24: clamp(1.25rem, 1.19rem + 0.26vw, 1.5rem);
@@ -879,6 +903,7 @@
879
903
  --lmvz-dimension-6-24: clamp(0.38rem, 0.1rem + 1.17vw, 1.5rem);
880
904
  --lmvz-dimension-4-24: clamp(0.25rem, -0.05rem + 1.29vw, 1.5rem);
881
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);
882
907
  --lmvz-dimension-21-23: clamp(1.31rem, 1.28rem + 0.13vw, 1.44rem);
883
908
  --lmvz-dimension-20-23: clamp(1.25rem, 1.2rem + 0.19vw, 1.44rem);
884
909
  --lmvz-dimension-18-23: clamp(1.13rem, 1.05rem + 0.32vw, 1.44rem);
@@ -892,6 +917,7 @@
892
917
  --lmvz-dimension-6-23: clamp(0.38rem, 0.12rem + 1.1vw, 1.44rem);
893
918
  --lmvz-dimension-4-23: clamp(0.25rem, -0.04rem + 1.23vw, 1.44rem);
894
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);
895
921
  --lmvz-dimension-20-21: clamp(1.25rem, 1.23rem + 0.06vw, 1.31rem);
896
922
  --lmvz-dimension-18-21: clamp(1.13rem, 1.08rem + 0.19vw, 1.31rem);
897
923
  --lmvz-dimension-16-21: clamp(1rem, 0.92rem + 0.32vw, 1.31rem);
@@ -904,6 +930,7 @@
904
930
  --lmvz-dimension-6-21: clamp(0.38rem, 0.15rem + 0.97vw, 1.31rem);
905
931
  --lmvz-dimension-4-21: clamp(0.25rem, -0.01rem + 1.1vw, 1.31rem);
906
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);
907
934
  --lmvz-dimension-18-20: clamp(1.13rem, 1.09rem + 0.13vw, 1.25rem);
908
935
  --lmvz-dimension-16-20: clamp(1rem, 0.94rem + 0.26vw, 1.25rem);
909
936
  --lmvz-dimension-14-20: clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem);
@@ -915,6 +942,7 @@
915
942
  --lmvz-dimension-6-20: clamp(0.38rem, 0.16rem + 0.91vw, 1.25rem);
916
943
  --lmvz-dimension-4-20: clamp(0.25rem, 0.01rem + 1.04vw, 1.25rem);
917
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);
918
946
  --lmvz-dimension-16-18: clamp(1rem, 0.97rem + 0.13vw, 1.13rem);
919
947
  --lmvz-dimension-14-18: clamp(0.88rem, 0.81rem + 0.26vw, 1.13rem);
920
948
  --lmvz-dimension-13-18: clamp(0.81rem, 0.74rem + 0.32vw, 1.13rem);
@@ -925,6 +953,7 @@
925
953
  --lmvz-dimension-6-18: clamp(0.38rem, 0.19rem + 0.78vw, 1.13rem);
926
954
  --lmvz-dimension-4-18: clamp(0.25rem, 0.04rem + 0.91vw, 1.13rem);
927
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);
928
957
  --lmvz-dimension-14-16: clamp(0.88rem, 0.84rem + 0.13vw, 1rem);
929
958
  --lmvz-dimension-13-16: clamp(0.81rem, 0.77rem + 0.19vw, 1rem);
930
959
  --lmvz-dimension-12-16: clamp(0.75rem, 0.69rem + 0.26vw, 1rem);
@@ -934,6 +963,7 @@
934
963
  --lmvz-dimension-6-16: clamp(0.38rem, 0.22rem + 0.65vw, 1rem);
935
964
  --lmvz-dimension-4-16: clamp(0.25rem, 0.07rem + 0.78vw, 1rem);
936
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);
937
967
  --lmvz-dimension-13-14: clamp(0.81rem, 0.8rem + 0.06vw, 0.88rem);
938
968
  --lmvz-dimension-12-14: clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem);
939
969
  --lmvz-dimension-11-14: clamp(0.69rem, 0.64rem + 0.19vw, 0.88rem);
@@ -942,6 +972,7 @@
942
972
  --lmvz-dimension-6-14: clamp(0.38rem, 0.25rem + 0.52vw, 0.88rem);
943
973
  --lmvz-dimension-4-14: clamp(0.25rem, 0.1rem + 0.65vw, 0.88rem);
944
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);
945
976
  --lmvz-dimension-12-13: clamp(0.75rem, 0.73rem + 0.06vw, 0.81rem);
946
977
  --lmvz-dimension-11-13: clamp(0.69rem, 0.66rem + 0.13vw, 0.81rem);
947
978
  --lmvz-dimension-10-13: clamp(0.63rem, 0.58rem + 0.19vw, 0.81rem);
@@ -949,25 +980,33 @@
949
980
  --lmvz-dimension-6-13: clamp(0.38rem, 0.27rem + 0.45vw, 0.81rem);
950
981
  --lmvz-dimension-4-13: clamp(0.25rem, 0.11rem + 0.58vw, 0.81rem);
951
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);
952
984
  --lmvz-dimension-11-12: clamp(0.69rem, 0.67rem + 0.06vw, 0.75rem);
953
985
  --lmvz-dimension-10-12: clamp(0.63rem, 0.59rem + 0.13vw, 0.75rem);
954
986
  --lmvz-dimension-8-12: clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem);
955
987
  --lmvz-dimension-6-12: clamp(0.38rem, 0.28rem + 0.39vw, 0.75rem);
956
988
  --lmvz-dimension-4-12: clamp(0.25rem, 0.13rem + 0.52vw, 0.75rem);
957
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);
958
991
  --lmvz-dimension-10-11: clamp(0.63rem, 0.61rem + 0.06vw, 0.69rem);
959
992
  --lmvz-dimension-8-11: clamp(0.5rem, 0.45rem + 0.19vw, 0.69rem);
960
993
  --lmvz-dimension-6-11: clamp(0.38rem, 0.3rem + 0.32vw, 0.69rem);
961
994
  --lmvz-dimension-4-11: clamp(0.25rem, 0.14rem + 0.45vw, 0.69rem);
962
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);
963
997
  --lmvz-dimension-8-10: clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem);
964
998
  --lmvz-dimension-6-10: clamp(0.38rem, 0.31rem + 0.26vw, 0.63rem);
965
999
  --lmvz-dimension-4-10: clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem);
966
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);
967
1002
  --lmvz-dimension-6-8: clamp(0.38rem, 0.34rem + 0.13vw, 0.5rem);
968
1003
  --lmvz-dimension-4-8: clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem);
969
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);
970
1006
  --lmvz-dimension-4-6: clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem);
971
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);
972
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);
973
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);
@@ -97,4 +97,6 @@
97
97
  --lmvz-semantic-color-surface-input-primary: var(--lmvz-semantic-color-surface-primary);
98
98
  --lmvz-semantic-color-gradient-main-1: var(--lmvz-semantic-color-status-on-active);
99
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);
100
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);
@@ -97,4 +97,6 @@
97
97
  --lmvz-semantic-color-surface-input-primary: var(--lmvz-semantic-color-surface-primary);
98
98
  --lmvz-semantic-color-gradient-main-1: var(--lmvz-semantic-color-status-on-active);
99
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);
100
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.26.0",
5
+ "version": "0.27.0",
6
6
  "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
7
7
  "license": "UNLICENSED",
8
8
  "publishConfig": {