@marioschmidt/design-system-tokens 1.0.40 → 1.0.42

package/dist/android/res/values/brands/sportbild/components/NewsTicker/newsticker-breakpoint-sm-390px-compact.xml

@@ -7,7 +7,7 @@
   <dimen name="news-ticker-time-font-size">16px</dimen><!-- similar to kicker3 values - 16 - 16 - 16 - 18 -->
   <string name="news-ticker-time-font-weight">700</string>
   <string name="news-ticker-time-font-family">AntennaExtraCond</string>
-  <dimen name="news-ticker-time-line-height">20.799999237060547px</dimen><!-- 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. -->
+  <dimen name="news-ticker-time-line-height">20.8px</dimen><!-- 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. -->
   <dimen name="news-ticker-content-stack-space">4px</dimen>
   <dimen name="news-ticker-kicker-inner-stack-space">2px</dimen>
   <dimen name="news-ticker-titles-inline-space">18px</dimen>

package/dist/android/res/values/brands/sportbild/components/NewsTicker/newsticker-breakpoint-xs-320px.xml

@@ -7,7 +7,7 @@
   <dimen name="news-ticker-time-font-size">16px</dimen><!-- similar to kicker3 values - 16 - 16 - 16 - 18 -->
   <string name="news-ticker-time-font-weight">700</string>
   <string name="news-ticker-time-font-family">AntennaExtraCond</string>
-  <dimen name="news-ticker-time-line-height">20.799999237060547px</dimen><!-- 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. -->
+  <dimen name="news-ticker-time-line-height">20.8px</dimen><!-- 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. -->
   <dimen name="news-ticker-content-stack-space">4px</dimen>
   <dimen name="news-ticker-kicker-inner-stack-space">2px</dimen>
   <dimen name="news-ticker-titles-inline-space">18px</dimen>

package/dist/android/res/values/brands/sportbild/components/Pagination/pagination-color-dark.xml

@@ -6,7 +6,7 @@
 <resources>
   <color name="pagination-element-color-default">#8c9196</color>
   <color name="pagination-element-color-active">#f7f9fd</color>
-  <string name="gallery-pagination-element-active-opacity">100</string><!-- Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. -->
+  <string name="gallery-pagination-element-active-opacity">1</string><!-- Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. -->
   <color name="scroll-bar-track-bg-color">#ffffff1a</color><!-- Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements. -->
   <color name="scroll-bar-thumb-bg-color">#8c9196</color><!-- Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space. -->
 </resources>

package/dist/android/res/values/brands/sportbild/components/Pagination/pagination-color-light.xml

@@ -6,7 +6,7 @@
 <resources>
   <color name="pagination-element-color-default">#ced4da</color>
   <color name="pagination-element-color-active">#174482</color>
-  <string name="gallery-pagination-element-active-opacity">100</string><!-- Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. -->
+  <string name="gallery-pagination-element-active-opacity">1</string><!-- Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. -->
   <color name="scroll-bar-track-bg-color">#0000001a</color><!-- Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements. -->
   <color name="scroll-bar-thumb-bg-color">#8c9196</color><!-- Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space. -->
 </resources>

package/dist/android/res/values/brands/sportbild/components/Slider/slider-color-dark.xml

@@ -4,6 +4,6 @@
   Do not edit directly, this file was auto-generated.
 -->
 <resources>
-  <string name="slider-button-opacity">90</string><!-- When users hover on gallery slider buttons the opacity changes to 90%. -->
+  <string name="slider-button-opacity">0.9</string><!-- When users hover on gallery slider buttons the opacity changes to 90%. -->
   <color name="slider-track-bg-color">#ffffff59</color><!-- This variable is used on audio player slider bars. It references a pure white with 35% opacity. -->
 </resources>

package/dist/android/res/values/brands/sportbild/components/Slider/slider-color-light.xml

@@ -4,6 +4,6 @@
   Do not edit directly, this file was auto-generated.
 -->
 <resources>
-  <string name="slider-button-opacity">90</string><!-- When users hover on gallery slider buttons the opacity changes to 90%. -->
+  <string name="slider-button-opacity">0.9</string><!-- When users hover on gallery slider buttons the opacity changes to 90%. -->
   <color name="slider-track-bg-color">#ffffff59</color><!-- This variable is used on audio player slider bars. It references a pure white with 35% opacity. -->
 </resources>

package/dist/android/res/values/brands/sportbild/components/Tab/tab-breakpoint-lg-1024px-regular.xml

@@ -9,6 +9,6 @@
   <dimen name="android-tabbar-height-size">74px</dimen>
   <dimen name="tab-label-font-size-line">16px</dimen><!-- 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. -->
   <dimen name="apps-tabs-label-font-size">16px</dimen><!-- 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. -->
-  <dimen name="apps-tabs-label-line-height">23.399999618530273px</dimen><!-- 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. -->
+  <dimen name="apps-tabs-label-line-height">23.4px</dimen><!-- 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. -->
   <dimen name="top-bar-tab-item-height-size">44px</dimen>
 </resources>

package/dist/android/res/values/brands/sportbild/components/Tab/tab-breakpoint-md-600px.xml

@@ -9,6 +9,6 @@
   <dimen name="android-tabbar-height-size">74px</dimen>
   <dimen name="tab-label-font-size-line">16px</dimen><!-- 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. -->
   <dimen name="apps-tabs-label-font-size">16px</dimen><!-- 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. -->
