@marioschmidt/design-system-tokens 1.0.15 → 1.0.17

package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js

@@ -0,0 +1,496 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const ComponentArticleAricleMobile1ColGridImageMarginSpace = "0px";
+export const ComponentArticleArticleTopMarginSpace = "8px";
+export const ComponentArticleArticleKickerFontSize = "16px";
+export const ComponentArticleArticleHeadlineFontSize = "30px";
+export const ComponentArticleArticleGalleryATeaserWidth = "145px";
+export const ComponentArticleArticleImageCaptionFontSize = "13px";
+export const ComponentArticleArticleImageSourceFontSize = "13px";
+export const ComponentArticleArticleImageCaptionLineHeight = "19.5px";
+export const ComponentArticleArticleImageSourceLineHeight = "19px";
+export const ComponentArticleArticleContentStackSpace = "16px";
+export const ComponentArticleArticleHeadingsStackSpace = "12px";
+export const ComponentArticleArticleImageLandscapeInlineSpace = "0px";
+export const ComponentArticleArticleMetaFontFamily = "Lucida Grande";
+export const ComponentArticleArticleMetaFontSize = "12px";
+export const ComponentArticleArticleContentInlineSpace = "16px";
+export const ComponentArticleArticleHeadingsInlineSpace = "16px";
+export const ComponentArticleArticleImagePortaitInlineSpace = "0px";
+export const ComponentArticleArticleImageContainerStackSpace = "8px";
+export const ComponentArticleArticleInfoboxInlineSpace = "16px";
+export const ComponentArticleArticleInfoboxStackSpace = "16px";
+export const ComponentDSysDocsBildDesignFrameSpace = "12px";
+export const ComponentDSysDocsDsMainContainerSpace = "0px";
+export const ComponentDSysDocsDSysDocsWidthSize = "320px";
+export const ComponentDSysDocsMainContentStageSize = "320px";
+export const ComponentDSysDocsFoundationsBannerHeightSize = "80px";
+export const ComponentDSysDocsDsCaptionStackSpace05x = "4px";
+export const ComponentDSysDocsDsCaptionStackSpace1x = "8px";
+export const ComponentDSysDocs1columnMobile = "320px";
+export const ComponentDSysDocsThinBannerVerticalHeightSize = "558px";
+export const ComponentDSysDocsSpecsFontFamily = "Gotham";
+export const ComponentDSysDocsDocHeaderHeightSize = "144px";
+export const ComponentMenuMenuItemSpace = "8px";
+export const ComponentMenuMenuItemFontSize = "15px";
+export const ComponentMenuMenuItemUtilFontSize = "12px";
+export const ComponentMenuMenuItemUtilStackSpace = "10px";
+export const ComponentMenuMenuLinkLaneHeightSize = "48px";
+export const ComponentMenuMenuUtillinkItemHeightSize = "48px";
+export const ComponentMenuMenuLinkItemInlineSpace = "4px";
+export const ComponentMenuMenuLogoDefaultSize = "56px";
+export const ComponentMenuMenuLogoScrolledSize = "56px";
+export const ComponentMenuMenuSpecialNaviItemHeightSize = "48px";
+export const ComponentMenuSubNavBarHeightSize = "42px";
+export const ComponentMenuMenuUtilityLinksContainerHeightSize = "56px";
+export const ComponentMenuMenuTopStackSpace = "8px";
+export const ComponentMenuMenuLeftInlineSpace = "8px";
+export const ComponentMenuMenuUtilityLinksGapSpace = "24px";
+export const ComponentMenuMenuRightInlineSpace = "0px";
+export const ComponentMenuMenuBottomStackSpace = "8px";
+export const ComponentMenuMenuUtilityLinksDividerHeightSize = "40px";
+export const ComponentMenuMenuShadowVisibility = "#0000001a";
+export const ComponentMenuHeyInputShadowVisibility = "#00000000";
+export const ComponentMenuAppTopbarTitleFontSize = "12px";
+export const ComponentMenuAppTopbarStageTitleHeight = "14px";
+export const ComponentMenuIOSappTopBarHeightSize = "44px";
+export const ComponentMenuIOSappTopBarLeftInlineSpace = "12px";
+export const ComponentMenuIOSappTopBarRightInlineSpace = "16px";
+export const ComponentTeaserTeaserTitleInlineLeftSpace = "12px";
+export const ComponentTeaserTeaserTitleStackSpace = "4px";
+export const ComponentTeaserMQTeaserMQTeaserHeadlineFontSize = "16px";
+export const ComponentTeaserMQTeaserMQTeaserHeadlineFontWeight = 600;
+export const ComponentTeaserMQTeaserMQTeaserHeadlineLineHeight =
+  "18.399999618530273px";
+export const ComponentTeaserMQTeaserMqTeaserTitleInlineSpace = "8px";
+export const ComponentTeaserATeaserATeaserKickerFontSize = "14px";
+export const ComponentTeaserATeaserATeaserHeadlineFontSize = "24px";
+export const ComponentTeaserATeaserATeaserKickerLineHeight = "14px";
+export const ComponentTeaserATeaserATeaserHeadlineLineHeight = "24px";
+export const ComponentTeaserATeaserATeaserTitleInlineSpace = "8px";
+export const ComponentTeaserTeaserTitleGapSpace = "4px";
+export const ComponentTeaserStdTeaserStdTeaserImageTitleGapSpace = "4px";
+export const ComponentTeaserStdTeaserStdTeaserBadgesMarginSpace = "4px";
+export const ComponentTeaserStdTeaserStdTeaserKickerHeadlineStackSpace = "2px";
+export const ComponentTeaserTeaserKickerBgInlineSpace = "6px";
+export const ComponentTeaserTeaserKickerBgStackSpace = "2px";
+export const ComponentTeaserQTeaserQuadHeadlineFontSize = "36px";
+export const ComponentTeaserQTeaserQuadKickerFontSize = "16px";
+export const ComponentTeaserQTeaserQuadHeadlineLineHeight =
+  "37.79999923706055px";
+export const ComponentTeaserQTeaserQTeaserTitleInlineSpace = "8px";
+export const ComponentTeaserTeaserBadgesMarginSpace = "8px";
+export const ComponentTeaserTeaserBadgesHeightSizeLg = "32px";
+export const ComponentTeaserTeaserTitleBottomStackSpace = "12px";
+export const ComponentTeaserTeaserBadgesHeightSizeSm = "24px";
+export const ComponentTeaserBildPlayBildPlayTeaserWidthSize = "145px";
+export const ComponentTeaserTeaserLayoutGridSpace = "12px";
+export const ComponentTeaserSuperASuperATeaserTitleInlineSpace = "16px";
+export const ComponentTeaserBTeaserBTeaserTitleInlineSpace = "8px";
+export const ComponentTableTableColumnWidthSize1x = "80px";
+export const ComponentTableTableColumnWidthSize2x = "140px";
+export const ComponentTableTableColumnWidthSize05x = "40px";
+export const ComponentTableTableColumnWidthSize15x = "120px";
+export const ComponentTableTableColumnWidthSize25x = "180px";
+export const ComponentTableTableColumnWidthSize075x = "56px";
+export const ComponentTableTableColumnWidthSize3x = "200px";
+export const ComponentTableTableItemMaxWidthSize = "224px";
+export const ComponentSeparatorsSeparatorThicknessSize = "2px";
+export const ComponentAvatarAvatarLabelFontSize = "13px";
+export const ComponentAvatarAvatarArticleSize = "48px";
+export const ComponentAvatarAvatarAuthorPageSize = "96px";
+export const ComponentAvatarAvatarFontFamily = "Lucida Grande";
+export const ComponentAvatarAvatarLabelLineHeight = "21px";
+export const ComponentAvatarAvatarLaneGapSpace = "16px";
+export const ComponentAvatarAppAvatarFontFamily = "Lucida Grande";
+export const ComponentButtonButtonLabelFontSize = "15px";
+export const ComponentButtonButtonInlineSpace = "16px";
+export const ComponentButtonPartnerLinkButtonLabelFontSize = "16px";
+export const ComponentButtonPartnerLinkButtonLabelHeightSize = "48px";
+export const ComponentButtonButtonBorderWidthSize = "2px";
+export const ComponentButtonButtonContentMinHeightSize = "24px";
+export const ComponentButtonPartnerLinkButtonInlineSpace = "8px";
+export const ComponentButtonButtonLabelLineHeight = "15px";
+export const ComponentButtonButtonContentGapSpace = "6px";
+export const ComponentButtonButtonStackSpace = "6px";
+export const ComponentButtonButtonBorderRadius = "8px";
+export const ComponentNewstickerNewsTickerTimeFontSize = "16px";
+export const ComponentNewstickerNewsTickerTimeFontWeight = 700;
+export const ComponentNewstickerNewsTickerTimeFontFamily = "Lucida Grande";
+export const ComponentNewstickerNewsTickerTimeLineHeight =
+  "20.799999237060547px";
+export const ComponentNewstickerNewsTickerContentStackSpace = "4px";
+export const ComponentNewstickerNewsTickerKickerInnerStackSpace = "2px";
+export const ComponentNewstickerNewsTickerTitlesInlineSpace = "18px";
+export const ComponentNewstickerNewsTickerBadgesInlineSpace = "8px";
+export const ComponentNewstickerNewsTickerTimeKickerStackSpace = "4px";
+export const ComponentNewstickerNewsTickerEntriesStackSpace = "22px";
+export const ComponentNewstickerNewsTickerKickerInnerInlineSpace = "4px";
+export const ComponentNewstickerNewsTickerSkeletonBottomSpace = "64px";
+export const ComponentNewstickerNewsTickerRedDotSize = "12px";
+export const ComponentNewstickerNewsTickerEntriesLeftInlineSpace = "22px";
+export const ComponentNewstickerNewsTickerLineInlineSpace = "6px";
+export const ComponentNewstickerNewsTickerAppCardHeightSize = "116px";
+export const ComponentNewstickerNewsTickerAppCardWidthSize = "250px";
+export const ComponentLivetickerLiveTickerheadlineFontWeight = 600;
+export const ComponentLivetickerLiveTickerHeadlinesFontSize = "22px";
+export const ComponentLivetickerTimeStampFontFamily = "Gotham XNarrow";
+export const ComponentLivetickerLiveTickerTimeStampFontSize = "14px";
+export const ComponentLivetickerLiveTickerTimeHeadlineStackSpace = "4px";
+export const ComponentLivetickerLiveTickerSliderItemWidthMaxSize = "257px";
+export const ComponentLivetickerLiveTickerAppCardHeightSize = "96px";
+export const ComponentLivetickerLiveTickerAppCardWidthSize = "250px";
+export const ComponentVideoVideoTimeBadgeCornerSize = "2px";
+export const ComponentVideoVideoTimeBadgeFontSize = "16px";
+export const ComponentVideoVideoTimeBadgeSize = "24px";
+export const ComponentVideoVideoRedPlayIconWidthSize = "8px";
+export const ComponentVideoVideoRedPlayIconHeightSize = "10px";
+export const ComponentVideoVideoBadgeTimeLineHeight = "21px";
+export const ComponentVideoVideoSkeletonContainerHeight = "180px";
+export const ComponentVideoVideoFrameInlineSpace = "0px";
+export const ComponentVideoVerticalVideoMockHeadlineFontSize = "22px";
+export const ComponentVideoVideoAdBadgeFontSize = "14px";
+export const ComponentPaginationGalleryPaginationItemHeightSize = "4px";
+export const ComponentPaginationGalleryPaginationContainerWebInlineSpace =
+  "8px";
+export const ComponentPaginationGalleryPaginationContainerStackSpace = "12px";
+export const ComponentPaginationGalleryPaginationContainerAppInlineSpace =
+  "12px";
+export const ComponentPaginationScrollBarThicknessSize = "8px";
+export const ComponentDropdownDropDownBorderRadius = "4px";
+export const ComponentDropdownDropDownItemStackSpace = "8px";
+export const ComponentDropdownDropDownItemInlineSpace = "12px";
+export const ComponentInputfieldInputFieldStackSpace = "6px";
+export const ComponentInputfieldInputFieldInlineSpace = "16px";
+export const ComponentInputfieldInputFieldMiniLabelInlineSpace = "4px";
+export const ComponentInputfieldInputFieldFontSize = "16px";
+export const ComponentInputfieldInputFieldIMessageInlineSpace = "16px";
+export const ComponentInputfieldInputFieldHeightSize = "36px";
+export const ComponentInputfieldHeyInputContainerInlineSpace = "8px";
+export const ComponentInputfieldInputFieldMessageGapSpace = "4px";
+export const ComponentInputfieldInputFieldFontFamily = "Lucida Grande";
+export const ComponentBreadcrumbBreadcrumbFontSize = "15px";
+export const ComponentBreadcrumbBreadcrumbFontFamily = "Lucida Grande";
+export const ComponentBreadcrumbBreadcrumbArrowLeftInlineSpace1 = "3px";
+export const ComponentBreadcrumbBreadcrumbArrowRightInlineSpace2 = "5px";
+export const ComponentBreadcrumbBreadcrumbInlineSpace = "12px";
+export const ComponentBreadcrumbBreadcrumbLineHeight = "15px";
+export const ComponentBreadcrumbBreadcrumbFontWeight = 700;
+export const ComponentBreadcrumbBreadcrumbStackSpace = "14px";
+export const ComponentIconIconSize = "24px";
+export const ComponentIconIconSizeEmbeddMedia = "40px";
+export const ComponentBadgeBadgesInnerStackSpace = "2px";
+export const ComponentBadgeBadgesInnerInlineSpace = "4px";
+export const ComponentBadgeAdLabelBadgeHeightSize = "30px";
+export const ComponentSectionTitleSectionTitleInnerStackBottomSpace = "12px";
+export const ComponentSectionTitleSectionTitleHeightSize = "32px";
+export const ComponentSectionTitleSectionTitleArrowInlineSpace = "5px";
+export const ComponentSectionTitleSectionTitleArrowInlineSpaceActive = "5px";
+export const ComponentAudioPlayerAudioPlayerFontSize = "16px";
+export const ComponentSpecialNaviSpecialNaviInlineSpace = "24px";
+export const ComponentChipsChipsFontSize = "16px";
+export const ComponentChipsChipsInlineSpace = "12px";
+export const ComponentChipsChipsStackSpace = "8px";
+export const ComponentSearchSearchResultBadgeHeightSize = "18px";
+export const ComponentRadioButtonsRadioSelectorSize = "20px";
+export const ComponentRadioButtonsRadioSelectorDotActiveSize = "12px";
+export const ComponentSkeletonsHeadlinesSkeletonImagePlaceholderMaxWidth =
+  "282px";
+export const ComponentSkeletonsArticleSkeletonImageInlineSpace = "12px";
+export const ComponentSkeletonsArticleSkeletonTextInlineSpace = "0px";
+export const ComponentSkeletonsArticleTextSkeletonHeightSize = "270px";
+export const ComponentSpinnersVideoSpinnerSize = "40px";
+export const ComponentSpinnersVideoSpinnerStrokeSize = "2px";
+export const ComponentSpinnersVideoSpinnerSize05x = "20px";
+export const ComponentBreakingNewsBreakingNewsContainerHeightSize = "56px";
+export const ComponentBreakingNewsBreakingNewsBadgeUpperTitleFontSize = "13px";
+export const ComponentBreakingNewsBreakingNewsBadgeLowerTitleFontSize = "23px";
+export const ComponentBreakingNewsBreakingNewsBadgeUpperTitleLineHeight =
+  "13px";
+export const ComponentBreakingNewsBreakingNewsBadgeLowerTitleLineHeight =
+  "21px";
+export const ComponentBreakingNewsBreakingNewsBadgeTitelsStackSpace = "0px";
+export const ComponentBreakingNewsBreakingNewsScrollingTextFontSize = "21px";
+export const ComponentBreakingNewsBreakingNewsScrollingTextLineHeight = "24px";
+export const ComponentBreakingNewsBreakingNewsBadgeInlineSpace = "6px";
+export const ComponentInfoElementInfoElementTeaserBadgeHeightSize = "16px";
+export const ComponentInfoElementInfoElementTeaserImageHeightSize = "80px";
+export const ComponentInfoElementInfoElementTeaserImageWidthSize = "80px";
+export const ComponentInfoElementInfoElementTeaserBadgeMarginSpace = "4px";
+export const ComponentMediaplayerPodcastPlayButtonSize = "48px";
+export const ComponentMediaplayerVidPlayerBottomBarGapSpace = "0px";
+export const ComponentMediaplayerAudioPlayerHeaderStackSpace = "56px";
+export const ComponentMediaplayerVideoTimeBadgeFontFamily = "Lucida Grande";
+export const ComponentMediaplayerVidPlayerControlButtonSize = "42px";
+export const ComponentMediaplayerVidPlayerControlButtonIconSizeHover = "28px";
+export const ComponentMediaplayerVidPlayerTimecodeFontSize = "14px";
+export const ComponentMediaplayerVidPlayerTimecodeContainerMinWidthSize =
+  "45px";
+export const ComponentMediaplayerVidPlayerProgressBarContainerHeightSize =
+  "24px";
+export const ComponentMediaplayerVidPlayerUnmuteButtonWidthSize = "220px";
+export const ComponentTabsTabLabelFontSize = "16px";
+export const ComponentTabsIosTabbarHeightSize = "49px";
+export const ComponentTabsAndroidTabbarHeightSize = "56px";
+export const ComponentTabsTabLabelFontSizeLine = "12px";
+export const ComponentTabsAppsTabsLabelFontSize = "11px";
+export const ComponentTabsAppsTabsLabelLineHeight = "14.399999618530273px";
+export const ComponentTabsTopBarTabItemHeightSize = "44px";
+export const ComponentDrawersMobileMenuDrawerStackSpace = "20px";
+export const ComponentDrawersMobileMenuDrawerLeftInlineSpace = "20px";
+export const ComponentDrawersMobileMenuDrawerRightInlineSpace = "16px";
+export const ComponentDrawersMobileMenuDrawerMaxWidthSize = "400px";
+export const ComponentQuotesQuoteContainerInlineSpace = "16px";
+export const ComponentQuotesQuoteContainerStackSpace = "16px";
+export const ComponentQuotesQuoteQuotationMarksFontSize = "28px";
+export const ComponentQuotesQuoteContentGapSpace = "16px";
+export const ComponentCarouselGalleryTeaserTitleBottomSpace = "28px";
+export const ComponentCarouselGalleryTeaserAppGapSpace = "0px";
+export const ComponentCarouselAppEpaperCarouselItemFocusWidth = "182px";
+export const ComponentCarouselAppEpaperCarouselItemDefaultWidth = "144px";
+export const ComponentCarouselAppEpaperCarouseBeilageItemWidth = "110px";
+export const ComponentCarouselStandardTeaserGalleryTeaserWidthWeb = "145px";
+export const ComponentCarouselStandardTeaserGalleryTeaserWidthApp = "280px";
+export const ComponentSlidersSliderProgressBarIdleHeightSize = "4px";
+export const ComponentSlidersSliderProgressBarHoverHeightSize = "8px";
+export const ComponentSlidersSliderProgressInactiveHeightSize = "2px";
+export const ComponentSlidersVidPlayerProgressBarHeightSize = "12px";
+export const ComponentFooterFooterFontSize = "11px";
+export const ComponentFooterFooterLineHeight = "14px";
+export const ComponentFooterFooterFontFamily = "Gotham XNarrow";
+export const ComponentFooterFooterFontSizeUserOfferPages = "18px";
+export const ComponentFooterFooterLineHeightUserOfferPages = "26px";
+export const ComponentAccordionAccordionLabelFontFamily = "Lucida Grande";
+export const ComponentPaywallPaywallContainerGapSpace = "-48px";
+export const ComponentPaywallPaywallHeaderBottomStackSpace = "80px";
+export const ComponentPaywallPaywallCardMaxWidthSize = "346px";
+export const ComponentPaywallPaywallCardPriceTagFontSize = "64px";
+export const ComponentPaywallPaywallCardPriceTagLineHeight = "64px";
+export const ComponentPaywallPaywallCardPriceNoteLineHeight = "40px";
+export const ComponentPaywallPaywallCardPriceNoteFontSize = "40px";
+export const ComponentToggleSwitchAppToggleItemLabelFontSize = "14px";
+export const ComponentToggleSwitchAppToggleItemLabelLineHeight =
+  "14.100000381469727px";
+export const ComponentCardsSearchResultCardImageWidthSize = "216px";
+export const ComponentCardsSearchResultCardImageHeightSizeStacked = "189px";
+export const ComponentCardsNewstickerImageCardWidthSize = "206px";
+export const ComponentDatepickerDatepickerItemDayWidthSize = "44px";
+export const ComponentDatepickerDatepickerItemHeightSize = "44px";
+export const ComponentDatepickerDatepickerItemYearWidthSize = "77px";
+export const SemanticLayoutGridResponsiveGridSpaceRespLg = "24px";
+export const SemanticLayoutGridResponsiveGridSpaceRespXl = "48px";
+export const SemanticLayoutGridResponsiveGridSpaceRespBase = "12px";
+export const SemanticLayoutGridResponsiveGridSpaceRespSm = "6px";
+export const SemanticLayoutGridResponsivePageInlineSpace = "0px";
+export const SemanticLayoutGridConstantGridSpaceConstLg = "16px";
+export const SemanticLayoutGridConstantGridSpaceConstSm = "12px";
+export const SemanticLayoutGridLayoutGuideLayoutGuideGridColums = "4px";
+export const SemanticLayoutSectionSectionSpaceBase = "36px";
+export const SemanticLayoutSectionSectionSpaceLg = "72px";
+export const SemanticLayoutSectionParagraphEndSpace = "16px";
+export const SemanticLayoutSectionSectionSpaceSm = "24px";
+export const SemanticLayoutBreakpointsBreakpointMinWidthSize = "320px";
+export const SemanticLayoutBreakpointsBreakpointMaxWidthSize = "389px";
+export const SemanticLayoutCanvasHeightSizeWeb = "568px";
+export const SemanticLayoutContentWidthContentMaxWidthMedium = "700px";
+export const SemanticLayoutContentWidthContentMaxWidthFull = "1024px";
+export const SemanticLayoutCanvasWidthSizeWeb = "320px";
+export const SemanticLayoutCanvasWidthSizeApp = "320px";
+export const SemanticLayoutCanvasHeightSizeApp = "568px";
+export const SemanticTypographyFontSizeTitleTitle1FontSize = "22px";
+export const SemanticTypographyFontSizeTitleTitle2FontSize = "14px";
+export const SemanticTypographyFontSizeDisplayDisplay1FontSize = "39px";
+export const SemanticTypographyFontSizeDisplayDisplay2FontSize = "35px";
+export const SemanticTypographyFontSizeDisplayDisplay3FontSize = "27px";
+export const SemanticTypographyFontSizeHeadlineHeadline1FontSize = "36px";
+export const SemanticTypographyFontSizeHeadlineHeadline2FontSize = "30px";
+export const SemanticTypographyFontSizeHeadlineHeadline3FontSize = "24px";
+export const SemanticTypographyFontSizeHeadlineHeadline4FontSize = "16px";
+export const SemanticTypographyFontSizeBodyBodyFontSize = "17px";
+export const SemanticTypographyFontSizeLabelLabel3FontSize = "12px";
+export const SemanticTypographyFontSizeLabelLabel2FontSize = "15px";
+export const SemanticTypographyFontSizeLabelLabel1FontSize = "17px";
+export const SemanticTypographyFontSizeLabelLabel1FontSizeResponsive = "10px";
+export const SemanticTypographyFontSizeLabelLabel4FontSize = "8px";
+export const SemanticTypographyFontSizeCalloutCallout1FontSize = "16px";
+export const SemanticTypographyFontSizeFootnoteFootnote1FontSize = "13px";
+export const SemanticTypographyFontSizeFootnoteFootnote2FontSize = "10px";
+export const SemanticTypographyFontSizeKickerKicker1FontSize = "16px";
+export const SemanticTypographyFontSizeKickerKicker2FontSize = "16px";
+export const SemanticTypographyFontSizeKickerKicker3FontSize = "14px";
+export const SemanticTypographyFontSizeKickerKicker4FontSize = "12px";
+export const SemanticTypographyFontSizeSubheadlineSubheadline1FontSize = "18px";
+export const SemanticTypographyFontSizeQuoteQuoteFontSize = "16px";
+export const SemanticTypographyFontFamilyBodyFontFamily = "Lucida Grande";
+export const SemanticTypographyFontFamilyCalloutFontFamily = "Lucida Grande";
+export const SemanticTypographyFontFamilyHeadlineFontFamily = "Lucida Grande";
+export const SemanticTypographyFontFamilyFootnoteFontFamily = "Lucida Grande";
+export const SemanticTypographyFontFamilyLabelFontFamily = "Lucida Grande";
+export const SemanticTypographyFontFamilyKickerFontFamily = "Lucida Grande";
+export const SemanticTypographyFontFamilySubheadlineFontFamily =
+  "Lucida Grande";
+export const SemanticTypographyFontFamilyTitleFontFamily = "Lucida Grande";
+export const SemanticTypographyFontFamilyQuoteFontFamily = "Lucida Grande";
+export const SemanticTypographyFontFamilyDisplayFontFamily = "Lucida Grande";
+export const SemanticTypographyFontWeightCalloutCalloutFontWeight = 800;
+export const SemanticTypographyFontWeightLabelLabelFontWeightBold = 700;
+export const SemanticTypographyFontWeightLabelLabelFontWeightBook = 400;
+export const SemanticTypographyFontWeightBodyBodyFontWeightBook = 400;
+export const SemanticTypographyFontWeightBodyBodyFontWeightBold = 700;
+export const SemanticTypographyFontWeightKickerKickerFontWeight = 700;
+export const SemanticTypographyFontWeightKickerKickerFontWeightSt = "700";
+export const SemanticTypographyFontWeightSubheadlineSubheadlineFontWeight = 700;
+export const SemanticTypographyFontWeightHeadlineHeadline1FontWeight = 700;
+export const SemanticTypographyFontWeightHeadlineHeadline2FontWeight = 700;
+export const SemanticTypographyFontWeightHeadlineHeadline3FontWeight = 700;
+export const SemanticTypographyFontWeightHeadlineHeadline4FontWeight = 600;
+export const SemanticTypographyFontWeightHeadlineHeadline1FontWeightSt = "700";
+export const SemanticTypographyFontWeightTitleTitleFontWeight = 800;
+export const SemanticTypographyFontWeightDisplayDisplayFontWeight = 800;
+export const SemanticTypographyFontWeightQuoteQuoteFontWeight = 800;
+export const SemanticTypographyFontWeightFootnoteFootnoteFontWeightBook = 400;
+export const SemanticTypographyFontWeightFootnoteFootnoteFontWeightBold = 700;
+export const SemanticTypographyLineHeightBodyBodyLineHeight = "29.75px";
+export const SemanticTypographyLineHeightKickerKicker4LineHeight =
+  "13.199999809265137px";
+export const SemanticTypographyLineHeightKickerKicker3LineHeight =
+  "15.399999618530273px";
+export const SemanticTypographyLineHeightKickerKicker2LineHeight =
+  "17.600000381469727px";
+export const SemanticTypographyLineHeightKickerKicker1LineHeight =
+  "17.600000381469727px";
+export const SemanticTypographyLineHeightLabelLabel3LineHeight =
+  "14.399999618530273px";
+export const SemanticTypographyLineHeightLabelLabel1LineHeight =
+  "20.399999618530273px";
+export const SemanticTypographyLineHeightLabelLabel1ResponsiveLineHeight =
+  "10px";
+export const SemanticTypographyLineHeightLabelLabel2LineHeight = "16px";
+export const SemanticTypographyLineHeightLabelLabel4LineHeight = "10px";
+export const SemanticTypographyLineHeightDisplayDisplay1LineHeight = "40px";
+export const SemanticTypographyLineHeightDisplayDisplay2LineHeight = "36px";
+export const SemanticTypographyLineHeightDisplayDisplay3LineHeight = "28px";
+export const SemanticTypographyLineHeightTitleTitle1LineHeight =
+  "26.399999618530273px";
+export const SemanticTypographyLineHeightTitleTitle2LineHeight =
+  "16.799999237060547px";
+export const SemanticTypographyLineHeightQuoteQuoteLineHeight =
+  "20.799999237060547px";
+export const SemanticTypographyLineHeightFootnoteFootnote1LineHeight =
+  "16.899999618530273px";
+export const SemanticTypographyLineHeightFootnoteFootnote2LineHeight = "13px";
+export const SemanticTypographyLineHeightHeadlineHeadline1LineHeight =
+  "37.79999923706055px";
+export const SemanticTypographyLineHeightHeadlineHeadline2LineHeight = "33px";
+export const SemanticTypographyLineHeightHeadlineHeadline3LineHeight =
+  "26.399999618530273px";
+export const SemanticTypographyLineHeightHeadlineHeadline4LineHeight =
+  "18.399999618530273px";
+export const SemanticTypographyLineHeightCalloutCalloutLineHeight =
+  "20.799999237060547px";
+export const SemanticTypographyLineHeightSubheadlineSubheadline1LineHeight =
+  "23.399999618530273px";
+export const SemanticTypographyLetterSpacingLetterSpacingPositiveSm = "0.5px";
+export const SemanticTypographyLetterSpacingLetterSpacingPositiveLg = "2px";
+export const SemanticTypographyLetterSpacingLetterSpacingPositiveMd = "1px";
+export const SemanticTypographyLetterSpacingLetterSpacingNone = "0px";
+export const SemanticTypographyLetterSpacingLetterSpacingNegativeSm = "-0.5px";
+export const SemanticTypographyLetterSpacingLetterSpacingNegativeMd = "-1px";
+export const SemanticTypographyLetterSpacingLetterSpacingNegativeLg = "-2px";
+export const SemanticTypographyLetterSpacingLetterSpacingNegativeXs = "-0.25px";
+export const SemanticTypographyLetterSpacingLetterSpacingPositiveXs = "0.25px";
+export const SemanticTypographyLetterSpacingDisplayDisplay1LetterSpacing =
+  "-0.5px";
+export const SemanticTypographyLetterSpacingDisplayDisplay2LetterSpacing =
+  "-0.5px";
+export const SemanticTypographyLetterSpacingDisplayDisplay3LetterSpacing =
+  "-0.5px";
+export const SemanticBorderBorderRadiusBorderRadiusXs = "2px";
+export const SemanticBorderBorderRadiusBorderRadiusMd = "8px";
+export const SemanticBorderBorderRadiusBorderRadiusSm = "4px";
+export const SemanticBorderBorderRadiusBorderRadiusXl = "24px";
+export const SemanticBorderBorderRadiusBorderRadiusLg = "16px";
+export const SemanticBorderBorderRadiusBorderRadiusNone = "0px";
+export const SemanticBorderBorderRadiusBorderRadiusFull = "9999px";
+export const SemanticBorderBorderWidthBorderWidthThin = "1px";
+export const SemanticBorderBorderWidthBorderWidthThick = "2px";
+export const SemanticBorderBorderWidthBorderWidthHairline =
+  "0.33000001311302185px";
+export const SemanticVisibilityBooleanVisilbleMobileOnly = true;
+export const SemanticVisibilityBooleanVisilbleDesktopOnly = false;
+export const SemanticVisibilityBooleanVisilbleAbove600px = false;
+export const SemanticVisibilityBooleanVisilbleBelow600px = true;
+export const SemanticVisibilityBooleanHideOnMobile = false;
+export const SemanticVisibilityBooleanVisilbleTabletOnly = false;
+export const SemanticVisibilityBooleanHideOnDesktop = true;
+export const SemanticVisibilityVariantSwitchChangeOnLg = "xs/sm/md";
+export const SemanticVisibilityVariantSwitchChangeOnMd = "xs/sm";
+export const SemanticVisibilityVariantSwitchBpSpecificWeb = "xs/sm";
+export const SemanticVisibilityVariantSwitchBpSpecificApp = "compact";
+export const SemanticSpaceInlineResponsiveInlineSpaceRespSm = "8px";
+export const SemanticSpaceInlineResponsiveInlineSpaceRespMd = "12px";
+export const SemanticSpaceInlineResponsiveInlineSpaceRespLg = "16px";
+export const SemanticSpaceInlineResponsiveInlineSpaceResp2Xl = "32px";
+export const SemanticSpaceInlineResponsiveInlineSpaceRespXl = "24px";
+export const SemanticSpaceInlineConstantInlineSpaceConstSm = "8px";
+export const SemanticSpaceInlineConstantInlineSpaceConstMd = "12px";
+export const SemanticSpaceInlineConstantInlineSpaceConstLg = "16px";
+export const SemanticSpaceInlineConstantInlineSpaceConst2Xl = "32px";
+export const SemanticSpaceInlineConstantInlineSpaceConstXl = "24px";
+export const SemanticSpaceInlineConstantInlineSpaceConstXs = "6px";
+export const SemanticSpaceInlineConstantInlineSpaceConst3Xs = "2px";
+export const SemanticSpaceInlineConstantInlineSpaceConst2Xs = "4px";
+export const SemanticSpaceStackResponsiveStackSpaceRespMd = "12px";
+export const SemanticSpaceStackResponsiveStackSpaceRespLg = "16px";
+export const SemanticSpaceStackResponsiveStackSpaceResp2Xl = "32px";
+export const SemanticSpaceStackResponsiveStackSpaceRespSm = "8px";
+export const SemanticSpaceStackResponsiveStackSpaceRespXl = "24px";
+export const SemanticSpaceStackConstantStackSpaceConstSm = "8px";
+export const SemanticSpaceStackConstantStackSpaceConstMd = "12px";
+export const SemanticSpaceStackConstantStackSpaceConstLg = "16px";
+export const SemanticSpaceStackConstantStackSpaceConst2Xl = "32px";
+export const SemanticSpaceStackConstantStackSpaceConstXl = "24px";
+export const SemanticSpaceStackConstantStackSpaceConstXs = "6px";
+export const SemanticSpaceStackConstantStackSpaceConst3Xs = "2px";
+export const SemanticSpaceStackConstantStackSpaceConst2Xs = "4px";
+export const SemanticSpaceGapResponsiveGapSpaceRespXs = "4px";
+export const SemanticSpaceGapResponsiveGapSpaceRespLg = "16px";
+export const SemanticSpaceGapResponsiveGapSpaceRespXl = "24px";
+export const SemanticSpaceGapResponsiveGapSpaceResp2Xl = "32px";
+export const SemanticSpaceGapResponsiveGapSpaceRespMd = "12px";
+export const SemanticSpaceGapResponsiveGapSpaceRespSm = "8px";
+export const SemanticSpaceGapResponsiveGapSpaceResp2Xs = "2px";
+export const SemanticSpaceGapResponsiveGapSpaceResp3Xl = "48px";
+export const SemanticSpaceGapConstantGapSpaceConst2Xs = "2px";
+export const SemanticSpaceGapConstantGapSpaceConstXs = "4px";
+export const SemanticSpaceGapConstantGapSpaceConstSm = "8px";
+export const SemanticSpaceGapConstantGapSpaceConstMd = "12px";
+export const SemanticSpaceGapConstantGapSpaceConstLg = "16px";
+export const SemanticSpaceGapConstantGapSpaceConstXl = "24px";
+export const SemanticSpaceGapConstantGapSpaceConst2Xl = "32px";
+export const SemanticSpaceGapConstantGapSpaceConst3Xl = "48px";
+export const SemanticSizeConstantSizeConst3Xs = "16px";
+export const SemanticSizeConstantSizeConst2Xs = "24px";
+export const SemanticSizeConstantSizeConstXs = "32px";
+export const SemanticSizeConstantSizeConstSm = "40px";
+export const SemanticSizeConstantSizeConstMd = "48px";
+export const SemanticSizeConstantSizeConstLg = "56px";
+export const SemanticSizeConstantSizeConstXl = "64px";
+export const SemanticSizeConstantSizeConst3Xl = "96px";
+export const SemanticSizeConstantSizeConst4Xl = "148px";
+export const SemanticSizeConstantSizeConst2Xl = "72px";
+export const SemanticSizeConstantSizeConst4Xs = "8px";
+export const SemanticSizeResponsiveSizeResp3Xs = "16px";
+export const SemanticSizeResponsiveSizeResp2Xs = "24px";
+export const SemanticSizeResponsiveSizeRespXs = "32px";
+export const SemanticSizeResponsiveSizeRespSm = "40px";
+export const SemanticSizeResponsiveSizeRespMd = "48px";
+export const SemanticSizeResponsiveSizeRespLg = "56px";
+export const SemanticSizeResponsiveSizeRespXl = "64px";
+export const SemanticSizeResponsiveSizeResp2Xl = "72px";
+export const SemanticSizeResponsiveSizeResp3Xl = "96px";
+export const SemanticSizeResponsiveSizeResp4Xl = "148px";
+export const SemanticSizeResponsiveSizeResp4Xs = "12px";
+export const BreakpointName = "xs";