@marioschmidt/design-system-tokens 1.0.65 → 1.0.66

package/dist/js/brands/sportbild/components/Breadcrumb.js

@@ -26,8 +26,8 @@ export const Breadcrumb = {
     "lg": {
       "breadcrumbFontSize": "11px",
       "breadcrumbFontFamily": "Inter",
-      "breadcrumb&ArrowLeftInlineSpace1": "3px",
-      "breadcrumb&ArrowRightInlineSpace2": "5px",
+      "breadcrumb&arrowLeftInlineSpace1": "3px",
+      "breadcrumb&arrowRightInlineSpace2": "5px",
       "breadcrumbInlineSpace": "0px",
       "breadcrumbLineHeight": "11px",
       "breadcrumbFontWeight": 400,
@@ -36,8 +36,8 @@ export const Breadcrumb = {
     "md": {
       "breadcrumbFontSize": "14px",
       "breadcrumbFontFamily": "Inter",
-      "breadcrumb&ArrowLeftInlineSpace1": "3px",
-      "breadcrumb&ArrowRightInlineSpace2": "5px",
+      "breadcrumb&arrowLeftInlineSpace1": "3px",
+      "breadcrumb&arrowRightInlineSpace2": "5px",
       "breadcrumbInlineSpace": "12px",
       "breadcrumbLineHeight": "14px",
       "breadcrumbFontWeight": 400,
@@ -46,8 +46,8 @@ export const Breadcrumb = {
     "sm": {
       "breadcrumbFontSize": "14px",
       "breadcrumbFontFamily": "Inter",
-      "breadcrumb&ArrowLeftInlineSpace1": "3px",
-      "breadcrumb&ArrowRightInlineSpace2": "5px",
+      "breadcrumb&arrowLeftInlineSpace1": "3px",
+      "breadcrumb&arrowRightInlineSpace2": "5px",
       "breadcrumbInlineSpace": "12px",
       "breadcrumbLineHeight": "14px",
       "breadcrumbFontWeight": 400,
@@ -56,8 +56,8 @@ export const Breadcrumb = {
     "xs": {
       "breadcrumbFontSize": "14px",
       "breadcrumbFontFamily": "Inter",
-      "breadcrumb&ArrowLeftInlineSpace1": "3px",
-      "breadcrumb&ArrowRightInlineSpace2": "5px",
+      "breadcrumb&arrowLeftInlineSpace1": "3px",
+      "breadcrumb&arrowRightInlineSpace2": "5px",
       "breadcrumbInlineSpace": "12px",
       "breadcrumbLineHeight": "14px",
       "breadcrumbFontWeight": 400,
@@ -161,8 +161,8 @@ export const breadcrumbTextColorIdle = "#4B525A";
 export const breadcrumbTextColorHover = "#232629";
 export const breadcrumbFontSize = "14px";
 export const breadcrumbFontFamily = "Inter";
-export const breadcrumb&ArrowLeftInlineSpace1 = "3px";
-export const breadcrumb&ArrowRightInlineSpace2 = "5px";
+export const breadcrumb&arrowLeftInlineSpace1 = "3px";
+export const breadcrumb&arrowRightInlineSpace2 = "5px";
 export const breadcrumbInlineSpace = "12px";
 export const breadcrumbLineHeight = "14px";
 export const breadcrumbFontWeight = 400;

package/dist/js/brands/sportbild/components/InputField.d.ts

@@ -21,7 +21,7 @@ export declare const inputFieldStackSpace: string | number;
 export declare const inputFieldInlineSpace: string | number;
 export declare const inputFieldMiniLabelInlineSpace: string | number;
 export declare const inputFieldFontSize: string | number;
-export declare const inputFieldIMessageInlineSpace: string | number;
+export declare const inputFieldImessageInlineSpace: string | number;
 export declare const inputFieldHeightSize: string | number;
 export declare const heyInputContainerInlineSpace: string | number;
 export declare const inputFieldMessageGapSpace: string | number;

package/dist/js/brands/sportbild/components/InputField.js

@@ -38,7 +38,7 @@ export const InputField = {
       "inputFieldInlineSpace": "16px",
       "inputFieldMiniLabelInlineSpace": "4px",
       "inputFieldFontSize": "16px",
-      "inputFieldIMessageInlineSpace": "16px",
+      "inputFieldImessageInlineSpace": "16px",
       "inputFieldHeightSize": "36px",
       "heyInputContainerInlineSpace": "16px",
       "inputFieldMessageGapSpace": "4px",
@@ -49,7 +49,7 @@ export const InputField = {
       "inputFieldInlineSpace": "16px",
       "inputFieldMiniLabelInlineSpace": "4px",
       "inputFieldFontSize": "16px",
-      "inputFieldIMessageInlineSpace": "16px",
+      "inputFieldImessageInlineSpace": "16px",
       "inputFieldHeightSize": "36px",
       "heyInputContainerInlineSpace": "8px",
       "inputFieldMessageGapSpace": "4px",
@@ -60,7 +60,7 @@ export const InputField = {
       "inputFieldInlineSpace": "16px",
       "inputFieldMiniLabelInlineSpace": "4px",
       "inputFieldFontSize": "16px",
-      "inputFieldIMessageInlineSpace": "16px",
+      "inputFieldImessageInlineSpace": "16px",
       "inputFieldHeightSize": "36px",
       "heyInputContainerInlineSpace": "8px",
       "inputFieldMessageGapSpace": "4px",
@@ -71,7 +71,7 @@ export const InputField = {
       "inputFieldInlineSpace": "16px",
       "inputFieldMiniLabelInlineSpace": "4px",
       "inputFieldFontSize": "16px",
-      "inputFieldIMessageInlineSpace": "16px",
+      "inputFieldImessageInlineSpace": "16px",
       "inputFieldHeightSize": "36px",
       "heyInputContainerInlineSpace": "8px",
       "inputFieldMessageGapSpace": "4px",
@@ -154,7 +154,7 @@ export const inputFieldStackSpace = "6px";
 export const inputFieldInlineSpace = "16px";
 export const inputFieldMiniLabelInlineSpace = "4px";
 export const inputFieldFontSize = "16px";
-export const inputFieldIMessageInlineSpace = "16px";
+export const inputFieldImessageInlineSpace = "16px";
 export const inputFieldHeightSize = "36px";
 export const heyInputContainerInlineSpace = "8px";
 export const inputFieldMessageGapSpace = "4px";

package/dist/js/brands/sportbild/components/LiveTicker.d.ts

@@ -21,7 +21,7 @@ export declare const liveTickerheadlineFontWeight: string | number;
 export declare const liveTickerHeadlinesFontSize: string | number;
 export declare const timeStampFontFamily: string | number;
 export declare const liveTickerTimeStampFontSize: string | number;
-export declare const liveTickerTime&HeadlineStackSpace: string | number;
+export declare const liveTickerTime&headlineStackSpace: string | number;
 export declare const liveTickerSliderItemWidthMaxSize: string | number;
 export declare const liveTickerAppCardHeightSize: string | number;
 export declare const liveTickerAppCardWidthSize: string | number;

package/dist/js/brands/sportbild/components/LiveTicker.js

@@ -18,7 +18,7 @@ export const LiveTicker = {
       "liveTickerHeadlinesFontSize": "32px",
       "timeStampFontFamily": "Gotham XNarrow",
       "liveTickerTimeStampFontSize": "16px",
-      "liveTickerTime&HeadlineStackSpace": "4px",
+      "liveTickerTime&headlineStackSpace": "4px",
       "liveTickerSliderItemWidthMaxSize": "537px",
       "liveTickerAppCardHeightSize": "128px",
       "liveTickerAppCardWidthSize": "300px"
@@ -28,7 +28,7 @@ export const LiveTicker = {
       "liveTickerHeadlinesFontSize": "32px",
       "timeStampFontFamily": "Gotham XNarrow",
       "liveTickerTimeStampFontSize": "16px",
-      "liveTickerTime&HeadlineStackSpace": "4px",
+      "liveTickerTime&headlineStackSpace": "4px",
       "liveTickerSliderItemWidthMaxSize": "257px",
       "liveTickerAppCardHeightSize": "128px",
       "liveTickerAppCardWidthSize": "300px"
@@ -38,7 +38,7 @@ export const LiveTicker = {
       "liveTickerHeadlinesFontSize": "22px",
       "timeStampFontFamily": "Gotham XNarrow",
       "liveTickerTimeStampFontSize": "14px",
-      "liveTickerTime&HeadlineStackSpace": "4px",
+      "liveTickerTime&headlineStackSpace": "4px",
       "liveTickerSliderItemWidthMaxSize": "257px",
       "liveTickerAppCardHeightSize": "96px",
       "liveTickerAppCardWidthSize": "250px"
@@ -48,7 +48,7 @@ export const LiveTicker = {
       "liveTickerHeadlinesFontSize": "22px",
       "timeStampFontFamily": "Gotham XNarrow",
       "liveTickerTimeStampFontSize": "14px",
-      "liveTickerTime&HeadlineStackSpace": "4px",
+      "liveTickerTime&headlineStackSpace": "4px",
       "liveTickerSliderItemWidthMaxSize": "257px",
       "liveTickerAppCardHeightSize": "96px",
       "liveTickerAppCardWidthSize": "250px"
@@ -127,7 +127,7 @@ export const liveTickerheadlineFontWeight = 600;
 export const liveTickerHeadlinesFontSize = "22px";
 export const timeStampFontFamily = "Gotham XNarrow";
 export const liveTickerTimeStampFontSize = "14px";
-export const liveTickerTime&HeadlineStackSpace = "4px";
+export const liveTickerTime&headlineStackSpace = "4px";
 export const liveTickerSliderItemWidthMaxSize = "257px";
 export const liveTickerAppCardHeightSize = "96px";
 export const liveTickerAppCardWidthSize = "250px";

package/dist/js/brands/sportbild/components/Menu.d.ts

@@ -39,9 +39,9 @@ export declare const menuShadowVisibility: string | number;
 export declare const heyInputShadowVisibility: string | number;
 export declare const appTopbarTitleFontSize: string | number;
 export declare const appTopbarStageTitleHeight: string | number;
-export declare const iOSappTopBarHeightSize: string | number;
-export declare const iOSappTopBarLeftInlineSpace: string | number;
-export declare const iOSappTopBarRightInlineSpace: string | number;
+export declare const iOsappTopBarHeightSize: string | number;
+export declare const iOsappTopBarLeftInlineSpace: string | number;
+export declare const iOsappTopBarRightInlineSpace: string | number;
 export declare const menuSurfaceColor: string | number;
 export declare const menuScrolledSurfaceGradientColor: string | number;
 export declare const menuLinkLaneSurfaceColor: string | number;

package/dist/js/brands/sportbild/components/Menu.js

@@ -62,9 +62,9 @@ export const Menu = {
       "heyInputShadowVisibility": "rgba(0, 0, 0, 0.1)",
       "appTopbarTitleFontSize": "13px",
       "appTopbarStageTitleHeight": "17px",
-      "iOSappTopBarHeightSize": "48px",
-      "iOSappTopBarLeftInlineSpace": "19px",
-      "iOSappTopBarRightInlineSpace": "19px"
+      "iOsappTopBarHeightSize": "48px",
+      "iOsappTopBarLeftInlineSpace": "19px",
+      "iOsappTopBarRightInlineSpace": "19px"
     },
     "md": {
       "menuItemSpace": "8px",
@@ -89,9 +89,9 @@ export const Menu = {
       "heyInputShadowVisibility": "rgba(0, 0, 0, 0)",
       "appTopbarTitleFontSize": "13px",
       "appTopbarStageTitleHeight": "17px",
-      "iOSappTopBarHeightSize": "48px",
-      "iOSappTopBarLeftInlineSpace": "19px",
-      "iOSappTopBarRightInlineSpace": "19px"
+      "iOsappTopBarHeightSize": "48px",
+      "iOsappTopBarLeftInlineSpace": "19px",
+      "iOsappTopBarRightInlineSpace": "19px"
     },
     "sm": {
       "menuItemSpace": "8px",
@@ -116,9 +116,9 @@ export const Menu = {
       "heyInputShadowVisibility": "rgba(0, 0, 0, 0)",
       "appTopbarTitleFontSize": "12px",
       "appTopbarStageTitleHeight": "14px",
-      "iOSappTopBarHeightSize": "44px",
-      "iOSappTopBarLeftInlineSpace": "12px",
-      "iOSappTopBarRightInlineSpace": "16px"
+      "iOsappTopBarHeightSize": "44px",
+      "iOsappTopBarLeftInlineSpace": "12px",
+      "iOsappTopBarRightInlineSpace": "16px"
     },
     "xs": {
       "menuItemSpace": "8px",
@@ -143,9 +143,9 @@ export const Menu = {
       "heyInputShadowVisibility": "rgba(0, 0, 0, 0)",
       "appTopbarTitleFontSize": "12px",
       "appTopbarStageTitleHeight": "14px",
-      "iOSappTopBarHeightSize": "44px",
-      "iOSappTopBarLeftInlineSpace": "12px",
-      "iOSappTopBarRightInlineSpace": "16px"
+      "iOsappTopBarHeightSize": "44px",
+      "iOsappTopBarLeftInlineSpace": "12px",
+      "iOsappTopBarRightInlineSpace": "16px"
     }
   },
   "typography": {
@@ -339,8 +339,8 @@ export const menuShadowVisibility = "rgba(0, 0, 0, 0.1)";
 export const heyInputShadowVisibility = "rgba(0, 0, 0, 0)";
 export const appTopbarTitleFontSize = "12px";
 export const appTopbarStageTitleHeight = "14px";
-export const iOSappTopBarHeightSize = "44px";
-export const iOSappTopBarLeftInlineSpace = "12px";
-export const iOSappTopBarRightInlineSpace = "16px";
+export const iOsappTopBarHeightSize = "44px";
+export const iOsappTopBarLeftInlineSpace = "12px";
+export const iOsappTopBarRightInlineSpace = "16px";
 
 export default Menu;

package/dist/js/brands/sportbild/components/NewsTicker.d.ts

@@ -25,7 +25,7 @@ export declare const newsTickerContentStackSpace: string | number;
 export declare const newsTickerKickerInnerStackSpace: string | number;
 export declare const newsTickerTitlesInlineSpace: string | number;
 export declare const newsTickerBadgesInlineSpace: string | number;
-export declare const newsTickerTime&KickerStackSpace: string | number;
+export declare const newsTickerTime&kickerStackSpace: string | number;
 export declare const newsTickerEntriesStackSpace: string | number;
 export declare const newsTickerKickerInnerInlineSpace: string | number;
 export declare const newsTickerSkeletonBottomSpace: string | number;

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

@@ -32,7 +32,7 @@ export const NewsTicker = {
       "newsTickerKickerInnerStackSpace": "2px",
       "newsTickerTitlesInlineSpace": "30px",
       "newsTickerBadgesInlineSpace": "16px",
-      "newsTickerTime&KickerStackSpace": "6px",
+      "newsTickerTime&kickerStackSpace": "6px",
       "newsTickerEntriesStackSpace": "22px",
       "newsTickerKickerInnerInlineSpace": "4px",
       "newsTickerSkeletonBottomSpace": "0px",
@@ -51,7 +51,7 @@ export const NewsTicker = {
       "newsTickerKickerInnerStackSpace": "2px",
       "newsTickerTitlesInlineSpace": "24px",
       "newsTickerBadgesInlineSpace": "12px",
-      "newsTickerTime&KickerStackSpace": "6px",
+      "newsTickerTime&kickerStackSpace": "6px",
       "newsTickerEntriesStackSpace": "22px",
       "newsTickerKickerInnerInlineSpace": "4px",
       "newsTickerSkeletonBottomSpace": "0px",
@@ -70,7 +70,7 @@ export const NewsTicker = {
       "newsTickerKickerInnerStackSpace": "2px",
       "newsTickerTitlesInlineSpace": "18px",
       "newsTickerBadgesInlineSpace": "8px",
-      "newsTickerTime&KickerStackSpace": "4px",
+      "newsTickerTime&kickerStackSpace": "4px",
       "newsTickerEntriesStackSpace": "22px",
       "newsTickerKickerInnerInlineSpace": "4px",
       "newsTickerSkeletonBottomSpace": "64px",
@@ -89,7 +89,7 @@ export const NewsTicker = {
       "newsTickerKickerInnerStackSpace": "2px",
       "newsTickerTitlesInlineSpace": "18px",
       "newsTickerBadgesInlineSpace": "8px",
-      "newsTickerTime&KickerStackSpace": "4px",
+      "newsTickerTime&kickerStackSpace": "4px",
       "newsTickerEntriesStackSpace": "22px",
       "newsTickerKickerInnerInlineSpace": "4px",
       "newsTickerSkeletonBottomSpace": "64px",
@@ -203,7 +203,7 @@ export const newsTickerContentStackSpace = "4px";
 export const newsTickerKickerInnerStackSpace = "2px";
 export const newsTickerTitlesInlineSpace = "18px";
 export const newsTickerBadgesInlineSpace = "8px";
-export const newsTickerTime&KickerStackSpace = "4px";
+export const newsTickerTime&kickerStackSpace = "4px";
 export const newsTickerEntriesStackSpace = "22px";
 export const newsTickerKickerInnerInlineSpace = "4px";
 export const newsTickerSkeletonBottomSpace = "64px";

package/dist/js/brands/sportbild/components/SectionTitle.d.ts

@@ -19,7 +19,7 @@ export declare function getSectionTitleTokens(colorMode?: 'light' | 'dark', brea
 // Flat exports
 export declare const sectionTitleInnerStackBottomSpace: string | number;
 export declare const sectionTitleHeightSize: string | number;
-export declare const sectionTitle&ArrowInlineSpace: string | number;
-export declare const sectionTitle&ArrowInlineSpaceActive: string | number;
+export declare const sectionTitle&arrowInlineSpace: string | number;
+export declare const sectionTitle&arrowInlineSpaceActive: string | number;
 
 export default SectionTitle;

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

@@ -16,26 +16,26 @@ export const SectionTitle = {
     "lg": {
       "sectionTitleInnerStackBottomSpace": "12px",
       "sectionTitleHeightSize": "40px",
-      "sectionTitle&ArrowInlineSpace": "5px",
-      "sectionTitle&ArrowInlineSpaceActive": "8px"
+      "sectionTitle&arrowInlineSpace": "5px",
+      "sectionTitle&arrowInlineSpaceActive": "8px"
     },
     "md": {
       "sectionTitleInnerStackBottomSpace": "12px",
       "sectionTitleHeightSize": "32px",
-      "sectionTitle&ArrowInlineSpace": "5px",
-      "sectionTitle&ArrowInlineSpaceActive": "5px"
+      "sectionTitle&arrowInlineSpace": "5px",
+      "sectionTitle&arrowInlineSpaceActive": "5px"
     },
     "sm": {
       "sectionTitleInnerStackBottomSpace": "12px",
       "sectionTitleHeightSize": "32px",
-      "sectionTitle&ArrowInlineSpace": "5px",
-      "sectionTitle&ArrowInlineSpaceActive": "5px"
+      "sectionTitle&arrowInlineSpace": "5px",
+      "sectionTitle&arrowInlineSpaceActive": "5px"
     },
     "xs": {
       "sectionTitleInnerStackBottomSpace": "12px",
       "sectionTitleHeightSize": "32px",
-      "sectionTitle&ArrowInlineSpace": "5px",
-      "sectionTitle&ArrowInlineSpaceActive": "5px"
+      "sectionTitle&arrowInlineSpace": "5px",
+      "sectionTitle&arrowInlineSpaceActive": "5px"
     }
   }
 };
@@ -51,7 +51,7 @@ export const getSectionTitleTokens = (colorMode = 'light', breakpoint = 'md', de
 // Flat exports for tree-shaking
 export const sectionTitleInnerStackBottomSpace = "12px";
 export const sectionTitleHeightSize = "32px";
-export const sectionTitle&ArrowInlineSpace = "5px";
-export const sectionTitle&ArrowInlineSpaceActive = "5px";
+export const sectionTitle&arrowInlineSpace = "5px";
+export const sectionTitle&arrowInlineSpaceActive = "5px";
 
 export default SectionTitle;

package/dist/js/brands/sportbild/components/Teaser.d.ts

@@ -19,9 +19,9 @@ export declare function getTeaserTokens(colorMode?: 'light' | 'dark', breakpoint
 // Flat exports
 export declare const teaserTitleInlineLeftSpace: string | number;
 export declare const teaserTitleStackSpace: string | number;
-export declare const mQTeaserHeadlineFontSize: string | number;
-export declare const mQTeaserHeadlineFontWeight: string | number;
-export declare const mQTeaserHeadlineLineHeight: string | number;
+export declare const mQteaserHeadlineFontSize: string | number;
+export declare const mQteaserHeadlineFontWeight: string | number;
+export declare const mQteaserHeadlineLineHeight: string | number;
 export declare const mqTeaserTitleInlineSpace: string | number;
 export declare const aTeaserKickerFontSize: string | number;
 export declare const aTeaserHeadlineFontSize: string | number;
@@ -39,12 +39,12 @@ export declare const quadKickerFontSize: string | number;
 export declare const quadHeadlineLineHeight: string | number;
 export declare const qTeaserTitleInlineSpace: string | number;
 export declare const teaserBadgesMarginSpace: string | number;
-export declare const teaserBadgesHeightSizeLG: string | number;
+export declare const teaserBadgesHeightSizeLg: string | number;
 export declare const teaserTitleBottomStackSpace: string | number;
-export declare const teaserBadgesHeightSizeSM: string | number;
+export declare const teaserBadgesHeightSizeSm: string | number;
 export declare const bildPlayTeaserWidthSize: string | number;
 export declare const teaserLayoutGridSpace: string | number;
-export declare const superATeaserTitleInlineSpace: string | number;
+export declare const superAteaserTitleInlineSpace: string | number;
 export declare const bTeaserTitleInlineSpace: string | number;
 export declare const teaserHoverOpacity: string | number;
 export declare const teaserTitleBackgroundGradientStart: string | number;

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

@@ -28,9 +28,9 @@ export const Teaser = {
     "lg": {
       "teaserTitleInlineLeftSpace": "0px",
       "teaserTitleStackSpace": "6px",
-      "mQTeaserHeadlineFontSize": "34px",
-      "mQTeaserHeadlineFontWeight": 700,
-      "mQTeaserHeadlineLineHeight": "39.1px",
+      "mQteaserHeadlineFontSize": "34px",
+      "mQteaserHeadlineFontWeight": 700,
+      "mQteaserHeadlineLineHeight": "39.1px",
       "mqTeaserTitleInlineSpace": "12px",
       "aTeaserKickerFontSize": "26px",
       "aTeaserHeadlineFontSize": "50px",
@@ -48,20 +48,20 @@ export const Teaser = {
       "quadHeadlineLineHeight": "88px",
       "qTeaserTitleInlineSpace": "24px",
       "teaserBadgesMarginSpace": "8px",
-      "teaserBadgesHeightSizeLG": "40px",
+      "teaserBadgesHeightSizeLg": "40px",
       "teaserTitleBottomStackSpace": "16px",
-      "teaserBadgesHeightSizeSM": "32px",
+      "teaserBadgesHeightSizeSm": "32px",
       "bildPlayTeaserWidthSize": "193px",
       "teaserLayoutGridSpace": "16px",
-      "superATeaserTitleInlineSpace": "24px",
+      "superAteaserTitleInlineSpace": "24px",
       "bTeaserTitleInlineSpace": "16px"
     },
     "md": {
       "teaserTitleInlineLeftSpace": "0px",
       "teaserTitleStackSpace": "4px",
-      "mQTeaserHeadlineFontSize": "30px",
-      "mQTeaserHeadlineFontWeight": 700,
-      "mQTeaserHeadlineLineHeight": "34.5px",
+      "mQteaserHeadlineFontSize": "30px",
+      "mQteaserHeadlineFontWeight": 700,
+      "mQteaserHeadlineLineHeight": "34.5px",
       "mqTeaserTitleInlineSpace": "12px",
       "aTeaserKickerFontSize": "26px",
       "aTeaserHeadlineFontSize": "44px",
@@ -79,20 +79,20 @@ export const Teaser = {
       "quadHeadlineLineHeight": "69px",
       "qTeaserTitleInlineSpace": "24px",
       "teaserBadgesMarginSpace": "8px",
-      "teaserBadgesHeightSizeLG": "32px",
+      "teaserBadgesHeightSizeLg": "32px",
       "teaserTitleBottomStackSpace": "16px",
-      "teaserBadgesHeightSizeSM": "32px",
+      "teaserBadgesHeightSizeSm": "32px",
       "bildPlayTeaserWidthSize": "169px",
       "teaserLayoutGridSpace": "12px",
-      "superATeaserTitleInlineSpace": "24px",
+      "superAteaserTitleInlineSpace": "24px",
       "bTeaserTitleInlineSpace": "16px"
     },
     "sm": {
       "teaserTitleInlineLeftSpace": "12px",
       "teaserTitleStackSpace": "4px",
-      "mQTeaserHeadlineFontSize": "21px",
-      "mQTeaserHeadlineFontWeight": 700,
-      "mQTeaserHeadlineLineHeight": "23.1px",
+      "mQteaserHeadlineFontSize": "21px",
+      "mQteaserHeadlineFontWeight": 700,
+      "mQteaserHeadlineLineHeight": "23.1px",
       "mqTeaserTitleInlineSpace": "12px",
       "aTeaserKickerFontSize": "16px",
       "aTeaserHeadlineFontSize": "30px",
@@ -110,20 +110,20 @@ export const Teaser = {
       "quadHeadlineLineHeight": "42px",
       "qTeaserTitleInlineSpace": "12px",
       "teaserBadgesMarginSpace": "8px",
-      "teaserBadgesHeightSizeLG": "32px",
+      "teaserBadgesHeightSizeLg": "32px",
       "teaserTitleBottomStackSpace": "12px",
-      "teaserBadgesHeightSizeSM": "24px",
+      "teaserBadgesHeightSizeSm": "24px",
       "bildPlayTeaserWidthSize": "145px",
       "teaserLayoutGridSpace": "12px",
-      "superATeaserTitleInlineSpace": "24px",
+      "superAteaserTitleInlineSpace": "24px",
       "bTeaserTitleInlineSpace": "16px"
     },
     "xs": {
       "teaserTitleInlineLeftSpace": "12px",
       "teaserTitleStackSpace": "4px",
-      "mQTeaserHeadlineFontSize": "21px",
-      "mQTeaserHeadlineFontWeight": 700,
-      "mQTeaserHeadlineLineHeight": "23.1px",
+      "mQteaserHeadlineFontSize": "21px",
+      "mQteaserHeadlineFontWeight": 700,
+      "mQteaserHeadlineLineHeight": "23.1px",
       "mqTeaserTitleInlineSpace": "12px",
       "aTeaserKickerFontSize": "16px",
       "aTeaserHeadlineFontSize": "30px",
@@ -141,12 +141,12 @@ export const Teaser = {
       "quadHeadlineLineHeight": "42px",
       "qTeaserTitleInlineSpace": "12px",
       "teaserBadgesMarginSpace": "8px",
-      "teaserBadgesHeightSizeLG": "32px",
+      "teaserBadgesHeightSizeLg": "32px",
       "teaserTitleBottomStackSpace": "12px",
-      "teaserBadgesHeightSizeSM": "24px",
+      "teaserBadgesHeightSizeSm": "24px",
       "bildPlayTeaserWidthSize": "145px",
       "teaserLayoutGridSpace": "12px",
-      "superATeaserTitleInlineSpace": "24px",
+      "superAteaserTitleInlineSpace": "24px",
       "bTeaserTitleInlineSpace": "16px"
     }
   },
@@ -164,13 +164,13 @@ export const Teaser = {
         "fontSize": "50px",
         "lineHeight": "57.6px"
       },
-      "mQTeaserMQTeaserKicker": {
+      "mQteaserMQteaserKicker": {
         "fontFamily": "AntennaExtraCond",
         "fontWeight": 700,
         "fontSize": "18px",
         "lineHeight": "19.8px"
       },
-      "mQTeaserMQTeaserHeadline": {
+      "mQteaserMQteaserHeadline": {
         "fontFamily": "AntennaExtraCond",
         "fontWeight": 900,
         "fontSize": "34px",
@@ -202,13 +202,13 @@ export const Teaser = {
         "fontSize": "44px",
         "lineHeight": "50.6px"
       },
-      "mQTeaserMQTeaserKicker": {
+      "mQteaserMQteaserKicker": {
         "fontFamily": "AntennaExtraCond",
         "fontWeight": 700,
         "fontSize": "16px",
         "lineHeight": "17.6px"
       },
-      "mQTeaserMQTeaserHeadline": {
+      "mQteaserMQteaserHeadline": {
         "fontFamily": "AntennaExtraCond",
         "fontWeight": 900,
         "fontSize": "30px",
@@ -240,13 +240,13 @@ export const Teaser = {
         "fontSize": "30px",
         "lineHeight": "30px"
       },
-      "mQTeaserMQTeaserKicker": {
+      "mQteaserMQteaserKicker": {
         "fontFamily": "AntennaExtraCond",
         "fontWeight": 700,
         "fontSize": "14px",
         "lineHeight": "15.4px"
       },
-      "mQTeaserMQTeaserHeadline": {
+      "mQteaserMQteaserHeadline": {
         "fontFamily": "AntennaExtraCond",
         "fontWeight": 900,
         "fontSize": "21px",
@@ -278,13 +278,13 @@ export const Teaser = {
         "fontSize": "30px",
         "lineHeight": "30px"
       },
-      "mQTeaserMQTeaserKicker": {
+      "mQteaserMQteaserKicker": {
         "fontFamily": "AntennaExtraCond",
         "fontWeight": 700,
         "fontSize": "14px",
         "lineHeight": "15.4px"
       },
-      "mQTeaserMQTeaserHeadline": {
+      "mQteaserMQteaserHeadline": {
         "fontFamily": "AntennaExtraCond",
         "fontWeight": 900,
         "fontSize": "21px",
@@ -344,9 +344,9 @@ 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 mQteaserHeadlineFontSize = "21px";
+export const mQteaserHeadlineFontWeight = 700;
+export const mQteaserHeadlineLineHeight = "23.1px";
 export const mqTeaserTitleInlineSpace = "12px";
 export const aTeaserKickerFontSize = "16px";
 export const aTeaserHeadlineFontSize = "30px";
@@ -364,12 +364,12 @@ export const quadKickerFontSize = "20px";
 export const quadHeadlineLineHeight = "42px";
 export const qTeaserTitleInlineSpace = "12px";
 export const teaserBadgesMarginSpace = "8px";
-export const teaserBadgesHeightSizeLG = "32px";
+export const teaserBadgesHeightSizeLg = "32px";
 export const teaserTitleBottomStackSpace = "12px";
-export const teaserBadgesHeightSizeSM = "24px";
+export const teaserBadgesHeightSizeSm = "24px";
 export const bildPlayTeaserWidthSize = "145px";
 export const teaserLayoutGridSpace = "12px";
-export const superATeaserTitleInlineSpace = "24px";
+export const superAteaserTitleInlineSpace = "24px";
 export const bTeaserTitleInlineSpace = "16px";
 
 export default Teaser;

package/dist/js/brands/sportbild/effects.d.ts

@@ -15,11 +15,11 @@ export declare const light: EffectsTokens['light'];
 export declare const dark: EffectsTokens['dark'];
 
 // Flat exports (light mode)
-export declare const shadowSoftSM: ShadowLayer[];
-export declare const shadowSoftMD: ShadowLayer[];
-export declare const shadowSoftLG: ShadowLayer[];
-export declare const shadowSoftXL: ShadowLayer[];
-export declare const shadowHardSM: ShadowLayer[];
-export declare const shadowHardMD: ShadowLayer[];
-export declare const shadowHardLG: ShadowLayer[];
-export declare const shadowHardXL: ShadowLayer[];
+export declare const shadowSoftSm: ShadowLayer[];
+export declare const shadowSoftMd: ShadowLayer[];
+export declare const shadowSoftLg: ShadowLayer[];
+export declare const shadowSoftXl: ShadowLayer[];
+export declare const shadowHardSm: ShadowLayer[];
+export declare const shadowHardMd: ShadowLayer[];
+export declare const shadowHardLg: ShadowLayer[];
+export declare const shadowHardXl: ShadowLayer[];