@marioschmidt/design-system-tokens 1.0.64 → 1.0.66

package/dist/js.min/brands/sportbild/components/NewsTicker.js

@@ -0,0 +1,28 @@
+export const NewsTicker = {"colors":{"dark":{"newsTickerTimestampColor":"#8C9196","newsTickerBadgeIconsColor":"#8C9196"},"light":{"newsTickerTimestampColor":"#8C9196","newsTickerBadgeIconsColor":"#8C9196"}},"sizing":{"lg":{"newsTickerTimeFontSize":"18px","newsTickerTimeFontWeight":700,"newsTickerTimeFontFamily":"AntennaExtraCond","newsTickerTimeLineHeight":"23.4px","newsTickerContentStackSpace":"4px","newsTickerKickerInnerStackSpace":"2px","newsTickerTitlesInlineSpace":"30px","newsTickerBadgesInlineSpace":"16px","newsTickerTime&kickerStackSpace":"6px","newsTickerEntriesStackSpace":"22px","newsTickerKickerInnerInlineSpace":"4px","newsTickerSkeletonBottomSpace":"0px","newsTickerRedDotSize":"16px","newsTickerEntriesLeftInlineSpace":"22px","newsTickerLineInlineSpace":"8px","newsTickerAppCardHeightSize":"150px","newsTickerAppCardWidthSize":"300px"},"md":{"newsTickerTimeFontSize":"16px","newsTickerTimeFontWeight":700,"newsTickerTimeFontFamily":"AntennaExtraCond","newsTickerTimeLineHeight":"20.8px","newsTickerContentStackSpace":"4px","newsTickerKickerInnerStackSpace":"2px","newsTickerTitlesInlineSpace":"24px","newsTickerBadgesInlineSpace":"12px","newsTickerTime&kickerStackSpace":"6px","newsTickerEntriesStackSpace":"22px","newsTickerKickerInnerInlineSpace":"4px","newsTickerSkeletonBottomSpace":"0px","newsTickerRedDotSize":"14px","newsTickerEntriesLeftInlineSpace":"22px","newsTickerLineInlineSpace":"7px","newsTickerAppCardHeightSize":"150px","newsTickerAppCardWidthSize":"300px"},"sm":{"newsTickerTimeFontSize":"16px","newsTickerTimeFontWeight":700,"newsTickerTimeFontFamily":"AntennaExtraCond","newsTickerTimeLineHeight":"20.8px","newsTickerContentStackSpace":"4px","newsTickerKickerInnerStackSpace":"2px","newsTickerTitlesInlineSpace":"18px","newsTickerBadgesInlineSpace":"8px","newsTickerTime&kickerStackSpace":"4px","newsTickerEntriesStackSpace":"22px","newsTickerKickerInnerInlineSpace":"4px","newsTickerSkeletonBottomSpace":"64px","newsTickerRedDotSize":"12px","newsTickerEntriesLeftInlineSpace":"22px","newsTickerLineInlineSpace":"6px","newsTickerAppCardHeightSize":"116px","newsTickerAppCardWidthSize":"250px"},"xs":{"newsTickerTimeFontSize":"16px","newsTickerTimeFontWeight":700,"newsTickerTimeFontFamily":"AntennaExtraCond","newsTickerTimeLineHeight":"20.8px","newsTickerContentStackSpace":"4px","newsTickerKickerInnerStackSpace":"2px","newsTickerTitlesInlineSpace":"18px","newsTickerBadgesInlineSpace":"8px","newsTickerTime&kickerStackSpace":"4px","newsTickerEntriesStackSpace":"22px","newsTickerKickerInnerInlineSpace":"4px","newsTickerSkeletonBottomSpace":"64px","newsTickerRedDotSize":"12px","newsTickerEntriesLeftInlineSpace":"22px","newsTickerLineInlineSpace":"6px","newsTickerAppCardHeightSize":"116px","newsTickerAppCardWidthSize":"250px"}},"typography":{"lg":{"newsTickerTimeStamp":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"18px","lineHeight":"23.4px"},"newsTickerKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"22px","lineHeight":"24.2px"},"newsTickerHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"34px","lineHeight":"39.1px"}},"md":{"newsTickerTimeStamp":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"16px","lineHeight":"20.8px"},"newsTickerKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"20px","lineHeight":"22px"},"newsTickerHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"30px","lineHeight":"34.5px"}},"sm":{"newsTickerTimeStamp":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"16px","lineHeight":"20.8px"},"newsTickerKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"16px","lineHeight":"17.6px"},"newsTickerHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"30px","lineHeight":"33px"}},"xs":{"newsTickerTimeStamp":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"16px","lineHeight":"20.8px"},"newsTickerKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"16px","lineHeight":"17.6px"},"newsTickerHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"30px","lineHeight":"33px"}}}};
+export const getNewsTickerTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...NewsTicker.colors?.[colorMode],
+  ...NewsTicker.sizing?.[breakpoint],
+  ...NewsTicker.density?.[density],
+  ...NewsTicker.typography?.[breakpoint],
+  ...NewsTicker.effects?.[colorMode]
+});
+export const newsTickerTimestampColor = "#8C9196";
+export const newsTickerBadgeIconsColor = "#8C9196";
+export const newsTickerTimeFontSize = "16px";
+export const newsTickerTimeFontWeight = 700;
+export const newsTickerTimeFontFamily = "AntennaExtraCond";
+export const newsTickerTimeLineHeight = "20.8px";
+export const newsTickerContentStackSpace = "4px";
+export const newsTickerKickerInnerStackSpace = "2px";
+export const newsTickerTitlesInlineSpace = "18px";
+export const newsTickerBadgesInlineSpace = "8px";
+export const newsTickerTime&kickerStackSpace = "4px";
+export const newsTickerEntriesStackSpace = "22px";
+export const newsTickerKickerInnerInlineSpace = "4px";
+export const newsTickerSkeletonBottomSpace = "64px";
+export const newsTickerRedDotSize = "12px";
+export const newsTickerEntriesLeftInlineSpace = "22px";
+export const newsTickerLineInlineSpace = "6px";
+export const newsTickerAppCardHeightSize = "116px";
+export const newsTickerAppCardWidthSize = "250px";
+export default NewsTicker;

package/dist/js.min/brands/sportbild/components/Pagination.js