-  <dimen name="apps-tabs-label-line-height">23.399999618530273px</dimen><!-- 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. -->
+  <dimen name="apps-tabs-label-line-height">23.4px</dimen><!-- 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. -->
   <dimen name="top-bar-tab-item-height-size">44px</dimen>
 </resources>

package/dist/android/res/values/brands/sportbild/components/Tab/tab-breakpoint-sm-390px-compact.xml

@@ -9,6 +9,6 @@
   <dimen name="android-tabbar-height-size">56px</dimen>
   <dimen name="tab-label-font-size-line">12px</dimen><!-- 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. -->
   <dimen name="apps-tabs-label-font-size">12px</dimen><!-- 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. -->
-  <dimen name="apps-tabs-label-line-height">14.399999618530273px</dimen><!-- 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. -->
+  <dimen name="apps-tabs-label-line-height">14.4px</dimen><!-- 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. -->
   <dimen name="top-bar-tab-item-height-size">44px</dimen>
 </resources>

package/dist/android/res/values/brands/sportbild/components/Tab/tab-breakpoint-xs-320px.xml

@@ -9,6 +9,6 @@
   <dimen name="android-tabbar-height-size">56px</dimen>
   <dimen name="tab-label-font-size-line">12px</dimen><!-- 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. -->
   <dimen name="apps-tabs-label-font-size">11px</dimen><!-- 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. -->
-  <dimen name="apps-tabs-label-line-height">14.399999618530273px</dimen><!-- 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. -->
+  <dimen name="apps-tabs-label-line-height">14.4px</dimen><!-- 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. -->
   <dimen name="top-bar-tab-item-height-size">44px</dimen>
 </resources>

package/dist/android/res/values/brands/sportbild/components/Teaser/teaser-breakpoint-lg-1024px-regular.xml

@@ -8,12 +8,12 @@
   <dimen name="teaser-title-stack-space">6px</dimen>
   <dimen name="m-qteaser-headline-font-size">34px</dimen><!-- XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40 -->
   <string name="m-qteaser-headline-font-weight">700</string>
-  <dimen name="m-qteaser-headline-line-height">39.099998474121094px</dimen>
+  <dimen name="m-qteaser-headline-line-height">39.1px</dimen>
   <dimen name="mq-teaser-title-inline-space">12px</dimen>
   <dimen name="a-teaser-kicker-font-size">26px</dimen><!-- 16 - 16 - 22 - 24 This variable references the semantic variables kicker3fontsize and kicker2fontsize. At the 600px breakpoint smaller devices use the kicker3 variable -->
   <dimen name="a-teaser-headline-font-size">50px</dimen><!-- This variable references the semantic variables headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64 -->
   <dimen name="a-teaser-kicker-line-height">26px</dimen>
-  <dimen name="a-teaser-headline-line-height">57.599998474121094px</dimen>
+  <dimen name="a-teaser-headline-line-height">57.6px</dimen>
   <dimen name="a-teaser-title-inline-space">16px</dimen>
   <dimen name="teaser-title-gap-space">4px</dimen>
   <dimen name="std-teaser-image-title-gap-space">6px</dimen>

package/dist/android/res/values/brands/sportbild/components/Teaser/teaser-breakpoint-md-600px.xml

@@ -13,7 +13,7 @@
   <dimen name="a-teaser-kicker-font-size">26px</dimen><!-- 16 - 16 - 22 - 24 This variable references the semantic variables kicker3fontsize and kicker2fontsize. At the 600px breakpoint smaller devices use the kicker3 variable -->
   <dimen name="a-teaser-headline-font-size">44px</dimen><!-- This variable references the semantic variables headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64 -->
   <dimen name="a-teaser-kicker-line-height">26px</dimen>
-  <dimen name="a-teaser-headline-line-height">50.599998474121094px</dimen>
+  <dimen name="a-teaser-headline-line-height">50.6px</dimen>
   <dimen name="a-teaser-title-inline-space">16px</dimen>
   <dimen name="teaser-title-gap-space">4px</dimen>
   <dimen name="std-teaser-image-title-gap-space">6px</dimen>

package/dist/android/res/values/brands/sportbild/components/Teaser/teaser-breakpoint-sm-390px-compact.xml

@@ -8,7 +8,7 @@
   <dimen name="teaser-title-stack-space">4px</dimen>
   <dimen name="m-qteaser-headline-font-size">21px</dimen><!-- XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40 -->
   <string name="m-qteaser-headline-font-weight">700</string>
-  <dimen name="m-qteaser-headline-line-height">23.100000381469727px</dimen>
+  <dimen name="m-qteaser-headline-line-height">23.1px</dimen>
   <dimen name="mq-teaser-title-inline-space">12px</dimen>
   <dimen name="a-teaser-kicker-font-size">16px</dimen><!-- 16 - 16 - 22 - 24 This variable references the semantic variables kicker3fontsize and kicker2fontsize. At the 600px breakpoint smaller devices use the kicker3 variable -->
   <dimen name="a-teaser-headline-font-size">30px</dimen><!-- This variable references the semantic variables headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64 -->

package/dist/android/res/values/brands/sportbild/components/Teaser/teaser-breakpoint-xs-320px.xml

