@marioschmidt/design-system-tokens 1.0.63 → 1.0.65

package/dist/js/brands/sportbild/spacing.js

@@ -0,0 +1,999 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.0
+ * Generated by Style Dictionary v4.0.0
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ */
+
+// Brand: sportbild
+
+export const spacing = {
+  "xs": {
+    "gridSpaceRespLG": "24px",
+    "gridSpaceRespXL": "48px",
+    "gridSpaceRespBase": "12px",
+    "gridSpaceRespSM": "6px",
+    "pageInlineSpace": "0px",
+    "gridSpaceConstLG": "16px",
+    "gridSpaceConstSM": "12px",
+    "layoutGuideGridColums": 4,
+    "sectionSpaceBase": "36px",
+    "sectionSpaceLG": "72px",
+    "paragraphEndSpace": "16px",
+    "sectionSpaceSM": "24px",
+    "breakpointMinWidthSize": "320px",
+    "breakpointMaxWidthSize": "389px",
+    "canvasHeightSizeWeb": "568px",
+    "contentMaxWidthMedium": "700px",
+    "contentMaxWidthFull": "1024px",
+    "canvasWidthSizeWeb": "320px",
+    "canvasWidthSizeApp": "320px",
+    "canvasHeightSizeApp": "568px",
+    "title1FontSize": "24px",
+    "title2FontSize": "16px",
+    "display1FontSize": "38px",
+    "display2FontSize": "34px",
+    "display3FontSize": "27px",
+    "headline1FontSize": "42px",
+    "headline2FontSize": "42px",
+    "headline3FontSize": "30px",
+    "headline4FontSize": "21px",
+    "bodyFontSize": "17px",
+    "label3FontSize": "12px",
+    "label2FontSize": "15px",
+    "label1FontSize": "17px",
+    "label1FontSizeResponsive": "10px",
+    "label4FontSize": "8px",
+    "callout1FontSize": "18px",
+    "footnote1FontSize": "13px",
+    "footnote2FontSize": "10px",
+    "kicker1FontSize": "20px",
+    "kicker2FontSize": "16px",
+    "kicker3FontSize": "16px",
+    "kicker4FontSize": "14px",
+    "subheadline1FontSize": "18px",
+    "quoteFontSize": "16px",
+    "bodyFontFamily": "Inter",
+    "calloutFontFamily": "AntennaCond",
+    "headlineFontFamily": "AntennaExtraCond",
+    "footnoteFontFamily": "Inter",
+    "labelFontFamily": "AntennaExtraCond",
+    "kickerFontFamily": "AntennaExtraCond",
+    "subheadlineFontFamily": "AntennaCond",
+    "titleFontFamily": "AntennaCond",
+    "quoteFontFamily": "AntennaCond",
+    "displayFontFamily": "AntennaCond",
+    "calloutFontWeight": 800,
+    "labelFontWeightBold": 700,
+    "labelFontWeightBook": 400,
+    "bodyFontWeightBook": 400,
+    "bodyFontWeightBold": 700,
+    "kickerFontWeight": 700,
+    "kickerFontWeightST": "Black Italic",
+    "subheadlineFontWeight": 700,
+    "headline1FontWeight": 700,
+    "headline2FontWeight": 700,
+    "headline3FontWeight": 700,
+    "headline4FontWeight": 700,
+    "headline1FontWeightST": "Bold Italic",
+    "titleFontWeight": 800,
+    "displayFontWeight": 800,
+    "quoteFontWeight": 800,
+    "footnoteFontWeightBook": 400,
+    "footnoteFontWeightBold": 700,
+    "bodyLineHeight": "28.05px",
+    "kicker4LineHeight": "15.4px",
+    "kicker3LineHeight": "17.6px",
+    "kicker2LineHeight": "17.6px",
+    "kicker1LineHeight": "22px",
+    "label3LineHeight": "14.4px",
+    "label1LineHeight": "20.4px",
+    "label1ResponsiveLineHeight": "12px",
+    "label2LineHeight": "19.2px",
+    "label4LineHeight": "10px",
+    "display1LineHeight": "40px",
+    "display2LineHeight": "36px",
+    "display3LineHeight": "28px",
+    "title1LineHeight": "26.4px",
+    "title2LineHeight": "16.8px",
+    "quoteLineHeight": "20.8px",
+    "footnote1LineHeight": "17.03px",
+    "footnote2LineHeight": "13px",
+    "headline1LineHeight": "42px",
+    "headline2LineHeight": "42px",
+    "headline3LineHeight": "33px",
+    "headline4LineHeight": "23.1px",
+    "calloutLineHeight": "23.4px",
+    "subheadline1LineHeight": "23.4px",
+    "letterSpacingPositiveSM": "0.5px",
+    "letterSpacingPositiveLG": "2px",
+    "letterSpacingPositiveMD": "1px",
+    "letterSpacingNone": "0px",
+    "letterSpacingNegativeSM": "-0.5px",
+    "letterSpacingNegativeMD": "-1px",
+    "letterSpacingNegativeLG": "-2px",
+    "letterSpacingNegativeXS": "-0.25px",
+    "letterSpacingPositiveXS": "0.25px",
+    "display1LetterSpacing": "-0.5px",
+    "display2LetterSpacing": "-0.5px",
+    "display3LetterSpacing": "-0.5px",
+    "borderRadiusXS": "2px",
+    "borderRadiusMD": "8px",
+    "borderRadiusSM": "4px",
+    "borderRadiusXL": "24px",
+    "borderRadiusLG": "16px",
+    "borderRadiusNone": "0px",
+    "borderRadiusFull": "9999px",
+    "borderWidthThin": "1px",
+    "borderWidthThick": "2px",
+    "borderWidthHairline": "0.33px",
+    "visilbleMobileOnly": true,
+    "visilbleDesktopOnly": false,
+    "visilbleAbove600px": false,
+    "visilbleBelow600px": true,
+    "hideOnMobile": false,
+    "visilbleTabletOnly": false,
+    "hideOnDesktop": true,
+    "changeOnLG": "xs/sm/md",
+    "changeOnMD": "xs/sm",
+    "bpSpecificWeb": "xs/sm",
+    "bpSpecificApp": "compact",
+    "inlineSpaceRespSM": "8px",
+    "inlineSpaceRespMD": "12px",
+    "inlineSpaceRespLG": "16px",
+    "inlineSpaceResp2XL": "32px",
+    "inlineSpaceRespXL": "24px",
+    "inlineSpaceConstSM": "8px",
+    "inlineSpaceConstMD": "12px",
+    "inlineSpaceConstLG": "16px",
+    "inlineSpaceConst2XL": "32px",
+    "inlineSpaceConstXL": "24px",
+    "inlineSpaceConstXS": "6px",
+    "inlineSpaceConst3XS": "2px",
+    "inlineSpaceConst2XS": "4px",
+    "stackSpaceRespMD": "12px",
+    "stackSpaceRespLG": "16px",
+    "stackSpaceResp2XL": "32px",
+    "stackSpaceRespSM": "8px",
+    "stackSpaceRespXL": "24px",
+    "stackSpaceConstSM": "8px",
+    "stackSpaceConstMD": "12px",
+    "stackSpaceConstLG": "16px",
+    "stackSpaceConst2XL": "32px",
+    "stackSpaceConstXL": "24px",
+    "stackSpaceConstXS": "6px",
+    "stackSpaceConst3XS": "2px",
+    "stackSpaceConst2XS": "4px",
+    "gapSpaceRespXS": "4px",
+    "gapSpaceRespLG": "16px",
+    "gapSpaceRespXL": "24px",
+    "gapSpaceResp2XL": "32px",
+    "gapSpaceRespMD": "12px",
+    "gapSpaceRespSM": "8px",
+    "gapSpaceResp2XS": "2px",
+    "gapSpaceResp3XL": "48px",
+    "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": "24px",
+    "sizeRespXS": "32px",
+    "sizeRespSM": "40px",
+    "sizeRespMD": "48px",
+    "sizeRespLG": "56px",
+    "sizeRespXL": "64px",
+    "sizeResp2XL": "72px",
+    "sizeResp3XL": "96px",
+    "sizeResp4XL": "148px",
+    "sizeResp4XS": "12px",
+    "breakpointName": "xs"
+  },
+  "sm": {
+    "gridSpaceRespLG": "24px",
+    "gridSpaceRespXL": "48px",
+    "gridSpaceRespBase": "12px",
+    "gridSpaceRespSM": "6px",
+    "pageInlineSpace": "0px",
+    "gridSpaceConstLG": "16px",
+    "gridSpaceConstSM": "12px",
+    "layoutGuideGridColums": 4,
+    "sectionSpaceBase": "36px",
+    "sectionSpaceLG": "72px",
+    "paragraphEndSpace": "16px",
+    "sectionSpaceSM": "24px",
+    "breakpointMinWidthSize": "390px",
+    "breakpointMaxWidthSize": "599px",
+    "canvasHeightSizeWeb": "844px",
+    "contentMaxWidthMedium": "700px",
+    "contentMaxWidthFull": "1024px",
+    "canvasWidthSizeWeb": "390px",
+    "canvasWidthSizeApp": "390px",
+    "canvasHeightSizeApp": "844px",
+    "title1FontSize": "24px",
+    "title2FontSize": "16px",
+    "display1FontSize": "38px",
+    "display2FontSize": "34px",
+    "display3FontSize": "27px",
+    "headline1FontSize": "42px",
+    "headline2FontSize": "42px",
+    "headline3FontSize": "30px",
+    "headline4FontSize": "21px",
+    "bodyFontSize": "17px",
+    "label3FontSize": "12px",
+    "label2FontSize": "15px",
+    "label1FontSize": "17px",
+    "label1FontSizeResponsive": "10px",
+    "label4FontSize": "8px",
+    "callout1FontSize": "18px",
+    "footnote1FontSize": "13px",
+    "footnote2FontSize": "10px",
+    "kicker1FontSize": "20px",
+    "kicker2FontSize": "16px",
+    "kicker3FontSize": "16px",
+    "kicker4FontSize": "14px",
+    "subheadline1FontSize": "18px",
+    "quoteFontSize": "16px",
+    "bodyFontFamily": "Inter",
+    "calloutFontFamily": "AntennaCond",
+    "headlineFontFamily": "AntennaExtraCond",
+    "footnoteFontFamily": "Inter",
+    "labelFontFamily": "AntennaExtraCond",
+    "kickerFontFamily": "AntennaExtraCond",
+    "subheadlineFontFamily": "AntennaCond",
+    "titleFontFamily": "AntennaCond",
+    "quoteFontFamily": "AntennaCond",
+    "displayFontFamily": "AntennaCond",
+    "calloutFontWeight": 800,
+    "labelFontWeightBold": 700,
+    "labelFontWeightBook": 400,
+    "bodyFontWeightBook": 400,
+    "bodyFontWeightBold": 700,
+    "kickerFontWeight": 700,
+    "kickerFontWeightST": "Black Italic",
+    "subheadlineFontWeight": 700,
+    "headline1FontWeight": 700,
+    "headline2FontWeight": 700,
+    "headline3FontWeight": 700,
+    "headline4FontWeight": 700,
+    "headline1FontWeightST": "Bold Italic",
+    "titleFontWeight": 800,
+    "displayFontWeight": 800,
+    "quoteFontWeight": 800,
+    "footnoteFontWeightBook": 400,
+    "footnoteFontWeightBold": 700,
+    "bodyLineHeight": "28.05px",
+    "kicker4LineHeight": "15.4px",
+    "kicker3LineHeight": "17.6px",
+    "kicker2LineHeight": "17.6px",
+    "kicker1LineHeight": "22px",
+    "label3LineHeight": "14.4px",
+    "label1LineHeight": "20.4px",
+    "label1ResponsiveLineHeight": "12px",
+    "label2LineHeight": "19.2px",
+    "label4LineHeight": "10px",
+    "display1LineHeight": "40px",
+    "display2LineHeight": "36px",
+    "display3LineHeight": "28px",
+    "title1LineHeight": "26.4px",
+    "title2LineHeight": "20.8px",
+    "quoteLineHeight": "20.8px",
+    "footnote1LineHeight": "17.03px",
+    "footnote2LineHeight": "13px",
+    "headline1LineHeight": "42px",
+    "headline2LineHeight": "42px",
+    "headline3LineHeight": "33px",
+    "headline4LineHeight": "23.1px",
+    "calloutLineHeight": "23.4px",
+    "subheadline1LineHeight": "23.4px",
+    "letterSpacingPositiveSM": "0.5px",
+    "letterSpacingPositiveLG": "2px",
+    "letterSpacingPositiveMD": "1px",
+    "letterSpacingNone": "0px",
+    "letterSpacingNegativeSM": "-0.5px",
+    "letterSpacingNegativeMD": "-1px",
+    "letterSpacingNegativeLG": "-2px",
+    "letterSpacingNegativeXS": "-0.25px",
+    "letterSpacingPositiveXS": "0.25px",
+    "display1LetterSpacing": "-0.5px",
+    "display2LetterSpacing": "-0.5px",
+    "display3LetterSpacing": "-0.5px",
+    "borderRadiusXS": "2px",
+    "borderRadiusMD": "8px",
+    "borderRadiusSM": "4px",
+    "borderRadiusXL": "24px",
+    "borderRadiusLG": "16px",
+    "borderRadiusNone": "0px",
+    "borderRadiusFull": "9999px",
+    "borderWidthThin": "1px",
+    "borderWidthThick": "2px",
+    "borderWidthHairline": "0.33px",
+    "visilbleMobileOnly": true,
+    "visilbleDesktopOnly": false,
+    "visilbleAbove600px": false,
+    "visilbleBelow600px": true,
+    "hideOnMobile": false,
+    "visilbleTabletOnly": false,
+    "hideOnDesktop": true,
+    "changeOnLG": "xs/sm/md",
+    "changeOnMD": "xs/sm",
+    "bpSpecificWeb": "xs/sm",
+    "bpSpecificApp": "compact",
+    "inlineSpaceRespSM": "8px",
+    "inlineSpaceRespMD": "12px",
+    "inlineSpaceRespLG": "16px",
+    "inlineSpaceResp2XL": "32px",
+    "inlineSpaceRespXL": "24px",
+    "inlineSpaceConstSM": "8px",
+    "inlineSpaceConstMD": "12px",
+    "inlineSpaceConstLG": "16px",
+    "inlineSpaceConst2XL": "32px",
+    "inlineSpaceConstXL": "24px",
+    "inlineSpaceConstXS": "6px",
+    "inlineSpaceConst3XS": "2px",
+    "inlineSpaceConst2XS": "4px",
+    "stackSpaceRespMD": "12px",
+    "stackSpaceRespLG": "16px",
+    "stackSpaceResp2XL": "32px",
+    "stackSpaceRespSM": "8px",
+    "stackSpaceRespXL": "24px",
+    "stackSpaceConstSM": "8px",
+    "stackSpaceConstMD": "12px",
+    "stackSpaceConstLG": "16px",
+    "stackSpaceConst2XL": "32px",
+    "stackSpaceConstXL": "24px",
+    "stackSpaceConstXS": "6px",
+    "stackSpaceConst3XS": "2px",
+    "stackSpaceConst2XS": "4px",
+    "gapSpaceRespXS": "4px",
+    "gapSpaceRespLG": "16px",
+    "gapSpaceRespXL": "24px",
+    "gapSpaceResp2XL": "32px",
+    "gapSpaceRespMD": "12px",
+    "gapSpaceRespSM": "8px",
+    "gapSpaceResp2XS": "2px",
+    "gapSpaceResp3XL": "48px",
+    "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": "24px",
+    "sizeRespXS": "32px",
+    "sizeRespSM": "40px",
+    "sizeRespMD": "48px",
+    "sizeRespLG": "56px",
+    "sizeRespXL": "64px",
+    "sizeResp2XL": "72px",
+    "sizeResp3XL": "96px",
+    "sizeResp4XL": "148px",
+    "sizeResp4XS": "12px",
+    "breakpointName": "sm"
+  },
+  "md": {
+    "gridSpaceRespLG": "32px",
+    "gridSpaceRespXL": "64px",
+    "gridSpaceRespBase": "12px",
+    "gridSpaceRespSM": "6px",
+    "pageInlineSpace": "0px",
+    "gridSpaceConstLG": "16px",
+    "gridSpaceConstSM": "12px",
+    "layoutGuideGridColums": 8,
+    "sectionSpaceBase": "48px",
+    "sectionSpaceLG": "96px",
+    "paragraphEndSpace": "32px",
+    "sectionSpaceSM": "36px",
+    "breakpointMinWidthSize": "600px",
+    "breakpointMaxWidthSize": "1023px",
+    "canvasHeightSizeWeb": "960px",
+    "contentMaxWidthMedium": "700px",
+    "contentMaxWidthFull": "1024px",
+    "canvasWidthSizeWeb": "600px",
+    "canvasWidthSizeApp": "834px",
+    "canvasHeightSizeApp": "1194px",
+    "title1FontSize": "28px",
+    "title2FontSize": "18px",
+    "display1FontSize": "68px",
+    "display2FontSize": "40px",
+    "display3FontSize": "30px",
+    "headline1FontSize": "60px",
+    "headline2FontSize": "44px",
+    "headline3FontSize": "30px",
+    "headline4FontSize": "26px",
+    "bodyFontSize": "17px",
+    "label3FontSize": "12px",
+    "label2FontSize": "15px",
+    "label1FontSize": "17px",
+    "label1FontSizeResponsive": "15px",
+    "label4FontSize": "8px",
+    "callout1FontSize": "24px",
+    "footnote1FontSize": "13px",
+    "footnote2FontSize": "10px",
+    "kicker1FontSize": "26px",
+    "kicker2FontSize": "26px",
+    "kicker3FontSize": "20px",
+    "kicker4FontSize": "16px",
+    "subheadline1FontSize": "22px",
+    "quoteFontSize": "18px",
+    "bodyFontFamily": "Inter",
+    "calloutFontFamily": "AntennaCond",
+    "headlineFontFamily": "AntennaExtraCond",
+    "footnoteFontFamily": "Inter",
+    "labelFontFamily": "AntennaExtraCond",
+    "kickerFontFamily": "AntennaExtraCond",
+    "subheadlineFontFamily": "AntennaCond",
+    "titleFontFamily": "AntennaCond",
+    "quoteFontFamily": "AntennaCond",
+    "displayFontFamily": "AntennaCond",
+    "calloutFontWeight": 800,
+    "labelFontWeightBold": 700,
+    "labelFontWeightBook": 400,
+    "bodyFontWeightBook": 400,
+    "bodyFontWeightBold": 700,
+    "kickerFontWeight": 700,
+    "kickerFontWeightST": "Black Italic",
+    "subheadlineFontWeight": 700,
+    "headline1FontWeight": 700,
+    "headline2FontWeight": 700,
+    "headline3FontWeight": 700,
+    "headline4FontWeight": 700,
+    "headline1FontWeightST": "Bold Italic",
+    "titleFontWeight": 800,
+    "displayFontWeight": 800,
+    "quoteFontWeight": 800,
+    "footnoteFontWeightBook": 400,
+    "footnoteFontWeightBold": 700,
+    "bodyLineHeight": "29.75px",
+    "kicker4LineHeight": "17.6px",
+    "kicker3LineHeight": "22px",
+    "kicker2LineHeight": "28.6px",
+    "kicker1LineHeight": "28.6px",
+    "label3LineHeight": "14.4px",
+    "label1LineHeight": "20.4px",
+    "label1ResponsiveLineHeight": "18px",
+    "label2LineHeight": "19.2px",
+    "label4LineHeight": "10px",
+    "display1LineHeight": "72px",
+    "display2LineHeight": "42px",
+    "display3LineHeight": "32px",
+    "title1LineHeight": "30.8px",
+    "title2LineHeight": "23.4px",
+    "quoteLineHeight": "23.4px",
+    "footnote1LineHeight": "17.03px",
+    "footnote2LineHeight": "13px",
+    "headline1LineHeight": "69px",
+    "headline2LineHeight": "50.6px",
+    "headline3LineHeight": "34.5px",
+    "headline4LineHeight": "28.6px",
+    "calloutLineHeight": "31.2px",
+    "subheadline1LineHeight": "28.6px",
+    "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",
+    "borderRadiusNone": "0px",
+    "borderRadiusFull": "9999px",
+    "borderWidthThin": "1px",
+    "borderWidthThick": "2px",
+    "borderWidthHairline": "0.33px",
+    "visilbleMobileOnly": false,
+    "visilbleDesktopOnly": false,
+    "visilbleAbove600px": true,
+    "visilbleBelow600px": false,
+    "hideOnMobile": true,
+    "visilbleTabletOnly": true,
+    "hideOnDesktop": true,
+    "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",
+    "breakpointName": "md"
+  },
+  "lg": {
+    "gridSpaceRespLG": "32px",
+    "gridSpaceRespXL": "64px",
+    "gridSpaceRespBase": "16px",
+    "gridSpaceRespSM": "8px",
+    "pageInlineSpace": "16px",
+    "gridSpaceConstLG": "16px",
+    "gridSpaceConstSM": "12px",
+    "layoutGuideGridColums": 12,
+    "sectionSpaceBase": "48px",
+    "sectionSpaceLG": "96px",
+    "paragraphEndSpace": "32px",
+    "sectionSpaceSM": "36px",
+    "breakpointMinWidthSize": "1024px",
+    "breakpointMaxWidthSize": "1024px",
+    "canvasHeightSizeWeb": "768px",
+    "contentMaxWidthMedium": "700px",
+    "contentMaxWidthFull": "1024px",
+    "canvasWidthSizeWeb": "1024px",
+    "canvasWidthSizeApp": "1194px",
+    "canvasHeightSizeApp": "834px",
+    "title1FontSize": "30px",
+    "title2FontSize": "20px",
+    "display1FontSize": "114px",
+    "display2FontSize": "61px",
+    "display3FontSize": "38px",
+    "headline1FontSize": "80px",
+    "headline2FontSize": "50px",
+    "headline3FontSize": "34px",
+    "headline4FontSize": "26px",
+    "bodyFontSize": "17px",
+    "label3FontSize": "12px",
+    "label2FontSize": "15px",
+    "label1FontSize": "17px",
+    "label1FontSizeResponsive": "17px",
+    "label4FontSize": "8px",
+    "callout1FontSize": "24px",
+    "footnote1FontSize": "15px",
+    "footnote2FontSize": "13px",
+    "kicker1FontSize": "32px",
+    "kicker2FontSize": "26px",
+    "kicker3FontSize": "22px",
+    "kicker4FontSize": "18px",
+    "subheadline1FontSize": "26px",
+    "quoteFontSize": "20px",
+    "bodyFontFamily": "Inter",
+    "calloutFontFamily": "AntennaCond",
+    "headlineFontFamily": "AntennaExtraCond",
+    "footnoteFontFamily": "Inter",
+    "labelFontFamily": "AntennaExtraCond",
+    "kickerFontFamily": "AntennaExtraCond",
+    "subheadlineFontFamily": "AntennaCond",
+    "titleFontFamily": "AntennaCond",
+    "quoteFontFamily": "AntennaCond",
+    "displayFontFamily": "AntennaCond",
+    "calloutFontWeight": 800,
+    "labelFontWeightBold": 700,
+    "labelFontWeightBook": 400,
+    "bodyFontWeightBook": 400,
+    "bodyFontWeightBold": 700,
+    "kickerFontWeight": 700,
+    "kickerFontWeightST": "Black Italic",
+    "subheadlineFontWeight": 700,
+    "headline1FontWeight": 700,
+    "headline2FontWeight": 700,
+    "headline3FontWeight": 700,
+    "headline4FontWeight": 700,
+    "headline1FontWeightST": "Bold Italic",
+    "titleFontWeight": 800,
+    "displayFontWeight": 800,
+    "quoteFontWeight": 800,
+    "footnoteFontWeightBook": 400,
+    "footnoteFontWeightBold": 700,
+    "bodyLineHeight": "28.05px",
+    "kicker4LineHeight": "19.8px",
+    "kicker3LineHeight": "24.2px",
+    "kicker2LineHeight": "28.6px",
+    "kicker1LineHeight": "35.2px",
+    "label3LineHeight": "14.4px",
+    "label1LineHeight": "20.4px",
+    "label1ResponsiveLineHeight": "20.4px",
+    "label2LineHeight": "19.2px",
+    "label4LineHeight": "10px",
+    "display1LineHeight": "120px",
+    "display2LineHeight": "64px",
+    "display3LineHeight": "40px",
+    "title1LineHeight": "33px",
+    "title2LineHeight": "26px",
+    "quoteLineHeight": "26px",
+    "footnote1LineHeight": "19px",
+    "footnote2LineHeight": "17.03px",
+    "headline1LineHeight": "88px",
+    "headline2LineHeight": "57.6px",
+    "headline3LineHeight": "39.1px",
+    "headline4LineHeight": "29.9px",
+    "calloutLineHeight": "31.2px",
+    "subheadline1LineHeight": "33.8px",
+    "letterSpacingPositiveSM": "0.5px",
+    "letterSpacingPositiveLG": "3px",
+    "letterSpacingPositiveMD": "1px",
+    "letterSpacingNone": "0px",
+    "letterSpacingNegativeSM": "-0.25px",
+    "letterSpacingNegativeMD": "-1px",
+    "letterSpacingNegativeLG": "-3px",
+    "letterSpacingNegativeXS": "-0.25px",
+    "letterSpacingPositiveXS": "0.25px",
+    "display1LetterSpacing": "-2px",
+    "display2LetterSpacing": "-1px",
+    "display3LetterSpacing": "-1px",
+    "borderRadiusXS": "2px",
+    "borderRadiusMD": "8px",
+    "borderRadiusSM": "4px",
+    "borderRadiusXL": "24px",
+    "borderRadiusLG": "16px",
+    "borderRadiusNone": "0px",
+    "borderRadiusFull": "9999px",
+    "borderWidthThin": "1px",
+    "borderWidthThick": "2px",
+    "borderWidthHairline": "0.33px",
+    "visilbleMobileOnly": false,
+    "visilbleDesktopOnly": true,
+    "visilbleAbove600px": true,
+    "visilbleBelow600px": false,
+    "hideOnMobile": true,
+    "visilbleTabletOnly": false,
+    "hideOnDesktop": false,
+    "changeOnLG": "lg",
+    "changeOnMD": "md/lg",
+    "bpSpecificWeb": "lg",
+    "bpSpecificApp": "regular",
+    "inlineSpaceRespSM": "16px",
+    "inlineSpaceRespMD": "24px",
+    "inlineSpaceRespLG": "32px",
+    "inlineSpaceResp2XL": "64px",
+    "inlineSpaceRespXL": "40px",
+    "inlineSpaceConstSM": "8px",
+    "inlineSpaceConstMD": "12px",
+    "inlineSpaceConstLG": "16px",
+    "inlineSpaceConst2XL": "32px",
+    "inlineSpaceConstXL": "24px",
+    "inlineSpaceConstXS": "6px",
+    "inlineSpaceConst3XS": "2px",
+    "inlineSpaceConst2XS": "4px",
+    "stackSpaceRespMD": "24px",
+    "stackSpaceRespLG": "32px",
+    "stackSpaceResp2XL": "64px",
+    "stackSpaceRespSM": "16px",
+    "stackSpaceRespXL": "40px",
+    "stackSpaceConstSM": "8px",
+    "stackSpaceConstMD": "12px",
+    "stackSpaceConstLG": "16px",
+    "stackSpaceConst2XL": "32px",
+    "stackSpaceConstXL": "24px",
+    "stackSpaceConstXS": "6px",
+    "stackSpaceConst3XS": "2px",
+    "stackSpaceConst2XS": "4px",
+    "gapSpaceRespXS": "8px",
+    "gapSpaceRespLG": "32px",
+    "gapSpaceRespXL": "48px",
+    "gapSpaceResp2XL": "64px",
+    "gapSpaceRespMD": "24px",
+    "gapSpaceRespSM": "16px",
+    "gapSpaceResp2XS": "6px",
+    "gapSpaceResp3XL": "96px",
+    "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": "24px",
+    "sizeResp2XS": "32px",
+    "sizeRespXS": "48px",
+    "sizeRespSM": "56px",
+    "sizeRespMD": "72px",
+    "sizeRespLG": "92px",
+    "sizeRespXL": "96px",
+    "sizeResp2XL": "100px",
+    "sizeResp3XL": "148px",
+    "sizeResp4XL": "180px",
+    "sizeResp4XS": "16px",
+    "breakpointName": "lg"
+  }
+};
+
+export const xs = spacing.xs;
+export const sm = spacing.sm;
+export const md = spacing.md;
+export const lg = spacing.lg;
+
+// Flat exports (xs) for tree-shaking
+export const gridSpaceRespLG = "24px";
+export const gridSpaceRespXL = "48px";
+export const gridSpaceRespBase = "12px";
+export const gridSpaceRespSM = "6px";
+export const pageInlineSpace = "0px";
+export const gridSpaceConstLG = "16px";
+export const gridSpaceConstSM = "12px";
+export const layoutGuideGridColums = 4;
+export const sectionSpaceBase = "36px";
+export const sectionSpaceLG = "72px";
+export const paragraphEndSpace = "16px";
+export const sectionSpaceSM = "24px";
+export const breakpointMinWidthSize = "320px";
+export const breakpointMaxWidthSize = "389px";
+export const canvasHeightSizeWeb = "568px";
+export const contentMaxWidthMedium = "700px";
+export const contentMaxWidthFull = "1024px";
+export const canvasWidthSizeWeb = "320px";
+export const canvasWidthSizeApp = "320px";
+export const canvasHeightSizeApp = "568px";
+export const title1FontSize = "24px";
+export const title2FontSize = "16px";
+export const display1FontSize = "38px";
+export const display2FontSize = "34px";
+export const display3FontSize = "27px";
+export const headline1FontSize = "42px";
+export const headline2FontSize = "42px";
+export const headline3FontSize = "30px";
+export const headline4FontSize = "21px";
+export const bodyFontSize = "17px";
+export const label3FontSize = "12px";
+export const label2FontSize = "15px";
+export const label1FontSize = "17px";
+export const label1FontSizeResponsive = "10px";
+export const label4FontSize = "8px";
+export const callout1FontSize = "18px";
+export const footnote1FontSize = "13px";
+export const footnote2FontSize = "10px";
+export const kicker1FontSize = "20px";
+export const kicker2FontSize = "16px";
+export const kicker3FontSize = "16px";
+export const kicker4FontSize = "14px";
+export const subheadline1FontSize = "18px";
+export const quoteFontSize = "16px";
+export const bodyFontFamily = "Inter";
+export const calloutFontFamily = "AntennaCond";
+export const headlineFontFamily = "AntennaExtraCond";
+export const footnoteFontFamily = "Inter";
+export const labelFontFamily = "AntennaExtraCond";
+export const kickerFontFamily = "AntennaExtraCond";
+export const subheadlineFontFamily = "AntennaCond";
+export const titleFontFamily = "AntennaCond";
+export const quoteFontFamily = "AntennaCond";
+export const displayFontFamily = "AntennaCond";
+export const calloutFontWeight = 800;
+export const labelFontWeightBold = 700;
+export const labelFontWeightBook = 400;
+export const bodyFontWeightBook = 400;
+export const bodyFontWeightBold = 700;
+export const kickerFontWeight = 700;
+export const kickerFontWeightST = "Black Italic";
+export const subheadlineFontWeight = 700;
+export const headline1FontWeight = 700;
+export const headline2FontWeight = 700;
+export const headline3FontWeight = 700;
+export const headline4FontWeight = 700;
+export const headline1FontWeightST = "Bold Italic";
+export const titleFontWeight = 800;
+export const displayFontWeight = 800;
+export const quoteFontWeight = 800;
+export const footnoteFontWeightBook = 400;
+export const footnoteFontWeightBold = 700;
+export const bodyLineHeight = "28.05px";
+export const kicker4LineHeight = "15.4px";
+export const kicker3LineHeight = "17.6px";
+export const kicker2LineHeight = "17.6px";
+export const kicker1LineHeight = "22px";
+export const label3LineHeight = "14.4px";
+export const label1LineHeight = "20.4px";
+export const label1ResponsiveLineHeight = "12px";
+export const label2LineHeight = "19.2px";
+export const label4LineHeight = "10px";
+export const display1LineHeight = "40px";
+export const display2LineHeight = "36px";
+export const display3LineHeight = "28px";
+export const title1LineHeight = "26.4px";
+export const title2LineHeight = "16.8px";
+export const quoteLineHeight = "20.8px";
+export const footnote1LineHeight = "17.03px";
+export const footnote2LineHeight = "13px";
+export const headline1LineHeight = "42px";
+export const headline2LineHeight = "42px";
+export const headline3LineHeight = "33px";
+export const headline4LineHeight = "23.1px";
+export const calloutLineHeight = "23.4px";
+export const subheadline1LineHeight = "23.4px";
+export const letterSpacingPositiveSM = "0.5px";
+export const letterSpacingPositiveLG = "2px";
+export const letterSpacingPositiveMD = "1px";
+export const letterSpacingNone = "0px";
+export const letterSpacingNegativeSM = "-0.5px";
+export const letterSpacingNegativeMD = "-1px";
+export const letterSpacingNegativeLG = "-2px";
+export const letterSpacingNegativeXS = "-0.25px";
+export const letterSpacingPositiveXS = "0.25px";
+export const display1LetterSpacing = "-0.5px";
+export const display2LetterSpacing = "-0.5px";
+export const display3LetterSpacing = "-0.5px";
+export const borderRadiusXS = "2px";
+export const borderRadiusMD = "8px";
+export const borderRadiusSM = "4px";
+export const borderRadiusXL = "24px";
+export const borderRadiusLG = "16px";
+export const borderRadiusNone = "0px";
+export const borderRadiusFull = "9999px";
+export const borderWidthThin = "1px";
+export const borderWidthThick = "2px";
+export const borderWidthHairline = "0.33px";
+export const visilbleMobileOnly = true;
+export const visilbleDesktopOnly = false;
+export const visilbleAbove600px = false;
+export const visilbleBelow600px = true;
+export const hideOnMobile = false;
+export const visilbleTabletOnly = false;
+export const hideOnDesktop = true;
+export const changeOnLG = "xs/sm/md";
+export const changeOnMD = "xs/sm";
+export const bpSpecificWeb = "xs/sm";
+export const bpSpecificApp = "compact";
+export const inlineSpaceRespSM = "8px";
+export const inlineSpaceRespMD = "12px";
+export const inlineSpaceRespLG = "16px";
+export const inlineSpaceResp2XL = "32px";
+export const inlineSpaceRespXL = "24px";
+export const inlineSpaceConstSM = "8px";
+export const inlineSpaceConstMD = "12px";
+export const inlineSpaceConstLG = "16px";
+export const inlineSpaceConst2XL = "32px";
+export const inlineSpaceConstXL = "24px";
+export const inlineSpaceConstXS = "6px";
+export const inlineSpaceConst3XS = "2px";
+export const inlineSpaceConst2XS = "4px";
+export const stackSpaceRespMD = "12px";
+export const stackSpaceRespLG = "16px";
+export const stackSpaceResp2XL = "32px";
+export const stackSpaceRespSM = "8px";
+export const stackSpaceRespXL = "24px";
+export const stackSpaceConstSM = "8px";
+export const stackSpaceConstMD = "12px";
+export const stackSpaceConstLG = "16px";
+export const stackSpaceConst2XL = "32px";
+export const stackSpaceConstXL = "24px";
+export const stackSpaceConstXS = "6px";
+export const stackSpaceConst3XS = "2px";
+export const stackSpaceConst2XS = "4px";
+export const gapSpaceRespXS = "4px";
+export const gapSpaceRespLG = "16px";
+export const gapSpaceRespXL = "24px";
+export const gapSpaceResp2XL = "32px";
+export const gapSpaceRespMD = "12px";
+export const gapSpaceRespSM = "8px";
+export const gapSpaceResp2XS = "2px";
+export const gapSpaceResp3XL = "48px";
+export const gapSpaceConst2XS = "2px";
+export const gapSpaceConstXS = "4px";
+export const gapSpaceConstSM = "8px";
+export const gapSpaceConstMD = "12px";
+export const gapSpaceConstLG = "16px";
+export const gapSpaceConstXL = "24px";
+export const gapSpaceConst2XL = "32px";
+export const gapSpaceConst3XL = "48px";
+export const sizeConst3XS = "16px";
+export const sizeConst2XS = "24px";
+export const sizeConstXS = "32px";
+export const sizeConstSM = "40px";
+export const sizeConstMD = "48px";
+export const sizeConstLG = "56px";
+export const sizeConstXL = "64px";
+export const sizeConst3XL = "96px";
+export const sizeConst4XL = "148px";
+export const sizeConst2XL = "72px";
+export const sizeConst4XS = "8px";
+export const sizeResp3XS = "16px";
+export const sizeResp2XS = "24px";
+export const sizeRespXS = "32px";
+export const sizeRespSM = "40px";
+export const sizeRespMD = "48px";
+export const sizeRespLG = "56px";
+export const sizeRespXL = "64px";
+export const sizeResp2XL = "72px";
+export const sizeResp3XL = "96px";
+export const sizeResp4XL = "148px";
+export const sizeResp4XS = "12px";
+export const breakpointName = "xs";