@marioschmidt/design-system-components 1.4.3 → 1.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/dist/bds/bds.css +1 -1
  2. package/dist/bds/bds.esm.js +1 -1
  3. package/dist/{www/build/p-d86581a5.entry.js → bds/p-8f02f575.entry.js} +1 -1
  4. package/dist/bds/p-B6bNw2Mp.js +2 -0
  5. package/dist/cjs/bds.cjs.js +1 -1
  6. package/dist/cjs/ds-button_3.cjs.entry.js +1 -1
  7. package/dist/cjs/{index-DaeUgmBx.js → index-V7lKYctQ.js} +1 -1
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/components/index.js +1 -1
  10. package/dist/esm/bds.js +2 -2
  11. package/dist/esm/ds-button_3.entry.js +1 -1
  12. package/dist/esm/{index-CykBs8XP.js → index-B6bNw2Mp.js} +1 -1
  13. package/dist/esm/loader.js +2 -2
  14. package/dist/www/build/bds.css +1 -1
  15. package/dist/www/build/bds.esm.js +1 -1
  16. package/dist/www/build/p-8a616e2a.css +1 -0
  17. package/dist/{bds/p-d86581a5.entry.js → www/build/p-8f02f575.entry.js} +1 -1
  18. package/dist/www/build/p-B6bNw2Mp.js +2 -0
  19. package/dist/www/css/advertorial/components/article.css +1 -1
  20. package/dist/www/css/advertorial/components/audioplayer.css +1 -1
  21. package/dist/www/css/advertorial/components/avatar.css +1 -1
  22. package/dist/www/css/advertorial/components/badge.css +1 -1
  23. package/dist/www/css/advertorial/components/breadcrumb.css +1 -1
  24. package/dist/www/css/advertorial/components/breakingnews.css +1 -1
  25. package/dist/www/css/advertorial/components/button.css +1 -1
  26. package/dist/www/css/advertorial/components/card.css +1 -1
  27. package/dist/www/css/advertorial/components/carousel.css +1 -1
  28. package/dist/www/css/advertorial/components/chip.css +1 -1
  29. package/dist/www/css/advertorial/components/datepicker.css +1 -1
  30. package/dist/www/css/advertorial/components/drawers.css +1 -1
  31. package/dist/www/css/advertorial/components/dropdown.css +1 -1
  32. package/dist/www/css/advertorial/components/footer.css +1 -1
  33. package/dist/www/css/advertorial/components/icon.css +1 -1
  34. package/dist/www/css/advertorial/components/iconbutton.css +1 -1
  35. package/dist/www/css/advertorial/components/infoelement.css +1 -1
  36. package/dist/www/css/advertorial/components/inputfield.css +1 -1
  37. package/dist/www/css/advertorial/components/liveticker.css +1 -1
  38. package/dist/www/css/advertorial/components/mediaplayer.css +1 -1
  39. package/dist/www/css/advertorial/components/menu.css +1 -1
  40. package/dist/www/css/advertorial/components/newsticker.css +1 -1
  41. package/dist/www/css/advertorial/components/pagination.css +1 -1
  42. package/dist/www/css/advertorial/components/paywall.css +1 -1
  43. package/dist/www/css/advertorial/components/quote.css +1 -1
  44. package/dist/www/css/advertorial/components/radiobutton.css +1 -1
  45. package/dist/www/css/advertorial/components/search.css +1 -1
  46. package/dist/www/css/advertorial/components/sectiontitle.css +1 -1
  47. package/dist/www/css/advertorial/components/separator.css +1 -1
  48. package/dist/www/css/advertorial/components/skeletons.css +1 -1
  49. package/dist/www/css/advertorial/components/slider.css +1 -1
  50. package/dist/www/css/advertorial/components/specialnavi.css +1 -1
  51. package/dist/www/css/advertorial/components/spinner.css +1 -1
  52. package/dist/www/css/advertorial/components/tab.css +1 -1
  53. package/dist/www/css/advertorial/components/table.css +1 -1
  54. package/dist/www/css/advertorial/components/teaser.css +1 -1
  55. package/dist/www/css/advertorial/components/toggleswitch.css +1 -1
  56. package/dist/www/css/advertorial/components/video.css +1 -1
  57. package/dist/www/css/advertorial/theme.css +1 -1
  58. package/dist/www/css/advertorial/tokens.css +1 -1
  59. package/dist/www/css/bild/components/alert.css +9 -3
  60. package/dist/www/css/bild/components/article.css +1 -1
  61. package/dist/www/css/bild/components/audioplayer.css +1 -1
  62. package/dist/www/css/bild/components/avatar.css +1 -1
  63. package/dist/www/css/bild/components/badge.css +1 -1
  64. package/dist/www/css/bild/components/breadcrumb.css +1 -1
  65. package/dist/www/css/bild/components/breakingnews.css +1 -1
  66. package/dist/www/css/bild/components/button.css +1 -1
  67. package/dist/www/css/bild/components/card.css +1 -1
  68. package/dist/www/css/bild/components/carousel.css +1 -1
  69. package/dist/www/css/bild/components/chip.css +1 -1
  70. package/dist/www/css/bild/components/datepicker.css +1 -1
  71. package/dist/www/css/bild/components/drawers.css +1 -1
  72. package/dist/www/css/bild/components/dropdown.css +1 -1
  73. package/dist/www/css/bild/components/empties.css +1 -1
  74. package/dist/www/css/bild/components/footer.css +1 -1
  75. package/dist/www/css/bild/components/gallery.css +1 -1
  76. package/dist/www/css/bild/components/icon.css +1 -1
  77. package/dist/www/css/bild/components/iconbutton.css +1 -1
  78. package/dist/www/css/bild/components/infoelement.css +1 -1
  79. package/dist/www/css/bild/components/inputfield.css +1 -1
  80. package/dist/www/css/bild/components/kicker.css +1 -1
  81. package/dist/www/css/bild/components/liveticker.css +1 -1
  82. package/dist/www/css/bild/components/mediaplayer.css +1 -1
  83. package/dist/www/css/bild/components/menu.css +9 -3
  84. package/dist/www/css/bild/components/menuitem.css +1 -1
  85. package/dist/www/css/bild/components/newsticker.css +1 -1
  86. package/dist/www/css/bild/components/pagination.css +1 -1
  87. package/dist/www/css/bild/components/partnerlinks.css +1 -1
  88. package/dist/www/css/bild/components/paywall.css +1 -1
  89. package/dist/www/css/bild/components/quote.css +1 -1
  90. package/dist/www/css/bild/components/radiobutton.css +1 -1
  91. package/dist/www/css/bild/components/search.css +1 -1
  92. package/dist/www/css/bild/components/sectiontitle.css +1 -1
  93. package/dist/www/css/bild/components/selection.css +1 -1
  94. package/dist/www/css/bild/components/separator.css +1 -1
  95. package/dist/www/css/bild/components/skeletons.css +1 -1
  96. package/dist/www/css/bild/components/slider.css +1 -1
  97. package/dist/www/css/bild/components/specialnavi.css +1 -1
  98. package/dist/www/css/bild/components/spinner.css +1 -1
  99. package/dist/www/css/bild/components/subheader.css +1 -1
  100. package/dist/www/css/bild/components/tab.css +1 -1
  101. package/dist/www/css/bild/components/table.css +1 -1
  102. package/dist/www/css/bild/components/teaser.css +7 -2
  103. package/dist/www/css/bild/components/toggleswitch.css +1 -1
  104. package/dist/www/css/bild/components/video.css +1 -1
  105. package/dist/www/css/bild/theme.css +57 -21
  106. package/dist/www/css/bild/tokens.css +1 -1
  107. package/dist/www/css/bundles/advertorial.css +1 -1
  108. package/dist/www/css/bundles/bild.css +79 -26
  109. package/dist/www/css/bundles/sportbild.css +79 -26
  110. package/dist/www/css/shared/colorprimitive.css +1 -1
  111. package/dist/www/css/shared/fontprimitive.css +1 -1
  112. package/dist/www/css/shared/primitives.css +1 -1
  113. package/dist/www/css/shared/sizeprimitive.css +1 -1
  114. package/dist/www/css/shared/spaceprimitive.css +1 -1
  115. package/dist/www/css/sportbild/components/alert.css +9 -3
  116. package/dist/www/css/sportbild/components/article.css +1 -1
  117. package/dist/www/css/sportbild/components/audioplayer.css +1 -1
  118. package/dist/www/css/sportbild/components/avatar.css +1 -1
  119. package/dist/www/css/sportbild/components/badge.css +1 -1
  120. package/dist/www/css/sportbild/components/breadcrumb.css +1 -1
  121. package/dist/www/css/sportbild/components/breakingnews.css +1 -1
  122. package/dist/www/css/sportbild/components/button.css +1 -1
  123. package/dist/www/css/sportbild/components/card.css +1 -1
  124. package/dist/www/css/sportbild/components/carousel.css +1 -1
  125. package/dist/www/css/sportbild/components/chip.css +1 -1
  126. package/dist/www/css/sportbild/components/datepicker.css +1 -1
  127. package/dist/www/css/sportbild/components/drawers.css +1 -1
  128. package/dist/www/css/sportbild/components/dropdown.css +1 -1
  129. package/dist/www/css/sportbild/components/empties.css +1 -1
  130. package/dist/www/css/sportbild/components/footer.css +1 -1
  131. package/dist/www/css/sportbild/components/gallery.css +1 -1
  132. package/dist/www/css/sportbild/components/icon.css +1 -1
  133. package/dist/www/css/sportbild/components/iconbutton.css +1 -1
  134. package/dist/www/css/sportbild/components/infoelement.css +1 -1
  135. package/dist/www/css/sportbild/components/inputfield.css +1 -1
  136. package/dist/www/css/sportbild/components/kicker.css +1 -1
  137. package/dist/www/css/sportbild/components/liveticker.css +1 -1
  138. package/dist/www/css/sportbild/components/mediaplayer.css +1 -1
  139. package/dist/www/css/sportbild/components/menu.css +9 -3
  140. package/dist/www/css/sportbild/components/menuitem.css +1 -1
  141. package/dist/www/css/sportbild/components/newsticker.css +1 -1
  142. package/dist/www/css/sportbild/components/pagination.css +1 -1
  143. package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
  144. package/dist/www/css/sportbild/components/paywall.css +1 -1
  145. package/dist/www/css/sportbild/components/quote.css +1 -1
  146. package/dist/www/css/sportbild/components/radiobutton.css +1 -1
  147. package/dist/www/css/sportbild/components/search.css +1 -1
  148. package/dist/www/css/sportbild/components/sectiontitle.css +1 -1
  149. package/dist/www/css/sportbild/components/selection.css +1 -1
  150. package/dist/www/css/sportbild/components/separator.css +1 -1
  151. package/dist/www/css/sportbild/components/skeletons.css +1 -1
  152. package/dist/www/css/sportbild/components/slider.css +1 -1
  153. package/dist/www/css/sportbild/components/specialnavi.css +1 -1
  154. package/dist/www/css/sportbild/components/spinner.css +1 -1
  155. package/dist/www/css/sportbild/components/subheader.css +1 -1
  156. package/dist/www/css/sportbild/components/tab.css +1 -1
  157. package/dist/www/css/sportbild/components/table.css +1 -1
  158. package/dist/www/css/sportbild/components/teaser.css +7 -2
  159. package/dist/www/css/sportbild/components/toggleswitch.css +1 -1
  160. package/dist/www/css/sportbild/components/video.css +1 -1
  161. package/dist/www/css/sportbild/theme.css +57 -21
  162. package/dist/www/css/sportbild/tokens.css +1 -1
  163. package/dist/www/icons/manifest.json +2 -2
  164. package/dist/www/index.html +1 -1
  165. package/package.json +1 -1
  166. package/dist/bds/p-CykBs8XP.js +0 -2
  167. package/dist/www/build/p-25e78bc1.css +0 -1
  168. package/dist/www/build/p-CykBs8XP.js +0 -2
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
@@ -738,102 +738,138 @@
738
738
 
