@marioschmidt/design-system-tokens 1.0.64 → 1.0.66

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";