@@ -0,0 +1,19 @@
+export const Pagination = {"colors":{"dark":{"paginationElementColorDefault":"#8C9196","paginationElementColorActive":"#F7F9FD","galleryPaginationElementActiveOpacity":100,"scrollBarTrackBgColor":"rgba(255, 255, 255, 0.1)","scrollBarThumbBgColor":"#8C9196"},"light":{"paginationElementColorDefault":"#CED4DA","paginationElementColorActive":"#174482","galleryPaginationElementActiveOpacity":100,"scrollBarTrackBgColor":"rgba(0, 0, 0, 0.1)","scrollBarThumbBgColor":"#8C9196"}},"sizing":{"lg":{"galleryPaginationItemHeightSize":"4px","galleryPaginationContainerWebInlineSpace":"12px","galleryPaginationContainerStackSpace":"16px","galleryPaginationContainerAppInlineSpace":"12px","scrollBarThicknessSize":"8px"},"md":{"galleryPaginationItemHeightSize":"4px","galleryPaginationContainerWebInlineSpace":"12px","galleryPaginationContainerStackSpace":"16px","galleryPaginationContainerAppInlineSpace":"12px","scrollBarThicknessSize":"8px"},"sm":{"galleryPaginationItemHeightSize":"4px","galleryPaginationContainerWebInlineSpace":"8px","galleryPaginationContainerStackSpace":"12px","galleryPaginationContainerAppInlineSpace":"12px","scrollBarThicknessSize":"8px"},"xs":{"galleryPaginationItemHeightSize":"4px","galleryPaginationContainerWebInlineSpace":"8px","galleryPaginationContainerStackSpace":"12px","galleryPaginationContainerAppInlineSpace":"12px","scrollBarThicknessSize":"8px"}},"typography":{"lg":{"numberedPaginationActive":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"17px","lineHeight":"20.4px"}},"md":{"numberedPaginationActive":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"17px","lineHeight":"20.4px"}},"sm":{"numberedPaginationActive":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"17px","lineHeight":"20.4px"}},"xs":{"numberedPaginationActive":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"17px","lineHeight":"20.4px"}}}};
+export const getPaginationTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Pagination.colors?.[colorMode],
+  ...Pagination.sizing?.[breakpoint],
+  ...Pagination.density?.[density],
+  ...Pagination.typography?.[breakpoint],
+  ...Pagination.effects?.[colorMode]
+});
+export const paginationElementColorDefault = "#CED4DA";
+export const paginationElementColorActive = "#174482";
+export const galleryPaginationElementActiveOpacity = 100;
+export const scrollBarTrackBgColor = "rgba(0, 0, 0, 0.1)";
+export const scrollBarThumbBgColor = "#8C9196";
+export const galleryPaginationItemHeightSize = "4px";
+export const galleryPaginationContainerWebInlineSpace = "8px";
+export const galleryPaginationContainerStackSpace = "12px";
+export const galleryPaginationContainerAppInlineSpace = "12px";
+export const scrollBarThicknessSize = "8px";
+export default Pagination;

package/dist/js.min/brands/sportbild/components/PartnerLinks.js

@@ -0,0 +1,14 @@
+export const PartnerLinks = {"colors":{"dark":{"partnerLinksBorderColorIdle":"#CED4DA","partnerLinksBorderColorActive":"#E9ECEF","partnerLinksBgColorIdle":"#343C41","partnerLinksBgColorActive":"#8C9196","partnerLinksContainerBorderColor":"#4B525A"},"light":{"partnerLinksBorderColorIdle":"#CED4DA","partnerLinksBorderColorActive":"#232629","partnerLinksBgColorIdle":"#FFFFFF","partnerLinksBgColorActive":"#E9ECEF","partnerLinksContainerBorderColor":"#CED4DA"}}};
+export const getPartnerLinksTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...PartnerLinks.colors?.[colorMode],
+  ...PartnerLinks.sizing?.[breakpoint],
+  ...PartnerLinks.density?.[density],
+  ...PartnerLinks.typography?.[breakpoint],
+  ...PartnerLinks.effects?.[colorMode]
+});
+export const partnerLinksBorderColorIdle = "#CED4DA";
+export const partnerLinksBorderColorActive = "#232629";
+export const partnerLinksBgColorIdle = "#FFFFFF";
+export const partnerLinksBgColorActive = "#E9ECEF";
+export const partnerLinksContainerBorderColor = "#CED4DA";
+export default PartnerLinks;

package/dist/js.min/brands/sportbild/components/Paywall.js

@@ -0,0 +1,16 @@
+export const Paywall = {"sizing":{"lg":{"paywallContainerGapSpace":"-48px","paywallHeaderBottomStackSpace":"80px","paywallCardMaxWidthSize":"346px","paywallCardPriceTagFontSize":"64px","paywallCardPriceTagLineHeight":"64px","paywallCardPriceNoteLineHeight":"40px","paywallCardPriceNoteFontSize":"40px"},"md":{"paywallContainerGapSpace":"-48px","paywallHeaderBottomStackSpace":"80px","paywallCardMaxWidthSize":"346px","paywallCardPriceTagFontSize":"64px","paywallCardPriceTagLineHeight":"64px","paywallCardPriceNoteLineHeight":"40px","paywallCardPriceNoteFontSize":"40px"},"sm":{"paywallContainerGapSpace":"-48px","paywallHeaderBottomStackSpace":"80px","paywallCardMaxWidthSize":"346px","paywallCardPriceTagFontSize":"64px","paywallCardPriceTagLineHeight":"64px","paywallCardPriceNoteLineHeight":"40px","paywallCardPriceNoteFontSize":"40px"},"xs":{"paywallContainerGapSpace":"-48px","paywallHeaderBottomStackSpace":"80px","paywallCardMaxWidthSize":"346px","paywallCardPriceTagFontSize":"64px","paywallCardPriceTagLineHeight":"64px","paywallCardPriceNoteLineHeight":"40px","paywallCardPriceNoteFontSize":"40px"}},"typography":{"lg":{"paywallCardPriceTag":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"64px","lineHeight":"64px"},"paywallCardNote":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"40px","lineHeight":"40px"}},"md":{"paywallCardPriceTag":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"64px","lineHeight":"64px"},"paywallCardNote":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"40px","lineHeight":"40px"}},"sm":{"paywallCardPriceTag":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"64px","lineHeight":"64px"},"paywallCardNote":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"40px","lineHeight":"40px"}},"xs":{"paywallCardPriceTag":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"64px","lineHeight":"64px"},"paywallCardNote":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"40px","lineHeight":"40px"}}}};
+export const getPaywallTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Paywall.colors?.[colorMode],
+  ...Paywall.sizing?.[breakpoint],
+  ...Paywall.density?.[density],
+  ...Paywall.typography?.[breakpoint],
+  ...Paywall.effects?.[colorMode]
+});
+export const paywallContainerGapSpace = "-48px";
+export const paywallHeaderBottomStackSpace = "80px";
+export const paywallCardMaxWidthSize = "346px";
+export const paywallCardPriceTagFontSize = "64px";
+export const paywallCardPriceTagLineHeight = "64px";
+export const paywallCardPriceNoteLineHeight = "40px";
+export const paywallCardPriceNoteFontSize = "40px";
+export default Paywall;

package/dist/js.min/brands/sportbild/components/Quote.js

@@ -0,0 +1,13 @@
+export const Quote = {"sizing":{"lg":{"quoteContainerInlineSpace":"28px","quoteContainerStackSpace":"32px","quoteQuotationMarksFontSize":"36px","quoteContentGapSpace":"48px"},"md":{"quoteContainerInlineSpace":"16px","quoteContainerStackSpace":"24px","quoteQuotationMarksFontSize":"32px","quoteContentGapSpace":"48px"},"sm":{"quoteContainerInlineSpace":"16px","quoteContainerStackSpace":"16px","quoteQuotationMarksFontSize":"28px","quoteContentGapSpace":"16px"},"xs":{"quoteContainerInlineSpace":"16px","quoteContainerStackSpace":"16px","quoteQuotationMarksFontSize":"28px","quoteContentGapSpace":"16px"}}};
+export const getQuoteTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Quote.colors?.[colorMode],
+  ...Quote.sizing?.[breakpoint],
+  ...Quote.density?.[density],
+  ...Quote.typography?.[breakpoint],
+  ...Quote.effects?.[colorMode]
+});
+export const quoteContainerInlineSpace = "16px";
+export const quoteContainerStackSpace = "16px";
+export const quoteQuotationMarksFontSize = "28px";
+export const quoteContentGapSpace = "16px";
+export default Quote;

package/dist/js.min/brands/sportbild/components/RadioButton.js

