@marioschmidt/design-system-tokens 1.0.65 → 1.0.67

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

@@ -36,9 +36,9 @@ export const Menu = {
       "heyInputShadowVisibility": "rgba(0, 0, 0, 0.1)",
       "appTopbarTitleFontSize": "14px",
       "appTopbarStageTitleHeight": "17px",
-      "iOSappTopBarHeightSize": "48px",
-      "iOSappTopBarLeftInlineSpace": "19px",
-      "iOSappTopBarRightInlineSpace": "19px"
+      "iOsappTopBarHeightSize": "48px",
+      "iOsappTopBarLeftInlineSpace": "19px",
+      "iOsappTopBarRightInlineSpace": "19px"
     },
     "md": {
       "menuItemSpace": "8px",
@@ -63,9 +63,9 @@ export const Menu = {
       "heyInputShadowVisibility": "rgba(0, 0, 0, 0)",
       "appTopbarTitleFontSize": "14px",
       "appTopbarStageTitleHeight": "17px",
-      "iOSappTopBarHeightSize": "48px",
-      "iOSappTopBarLeftInlineSpace": "19px",
-      "iOSappTopBarRightInlineSpace": "19px"
+      "iOsappTopBarHeightSize": "48px",
+      "iOsappTopBarLeftInlineSpace": "19px",
+      "iOsappTopBarRightInlineSpace": "19px"
     },
     "sm": {
       "menuItemSpace": "8px",
@@ -90,9 +90,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",
@@ -117,9 +117,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": {
@@ -303,8 +303,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/advertorial/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/advertorial/components/NewsTicker.js

@@ -22,7 +22,7 @@ export const NewsTicker = {
       "newsTickerKickerInnerStackSpace": "2px",
       "newsTickerTitlesInlineSpace": "30px",
       "newsTickerBadgesInlineSpace": "16px",
-      "newsTickerTime&KickerStackSpace": "6px",
+      "newsTickerTime&kickerStackSpace": "6px",
       "newsTickerEntriesStackSpace": "22px",
       "newsTickerKickerInnerInlineSpace": "4px",
       "newsTickerSkeletonBottomSpace": "0px",
@@ -41,7 +41,7 @@ export const NewsTicker = {
       "newsTickerKickerInnerStackSpace": "2px",
       "newsTickerTitlesInlineSpace": "24px",
       "newsTickerBadgesInlineSpace": "12px",
-      "newsTickerTime&KickerStackSpace": "6px",
+      "newsTickerTime&kickerStackSpace": "6px",
       "newsTickerEntriesStackSpace": "22px",
       "newsTickerKickerInnerInlineSpace": "4px",
       "newsTickerSkeletonBottomSpace": "0px",
@@ -60,7 +60,7 @@ export const NewsTicker = {
       "newsTickerKickerInnerStackSpace": "2px",
       "newsTickerTitlesInlineSpace": "18px",
       "newsTickerBadgesInlineSpace": "8px",
-      "newsTickerTime&KickerStackSpace": "4px",
+      "newsTickerTime&kickerStackSpace": "4px",
       "newsTickerEntriesStackSpace": "22px",
       "newsTickerKickerInnerInlineSpace": "4px",
       "newsTickerSkeletonBottomSpace": "64px",
@@ -79,7 +79,7 @@ export const NewsTicker = {
       "newsTickerKickerInnerStackSpace": "2px",
       "newsTickerTitlesInlineSpace": "18px",
       "newsTickerBadgesInlineSpace": "8px",
-      "newsTickerTime&KickerStackSpace": "4px",
+      "newsTickerTime&kickerStackSpace": "4px",
       "newsTickerEntriesStackSpace": "22px",
       "newsTickerKickerInnerInlineSpace": "4px",
       "newsTickerSkeletonBottomSpace": "64px",
@@ -191,7 +191,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/advertorial/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/advertorial/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/advertorial/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 default Teaser;

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

@@ -16,9 +16,9 @@ export const Teaser = {
     "lg": {
       "teaserTitleInlineLeftSpace": "0px",
       "teaserTitleStackSpace": "6px",
-      "mQTeaserHeadlineFontSize": "32px",
-      "mQTeaserHeadlineFontWeight": 700,
-      "mQTeaserHeadlineLineHeight": "35.2px",
+      "mQteaserHeadlineFontSize": "32px",
+      "mQteaserHeadlineFontWeight": 700,
+      "mQteaserHeadlineLineHeight": "35.2px",
       "mqTeaserTitleInlineSpace": "8px",
       "aTeaserKickerFontSize": "21px",
       "aTeaserHeadlineFontSize": "48px",
@@ -36,20 +36,20 @@ export const Teaser = {
       "quadHeadlineLineHeight": "77px",
       "qTeaserTitleInlineSpace": "12px",
       "teaserBadgesMarginSpace": "8px",
-      "teaserBadgesHeightSizeLG": "40px",
+      "teaserBadgesHeightSizeLg": "40px",
       "teaserTitleBottomStackSpace": "16px",
-      "teaserBadgesHeightSizeSM": "32px",
+      "teaserBadgesHeightSizeSm": "32px",
       "bildPlayTeaserWidthSize": "193px",
       "teaserLayoutGridSpace": "16px",
-      "superATeaserTitleInlineSpace": "16px",
+      "superAteaserTitleInlineSpace": "16px",
       "bTeaserTitleInlineSpace": "8px"
     },
     "md": {
       "teaserTitleInlineLeftSpace": "0px",
       "teaserTitleStackSpace": "4px",
-      "mQTeaserHeadlineFontSize": "26px",
-      "mQTeaserHeadlineFontWeight": 700,
-      "mQTeaserHeadlineLineHeight": "28.6px",
+      "mQteaserHeadlineFontSize": "26px",
+      "mQteaserHeadlineFontWeight": 700,
+      "mQteaserHeadlineLineHeight": "28.6px",
       "mqTeaserTitleInlineSpace": "8px",
       "aTeaserKickerFontSize": "18px",
       "aTeaserHeadlineFontSize": "36px",
@@ -67,20 +67,20 @@ export const Teaser = {
       "quadHeadlineLineHeight": "56.7px",
       "qTeaserTitleInlineSpace": "16px",
       "teaserBadgesMarginSpace": "8px",
-      "teaserBadgesHeightSizeLG": "32px",
+      "teaserBadgesHeightSizeLg": "32px",
       "teaserTitleBottomStackSpace": "16px",
-      "teaserBadgesHeightSizeSM": "32px",
+      "teaserBadgesHeightSizeSm": "32px",
       "bildPlayTeaserWidthSize": "169px",
       "teaserLayoutGridSpace": "12px",
-      "superATeaserTitleInlineSpace": "16px",
+      "superAteaserTitleInlineSpace": "16px",
       "bTeaserTitleInlineSpace": "8px"
     },
     "sm": {
       "teaserTitleInlineLeftSpace": "12px",
       "teaserTitleStackSpace": "4px",
-      "mQTeaserHeadlineFontSize": "16px",
-      "mQTeaserHeadlineFontWeight": 600,
-      "mQTeaserHeadlineLineHeight": "18.4px",
+      "mQteaserHeadlineFontSize": "16px",
+      "mQteaserHeadlineFontWeight": 600,
+      "mQteaserHeadlineLineHeight": "18.4px",
       "mqTeaserTitleInlineSpace": "8px",
       "aTeaserKickerFontSize": "14px",
       "aTeaserHeadlineFontSize": "24px",
@@ -98,20 +98,20 @@ export const Teaser = {
       "quadHeadlineLineHeight": "37.8px",
       "qTeaserTitleInlineSpace": "8px",
       "teaserBadgesMarginSpace": "8px",
-      "teaserBadgesHeightSizeLG": "32px",
+      "teaserBadgesHeightSizeLg": "32px",
       "teaserTitleBottomStackSpace": "12px",
-      "teaserBadgesHeightSizeSM": "24px",
+      "teaserBadgesHeightSizeSm": "24px",
       "bildPlayTeaserWidthSize": "145px",
       "teaserLayoutGridSpace": "12px",
-      "superATeaserTitleInlineSpace": "16px",
+      "superAteaserTitleInlineSpace": "16px",
       "bTeaserTitleInlineSpace": "8px"
     },
     "xs": {
       "teaserTitleInlineLeftSpace": "12px",
       "teaserTitleStackSpace": "4px",
-      "mQTeaserHeadlineFontSize": "16px",
-      "mQTeaserHeadlineFontWeight": 600,
-      "mQTeaserHeadlineLineHeight": "18.4px",
+      "mQteaserHeadlineFontSize": "16px",
+      "mQteaserHeadlineFontWeight": 600,
+      "mQteaserHeadlineLineHeight": "18.4px",
       "mqTeaserTitleInlineSpace": "8px",
       "aTeaserKickerFontSize": "14px",
       "aTeaserHeadlineFontSize": "24px",
@@ -129,12 +129,12 @@ export const Teaser = {
       "quadHeadlineLineHeight": "37.8px",
       "qTeaserTitleInlineSpace": "8px",
       "teaserBadgesMarginSpace": "8px",
-      "teaserBadgesHeightSizeLG": "32px",
+      "teaserBadgesHeightSizeLg": "32px",
       "teaserTitleBottomStackSpace": "12px",
-      "teaserBadgesHeightSizeSM": "24px",
+      "teaserBadgesHeightSizeSm": "24px",
       "bildPlayTeaserWidthSize": "145px",
       "teaserLayoutGridSpace": "12px",
-      "superATeaserTitleInlineSpace": "16px",
+      "superAteaserTitleInlineSpace": "16px",
       "bTeaserTitleInlineSpace": "8px"
     }
   },
@@ -152,13 +152,13 @@ export const Teaser = {
         "fontSize": "48px",
         "lineHeight": "52.8px"
       },
-      "mQTeaserMQTeaserKicker": {
+      "mQteaserMQteaserKicker": {
         "fontFamily": "Lucida Grande",
         "fontWeight": 700,
         "fontSize": "14px",
         "lineHeight": "15.4px"
       },
-      "mQTeaserMQTeaserHeadline": {
+      "mQteaserMQteaserHeadline": {
         "fontFamily": "Lucida Grande",
         "fontWeight": 900,
         "fontSize": "32px",
@@ -190,13 +190,13 @@ export const Teaser = {
         "fontSize": "36px",
         "lineHeight": "39.6px"
       },
-      "mQTeaserMQTeaserKicker": {
+      "mQteaserMQteaserKicker": {
         "fontFamily": "Lucida Grande",
         "fontWeight": 700,
         "fontSize": "14px",
         "lineHeight": "15.4px"
       },
-      "mQTeaserMQTeaserHeadline": {
+      "mQteaserMQteaserHeadline": {
         "fontFamily": "Lucida Grande",
         "fontWeight": 900,
         "fontSize": "26px",
@@ -228,13 +228,13 @@ export const Teaser = {
         "fontSize": "24px",
         "lineHeight": "24px"
       },
-      "mQTeaserMQTeaserKicker": {
+      "mQteaserMQteaserKicker": {
         "fontFamily": "Lucida Grande",
         "fontWeight": 700,
         "fontSize": "12px",
         "lineHeight": "13.2px"
       },
-      "mQTeaserMQTeaserHeadline": {
+      "mQteaserMQteaserHeadline": {
         "fontFamily": "Lucida Grande",
         "fontWeight": 900,
         "fontSize": "16px",
@@ -266,13 +266,13 @@ export const Teaser = {
         "fontSize": "24px",
         "lineHeight": "24px"
       },
-      "mQTeaserMQTeaserKicker": {
+      "mQteaserMQteaserKicker": {
         "fontFamily": "Lucida Grande",
         "fontWeight": 700,
         "fontSize": "12px",
         "lineHeight": "13.2px"
       },
-      "mQTeaserMQTeaserHeadline": {
+      "mQteaserMQteaserHeadline": {
         "fontFamily": "Lucida Grande",
         "fontWeight": 900,
         "fontSize": "16px",
@@ -329,9 +329,9 @@ export const getTeaserTokens = (colorMode = 'light', breakpoint = 'md', density
 // Flat exports for tree-shaking
 export const teaserTitleInlineLeftSpace = "12px";
 export const teaserTitleStackSpace = "4px";
-export const mQTeaserHeadlineFontSize = "16px";
-export const mQTeaserHeadlineFontWeight = 600;
-export const mQTeaserHeadlineLineHeight = "18.4px";
+export const mQteaserHeadlineFontSize = "16px";
+export const mQteaserHeadlineFontWeight = 600;
+export const mQteaserHeadlineLineHeight = "18.4px";
 export const mqTeaserTitleInlineSpace = "8px";
 export const aTeaserKickerFontSize = "14px";
 export const aTeaserHeadlineFontSize = "24px";
@@ -349,12 +349,12 @@ export const quadKickerFontSize = "16px";
 export const quadHeadlineLineHeight = "37.8px";
 export const qTeaserTitleInlineSpace = "8px";
 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 = "16px";
+export const superAteaserTitleInlineSpace = "16px";
 export const bTeaserTitleInlineSpace = "8px";
 
 export default Teaser;