@marioschmidt/design-system-components 1.7.7 → 1.7.8
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.
- package/dist/bds/bds.css +1 -1
- package/dist/bds/bds.esm.js +1 -1
- package/dist/bds/{p-217f0839.entry.js → p-990d50cf.entry.js} +1 -1
- package/dist/bds/p-Bf75cAb9.js +2 -0
- package/dist/cjs/bds.cjs.js +1 -1
- package/dist/cjs/ds-button_3.cjs.entry.js +1 -1
- package/dist/cjs/{index-CGF2GAZ9.js → index-DTpnElz0.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/components/ds-button.d.ts +1 -1
- package/dist/components/ds-card.d.ts +1 -1
- package/dist/components/ds-icon.d.ts +1 -1
- package/dist/components/index.js +1 -1
- package/dist/esm/bds.js +2 -2
- package/dist/esm/ds-button_3.entry.js +1 -1
- package/dist/esm/{index-C5-c-RTg.js → index-Bf75cAb9.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/www/build/bds.css +1 -1
- package/dist/www/build/bds.esm.js +1 -1
- package/dist/www/build/p-91d54bab.css +1 -0
- package/dist/www/build/{p-217f0839.entry.js → p-990d50cf.entry.js} +1 -1
- package/dist/www/build/p-Bf75cAb9.js +2 -0
- package/dist/www/css/advertorial/{theme.css → colors.css} +2 -2
- package/dist/www/css/advertorial/components/article-utilities.css +54 -0
- package/dist/www/css/advertorial/components/article.css +1 -42
- package/dist/www/css/advertorial/components/audioplayer-utilities.css +23 -0
- package/dist/www/css/advertorial/components/audioplayer.css +1 -11
- package/dist/www/css/advertorial/components/avatar-utilities.css +57 -0
- package/dist/www/css/advertorial/components/avatar.css +1 -45
- package/dist/www/css/advertorial/components/badge-utilities.css +31 -0
- package/dist/www/css/advertorial/components/badge.css +1 -19
- package/dist/www/css/advertorial/components/breadcrumb-utilities.css +41 -0
- package/dist/www/css/advertorial/components/breadcrumb.css +1 -29
- package/dist/www/css/advertorial/components/breakingnews-utilities.css +40 -0
- package/dist/www/css/advertorial/components/breakingnews.css +1 -28
- package/dist/www/css/advertorial/components/button-utilities.css +33 -0
- package/dist/www/css/advertorial/components/button.css +1 -21
- package/dist/www/css/advertorial/components/card.css +1 -1
- package/dist/www/css/advertorial/components/carousel.css +1 -1
- package/dist/www/css/advertorial/components/chip-utilities.css +22 -0
- package/dist/www/css/advertorial/components/chip.css +1 -10
- package/dist/www/css/advertorial/components/datepicker.css +1 -1
- package/dist/www/css/advertorial/components/drawers.css +1 -1
- package/dist/www/css/advertorial/components/dropdown.css +1 -1
- package/dist/www/css/advertorial/components/footer-utilities.css +23 -0
- package/dist/www/css/advertorial/components/footer.css +1 -11
- package/dist/www/css/advertorial/components/icon.css +1 -1
- package/dist/www/css/advertorial/components/iconbutton.css +1 -1
- package/dist/www/css/advertorial/components/infoelement.css +1 -1
- package/dist/www/css/advertorial/components/inputfield-utilities.css +23 -0
- package/dist/www/css/advertorial/components/inputfield.css +1 -11
- package/dist/www/css/advertorial/components/liveticker-utilities.css +31 -0
- package/dist/www/css/advertorial/components/liveticker.css +1 -19
- package/dist/www/css/advertorial/components/mediaplayer-utilities.css +40 -0
- package/dist/www/css/advertorial/components/mediaplayer.css +1 -28
- package/dist/www/css/advertorial/components/menu-utilities.css +50 -0
- package/dist/www/css/advertorial/components/menu.css +1 -38
- package/dist/www/css/advertorial/components/newsticker-utilities.css +39 -0
- package/dist/www/css/advertorial/components/newsticker.css +1 -27
- package/dist/www/css/advertorial/components/pagination-utilities.css +25 -0
- package/dist/www/css/advertorial/components/pagination.css +1 -13
- package/dist/www/css/advertorial/components/paywall-utilities.css +33 -0
- package/dist/www/css/advertorial/components/paywall.css +1 -21
- package/dist/www/css/advertorial/components/quote.css +1 -1
- package/dist/www/css/advertorial/components/radiobutton.css +1 -1
- package/dist/www/css/advertorial/components/search.css +1 -1
- package/dist/www/css/advertorial/components/sectiontitle.css +1 -1
- package/dist/www/css/advertorial/components/separator.css +1 -1
- package/dist/www/css/advertorial/components/skeletons.css +1 -1
- package/dist/www/css/advertorial/components/slider.css +1 -1
- package/dist/www/css/advertorial/components/specialnavi-utilities.css +23 -0
- package/dist/www/css/advertorial/components/specialnavi.css +1 -11
- package/dist/www/css/advertorial/components/spinner.css +1 -1
- package/dist/www/css/advertorial/components/tab-utilities.css +39 -0
- package/dist/www/css/advertorial/components/tab.css +1 -27
- package/dist/www/css/advertorial/components/table.css +1 -1
- package/dist/www/css/advertorial/components/teaser-utilities.css +63 -0
- package/dist/www/css/advertorial/components/teaser.css +1 -51
- package/dist/www/css/advertorial/components/toggleswitch-utilities.css +24 -0
- package/dist/www/css/advertorial/components/toggleswitch.css +1 -12
- package/dist/www/css/advertorial/components/video.css +1 -1
- package/dist/www/css/advertorial/{tokens.css → sizing.css} +2 -377
- package/dist/www/css/advertorial/utilities.css +388 -0
- package/dist/www/css/bild/{theme.css → colors.css} +2 -42
- package/dist/www/css/bild/components/alert-utilities.css +25 -0
- package/dist/www/css/bild/components/alert.css +2 -12
- package/dist/www/css/bild/components/article-utilities.css +54 -0
- package/dist/www/css/bild/components/article.css +1 -42
- package/dist/www/css/bild/components/audioplayer-utilities.css +23 -0
- package/dist/www/css/bild/components/audioplayer.css +1 -11
- package/dist/www/css/bild/components/avatar-utilities.css +57 -0
- package/dist/www/css/bild/components/avatar.css +1 -45
- package/dist/www/css/bild/components/badge-utilities.css +31 -0
- package/dist/www/css/bild/components/badge.css +1 -19
- package/dist/www/css/bild/components/breadcrumb-utilities.css +41 -0
- package/dist/www/css/bild/components/breadcrumb.css +1 -29
- package/dist/www/css/bild/components/breakingnews-utilities.css +40 -0
- package/dist/www/css/bild/components/breakingnews.css +1 -28
- package/dist/www/css/bild/components/button-utilities.css +33 -0
- package/dist/www/css/bild/components/button.css +1 -21
- package/dist/www/css/bild/components/card.css +1 -1
- package/dist/www/css/bild/components/carousel.css +1 -1
- package/dist/www/css/bild/components/chip-utilities.css +22 -0
- package/dist/www/css/bild/components/chip.css +1 -10
- package/dist/www/css/bild/components/datepicker.css +1 -1
- package/dist/www/css/bild/components/drawers.css +1 -1
- package/dist/www/css/bild/components/dropdown.css +1 -1
- package/dist/www/css/bild/components/empties.css +1 -1
- package/dist/www/css/bild/components/footer-utilities.css +23 -0
- package/dist/www/css/bild/components/footer.css +1 -11
- package/dist/www/css/bild/components/gallery.css +1 -1
- package/dist/www/css/bild/components/icon.css +1 -1
- package/dist/www/css/bild/components/iconbutton.css +1 -1
- package/dist/www/css/bild/components/infoelement.css +1 -1
- package/dist/www/css/bild/components/inputfield-utilities.css +23 -0
- package/dist/www/css/bild/components/inputfield.css +1 -11
- package/dist/www/css/bild/components/kicker.css +1 -1
- package/dist/www/css/bild/components/liveticker-utilities.css +31 -0
- package/dist/www/css/bild/components/liveticker.css +1 -19
- package/dist/www/css/bild/components/mediaplayer-utilities.css +40 -0
- package/dist/www/css/bild/components/mediaplayer.css +1 -28
- package/dist/www/css/bild/components/menu-utilities.css +62 -0
- package/dist/www/css/bild/components/menu.css +6 -51
- package/dist/www/css/bild/components/menuitem.css +1 -1
- package/dist/www/css/bild/components/newsticker-utilities.css +39 -0
- package/dist/www/css/bild/components/newsticker.css +1 -27
- package/dist/www/css/bild/components/pagination-utilities.css +25 -0
- package/dist/www/css/bild/components/pagination.css +1 -13
- package/dist/www/css/bild/components/partnerlinks.css +1 -1
- package/dist/www/css/bild/components/paywall-utilities.css +33 -0
- package/dist/www/css/bild/components/paywall.css +1 -21
- package/dist/www/css/bild/components/quote.css +1 -1
- package/dist/www/css/bild/components/radiobutton.css +1 -1
- package/dist/www/css/bild/components/search.css +1 -1
- package/dist/www/css/bild/components/sectiontitle.css +1 -1
- package/dist/www/css/bild/components/selection.css +1 -1
- package/dist/www/css/bild/components/separator.css +1 -1
- package/dist/www/css/bild/components/skeletons.css +1 -1
- package/dist/www/css/bild/components/slider.css +1 -1
- package/dist/www/css/bild/components/specialnavi-utilities.css +23 -0
- package/dist/www/css/bild/components/specialnavi.css +1 -11
- package/dist/www/css/bild/components/spinner.css +1 -1
- package/dist/www/css/bild/components/subheader.css +1 -1
- package/dist/www/css/bild/components/tab-utilities.css +39 -0
- package/dist/www/css/bild/components/tab.css +1 -27
- package/dist/www/css/bild/components/table.css +1 -1
- package/dist/www/css/bild/components/teaser-utilities.css +70 -0
- package/dist/www/css/bild/components/teaser.css +5 -58
- package/dist/www/css/bild/components/toggleswitch-utilities.css +24 -0
- package/dist/www/css/bild/components/toggleswitch.css +1 -12
- package/dist/www/css/bild/components/video.css +1 -1
- package/dist/www/css/bild/{tokens.css → sizing.css} +2 -377
- package/dist/www/css/bild/utilities.css +430 -0
- package/dist/www/css/bundles/advertorial-utilities.css +852 -0
- package/dist/www/css/bundles/advertorial.css +4 -833
- package/dist/www/css/bundles/bild-utilities.css +925 -0
- package/dist/www/css/bundles/bild.css +14 -904
- package/dist/www/css/bundles/sportbild-utilities.css +955 -0
- package/dist/www/css/bundles/sportbild.css +14 -934
- package/dist/www/css/shared/colorprimitive.css +1 -1
- package/dist/www/css/shared/fontprimitive.css +1 -1
- package/dist/www/css/shared/primitives.css +1 -1
- package/dist/www/css/shared/sizeprimitive.css +1 -1
- package/dist/www/css/shared/spaceprimitive.css +1 -1
- package/dist/www/css/sportbild/{theme.css → colors.css} +2 -42
- package/dist/www/css/sportbild/components/alert-utilities.css +25 -0
- package/dist/www/css/sportbild/components/alert.css +2 -12
- package/dist/www/css/sportbild/components/article-utilities.css +56 -0
- package/dist/www/css/sportbild/components/article.css +1 -44
- package/dist/www/css/sportbild/components/audioplayer-utilities.css +23 -0
- package/dist/www/css/sportbild/components/audioplayer.css +1 -11
- package/dist/www/css/sportbild/components/avatar-utilities.css +57 -0
- package/dist/www/css/sportbild/components/avatar.css +1 -45
- package/dist/www/css/sportbild/components/badge-utilities.css +31 -0
- package/dist/www/css/sportbild/components/badge.css +1 -19
- package/dist/www/css/sportbild/components/breadcrumb-utilities.css +41 -0
- package/dist/www/css/sportbild/components/breadcrumb.css +1 -29
- package/dist/www/css/sportbild/components/breakingnews-utilities.css +40 -0
- package/dist/www/css/sportbild/components/breakingnews.css +1 -28
- package/dist/www/css/sportbild/components/button-utilities.css +34 -0
- package/dist/www/css/sportbild/components/button.css +1 -22
- package/dist/www/css/sportbild/components/card.css +1 -1
- package/dist/www/css/sportbild/components/carousel.css +1 -1
- package/dist/www/css/sportbild/components/chip-utilities.css +22 -0
- package/dist/www/css/sportbild/components/chip.css +1 -10
- package/dist/www/css/sportbild/components/datepicker.css +1 -1
- package/dist/www/css/sportbild/components/drawers.css +1 -1
- package/dist/www/css/sportbild/components/dropdown.css +1 -1
- package/dist/www/css/sportbild/components/empties.css +1 -1
- package/dist/www/css/sportbild/components/footer-utilities.css +23 -0
- package/dist/www/css/sportbild/components/footer.css +1 -11
- package/dist/www/css/sportbild/components/gallery.css +1 -1
- package/dist/www/css/sportbild/components/icon.css +1 -1
- package/dist/www/css/sportbild/components/iconbutton.css +1 -1
- package/dist/www/css/sportbild/components/infoelement.css +1 -1
- package/dist/www/css/sportbild/components/inputfield-utilities.css +23 -0
- package/dist/www/css/sportbild/components/inputfield.css +1 -11
- package/dist/www/css/sportbild/components/kicker.css +1 -1
- package/dist/www/css/sportbild/components/liveticker-utilities.css +31 -0
- package/dist/www/css/sportbild/components/liveticker.css +1 -19
- package/dist/www/css/sportbild/components/mediaplayer-utilities.css +40 -0
- package/dist/www/css/sportbild/components/mediaplayer.css +1 -28
- package/dist/www/css/sportbild/components/menu-utilities.css +64 -0
- package/dist/www/css/sportbild/components/menu.css +6 -53
- package/dist/www/css/sportbild/components/menuitem.css +1 -1
- package/dist/www/css/sportbild/components/newsticker-utilities.css +40 -0
- package/dist/www/css/sportbild/components/newsticker.css +1 -28
- package/dist/www/css/sportbild/components/pagination-utilities.css +25 -0
- package/dist/www/css/sportbild/components/pagination.css +1 -13
- package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
- package/dist/www/css/sportbild/components/paywall-utilities.css +33 -0
- package/dist/www/css/sportbild/components/paywall.css +1 -21
- package/dist/www/css/sportbild/components/quote.css +1 -1
- package/dist/www/css/sportbild/components/radiobutton.css +1 -1
- package/dist/www/css/sportbild/components/search.css +1 -1
- package/dist/www/css/sportbild/components/sectiontitle.css +1 -1
- package/dist/www/css/sportbild/components/selection.css +1 -1
- package/dist/www/css/sportbild/components/separator.css +1 -1
- package/dist/www/css/sportbild/components/skeletons.css +1 -1
- package/dist/www/css/sportbild/components/slider.css +1 -1
- package/dist/www/css/sportbild/components/specialnavi-utilities.css +24 -0
- package/dist/www/css/sportbild/components/specialnavi.css +1 -12
- package/dist/www/css/sportbild/components/spinner.css +1 -1
- package/dist/www/css/sportbild/components/subheader.css +1 -1
- package/dist/www/css/sportbild/components/tab-utilities.css +39 -0
- package/dist/www/css/sportbild/components/tab.css +1 -27
- package/dist/www/css/sportbild/components/table.css +1 -1
- package/dist/www/css/sportbild/components/teaser-utilities.css +76 -0
- package/dist/www/css/sportbild/components/teaser.css +5 -64
- package/dist/www/css/sportbild/components/toggleswitch-utilities.css +24 -0
- package/dist/www/css/sportbild/components/toggleswitch.css +1 -12
- package/dist/www/css/sportbild/components/video.css +1 -1
- package/dist/www/css/sportbild/{tokens.css → sizing.css} +2 -394
- package/dist/www/css/sportbild/utilities.css +447 -0
- package/dist/www/icons/manifest.json +2 -2
- package/dist/www/index.html +1 -1
- package/package.json +1 -1
- package/dist/bds/p-C5-c-RTg.js +0 -2
- package/dist/www/build/p-C5-c-RTg.js +0 -2
- package/dist/www/build/p-e9e8d922.css +0 -1
|
@@ -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.7.
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: BreakingNews Component Tokens
|
|
@@ -44,33 +44,6 @@
|
|
|
44
44
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
/* === TYPOGRAPHY TOKENS === */
|
|
48
|
-
|
|
49
|
-
[data-content-brand="sportbild"] .breaking-news-text,
|
|
50
|
-
:host([data-content-brand="sportbild"]) .breaking-news-text {
|
|
51
|
-
font-family: var(--kicker-font-family);
|
|
52
|
-
font-weight: var(--body-font-weight-bold);
|
|
53
|
-
font-size: var(--breaking-news-scrolling-text-font-size);
|
|
54
|
-
line-height: var(--breaking-news-scrolling-text-line-height);
|
|
55
|
-
text-transform: uppercase;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
[data-content-brand="sportbild"] .breaking-news-upper-title,
|
|
59
|
-
:host([data-content-brand="sportbild"]) .breaking-news-upper-title {
|
|
60
|
-
font-family: var(--title-font-family);
|
|
61
|
-
font-weight: var(--title-font-weight);
|
|
62
|
-
font-size: var(--breaking-news-badge-upper-title-font-size);
|
|
63
|
-
line-height: var(--breaking-news-badge-upper-title-line-height);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
[data-content-brand="sportbild"] .breaking-news-lower-title,
|
|
67
|
-
:host([data-content-brand="sportbild"]) .breaking-news-lower-title {
|
|
68
|
-
font-family: var(--title-font-family);
|
|
69
|
-
font-weight: var(--title-font-weight);
|
|
70
|
-
font-size: var(--breaking-news-badge-lower-title-font-size);
|
|
71
|
-
line-height: var(--breaking-news-badge-lower-title-line-height);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
47
|
/* === BREAKPOINT TOKENS === */
|
|
75
48
|
|
|
76
49
|
[data-content-brand="sportbild"],
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
|
+
* Generated by Style Dictionary v5.1.4
|
|
6
|
+
*
|
|
7
|
+
* Brand: Sportbild | Bundle: Button Utility Classes
|
|
8
|
+
*
|
|
9
|
+
* Copyright (c) 2026 Axel Springer Deutschland GmbH
|
|
10
|
+
* Proprietary and confidential. All rights reserved.
|
|
11
|
+
*
|
|
12
|
+
* Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/* === TYPOGRAPHY CLASSES === */
|
|
16
|
+
|
|
17
|
+
[data-content-brand="sportbild"] .button-label,
|
|
18
|
+
:host([data-content-brand="sportbild"]) .button-label {
|
|
19
|
+
font-family: var(--button-label-font-family);
|
|
20
|
+
font-weight: 700;
|
|
21
|
+
font-size: var(--button-label-font-size);
|
|
22
|
+
line-height: var(--button-label-line-height);
|
|
23
|
+
letter-spacing: var(--letter-space-positive-sm);
|
|
24
|
+
font-style: italic;
|
|
25
|
+
text-transform: uppercase;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
[data-content-brand="sportbild"] .partner-link-button-label,
|
|
29
|
+
:host([data-content-brand="sportbild"]) .partner-link-button-label {
|
|
30
|
+
font-family: var(--label-font-family);
|
|
31
|
+
font-weight: var(--label-font-weight-book);
|
|
32
|
+
font-size: var(--partner-link-button-label-font-size);
|
|
33
|
+
line-height: var(--partner-link-button-label-font-size);
|
|
34
|
+
}
|
|
@@ -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.7.
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Button Component Tokens
|
|
@@ -56,27 +56,6 @@
|
|
|
56
56
|
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
/* === TYPOGRAPHY TOKENS === */
|
|
60
|
-
|
|
61
|
-
[data-content-brand="sportbild"] .button-label,
|
|
62
|
-
:host([data-content-brand="sportbild"]) .button-label {
|
|
63
|
-
font-family: var(--button-label-font-family);
|
|
64
|
-
font-weight: 700;
|
|
65
|
-
font-size: var(--button-label-font-size);
|
|
66
|
-
line-height: var(--button-label-line-height);
|
|
67
|
-
letter-spacing: var(--letter-space-positive-sm);
|
|
68
|
-
font-style: italic;
|
|
69
|
-
text-transform: uppercase;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
[data-content-brand="sportbild"] .partner-link-button-label,
|
|
73
|
-
:host([data-content-brand="sportbild"]) .partner-link-button-label {
|
|
74
|
-
font-family: var(--label-font-family);
|
|
75
|
-
font-weight: var(--label-font-weight-book);
|
|
76
|
-
font-size: var(--partner-link-button-label-font-size);
|
|
77
|
-
line-height: var(--partner-link-button-label-font-size);
|
|
78
|
-
}
|
|
79
|
-
|
|
80
59
|
/* === BREAKPOINT TOKENS === */
|
|
81
60
|
|
|
82
61
|
[data-content-brand="sportbild"],
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
|
+
* Generated by Style Dictionary v5.1.4
|
|
6
|
+
*
|
|
7
|
+
* Brand: Sportbild | Bundle: Chip Utility Classes
|
|
8
|
+
*
|
|
9
|
+
* Copyright (c) 2026 Axel Springer Deutschland GmbH
|
|
10
|
+
* Proprietary and confidential. All rights reserved.
|
|
11
|
+
*
|
|
12
|
+
* Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/* === TYPOGRAPHY CLASSES === */
|
|
16
|
+
|
|
17
|
+
[data-content-brand="sportbild"] .chip-label,
|
|
18
|
+
:host([data-content-brand="sportbild"]) .chip-label {
|
|
19
|
+
font-family: var(--footnote-font-family);
|
|
20
|
+
font-weight: var(--label-font-weight-bold);
|
|
21
|
+
font-size: var(--chip-font-size);
|
|
22
|
+
}
|
|
@@ -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.7.
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Chip Component Tokens
|
|
@@ -28,15 +28,6 @@
|
|
|
28
28
|
--chip-label-color-hover: var(--text-color-primary-on-light);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
/* === TYPOGRAPHY TOKENS === */
|
|
32
|
-
|
|
33
|
-
[data-content-brand="sportbild"] .chip-label,
|
|
34
|
-
:host([data-content-brand="sportbild"]) .chip-label {
|
|
35
|
-
font-family: var(--footnote-font-family);
|
|
36
|
-
font-weight: var(--label-font-weight-bold);
|
|
37
|
-
font-size: var(--chip-font-size);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
31
|
/* === BREAKPOINT TOKENS === */
|
|
41
32
|
|
|
42
33
|
[data-content-brand="sportbild"],
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
|
+
* Generated by Style Dictionary v5.1.4
|
|
6
|
+
*
|
|
7
|
+
* Brand: Sportbild | Bundle: Footer Utility Classes
|
|
8
|
+
*
|
|
9
|
+
* Copyright (c) 2026 Axel Springer Deutschland GmbH
|
|
10
|
+
* Proprietary and confidential. All rights reserved.
|
|
11
|
+
*
|
|
12
|
+
* Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/* === TYPOGRAPHY CLASSES === */
|
|
16
|
+
|
|
17
|
+
[data-content-brand="sportbild"] .footer-link,
|
|
18
|
+
:host([data-content-brand="sportbild"]) .footer-link {
|
|
19
|
+
font-family: var(--footer-font-family);
|
|
20
|
+
font-weight: var(--label-font-weight-bold);
|
|
21
|
+
font-size: var(--footer-font-size);
|
|
22
|
+
line-height: var(--footer-line-height);
|
|
23
|
+
}
|
|
@@ -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.7.
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Footer Component Tokens
|
|
@@ -12,16 +12,6 @@
|
|
|
12
12
|
* Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
-
/* === TYPOGRAPHY TOKENS === */
|
|
16
|
-
|
|
17
|
-
[data-content-brand="sportbild"] .footer-link,
|
|
18
|
-
:host([data-content-brand="sportbild"]) .footer-link {
|
|
19
|
-
font-family: var(--footer-font-family);
|
|
20
|
-
font-weight: var(--label-font-weight-bold);
|
|
21
|
-
font-size: var(--footer-font-size);
|
|
22
|
-
line-height: var(--footer-line-height);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
15
|
/* === BREAKPOINT TOKENS === */
|
|
26
16
|
|
|
27
17
|
[data-content-brand="sportbild"],
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
|
+
* Generated by Style Dictionary v5.1.4
|
|
6
|
+
*
|
|
7
|
+
* Brand: Sportbild | Bundle: Inputfield Utility Classes
|
|
8
|
+
*
|
|
9
|
+
* Copyright (c) 2026 Axel Springer Deutschland GmbH
|
|
10
|
+
* Proprietary and confidential. All rights reserved.
|
|
11
|
+
*
|
|
12
|
+
* Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/* === TYPOGRAPHY CLASSES === */
|
|
16
|
+
|
|
17
|
+
[data-content-brand="sportbild"] .input-field-label,
|
|
18
|
+
:host([data-content-brand="sportbild"]) .input-field-label {
|
|
19
|
+
font-family: var(--input-field-label-font-family);
|
|
20
|
+
font-weight: var(--label-font-weight-book);
|
|
21
|
+
font-size: var(--input-field-label-font-size);
|
|
22
|
+
line-height: var(--input-field-label-line-height);
|
|
23
|
+
}
|
|
@@ -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.7.
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Inputfield Component Tokens
|
|
@@ -12,16 +12,6 @@
|
|
|
12
12
|
* Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
-
/* === TYPOGRAPHY TOKENS === */
|
|
16
|
-
|
|
17
|
-
[data-content-brand="sportbild"] .input-field-label,
|
|
18
|
-
:host([data-content-brand="sportbild"]) .input-field-label {
|
|
19
|
-
font-family: var(--input-field-label-font-family);
|
|
20
|
-
font-weight: var(--label-font-weight-book);
|
|
21
|
-
font-size: var(--input-field-label-font-size);
|
|
22
|
-
line-height: var(--input-field-label-line-height);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
15
|
/* === BREAKPOINT TOKENS === */
|
|
26
16
|
|
|
27
17
|
[data-content-brand="sportbild"],
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
|
+
* Generated by Style Dictionary v5.1.4
|
|
6
|
+
*
|
|
7
|
+
* Brand: Sportbild | Bundle: LiveTicker Utility Classes
|
|
8
|
+
*
|
|
9
|
+
* Copyright (c) 2026 Axel Springer Deutschland GmbH
|
|
10
|
+
* Proprietary and confidential. All rights reserved.
|
|
11
|
+
*
|
|
12
|
+
* Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/* === TYPOGRAPHY CLASSES === */
|
|
16
|
+
|
|
17
|
+
[data-content-brand="sportbild"] .live-ticker-headline,
|
|
18
|
+
:host([data-content-brand="sportbild"]) .live-ticker-headline {
|
|
19
|
+
font-family: var(--headline-font-family);
|
|
20
|
+
font-weight: var(--live-tickerheadline-font-weight);
|
|
21
|
+
font-size: var(--live-ticker-headlines-font-size);
|
|
22
|
+
line-height: var(--live-ticker-headlines-font-size);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
[data-content-brand="sportbild"] .live-ticker-time-stamp,
|
|
26
|
+
:host([data-content-brand="sportbild"]) .live-ticker-time-stamp {
|
|
27
|
+
font-family: var(--time-stamp-font-family);
|
|
28
|
+
font-weight: var(--label-font-weight-bold);
|
|
29
|
+
font-size: var(--live-ticker-time-stamp-font-size);
|
|
30
|
+
line-height: var(--live-ticker-time-stamp-font-size);
|
|
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.7.
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: LiveTicker Component Tokens
|
|
@@ -12,24 +12,6 @@
|
|
|
12
12
|
* Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
-
/* === TYPOGRAPHY TOKENS === */
|
|
16
|
-
|
|
17
|
-
[data-content-brand="sportbild"] .live-ticker-headline,
|
|
18
|
-
:host([data-content-brand="sportbild"]) .live-ticker-headline {
|
|
19
|
-
font-family: var(--headline-font-family);
|
|
20
|
-
font-weight: var(--live-tickerheadline-font-weight);
|
|
21
|
-
font-size: var(--live-ticker-headlines-font-size);
|
|
22
|
-
line-height: var(--live-ticker-headlines-font-size);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
[data-content-brand="sportbild"] .live-ticker-time-stamp,
|
|
26
|
-
:host([data-content-brand="sportbild"]) .live-ticker-time-stamp {
|
|
27
|
-
font-family: var(--time-stamp-font-family);
|
|
28
|
-
font-weight: var(--label-font-weight-bold);
|
|
29
|
-
font-size: var(--live-ticker-time-stamp-font-size);
|
|
30
|
-
line-height: var(--live-ticker-time-stamp-font-size);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
15
|
/* === BREAKPOINT TOKENS === */
|
|
34
16
|
|
|
35
17
|
[data-content-brand="sportbild"],
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
|
+
* Generated by Style Dictionary v5.1.4
|
|
6
|
+
*
|
|
7
|
+
* Brand: Sportbild | Bundle: MediaPlayer Utility Classes
|
|
8
|
+
*
|
|
9
|
+
* Copyright (c) 2026 Axel Springer Deutschland GmbH
|
|
10
|
+
* Proprietary and confidential. All rights reserved.
|
|
11
|
+
*
|
|
12
|
+
* Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/* === TYPOGRAPHY CLASSES === */
|
|
16
|
+
|
|
17
|
+
[data-content-brand="sportbild"] .podcast-player-label,
|
|
18
|
+
:host([data-content-brand="sportbild"]) .podcast-player-label {
|
|
19
|
+
font-family: var(--label-font-family);
|
|
20
|
+
font-weight: var(--label-font-weight-book);
|
|
21
|
+
font-size: var(--audio-player-font-size);
|
|
22
|
+
line-height: var(--audio-player-font-size);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
[data-content-brand="sportbild"] .video-ad-time,
|
|
26
|
+
:host([data-content-brand="sportbild"]) .video-ad-time {
|
|
27
|
+
font-family: var(--title-font-family);
|
|
28
|
+
font-weight: var(--title-font-weight);
|
|
29
|
+
font-size: var(--video-ad-badge-font-size);
|
|
30
|
+
text-transform: uppercase;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
[data-content-brand="sportbild"] .video-player-time,
|
|
34
|
+
:host([data-content-brand="sportbild"]) .video-player-time {
|
|
35
|
+
font-family: var(--title-font-family);
|
|
36
|
+
font-weight: var(--title-font-weight);
|
|
37
|
+
font-size: var(--vid-player-timecode-font-size);
|
|
38
|
+
line-height: 1;
|
|
39
|
+
text-transform: uppercase;
|
|
40
|
+
}
|
|
@@ -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.7.
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: MediaPlayer Component Tokens
|
|
@@ -58,33 +58,6 @@
|
|
|
58
58
|
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
/* === TYPOGRAPHY TOKENS === */
|
|
62
|
-
|
|
63
|
-
[data-content-brand="sportbild"] .podcast-player-label,
|
|
64
|
-
:host([data-content-brand="sportbild"]) .podcast-player-label {
|
|
65
|
-
font-family: var(--label-font-family);
|
|
66
|
-
font-weight: var(--label-font-weight-book);
|
|
67
|
-
font-size: var(--audio-player-font-size);
|
|
68
|
-
line-height: var(--audio-player-font-size);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
[data-content-brand="sportbild"] .video-ad-time,
|
|
72
|
-
:host([data-content-brand="sportbild"]) .video-ad-time {
|
|
73
|
-
font-family: var(--title-font-family);
|
|
74
|
-
font-weight: var(--title-font-weight);
|
|
75
|
-
font-size: var(--video-ad-badge-font-size);
|
|
76
|
-
text-transform: uppercase;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
[data-content-brand="sportbild"] .video-player-time,
|
|
80
|
-
:host([data-content-brand="sportbild"]) .video-player-time {
|
|
81
|
-
font-family: var(--title-font-family);
|
|
82
|
-
font-weight: var(--title-font-weight);
|
|
83
|
-
font-size: var(--vid-player-timecode-font-size);
|
|
84
|
-
line-height: 1;
|
|
85
|
-
text-transform: uppercase;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
61
|
/* === BREAKPOINT TOKENS === */
|
|
89
62
|
|
|
90
63
|
[data-content-brand="sportbild"],
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
|
+
* Generated by Style Dictionary v5.1.4
|
|
6
|
+
*
|
|
7
|
+
* Brand: Sportbild | Bundle: Menu Utility Classes
|
|
8
|
+
*
|
|
9
|
+
* Copyright (c) 2026 Axel Springer Deutschland GmbH
|
|
10
|
+
* Proprietary and confidential. All rights reserved.
|
|
11
|
+
*
|
|
12
|
+
* Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/* === TYPOGRAPHY CLASSES === */
|
|
16
|
+
|
|
17
|
+
[data-content-brand="sportbild"] .app-topbar-stage-title,
|
|
18
|
+
:host([data-content-brand="sportbild"]) .app-topbar-stage-title {
|
|
19
|
+
font-family: var(--title-font-family);
|
|
20
|
+
font-weight: var(--title-font-weight);
|
|
21
|
+
font-size: var(--app-topbar-title-font-size);
|
|
22
|
+
line-height: var(--app-topbar-stage-title-line-height);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
[data-content-brand="sportbild"] .app-topbar-tabs-title,
|
|
26
|
+
:host([data-content-brand="sportbild"]) .app-topbar-tabs-title {
|
|
27
|
+
font-family: var(--title-font-family);
|
|
28
|
+
font-weight: var(--title-font-weight);
|
|
29
|
+
font-size: var(--app-topbar-title-font-size);
|
|
30
|
+
line-height: var(--app-topbar-stage-title-line-height);
|
|
31
|
+
text-transform: uppercase;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
[data-content-brand="sportbild"] .menu-item-label,
|
|
35
|
+
:host([data-content-brand="sportbild"]) .menu-item-label {
|
|
36
|
+
font-family: var(--label-font-family);
|
|
37
|
+
font-weight: 700;
|
|
38
|
+
font-size: var(--menu-item-font-size);
|
|
39
|
+
line-height: var(--menu-item-font-size);
|
|
40
|
+
font-style: italic;
|
|
41
|
+
text-transform: uppercase;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
[data-content-brand="sportbild"] .menu-item-util-label,
|
|
45
|
+
:host([data-content-brand="sportbild"]) .menu-item-util-label {
|
|
46
|
+
font-family: var(--label-font-family);
|
|
47
|
+
font-weight: 700;
|
|
48
|
+
font-size: var(--menu-item-util-font-size);
|
|
49
|
+
line-height: var(--menu-item-util-font-size);
|
|
50
|
+
font-style: italic;
|
|
51
|
+
text-transform: uppercase;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/* === EFFECT CLASSES === */
|
|
55
|
+
|
|
56
|
+
[data-color-brand="sportbild"] .menu-shadow,
|
|
57
|
+
:host([data-color-brand="sportbild"]) .menu-shadow {
|
|
58
|
+
box-shadow: var(--menu-shadow);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
[data-color-brand="sportbild"] .hey-input-shadow,
|
|
62
|
+
:host([data-color-brand="sportbild"]) .hey-input-shadow {
|
|
63
|
+
box-shadow: var(--hey-input-shadow);
|
|
64
|
+
}
|
|
@@ -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.7.
|
|
4
|
+
* BILD Design System Tokens v1.7.8
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Menu Component Tokens
|
|
@@ -40,43 +40,12 @@
|
|
|
40
40
|
--app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral-100, #FFFFFF);
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
/* ===
|
|
43
|
+
/* === EFFECTS VARIABLES === */
|
|
44
44
|
|
|
45
|
-
[data-
|
|
46
|
-
:host([data-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
font-size: var(--app-topbar-title-font-size);
|
|
50
|
-
line-height: var(--app-topbar-stage-title-line-height);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
[data-content-brand="sportbild"] .app-topbar-tabs-title,
|
|
54
|
-
:host([data-content-brand="sportbild"]) .app-topbar-tabs-title {
|
|
55
|
-
font-family: var(--title-font-family);
|
|
56
|
-
font-weight: var(--title-font-weight);
|
|
57
|
-
font-size: var(--app-topbar-title-font-size);
|
|
58
|
-
line-height: var(--app-topbar-stage-title-line-height);
|
|
59
|
-
text-transform: uppercase;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
[data-content-brand="sportbild"] .menu-item-label,
|
|
63
|
-
:host([data-content-brand="sportbild"]) .menu-item-label {
|
|
64
|
-
font-family: var(--label-font-family);
|
|
65
|
-
font-weight: 700;
|
|
66
|
-
font-size: var(--menu-item-font-size);
|
|
67
|
-
line-height: var(--menu-item-font-size);
|
|
68
|
-
font-style: italic;
|
|
69
|
-
text-transform: uppercase;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
[data-content-brand="sportbild"] .menu-item-util-label,
|
|
73
|
-
:host([data-content-brand="sportbild"]) .menu-item-util-label {
|
|
74
|
-
font-family: var(--label-font-family);
|
|
75
|
-
font-weight: 700;
|
|
76
|
-
font-size: var(--menu-item-util-font-size);
|
|
77
|
-
line-height: var(--menu-item-util-font-size);
|
|
78
|
-
font-style: italic;
|
|
79
|
-
text-transform: uppercase;
|
|
45
|
+
[data-color-brand="sportbild"],
|
|
46
|
+
:host([data-color-brand="sportbild"]) {
|
|
47
|
+
--menu-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
|
|
48
|
+
--hey-input-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
|
|
80
49
|
}
|
|
81
50
|
|
|
82
51
|
/* === BREAKPOINT TOKENS === */
|
|
@@ -145,19 +114,3 @@
|
|
|
145
114
|
--menu-surface-color: var(--bg-color-primary);
|
|
146
115
|
--app-top-bar-icon-color: var(--icon-color-secondary);
|
|
147
116
|
}
|
|
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
|
-
|
|
155
|
-
[data-color-brand="sportbild"] .menu-shadow,
|
|
156
|
-
:host([data-color-brand="sportbild"]) .menu-shadow {
|
|
157
|
-
box-shadow: var(--menu-shadow);
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
[data-color-brand="sportbild"] .hey-input-shadow,
|
|
161
|
-
:host([data-color-brand="sportbild"]) .hey-input-shadow {
|
|
162
|
-
box-shadow: var(--hey-input-shadow);
|
|
163
|
-
}
|