@@ -0,0 +1,11 @@
+export const RadioButton = {"sizing":{"lg":{"radioSelectorSize":"20px","radioSelectorDotActiveSize":"12px"},"md":{"radioSelectorSize":"20px","radioSelectorDotActiveSize":"12px"},"sm":{"radioSelectorSize":"20px","radioSelectorDotActiveSize":"12px"},"xs":{"radioSelectorSize":"20px","radioSelectorDotActiveSize":"12px"}}};
+export const getRadioButtonTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...RadioButton.colors?.[colorMode],
+  ...RadioButton.sizing?.[breakpoint],
+  ...RadioButton.density?.[density],
+  ...RadioButton.typography?.[breakpoint],
+  ...RadioButton.effects?.[colorMode]
+});
+export const radioSelectorSize = "20px";
+export const radioSelectorDotActiveSize = "12px";
+export default RadioButton;

package/dist/js.min/brands/sportbild/components/Search.js

@@ -0,0 +1,10 @@
+export const Search = {"sizing":{"lg":{"searchResultBadgeHeightSize":"18px"},"md":{"searchResultBadgeHeightSize":"18px"},"sm":{"searchResultBadgeHeightSize":"18px"},"xs":{"searchResultBadgeHeightSize":"18px"}}};
+export const getSearchTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Search.colors?.[colorMode],
+  ...Search.sizing?.[breakpoint],
+  ...Search.density?.[density],
+  ...Search.typography?.[breakpoint],
+  ...Search.effects?.[colorMode]
+});
+export const searchResultBadgeHeightSize = "18px";
+export default Search;

package/dist/js.min/brands/sportbild/components/SectionTitle.js

@@ -0,0 +1,13 @@
+export const SectionTitle = {"sizing":{"lg":{"sectionTitleInnerStackBottomSpace":"12px","sectionTitleHeightSize":"40px","sectionTitle&arrowInlineSpace":"5px","sectionTitle&arrowInlineSpaceActive":"8px"},"md":{"sectionTitleInnerStackBottomSpace":"12px","sectionTitleHeightSize":"32px","sectionTitle&arrowInlineSpace":"5px","sectionTitle&arrowInlineSpaceActive":"5px"},"sm":{"sectionTitleInnerStackBottomSpace":"12px","sectionTitleHeightSize":"32px","sectionTitle&arrowInlineSpace":"5px","sectionTitle&arrowInlineSpaceActive":"5px"},"xs":{"sectionTitleInnerStackBottomSpace":"12px","sectionTitleHeightSize":"32px","sectionTitle&arrowInlineSpace":"5px","sectionTitle&arrowInlineSpaceActive":"5px"}}};
+export const getSectionTitleTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...SectionTitle.colors?.[colorMode],
+  ...SectionTitle.sizing?.[breakpoint],
+  ...SectionTitle.density?.[density],
+  ...SectionTitle.typography?.[breakpoint],
+  ...SectionTitle.effects?.[colorMode]
+});
+export const sectionTitleInnerStackBottomSpace = "12px";
+export const sectionTitleHeightSize = "32px";
+export const sectionTitle&arrowInlineSpace = "5px";
+export const sectionTitle&arrowInlineSpaceActive = "5px";
+export default SectionTitle;

package/dist/js.min/brands/sportbild/components/Selection.js

@@ -0,0 +1,10 @@
+export const Selection = {"colors":{"dark":{"selectionBorderColor":"#8C9196"},"light":{"selectionBorderColor":"#4B525A"}}};
+export const getSelectionTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Selection.colors?.[colorMode],
+  ...Selection.sizing?.[breakpoint],
+  ...Selection.density?.[density],
+  ...Selection.typography?.[breakpoint],
+  ...Selection.effects?.[colorMode]
+});
+export const selectionBorderColor = "#4B525A";
+export default Selection;

package/dist/js.min/brands/sportbild/components/Separator.js

@@ -0,0 +1,10 @@
+export const Separator = {"sizing":{"lg":{"separatorThicknessSize":"2px"},"md":{"separatorThicknessSize":"2px"},"sm":{"separatorThicknessSize":"2px"},"xs":{"separatorThicknessSize":"2px"}}};
+export const getSeparatorTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Separator.colors?.[colorMode],
+  ...Separator.sizing?.[breakpoint],
+  ...Separator.density?.[density],
+  ...Separator.typography?.[breakpoint],
+  ...Separator.effects?.[colorMode]
+});
+export const separatorThicknessSize = "2px";
+export default Separator;

package/dist/js.min/brands/sportbild/components/Skeletons.js

@@ -0,0 +1,13 @@
+export const Skeletons = {"sizing":{"lg":{"headlinesSkeletonImagePlaceholderMaxWidth":"160px","articleSkeletonImageInlineSpace":"48px","articleSkeletonTextInlineSpace":"48px","articleTextSkeletonHeightSize":"720px"},"md":{"headlinesSkeletonImagePlaceholderMaxWidth":"160px","articleSkeletonImageInlineSpace":"48px","articleSkeletonTextInlineSpace":"48px","articleTextSkeletonHeightSize":"720px"},"sm":{"headlinesSkeletonImagePlaceholderMaxWidth":"282px","articleSkeletonImageInlineSpace":"12px","articleSkeletonTextInlineSpace":"0px","articleTextSkeletonHeightSize":"270px"},"xs":{"headlinesSkeletonImagePlaceholderMaxWidth":"282px","articleSkeletonImageInlineSpace":"12px","articleSkeletonTextInlineSpace":"0px","articleTextSkeletonHeightSize":"270px"}}};
+export const getSkeletonsTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Skeletons.colors?.[colorMode],
+  ...Skeletons.sizing?.[breakpoint],
+  ...Skeletons.density?.[density],
+  ...Skeletons.typography?.[breakpoint],
+  ...Skeletons.effects?.[colorMode]
+});
+export const headlinesSkeletonImagePlaceholderMaxWidth = "282px";
+export const articleSkeletonImageInlineSpace = "12px";
+export const articleSkeletonTextInlineSpace = "0px";
+export const articleTextSkeletonHeightSize = "270px";
+export default Skeletons;

package/dist/js.min/brands/sportbild/components/Slider.js

@@ -0,0 +1,15 @@
+export const Slider = {"colors":{"dark":{"sliderButtonOpacity":90,"sliderTrackBgColor":"rgba(255, 255, 255, 0.35)"},"light":{"sliderButtonOpacity":90,"sliderTrackBgColor":"rgba(255, 255, 255, 0.35)"}},"sizing":{"lg":{"sliderProgressBarIdleHeightSize":"4px","sliderProgressBarHoverHeightSize":"8px","sliderProgressInactiveHeightSize":"2px","vidPlayerProgressBarHeightSize":"12px"},"md":{"sliderProgressBarIdleHeightSize":"4px","sliderProgressBarHoverHeightSize":"8px","sliderProgressInactiveHeightSize":"2px","vidPlayerProgressBarHeightSize":"12px"},"sm":{"sliderProgressBarIdleHeightSize":"4px","sliderProgressBarHoverHeightSize":"8px","sliderProgressInactiveHeightSize":"2px","vidPlayerProgressBarHeightSize":"12px"},"xs":{"sliderProgressBarIdleHeightSize":"4px","sliderProgressBarHoverHeightSize":"8px","sliderProgressInactiveHeightSize":"2px","vidPlayerProgressBarHeightSize":"12px"}}};
+export const getSliderTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Slider.colors?.[colorMode],
+  ...Slider.sizing?.[breakpoint],
+  ...Slider.density?.[density],
+  ...Slider.typography?.[breakpoint],
+  ...Slider.effects?.[colorMode]
+});
+export const sliderButtonOpacity = 90;
+export const sliderTrackBgColor = "rgba(255, 255, 255, 0.35)";
+export const sliderProgressBarIdleHeightSize = "4px";
+export const sliderProgressBarHoverHeightSize = "8px";
+export const sliderProgressInactiveHeightSize = "2px";
+export const vidPlayerProgressBarHeightSize = "12px";
+export default Slider;

