@marioschmidt/design-system-components 1.4.2 → 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-b8797ba4.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-Bbq_wrNI.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-DnybiLpQ.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-b8797ba4.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 +3 -3
  20. package/dist/www/css/advertorial/components/audioplayer.css +2 -2
  21. package/dist/www/css/advertorial/components/avatar.css +3 -3
  22. package/dist/www/css/advertorial/components/badge.css +1 -1
  23. package/dist/www/css/advertorial/components/breadcrumb.css +2 -2
  24. package/dist/www/css/advertorial/components/breakingnews.css +3 -3
  25. package/dist/www/css/advertorial/components/button.css +2 -2
  26. package/dist/www/css/advertorial/components/card.css +2 -2
  27. package/dist/www/css/advertorial/components/carousel.css +3 -3
  28. package/dist/www/css/advertorial/components/chip.css +2 -2
  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 +3 -3
  36. package/dist/www/css/advertorial/components/inputfield.css +2 -2
  37. package/dist/www/css/advertorial/components/liveticker.css +3 -3
  38. package/dist/www/css/advertorial/components/mediaplayer.css +3 -3
  39. package/dist/www/css/advertorial/components/menu.css +3 -3
  40. package/dist/www/css/advertorial/components/newsticker.css +4 -4
  41. package/dist/www/css/advertorial/components/pagination.css +2 -2
  42. package/dist/www/css/advertorial/components/paywall.css +1 -1
  43. package/dist/www/css/advertorial/components/quote.css +3 -3
  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 +2 -2
  47. package/dist/www/css/advertorial/components/separator.css +1 -1
  48. package/dist/www/css/advertorial/components/skeletons.css +2 -2
  49. package/dist/www/css/advertorial/components/slider.css +1 -1
  50. package/dist/www/css/advertorial/components/specialnavi.css +2 -2
  51. package/dist/www/css/advertorial/components/spinner.css +2 -2
  52. package/dist/www/css/advertorial/components/tab.css +3 -3
  53. package/dist/www/css/advertorial/components/table.css +3 -3
  54. package/dist/www/css/advertorial/components/teaser.css +3 -3
  55. package/dist/www/css/advertorial/components/toggleswitch.css +3 -3
  56. package/dist/www/css/advertorial/components/video.css +3 -3
  57. package/dist/www/css/advertorial/theme.css +1 -1
  58. package/dist/www/css/advertorial/tokens.css +4 -4
  59. package/dist/www/css/bild/components/alert.css +17 -1
  60. package/dist/www/css/bild/components/article.css +3 -3
  61. package/dist/www/css/bild/components/audioplayer.css +2 -2
  62. package/dist/www/css/bild/components/avatar.css +3 -3
  63. package/dist/www/css/bild/components/badge.css +1 -1
  64. package/dist/www/css/bild/components/breadcrumb.css +2 -2
  65. package/dist/www/css/bild/components/breakingnews.css +3 -3
  66. package/dist/www/css/bild/components/button.css +2 -2
  67. package/dist/www/css/bild/components/card.css +2 -2
  68. package/dist/www/css/bild/components/carousel.css +3 -3
  69. package/dist/www/css/bild/components/chip.css +2 -2
  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 +3 -3
  79. package/dist/www/css/bild/components/inputfield.css +2 -2
  80. package/dist/www/css/bild/components/kicker.css +1 -1
  81. package/dist/www/css/bild/components/liveticker.css +3 -3
  82. package/dist/www/css/bild/components/mediaplayer.css +3 -3
  83. package/dist/www/css/bild/components/menu.css +19 -3
  84. package/dist/www/css/bild/components/menuitem.css +1 -1
  85. package/dist/www/css/bild/components/newsticker.css +4 -4
  86. package/dist/www/css/bild/components/pagination.css +2 -2
  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 +3 -3
  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 +2 -2
  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 +2 -2
  96. package/dist/www/css/bild/components/slider.css +1 -1
  97. package/dist/www/css/bild/components/specialnavi.css +2 -2
  98. package/dist/www/css/bild/components/spinner.css +2 -2
  99. package/dist/www/css/bild/components/subheader.css +1 -1
  100. package/dist/www/css/bild/components/tab.css +3 -3
  101. package/dist/www/css/bild/components/table.css +3 -3
  102. package/dist/www/css/bild/components/teaser.css +13 -3
  103. package/dist/www/css/bild/components/toggleswitch.css +3 -3
  104. package/dist/www/css/bild/components/video.css +3 -3
  105. package/dist/www/css/bild/theme.css +57 -21
  106. package/dist/www/css/bild/tokens.css +4 -4
  107. package/dist/www/css/bundles/advertorial.css +46 -46
  108. package/dist/www/css/bundles/bild.css +144 -66
  109. package/dist/www/css/bundles/sportbild.css +144 -66
  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 +17 -1
  116. package/dist/www/css/sportbild/components/article.css +3 -3
  117. package/dist/www/css/sportbild/components/audioplayer.css +2 -2
  118. package/dist/www/css/sportbild/components/avatar.css +3 -3
  119. package/dist/www/css/sportbild/components/badge.css +1 -1
  120. package/dist/www/css/sportbild/components/breadcrumb.css +2 -2
  121. package/dist/www/css/sportbild/components/breakingnews.css +3 -3
  122. package/dist/www/css/sportbild/components/button.css +2 -2
  123. package/dist/www/css/sportbild/components/card.css +2 -2
  124. package/dist/www/css/sportbild/components/carousel.css +3 -3
  125. package/dist/www/css/sportbild/components/chip.css +2 -2
  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 +3 -3
  135. package/dist/www/css/sportbild/components/inputfield.css +2 -2
  136. package/dist/www/css/sportbild/components/kicker.css +1 -1
  137. package/dist/www/css/sportbild/components/liveticker.css +3 -3
  138. package/dist/www/css/sportbild/components/mediaplayer.css +3 -3
  139. package/dist/www/css/sportbild/components/menu.css +19 -3
  140. package/dist/www/css/sportbild/components/menuitem.css +1 -1
  141. package/dist/www/css/sportbild/components/newsticker.css +4 -4
  142. package/dist/www/css/sportbild/components/pagination.css +2 -2
  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 +3 -3
  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 +2 -2
  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 +2 -2
  152. package/dist/www/css/sportbild/components/slider.css +1 -1
  153. package/dist/www/css/sportbild/components/specialnavi.css +2 -2
  154. package/dist/www/css/sportbild/components/spinner.css +2 -2
  155. package/dist/www/css/sportbild/components/subheader.css +1 -1
  156. package/dist/www/css/sportbild/components/tab.css +3 -3
  157. package/dist/www/css/sportbild/components/table.css +3 -3
  158. package/dist/www/css/sportbild/components/teaser.css +13 -3
  159. package/dist/www/css/sportbild/components/toggleswitch.css +3 -3
  160. package/dist/www/css/sportbild/components/video.css +3 -3
  161. package/dist/www/css/sportbild/theme.css +57 -21
  162. package/dist/www/css/sportbild/tokens.css +4 -4
  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-DnybiLpQ.js +0 -2
  167. package/dist/www/build/p-0af1a614.css +0 -1
  168. package/dist/www/build/p-DnybiLpQ.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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | 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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | 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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | 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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | 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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: InfoElement Component Tokens
