@marioschmidt/design-system-tokens 1.0.41 → 1.0.42

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

@@ -121,29 +121,29 @@
   <dimen name="subheadline1-line-height-sm">24px</dimen>
   <dimen name="subheadline1-line-height-md">32px</dimen>
   <dimen name="subheadline1-line-height-lg">36px</dimen>
-  <dimen name="kicker1-line-height-xs">19.799999237060547px</dimen>
-  <dimen name="kicker1-line-height-sm">19.799999237060547px</dimen>
+  <dimen name="kicker1-line-height-xs">19.8px</dimen>
+  <dimen name="kicker1-line-height-sm">19.8px</dimen>
   <dimen name="kicker1-line-height-md">22px</dimen>
   <dimen name="kicker1-line-height-lg">30px</dimen>
-  <dimen name="kicker2-line-height-xs">19.799999237060547px</dimen>
-  <dimen name="kicker2-line-height-sm">19.799999237060547px</dimen>
+  <dimen name="kicker2-line-height-xs">19.8px</dimen>
+  <dimen name="kicker2-line-height-sm">19.8px</dimen>
   <dimen name="kicker2-line-height-md">22px</dimen>
   <dimen name="kicker2-line-height-lg">24px</dimen>
-  <dimen name="kicker3-line-height-xs">17.600000381469727px</dimen>
-  <dimen name="kicker3-line-height-sm">17.600000381469727px</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">18px</dimen>
   <dimen name="kicker3-line-height-lg">20px</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-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">16px</dimen>
   <dimen name="title1-line-height-xs">22px</dimen>
   <dimen name="title1-line-height-sm">22px</dimen>
   <dimen name="title1-line-height-md">22px</dimen>
   <dimen name="title1-line-height-lg">28px</dimen>
-  <dimen name="title2-line-height-xs">17.600000381469727px</dimen>
-  <dimen name="title2-line-height-sm">17.600000381469727px</dimen>
-  <dimen name="title2-line-height-md">19.799999237060547px</dimen>
+  <dimen name="title2-line-height-xs">17.6px</dimen>
+  <dimen name="title2-line-height-sm">17.6px</dimen>
+  <dimen name="title2-line-height-md">19.8px</dimen>
   <dimen name="title2-line-height-lg">22px</dimen>
   <dimen name="callout1-line-height-xs">18px</dimen>
   <dimen name="callout1-line-height-sm">18px</dimen>
@@ -157,9 +157,9 @@
   <dimen name="footnote1-line-height-sm">21px</dimen>
   <dimen name="footnote1-line-height-md">21px</dimen>
   <dimen name="footnote1-line-height-lg">23px</dimen>
-  <dimen name="footnote2-line-height-xs">15.600000381469727px</dimen>
-  <dimen name="footnote2-line-height-sm">15.600000381469727px</dimen>
-  <dimen name="footnote2-line-height-md">15.800000190734863px</dimen>
+  <dimen name="footnote2-line-height-xs">15.6px</dimen>
+  <dimen name="footnote2-line-height-sm">15.6px</dimen>
+  <dimen name="footnote2-line-height-md">15.8px</dimen>
   <dimen name="footnote2-line-height-lg">21px</dimen>
   <dimen name="label1-line-height">17px</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">10px</dimen><!-- Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. -->
@@ -167,7 +167,7 @@
   <dimen name="label1-resp-line-height-md">15px</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">17px</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">16px</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="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">16px</dimen>
   <dimen name="quote-line-height-sm">16px</dimen>