package/dist/js.min/brands/sportbild/components/SocialShareButton.js

@@ -0,0 +1,13 @@
+export const SocialShareButton = {"colors":{"dark":{"socialShareButtonLabelColorDefault":"#FFFFFF","socialShareButtonLabelColorActive":"#FFFFFF","socialShareButtonBgColorActive":"#343C41","socialShareButtonBgColorDefault":"#4B525A"},"light":{"socialShareButtonLabelColorDefault":"#FFFFFF","socialShareButtonLabelColorActive":"#FFFFFF","socialShareButtonBgColorActive":"#343C41","socialShareButtonBgColorDefault":"#4B525A"}}};
+export const getSocialShareButtonTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...SocialShareButton.colors?.[colorMode],
+  ...SocialShareButton.sizing?.[breakpoint],
+  ...SocialShareButton.density?.[density],
+  ...SocialShareButton.typography?.[breakpoint],
+  ...SocialShareButton.effects?.[colorMode]
+});
+export const socialShareButtonLabelColorDefault = "#FFFFFF";
+export const socialShareButtonLabelColorActive = "#FFFFFF";
+export const socialShareButtonBgColorActive = "#343C41";
+export const socialShareButtonBgColorDefault = "#4B525A";
+export default SocialShareButton;

package/dist/js.min/brands/sportbild/components/SpecialNavi.js

@@ -0,0 +1,10 @@
+export const SpecialNavi = {"sizing":{"lg":{"specialNaviInlineSpace":"32px"},"md":{"specialNaviInlineSpace":"24px"},"sm":{"specialNaviInlineSpace":"24px"},"xs":{"specialNaviInlineSpace":"24px"}},"typography":{"lg":{"specialNaviItemLabel":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"18px","lineHeight":"18px"}},"md":{"specialNaviItemLabel":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"18px","lineHeight":"18px"}},"sm":{"specialNaviItemLabel":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"18px","lineHeight":"18px"}},"xs":{"specialNaviItemLabel":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"18px","lineHeight":"18px"}}}};
+export const getSpecialNaviTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...SpecialNavi.colors?.[colorMode],
+  ...SpecialNavi.sizing?.[breakpoint],
+  ...SpecialNavi.density?.[density],
+  ...SpecialNavi.typography?.[breakpoint],
+  ...SpecialNavi.effects?.[colorMode]
+});
+export const specialNaviInlineSpace = "24px";
+export default SpecialNavi;

package/dist/js.min/brands/sportbild/components/Spinner.js

@@ -0,0 +1,12 @@
+export const Spinner = {"sizing":{"lg":{"videoSpinnerSize":"80px","videoSpinnerStrokeSize":"4px","videoSpinnerSize05x":"40px"},"md":{"videoSpinnerSize":"80px","videoSpinnerStrokeSize":"4px","videoSpinnerSize05x":"40px"},"sm":{"videoSpinnerSize":"40px","videoSpinnerStrokeSize":"2px","videoSpinnerSize05x":"20px"},"xs":{"videoSpinnerSize":"40px","videoSpinnerStrokeSize":"2px","videoSpinnerSize05x":"20px"}}};
+export const getSpinnerTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Spinner.colors?.[colorMode],
+  ...Spinner.sizing?.[breakpoint],
+  ...Spinner.density?.[density],
+  ...Spinner.typography?.[breakpoint],
+  ...Spinner.effects?.[colorMode]
+});
+export const videoSpinnerSize = "40px";
+export const videoSpinnerStrokeSize = "2px";
+export const videoSpinnerSize05x = "20px";
+export default Spinner;

package/dist/js.min/brands/sportbild/components/Subheader.js

@@ -0,0 +1,10 @@
+export const Subheader = {"colors":{"dark":{"subheadersColor":"#E9ECEF"},"light":{"subheadersColor":"#232629"}}};
+export const getSubheaderTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Subheader.colors?.[colorMode],
+  ...Subheader.sizing?.[breakpoint],
+  ...Subheader.density?.[density],
+  ...Subheader.typography?.[breakpoint],
+  ...Subheader.effects?.[colorMode]
+});
+export const subheadersColor = "#232629";
+export default Subheader;

package/dist/js.min/brands/sportbild/components/Tab.js

@@ -0,0 +1,20 @@
+export const Tab = {"colors":{"dark":{"tabBgColorHover":"#343C41","tabLabelColorActive":"#F2F4F5","tabLabelColorDefault":"#FFFFFF","appBottomTabBarBgColor":"#0A2750"},"light":{"tabBgColorHover":"#E9ECEF","tabLabelColorActive":"#343C41","tabLabelColorDefault":"#4B525A","appBottomTabBarBgColor":"#FFFFFF"}},"sizing":{"lg":{"tabLabelFontSize":"16px","iosTabbarHeightSize":"49px","androidTabbarHeightSize":"74px","tabLabelFontSizeLine":"16px","appsTabsLabelFontSize":"16px","appsTabsLabelLineHeight":"23.4px","topBarTabItemHeightSize":"44px"},"md":{"tabLabelFontSize":"16px","iosTabbarHeightSize":"49px","androidTabbarHeightSize":"74px","tabLabelFontSizeLine":"16px","appsTabsLabelFontSize":"16px","appsTabsLabelLineHeight":"23.4px","topBarTabItemHeightSize":"44px"},"sm":{"tabLabelFontSize":"16px","iosTabbarHeightSize":"49px","androidTabbarHeightSize":"56px","tabLabelFontSizeLine":"12px","appsTabsLabelFontSize":"12px","appsTabsLabelLineHeight":"14.4px","topBarTabItemHeightSize":"44px"},"xs":{"tabLabelFontSize":"16px","iosTabbarHeightSize":"49px","androidTabbarHeightSize":"56px","tabLabelFontSizeLine":"12px","appsTabsLabelFontSize":"11px","appsTabsLabelLineHeight":"14.4px","topBarTabItemHeightSize":"44px"}},"typography":{"lg":{"tabLabel":{"fontFamily":"Gotham XNarrow","fontWeight":700,"fontSize":"16px","lineHeight":"null"},"appBottomBarLabelDefault":{"fontFamily":"Inter","fontWeight":400,"fontSize":"16px","lineHeight":"23.4px"},"appBottomBarLabelActive":{"fontFamily":"Inter","fontWeight":700,"fontSize":"16px","lineHeight":"23.4px"}},"md":{"tabLabel":{"fontFamily":"Gotham XNarrow","fontWeight":700,"fontSize":"16px","lineHeight":"null"},"appBottomBarLabelDefault":{"fontFamily":"Inter","fontWeight":400,"fontSize":"16px","lineHeight":"23.4px"},"appBottomBarLabelActive":{"fontFamily":"Inter","fontWeight":700,"fontSize":"16px","lineHeight":"23.4px"}},"sm":{"tabLabel":{"fontFamily":"Gotham XNarrow","fontWeight":700,"fontSize":"16px","lineHeight":"null"},"appBottomBarLabelDefault":{"fontFamily":"Inter","fontWeight":400,"fontSize":"12px","lineHeight":"14.4px"},"appBottomBarLabelActive":{"fontFamily":"Inter","fontWeight":700,"fontSize":"12px","lineHeight":"14.4px"}},"xs":{"tabLabel":{"fontFamily":"Gotham XNarrow","fontWeight":700,"fontSize":"16px","lineHeight":"null"},"appBottomBarLabelDefault":{"fontFamily":"Inter","fontWeight":400,"fontSize":"11px","lineHeight":"14.4px"},"appBottomBarLabelActive":{"fontFamily":"Inter","fontWeight":700,"fontSize":"11px","lineHeight":"14.4px"}}}};
+export const getTabTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Tab.colors?.[colorMode],
+  ...Tab.sizing?.[breakpoint],
+  ...Tab.density?.[density],
+  ...Tab.typography?.[breakpoint],
+  ...Tab.effects?.[colorMode]
+});
+export const tabBgColorHover = "#E9ECEF";
+export const tabLabelColorActive = "#343C41";
+export const tabLabelColorDefault = "#4B525A";
+export const appBottomTabBarBgColor = "#FFFFFF";
+export const tabLabelFontSize = "16px";
+export const iosTabbarHeightSize = "49px";
+export const androidTabbarHeightSize = "56px";
+export const tabLabelFontSizeLine = "12px";
+export const appsTabsLabelFontSize = "11px";
+export const appsTabsLabelLineHeight = "14.4px";
+export const topBarTabItemHeightSize = "44px";
+export default Tab;