@@ -8,7 +8,7 @@
   <dimen name="teaser-title-stack-space">4px</dimen>
   <dimen name="m-qteaser-headline-font-size">21px</dimen><!-- XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40 -->
   <string name="m-qteaser-headline-font-weight">700</string>
-  <dimen name="m-qteaser-headline-line-height">23.100000381469727px</dimen>
+  <dimen name="m-qteaser-headline-line-height">23.1px</dimen>
   <dimen name="mq-teaser-title-inline-space">12px</dimen>
   <dimen name="a-teaser-kicker-font-size">16px</dimen><!-- 16 - 16 - 22 - 24 This variable references the semantic variables kicker3fontsize and kicker2fontsize. At the 600px breakpoint smaller devices use the kicker3 variable -->
   <dimen name="a-teaser-headline-font-size">30px</dimen><!-- This variable references the semantic variables headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64 -->

package/dist/android/res/values/brands/sportbild/components/Teaser/teaser-color-dark.xml

@@ -4,9 +4,9 @@
   Do not edit directly, this file was auto-generated.
 -->
 <resources>
-  <string name="teaser-hover-opacity">80</string><!-- When users hover over graphical teasers the image reduces opacity to 80%. -->
-  <color name="teaser-title-background-gradient-start">#0a2750b2</color>
+  <string name="teaser-hover-opacity">0.8</string><!-- When users hover over graphical teasers the image reduces opacity to 80%. -->
+  <color name="teaser-title-background-gradient-start">#0a2750b3</color>
   <color name="teaser-title-background-gradient-stop">#0a275000</color>
-  <color name="teaser-title-background-gradient-start">#0a2750b2</color>
+  <color name="teaser-title-background-gradient-start">#0a2750b3</color>
   <color name="teaser-title-background-gradient-stop">#0a275000</color>
 </resources>

package/dist/android/res/values/brands/sportbild/components/Teaser/teaser-color-light.xml

@@ -4,9 +4,9 @@
   Do not edit directly, this file was auto-generated.
 -->
 <resources>
-  <string name="teaser-hover-opacity">80</string><!-- When users hover over graphical teasers the image reduces opacity to 80%. -->
-  <color name="teaser-title-background-gradient-start">#0a2750b2</color>
+  <string name="teaser-hover-opacity">0.8</string><!-- When users hover over graphical teasers the image reduces opacity to 80%. -->
+  <color name="teaser-title-background-gradient-start">#0a2750b3</color>
   <color name="teaser-title-background-gradient-stop">#0a275000</color>
-  <color name="teaser-title-background-gradient-start">#0a2750b2</color>
+  <color name="teaser-title-background-gradient-start">#0a2750b3</color>
   <color name="teaser-title-background-gradient-stop">#0a275000</color>
 </resources>

package/dist/android/res/values/brands/sportbild/components/Teaser/teaser-overrides.xml

@@ -4,23 +4,23 @@
   Do not edit directly, this file was auto-generated.
 -->
 <resources>
-  <string name="teaser-title-inline-space-lg">16</string><!-- --teaser-title-padding-lg -->
-  <string name="teaser-title-inline-space-md">16</string><!-- --teaser-title-padding-md -->
-  <string name="teaser-title-inline-space-sm">12</string><!-- --teaser-title-padding-sm -->
-  <string name="teaser-title-inline-space-xs">12</string><!-- --teaser-title-padding-xs -->
-  <string name="q-teaser-title-inline-space-lg">24</string>
-  <string name="q-teaser-title-inline-space-md">24</string>
-  <string name="q-teaser-title-inline-space-sm">12</string>
-  <string name="q-teaser-title-inline-space-xs">12</string>
-  <string name="a-teaser-title-inline-space-lg">16</string>
-  <string name="a-teaser-title-inline-space-md">16</string>
-  <string name="a-teaser-title-inline-space-xs">12</string>
-  <string name="a-teaser-title-inline-space-sm">12</string>
-  <string name="b-teaser-title-inline-space">16</string>
-  <string name="2xa-teaser-title-inline-space">16</string>
-  <string name="mini-qteaser-title-inline-space-md">12</string>
-  <string name="mini-qteaser-title-inline-space-lg">12</string>
-  <string name="mini-qteaser-title-inline-space-sm">12</string>
-  <string name="mini-qteaser-title-inline-space-xs">12</string>
-  <string name="super-ateaser-title-inline-space">24</string>
+  <dimen name="teaser-title-inline-space-lg">16px</dimen><!-- --teaser-title-padding-lg -->
+  <dimen name="teaser-title-inline-space-md">16px</dimen><!-- --teaser-title-padding-md -->
+  <dimen name="teaser-title-inline-space-sm">12px</dimen><!-- --teaser-title-padding-sm -->
+  <dimen name="teaser-title-inline-space-xs">12px</dimen><!-- --teaser-title-padding-xs -->
+  <dimen name="q-teaser-title-inline-space-lg">24px</dimen>
+  <dimen name="q-teaser-title-inline-space-md">24px</dimen>
+  <dimen name="q-teaser-title-inline-space-sm">12px</dimen>
+  <dimen name="q-teaser-title-inline-space-xs">12px</dimen>
+  <dimen name="a-teaser-title-inline-space-lg">16px</dimen>
+  <dimen name="a-teaser-title-inline-space-md">16px</dimen>
+  <dimen name="a-teaser-title-inline-space-xs">12px</dimen>
+  <dimen name="a-teaser-title-inline-space-sm">12px</dimen>
+  <dimen name="b-teaser-title-inline-space">16px</dimen>
+  <dimen name="2xa-teaser-title-inline-space">16px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-md">12px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-lg">12px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-sm">12px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-xs">12px</dimen>
+  <dimen name="super-ateaser-title-inline-space">24px</dimen>
 </resources>