@@ -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">700</string>
-  <string name="teaser-title-inline-space-lg">12</string><!-- --teaser-title-padding-lg -->
-  <string name="teaser-title-inline-space-md">12</string><!-- --teaser-title-padding-md -->
-  <string name="teaser-title-inline-space-sm">8</string><!-- --teaser-title-padding-sm -->
-  <string name="teaser-title-inline-space-xs">8</string><!-- --teaser-title-padding-xs -->
-  <string name="q-teaser-title-inline-space-lg">12</string>
-  <string name="q-teaser-title-inline-space-md">16</string>
-  <string name="q-teaser-title-inline-space-sm">8</string>
-  <string name="q-teaser-title-inline-space-xs">8</string>
-  <string name="a-teaser-title-inline-space-lg">12</string>
-  <string name="a-teaser-title-inline-space-md">12</string>
-  <string name="a-teaser-title-inline-space-xs">8</string>
-  <string name="a-teaser-title-inline-space-sm">8</string>
-  <string name="b-teaser-title-inline-space">8</string>
-  <string name="2xa-teaser-title-inline-space">8</string>
-  <string name="mini-qteaser-title-inline-space-md">8</string>
-  <string name="mini-qteaser-title-inline-space-lg">8</string>
-  <string name="mini-qteaser-title-inline-space-sm">8</string>
-  <string name="mini-qteaser-title-inline-space-xs">8</string>
-  <string name="super-ateaser-title-inline-space">16</string>
+  <dimen name="teaser-title-inline-space-lg">12px</dimen><!-- --teaser-title-padding-lg -->
+  <dimen name="teaser-title-inline-space-md">12px</dimen><!-- --teaser-title-padding-md -->
+  <dimen name="teaser-title-inline-space-sm">8px</dimen><!-- --teaser-title-padding-sm -->
+  <dimen name="teaser-title-inline-space-xs">8px</dimen><!-- --teaser-title-padding-xs -->
+  <dimen name="q-teaser-title-inline-space-lg">12px</dimen>
+  <dimen name="q-teaser-title-inline-space-md">16px</dimen>
+  <dimen name="q-teaser-title-inline-space-sm">8px</dimen>
+  <dimen name="q-teaser-title-inline-space-xs">8px</dimen>
+  <dimen name="a-teaser-title-inline-space-lg">12px</dimen>
+  <dimen name="a-teaser-title-inline-space-md">12px</dimen>
+  <dimen name="a-teaser-title-inline-space-xs">8px</dimen>
+  <dimen name="a-teaser-title-inline-space-sm">8px</dimen>
+  <dimen name="b-teaser-title-inline-space">8px</dimen>
+  <dimen name="2xa-teaser-title-inline-space">8px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-md">8px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-lg">8px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-sm">8px</dimen>
+  <dimen name="mini-qteaser-title-inline-space-xs">8px</dimen>
+  <dimen name="super-ateaser-title-inline-space">16px</dimen>
   <string name="avatar-font-family">Gotham XNarrow</string><!-- current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande -->
   <dimen name="avatar-font-size-sm">16px</dimen><!-- 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 -->
   <dimen name="avatar-font-size-lg">18px</dimen><!-- 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 -->

package/dist/android/res/values/brands/bild/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 -->
@@ -81,7 +81,7 @@
   <dimen name="kicker3-line-height">20px</dimen>
   <dimen name="kicker2-line-height">24px</dimen>
   <dimen name="kicker1-line-height">30px</dimen>
-  <dimen name="label3-line-height">14.399999618530273px</dimen>
+  <dimen name="label3-line-height">14.4px</dimen>
   <dimen name="label1-line-height">17px</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">17px</dimen>
   <dimen name="label2-line-height">16px</dimen>
@@ -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>

package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-md-600px.xml

@@ -11,7 +11,7 @@
   <dimen name="page-inline-space">0px</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">8px</dimen><!-- Used to set the column count in Figma Layout guide Grids -->
+  <integer name="layout-guide-grid-colums">8</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 -->
@@ -77,11 +77,11 @@
   <string name="footnote-font-weight-book">400</string>
   <string name="footnote-font-weight-bold">700</string>
   <dimen name="body-line-height">28px</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">17.600000381469727px</dimen>
+  <dimen name="kicker4-line-height">17.6px</dimen>
   <dimen name="kicker3-line-height">18px</dimen>
   <dimen name="kicker2-line-height">22px</dimen>
   <dimen name="kicker1-line-height">22px</dimen>
-  <dimen name="label3-line-height">14.399999618530273px</dimen>
+  <dimen name="label3-line-height">14.4px</dimen>
   <dimen name="label1-line-height">17px</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">15px</dimen>
   <dimen name="label2-line-height">16px</dimen>
