@marioschmidt/design-system-components 1.0.79 → 1.2.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.
- package/dist/bds/bds.css +1 -1
- package/dist/bds/bds.esm.js +1 -1
- package/dist/bds/{p-30a9c996.entry.js → p-67bc59c5.entry.js} +2 -2
- package/dist/bds/p-Wtf1fKUK.js +3 -0
- package/dist/bds/p-Wtf1fKUK.js.map +1 -0
- package/dist/cjs/bds.cjs.js +1 -1
- package/dist/cjs/ds-button_2.cjs.entry.js +1 -1
- package/dist/cjs/index-B0IsCEmC.js +1398 -0
- package/dist/cjs/index-B0IsCEmC.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/esm/bds.js +2 -2
- package/dist/esm/ds-button_2.entry.js +1 -1
- package/dist/esm/index-Wtf1fKUK.js +1391 -0
- package/dist/esm/index-Wtf1fKUK.js.map +1 -0
- 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-444f99b6.css +1 -0
- package/dist/www/build/{p-30a9c996.entry.js → p-67bc59c5.entry.js} +2 -2
- package/dist/www/build/p-Wtf1fKUK.js +3 -0
- package/dist/www/build/p-Wtf1fKUK.js.map +1 -0
- package/dist/www/css/README.md +74 -1
- package/dist/www/css/advertorial/components/_dsysdocs.css +10 -3
- package/dist/www/css/advertorial/components/article.css +17 -51
- package/dist/www/css/advertorial/components/audioplayer.css +2 -2
- package/dist/www/css/advertorial/components/avatar.css +3 -37
- package/dist/www/css/advertorial/components/badge.css +3 -11
- package/dist/www/css/advertorial/components/breadcrumb.css +6 -24
- package/dist/www/css/advertorial/components/breakingnews.css +2 -18
- package/dist/www/css/advertorial/components/button.css +7 -11
- package/dist/www/css/advertorial/components/card.css +2 -2
- package/dist/www/css/advertorial/components/carousel.css +2 -2
- package/dist/www/css/advertorial/components/chip.css +2 -2
- package/dist/www/css/advertorial/components/datepicker.css +4 -4
- package/dist/www/css/advertorial/components/drawers.css +2 -2
- package/dist/www/css/advertorial/components/dropdown.css +2 -2
- package/dist/www/css/advertorial/components/footer.css +6 -30
- package/dist/www/css/advertorial/components/icon.css +2 -2
- package/dist/www/css/advertorial/components/iconbutton.css +53 -0
- package/dist/www/css/advertorial/components/infoelement.css +2 -2
- package/dist/www/css/advertorial/components/inputfield.css +13 -8
- package/dist/www/css/advertorial/components/liveticker.css +2 -10
- package/dist/www/css/advertorial/components/mediaplayer.css +4 -20
- package/dist/www/css/advertorial/components/menu.css +6 -33
- package/dist/www/css/advertorial/components/newsticker.css +2 -18
- package/dist/www/css/advertorial/components/pagination.css +3 -3
- package/dist/www/css/advertorial/components/paywall.css +3 -12
- package/dist/www/css/advertorial/components/quote.css +2 -2
- package/dist/www/css/advertorial/components/radiobutton.css +2 -2
- package/dist/www/css/advertorial/components/search.css +2 -2
- package/dist/www/css/advertorial/components/sectiontitle.css +2 -2
- package/dist/www/css/advertorial/components/separator.css +2 -2
- package/dist/www/css/advertorial/components/skeletons.css +2 -2
- package/dist/www/css/advertorial/components/slider.css +2 -2
- package/dist/www/css/advertorial/components/specialnavi.css +2 -2
- package/dist/www/css/advertorial/components/spinner.css +2 -2
- package/dist/www/css/advertorial/components/tab.css +2 -18
- package/dist/www/css/advertorial/components/table.css +2 -2
- package/dist/www/css/advertorial/components/teaser.css +2 -42
- package/dist/www/css/advertorial/components/toggleswitch.css +2 -2
- package/dist/www/css/advertorial/components/video.css +2 -2
- package/dist/www/css/advertorial/theme.css +2 -2
- package/dist/www/css/advertorial/tokens.css +197 -336
- package/dist/www/css/bild/components/_dsysdoc.css +2 -6
- package/dist/www/css/bild/components/_dsysdocs.css +10 -3
- package/dist/www/css/bild/components/alert.css +2 -8
- package/dist/www/css/bild/components/article.css +17 -51
- package/dist/www/css/bild/components/audioplayer.css +2 -2
- package/dist/www/css/bild/components/avatar.css +12 -51
- package/dist/www/css/bild/components/badge.css +3 -11
- package/dist/www/css/bild/components/breadcrumb.css +14 -50
- package/dist/www/css/bild/components/breakingnews.css +11 -27
- package/dist/www/css/bild/components/button.css +37 -58
- package/dist/www/css/bild/components/card.css +4 -4
- package/dist/www/css/bild/components/carousel.css +2 -2
- package/dist/www/css/bild/components/chip.css +16 -22
- package/dist/www/css/bild/components/datepicker.css +4 -4
- package/dist/www/css/bild/components/drawers.css +2 -2
- package/dist/www/css/bild/components/dropdown.css +6 -6
- package/dist/www/css/bild/components/empties.css +6 -6
- package/dist/www/css/bild/components/footer.css +6 -30
- package/dist/www/css/bild/components/gallery.css +2 -2
- package/dist/www/css/bild/components/icon.css +2 -2
- package/dist/www/css/bild/components/iconbutton.css +53 -0
- package/dist/www/css/bild/components/infoelement.css +2 -2
- package/dist/www/css/bild/components/inputfield.css +16 -33
- package/dist/www/css/bild/components/kicker.css +6 -6
- package/dist/www/css/bild/components/liveticker.css +2 -10
- package/dist/www/css/bild/components/mediaplayer.css +26 -40
- package/dist/www/css/bild/components/menu.css +18 -46
- package/dist/www/css/bild/components/menuitem.css +8 -29
- package/dist/www/css/bild/components/newsticker.css +4 -20
- package/dist/www/css/bild/components/pagination.css +9 -10
- package/dist/www/css/bild/components/partnerlinks.css +12 -20
- package/dist/www/css/bild/components/paywall.css +3 -12
- package/dist/www/css/bild/components/quote.css +2 -2
- package/dist/www/css/bild/components/radiobutton.css +2 -2
- package/dist/www/css/bild/components/search.css +2 -2
- package/dist/www/css/bild/components/sectiontitle.css +2 -2
- package/dist/www/css/bild/components/selection.css +6 -23
- package/dist/www/css/bild/components/separator.css +2 -2
- package/dist/www/css/bild/components/skeletons.css +2 -2
- package/dist/www/css/bild/components/slider.css +4 -4
- package/dist/www/css/bild/components/specialnavi.css +2 -2
- package/dist/www/css/bild/components/spinner.css +2 -2
- package/dist/www/css/bild/components/subheader.css +3 -3
- package/dist/www/css/bild/components/tab.css +2 -24
- package/dist/www/css/bild/components/table.css +2 -2
- package/dist/www/css/bild/components/teaser.css +6 -46
- package/dist/www/css/bild/components/toggleswitch.css +2 -2
- package/dist/www/css/bild/components/video.css +2 -2
- package/dist/www/css/bild/theme.css +319 -209
- package/dist/www/css/bild/tokens.css +197 -336
- package/dist/www/css/bundles/advertorial.css +380 -706
- package/dist/www/css/bundles/bild.css +839 -1291
- package/dist/www/css/bundles/sportbild.css +846 -1311
- package/dist/www/css/shared/colorprimitive.css +91 -47
- package/dist/www/css/shared/fontprimitive.css +4 -2
- package/dist/www/css/shared/primitives.css +94 -47
- package/dist/www/css/shared/sizeprimitive.css +3 -2
- package/dist/www/css/shared/spaceprimitive.css +2 -2
- package/dist/www/css/sportbild/components/_dsysdoc.css +2 -6
- package/dist/www/css/sportbild/components/_dsysdocs.css +10 -3
- package/dist/www/css/sportbild/components/alert.css +2 -8
- package/dist/www/css/sportbild/components/article.css +17 -52
- package/dist/www/css/sportbild/components/audioplayer.css +2 -2
- package/dist/www/css/sportbild/components/avatar.css +12 -51
- package/dist/www/css/sportbild/components/badge.css +3 -11
- package/dist/www/css/sportbild/components/breadcrumb.css +14 -50
- package/dist/www/css/sportbild/components/breakingnews.css +6 -22
- package/dist/www/css/sportbild/components/button.css +37 -58
- package/dist/www/css/sportbild/components/card.css +4 -4
- package/dist/www/css/sportbild/components/carousel.css +2 -2
- package/dist/www/css/sportbild/components/chip.css +16 -22
- package/dist/www/css/sportbild/components/datepicker.css +4 -4
- package/dist/www/css/sportbild/components/drawers.css +2 -2
- package/dist/www/css/sportbild/components/dropdown.css +6 -6
- package/dist/www/css/sportbild/components/empties.css +6 -6
- package/dist/www/css/sportbild/components/footer.css +6 -30
- package/dist/www/css/sportbild/components/gallery.css +2 -2
- package/dist/www/css/sportbild/components/icon.css +2 -2
- package/dist/www/css/sportbild/components/iconbutton.css +53 -0
- package/dist/www/css/sportbild/components/infoelement.css +2 -2
- package/dist/www/css/sportbild/components/inputfield.css +16 -33
- package/dist/www/css/sportbild/components/kicker.css +6 -6
- package/dist/www/css/sportbild/components/liveticker.css +2 -10
- package/dist/www/css/sportbild/components/mediaplayer.css +26 -40
- package/dist/www/css/sportbild/components/menu.css +23 -53
- package/dist/www/css/sportbild/components/menuitem.css +8 -29
- package/dist/www/css/sportbild/components/newsticker.css +4 -21
- package/dist/www/css/sportbild/components/pagination.css +9 -10
- package/dist/www/css/sportbild/components/partnerlinks.css +12 -20
- package/dist/www/css/sportbild/components/paywall.css +3 -12
- package/dist/www/css/sportbild/components/quote.css +2 -2
- package/dist/www/css/sportbild/components/radiobutton.css +2 -2
- package/dist/www/css/sportbild/components/search.css +2 -2
- package/dist/www/css/sportbild/components/sectiontitle.css +2 -2
- package/dist/www/css/sportbild/components/selection.css +6 -23
- package/dist/www/css/sportbild/components/separator.css +2 -2
- package/dist/www/css/sportbild/components/skeletons.css +2 -2
- package/dist/www/css/sportbild/components/slider.css +4 -4
- package/dist/www/css/sportbild/components/specialnavi.css +2 -2
- package/dist/www/css/sportbild/components/spinner.css +2 -2
- package/dist/www/css/sportbild/components/subheader.css +3 -3
- package/dist/www/css/sportbild/components/tab.css +3 -25
- package/dist/www/css/sportbild/components/table.css +2 -2
- package/dist/www/css/sportbild/components/teaser.css +6 -51
- package/dist/www/css/sportbild/components/toggleswitch.css +2 -2
- package/dist/www/css/sportbild/components/video.css +2 -2
- package/dist/www/css/sportbild/theme.css +319 -209
- package/dist/www/css/sportbild/tokens.css +203 -346
- package/dist/www/index.html +1 -1
- package/package.json +1 -1
- package/dist/bds/p-V1LdMos7.js +0 -3
- package/dist/bds/p-V1LdMos7.js.map +0 -1
- package/dist/cjs/index-CrklIrqc.js +0 -1398
- package/dist/cjs/index-CrklIrqc.js.map +0 -1
- package/dist/esm/index-V1LdMos7.js +0 -1391
- package/dist/esm/index-V1LdMos7.js.map +0 -1
- package/dist/www/build/p-44d36d19.css +0 -1
- package/dist/www/build/p-V1LdMos7.js +0 -3
- package/dist/www/build/p-V1LdMos7.js.map +0 -1
- package/dist/www/css/advertorial/components/accordion.css +0 -29
- package/dist/www/css/bild/components/accordion.css +0 -29
- package/dist/www/css/bild/components/foldout.css +0 -34
- package/dist/www/css/bild/components/hey.css +0 -45
- package/dist/www/css/bild/components/socialsharebutton.css +0 -43
- package/dist/www/css/bild/components/textlink.css +0 -36
- package/dist/www/css/sportbild/components/accordion.css +0 -29
- package/dist/www/css/sportbild/components/foldout.css +0 -34
- package/dist/www/css/sportbild/components/hey.css +0 -45
- package/dist/www/css/sportbild/components/socialsharebutton.css +0 -43
- package/dist/www/css/sportbild/components/textlink.css +0 -36
- /package/dist/bds/{p-30a9c996.entry.js.map → p-67bc59c5.entry.js.map} +0 -0
- /package/dist/www/build/{p-30a9c996.entry.js.map → p-67bc59c5.entry.js.map} +0 -0
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*
|
|
4
|
-
* BILD Design System Tokens v1.0.79
|
|
5
|
-
* Generated by Style Dictionary v4.2.0
|
|
6
|
-
*
|
|
7
|
-
* Brand: Advertorial | Bundle: Accordion 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
|
-
/* === TYPOGRAPHY TOKENS === */
|
|
16
|
-
|
|
17
|
-
[data-content-brand="advertorial"] .accordion-label,
|
|
18
|
-
:host([data-content-brand="advertorial"]) .accordion-label {
|
|
19
|
-
font-family: var(--font-family-lucida-grande, Lucida Grande);
|
|
20
|
-
font-weight: var(--label-font-weight-bold);
|
|
21
|
-
font-size: var(--label-1-font-size);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/* === BREAKPOINT TOKENS === */
|
|
25
|
-
|
|
26
|
-
[data-content-brand="advertorial"],
|
|
27
|
-
:host([data-content-brand="advertorial"]) {
|
|
28
|
-
--accordion-label-font-family: var(--font-family-lucida-grande, Lucida Grande);
|
|
29
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*
|
|
4
|
-
* BILD Design System Tokens v1.0.79
|
|
5
|
-
* Generated by Style Dictionary v4.2.0
|
|
6
|
-
*
|
|
7
|
-
* Brand: Bild | Bundle: Accordion 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
|
-
/* === TYPOGRAPHY TOKENS === */
|
|
16
|
-
|
|
17
|
-
[data-content-brand="bild"] .accordion-label,
|
|
18
|
-
:host([data-content-brand="bild"]) .accordion-label {
|
|
19
|
-
font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
|
|
20
|
-
font-weight: var(--label-font-weight-bold);
|
|
21
|
-
font-size: var(--label-1-font-size);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/* === BREAKPOINT TOKENS === */
|
|
25
|
-
|
|
26
|
-
[data-content-brand="bild"],
|
|
27
|
-
:host([data-content-brand="bild"]) {
|
|
28
|
-
--accordion-label-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
|
|
29
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*
|
|
4
|
-
* BILD Design System Tokens v1.0.79
|
|
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.79
|
|
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.79
|
|
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.79
|
|
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,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*
|
|
4
|
-
* BILD Design System Tokens v1.0.79
|
|
5
|
-
* Generated by Style Dictionary v4.2.0
|
|
6
|
-
*
|
|
7
|
-
* Brand: Sportbild | Bundle: Accordion 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
|
-
/* === TYPOGRAPHY TOKENS === */
|
|
16
|
-
|
|
17
|
-
[data-content-brand="sportbild"] .accordion-label,
|
|
18
|
-
:host([data-content-brand="sportbild"]) .accordion-label {
|
|
19
|
-
font-family: var(--font-family-inter, Inter);
|
|
20
|
-
font-weight: var(--label-font-weight-bold);
|
|
21
|
-
font-size: var(--label-1-font-size);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/* === BREAKPOINT TOKENS === */
|
|
25
|
-
|
|
26
|
-
[data-content-brand="sportbild"],
|
|
27
|
-
:host([data-content-brand="sportbild"]) {
|
|
28
|
-
--accordion-label-font-family: var(--font-family-inter, Inter);
|
|
29
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*
|
|
4
|
-
* BILD Design System Tokens v1.0.79
|
|
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.79
|
|
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.79
|
|
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.79
|
|
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
|
-
}
|
|
File without changes
|
|
File without changes
|