package/dist/android/res/values/brands/sportbild/components/ToggleSwitch/toggleswitch-breakpoint-lg-1024px-regular.xml

@@ -5,5 +5,5 @@
 -->
 <resources>
   <dimen name="app-toggle-item-label-font-size">18px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14 - 14 - 16 - 18 -->
-  <dimen name="app-toggle-item-label-line-height">18.200000762939453px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14.1 - 14.1 - 16.2 - 18.2 -->
+  <dimen name="app-toggle-item-label-line-height">18.2px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14.1 - 14.1 - 16.2 - 18.2 -->
 </resources>

package/dist/android/res/values/brands/sportbild/components/ToggleSwitch/toggleswitch-breakpoint-md-600px.xml

@@ -5,5 +5,5 @@
 -->
 <resources>
   <dimen name="app-toggle-item-label-font-size">16px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14 - 14 - 16 - 18 -->
-  <dimen name="app-toggle-item-label-line-height">16.200000762939453px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14.1 - 14.1 - 16.2 - 18.2 -->
+  <dimen name="app-toggle-item-label-line-height">16.2px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14.1 - 14.1 - 16.2 - 18.2 -->
 </resources>

package/dist/android/res/values/brands/sportbild/components/ToggleSwitch/toggleswitch-breakpoint-sm-390px-compact.xml

@@ -5,5 +5,5 @@
 -->
 <resources>
   <dimen name="app-toggle-item-label-font-size">14px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14 - 14 - 16 - 18 -->
-  <dimen name="app-toggle-item-label-line-height">14.100000381469727px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14.1 - 14.1 - 16.2 - 18.2 -->
+  <dimen name="app-toggle-item-label-line-height">14.1px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14.1 - 14.1 - 16.2 - 18.2 -->
 </resources>

package/dist/android/res/values/brands/sportbild/components/ToggleSwitch/toggleswitch-breakpoint-xs-320px.xml

@@ -5,5 +5,5 @@
 -->
 <resources>
   <dimen name="app-toggle-item-label-font-size">14px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14 - 14 - 16 - 18 -->
-  <dimen name="app-toggle-item-label-line-height">14.100000381469727px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14.1 - 14.1 - 16.2 - 18.2 -->
+  <dimen name="app-toggle-item-label-line-height">14.1px</dimen><!-- This variable is used on labels in list items with toggle switches found in app preferences. 14.1 - 14.1 - 16.2 - 18.2 -->
 </resources>

package/dist/android/res/values/brands/sportbild/components/Video/video-breakpoint-lg-1024px-regular.xml

@@ -9,7 +9,7 @@
   <dimen name="video-time-badge-size">40px</dimen><!-- 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. -->
   <dimen name="video-red-play-icon-width-size">14px</dimen>
   <dimen name="video-red-play-icon-height-size">18px</dimen><!-- This variable is used for changing the red play icon inside the white square. -->
-  <dimen name="video-badge-time-line-height">23.799999237060547px</dimen>
+  <dimen name="video-badge-time-line-height">23.8px</dimen>
   <dimen name="video-skeleton-container-height">464px</dimen>
   <dimen name="video-frame-inline-space">16px</dimen>
   <dimen name="vertical-video-mock-headline-font-size">32px</dimen>

package/dist/android/res/values/brands/sportbild/components/Video/video-breakpoint-md-600px.xml

@@ -9,7 +9,7 @@
   <dimen name="video-time-badge-size">32px</dimen><!-- 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. -->
   <dimen name="video-red-play-icon-width-size">12px</dimen>
   <dimen name="video-red-play-icon-height-size">14px</dimen><!-- This variable is used for changing the red play icon inside the white square. -->
-  <dimen name="video-badge-time-line-height">23.799999237060547px</dimen>
+  <dimen name="video-badge-time-line-height">23.8px</dimen>
   <dimen name="video-skeleton-container-height">464px</dimen>
   <dimen name="video-frame-inline-space">12px</dimen>
   <dimen name="vertical-video-mock-headline-font-size">32px</dimen>

package/dist/android/res/values/brands/sportbild/overrides/brandcolormapping.xml

@@ -47,7 +47,7 @@
   <color name="breaking-news-surface-color-dark">#ffbf00</color><!-- This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode.  Bild: 093 ; SpoBi: 081 -->
   <color name="breaking-news-text-content-color-dark">#232629</color><!-- This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015 -->
   <color name="breaking-news-bottom-title-text-color">#ffffff</color><!-- This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100 -->
-  <color name="teaser-title-background-gradient-start">#0a2750b2</color>
+  <color name="teaser-title-background-gradient-start">#0a2750b3</color>
   <color name="teaser-title-background-gradient-stop">#0a275000</color>
   <color name="menu-link-lane-surface-color">#0a2750</color><!-- This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component. -->
   <color name="menu-link-lane-label-color">#ced4da</color><!-- This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component. -->

package/dist/android/res/values/brands/sportbild/overrides/brandtokenmapping.xml