@@ -90,10 +90,10 @@
   <dimen name="display2-line-height">42px</dimen>
   <dimen name="display3-line-height">32px</dimen>
   <dimen name="title1-line-height">22px</dimen>
-  <dimen name="title2-line-height">19.799999237060547px</dimen><!-- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
+  <dimen name="title2-line-height">19.8px</dimen><!-- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
   <dimen name="quote-line-height">18px</dimen><!-- This variable is used in the quote text style line height parameter. -->
   <dimen name="footnote1-line-height">21px</dimen>
-  <dimen name="footnote2-line-height">15.800000190734863px</dimen>
+  <dimen name="footnote2-line-height">15.8px</dimen>
   <dimen name="headline1-line-height">72px</dimen>
   <dimen name="headline2-line-height">48px</dimen>
   <dimen name="headline3-line-height">36px</dimen>
@@ -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">false</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">true</string><!-- Use for showing elements on tablet viewport sizes only -->
-  <string name="hide-on-desktop">true</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">false</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">true</dimen><!-- Use for showing elements on tablet viewport sizes only -->
+  <dimen name="hide-on-desktop">true</dimen><!-- Use for hiding elements on desktop viewport sizes only -->
   <string name="change-on-lg">xs/sm/md</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">md</string>

package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.xml

@@ -11,7 +11,7 @@
   <dimen name="page-inline-space">0px</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">4px</dimen><!-- Used to set the column count in Figma Layout guide Grids -->
+  <integer name="layout-guide-grid-colums">4</integer><!-- Used to set the column count in Figma Layout guide Grids -->
   <dimen name="section-space-base">36px</dimen><!-- 36-36-48-48 – Use for vertical spacing between sections in a layout. -->
   <dimen name="section-space-lg">72px</dimen><!-- 72-72-96-96 – Use for vertical spacing between sections in a layout -->
   <dimen name="paragraph-end-space">16px</dimen><!-- 16-16-32-32 – Use for spacing after paragraphs in text content -->
@@ -77,11 +77,11 @@
   <string name="footnote-font-weight-book">400</string>
   <string name="footnote-font-weight-bold">700</string>
   <dimen name="body-line-height">28px</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">15.399999618530273px</dimen>
-  <dimen name="kicker3-line-height">17.600000381469727px</dimen>
-  <dimen name="kicker2-line-height">19.799999237060547px</dimen>
-  <dimen name="kicker1-line-height">19.799999237060547px</dimen>
-  <dimen name="label3-line-height">14.399999618530273px</dimen>
+  <dimen name="kicker4-line-height">15.4px</dimen>
+  <dimen name="kicker3-line-height">17.6px</dimen>
+  <dimen name="kicker2-line-height">19.8px</dimen>
+  <dimen name="kicker1-line-height">19.8px</dimen>
+  <dimen name="label3-line-height">14.4px</dimen>
   <dimen name="label1-line-height">17px</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">10px</dimen>
   <dimen name="label2-line-height">16px</dimen>
@@ -90,10 +90,10 @@
   <dimen name="display2-line-height">36px</dimen>
   <dimen name="display3-line-height">28px</dimen>
   <dimen name="title1-line-height">22px</dimen>
-  <dimen name="title2-line-height">17.600000381469727px</dimen><!-- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
+  <dimen name="title2-line-height">17.6px</dimen><!-- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
   <dimen name="quote-line-height">16px</dimen><!-- This variable is used in the quote text style line height parameter. -->
   <dimen name="footnote1-line-height">21px</dimen>
-  <dimen name="footnote2-line-height">15.600000381469727px</dimen>
+  <dimen name="footnote2-line-height">15.6px</dimen>
   <dimen name="headline1-line-height">48px</dimen>
   <dimen name="headline2-line-height">40px</dimen>
   <dimen name="headline3-line-height">28px</dimen>
