@marioschmidt/design-system-components 1.0.78 → 1.1.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 (198) hide show
  1. package/README.md +11 -7
  2. package/dist/bds/bds.css +1 -1
  3. package/dist/bds/bds.esm.js +1 -1
  4. package/dist/bds/{p-30a9c996.entry.js → p-84bc6959.entry.js} +2 -2
  5. package/dist/bds/p-ChFDVObC.js +3 -0
  6. package/dist/bds/p-ChFDVObC.js.map +1 -0
  7. package/dist/cjs/bds.cjs.js +1 -1
  8. package/dist/cjs/ds-button_2.cjs.entry.js +1 -1
  9. package/dist/cjs/index-D8A-8VrK.js +1398 -0
  10. package/dist/cjs/index-D8A-8VrK.js.map +1 -0
  11. package/dist/cjs/loader.cjs.js +1 -1
  12. package/dist/components/index.js +1 -1
  13. package/dist/components/index.js.map +1 -1
  14. package/dist/esm/bds.js +2 -2
  15. package/dist/esm/ds-button_2.entry.js +1 -1
  16. package/dist/esm/index-ChFDVObC.js +1391 -0
  17. package/dist/esm/index-ChFDVObC.js.map +1 -0
  18. package/dist/esm/loader.js +2 -2
  19. package/dist/www/build/bds.css +1 -1
  20. package/dist/www/build/bds.esm.js +1 -1
  21. package/dist/www/build/{p-30a9c996.entry.js → p-84bc6959.entry.js} +2 -2
  22. package/dist/www/build/p-ChFDVObC.js +3 -0
  23. package/dist/www/build/p-ChFDVObC.js.map +1 -0
  24. package/dist/www/build/p-bbf896ac.css +1 -0
  25. package/dist/www/css/README.md +74 -1
  26. package/dist/www/css/advertorial/components/_dsysdocs.css +10 -3
  27. package/dist/www/css/advertorial/components/accordion.css +4 -10
  28. package/dist/www/css/advertorial/components/article.css +17 -51
  29. package/dist/www/css/advertorial/components/audioplayer.css +2 -2
  30. package/dist/www/css/advertorial/components/avatar.css +3 -37
  31. package/dist/www/css/advertorial/components/badge.css +2 -10
  32. package/dist/www/css/advertorial/components/breadcrumb.css +6 -24
  33. package/dist/www/css/advertorial/components/breakingnews.css +2 -18
  34. package/dist/www/css/advertorial/components/button.css +7 -11
  35. package/dist/www/css/advertorial/components/card.css +2 -2
  36. package/dist/www/css/advertorial/components/carousel.css +2 -2
  37. package/dist/www/css/advertorial/components/chip.css +2 -2
  38. package/dist/www/css/advertorial/components/datepicker.css +4 -4
  39. package/dist/www/css/advertorial/components/drawers.css +2 -2
  40. package/dist/www/css/advertorial/components/dropdown.css +2 -2
  41. package/dist/www/css/advertorial/components/footer.css +6 -30
  42. package/dist/www/css/advertorial/components/icon.css +2 -2
  43. package/dist/www/css/advertorial/components/iconbutton.css +53 -0
  44. package/dist/www/css/advertorial/components/infoelement.css +2 -2
  45. package/dist/www/css/advertorial/components/inputfield.css +13 -8
  46. package/dist/www/css/advertorial/components/liveticker.css +2 -10
  47. package/dist/www/css/advertorial/components/mediaplayer.css +4 -20
  48. package/dist/www/css/advertorial/components/menu.css +6 -33
  49. package/dist/www/css/advertorial/components/newsticker.css +2 -18
  50. package/dist/www/css/advertorial/components/pagination.css +3 -3
  51. package/dist/www/css/advertorial/components/paywall.css +3 -12
  52. package/dist/www/css/advertorial/components/quote.css +2 -2
  53. package/dist/www/css/advertorial/components/radiobutton.css +2 -2
  54. package/dist/www/css/advertorial/components/search.css +2 -2
  55. package/dist/www/css/advertorial/components/sectiontitle.css +2 -2
  56. package/dist/www/css/advertorial/components/separator.css +2 -2
  57. package/dist/www/css/advertorial/components/skeletons.css +2 -2
  58. package/dist/www/css/advertorial/components/slider.css +2 -2
  59. package/dist/www/css/advertorial/components/specialnavi.css +2 -2
  60. package/dist/www/css/advertorial/components/spinner.css +2 -2
  61. package/dist/www/css/advertorial/components/tab.css +2 -18
  62. package/dist/www/css/advertorial/components/table.css +2 -2
  63. package/dist/www/css/advertorial/components/teaser.css +2 -42
  64. package/dist/www/css/advertorial/components/toggleswitch.css +2 -2
  65. package/dist/www/css/advertorial/components/video.css +2 -2
  66. package/dist/www/css/advertorial/theme.css +2 -2
  67. package/dist/www/css/advertorial/tokens.css +197 -336
  68. package/dist/www/css/bild/components/_dsysdoc.css +2 -6
  69. package/dist/www/css/bild/components/_dsysdocs.css +10 -3
  70. package/dist/www/css/bild/components/accordion.css +4 -10
  71. package/dist/www/css/bild/components/alert.css +2 -8
  72. package/dist/www/css/bild/components/article.css +17 -51
  73. package/dist/www/css/bild/components/audioplayer.css +2 -2
  74. package/dist/www/css/bild/components/avatar.css +12 -51
  75. package/dist/www/css/bild/components/badge.css +2 -10
  76. package/dist/www/css/bild/components/breadcrumb.css +14 -50
  77. package/dist/www/css/bild/components/breakingnews.css +11 -27
  78. package/dist/www/css/bild/components/button.css +37 -58
  79. package/dist/www/css/bild/components/card.css +4 -4
  80. package/dist/www/css/bild/components/carousel.css +2 -2
  81. package/dist/www/css/bild/components/chip.css +16 -22
  82. package/dist/www/css/bild/components/datepicker.css +4 -4
  83. package/dist/www/css/bild/components/drawers.css +2 -2
  84. package/dist/www/css/bild/components/dropdown.css +6 -6
  85. package/dist/www/css/bild/components/empties.css +6 -6
  86. package/dist/www/css/bild/components/footer.css +6 -30
  87. package/dist/www/css/bild/components/gallery.css +2 -2
  88. package/dist/www/css/bild/components/icon.css +2 -2
  89. package/dist/www/css/bild/components/iconbutton.css +53 -0
  90. package/dist/www/css/bild/components/infoelement.css +2 -2
  91. package/dist/www/css/bild/components/inputfield.css +16 -33
  92. package/dist/www/css/bild/components/kicker.css +6 -6
  93. package/dist/www/css/bild/components/liveticker.css +2 -10
  94. package/dist/www/css/bild/components/mediaplayer.css +26 -40
  95. package/dist/www/css/bild/components/menu.css +18 -46
  96. package/dist/www/css/bild/components/menuitem.css +8 -29
  97. package/dist/www/css/bild/components/newsticker.css +4 -20
  98. package/dist/www/css/bild/components/pagination.css +9 -10
  99. package/dist/www/css/bild/components/partnerlinks.css +12 -20
  100. package/dist/www/css/bild/components/paywall.css +3 -12
  101. package/dist/www/css/bild/components/quote.css +2 -2
  102. package/dist/www/css/bild/components/radiobutton.css +2 -2
  103. package/dist/www/css/bild/components/search.css +2 -2
  104. package/dist/www/css/bild/components/sectiontitle.css +2 -2
  105. package/dist/www/css/bild/components/selection.css +6 -23
  106. package/dist/www/css/bild/components/separator.css +2 -2
  107. package/dist/www/css/bild/components/skeletons.css +2 -2
  108. package/dist/www/css/bild/components/slider.css +4 -4
  109. package/dist/www/css/bild/components/specialnavi.css +2 -2
  110. package/dist/www/css/bild/components/spinner.css +2 -2
  111. package/dist/www/css/bild/components/subheader.css +3 -3
  112. package/dist/www/css/bild/components/tab.css +2 -24
  113. package/dist/www/css/bild/components/table.css +2 -2
  114. package/dist/www/css/bild/components/teaser.css +6 -46
  115. package/dist/www/css/bild/components/toggleswitch.css +2 -2
  116. package/dist/www/css/bild/components/video.css +2 -2
  117. package/dist/www/css/bild/theme.css +321 -209
  118. package/dist/www/css/bild/tokens.css +197 -336
  119. package/dist/www/css/bundles/advertorial.css +381 -697
  120. package/dist/www/css/bundles/bild.css +842 -1282
  121. package/dist/www/css/bundles/sportbild.css +849 -1302
  122. package/dist/www/css/shared/colorprimitive.css +91 -47
  123. package/dist/www/css/shared/fontprimitive.css +4 -2
  124. package/dist/www/css/shared/primitives.css +94 -47
  125. package/dist/www/css/shared/sizeprimitive.css +3 -2
  126. package/dist/www/css/shared/spaceprimitive.css +2 -2
  127. package/dist/www/css/sportbild/components/_dsysdoc.css +2 -6
  128. package/dist/www/css/sportbild/components/_dsysdocs.css +10 -3
  129. package/dist/www/css/sportbild/components/accordion.css +4 -10
  130. package/dist/www/css/sportbild/components/alert.css +2 -8
  131. package/dist/www/css/sportbild/components/article.css +17 -52
  132. package/dist/www/css/sportbild/components/audioplayer.css +2 -2
  133. package/dist/www/css/sportbild/components/avatar.css +12 -51
  134. package/dist/www/css/sportbild/components/badge.css +2 -10
  135. package/dist/www/css/sportbild/components/breadcrumb.css +14 -50
  136. package/dist/www/css/sportbild/components/breakingnews.css +6 -22
  137. package/dist/www/css/sportbild/components/button.css +37 -58
  138. package/dist/www/css/sportbild/components/card.css +4 -4
  139. package/dist/www/css/sportbild/components/carousel.css +2 -2
  140. package/dist/www/css/sportbild/components/chip.css +16 -22
  141. package/dist/www/css/sportbild/components/datepicker.css +4 -4
  142. package/dist/www/css/sportbild/components/drawers.css +2 -2
  143. package/dist/www/css/sportbild/components/dropdown.css +6 -6
  144. package/dist/www/css/sportbild/components/empties.css +6 -6
  145. package/dist/www/css/sportbild/components/footer.css +6 -30
  146. package/dist/www/css/sportbild/components/gallery.css +2 -2
  147. package/dist/www/css/sportbild/components/icon.css +2 -2
  148. package/dist/www/css/sportbild/components/iconbutton.css +53 -0
  149. package/dist/www/css/sportbild/components/infoelement.css +2 -2
  150. package/dist/www/css/sportbild/components/inputfield.css +16 -33
  151. package/dist/www/css/sportbild/components/kicker.css +6 -6
  152. package/dist/www/css/sportbild/components/liveticker.css +2 -10
  153. package/dist/www/css/sportbild/components/mediaplayer.css +26 -40
  154. package/dist/www/css/sportbild/components/menu.css +23 -53
  155. package/dist/www/css/sportbild/components/menuitem.css +8 -29
  156. package/dist/www/css/sportbild/components/newsticker.css +4 -21
  157. package/dist/www/css/sportbild/components/pagination.css +9 -10
  158. package/dist/www/css/sportbild/components/partnerlinks.css +12 -20
  159. package/dist/www/css/sportbild/components/paywall.css +3 -12
  160. package/dist/www/css/sportbild/components/quote.css +2 -2
  161. package/dist/www/css/sportbild/components/radiobutton.css +2 -2
  162. package/dist/www/css/sportbild/components/search.css +2 -2
  163. package/dist/www/css/sportbild/components/sectiontitle.css +2 -2
  164. package/dist/www/css/sportbild/components/selection.css +6 -23
  165. package/dist/www/css/sportbild/components/separator.css +2 -2
  166. package/dist/www/css/sportbild/components/skeletons.css +2 -2
  167. package/dist/www/css/sportbild/components/slider.css +4 -4
  168. package/dist/www/css/sportbild/components/specialnavi.css +2 -2
  169. package/dist/www/css/sportbild/components/spinner.css +2 -2
  170. package/dist/www/css/sportbild/components/subheader.css +3 -3
  171. package/dist/www/css/sportbild/components/tab.css +3 -25
  172. package/dist/www/css/sportbild/components/table.css +2 -2
  173. package/dist/www/css/sportbild/components/teaser.css +6 -51
  174. package/dist/www/css/sportbild/components/toggleswitch.css +2 -2
  175. package/dist/www/css/sportbild/components/video.css +2 -2
  176. package/dist/www/css/sportbild/theme.css +321 -209
  177. package/dist/www/css/sportbild/tokens.css +203 -346
  178. package/dist/www/index.html +1 -1
  179. package/package.json +1 -6
  180. package/dist/bds/p-V1LdMos7.js +0 -3
  181. package/dist/bds/p-V1LdMos7.js.map +0 -1
  182. package/dist/cjs/index-CrklIrqc.js +0 -1398
  183. package/dist/cjs/index-CrklIrqc.js.map +0 -1
  184. package/dist/esm/index-V1LdMos7.js +0 -1391
  185. package/dist/esm/index-V1LdMos7.js.map +0 -1
  186. package/dist/www/build/p-44d36d19.css +0 -1
  187. package/dist/www/build/p-V1LdMos7.js +0 -3
  188. package/dist/www/build/p-V1LdMos7.js.map +0 -1
  189. package/dist/www/css/bild/components/foldout.css +0 -34
  190. package/dist/www/css/bild/components/hey.css +0 -45
  191. package/dist/www/css/bild/components/socialsharebutton.css +0 -43
  192. package/dist/www/css/bild/components/textlink.css +0 -36
  193. package/dist/www/css/sportbild/components/foldout.css +0 -34
  194. package/dist/www/css/sportbild/components/hey.css +0 -45
  195. package/dist/www/css/sportbild/components/socialsharebutton.css +0 -43
  196. package/dist/www/css/sportbild/components/textlink.css +0 -36
  197. /package/dist/bds/{p-30a9c996.entry.js.map → p-84bc6959.entry.js.map} +0 -0
  198. /package/dist/www/build/{p-30a9c996.entry.js.map → p-84bc6959.entry.js.map} +0 -0