@@ -107,71 +107,71 @@
   <dimen name="headline1-line-height-lg">88px</dimen>
   <dimen name="headline2-line-height-xs">42px</dimen>
   <dimen name="headline2-line-height-sm">42px</dimen>
-  <dimen name="headline2-line-height-md">50.599998474121094px</dimen>
-  <dimen name="headline2-line-height-lg">57.599998474121094px</dimen>
+  <dimen name="headline2-line-height-md">50.6px</dimen>
+  <dimen name="headline2-line-height-lg">57.6px</dimen>
   <dimen name="headline3-line-height-xs">33px</dimen>
   <dimen name="headline3-line-height-sm">33px</dimen>
   <dimen name="headline3-line-height-md">34.5px</dimen>
-  <dimen name="headline3-line-height-lg">39.099998474121094px</dimen>
-  <dimen name="headline4-line-height-xs">23.100000381469727px</dimen>
-  <dimen name="headline4-line-height-sm">23.100000381469727px</dimen>
-  <dimen name="headline4-line-height-md">28.600000381469727px</dimen>
-  <dimen name="headline4-line-height-lg">29.899999618530273px</dimen>
-  <dimen name="subheadline1-line-height-xs">23.399999618530273px</dimen>
-  <dimen name="subheadline1-line-height-sm">23.399999618530273px</dimen>
-  <dimen name="subheadline1-line-height-md">28.600000381469727px</dimen>
-  <dimen name="subheadline1-line-height-lg">33.79999923706055px</dimen>
+  <dimen name="headline3-line-height-lg">39.1px</dimen>
+  <dimen name="headline4-line-height-xs">23.1px</dimen>
+  <dimen name="headline4-line-height-sm">23.1px</dimen>
+  <dimen name="headline4-line-height-md">28.6px</dimen>
+  <dimen name="headline4-line-height-lg">29.9px</dimen>
+  <dimen name="subheadline1-line-height-xs">23.4px</dimen>
+  <dimen name="subheadline1-line-height-sm">23.4px</dimen>
+  <dimen name="subheadline1-line-height-md">28.6px</dimen>
+  <dimen name="subheadline1-line-height-lg">33.8px</dimen>
   <dimen name="kicker1-line-height-xs">22px</dimen>
   <dimen name="kicker1-line-height-sm">22px</dimen>
-  <dimen name="kicker1-line-height-md">28.600000381469727px</dimen>
-  <dimen name="kicker1-line-height-lg">35.20000076293945px</dimen>
-  <dimen name="kicker2-line-height-xs">17.600000381469727px</dimen>
-  <dimen name="kicker2-line-height-sm">17.600000381469727px</dimen>
-  <dimen name="kicker2-line-height-md">28.600000381469727px</dimen>
-  <dimen name="kicker2-line-height-lg">28.600000381469727px</dimen>
-  <dimen name="kicker3-line-height-xs">17.600000381469727px</dimen>
-  <dimen name="kicker3-line-height-sm">17.600000381469727px</dimen>
+  <dimen name="kicker1-line-height-md">28.6px</dimen>
+  <dimen name="kicker1-line-height-lg">35.2px</dimen>
+  <dimen name="kicker2-line-height-xs">17.6px</dimen>
+  <dimen name="kicker2-line-height-sm">17.6px</dimen>
+  <dimen name="kicker2-line-height-md">28.6px</dimen>
+  <dimen name="kicker2-line-height-lg">28.6px</dimen>
+  <dimen name="kicker3-line-height-xs">17.6px</dimen>
+  <dimen name="kicker3-line-height-sm">17.6px</dimen>
   <dimen name="kicker3-line-height-md">22px</dimen>
-  <dimen name="kicker3-line-height-lg">24.200000762939453px</dimen>
-  <dimen name="kicker4-line-height-xs">15.399999618530273px</dimen>
-  <dimen name="kicker4-line-height-sm">15.399999618530273px</dimen>
-  <dimen name="kicker4-line-height-md">17.600000381469727px</dimen>
-  <dimen name="kicker4-line-height-lg">19.799999237060547px</dimen>
-  <dimen name="title1-line-height-xs">26.399999618530273px</dimen>
-  <dimen name="title1-line-height-sm">26.399999618530273px</dimen>
-  <dimen name="title1-line-height-md">30.799999237060547px</dimen>
+  <dimen name="kicker3-line-height-lg">24.2px</dimen>
+  <dimen name="kicker4-line-height-xs">15.4px</dimen>
+  <dimen name="kicker4-line-height-sm">15.4px</dimen>
+  <dimen name="kicker4-line-height-md">17.6px</dimen>
+  <dimen name="kicker4-line-height-lg">19.8px</dimen>
+  <dimen name="title1-line-height-xs">26.4px</dimen>
+  <dimen name="title1-line-height-sm">26.4px</dimen>
+  <dimen name="title1-line-height-md">30.8px</dimen>
   <dimen name="title1-line-height-lg">33px</dimen>
-  <dimen name="title2-line-height-xs">16.799999237060547px</dimen>
-  <dimen name="title2-line-height-sm">20.799999237060547px</dimen>
-  <dimen name="title2-line-height-md">23.399999618530273px</dimen>
+  <dimen name="title2-line-height-xs">16.8px</dimen>
+  <dimen name="title2-line-height-sm">20.8px</dimen>
+  <dimen name="title2-line-height-md">23.4px</dimen>
   <dimen name="title2-line-height-lg">26px</dimen>