@@ -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">true</string><!-- Use for showing elements on mobile viewport sizes only -->
-  <string name="visilble-desktop-only">false</string><!-- Use for showing elements on desktop viewport sizes only -->
-  <string name="visilble-above600px">false</string><!-- Use for showing elements on viewport sizes above 600 px -->
-  <string name="visilble-below600px">true</string><!-- Use for showing elements on viewport sizes below 600 px -->
-  <string name="hide-on-mobile">false</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">true</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">true</dimen><!-- Use for showing elements on mobile viewport sizes only -->
+  <dimen name="visilble-desktop-only">false</dimen><!-- Use for showing elements on desktop viewport sizes only -->
+  <dimen name="visilble-above600px">false</dimen><!-- Use for showing elements on viewport sizes above 600 px -->
+  <dimen name="visilble-below600px">true</dimen><!-- Use for showing elements on viewport sizes below 600 px -->
+  <dimen name="hide-on-mobile">false</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">true</dimen><!-- Use for hiding elements on desktop viewport sizes only -->
   <string name="change-on-lg">xs/sm/md</string>
   <string name="change-on-md">xs/sm</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">xs/sm</string>

package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-xs-320px.xml

@@ -11,7 +11,7 @@
   <dimen name="page-inline-space">0px</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">4px</dimen><!-- Used to set the column count in Figma Layout guide Grids -->
+  <integer name="layout-guide-grid-colums">4</integer><!-- Used to set the column count in Figma Layout guide Grids -->
   <dimen name="section-space-base">36px</dimen><!-- 36-36-48-48 – Use for vertical spacing between sections in a layout. -->
   <dimen name="section-space-lg">72px</dimen><!-- 72-72-96-96 – Use for vertical spacing between sections in a layout -->
   <dimen name="paragraph-end-space">16px</dimen><!-- 16-16-32-32 – Use for spacing after paragraphs in text content -->
@@ -77,11 +77,11 @@
   <string name="footnote-font-weight-book">400</string>
   <string name="footnote-font-weight-bold">700</string>
   <dimen name="body-line-height">28px</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">15.399999618530273px</dimen>
-  <dimen name="kicker3-line-height">17.600000381469727px</dimen>
-  <dimen name="kicker2-line-height">19.799999237060547px</dimen>
-  <dimen name="kicker1-line-height">19.799999237060547px</dimen>
-  <dimen name="label3-line-height">14.399999618530273px</dimen>
+  <dimen name="kicker4-line-height">15.4px</dimen>
+  <dimen name="kicker3-line-height">17.6px</dimen>
+  <dimen name="kicker2-line-height">19.8px</dimen>
+  <dimen name="kicker1-line-height">19.8px</dimen>
+  <dimen name="label3-line-height">14.4px</dimen>
   <dimen name="label1-line-height">17px</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">10px</dimen>
   <dimen name="label2-line-height">16px</dimen>
@@ -90,10 +90,10 @@
   <dimen name="display2-line-height">36px</dimen>
   <dimen name="display3-line-height">28px</dimen>
   <dimen name="title1-line-height">22px</dimen>
-  <dimen name="title2-line-height">17.600000381469727px</dimen><!-- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
+  <dimen name="title2-line-height">17.6px</dimen><!-- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) -->
   <dimen name="quote-line-height">16px</dimen><!-- This variable is used in the quote text style line height parameter. -->
   <dimen name="footnote1-line-height">21px</dimen>
-  <dimen name="footnote2-line-height">15.600000381469727px</dimen>
+  <dimen name="footnote2-line-height">15.6px</dimen>
   <dimen name="headline1-line-height">48px</dimen>
   <dimen name="headline2-line-height">40px</dimen>
   <dimen name="headline3-line-height">28px</dimen>