package/dist/js.min/brands/sportbild/components/Table.js

@@ -0,0 +1,17 @@
+export const Table = {"sizing":{"lg":{"tableColumnWidthSize1x":"140px","tableColumnWidthSize2x":"220px","tableColumnWidthSize0p5x":"72px","tableColumnWidthSize1p5x":"180px","tableColumnWidthSize2p5x":"240px","tableColumnWidthSize0p75x":"100px","tableColumnWidthSize3x":"280px","tableItemMaxWidthSize":"224px"},"md":{"tableColumnWidthSize1x":"96px","tableColumnWidthSize2x":"180px","tableColumnWidthSize0p5x":"48px","tableColumnWidthSize1p5x":"160px","tableColumnWidthSize2p5x":"240px","tableColumnWidthSize0p75x":"64px","tableColumnWidthSize3x":"280px","tableItemMaxWidthSize":"224px"},"sm":{"tableColumnWidthSize1x":"80px","tableColumnWidthSize2x":"140px","tableColumnWidthSize0p5x":"40px","tableColumnWidthSize1p5x":"120px","tableColumnWidthSize2p5x":"180px","tableColumnWidthSize0p75x":"56px","tableColumnWidthSize3x":"200px","tableItemMaxWidthSize":"224px"},"xs":{"tableColumnWidthSize1x":"80px","tableColumnWidthSize2x":"140px","tableColumnWidthSize0p5x":"40px","tableColumnWidthSize1p5x":"120px","tableColumnWidthSize2p5x":"180px","tableColumnWidthSize0p75x":"56px","tableColumnWidthSize3x":"200px","tableItemMaxWidthSize":"224px"}}};
+export const getTableTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Table.colors?.[colorMode],
+  ...Table.sizing?.[breakpoint],
+  ...Table.density?.[density],
+  ...Table.typography?.[breakpoint],
+  ...Table.effects?.[colorMode]
+});
+export const tableColumnWidthSize1x = "80px";
+export const tableColumnWidthSize2x = "140px";
+export const tableColumnWidthSize0p5x = "40px";
+export const tableColumnWidthSize1p5x = "120px";
+export const tableColumnWidthSize2p5x = "180px";
+export const tableColumnWidthSize0p75x = "56px";
+export const tableColumnWidthSize3x = "200px";
+export const tableItemMaxWidthSize = "224px";
+export default Table;

package/dist/js.min/brands/sportbild/components/Teaser.js