-  <dimen name="callout1-line-height-xs">23.399999618530273px</dimen>
-  <dimen name="callout1-line-height-sm">23.399999618530273px</dimen>
-  <dimen name="callout1-line-height-md">31.200000762939453px</dimen>
-  <dimen name="callout1-line-height-lg">31.200000762939453px</dimen>
-  <dimen name="body-line-height-xs">28.049999237060547px</dimen>
-  <dimen name="body-line-height-sm">28.049999237060547px</dimen>
+  <dimen name="callout1-line-height-xs">23.4px</dimen>
+  <dimen name="callout1-line-height-sm">23.4px</dimen>
+  <dimen name="callout1-line-height-md">31.2px</dimen>
+  <dimen name="callout1-line-height-lg">31.2px</dimen>
+  <dimen name="body-line-height-xs">28.05px</dimen>
+  <dimen name="body-line-height-sm">28.05px</dimen>
   <dimen name="body-line-height-md">29.75px</dimen>
-  <dimen name="body-line-height-lg">28.049999237060547px</dimen>
-  <dimen name="footnote1-line-height-xs">17.030000686645508px</dimen>
-  <dimen name="footnote1-line-height-sm">17.030000686645508px</dimen>
-  <dimen name="footnote1-line-height-md">17.030000686645508px</dimen>
+  <dimen name="body-line-height-lg">28.05px</dimen>
+  <dimen name="footnote1-line-height-xs">17.03px</dimen>
+  <dimen name="footnote1-line-height-sm">17.03px</dimen>
+  <dimen name="footnote1-line-height-md">17.03px</dimen>
   <dimen name="footnote1-line-height-lg">19px</dimen>
   <dimen name="footnote2-line-height-xs">13px</dimen>
   <dimen name="footnote2-line-height-sm">13px</dimen>
   <dimen name="footnote2-line-height-md">13px</dimen>
-  <dimen name="footnote2-line-height-lg">17.030000686645508px</dimen>
-  <dimen name="label1-line-height">20.399999618530273px</dimen><!-- Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. -->
+  <dimen name="footnote2-line-height-lg">17.03px</dimen>
+  <dimen name="label1-line-height">20.4px</dimen><!-- Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. -->
   <dimen name="label1-resp-line-height-xs">12px</dimen><!-- Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. -->
   <dimen name="label1-resp-line-height-sm">12px</dimen><!-- Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. -->
   <dimen name="label1-resp-line-height-md">18px</dimen><!-- Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter. -->
-  <dimen name="label1-resp-line-height-lg">20.399999618530273px</dimen><!-- Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter. -->
-  <dimen name="label2-line-height">19.200000762939453px</dimen><!-- Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter. -->
-  <dimen name="label3-line-height">14.399999618530273px</dimen><!-- Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter. -->
+  <dimen name="label1-resp-line-height-lg">20.4px</dimen><!-- Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter. -->
+  <dimen name="label2-line-height">19.2px</dimen><!-- Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter. -->
+  <dimen name="label3-line-height">14.4px</dimen><!-- Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter. -->
   <dimen name="label4-line-height">10px</dimen><!-- Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter. -->
-  <dimen name="quote-line-height-xs">20.799999237060547px</dimen>
-  <dimen name="quote-line-height-sm">20.799999237060547px</dimen>
-  <dimen name="quote-line-height-md">23.399999618530273px</dimen>
+  <dimen name="quote-line-height-xs">20.8px</dimen>
+  <dimen name="quote-line-height-sm">20.8px</dimen>
+  <dimen name="quote-line-height-md">23.4px</dimen>
   <dimen name="quote-line-height-lg">26px</dimen>
   <string name="body-font-weight-book">400</string>
   <string name="body-font-weight-bold">700</string>
@@ -218,10 +218,10 @@
   <dimen name="article-image-source-font-size-sm">13px</dimen><!-- --article-figure-meta-font-size-sm -->
   <dimen name="article-image-source-font-size-md">13px</dimen><!-- --article-figure-meta-font-size-sm -->
   <dimen name="article-image-source-font-size-lg">15px</dimen><!-- --article-figure-meta-font-size-lg -->
-  <dimen name="article-image-caption-line-height-xs">16.899999618530273px</dimen><!-- --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 -->
-  <dimen name="article-image-caption-line-height-md">16.899999618530273px</dimen><!-- --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 -->
+  <dimen name="article-image-caption-line-height-xs">16.9px</dimen><!-- --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 -->
+  <dimen name="article-image-caption-line-height-md">16.9px</dimen><!-- --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 -->
   <dimen name="article-image-caption-line-height-lg">19.5px</dimen><!-- --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 -->
-  <dimen name="article-image-caption-line-height-sm">16.899999618530273px</dimen><!-- --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 -->
+  <dimen name="article-image-caption-line-height-sm">16.9px</dimen><!-- --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 -->
   <dimen name="article-image-source-line-height-md">17px</dimen><!-- --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 -->
   <dimen name="article-image-source-line-height-lg">19px</dimen><!-- --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 -->
   <dimen name="article-image-source-line-height-xs">17px</dimen><!-- --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 -->
@@ -246,25 +246,25 @@
   <dimen name="app-top-bar-title-line-height-xs">14px</dimen>
   <dimen name="app-top-bar-title-line-height-sm">14px</dimen>
   <string name="menu-item-font-weight">Black Italic</string>