@@ -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">true</string><!-- Use for showing elements on mobile viewport sizes only -->
-  <string name="visilble-desktop-only">false</string><!-- Use for showing elements on desktop viewport sizes only -->
-  <string name="visilble-above600px">false</string><!-- Use for showing elements on viewport sizes above 600 px -->
-  <string name="visilble-below600px">true</string><!-- Use for showing elements on viewport sizes below 600 px -->
-  <string name="hide-on-mobile">false</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">true</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">true</dimen><!-- Use for showing elements on mobile viewport sizes only -->
+  <dimen name="visilble-desktop-only">false</dimen><!-- Use for showing elements on desktop viewport sizes only -->
+  <dimen name="visilble-above600px">false</dimen><!-- Use for showing elements on viewport sizes above 600 px -->
+  <dimen name="visilble-below600px">true</dimen><!-- Use for showing elements on viewport sizes below 600 px -->
+  <dimen name="hide-on-mobile">false</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">true</dimen><!-- Use for hiding elements on desktop viewport sizes only -->
   <string name="change-on-lg">xs/sm/md</string>
   <string name="change-on-md">xs/sm</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">xs/sm</string>

package/dist/android/res/values/brands/bild/semantic/color/colormode-dark.xml

@@ -34,7 +34,7 @@
   <color name="headline-color-white-const">#ffffff</color><!-- Fixed white heading color used on dark or colored backgrounds (e.g., hero sections, banners) that remain constant across modes. Behavior: Constant — remains white in both Light and Dark mode. -->
   <color name="kicker-text-color-on-red">#ffffff</color><!-- Specialized kicker color for use on red or brand-colored backgrounds (e.g., red kicker bg within teaser cards). Behavior: Constant — remains consistent across light and darkmode. -->
   <color name="kicker-text-color-on-dark-bg">#ffffffcc</color><!-- Applied to kicker or meta text on dark colored backgrounds to maintain high legibility. Behavior: Constant — always uses semi-transparent white for consistent readability. -->
-  <color name="kicker-text-color-on-bright-bg">#000000b2</color><!-- Used for kicker text placed on bright or light colored backgrounds. Ensures balanced contrast without harsh visual dominance. Behavior: Constant — remains semi-transparent black across both modes. -->
+  <color name="kicker-text-color-on-bright-bg">#000000b3</color><!-- Used for kicker text placed on bright or light colored backgrounds. Ensures balanced contrast without harsh visual dominance. Behavior: Constant — remains semi-transparent black across both modes. -->
   <color name="color-secondary-active">#f2f4f5</color><!-- Defines the active state color for secondary actions (e.g., secondary buttons, tabs, or toggles). Behavior: Dynamic - light gray in Light mode and bright gray in Dark mode to maintain perceptual balance. -->
   <color name="color-primary-active">#dd0000</color><!-- Used to represent the active or pressed state of primary actions such as tabs or links. Behavior: Constant - identical value across modes for consistent interaction feedback. -->
   <color name="color-secondary-disabled">#4b525a</color><!-- Used for disabled secondary elements, ensuring reduced visual prominence while maintaining legibility. Behavior: Dynamic - adapts neutral tones based on theme brightness. -->
@@ -77,18 +77,18 @@
   <color name="attention-color-success-primary">#00c373</color><!-- Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. -->
   <color name="attention-color-extra-low">#343c41</color><!-- Very low-contrast background tone used for information or system-neutral surfaces, often for tooltips or quiet information highlights. Dynamic — light neutral in Light mode and dark neutral in Dark mode. -->
   <color name="attention-color-success-secondary">#006e3e</color><!-- Secondary success tone used for secondary states. Maintains the same color in both Light and Dark mode for clarity. -->