@@ -0,0 +1,41 @@
+export const Teaser = {"colors":{"dark":{"teaserHoverOpacity":80,"teaserTitleBackgroundGradientStart":"rgba(10, 39, 80, 0.7)","teaserTitleBackgroundGradientStop":"rgba(10, 39, 80, 0)"},"light":{"teaserHoverOpacity":80,"teaserTitleBackgroundGradientStart":"rgba(10, 39, 80, 0.7)","teaserTitleBackgroundGradientStop":"rgba(10, 39, 80, 0)"}},"sizing":{"lg":{"teaserTitleInlineLeftSpace":"0px","teaserTitleStackSpace":"6px","mQteaserHeadlineFontSize":"34px","mQteaserHeadlineFontWeight":700,"mQteaserHeadlineLineHeight":"39.1px","mqTeaserTitleInlineSpace":"12px","aTeaserKickerFontSize":"26px","aTeaserHeadlineFontSize":"50px","aTeaserKickerLineHeight":"26px","aTeaserHeadlineLineHeight":"57.6px","aTeaserTitleInlineSpace":"16px","teaserTitleGapSpace":"4px","stdTeaserImageTitleGapSpace":"6px","stdTeaserBadgesMarginSpace":"8px","stdTeaserKickerHeadlineStackSpace":"2px","teaserKickerBgInlineSpace":"6px","teaserKickerBgStackSpace":"2px","quadHeadlineFontSize":"80px","quadKickerFontSize":"26px","quadHeadlineLineHeight":"88px","qTeaserTitleInlineSpace":"24px","teaserBadgesMarginSpace":"8px","teaserBadgesHeightSizeLg":"40px","teaserTitleBottomStackSpace":"16px","teaserBadgesHeightSizeSm":"32px","bildPlayTeaserWidthSize":"193px","teaserLayoutGridSpace":"16px","superAteaserTitleInlineSpace":"24px","bTeaserTitleInlineSpace":"16px"},"md":{"teaserTitleInlineLeftSpace":"0px","teaserTitleStackSpace":"4px","mQteaserHeadlineFontSize":"30px","mQteaserHeadlineFontWeight":700,"mQteaserHeadlineLineHeight":"34.5px","mqTeaserTitleInlineSpace":"12px","aTeaserKickerFontSize":"26px","aTeaserHeadlineFontSize":"44px","aTeaserKickerLineHeight":"26px","aTeaserHeadlineLineHeight":"50.6px","aTeaserTitleInlineSpace":"16px","teaserTitleGapSpace":"4px","stdTeaserImageTitleGapSpace":"6px","stdTeaserBadgesMarginSpace":"8px","stdTeaserKickerHeadlineStackSpace":"2px","teaserKickerBgInlineSpace":"6px","teaserKickerBgStackSpace":"2px","quadHeadlineFontSize":"60px","quadKickerFontSize":"26px","quadHeadlineLineHeight":"69px","qTeaserTitleInlineSpace":"24px","teaserBadgesMarginSpace":"8px","teaserBadgesHeightSizeLg":"32px","teaserTitleBottomStackSpace":"16px","teaserBadgesHeightSizeSm":"32px","bildPlayTeaserWidthSize":"169px","teaserLayoutGridSpace":"12px","superAteaserTitleInlineSpace":"24px","bTeaserTitleInlineSpace":"16px"},"sm":{"teaserTitleInlineLeftSpace":"12px","teaserTitleStackSpace":"4px","mQteaserHeadlineFontSize":"21px","mQteaserHeadlineFontWeight":700,"mQteaserHeadlineLineHeight":"23.1px","mqTeaserTitleInlineSpace":"12px","aTeaserKickerFontSize":"16px","aTeaserHeadlineFontSize":"30px","aTeaserKickerLineHeight":"16px","aTeaserHeadlineLineHeight":"30px","aTeaserTitleInlineSpace":"12px","teaserTitleGapSpace":"4px","stdTeaserImageTitleGapSpace":"4px","stdTeaserBadgesMarginSpace":"4px","stdTeaserKickerHeadlineStackSpace":"2px","teaserKickerBgInlineSpace":"6px","teaserKickerBgStackSpace":"2px","quadHeadlineFontSize":"42px","quadKickerFontSize":"20px","quadHeadlineLineHeight":"42px","qTeaserTitleInlineSpace":"12px","teaserBadgesMarginSpace":"8px","teaserBadgesHeightSizeLg":"32px","teaserTitleBottomStackSpace":"12px","teaserBadgesHeightSizeSm":"24px","bildPlayTeaserWidthSize":"145px","teaserLayoutGridSpace":"12px","superAteaserTitleInlineSpace":"24px","bTeaserTitleInlineSpace":"16px"},"xs":{"teaserTitleInlineLeftSpace":"12px","teaserTitleStackSpace":"4px","mQteaserHeadlineFontSize":"21px","mQteaserHeadlineFontWeight":700,"mQteaserHeadlineLineHeight":"23.1px","mqTeaserTitleInlineSpace":"12px","aTeaserKickerFontSize":"16px","aTeaserHeadlineFontSize":"30px","aTeaserKickerLineHeight":"16px","aTeaserHeadlineLineHeight":"30px","aTeaserTitleInlineSpace":"12px","teaserTitleGapSpace":"4px","stdTeaserImageTitleGapSpace":"4px","stdTeaserBadgesMarginSpace":"4px","stdTeaserKickerHeadlineStackSpace":"2px","teaserKickerBgInlineSpace":"6px","teaserKickerBgStackSpace":"2px","quadHeadlineFontSize":"42px","quadKickerFontSize":"20px","quadHeadlineLineHeight":"42px","qTeaserTitleInlineSpace":"12px","teaserBadgesMarginSpace":"8px","teaserBadgesHeightSizeLg":"32px","teaserTitleBottomStackSpace":"12px","teaserBadgesHeightSizeSm":"24px","bildPlayTeaserWidthSize":"145px","teaserLayoutGridSpace":"12px","superAteaserTitleInlineSpace":"24px","bTeaserTitleInlineSpace":"16px"}},"typography":{"lg":{"aTeaserATeaserKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"26px","lineHeight":"26px"},"aTeaserATeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"50px","lineHeight":"57.6px"},"mQteaserMQteaserKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"18px","lineHeight":"19.8px"},"mQteaserMQteaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"34px","lineHeight":"39.1px"},"qTeaserQTeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"80px","lineHeight":"88px"},"stdTeaserStdTeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"26px","lineHeight":"29.9px"}},"md":{"aTeaserATeaserKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"26px","lineHeight":"26px"},"aTeaserATeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"44px","lineHeight":"50.6px"},"mQteaserMQteaserKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"16px","lineHeight":"17.6px"},"mQteaserMQteaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"30px","lineHeight":"34.5px"},"qTeaserQTeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"60px","lineHeight":"69px"},"stdTeaserStdTeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"26px","lineHeight":"28.6px"}},"sm":{"aTeaserATeaserKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"16px","lineHeight":"16px"},"aTeaserATeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"30px","lineHeight":"30px"},"mQteaserMQteaserKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"14px","lineHeight":"15.4px"},"mQteaserMQteaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"21px","lineHeight":"23.1px"},"qTeaserQTeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"42px","lineHeight":"42px"},"stdTeaserStdTeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"21px","lineHeight":"23.1px"}},"xs":{"aTeaserATeaserKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"16px","lineHeight":"16px"},"aTeaserATeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"30px","lineHeight":"30px"},"mQteaserMQteaserKicker":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"14px","lineHeight":"15.4px"},"mQteaserMQteaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"21px","lineHeight":"23.1px"},"qTeaserQTeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":900,"fontSize":"42px","lineHeight":"42px"},"stdTeaserStdTeaserHeadline":{"fontFamily":"AntennaExtraCond","fontWeight":700,"fontSize":"21px","lineHeight":"23.1px"}}},"effects":{"dark":{"teaserHeadlinesShadow":[{"offsetX":0,"offsetY":2,"radius":8,"spread":0,"color":"rgba(0, 0, 0, 0.6)"}]},"light":{"teaserHeadlinesShadow":[{"offsetX":0,"offsetY":2,"radius":8,"spread":0,"color":"rgba(0, 0, 0, 0.6)"}]}}};
+export const getTeaserTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Teaser.colors?.[colorMode],
+  ...Teaser.sizing?.[breakpoint],
+  ...Teaser.density?.[density],
+  ...Teaser.typography?.[breakpoint],
+  ...Teaser.effects?.[colorMode]
+});
+export const teaserHoverOpacity = 80;
+export const teaserTitleBackgroundGradientStart = "rgba(10, 39, 80, 0.7)";
+export const teaserTitleBackgroundGradientStop = "rgba(10, 39, 80, 0)";
+export const teaserTitleInlineLeftSpace = "12px";
+export const teaserTitleStackSpace = "4px";
+export const mQteaserHeadlineFontSize = "21px";
+export const mQteaserHeadlineFontWeight = 700;
+export const mQteaserHeadlineLineHeight = "23.1px";
+export const mqTeaserTitleInlineSpace = "12px";
+export const aTeaserKickerFontSize = "16px";
+export const aTeaserHeadlineFontSize = "30px";
+export const aTeaserKickerLineHeight = "16px";
+export const aTeaserHeadlineLineHeight = "30px";
+export const aTeaserTitleInlineSpace = "12px";
+export const teaserTitleGapSpace = "4px";
+export const stdTeaserImageTitleGapSpace = "4px";
+export const stdTeaserBadgesMarginSpace = "4px";
+export const stdTeaserKickerHeadlineStackSpace = "2px";
+export const teaserKickerBgInlineSpace = "6px";
+export const teaserKickerBgStackSpace = "2px";
+export const quadHeadlineFontSize = "42px";
+export const quadKickerFontSize = "20px";
+export const quadHeadlineLineHeight = "42px";
+export const qTeaserTitleInlineSpace = "12px";
+export const teaserBadgesMarginSpace = "8px";
+export const teaserBadgesHeightSizeLg = "32px";
+export const teaserTitleBottomStackSpace = "12px";
+export const teaserBadgesHeightSizeSm = "24px";
+export const bildPlayTeaserWidthSize = "145px";
+export const teaserLayoutGridSpace = "12px";
+export const superAteaserTitleInlineSpace = "24px";
+export const bTeaserTitleInlineSpace = "16px";
+export default Teaser;

package/dist/js.min/brands/sportbild/components/TextLink.js

@@ -0,0 +1,12 @@
+export const TextLink = {"colors":{"dark":{"textLinkColorSecondary":"#CED4DA","textLinkColorSecondaryActive":"#E9ECEF","textLinkColorPrimary":"#8C9196"},"light":{"textLinkColorSecondary":"#8C9196","textLinkColorSecondaryActive":"#232629","textLinkColorPrimary":"#232629"}}};
+export const getTextLinkTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...TextLink.colors?.[colorMode],
+  ...TextLink.sizing?.[breakpoint],
+  ...TextLink.density?.[density],
+  ...TextLink.typography?.[breakpoint],
+  ...TextLink.effects?.[colorMode]
+});
+export const textLinkColorSecondary = "#8C9196";
+export const textLinkColorSecondaryActive = "#232629";
+export const textLinkColorPrimary = "#232629";
+export default TextLink;

package/dist/js.min/brands/sportbild/components/ToggleSwitch.js