-  <string name="teaser-title-inline-space-lg">16</string><!-- --teaser-title-padding-lg -->
-  <string name="teaser-title-inline-space-md">16</string><!-- --teaser-title-padding-md -->
-  <string name="teaser-title-inline-space-sm">12</string><!-- --teaser-title-padding-sm -->
-  <string name="teaser-title-inline-space-xs">12</string><!-- --teaser-title-padding-xs -->
-  <string name="q-teaser-title-inline-space-lg">24</string>
-  <string name="q-teaser-title-inline-space-md">24</string>
-  <string name="q-teaser-title-inline-space-sm">12</string>
-  <string name="q-teaser-title-inline-space-xs">12</string>
-  <string name="a-teaser-title-inline-space-lg">16</string>
-  <string name="a-teaser-title-inline-space-md">16</string>
-  <string name="a-teaser-title-inline-space-xs">12</string>
-  <string name="a-teaser-title-inline-space-sm">12</string>
-  <string name="b-teaser-title-inline-space">16</string>
-  <string name="2xa-teaser-title-inline-space">16</string>
-  <string name="mini-qteaser-title-inline-space-md">12</string>
-  <string name="mini-qteaser-title-inline-space-lg">12</string>
-  <string name="mini-qteaser-title-inline-space-sm">12</string>
-  <string name="mini-qteaser-title-inline-space-xs">12</string>
-  <string name="super-ateaser-title-inline-space">24</string>
+  <dimen name="teaser-title-inline-space-lg">16px</dimen><!-- --teaser-title-padding-lg -->
+  <dimen name="teaser-title-inline-space-md">16px</dimen><!-- --teaser-title-padding-md -->
+  <dimen name="teaser-title-inline-space-sm">12px</dimen><!-- --teaser-title-padding-sm -->
+  <dimen name="teaser-title-inline-space-xs">12px</dimen><!-- --teaser-title-padding-xs -->
+  <dimen name="q-teaser-title-inline-space-lg">24px</dimen>
+  <dimen name="q-teaser-title-inline-space-md">24px</dimen>
+  <dimen name="q-teaser-title-inline-space-sm">12px</dimen>
+  <dimen name="q-teaser-title-inline-space-xs">12px</dimen>
+  <dimen name="a-teaser-title-inline-space-lg">16px</dimen>
+  <dimen name="a-teaser-title-inline-space-md">16px</dimen>
+  <dimen name="a-teaser-title-inline-space-xs">12px</dimen>
+  <dimen name="a-teaser-title-inline-space-sm">12px</dimen>
+  <dimen name="b-teaser-title-inline-space">16px</dimen>
+  <dimen name="2xa-teaser-title-inline-space">16px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-md">12px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-lg">12px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-sm">12px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-xs">12px</dimen>
+  <dimen name="super-ateaser-title-inline-space">24px</dimen>
   <string name="avatar-font-family">Inter</string><!-- current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande -->
   <dimen name="avatar-font-size-sm">13px</dimen><!-- 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 -->
   <dimen name="avatar-font-size-lg">15px</dimen><!-- 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 -->

package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.xml

@@ -11,7 +11,7 @@
   <dimen name="page-inline-space">16px</dimen><!-- 0-0-0-16 – This token is used on the main homepages content container, ensuring full-width layout (no horizontal padding) on mobile and tablet breakpoints. -->
   <dimen name="grid-space-const-lg">16px</dimen><!-- 16-16-16-16 – use for fixed side paddings and gutters -->
   <dimen name="grid-space-const-sm">12px</dimen><!-- 12-12-12-12 – use for fixed side paddings and gutters -->
-  <dimen name="layout-guide-grid-colums">12px</dimen><!-- Used to set the column count in Figma Layout guide Grids -->
+  <integer name="layout-guide-grid-colums">12</integer><!-- Used to set the column count in Figma Layout guide Grids -->
   <dimen name="section-space-base">48px</dimen><!-- 36-36-48-48 – Use for vertical spacing between sections in a layout. -->
   <dimen name="section-space-lg">96px</dimen><!-- 72-72-96-96 – Use for vertical spacing between sections in a layout -->
   <dimen name="paragraph-end-space">32px</dimen><!-- 16-16-32-32 – Use for spacing after paragraphs in text content -->
@@ -76,15 +76,15 @@
   <string name="quote-font-weight">800</string>
   <string name="footnote-font-weight-book">400</string>
   <string name="footnote-font-weight-bold">700</string>