-  <color name="overlay-scrim-black">#000000b2</color><!-- A semi-transparent black overlay used to dim background content when modals, drawers, or dialogs are active. Identical opacity and tone in both Light and Dark mode to ensure consistent overlay depth. -->
-  <color name="overlay-scrim-white">#ffffffb2</color><!-- A semi-transparent white overlay used to brighten or fade background layers, often applied behind bottom sheets or temporary panels. Behavior: Constant — same opacity level across modes to preserve uniform layering behavior. -->
-  <string name="layer-opacity05">5</string>
-  <string name="layer-opacity10">10</string>
-  <string name="layer-opacity20">20</string>
-  <string name="layer-opacity30">30</string>
-  <string name="layer-opacity40">40</string>
-  <string name="layer-opacity50">50</string>
-  <string name="layer-opacity60">60</string>
-  <string name="layer-opacity70">70</string>
-  <string name="layer-opacity80">80</string>
-  <string name="layer-opacity90">90</string>
-  <string name="layer-opacity100">100</string>
+  <color name="overlay-scrim-black">#000000b3</color><!-- A semi-transparent black overlay used to dim background content when modals, drawers, or dialogs are active. Identical opacity and tone in both Light and Dark mode to ensure consistent overlay depth. -->
+  <color name="overlay-scrim-white">#ffffffb3</color><!-- A semi-transparent white overlay used to brighten or fade background layers, often applied behind bottom sheets or temporary panels. Behavior: Constant — same opacity level across modes to preserve uniform layering behavior. -->
+  <string name="layer-opacity05">0.05</string>
+  <string name="layer-opacity10">0.1</string>
+  <string name="layer-opacity20">0.2</string>
+  <string name="layer-opacity30">0.3</string>
+  <string name="layer-opacity40">0.4</string>
+  <string name="layer-opacity50">0.5</string>
+  <string name="layer-opacity60">0.6</string>
+  <string name="layer-opacity70">0.7</string>
+  <string name="layer-opacity80">0.8</string>
+  <string name="layer-opacity90">0.9</string>
+  <string name="layer-opacity100">1</string>
   <string name="layer-opacity00">0</string>
 </resources>

package/dist/android/res/values/brands/bild/semantic/color/colormode-light.xml

@@ -34,7 +34,7 @@
   <color name="headline-color-white-const">#ffffff</color><!-- Fixed white heading color used on dark or colored backgrounds (e.g., hero sections, banners) that remain constant across modes. Behavior: Constant — remains white in both Light and Dark mode. -->
   <color name="kicker-text-color-on-red">#ffffff</color><!-- Specialized kicker color for use on red or brand-colored backgrounds (e.g., red kicker bg within teaser cards). Behavior: Constant — remains consistent across light and darkmode. -->
   <color name="kicker-text-color-on-dark-bg">#ffffffcc</color><!-- Applied to kicker or meta text on dark colored backgrounds to maintain high legibility. Behavior: Constant — always uses semi-transparent white for consistent readability. -->
-  <color name="kicker-text-color-on-bright-bg">#000000b2</color><!-- Used for kicker text placed on bright or light colored backgrounds. Ensures balanced contrast without harsh visual dominance. Behavior: Constant — remains semi-transparent black across both modes. -->
+  <color name="kicker-text-color-on-bright-bg">#000000b3</color><!-- Used for kicker text placed on bright or light colored backgrounds. Ensures balanced contrast without harsh visual dominance. Behavior: Constant — remains semi-transparent black across both modes. -->
   <color name="color-secondary-active">#232629</color><!-- Defines the active state color for secondary actions (e.g., secondary buttons, tabs, or toggles). Behavior: Dynamic - light gray in Light mode and bright gray in Dark mode to maintain perceptual balance. -->
   <color name="color-primary-active">#dd0000</color><!-- Used to represent the active or pressed state of primary actions such as tabs or links. Behavior: Constant - identical value across modes for consistent interaction feedback. -->
   <color name="color-secondary-disabled">#e9ecef</color><!-- Used for disabled secondary elements, ensuring reduced visual prominence while maintaining legibility. Behavior: Dynamic - adapts neutral tones based on theme brightness. -->
@@ -77,18 +77,18 @@
   <color name="attention-color-success-primary">#00c373</color><!-- Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. -->
   <color name="attention-color-extra-low">#ffffff</color><!-- Very low-contrast background tone used for information or system-neutral surfaces, often for tooltips or quiet information highlights. Dynamic — light neutral in Light mode and dark neutral in Dark mode. -->
   <color name="attention-color-success-secondary">#006e3e</color><!-- Secondary success tone used for secondary states. Maintains the same color in both Light and Dark mode for clarity. -->