@@ -1,34 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- *
4
- * BILD Design System Tokens v1.0.78
5
- * Generated by Style Dictionary v4.2.0
6
- *
7
- * Brand: Bild | Bundle: Foldout Component Tokens
8
- *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
- * Proprietary and confidential. All rights reserved.
11
- *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
- */
14
-
15
- /* === COLOR TOKENS (LIGHT MODE) === */
16
-
17
- [data-color-brand="bild"][data-theme="light"],
18
- :host([data-color-brand="bild"][data-theme="light"]) {
19
- --foldout-label-color-active: var(--color-primary-active);
20
- }
21
-
22
- /* === COLOR TOKENS (DARK MODE) === */
23
-
24
- [data-color-brand="bild"][data-theme="dark"],
25
- :host([data-color-brand="bild"][data-theme="dark"]) {
26
- --foldout-label-color-active: var(--color-secondary-active);
27
- }
28
-
29
- /* === OTHER TOKENS === */
30
-
31
- [data-color-brand="bild"],
32
- :host([data-color-brand="bild"]) {
33
- --foldout-label-color-idle: var(--label-color-secondary);
34
- }
@@ -1,45 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- *
4
- * BILD Design System Tokens v1.0.78
5
- * Generated by Style Dictionary v4.2.0
6
- *
7
- * Brand: Bild | Bundle: Hey Component Tokens
8
- *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
- * Proprietary and confidential. All rights reserved.
11
- *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
- */
14
-
15
- /* === COLOR TOKENS (LIGHT MODE) === */
16
-
17
- [data-color-brand="bild"][data-theme="light"],
18
- :host([data-color-brand="bild"][data-theme="light"]) {
19
- /* ============================================
20
- OTHER
21
- ============================================ */
22
-
23
- --hey-fav-input-field-surface-color: var(--color-neutral-93, #E9ECEF);
24
- --hey-text-color: var(--color-neutral-35, #4B525A);
25
- --hey-icon-util-color: var(--color-neutral-35, #4B525A);
26
- --hey-separator-color: var(--color-neutral-85, #CED4DA);
27
- --hey-drawer-surface-color: var(--surface-color-secondary);
28
-
29
- }
30
-
31
- /* === COLOR TOKENS (DARK MODE) === */
32
-
33
- [data-color-brand="bild"][data-theme="dark"],
34
- :host([data-color-brand="bild"][data-theme="dark"]) {
35
- /* ============================================
36
- OTHER
37
- ============================================ */
38
-
39
- --hey-fav-input-field-surface-color: var(--color-neutral-35, #4B525A);
40
- --hey-text-color: var(--color-neutral-93, #E9ECEF);
41
- --hey-icon-util-color: var(--color-neutral-100, #FFFFFF);
42
- --hey-separator-color: var(--color-neutral-45, #666B70);
43
- --hey-drawer-surface-color: var(--surface-color-tertiary);
44
-
45
- }
@@ -1,43 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- *
4
- * BILD Design System Tokens v1.0.78
5
- * Generated by Style Dictionary v4.2.0
6
- *
7
- * Brand: Bild | Bundle: SocialShareButton Component Tokens
8
- *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
- * Proprietary and confidential. All rights reserved.
11
- *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
- */
14
-
15
- /* === COLOR TOKENS (LIGHT MODE) === */
16
-
17
- [data-color-brand="bild"][data-theme="light"],
18
- :host([data-color-brand="bild"][data-theme="light"]) {
19
- /* ============================================
20
- OTHER
21
- ============================================ */
22
-
23
- --social-share-button-label-color-default: var(--color-neutral-100, #FFFFFF);
24
- --social-share-button-label-color-active: var(--color-neutral-100, #FFFFFF);
25
- --social-share-button-bg-color-active: var(--color-neutral-25, #343C41);
26
- --social-share-button-bg-color-default: var(--color-neutral-35, #4B525A);
27
-
28
- }
29
-
30
- /* === COLOR TOKENS (DARK MODE) === */
31
-
32
- [data-color-brand="bild"][data-theme="dark"],
33
- :host([data-color-brand="bild"][data-theme="dark"]) {
34
- /* ============================================
35
- OTHER
36
- ============================================ */
37
-
38
- --social-share-button-label-color-default: var(--color-neutral-100, #FFFFFF);
39
- --social-share-button-label-color-active: var(--color-neutral-100, #FFFFFF);
40
- --social-share-button-bg-color-active: var(--color-neutral-25, #343C41);
41
- --social-share-button-bg-color-default: var(--color-neutral-35, #4B525A);
42
-
43
- }
@@ -1,36 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- *
4
- * BILD Design System Tokens v1.0.78
5
- * Generated by Style Dictionary v4.2.0
6
- *
7
- * Brand: Bild | Bundle: TextLink Component Tokens
8
- *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
- * Proprietary and confidential. All rights reserved.
11
- *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
- */
14
-
15
- /* === COLOR TOKENS (LIGHT MODE) === */
16
-
17
- [data-color-brand="bild"][data-theme="light"],
18
- :host([data-color-brand="bild"][data-theme="light"]) {
19
- --text-link-color-secondary: var(--text-color-secondary);
20
- --text-link-color-primary: var(--text-color-primary);
21
- }
22
-
23
- /* === COLOR TOKENS (DARK MODE) === */
24
-
25
- [data-color-brand="bild"][data-theme="dark"],
26
- :host([data-color-brand="bild"][data-theme="dark"]) {
27
- --text-link-color-secondary: var(--color-neutral-85, #CED4DA);
28
- --text-link-color-primary: var(--color-neutral-60, #8C9196);
29
- }
30
-
31
- /* === OTHER TOKENS === */
32
-
33
- [data-color-brand="bild"],
34
- :host([data-color-brand="bild"]) {
35
- --text-link-color-secondary-active: var(--text-color-primary);
36
- }
@@ -1,34 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- *
4
- * BILD Design System Tokens v1.0.78
5
- * Generated by Style Dictionary v4.2.0
6
- *
7
- * Brand: Sportbild | Bundle: Foldout Component Tokens
8
- *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
- * Proprietary and confidential. All rights reserved.
11
- *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
- */
14
-
15
- /* === COLOR TOKENS (LIGHT MODE) === */
16
-
17
- [data-color-brand="sportbild"][data-theme="light"],
18
- :host([data-color-brand="sportbild"][data-theme="light"]) {
19
- --foldout-label-color-active: var(--color-primary-active);
20
- }
21
-
22
- /* === COLOR TOKENS (DARK MODE) === */
23
-
24
- [data-color-brand="sportbild"][data-theme="dark"],
25
- :host([data-color-brand="sportbild"][data-theme="dark"]) {
26
- --foldout-label-color-active: var(--color-secondary-active);
27
- }
28
-
29
- /* === OTHER TOKENS === */
30
-
31
- [data-color-brand="sportbild"],
32
- :host([data-color-brand="sportbild"]) {
33
- --foldout-label-color-idle: var(--label-color-secondary);
34
- }
@@ -1,45 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- *
4
- * BILD Design System Tokens v1.0.78
5
- * Generated by Style Dictionary v4.2.0
6
- *
7
- * Brand: Sportbild | Bundle: Hey Component Tokens
8
- *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
- * Proprietary and confidential. All rights reserved.
11
- *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
- */
14
-
15
- /* === COLOR TOKENS (LIGHT MODE) === */
16
-
17
- [data-color-brand="sportbild"][data-theme="light"],
18
- :host([data-color-brand="sportbild"][data-theme="light"]) {
19
- /* ============================================
20
- OTHER
21
- ============================================ */
22
-
23
- --hey-fav-input-field-surface-color: var(--color-neutral-93, #E9ECEF);
24
- --hey-text-color: var(--color-neutral-35, #4B525A);
25
- --hey-icon-util-color: var(--color-neutral-35, #4B525A);
26
- --hey-separator-color: var(--color-neutral-85, #CED4DA);
27
- --hey-drawer-surface-color: var(--surface-color-secondary);
28
-
29
- }
30
-
31
- /* === COLOR TOKENS (DARK MODE) === */
32
-
33
- [data-color-brand="sportbild"][data-theme="dark"],
34
- :host([data-color-brand="sportbild"][data-theme="dark"]) {
35
- /* ============================================
36
- OTHER
37
- ============================================ */
38
-
39
- --hey-fav-input-field-surface-color: var(--color-neutral-35, #4B525A);
40
- --hey-text-color: var(--color-neutral-93, #E9ECEF);
41
- --hey-icon-util-color: var(--color-neutral-100, #FFFFFF);
42
- --hey-separator-color: var(--color-neutral-45, #666B70);
43
- --hey-drawer-surface-color: var(--surface-color-tertiary);
44
-
45
- }
@@ -1,43 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- *
4
- * BILD Design System Tokens v1.0.78
5
- * Generated by Style Dictionary v4.2.0
6
- *
7
- * Brand: Sportbild | Bundle: SocialShareButton Component Tokens
8
- *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
- * Proprietary and confidential. All rights reserved.
11
- *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
- */
14
-
15
- /* === COLOR TOKENS (LIGHT MODE) === */
16
-
17
- [data-color-brand="sportbild"][data-theme="light"],
18
- :host([data-color-brand="sportbild"][data-theme="light"]) {
19
- /* ============================================
20
- OTHER
21
- ============================================ */
22
-
23
- --social-share-button-label-color-default: var(--color-neutral-100, #FFFFFF);
24
- --social-share-button-label-color-active: var(--color-neutral-100, #FFFFFF);
25
- --social-share-button-bg-color-active: var(--color-neutral-25, #343C41);
26
- --social-share-button-bg-color-default: var(--color-neutral-35, #4B525A);
27
-
28
- }
29
-
30
- /* === COLOR TOKENS (DARK MODE) === */
31
-
32
- [data-color-brand="sportbild"][data-theme="dark"],
33
- :host([data-color-brand="sportbild"][data-theme="dark"]) {
34
- /* ============================================
35
- OTHER
36
- ============================================ */
37
-
38
- --social-share-button-label-color-default: var(--color-neutral-100, #FFFFFF);
39
- --social-share-button-label-color-active: var(--color-neutral-100, #FFFFFF);
40
- --social-share-button-bg-color-active: var(--color-neutral-25, #343C41);
41
- --social-share-button-bg-color-default: var(--color-neutral-35, #4B525A);
42
-
43
- }
@@ -1,36 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- *
4
- * BILD Design System Tokens v1.0.78
5
- * Generated by Style Dictionary v4.2.0
6
- *
7
- * Brand: Sportbild | Bundle: TextLink Component Tokens
8
- *
9
- * Copyright (c) 2025 Axel Springer Deutschland GmbH
10
- * Proprietary and confidential. All rights reserved.
11
- *
12
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
13
- */
14
-
15
- /* === COLOR TOKENS (LIGHT MODE) === */
16
-
17
- [data-color-brand="sportbild"][data-theme="light"],
18
- :host([data-color-brand="sportbild"][data-theme="light"]) {
19
- --text-link-color-secondary: var(--text-color-secondary);
20
- --text-link-color-primary: var(--text-color-primary);
21
- }
22
-
23
- /* === COLOR TOKENS (DARK MODE) === */
24
-
25
- [data-color-brand="sportbild"][data-theme="dark"],
26
- :host([data-color-brand="sportbild"][data-theme="dark"]) {
27
- --text-link-color-secondary: var(--color-neutral-85, #CED4DA);
28
- --text-link-color-primary: var(--color-neutral-60, #8C9196);
29
- }
30
-
31
- /* === OTHER TOKENS === */
32
-
33
- [data-color-brand="sportbild"],
34
- :host([data-color-brand="sportbild"]) {
35
- --text-link-color-secondary-active: var(--text-color-primary);
36
- }