@@ -24,7 +24,7 @@
24
24
 
25
25
  @media (min-width: 600px) {
26
26
  [data-content-brand="advertorial"],
27
- :host([data-content-brand="advertorial"]) {
27
+ :host([data-content-brand="advertorial"]) {
28
28
  --info-element-teaser-image-height-size: 83px;
29
29
  --info-element-teaser-image-width-size: var(--size-18-p-5-x, 148px);
30
30
  }
@@ -32,7 +32,7 @@
32
32
 
33
33
  @media (min-width: 1024px) {
34
34
  [data-content-brand="advertorial"],
35
- :host([data-content-brand="advertorial"]) {
35
+ :host([data-content-brand="advertorial"]) {
36
36
  --info-element-teaser-badge-height-size: var(--size-3-x, 24px);
37
37
  --info-element-teaser-image-height-size: 133px;
38
38
  --info-element-teaser-image-width-size: 236px;
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: InputField Component Tokens
@@ -84,7 +84,7 @@
84
84
 
85
85
  @media (min-width: 1024px) {
86
86
  [data-content-brand="advertorial"],
87
- :host([data-content-brand="advertorial"]) {
87
+ :host([data-content-brand="advertorial"]) {
88
88
  --hey-input-container-inline-space: var(--inline-space-const-lg);
89
89
  --input-field-label-line-height: var(--density-input-field-label-font-size);
90
90
  }
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: LiveTicker Component Tokens
@@ -46,7 +46,7 @@
46
46
 
47
47
  @media (min-width: 600px) {
48
48
  [data-content-brand="advertorial"],
49
- :host([data-content-brand="advertorial"]) {
49
+ :host([data-content-brand="advertorial"]) {
50
50
  --live-ticker-headlines-font-size: 32px;
51
51
  --live-ticker-time-stamp-font-size: 16px;
52
52
  --live-ticker-app-card-height-size: 128px;
@@ -56,7 +56,7 @@
56
56
 
57
57
  @media (min-width: 1024px) {
58
58
  [data-content-brand="advertorial"],
59
- :host([data-content-brand="advertorial"]) {
59
+ :host([data-content-brand="advertorial"]) {
60
60
  --live-ticker-slider-item-width-max-size: 537px;
61
61
  }
62
62
  }
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: MediaPlayer Component Tokens
@@ -56,7 +56,7 @@
56
56
 
57
57
  @media (min-width: 600px) {
58
58
  [data-content-brand="advertorial"],
59
- :host([data-content-brand="advertorial"]) {
59
+ :host([data-content-brand="advertorial"]) {
60
60
  --vid-player-timecode-font-size: 16px;
61
61
  --vid-player-timecode-container-min-width-size: 58px;
62
62
  }
@@ -64,7 +64,7 @@
64
64
 
65
65
  @media (min-width: 1024px) {
66
66
  [data-content-brand="advertorial"],
67
- :host([data-content-brand="advertorial"]) {
67
+ :host([data-content-brand="advertorial"]) {
68
68
  --vid-player-bottom-bar-gap-space: var(--gap-space-const-lg);
69
69
  --vid-player-timecode-font-size: 18px;
70
70
  --vid-player-progress-bar-container-height-size: 42px;
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Menu Component Tokens
@@ -82,7 +82,7 @@
82
82
 
83
83
  @media (min-width: 600px) {
84
84
  [data-content-brand="advertorial"],
85
- :host([data-content-brand="advertorial"]) {
85
+ :host([data-content-brand="advertorial"]) {
86
86
  --app-topbar-title-font-size: 14px;
87
87
  --app-topbar-stage-title-height: 17px;
88
88
  --i-osapp-top-bar-height-size: 48px;
@@ -93,7 +93,7 @@
93
93
 
94
94
  @media (min-width: 1024px) {
95
95
  [data-content-brand="advertorial"],
96
- :host([data-content-brand="advertorial"]) {
96
+ :host([data-content-brand="advertorial"]) {
97
97
  --menu-logo-default-size: var(--size-18-p-5-x, 148px);
98
98
  --menu-special-navi-item-height-size: 56px;
99
99
  --menu-utility-links-container-height-size: var(--size-12-p-5-x, 100px);
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: NewsTicker Component Tokens
@@ -63,14 +63,14 @@
63
63
 
64
64
  @media (min-width: 390px) {
65
65
  [data-content-brand="advertorial"],
66
- :host([data-content-brand="advertorial"]) {
66
+ :host([data-content-brand="advertorial"]) {
67
67
  --news-ticker-time-font-family: var(--label-font-family);
68
68
  }
69
69
  }
70
70
 
71
71
  @media (min-width: 600px) {
72
72
  [data-content-brand="advertorial"],
73
- :host([data-content-brand="advertorial"]) {
73
+ :host([data-content-brand="advertorial"]) {
74
74
  --news-ticker-titles-inline-space: var(--space-3-x, 24px);
75
75
  --news-ticker-badges-inline-space: var(--space-1-p-5-x, 12px);
76
76
  --news-ticker-time-kicker-stack-space: var(--space-0-p-75-x, 6px);
@@ -84,7 +84,7 @@
84
84
 
85
85
  @media (min-width: 1024px) {
86
86
  [data-content-brand="advertorial"],
87
- :host([data-content-brand="advertorial"]) {
87
+ :host([data-content-brand="advertorial"]) {
88
88
  --news-ticker-time-font-size: 18px;
89
89
  --news-ticker-time-line-height: 23.4px;
90
90
  --news-ticker-titles-inline-space: 30px;
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Pagination Component Tokens
@@ -37,7 +37,7 @@
37
37
 
38
38
  @media (min-width: 600px) {
39
39
  [data-content-brand="advertorial"],
40
- :host([data-content-brand="advertorial"]) {
40
+ :host([data-content-brand="advertorial"]) {
41
41
  --gallery-pagination-container-web-inline-space: var(--inline-space-const-md);
42
42
  --gallery-pagination-container-stack-space: var(--stack-space-const-lg);
43
43
  }
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | 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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Quote Component Tokens
@@ -24,7 +24,7 @@
24
24
 
25
25
  @media (min-width: 600px) {
26
26
  [data-content-brand="advertorial"],
27
- :host([data-content-brand="advertorial"]) {
27
+ :host([data-content-brand="advertorial"]) {
28
28
  --quote-quotation-marks-font-size: var(--size-4-x, 32px);
29
29
  --quote-content-gap-space: var(--gap-space-const-3-xl);
30
30
  }
@@ -32,7 +32,7 @@
32
32
 
33
33
  @media (min-width: 1024px) {
34
34
  [data-content-brand="advertorial"],
35
- :host([data-content-brand="advertorial"]) {
35
+ :host([data-content-brand="advertorial"]) {
36
36
  --quote-container-inline-space: var(--space-3-p-5-x, 28px);
37
37
  --quote-quotation-marks-font-size: var(--size-4-p-5-x, 36px);
38
38
  }
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: RadioButton 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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Search 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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: SectionTitle Component Tokens
@@ -24,7 +24,7 @@
24
24
 
25
25
  @media (min-width: 1024px) {
26
26
  [data-content-brand="advertorial"],
27
- :host([data-content-brand="advertorial"]) {
27
+ :host([data-content-brand="advertorial"]) {
28
28
  --section-title-height-size: var(--size-5-x, 40px);
29
29
  --section-title-arrow-inline-space-active: 8px;
30
30
  }
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Separator 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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Skeletons Component Tokens
@@ -24,7 +24,7 @@
24
24
 
25
25
  @media (min-width: 600px) {
26
26
  [data-content-brand="advertorial"],
27
- :host([data-content-brand="advertorial"]) {
27
+ :host([data-content-brand="advertorial"]) {
28
28
  --headlines-skeleton-image-placeholder-max-width: var(--size-20-x, 160px);
29
29
  --article-skeleton-image-inline-space: var(--space-6-x, 48px);
30
30
  --article-skeleton-text-inline-space: var(--space-6-x, 48px);
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Slider 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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: SpecialNavi Component Tokens
@@ -31,7 +31,7 @@
31
31
 
32
32
  @media (min-width: 1024px) {
33
33
  [data-content-brand="advertorial"],
34
- :host([data-content-brand="advertorial"]) {
34
+ :host([data-content-brand="advertorial"]) {
35
35
  --special-navi-inline-space: var(--space-4-x, 32px);
36
36
  }
37
37
  }
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Spinner Component Tokens
@@ -23,7 +23,7 @@
23
23
 
24
24
  @media (min-width: 600px) {
25
25
  [data-content-brand="advertorial"],
26
- :host([data-content-brand="advertorial"]) {
26
+ :host([data-content-brand="advertorial"]) {
27
27
  --video-spinner-size: var(--size-10-x, 80px);
28
28
  --video-spinner-stroke-size: 4px;
29
29
  --video-spinner-size-0-5-x: 40px;
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Tab Component Tokens
@@ -53,14 +53,14 @@
53
53
 
54
54
  @media (min-width: 390px) {
55
55
  [data-content-brand="advertorial"],
56
- :host([data-content-brand="advertorial"]) {
56
+ :host([data-content-brand="advertorial"]) {
57
57
  --apps-tabs-label-font-size: 12px;
58
58
  }
59
59
  }
60
60
 
61
61
  @media (min-width: 600px) {
62
62
  [data-content-brand="advertorial"],
63
- :host([data-content-brand="advertorial"]) {
63
+ :host([data-content-brand="advertorial"]) {
64
64
  --android-tabbar-height-size: 74px;
65
65
  --tab-label-font-size-line: 16px;
66
66
  --apps-tabs-label-font-size: 16px;
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Table Component Tokens
@@ -28,7 +28,7 @@
28
28
 
29
29
  @media (min-width: 600px) {
30
30
  [data-content-brand="advertorial"],
31
- :host([data-content-brand="advertorial"]) {
31
+ :host([data-content-brand="advertorial"]) {
32
32
  --table-column-width-size-1-x: var(--size-12-x, 96px);
33
33
  --table-column-width-size-2-x: var(--size-22-p-5-x, 180px);
34
34
  --table-column-width-size-0-p-5-x: var(--size-6-x, 48px);
@@ -41,7 +41,7 @@
41
41
 
42
42
  @media (min-width: 1024px) {
43
43
  [data-content-brand="advertorial"],
44
- :host([data-content-brand="advertorial"]) {
44
+ :host([data-content-brand="advertorial"]) {
45
45
  --table-column-width-size-1-x: var(--size-17-p-5-x, 140px);
46
46
  --table-column-width-size-2-x: var(--size-27-p-5-x, 220px);
47
47
  --table-column-width-size-0-p-5-x: var(--size-9-x, 72px);
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Teaser Component Tokens
@@ -99,7 +99,7 @@
99
99
 
100
100
  @media (min-width: 600px) {
101
101
  [data-content-brand="advertorial"],
102
- :host([data-content-brand="advertorial"]) {
102
+ :host([data-content-brand="advertorial"]) {
103
103
  --teaser-title-inline-left-space: var(--space-0-x, 0px);
104
104
  --teaser-title-bottom-stack-space: var(--space-2-x, 16px);
105
105
  --m-qteaser-headline-font-size: var(--headline-3-font-size);
@@ -120,7 +120,7 @@
120
120
 
121
121
  @media (min-width: 1024px) {
122
122
  [data-content-brand="advertorial"],
123
- :host([data-content-brand="advertorial"]) {
123
+ :host([data-content-brand="advertorial"]) {
124
124
  --teaser-title-stack-space: var(--space-0-p-75-x, 6px);
125
125
  --teaser-badges-height-size-lg: var(--size-const-sm);
126
126
  --q-teaser-title-inline-space: var(--space-1-p-5-x, 12px);
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: ToggleSwitch Component Tokens
@@ -33,7 +33,7 @@
33
33
 
34
34
  @media (min-width: 600px) {
35
35
  [data-content-brand="advertorial"],
36
- :host([data-content-brand="advertorial"]) {
36
+ :host([data-content-brand="advertorial"]) {
37
37
  --app-toggle-item-label-font-size: 16px;
38
38
  --app-toggle-item-label-line-height: 16.2px;
39
39
  }
@@ -41,7 +41,7 @@
41
41
 
42
42
  @media (min-width: 1024px) {
43
43
  [data-content-brand="advertorial"],
44
- :host([data-content-brand="advertorial"]) {
44
+ :host([data-content-brand="advertorial"]) {
45
45
  --app-toggle-item-label-font-size: 18px;
46
46
  --app-toggle-item-label-line-height: 18.2px;
47
47
  }
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Video Component Tokens
@@ -30,7 +30,7 @@
30
30
 
31
31
  @media (min-width: 600px) {
32
32
  [data-content-brand="advertorial"],
33
- :host([data-content-brand="advertorial"]) {
33
+ :host([data-content-brand="advertorial"]) {
34
34
  --video-time-badge-font-size: 18px;
35
35
  --video-time-badge-size: var(--size-4-x, 32px);
36
36
  --video-red-play-icon-width-size: var(--size-1-p-5-x, 12px);
@@ -45,7 +45,7 @@
45
45
 
46
46
  @media (min-width: 1024px) {
47
47
  [data-content-brand="advertorial"],
48
- :host([data-content-brand="advertorial"]) {
48
+ :host([data-content-brand="advertorial"]) {
49
49
  --video-time-badge-size: var(--size-5-x, 40px);
50
50
  --video-red-play-icon-width-size: var(--size-1-p-75-x, 14px);
51
51
  --video-red-play-icon-height-size: var(--size-2-p-25-x, 18px);
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Theme (Color tokens + Effects for light/dark mode)
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Advertorial | Bundle: Tokens (Responsive breakpoints + Typography + Density)
@@ -209,7 +209,7 @@
209
209
 
210
210
  @media (min-width: 390px) {
211
211
  [data-content-brand="advertorial"],
212
- :host([data-content-brand="advertorial"]) {
212
+ :host([data-content-brand="advertorial"]) {
213
213
  --canvas-min-width-size: 390px;
214
214
  --canvas-max-width-size: 599px;
215
215
  --canvas-height-size-web: 844px;
@@ -227,7 +227,7 @@
227
227
 
228
228
  @media (min-width: 600px) {
229
229
  [data-content-brand="advertorial"],
230
- :host([data-content-brand="advertorial"]) {
230
+ :host([data-content-brand="advertorial"]) {
231
231
  --grid-space-resp-lg: var(--space-4-x, 32px);
232
232
  --grid-space-resp-xl: var(--space-8-x, 64px);
233
233
  --layout-guide-grid-columns: 8;
@@ -305,7 +305,7 @@
305
305
 
306
306
  @media (min-width: 1024px) {
307
307
  [data-content-brand="advertorial"],
308
- :host([data-content-brand="advertorial"]) {
308
+ :host([data-content-brand="advertorial"]) {
309
309
  --grid-space-resp-base: var(--space-2-x, 16px);
310
310
  --grid-space-resp-sm: var(--space-1-x, 8px);
311
311
  --page-inline-space: var(--space-2-x, 16px);
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Alert Component Tokens
@@ -13,3 +13,19 @@
13
13
  */
14
14
 
15
15
  /* === OTHER TOKENS === */
16
+
17
+ [data-color-brand="bild"],
18
+ :host([data-color-brand="bild"]) {
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
+
23
+ [data-color-brand="bild"] .alert-shadow-down,
24
+ :host([data-color-brand="bild"]) .alert-shadow-down {
25
+ box-shadow: var(--alert-shadow-down);
26
+ }
27
+
28
+ [data-color-brand="bild"] .alert-shadow-up,
29
+ :host([data-color-brand="bild"]) .alert-shadow-up {
30
+ box-shadow: var(--alert-shadow-up);
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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Article Component Tokens
@@ -80,7 +80,7 @@
80
80
 
81
81
  @media (min-width: 600px) {
82
82
  [data-content-brand="bild"],
83
- :host([data-content-brand="bild"]) {
83
+ :host([data-content-brand="bild"]) {
84
84
  --aricle-mobile-1-col-grid-image-margin-space: var(--space-9-x, 72px);
85
85
  --article-image-landscape-inline-space: var(--space-1-p-5-x, 12px);
86
86
  --article-content-inline-space: var(--space-9-x, 72px);
@@ -95,7 +95,7 @@
95
95
 
96
96
  @media (min-width: 1024px) {
97
97
  [data-content-brand="bild"],
98
- :host([data-content-brand="bild"]) {
98
+ :host([data-content-brand="bild"]) {
99
99
  --article-headings-stack-space: var(--space-2-x, 16px);
100
100
  --article-image-landscape-inline-space: var(--space-2-x, 16px);
101
101
  --article-content-inline-space: 162px;
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: AudioPlayer Component Tokens
@@ -31,7 +31,7 @@
31
31
 
32
32
  @media (min-width: 1024px) {
33
33
  [data-content-brand="bild"],
34
- :host([data-content-brand="bild"]) {
34
+ :host([data-content-brand="bild"]) {
35
35
  --audio-player-font-size: 18px;
36
36
  }
37
37
  }
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Avatar Component Tokens
@@ -85,7 +85,7 @@
85
85
 
86
86
  @media (min-width: 600px) {
87
87
  [data-content-brand="bild"],
88
- :host([data-content-brand="bild"]) {
88
+ :host([data-content-brand="bild"]) {
89
89
  --avatar-author-page-size: var(--size-16-p-25, 130px);
90
90
  --avatar-lane-gap-space: var(--space-3-x, 24px);
91
91
  }
@@ -93,7 +93,7 @@
93
93
 
94
94
  @media (min-width: 1024px) {
95
95
  [data-content-brand="bild"],
96
- :host([data-content-brand="bild"]) {
96
+ :host([data-content-brand="bild"]) {
97
97
  --avatar-label-font-size: 18px;
98
98
  --avatar-label-line-height: 23px;
99
99
  }
@@ -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.2
4
+ * BILD Design System Tokens v1.4.4
5
5
  * Generated by Style Dictionary v5.1.4
6
6
  *
7
7
  * Brand: Bild | Bundle: Badge Component Tokens