-  <color name="overlay-scrim-black">#000000b2</color><!-- A semi-transparent black overlay used to dim background content when modals, drawers, or dialogs are active. Identical opacity and tone in both Light and Dark mode to ensure consistent overlay depth. -->
-  <color name="overlay-scrim-white">#ffffffb2</color><!-- A semi-transparent white overlay used to brighten or fade background layers, often applied behind bottom sheets or temporary panels. Behavior: Constant — same opacity level across modes to preserve uniform layering behavior. -->
-  <string name="layer-opacity05">5</string>
-  <string name="layer-opacity10">10</string>
-  <string name="layer-opacity20">20</string>
-  <string name="layer-opacity30">30</string>
-  <string name="layer-opacity40">40</string>
-  <string name="layer-opacity50">50</string>
-  <string name="layer-opacity60">60</string>
-  <string name="layer-opacity70">70</string>
-  <string name="layer-opacity80">80</string>
-  <string name="layer-opacity90">90</string>
-  <string name="layer-opacity100">100</string>
+  <color name="overlay-scrim-black">#000000b3</color><!-- A semi-transparent black overlay used to dim background content when modals, drawers, or dialogs are active. Identical opacity and tone in both Light and Dark mode to ensure consistent overlay depth. -->
+  <color name="overlay-scrim-white">#ffffffb3</color><!-- A semi-transparent white overlay used to brighten or fade background layers, often applied behind bottom sheets or temporary panels. Behavior: Constant — same opacity level across modes to preserve uniform layering behavior. -->
+  <string name="layer-opacity05">0.05</string>
+  <string name="layer-opacity10">0.1</string>
+  <string name="layer-opacity20">0.2</string>
+  <string name="layer-opacity30">0.3</string>
+  <string name="layer-opacity40">0.4</string>
+  <string name="layer-opacity50">0.5</string>
+  <string name="layer-opacity60">0.6</string>
+  <string name="layer-opacity70">0.7</string>
+  <string name="layer-opacity80">0.8</string>
+  <string name="layer-opacity90">0.9</string>
+  <string name="layer-opacity100">1</string>
   <string name="layer-opacity00">0</string>
 </resources>

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

@@ -11,7 +11,7 @@
   <dimen name="article-gallery-ateaser-width">260px</dimen><!-- same as standard teaser width size variable -->
   <dimen name="article-image-caption-font-size">13px</dimen><!-- CSS --article-figure-meta-font-size 16-16-18-18 -->
   <dimen name="article-image-source-font-size">13px</dimen><!-- NMT CSS --article-figure-meta-font-size -->
-  <dimen name="article-image-caption-line-height">16.899999618530273px</dimen><!-- this component level variable references the branding variables -->
+  <dimen name="article-image-caption-line-height">16.9px</dimen><!-- this component level variable references the branding variables -->
   <dimen name="article-image-source-line-height">17px</dimen>
   <dimen name="article-content-stack-space">24px</dimen><!-- 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. -->
   <dimen name="article-headings-stack-space">12px</dimen><!-- 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 -->

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

@@ -11,7 +11,7 @@
   <dimen name="article-gallery-ateaser-width">145px</dimen><!-- same as standard teaser width size variable -->
   <dimen name="article-image-caption-font-size">13px</dimen><!-- CSS --article-figure-meta-font-size 16-16-18-18 -->
   <dimen name="article-image-source-font-size">13px</dimen><!-- NMT CSS --article-figure-meta-font-size -->
-  <dimen name="article-image-caption-line-height">16.899999618530273px</dimen><!-- this component level variable references the branding variables -->
+  <dimen name="article-image-caption-line-height">16.9px</dimen><!-- this component level variable references the branding variables -->
   <dimen name="article-image-source-line-height">17px</dimen>
   <dimen name="article-content-stack-space">16px</dimen><!-- 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. -->
   <dimen name="article-headings-stack-space">12px</dimen><!-- 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 -->

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

@@ -11,7 +11,7 @@
   <dimen name="article-gallery-ateaser-width">145px</dimen><!-- same as standard teaser width size variable -->
   <dimen name="article-image-caption-font-size">13px</dimen><!-- CSS --article-figure-meta-font-size 16-16-18-18 -->
   <dimen name="article-image-source-font-size">13px</dimen><!-- NMT CSS --article-figure-meta-font-size -->
