@marioschmidt/design-system-tokens 1.0.35 → 1.0.37

package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.35
+ * BILD Design System Tokens v1.0.37
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -10,445 +10,6 @@
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
  */
 
-// ============================================
-// COMPONENT
-// ============================================
-
-// Component - Article
-export const aricleMobile1ColGridImageMarginSpace = "0px";
-/** 8 | 8 | 12 | 16 - This space variable is used at the top edge of the article main content bounding box. */
-export const articleTopMarginSpace = "8px";
-/** This variable is used to control the font size of kickers in the heading section of article pages. 18 - 18 - 22 - 30 */
-export const articleKickerFontSize = "16px";
-/** 40 - 40 - 72 - 100 - This variable uses the semantic variables headline2 for XS&SM, headline1 for MD&LG */
-export const articleHeadlineFontSize = "30px";
-/** same as standard teaser width size variable */
-export const articleGalleryAteaserWidth = "145px";
-/** CSS --article-figure-meta-font-size 16-16-18-18 */
-export const articleImageCaptionFontSize = "13px";
-/** NMT CSS --article-figure-meta-font-size */
-export const articleImageSourceFontSize = "13px";
-/** this component level variable references the branding variables */
-export const articleImageCaptionLineHeight = "19.5px";
-export const articleImageSourceLineHeight = "19px";
-/** 16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc. */
-export const articleContentStackSpace = "16px";
-/** 12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8 */
-export const articleHeadingsStackSpace = "12px";
-export const articleImageLandscapeInlineSpace = "0px";
-/** This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. This variable references variables from the branding collection. */
-export const articleMetaFontFamily = "Lucida Grande";
-/** This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16 */
-export const articleMetaFontSize = "12px";
-/** 16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values. */
-export const articleContentInlineSpace = "16px";
-/** 16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline. */
-export const articleHeadingsInlineSpace = "16px";
-export const articleImagePortaitInlineSpace = "0px";
-export const articleImageContainerStackSpace = "8px";
-export const articleInfoboxInlineSpace = "16px";
-export const articleInfoboxStackSpace = "16px";
-
-// Component - _DSysDocs
-/** Variable used in spacing parameters of bild.design webpage mockups. move to bild.design group maybe */
-export const bildDesignFrameSpace = "12px";
-/** This variable is used on documentation pages. This is an alternative variable to the main container max width variable. 0 - 0 - 68 - 68 */
-export const dsMainContainerSpace = "0px";
-export const dsysDocsWidthSize = "750px";
-/** This variable is used as a max width size for content blocks. For mobile devices this var references the DSysDocsWidthSize var 320 - 750 - 962 - 1024 */
-export const mainContentStageSize = "750px";
-/** This variable is used on documentation pages that have an artistic banner at the top of the page that is related to the foundation topic on the page. 80 - 80 -80 - 140 */
-export const foundationsBannerHeightSize = "80px";
-/** This variable is used in documentation pages that have small caption or lables along with a UI component documented. 4 - 4 - 6 - 8 */
-export const dsCaptionStackSpace05x = "4px";
-export const dsCaptionStackSpace1x = "8px";
-/** This variable is used only for this design system's component tests. */
-export const _1columnMobile = "320px";
-/** This variable is currently used on a thin gallery that appears on desktop websites with petbook and other "books" content. Its height changes to a large height on mobile sites. 558 - 558 - 558 - 186 */
-export const thinBannerVerticalHeightSize = "558px";
-/** This variable is used only for texts and labels that form part of this design system's documentation. */
-export const specsFontFamily = "Gotham";
-/** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
-export const docHeaderHeightSize = "144px";
-
-// Component - Menu
-export const menuItemSpace = "8px";
-/** This variable is used on the menu link lane and on the mobile side menu drawer. */
-export const menuItemFontSize = "15px";
-export const menuItemUtilFontSize = "12px";
-export const menuItemUtilStackSpace = "10px";
-export const menuLinkLaneHeightSize = "48px";
-export const menuUtillinkItemHeightSize = "48px";
-export const menuLinkItemInlineSpace = "4px";
-export const menuLogoDefaultSize = "56px";
-export const menuLogoScrolledSize = "56px";
-export const menuSpecialNaviItemHeightSize = "48px";
-export const subNavBarHeightSize = "42px";
-export const menuUtilityLinksContainerHeightSize = "56px";
-export const menuTopStackSpace = "8px";
-export const menuLeftInlineSpace = "8px";
-export const menuUtilityLinksGapSpace = "24px";
-export const menuRightInlineSpace = "0px";
-export const menuBottomStackSpace = "8px";
-export const menuUtilityLinksDividerHeightSize = "40px";
-/** This color type variables are only in this semantic collection for making subtle shadow effects change visibility across device sizes. Shadow alpha: 10 - 10 - 10 - 0 */
-export const menuShadowVisibility = "rgba(0, 0, 0, 0.10000000149011612)";
-/** This color type variables are only in this semantic collection for making subtle shadow effects change visibility across device sizes. Shadow alpha: 0 - 0 - 0 - 10 */
-export const heyInputShadowVisibility = "rgba(0, 0, 0, 0)";
-export const appTopbarTitleFontSize = "12px";
-export const appTopbarStageTitleHeight = "14px";
-export const iOsappTopBarHeightSize = "44px";
-export const iOsappTopBarLeftInlineSpace = "12px";
-export const iOsappTopBarRightInlineSpace = "16px";
-
-// Component - Teaser
-export const teaserTitleInlineLeftSpace = "12px";
-export const teaserTitleStackSpace = "4px";
-export const teaserTitleGapSpace = "4px";
-export const teaserKickerBgInlineSpace = "6px";
-export const teaserKickerBgStackSpace = "2px";
-/** This variable is used for creating space around the outside of a subscription badge or video icon badge. */
-export const teaserBadgesMarginSpace = "8px";
-/** This token is for controling the height of badges that are inside of teasers. 32 - 32 - 32 - 40 */
-export const teaserBadgesHeightSizeLg = "32px";
-export const teaserTitleBottomStackSpace = "12px";
-export const teaserBadgesHeightSizeSm = "24px";
-export const teaserLayoutGridSpace = "12px";
-
-// Component - Teaser - mQTeaser
-/** XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40 */
-export const mQteaserHeadlineFontSize = "16px";
-export const mQteaserHeadlineFontWeight = "600";
-export const mQteaserHeadlineLineHeight = "18.399999618530273px";
-export const mqTeaserTitleInlineSpace = "8px";
-
-// Component - Teaser - aTeaser
-/** 16 - 16 - 22 - 24 This variable references the semantic variables kicker3fontsize and kicker2fontsize. At the 600px breakpoint smaller devices use the kicker3 variable */
-export const aTeaserKickerFontSize = "14px";
-/** This variable references the semantic variables headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64 */
-export const aTeaserHeadlineFontSize = "24px";
-export const aTeaserKickerLineHeight = "14px";
-export const aTeaserHeadlineLineHeight = "24px";
-export const aTeaserTitleInlineSpace = "8px";
-
-// Component - Teaser - stdTeaser
-export const stdTeaserImageTitleGapSpace = "4px";
-/** This variable is used for creating space around the outside of a subscription badge or video icon badge. */
-export const stdTeaserBadgesMarginSpace = "4px";
-/** 2 | 2 | 2 | 2 - This variable is used on the standard teaser vertical spacing between the kicker and the headline. It references the semantic variable stackSpaceConst3XS */
-export const stdTeaserKickerHeadlineStackSpace = "2px";
-
-// Component - Teaser - qTeaser
-/** This component level variable is used on the quad teaser headline. It references the semantic level variable headline1. 48 - 48 - 72 - 100 */
-export const quadHeadlineFontSize = "36px";
-export const quadKickerFontSize = "16px";
-export const quadHeadlineLineHeight = "37.79999923706055px";
-export const qTeaserTitleInlineSpace = "8px";
-
-// Component - Teaser - bildPlay
-export const bildPlayTeaserWidthSize = "145px";
-
-// Component - Teaser - superA
-/** 16 - 16 - 16 - 16 */
-export const superAteaserTitleInlineSpace = "16px";
-
-// Component - Teaser - bTeaser
-export const bTeaserTitleInlineSpace = "8px";
-
-// Component - Table
-export const tableColumnWidthSize1x = "80px";
-export const tableColumnWidthSize2x = "140px";
-export const tableColumnWidthSize05x = "40px";
-export const tableColumnWidthSize15x = "120px";
-export const tableColumnWidthSize25x = "180px";
-export const tableColumnWidthSize075x = "56px";
-export const tableColumnWidthSize3x = "200px";
-export const tableItemMaxWidthSize = "224px";
-
-// Component - Separators
-export const separatorThicknessSize = "2px";
-
-// Component - Avatar
-/** This variable is used on avatar names in article pages. Bild: 16 - 16 - 16 - 18; SpoBi&Ads: 13 - 13 - 13 - 15 */
-export const avatarLabelFontSize = "13px";
-/** This variable is used for setting the size of avatar images in article pages. It references the sizeConstMD variable from the "generic" semantic collection. Its value is 48 across devices. */
-export const avatarArticleSize = "48px";
-/** 96 - 96 - 130 - 130 This variable is used for controlling the size of the avatar image on author pages. */
-export const avatarAuthorPageSize = "96px";
-/** This variable is used in avatar text styles. It receives values from the Brand Tokens Collection. Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
-export const avatarFontFamily = "Lucida Grande";
-/** This variable is used for controlling the line height of avatar texts. Its values influence the stacking space between avatar texts. 21 - 21 - 21 - 23 */
-export const avatarLabelLineHeight = "21px";
-/** This variable is used for setting the inline space between multiple avatars that are horizontally placed in a lane when an article has multiple authors. 16 - 16 - 24 - 24 */
-export const avatarLaneGapSpace = "16px";
-/** This variable is used for setting the font of avatars on iOS and Android platforms. This is subject to review. */
-export const appAvatarFontFamily = "Lucida Grande";
-
-// Component - Button
-export const buttonLabelFontSize = "15px";
-export const buttonInlineSpace = "16px";
-/** Use this variable for controlling the font size of partner buttons. 16 - 16 - 16 - 18 */
-export const partnerLinkButtonLabelFontSize = "16px";
-export const partnerLinkButtonLabelHeightSize = "48px";
-export const buttonBorderWidthSize = "2px";
-/** This fixed height variable ensures that the button maintains a consistent height, even when the icon is not active. */
-export const buttonContentMinHeightSize = "24px";
-export const partnerLinkButtonInlineSpace = "8px";
-export const buttonLabelLineHeight = "15px";
-export const buttonContentGapSpace = "6px";
-export const buttonStackSpace = "6px";
-export const buttonBorderRadius = "8px";
-
-// Component - Newsticker
-/** similar to kicker3 values - 16 - 16 - 16 - 18 */
-export const newsTickerTimeFontSize = "16px";
-export const newsTickerTimeFontWeight = "700";
-export const newsTickerTimeFontFamily = "Lucida Grande";
-/** Figma currently does not allow for percentages in Line Height variables. The values in this token are the result of multiplying the font size by the line height variable defined on the Bild home css -> newsTickerTime line height: 1.3. Line height for this component does not change across devices. */
-export const newsTickerTimeLineHeight = "20.799999237060547px";
-export const newsTickerContentStackSpace = "4px";
-export const newsTickerKickerInnerStackSpace = "2px";
-export const newsTickerTitlesInlineSpace = "18px";
-export const newsTickerBadgesInlineSpace = "8px";
-export const newsTickerTimeKickerStackSpace = "4px";
-export const newsTickerEntriesStackSpace = "22px";
-export const newsTickerKickerInnerInlineSpace = "4px";
-export const newsTickerSkeletonBottomSpace = "64px";
-export const newsTickerRedDotSize = "12px";
-export const newsTickerEntriesLeftInlineSpace = "22px";
-export const newsTickerLineInlineSpace = "6px";
-export const newsTickerAppCardHeightSize = "116px";
-export const newsTickerAppCardWidthSize = "250px";
-
-// Component - Liveticker
-export const liveTickerheadlineFontWeight = "600";
-/** This variable is used for the font size of live ticker headlines. 22 - 22 - 32 - 32 */
-export const liveTickerHeadlinesFontSize = "22px";
-export const timeStampFontFamily = "Gotham XNarrow";
-/** This variable is used for the live ticker time stamp font size. 14 - 14 - 16 - 16 */
-export const liveTickerTimeStampFontSize = "14px";
-export const liveTickerTimeHeadlineStackSpace = "4px";
-export const liveTickerSliderItemWidthMaxSize = "257px";
-export const liveTickerAppCardHeightSize = "96px";
-export const liveTickerAppCardWidthSize = "250px";
-
-// Component - Video
-/** This variable is used on video player badges that display a red play icon on top of a white square next to a time stamp. This variable references the borderRadiusXS. Constant value of 2 across device sizes. */
-export const videoTimeBadgeCornerSize = "2px";
-/** 16 - 16 - 18 - 18 -- This variable is used to control the videoTimeBadge text style's font size parameter. The typography style that uses this variable is the videoTimeBadge style. The badge that uses this variable appears on the upper right corner of horizontal videos. */
-export const videoTimeBadgeFontSize = "16px";
-/** 24 - 24 - 32 - 40 - This variable is used on horizontal video badges that contain a red play icon on top of a white square next to a timestamp. */
-export const videoTimeBadgeSize = "24px";
-export const videoRedPlayIconWidthSize = "8px";
-/** This variable is used for changing the red play icon inside the white square. */
-export const videoRedPlayIconHeightSize = "10px";
-export const videoBadgeTimeLineHeight = "21px";
-export const videoSkeletonContainerHeight = "180px";
-export const videoFrameInlineSpace = "0px";
-export const verticalVideoMockHeadlineFontSize = "22px";
-/** 14 - 14 - 16 - 16 -- This variable is used in the videoAdBadge font size parameter. */
-export const videoAdBadgeFontSize = "14px";
-
-// Component - Pagination
-export const galleryPaginationItemHeightSize = "4px";
-/** 8 - 8 - 12 - 12 - this component level variable references the inlineSpaceConst semantic variables; SM for smaller devices, MD for larger devices */
-export const galleryPaginationContainerWebInlineSpace = "8px";
-/** 12 - 12 - 16 - 16 - this component level variable references the semantic */
-export const galleryPaginationContainerStackSpace = "12px";
-export const galleryPaginationContainerAppInlineSpace = "12px";
-export const scrollBarThicknessSize = "8px";
-
-// Component - Dropdown
-export const dropDownBorderRadius = "4px";
-export const dropDownItemStackSpace = "8px";
-export const dropDownItemInlineSpace = "12px";
-
-// Component - Inputfield
-export const inputFieldStackSpace = "6px";
-export const inputFieldInlineSpace = "16px";
-export const inputFieldMiniLabelInlineSpace = "4px";
-/** This variable controls texts inside of input fields such as dropdowns, date input and other text inputs that appear in forms for example. compact 15 - default 17 - spacious 19 */
-export const inputFieldFontSize = "16px";
-export const inputFieldImessageInlineSpace = "16px";
-export const inputFieldHeightSize = "36px";
-export const heyInputContainerInlineSpace = "8px";
-export const inputFieldMessageGapSpace = "4px";
-export const inputFieldFontFamily = "Lucida Grande";
-
-// Component - Breadcrumb
-/** 15 - 15 - 15 - 12 -- Breadcrumbs have a slightly larger font size on mobile devices compared to when they are rendered on larger desktop devices. */
-export const breadcrumbFontSize = "15px";
-export const breadcrumbFontFamily = "Lucida Grande";
-export const breadcrumbArrowLeftInlineSpace1 = "3px";
-export const breadcrumbArrowRightInlineSpace2 = "5px";
-export const breadcrumbInlineSpace = "12px";
-/** 15 - 15 - 15 - 12 -- Breadcrumbs have a slightly larger font size on mobile devices compared to when they are rendered on larger desktop devices. */
-export const breadcrumbLineHeight = "15px";
-export const breadcrumbFontWeight = "700";
-export const breadcrumbStackSpace = "14px";
-
-// Component - Icon
-export const iconSize = "24px";
-export const iconSizeEmbeddMedia = "40px";
-
-// Component - Badge
-/** This space variable is used for creating the top and bottom space between a badge's text label and the surface that the text label is on top of. */
-export const badgesInnerStackSpace = "2px";
-/** This space variable is used for creating the left and right space between a badge's text label and the badge background surface that the text label is on top of. */
-export const badgesInnerInlineSpace = "4px";
-/** 30 - 30 - 30 - 30 - This variable is used on the Advert rectangular badge that is found above an ad containers. */
-export const adLabelBadgeHeightSize = "30px";
-
-// Component - SectionTitle
-export const sectionTitleInnerStackBottomSpace = "12px";
-export const sectionTitleHeightSize = "32px";
-/** This variable is used on large title headings that are h2 elements in html and indicate a new section in the user interface. This space changes when a user hovers over the large title. */
-export const sectionTitleArrowInlineSpace = "5px";
-/** This variable is used for increasing the space between the text and the arrow at the end of the large title text. On mobile devices there is no hover state so this variables values are the same as the default state values. */
-export const sectionTitleArrowInlineSpaceActive = "5px";
-
-// Component - AudioPlayer
-/** This variable is used in the text style dedicated to audio player labels for elapsed time, reproduction speed and short functionality description text. 16 - 16 - 16 - 18 */
-export const audioPlayerFontSize = "16px";
-
-// Component - SpecialNavi
-export const specialNaviInlineSpace = "24px";
-
-// Component - Chips
-/** This variable is used on the chips font size parameter of the chips text style. The font size changes only for the change between larger device widths and any device smaller than the largest. 16 - 16 -16 - 18 */
-export const chipsFontSize = "16px";
-export const chipsInlineSpace = "12px";
-export const chipsStackSpace = "8px";
-
-// Component - Search
-export const searchResultBadgeHeightSize = "18px";
-
-// Component - RadioButtons
-export const radioSelectorSize = "20px";
-export const radioSelectorDotActiveSize = "12px";
-
-// Component - Skeletons
-export const headlinesSkeletonImagePlaceholderMaxWidth = "282px";
-export const articleSkeletonImageInlineSpace = "12px";
-export const articleSkeletonTextInlineSpace = "0px";
-export const articleTextSkeletonHeightSize = "270px";
-
-// Component - Spinners
-export const videoSpinnerSize = "40px";
-export const videoSpinnerStrokeSize = "2px";
-export const videoSpinnerSize05x = "20px";
-
-// Component - BreakingNews
-export const breakingNewsContainerHeightSize = "56px";
-export const breakingNewsBadgeUpperTitleFontSize = "13px";
-export const breakingNewsBadgeLowerTitleFontSize = "23px";
-export const breakingNewsBadgeUpperTitleLineHeight = "13px";
-export const breakingNewsBadgeLowerTitleLineHeight = "21px";
-export const breakingNewsBadgeTitelsStackSpace = "0px";
-export const breakingNewsScrollingTextFontSize = "21px";
-export const breakingNewsScrollingTextLineHeight = "24px";
-export const breakingNewsBadgeInlineSpace = "6px";
-
-// Component - InfoElement
-export const infoElementTeaserBadgeHeightSize = "16px";
-export const infoElementTeaserImageHeightSize = "80px";
-export const infoElementTeaserImageWidthSize = "80px";
-export const infoElementTeaserBadgeMarginSpace = "4px";
-
-// Component - Mediaplayer
-export const podcastPlayButtonSize = "48px";
-export const vidPlayerBottomBarGapSpace = "0px";
-export const audioPlayerHeaderStackSpace = "56px";
-export const videoTimeBadgeFontFamily = "Lucida Grande";
-export const vidPlayerControlButtonSize = "42px";
-export const vidPlayerControlButtonIconSizeHover = "28px";
-export const vidPlayerTimecodeFontSize = "14px";
-export const vidPlayerTimecodeContainerMinWidthSize = "45px";
-export const vidPlayerProgressBarContainerHeightSize = "24px";
-export const vidPlayerUnmuteButtonWidthSize = "220px";
-
-// Component - Tabs
-/** Tab labels font size remain constant at 16px across devices and breakpoints. This behavior can be seen on the Mein Konto page tabs for purchases and payment data. */
-export const tabLabelFontSize = "16px";
-export const iosTabbarHeightSize = "49px";
-export const androidTabbarHeightSize = "56px";
-/** Tab labels font size remain constant at 16px across devices and breakpoints. This behavior can be seen on the Mein Konto page tabs for purchases and payment data. */
-export const tabLabelFontSizeLine = "12px";
-/** Tab labels font size remain constant at 16px across devices and breakpoints. This behavior can be seen on the Mein Konto page tabs for purchases and payment data. */
-export const appsTabsLabelFontSize = "12px";
-/** Tab labels font size remain constant at 16px across devices and breakpoints. This behavior can be seen on the Mein Konto page tabs for purchases and payment data. */
-export const appsTabsLabelLineHeight = "14.399999618530273px";
-export const topBarTabItemHeightSize = "44px";
-
-// Component - Drawers
-export const mobileMenuDrawerStackSpace = "20px";
-export const mobileMenuDrawerLeftInlineSpace = "20px";
-export const mobileMenuDrawerRightInlineSpace = "16px";
-export const mobileMenuDrawerMaxWidthSize = "400px";
-
-// Component - Quotes
-export const quoteContainerInlineSpace = "16px";
-export const quoteContainerStackSpace = "16px";
-export const quoteQuotationMarksFontSize = "28px";
-export const quoteContentGapSpace = "16px";
-
-// Component - Carousel
-/** This token is used to create more bottom padding space on system teaser headlines inside the gallery to avoid overlapping with the pagination. */
-export const galleryTeaserTitleBottomSpace = "28px";
-/** This token is used to create more bottom padding space on system teaser headlines inside the gallery to avoid overlapping with the pagination. */
-export const galleryTeaserAppGapSpace = "0px";
-export const appEpaperCarouselItemFocusWidth = "182px";
-export const appEpaperCarouselItemDefaultWidth = "144px";
-export const appEpaperCarouseBeilageItemWidth = "110px";
-export const standardTeaserGalleryTeaserWidthWeb = "145px";
-export const standardTeaserGalleryTeaserWidthApp = "280px";
-
-// Component - Sliders
-export const sliderProgressBarIdleHeightSize = "4px";
-export const sliderProgressBarHoverHeightSize = "8px";
-export const sliderProgressInactiveHeightSize = "2px";
-export const vidPlayerProgressBarHeightSize = "12px";
-
-// Component - Footer
-/** This variable is used on footer links that commonly show up at the bottom of pages. The font size parameter remains constant at 11 px across device sizes. */
-export const footerFontSize = "11px";
-export const footerLineHeight = "14px";
-export const footerFontFamily = "Gotham XNarrow";
-export const footerFontSizeUserOfferPages = "18px";
-export const footerLineHeightUserOfferPages = "26px";
-
-// Component - Accordion
-/** This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande */
-export const accordionLabelFontFamily = "Lucida Grande";
-
-// Component - Paywall
-export const paywallContainerGapSpace = "-48px";
-export const paywallHeaderBottomStackSpace = "80px";
-export const paywallCardMaxWidthSize = "346px";
-/** This variable is used on the paywall card price tag. 64 constant */
-export const paywallCardPriceTagFontSize = "64px";
-export const paywallCardPriceTagLineHeight = "64px";
-export const paywallCardPriceNoteLineHeight = "40px";
-/** This variable is used on the paywall card text under the price tag. 40 - 40 - 40 - 40 */
-export const paywallCardPriceNoteFontSize = "40px";
-
-// Component - ToggleSwitch
-/** This variable is used on labels in list items with toggle switches found in app preferences. 14 - 14 - 16 - 18 */
-export const appToggleItemLabelFontSize = "14px";
-/** This variable is used on labels in list items with toggle switches found in app preferences. 14.1 - 14.1 - 16.2 - 18.2 */
-export const appToggleItemLabelLineHeight = "14.100000381469727px";
-
-// Component - Cards
-export const searchResultCardImageWidthSize = "216px";
-export const searchResultCardImageHeightSizeStacked = "189px";
-export const newstickerImageCardWidthSize = "206px";
-
-// Component - Datepicker
-export const datepickerItemDayWidthSize = "44px";
-export const datepickerItemHeightSize = "44px";
-export const datepickerItemYearWidthSize = "77px";
-
-
 // ============================================
 // SEMANTIC
 // ============================================