@marioschmidt/design-system-tokens 1.0.65 → 1.0.66

package/dist/js/themes/advertorial-in-bild-light.js

@@ -108,18 +108,18 @@ export const advertorialInBildLight = {
   "layerOpacity00": 0
 },
   spacing: {
-  "gridSpaceRespLG": "32px",
-  "gridSpaceRespXL": "64px",
+  "gridSpaceRespLg": "32px",
+  "gridSpaceRespXl": "64px",
   "gridSpaceRespBase": "12px",
-  "gridSpaceRespSM": "6px",
+  "gridSpaceRespSm": "6px",
   "pageInlineSpace": "0px",
-  "gridSpaceConstLG": "16px",
-  "gridSpaceConstSM": "12px",
+  "gridSpaceConstLg": "16px",
+  "gridSpaceConstSm": "12px",
   "layoutGuideGridColums": 8,
   "sectionSpaceBase": "48px",
-  "sectionSpaceLG": "96px",
+  "sectionSpaceLg": "96px",
   "paragraphEndSpace": "32px",
-  "sectionSpaceSM": "36px",
+  "sectionSpaceSm": "36px",
   "breakpointMinWidthSize": "600px",
   "breakpointMaxWidthSize": "1023px",
   "canvasHeightSizeWeb": "960px",
@@ -128,29 +128,29 @@ export const advertorialInBildLight = {
   "canvasWidthSizeWeb": "600px",
   "canvasWidthSizeApp": "834px",
   "canvasHeightSizeApp": "1194px",
-  "title1FontSize": "22px",
-  "title2FontSize": "16px",
-  "display1FontSize": "70px",
-  "display2FontSize": "41px",
-  "display3FontSize": "31px",
-  "headline1FontSize": "54px",
-  "headline2FontSize": "36px",
-  "headline3FontSize": "26px",
-  "headline4FontSize": "20px",
+  "title1fontSize": "22px",
+  "title2fontSize": "16px",
+  "display1fontSize": "70px",
+  "display2fontSize": "41px",
+  "display3fontSize": "31px",
+  "headline1fontSize": "54px",
+  "headline2fontSize": "36px",
+  "headline3fontSize": "26px",
+  "headline4fontSize": "20px",
   "bodyFontSize": "17px",
-  "label3FontSize": "12px",
-  "label2FontSize": "15px",
-  "label1FontSize": "17px",
-  "label1FontSizeResponsive": "15px",
-  "label4FontSize": "8px",
-  "callout1FontSize": "22px",
-  "footnote1FontSize": "13px",
-  "footnote2FontSize": "10px",
-  "kicker1FontSize": "18px",
-  "kicker2FontSize": "18px",
-  "kicker3FontSize": "14px",
-  "kicker4FontSize": "14px",
-  "subheadline1FontSize": "18px",
+  "label3fontSize": "12px",
+  "label2fontSize": "15px",
+  "label1fontSize": "17px",
+  "label1fontSizeResponsive": "15px",
+  "label4fontSize": "8px",
+  "callout1fontSize": "22px",
+  "footnote1fontSize": "13px",
+  "footnote2fontSize": "10px",
+  "kicker1fontSize": "18px",
+  "kicker2fontSize": "18px",
+  "kicker3fontSize": "14px",
+  "kicker4fontSize": "14px",
+  "subheadline1fontSize": "18px",
   "quoteFontSize": "16px",
   "bodyFontFamily": "Lucida Grande",
   "calloutFontFamily": "Lucida Grande",
@@ -168,59 +168,59 @@ export const advertorialInBildLight = {
   "bodyFontWeightBook": 400,
   "bodyFontWeightBold": 700,
   "kickerFontWeight": 700,
-  "kickerFontWeightST": "700",
+  "kickerFontWeightSt": "700",
   "subheadlineFontWeight": 700,
-  "headline1FontWeight": 700,
-  "headline2FontWeight": 700,
-  "headline3FontWeight": 700,
-  "headline4FontWeight": 600,
-  "headline1FontWeightST": "700",
+  "headline1fontWeight": 700,
+  "headline2fontWeight": 700,
+  "headline3fontWeight": 700,
+  "headline4fontWeight": 600,
+  "headline1fontWeightSt": "700",
   "titleFontWeight": 800,
   "displayFontWeight": 800,
   "quoteFontWeight": 800,
   "footnoteFontWeightBook": 400,
   "footnoteFontWeightBold": 700,
   "bodyLineHeight": "29.75px",
-  "kicker4LineHeight": "15.4px",
-  "kicker3LineHeight": "15.4px",
-  "kicker2LineHeight": "19.8px",
-  "kicker1LineHeight": "19.8px",
-  "label3LineHeight": "14.4px",
-  "label1LineHeight": "20.4px",
-  "label1ResponsiveLineHeight": "15px",
-  "label2LineHeight": "16px",
-  "label4LineHeight": "10px",
-  "display1LineHeight": "72px",
-  "display2LineHeight": "42px",
-  "display3LineHeight": "32px",
-  "title1LineHeight": "26.4px",
-  "title2LineHeight": "19.2px",
+  "kicker4lineHeight": "15.4px",
+  "kicker3lineHeight": "15.4px",
+  "kicker2lineHeight": "19.8px",
+  "kicker1lineHeight": "19.8px",
+  "label3lineHeight": "14.4px",
+  "label1lineHeight": "20.4px",
+  "label1responsiveLineHeight": "15px",
+  "label2lineHeight": "16px",
+  "label4lineHeight": "10px",
+  "display1lineHeight": "72px",
+  "display2lineHeight": "42px",
+  "display3lineHeight": "32px",
+  "title1lineHeight": "26.4px",
+  "title2lineHeight": "19.2px",
   "quoteLineHeight": "20.8px",
-  "footnote1LineHeight": "16.9px",
-  "footnote2LineHeight": "13px",
-  "headline1LineHeight": "56.7px",
-  "headline2LineHeight": "39.6px",
-  "headline3LineHeight": "28.6px",
-  "headline4LineHeight": "19.8px",
+  "footnote1lineHeight": "16.9px",
+  "footnote2lineHeight": "13px",
+  "headline1lineHeight": "56.7px",
+  "headline2lineHeight": "39.6px",
+  "headline3lineHeight": "28.6px",
+  "headline4lineHeight": "19.8px",
   "calloutLineHeight": "28.6px",
-  "subheadline1LineHeight": "23.4px",
-  "letterSpacingPositiveSM": "0.5px",
-  "letterSpacingPositiveLG": "2px",
-  "letterSpacingPositiveMD": "1px",
+  "subheadline1lineHeight": "23.4px",
+  "letterSpacingPositiveSm": "0.5px",
+  "letterSpacingPositiveLg": "2px",
+  "letterSpacingPositiveMd": "1px",
   "letterSpacingNone": "0px",
-  "letterSpacingNegativeSM": "-0.25px",
-  "letterSpacingNegativeMD": "-1px",
-  "letterSpacingNegativeLG": "-2px",
-  "letterSpacingNegativeXS": "-0.25px",
-  "letterSpacingPositiveXS": "0.25px",
-  "display1LetterSpacing": "-1px",
-  "display2LetterSpacing": "-1px",
-  "display3LetterSpacing": "-1px",
-  "borderRadiusXS": "2px",
-  "borderRadiusMD": "8px",
-  "borderRadiusSM": "4px",
-  "borderRadiusXL": "24px",
-  "borderRadiusLG": "16px",
+  "letterSpacingNegativeSm": "-0.25px",
+  "letterSpacingNegativeMd": "-1px",
+  "letterSpacingNegativeLg": "-2px",
+  "letterSpacingNegativeXs": "-0.25px",
+  "letterSpacingPositiveXs": "0.25px",
+  "display1letterSpacing": "-1px",
+  "display2letterSpacing": "-1px",
+  "display3letterSpacing": "-1px",
+  "borderRadiusXs": "2px",
+  "borderRadiusMd": "8px",
+  "borderRadiusSm": "4px",
+  "borderRadiusXl": "24px",
+  "borderRadiusLg": "16px",
   "borderRadiusNone": "0px",
   "borderRadiusFull": "9999px",
   "borderWidthThin": "1px",
@@ -233,74 +233,74 @@ export const advertorialInBildLight = {
   "hideOnMobile": true,
   "visilbleTabletOnly": true,
   "hideOnDesktop": true,
-  "changeOnLG": "xs/sm/md",
-  "changeOnMD": "md/lg",
+  "changeOnLg": "xs/sm/md",
+  "changeOnMd": "md/lg",
   "bpSpecificWeb": "md",
   "bpSpecificApp": "regular",
-  "inlineSpaceRespSM": "12px",
-  "inlineSpaceRespMD": "16px",
-  "inlineSpaceRespLG": "24px",
-  "inlineSpaceResp2XL": "48px",
-  "inlineSpaceRespXL": "32px",
-  "inlineSpaceConstSM": "8px",
-  "inlineSpaceConstMD": "12px",
-  "inlineSpaceConstLG": "16px",
-  "inlineSpaceConst2XL": "32px",
-  "inlineSpaceConstXL": "24px",
-  "inlineSpaceConstXS": "6px",
-  "inlineSpaceConst3XS": "2px",
-  "inlineSpaceConst2XS": "4px",
-  "stackSpaceRespMD": "16px",
-  "stackSpaceRespLG": "24px",
-  "stackSpaceResp2XL": "48px",
-  "stackSpaceRespSM": "12px",
-  "stackSpaceRespXL": "32px",
-  "stackSpaceConstSM": "8px",
-  "stackSpaceConstMD": "12px",
-  "stackSpaceConstLG": "16px",
-  "stackSpaceConst2XL": "32px",
-  "stackSpaceConstXL": "24px",
-  "stackSpaceConstXS": "6px",
-  "stackSpaceConst3XS": "2px",
-  "stackSpaceConst2XS": "4px",
-  "gapSpaceRespXS": "6px",
-  "gapSpaceRespLG": "24px",
-  "gapSpaceRespXL": "32px",
-  "gapSpaceResp2XL": "48px",
-  "gapSpaceRespMD": "16px",
-  "gapSpaceRespSM": "12px",
-  "gapSpaceResp2XS": "4px",
-  "gapSpaceResp3XL": "72px",
-  "gapSpaceConst2XS": "2px",
-  "gapSpaceConstXS": "4px",
-  "gapSpaceConstSM": "8px",
-  "gapSpaceConstMD": "12px",
-  "gapSpaceConstLG": "16px",
-  "gapSpaceConstXL": "24px",
-  "gapSpaceConst2XL": "32px",
-  "gapSpaceConst3XL": "48px",
-  "sizeConst3XS": "16px",
-  "sizeConst2XS": "24px",
-  "sizeConstXS": "32px",
-  "sizeConstSM": "40px",
-  "sizeConstMD": "48px",
-  "sizeConstLG": "56px",
-  "sizeConstXL": "64px",
-  "sizeConst3XL": "96px",
-  "sizeConst4XL": "148px",
-  "sizeConst2XL": "72px",
-  "sizeConst4XS": "8px",
-  "sizeResp3XS": "16px",
-  "sizeResp2XS": "32px",
-  "sizeRespXS": "40px",
-  "sizeRespSM": "48px",
-  "sizeRespMD": "64px",
-  "sizeRespLG": "72px",
-  "sizeRespXL": "80px",
-  "sizeResp2XL": "92px",
-  "sizeResp3XL": "120px",
-  "sizeResp4XL": "160px",
-  "sizeResp4XS": "14px",
+  "inlineSpaceRespSm": "12px",
+  "inlineSpaceRespMd": "16px",
+  "inlineSpaceRespLg": "24px",
+  "inlineSpaceResp2xl": "48px",
+  "inlineSpaceRespXl": "32px",
+  "inlineSpaceConstSm": "8px",
+  "inlineSpaceConstMd": "12px",
+  "inlineSpaceConstLg": "16px",
+  "inlineSpaceConst2xl": "32px",
+  "inlineSpaceConstXl": "24px",
+  "inlineSpaceConstXs": "6px",
+  "inlineSpaceConst3xs": "2px",
+  "inlineSpaceConst2xs": "4px",
+  "stackSpaceRespMd": "16px",
+  "stackSpaceRespLg": "24px",
+  "stackSpaceResp2xl": "48px",
+  "stackSpaceRespSm": "12px",
+  "stackSpaceRespXl": "32px",
+  "stackSpaceConstSm": "8px",
+  "stackSpaceConstMd": "12px",
+  "stackSpaceConstLg": "16px",
+  "stackSpaceConst2xl": "32px",
+  "stackSpaceConstXl": "24px",
+  "stackSpaceConstXs": "6px",
+  "stackSpaceConst3xs": "2px",
+  "stackSpaceConst2xs": "4px",
+  "gapSpaceRespXs": "6px",
+  "gapSpaceRespLg": "24px",
+  "gapSpaceRespXl": "32px",
+  "gapSpaceResp2xl": "48px",
+  "gapSpaceRespMd": "16px",
+  "gapSpaceRespSm": "12px",
+  "gapSpaceResp2xs": "4px",
+  "gapSpaceResp3xl": "72px",
+  "gapSpaceConst2xs": "2px",
+  "gapSpaceConstXs": "4px",
+  "gapSpaceConstSm": "8px",
+  "gapSpaceConstMd": "12px",
+  "gapSpaceConstLg": "16px",
+  "gapSpaceConstXl": "24px",
+  "gapSpaceConst2xl": "32px",
+  "gapSpaceConst3xl": "48px",
+  "sizeConst3xs": "16px",
+  "sizeConst2xs": "24px",
+  "sizeConstXs": "32px",
+  "sizeConstSm": "40px",
+  "sizeConstMd": "48px",
+  "sizeConstLg": "56px",
+  "sizeConstXl": "64px",
+  "sizeConst3xl": "96px",
+  "sizeConst4xl": "148px",
+  "sizeConst2xl": "72px",
+  "sizeConst4xs": "8px",
+  "sizeResp3xs": "16px",
+  "sizeResp2xs": "32px",
+  "sizeRespXs": "40px",
+  "sizeRespSm": "48px",
+  "sizeRespMd": "64px",
+  "sizeRespLg": "72px",
+  "sizeRespXl": "80px",
+  "sizeResp2xl": "92px",
+  "sizeResp3xl": "120px",
+  "sizeResp4xl": "160px",
+  "sizeResp4xs": "14px",
   "breakpointName": "md"
 },
   typography: {
@@ -382,7 +382,7 @@ export const advertorialInBildLight = {
     "fontSize": "22px",
     "lineHeight": "26.4px"
   },
-  "title1Uppercase": {
+  "title1uppercase": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 800,
     "fontSize": "22px",
@@ -394,7 +394,7 @@ export const advertorialInBildLight = {
     "fontSize": "16px",
     "lineHeight": "19.2px"
   },
-  "title2Uppercase": {
+  "title2uppercase": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 800,
     "fontSize": "16px",
@@ -466,7 +466,7 @@ export const advertorialInBildLight = {
     "fontSize": "13px",
     "lineHeight": "16.9px"
   },
-  "footnote1Bold": {
+  "footnote1bold": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 700,
     "fontSize": "13px",
@@ -478,7 +478,7 @@ export const advertorialInBildLight = {
     "fontSize": "10px",
     "lineHeight": "13px"
   },
-  "footnote2Bold": {
+  "footnote2bold": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 700,
     "fontSize": "10px",
@@ -490,19 +490,19 @@ export const advertorialInBildLight = {
     "fontSize": "17px",
     "lineHeight": "20.4px"
   },
-  "label1Bold": {
+  "label1bold": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 700,
     "fontSize": "17px",
     "lineHeight": "20.4px"
   },
-  "label1BoldResp": {
+  "label1boldResp": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 700,
     "fontSize": "15px",
     "lineHeight": "15px"
   },
-  "label1UppercaseBold": {
+  "label1uppercaseBold": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 700,
     "fontSize": "17px",
@@ -514,19 +514,19 @@ export const advertorialInBildLight = {
     "fontSize": "15px",
     "lineHeight": "16px"
   },
-  "label2Uppercase": {
+  "label2uppercase": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 400,
     "fontSize": "15px",
     "lineHeight": "16px"
   },
-  "label2Bold": {
+  "label2bold": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 700,
     "fontSize": "15px",
     "lineHeight": "16px"
   },
-  "label2UppercaseBold": {
+  "label2uppercaseBold": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 700,
     "fontSize": "15px",
@@ -538,19 +538,19 @@ export const advertorialInBildLight = {
     "fontSize": "12px",
     "lineHeight": "14.4px"
   },
-  "label3Uppercase": {
+  "label3uppercase": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 400,
     "fontSize": "12px",
     "lineHeight": "14.4px"
   },
-  "label3Bold": {
+  "label3bold": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 700,
     "fontSize": "12px",
     "lineHeight": "14.4px"
   },
-  "label3UppercaseBold": {
+  "label3uppercaseBold": {
     "fontFamily": "Lucida Grande",
     "fontWeight": 700,
     "fontSize": "12px",
@@ -570,7 +570,7 @@ export const advertorialInBildLight = {
   }
 },
   effects: {
-  "shadowSoftSM": [
+  "shadowSoftSm": [
     {
       "offsetX": 0,
       "offsetY": 1,
@@ -586,7 +586,7 @@ export const advertorialInBildLight = {
       "color": "rgba(0, 0, 0, 0.08)"
     }
   ],
-  "shadowSoftMD": [
+  "shadowSoftMd": [
     {
       "offsetX": 0,
       "offsetY": 2,
@@ -602,7 +602,7 @@ export const advertorialInBildLight = {
       "color": "rgba(0, 0, 0, 0.07)"
     }
   ],
-  "shadowSoftLG": [
+  "shadowSoftLg": [
     {
       "offsetX": 0,
       "offsetY": 8,
@@ -618,7 +618,7 @@ export const advertorialInBildLight = {
       "color": "rgba(0, 0, 0, 0.07)"
     }
   ],
-  "shadowSoftXL": [
+  "shadowSoftXl": [
     {
       "offsetX": 0,
       "offsetY": 0,
@@ -634,7 +634,7 @@ export const advertorialInBildLight = {
       "color": "rgba(0, 0, 0, 0.1)"
     }
   ],
-  "shadowHardSM": [
+  "shadowHardSm": [
     {
       "offsetX": 0,
       "offsetY": 1,
@@ -650,7 +650,7 @@ export const advertorialInBildLight = {
       "color": "rgba(0, 0, 0, 0.1)"
     }
   ],
-  "shadowHardMD": [
+  "shadowHardMd": [
     {
       "offsetX": 0,
       "offsetY": 4,
@@ -666,7 +666,7 @@ export const advertorialInBildLight = {
       "color": "rgba(0, 0, 0, 0.16)"
     }
   ],
-  "shadowHardLG": [
+  "shadowHardLg": [
     {
       "offsetX": 0,
       "offsetY": 2,
@@ -682,7 +682,7 @@ export const advertorialInBildLight = {
       "color": "rgba(0, 0, 0, 0.1)"
     }
   ],
-  "shadowHardXL": [
+  "shadowHardXl": [
     {
       "offsetX": 0,
       "offsetY": 4,