-  <dimen name="article-image-caption-line-height">16.899999618530273px</dimen><!-- this component level variable references the branding variables -->
+  <dimen name="article-image-caption-line-height">16.9px</dimen><!-- this component level variable references the branding variables -->
   <dimen name="article-image-source-line-height">17px</dimen>
   <dimen name="article-content-stack-space">16px</dimen><!-- 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. -->
   <dimen name="article-headings-stack-space">12px</dimen><!-- 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 -->

package/dist/android/res/values/brands/sportbild/components/Article/article-overrides.xml

@@ -12,10 +12,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 -->

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

@@ -13,5 +13,5 @@
   <dimen name="vid-player-timecode-font-size">18px</dimen>
   <dimen name="vid-player-timecode-container-min-width-size">58px</dimen>
   <dimen name="vid-player-progress-bar-container-height-size">42px</dimen>
-  <dimen name="vid-player-unmute-button-width-size">220px</dimen>
+  <integer name="vid-player-unmute-button-width-size">220</integer>
 </resources>

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

@@ -13,5 +13,5 @@
   <dimen name="vid-player-timecode-font-size">16px</dimen>
   <dimen name="vid-player-timecode-container-min-width-size">58px</dimen>
   <dimen name="vid-player-progress-bar-container-height-size">24px</dimen>
-  <dimen name="vid-player-unmute-button-width-size">220px</dimen>
+  <integer name="vid-player-unmute-button-width-size">220</integer>
 </resources>

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

@@ -13,5 +13,5 @@
   <dimen name="vid-player-timecode-font-size">14px</dimen>
   <dimen name="vid-player-timecode-container-min-width-size">45px</dimen>
   <dimen name="vid-player-progress-bar-container-height-size">24px</dimen>
-  <dimen name="vid-player-unmute-button-width-size">220px</dimen>
+  <integer name="vid-player-unmute-button-width-size">220</integer>
 </resources>

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

@@ -13,5 +13,5 @@
   <dimen name="vid-player-timecode-font-size">14px</dimen>
   <dimen name="vid-player-timecode-container-min-width-size">45px</dimen>
   <dimen name="vid-player-progress-bar-container-height-size">24px</dimen>
-  <dimen name="vid-player-unmute-button-width-size">220px</dimen>
+  <integer name="vid-player-unmute-button-width-size">220</integer>
 </resources>

package/dist/android/res/values/brands/sportbild/components/Mediaplayer/mediaplayer-color-dark.xml

@@ -9,7 +9,7 @@
   <color name="vid-player-control-buttons-bg-color-hover">#00000033</color>
   <color name="vid-player-overlay-scrim-color">#00000080</color>
   <color name="audio-player-play-button-bg-color">#ffffff4d</color>
-  <color name="vid-player-tooltip-bg-color">#000000b2</color>
+  <color name="vid-player-tooltip-bg-color">#000000b3</color>
   <color name="vid-player-control-buttons-bg-color-pressed">#0000000d</color>
   <color name="vid-player-progress-bar-preload-bg-color">#ffffff4d</color>
   <color name="vid-player-unmute-button-bg-color">#00000033</color>

package/dist/android/res/values/brands/sportbild/components/Mediaplayer/mediaplayer-color-light.xml

@@ -9,7 +9,7 @@
   <color name="vid-player-control-buttons-bg-color-hover">#00000033</color>
   <color name="vid-player-overlay-scrim-color">#00000080</color>
   <color name="audio-player-play-button-bg-color">#ffffff4d</color>
-  <color name="vid-player-tooltip-bg-color">#000000b2</color>
+  <color name="vid-player-tooltip-bg-color">#000000b3</color>
   <color name="vid-player-control-buttons-bg-color-pressed">#0000000d</color>
   <color name="vid-player-progress-bar-preload-bg-color">#ffffff4d</color>
   <color name="vid-player-unmute-button-bg-color">#00000033</color>

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

@@ -7,7 +7,7 @@
   <dimen name="news-ticker-time-font-size">18px</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">23.399999618530273px</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">23.4px</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">30px</dimen>

package/dist/android/res/values/brands/sportbild/components/NewsTicker/newsticker-breakpoint-md-600px.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">24px</dimen>