739
739
  /* Effects - Light */
740
740
  /* ============================================
741
- DROPSHADOWSOFT
741
+ CSS CUSTOM PROPERTIES
742
+ ============================================ */
743
+
744
+ [data-color-brand="sportbild"][data-theme="light"],
745
+ :host([data-color-brand="sportbild"][data-theme="light"]) {
746
+ /* dropshadowsoft */
747
+ --shadow-soft-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
748
+ --shadow-soft-md: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
749
+ --shadow-soft-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
750
+ --shadow-soft-xl: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
751
+ /* dropshadowhard */
752
+ --shadow-hard-sm: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
753
+ --shadow-hard-md: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
754
+ --shadow-hard-lg: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
755
+ --shadow-hard-xl: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
756
+ }
757
+
758
+ /* ============================================
759
+ DROPSHADOWSOFT (Classes)
742
760
  ============================================ */
743
761
 
744
762
  [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-sm,
745
763
  :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-sm {
746
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
764
+ box-shadow: var(--shadow-soft-sm);
747
765
  }
748
766
 
749
767
  [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-md,
750
768
  :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-md {
751
- box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
769
+ box-shadow: var(--shadow-soft-md);
752
770
  }
753
771
 
754
772
  [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-lg,
755
773
  :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-lg {
756
- box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
774
+ box-shadow: var(--shadow-soft-lg);
757
775
  }
758
776
 
759
777
  [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-xl,
760
778
  :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-xl {
761
- box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
779
+ box-shadow: var(--shadow-soft-xl);
762
780
  }
763
781
 
764
782
 
765
783
  /* ============================================
766
- DROPSHADOWHARD
784
+ DROPSHADOWHARD (Classes)
767
785
  ============================================ */
768
786
 
769
787
  [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-sm,
770
788
  :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-sm {
771
- box-shadow: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
789
+ box-shadow: var(--shadow-hard-sm);
772
790
  }
773
791
 
774
792
  [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-md,
775
793
  :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-md {
776
- box-shadow: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
794
+ box-shadow: var(--shadow-hard-md);
777
795
  }
778
796
 
779
797
  [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-lg,
780
798
  :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-lg {
781
- box-shadow: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
799
+ box-shadow: var(--shadow-hard-lg);
782
800
  }
783
801
 
784
802
  [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-xl,
785
803
  :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-xl {
786
- box-shadow: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
804
+ box-shadow: var(--shadow-hard-xl);
787
805
  }
788
806
 
789
807
  /* Effects - Dark */
790
808
  /* ============================================
791
- DROPSHADOWSOFT
809
+ CSS CUSTOM PROPERTIES
810
+ ============================================ */
811
+
812
+ [data-color-brand="sportbild"][data-theme="dark"],
813
+ :host([data-color-brand="sportbild"][data-theme="dark"]) {
814
+ /* dropshadowsoft */
815
+ --shadow-soft-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
816
+ --shadow-soft-md: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
817
+ --shadow-soft-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
818
+ --shadow-soft-xl: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
819
+ /* dropshadowhard */
820
+ --shadow-hard-sm: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
821
+ --shadow-hard-md: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
822
+ --shadow-hard-lg: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
823
+ --shadow-hard-xl: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
824
+ }
825
+
826
+ /* ============================================
827
+ DROPSHADOWSOFT (Classes)
792
828
  ============================================ */
793
829
 
794
830
  [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-sm,
795
831
  :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-sm {
796
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
832
+ box-shadow: var(--shadow-soft-sm);
797
833
  }
798
834
 
799
835
  [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-md,
800
836
  :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-md {
801
- box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
837
+ box-shadow: var(--shadow-soft-md);
802
838
  }
803
839
 
804
840
  [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-lg,
805
841
  :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-lg {
806
- box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
842
+ box-shadow: var(--shadow-soft-lg);
807
843
  }
808
844
 
809
845
  [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-xl,
810
846
  :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-xl {
811
- box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
847
+ box-shadow: var(--shadow-soft-xl);
812
848
  }
813
849
 
814
850
 
815
851
  /* ============================================
816
- DROPSHADOWHARD
852
+ DROPSHADOWHARD (Classes)
817
853
  ============================================ */
818
854
 
819
855
  [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-sm,
820
856
  :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-sm {
821
- box-shadow: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
857
+ box-shadow: var(--shadow-hard-sm);
822
858
  }
823
859
 
824
860
  [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-md,
825
861
  :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-md {
826
- box-shadow: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
862
+ box-shadow: var(--shadow-hard-md);
827
863
  }
828
864
 
829
865
  [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-lg,
830
866
  :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-lg {
831
- box-shadow: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
867
+ box-shadow: var(--shadow-hard-lg);
832
868
  }
833
869
 
834
870
  [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-xl,
835
871
  :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-xl {
836
- box-shadow: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
872
+ box-shadow: var(--shadow-hard-xl);
837
873
  }
838
874
 
839
875
 
@@ -1756,14 +1792,20 @@
1756
1792
 
1757
1793
  /* === OTHER TOKENS === */
1758
1794
 
1795
+ [data-color-brand="sportbild"],
1796
+ :host([data-color-brand="sportbild"]) {
1797
+ --alert-shadow-down: 0px 6px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
1798
+ --alert-shadow-up: 0px -2px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
1799
+ }
1800
+
1759
1801
  [data-color-brand="sportbild"] .alert-shadow-down,
1760
1802
  :host([data-color-brand="sportbild"]) .alert-shadow-down {
1761
- box-shadow: 0px 6px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
1803
+ box-shadow: var(--alert-shadow-down);
1762
1804
  }
1763
1805
 
1764
1806
  [data-color-brand="sportbild"] .alert-shadow-up,
1765
1807
  :host([data-color-brand="sportbild"]) .alert-shadow-up {
1766
- box-shadow: 0px -2px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
1808
+ box-shadow: var(--alert-shadow-up);
1767
1809
  }
1768
1810
 
1769
1811
  /* === TYPOGRAPHY TOKENS === */
@@ -3041,14 +3083,20 @@
3041
3083
  --app-top-bar-icon-color: var(--icon-color-secondary);
3042
3084
  }
3043
3085
 
3086
+ [data-color-brand="sportbild"],
3087
+ :host([data-color-brand="sportbild"]) {
3088
+ --menu-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
3089
+ --hey-input-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
3090
+ }
3091
+
3044
3092
  [data-color-brand="sportbild"] .menu-shadow,
3045
3093
  :host([data-color-brand="sportbild"]) .menu-shadow {
3046
- box-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
3094
+ box-shadow: var(--menu-shadow);
3047
3095
  }
3048
3096
 
3049
3097
  [data-color-brand="sportbild"] .hey-input-shadow,
3050
3098
  :host([data-color-brand="sportbild"]) .hey-input-shadow {
3051
- box-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
3099
+ box-shadow: var(--hey-input-shadow);
3052
3100
  }
3053
3101
 
3054
3102
  /* === OTHER TOKENS === */
@@ -3700,9 +3748,14 @@
3700
3748
  --teaser-hover-opacity: var(--layer-opacity-80);
3701
3749
  }
3702
3750
 
3751
+ [data-color-brand="sportbild"],
3752
+ :host([data-color-brand="sportbild"]) {
3753
+ --teaser-headlines-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
3754
+ }
3755
+
3703
3756
  [data-color-brand="sportbild"] .teaser-headlines-shadow,
3704
3757
  :host([data-color-brand="sportbild"]) .teaser-headlines-shadow {
3705
- box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
3758
+ box-shadow: var(--teaser-headlines-shadow);
3706
3759
  }
3707
3760
 
3708
3761
  /* === TYPOGRAPHY TOKENS === */
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Copyright (c) 2026 Axel Springer Deutschland GmbH
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Copyright (c) 2026 Axel Springer Deutschland GmbH
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Bundle: Primitives (Base values: space, size, colors, fonts)
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Copyright (c) 2026 Axel Springer Deutschland GmbH
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Copyright (c) 2026 Axel Springer Deutschland GmbH
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Alert Component Tokens
@@ -14,12 +14,18 @@
14
14
 
15
15
  /* === OTHER TOKENS === */
16
16
 
17
+ [data-color-brand="sportbild"],
18
+ :host([data-color-brand="sportbild"]) {
19
+ --alert-shadow-down: 0px 6px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
20
+ --alert-shadow-up: 0px -2px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
21
+ }
22
+
17
23
  [data-color-brand="sportbild"] .alert-shadow-down,
18
24
  :host([data-color-brand="sportbild"]) .alert-shadow-down {
19
- box-shadow: 0px 6px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
25
+ box-shadow: var(--alert-shadow-down);
20
26
  }
21
27
 
22
28
  [data-color-brand="sportbild"] .alert-shadow-up,
23
29
  :host([data-color-brand="sportbild"]) .alert-shadow-up {
24
- box-shadow: 0px -2px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
30
+ box-shadow: var(--alert-shadow-up);
25
31
  }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Article Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: AudioPlayer Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Avatar Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Badge Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Breadcrumb Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: BreakingNews Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Button Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Card Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Carousel Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Chip Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Datepicker Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Drawers Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Dropdown Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Empties Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Footer Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Gallery Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Icon Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: IconButton Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: InfoElement Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: InputField Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Kicker Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: LiveTicker Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: MediaPlayer Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Menu Component Tokens
@@ -146,12 +146,18 @@
146
146
  --app-top-bar-icon-color: var(--icon-color-secondary);
147
147
  }
148
148
 
149
+ [data-color-brand="sportbild"],
150
+ :host([data-color-brand="sportbild"]) {
151
+ --menu-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
152
+ --hey-input-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
153
+ }
154
+
149
155
  [data-color-brand="sportbild"] .menu-shadow,
150
156
  :host([data-color-brand="sportbild"]) .menu-shadow {
151
- box-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
157
+ box-shadow: var(--menu-shadow);
152
158
  }
153
159
 
154
160
  [data-color-brand="sportbild"] .hey-input-shadow,
155
161
  :host([data-color-brand="sportbild"]) .hey-input-shadow {
156
- box-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
162
+ box-shadow: var(--hey-input-shadow);
157
163
  }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: MenuItem Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: NewsTicker Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Pagination Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: PartnerLinks Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Paywall Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: Quote Component Tokens
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  *
4
- * BILD Design System Tokens v1.4.3
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Sportbild | Bundle: RadioButton Component Tokens