-  <dimen name="body-line-height">28.049999237060547px</dimen><!-- Figma's font line height currently does not allow for multipliers as is used on current website css var(--body-line-height) -->
-  <dimen name="kicker4-line-height">19.799999237060547px</dimen>
-  <dimen name="kicker3-line-height">24.200000762939453px</dimen>
-  <dimen name="kicker2-line-height">28.600000381469727px</dimen>
-  <dimen name="kicker1-line-height">35.20000076293945px</dimen>
-  <dimen name="label3-line-height">14.399999618530273px</dimen>
-  <dimen name="label1-line-height">20.399999618530273px</dimen><!-- This variable is used in the label1 text style's line height parameter. It references branding variables for brand specific line heights. -->
-  <dimen name="label1-responsive-line-height">20.399999618530273px</dimen>
-  <dimen name="label2-line-height">19.200000762939453px</dimen>
+  <dimen name="body-line-height">28.05px</dimen><!-- Figma's font line height currently does not allow for multipliers as is used on current website css var(--body-line-height) -->
+  <dimen name="kicker4-line-height">19.8px</dimen>
+  <dimen name="kicker3-line-height">24.2px</dimen>
+  <dimen name="kicker2-line-height">28.6px</dimen>
+  <dimen name="kicker1-line-height">35.2px</dimen>
+  <dimen name="label3-line-height">14.4px</dimen>
+  <dimen name="label1-line-height">20.4px</dimen><!-- This variable is used in the label1 text style's line height parameter. It references branding variables for brand specific line heights. -->
+  <dimen name="label1-responsive-line-height">20.4px</dimen>
+  <dimen name="label2-line-height">19.2px</dimen>
   <dimen name="label4-line-height">10px</dimen>
   <dimen name="display1-line-height">120px</dimen>
   <dimen name="display2-line-height">64px</dimen>
@@ -93,13 +93,13 @@
   <dimen name="title2-line-height">26px</dimen><!-- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
   <dimen name="quote-line-height">26px</dimen><!-- This variable is used in the quote text style line height parameter. -->
   <dimen name="footnote1-line-height">19px</dimen>
-  <dimen name="footnote2-line-height">17.030000686645508px</dimen>
+  <dimen name="footnote2-line-height">17.03px</dimen>
   <dimen name="headline1-line-height">88px</dimen>
-  <dimen name="headline2-line-height">57.599998474121094px</dimen>
-  <dimen name="headline3-line-height">39.099998474121094px</dimen>
-  <dimen name="headline4-line-height">29.899999618530273px</dimen>
-  <dimen name="callout-line-height">31.200000762939453px</dimen>
-  <dimen name="subheadline1-line-height">33.79999923706055px</dimen>
+  <dimen name="headline2-line-height">57.6px</dimen>
+  <dimen name="headline3-line-height">39.1px</dimen>
+  <dimen name="headline4-line-height">29.9px</dimen>
+  <dimen name="callout-line-height">31.2px</dimen>
+  <dimen name="subheadline1-line-height">33.8px</dimen>
   <dimen name="letter-spacing-positive-sm">0.5px</dimen><!-- 0.5 | 0.5 | 0.5 | 0.5 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
   <dimen name="letter-spacing-positive-lg">3px</dimen><!-- 2 | 2 | 2 | 3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
   <dimen name="letter-spacing-positive-md">1px</dimen><!-- 1 | 1 | 1 | 1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. -->
@@ -121,14 +121,14 @@
   <dimen name="border-radius-full">9999px</dimen><!-- creates fully rounded shapes, typically used for circular elements like avatars. -->
   <dimen name="border-width-thin">1px</dimen><!-- 1-1-1-1 – use for subtle outlines and dividers -->
   <dimen name="border-width-thick">2px</dimen><!-- 2-2-2-2 – use for stronger outlines on form elements (inputs), buttons (outline variants), and interaction states (focus, hover, active) -->
-  <dimen name="border-width-hairline">0.33000001311302185px</dimen><!-- 0.33 -0.33 -0.33 -0.33 – primarily used in mobile app interfaces. Optimized for high-density displays to create subtle dividers and outlines without visual overload. -->
-  <string name="visilble-mobile-only">false</string><!-- Use for showing elements on mobile viewport sizes only -->
-  <string name="visilble-desktop-only">true</string><!-- Use for showing elements on desktop viewport sizes only -->
-  <string name="visilble-above600px">true</string><!-- Use for showing elements on viewport sizes above 600 px -->
-  <string name="visilble-below600px">false</string><!-- Use for showing elements on viewport sizes below 600 px -->
-  <string name="hide-on-mobile">true</string><!-- Use for hiding elements on mobile viewport sizes -->
-  <string name="visilble-tablet-only">false</string><!-- Use for showing elements on tablet viewport sizes only -->
-  <string name="hide-on-desktop">false</string><!-- Use for hiding elements on desktop viewport sizes only -->
+  <dimen name="border-width-hairline">0.33px</dimen><!-- 0.33 -0.33 -0.33 -0.33 – primarily used in mobile app interfaces. Optimized for high-density displays to create subtle dividers and outlines without visual overload. -->
+  <dimen name="visilble-mobile-only">false</dimen><!-- Use for showing elements on mobile viewport sizes only -->
+  <dimen name="visilble-desktop-only">true</dimen><!-- Use for showing elements on desktop viewport sizes only -->
+  <dimen name="visilble-above600px">true</dimen><!-- Use for showing elements on viewport sizes above 600 px -->
+  <dimen name="visilble-below600px">false</dimen><!-- Use for showing elements on viewport sizes below 600 px -->
+  <dimen name="hide-on-mobile">true</dimen><!-- Use for hiding elements on mobile viewport sizes -->
+  <dimen name="visilble-tablet-only">false</dimen><!-- Use for showing elements on tablet viewport sizes only -->
+  <dimen name="hide-on-desktop">false</dimen><!-- Use for hiding elements on desktop viewport sizes only -->
   <string name="change-on-lg">lg</string>
   <string name="change-on-md">md/lg</string><!-- This variable is used for controlling size changes across device sizes on some components such as the vertical newsticker cards and the search results cards. Both have cards that change layouts at different breakpoints. -->
   <string name="bp-specific-web">lg</string>