@@ -0,0 +1,11 @@
+export const ToggleSwitch = {"sizing":{"lg":{"appToggleItemLabelFontSize":"18px","appToggleItemLabelLineHeight":"18.2px"},"md":{"appToggleItemLabelFontSize":"16px","appToggleItemLabelLineHeight":"16.2px"},"sm":{"appToggleItemLabelFontSize":"14px","appToggleItemLabelLineHeight":"14.1px"},"xs":{"appToggleItemLabelFontSize":"14px","appToggleItemLabelLineHeight":"14.1px"}},"typography":{"lg":{"appToogleItemLabel":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"18px","lineHeight":"18.2px"}},"md":{"appToogleItemLabel":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"16px","lineHeight":"16.2px"}},"sm":{"appToogleItemLabel":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"14px","lineHeight":"14.1px"}},"xs":{"appToogleItemLabel":{"fontFamily":"AntennaCond","fontWeight":800,"fontSize":"14px","lineHeight":"14.1px"}}}};
+export const getToggleSwitchTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...ToggleSwitch.colors?.[colorMode],
+  ...ToggleSwitch.sizing?.[breakpoint],
+  ...ToggleSwitch.density?.[density],
+  ...ToggleSwitch.typography?.[breakpoint],
+  ...ToggleSwitch.effects?.[colorMode]
+});
+export const appToggleItemLabelFontSize = "14px";
+export const appToggleItemLabelLineHeight = "14.1px";
+export default ToggleSwitch;

package/dist/js.min/brands/sportbild/components/Video.js

@@ -0,0 +1,19 @@
+export const Video = {"sizing":{"lg":{"videoTimeBadgeCornerSize":"2px","videoTimeBadgeFontSize":"18px","videoTimeBadgeSize":"40px","videoRedPlayIconWidthSize":"14px","videoRedPlayIconHeightSize":"18px","videoBadgeTimeLineHeight":"23.8px","videoSkeletonContainerHeight":"464px","videoFrameInlineSpace":"16px","verticalVideoMockHeadlineFontSize":"32px","videoAdBadgeFontSize":"16px"},"md":{"videoTimeBadgeCornerSize":"2px","videoTimeBadgeFontSize":"18px","videoTimeBadgeSize":"32px","videoRedPlayIconWidthSize":"12px","videoRedPlayIconHeightSize":"14px","videoBadgeTimeLineHeight":"23.8px","videoSkeletonContainerHeight":"464px","videoFrameInlineSpace":"12px","verticalVideoMockHeadlineFontSize":"32px","videoAdBadgeFontSize":"16px"},"sm":{"videoTimeBadgeCornerSize":"2px","videoTimeBadgeFontSize":"16px","videoTimeBadgeSize":"24px","videoRedPlayIconWidthSize":"8px","videoRedPlayIconHeightSize":"10px","videoBadgeTimeLineHeight":"21px","videoSkeletonContainerHeight":"180px","videoFrameInlineSpace":"0px","verticalVideoMockHeadlineFontSize":"22px","videoAdBadgeFontSize":"14px"},"xs":{"videoTimeBadgeCornerSize":"2px","videoTimeBadgeFontSize":"16px","videoTimeBadgeSize":"24px","videoRedPlayIconWidthSize":"8px","videoRedPlayIconHeightSize":"10px","videoBadgeTimeLineHeight":"21px","videoSkeletonContainerHeight":"180px","videoFrameInlineSpace":"0px","verticalVideoMockHeadlineFontSize":"22px","videoAdBadgeFontSize":"14px"}}};
+export const getVideoTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Video.colors?.[colorMode],
+  ...Video.sizing?.[breakpoint],
+  ...Video.density?.[density],
+  ...Video.typography?.[breakpoint],
+  ...Video.effects?.[colorMode]
+});
+export const videoTimeBadgeCornerSize = "2px";
+export const videoTimeBadgeFontSize = "16px";
+export const videoTimeBadgeSize = "24px";
+export const videoRedPlayIconWidthSize = "8px";
+export const videoRedPlayIconHeightSize = "10px";
+export const videoBadgeTimeLineHeight = "21px";
+export const videoSkeletonContainerHeight = "180px";
+export const videoFrameInlineSpace = "0px";
+export const verticalVideoMockHeadlineFontSize = "22px";
+export const videoAdBadgeFontSize = "14px";
+export default Video;

package/dist/js.min/brands/sportbild/components/index.js

@@ -0,0 +1,50 @@
+export { Accordion, getAccordionTokens } from './Accordion.js';
+export { Alert, getAlertTokens } from './Alert.js';
+export { Article, getArticleTokens } from './Article.js';
+export { AudioPlayer, getAudioPlayerTokens } from './AudioPlayer.js';
+export { Avatar, getAvatarTokens } from './Avatar.js';
+export { Badge, getBadgeTokens } from './Badge.js';
+export { Breadcrumb, getBreadcrumbTokens } from './Breadcrumb.js';
+export { BreakingNews, getBreakingNewsTokens } from './BreakingNews.js';
+export { Button, getButtonTokens } from './Button.js';
+export { Card, getCardTokens } from './Card.js';
+export { Carousel, getCarouselTokens } from './Carousel.js';
+export { Chip, getChipTokens } from './Chip.js';
+export { Datepicker, getDatepickerTokens } from './Datepicker.js';
+export { Drawers, getDrawersTokens } from './Drawers.js';
+export { Dropdown, getDropdownTokens } from './Dropdown.js';
+export { Empties, getEmptiesTokens } from './Empties.js';
+export { Foldout, getFoldoutTokens } from './Foldout.js';
+export { Footer, getFooterTokens } from './Footer.js';
+export { Gallery, getGalleryTokens } from './Gallery.js';
+export { Hey, getHeyTokens } from './Hey.js';
+export { Icon, getIconTokens } from './Icon.js';
+export { InfoElement, getInfoElementTokens } from './InfoElement.js';
+export { InputField, getInputFieldTokens } from './InputField.js';
+export { Kicker, getKickerTokens } from './Kicker.js';
+export { LiveTicker, getLiveTickerTokens } from './LiveTicker.js';
+export { MediaPlayer, getMediaPlayerTokens } from './MediaPlayer.js';
+export { Menu, getMenuTokens } from './Menu.js';
+export { MenuItem, getMenuItemTokens } from './MenuItem.js';
+export { NewsTicker, getNewsTickerTokens } from './NewsTicker.js';
+export { Pagination, getPaginationTokens } from './Pagination.js';
+export { PartnerLinks, getPartnerLinksTokens } from './PartnerLinks.js';
+export { Paywall, getPaywallTokens } from './Paywall.js';
+export { Quote, getQuoteTokens } from './Quote.js';
+export { RadioButton, getRadioButtonTokens } from './RadioButton.js';
+export { Search, getSearchTokens } from './Search.js';
+export { SectionTitle, getSectionTitleTokens } from './SectionTitle.js';
+export { Selection, getSelectionTokens } from './Selection.js';
+export { Separator, getSeparatorTokens } from './Separator.js';
+export { Skeletons, getSkeletonsTokens } from './Skeletons.js';
+export { Slider, getSliderTokens } from './Slider.js';
+export { SocialShareButton, getSocialShareButtonTokens } from './SocialShareButton.js';
+export { SpecialNavi, getSpecialNaviTokens } from './SpecialNavi.js';
+export { Spinner, getSpinnerTokens } from './Spinner.js';
+export { Subheader, getSubheaderTokens } from './Subheader.js';
+export { Tab, getTabTokens } from './Tab.js';
+export { Table, getTableTokens } from './Table.js';
+export { Teaser, getTeaserTokens } from './Teaser.js';
+export { TextLink, getTextLinkTokens } from './TextLink.js';
+export { ToggleSwitch, getToggleSwitchTokens } from './ToggleSwitch.js';
+export { Video, getVideoTokens } from './Video.js';

package/dist/js.min/brands/sportbild/density.js

@@ -0,0 +1,4 @@
+export const density = {"default":{},"dense":{},"spacious":{}};
+export const defaultDensity = density.default;
+export const dense = density.dense;
+export const spacious = density.spacious;

package/dist/js.min/brands/sportbild/effects.js

@@ -0,0 +1,11 @@
+export const effects = {"light":{"shadowSoftSm":[{"offsetX":0,"offsetY":1,"radius":4,"spread":0,"color":"rgba(0, 0, 0, 0.04)"},{"offsetX":0,"offsetY":2,"radius":6,"spread":0,"color":"rgba(0, 0, 0, 0.08)"}],"shadowSoftMd":[{"offsetX":0,"offsetY":2,"radius":16,"spread":0,"color":"rgba(0, 0, 0, 0.03)"},{"offsetX":0,"offsetY":4,"radius":12,"spread":0,"color":"rgba(0, 0, 0, 0.07)"}],"shadowSoftLg":[{"offsetX":0,"offsetY":8,"radius":24,"spread":0,"color":"rgba(0, 0, 0, 0.03)"},{"offsetX":0,"offsetY":8,"radius":16,"spread":0,"color":"rgba(0, 0, 0, 0.07)"}],"shadowSoftXl":[{"offsetX":0,"offsetY":0,"radius":64,"spread":0,"color":"rgba(0, 0, 0, 0.05)"},{"offsetX":0,"offsetY":16,"radius":32,"spread":0,"color":"rgba(0, 0, 0, 0.1)"}],"shadowHardSm":[{"offsetX":0,"offsetY":1,"radius":2,"spread":0,"color":"rgba(0, 0, 0, 0.2)"},{"offsetX":0,"offsetY":1,"radius":3,"spread":1,"color":"rgba(0, 0, 0, 0.1)"}],"shadowHardMd":[{"offsetX":0,"offsetY":4,"radius":8,"spread":0,"color":"rgba(0, 0, 0, 0.1)"},{"offsetX":0,"offsetY":2,"radius":4,"spread":0,"color":"rgba(0, 0, 0, 0.16)"}],"shadowHardLg":[{"offsetX":0,"offsetY":2,"radius":3,"spread":0,"color":"rgba(0, 0, 0, 0.2)"},{"offsetX":0,"offsetY":6,"radius":10,"spread":4,"color":"rgba(0, 0, 0, 0.1)"}],"shadowHardXl":[{"offsetX":0,"offsetY":4,"radius":4,"spread":0,"color":"rgba(0, 0, 0, 0.2)"},{"offsetX":0,"offsetY":8,"radius":12,"spread":6,"color":"rgba(0, 0, 0, 0.1)"}]},"dark":{"shadowSoftSm":[{"offsetX":0,"offsetY":1,"radius":4,"spread":0,"color":"rgba(0, 0, 0, 0.04)"},{"offsetX":0,"offsetY":2,"radius":6,"spread":0,"color":"rgba(0, 0, 0, 0.08)"}],"shadowSoftMd":[{"offsetX":0,"offsetY":2,"radius":16,"spread":0,"color":"rgba(0, 0, 0, 0.03)"},{"offsetX":0,"offsetY":4,"radius":12,"spread":0,"color":"rgba(0, 0, 0, 0.07)"}],"shadowSoftLg":[{"offsetX":0,"offsetY":8,"radius":24,"spread":0,"color":"rgba(0, 0, 0, 0.03)"},{"offsetX":0,"offsetY":8,"radius":16,"spread":0,"color":"rgba(0, 0, 0, 0.07)"}],"shadowSoftXl":[{"offsetX":0,"offsetY":0,"radius":64,"spread":0,"color":"rgba(0, 0, 0, 0.05)"},{"offsetX":0,"offsetY":16,"radius":32,"spread":0,"color":"rgba(0, 0, 0, 0.1)"}],"shadowHardSm":[{"offsetX":0,"offsetY":1,"radius":2,"spread":0,"color":"rgba(0, 0, 0, 0.2)"},{"offsetX":0,"offsetY":1,"radius":3,"spread":1,"color":"rgba(0, 0, 0, 0.1)"}],"shadowHardMd":[{"offsetX":0,"offsetY":4,"radius":8,"spread":0,"color":"rgba(0, 0, 0, 0.1)"},{"offsetX":0,"offsetY":2,"radius":4,"spread":0,"color":"rgba(0, 0, 0, 0.16)"}],"shadowHardLg":[{"offsetX":0,"offsetY":2,"radius":3,"spread":0,"color":"rgba(0, 0, 0, 0.2)"},{"offsetX":0,"offsetY":6,"radius":10,"spread":4,"color":"rgba(0, 0, 0, 0.1)"}],"shadowHardXl":[{"offsetX":0,"offsetY":4,"radius":4,"spread":0,"color":"rgba(0, 0, 0, 0.2)"},{"offsetX":0,"offsetY":8,"radius":12,"spread":6,"color":"rgba(0, 0, 0, 0.1)"}]}};
+export const light = effects.light;
+export const dark = effects.dark;
+export const shadowSoftSm = [{"offsetX":0,"offsetY":1,"radius":4,"spread":0,"color":"rgba(0, 0, 0, 0.04)"},{"offsetX":0,"offsetY":2,"radius":6,"spread":0,"color":"rgba(0, 0, 0, 0.08)"}];
+export const shadowSoftMd = [{"offsetX":0,"offsetY":2,"radius":16,"spread":0,"color":"rgba(0, 0, 0, 0.03)"},{"offsetX":0,"offsetY":4,"radius":12,"spread":0,"color":"rgba(0, 0, 0, 0.07)"}];
+export const shadowSoftLg = [{"offsetX":0,"offsetY":8,"radius":24,"spread":0,"color":"rgba(0, 0, 0, 0.03)"},{"offsetX":0,"offsetY":8,"radius":16,"spread":0,"color":"rgba(0, 0, 0, 0.07)"}];
+export const shadowSoftXl = [{"offsetX":0,"offsetY":0,"radius":64,"spread":0,"color":"rgba(0, 0, 0, 0.05)"},{"offsetX":0,"offsetY":16,"radius":32,"spread":0,"color":"rgba(0, 0, 0, 0.1)"}];
+export const shadowHardSm = [{"offsetX":0,"offsetY":1,"radius":2,"spread":0,"color":"rgba(0, 0, 0, 0.2)"},{"offsetX":0,"offsetY":1,"radius":3,"spread":1,"color":"rgba(0, 0, 0, 0.1)"}];
+export const shadowHardMd = [{"offsetX":0,"offsetY":4,"radius":8,"spread":0,"color":"rgba(0, 0, 0, 0.1)"},{"offsetX":0,"offsetY":2,"radius":4,"spread":0,"color":"rgba(0, 0, 0, 0.16)"}];
+export const shadowHardLg = [{"offsetX":0,"offsetY":2,"radius":3,"spread":0,"color":"rgba(0, 0, 0, 0.2)"},{"offsetX":0,"offsetY":6,"radius":10,"spread":4,"color":"rgba(0, 0, 0, 0.1)"}];
+export const shadowHardXl = [{"offsetX":0,"offsetY":4,"radius":4,"spread":0,"color":"rgba(0, 0, 0, 0.2)"},{"offsetX":0,"offsetY":8,"radius":12,"spread":6,"color":"rgba(0, 0, 0, 0.1)"}];

package/dist/js.min/brands/sportbild/index.js

@@ -0,0 +1,11 @@
+export * from './colors.js';
+export { colors } from './colors.js';
+export * from './spacing.js';
+export { spacing } from './spacing.js';
+export * from './typography.js';
+export { typography } from './typography.js';
+export * from './effects.js';
+export { effects } from './effects.js';
+export * from './density.js';
+export { density } from './density.js';
+export * as components from './components/index.js';