@marioschmidt/design-system-tokens 1.0.13 → 1.0.15

package/dist/android/res/values/semantic/bild/color/color_bild_dark.xml

@@ -133,18 +133,18 @@ Behavior: Dynamic — adapts between mid-grays for Light and Dark surfaces. -->
 Behavior: Constant — identical tone across both modes for stable hierarchy. -->
   <color name="semantic_label_label_color_disabled">#ff4a5259</color><!-- Disabled label tone indicating inactive or unavailable states in UI elements.
 Behavior: Dynamic — lighter gray in Light mode, darker neutral in Dark mode. -->
-  <integer name="semantic_layer_opacity_layer_opacity00">0</integer>
-  <integer name="semantic_layer_opacity_layer_opacity05">5</integer>
-  <integer name="semantic_layer_opacity_layer_opacity10">10</integer>
-  <integer name="semantic_layer_opacity_layer_opacity20">20</integer>
-  <integer name="semantic_layer_opacity_layer_opacity30">30</integer>
-  <integer name="semantic_layer_opacity_layer_opacity40">40</integer>
-  <integer name="semantic_layer_opacity_layer_opacity50">50</integer>
-  <integer name="semantic_layer_opacity_layer_opacity60">60</integer>
-  <integer name="semantic_layer_opacity_layer_opacity70">70</integer>
-  <integer name="semantic_layer_opacity_layer_opacity80">80</integer>
-  <integer name="semantic_layer_opacity_layer_opacity90">90</integer>
-  <integer name="semantic_layer_opacity_layer_opacity100">100</integer>
+  <string name="semantic_layer_opacity_layer_opacity00">0</string>
+  <string name="semantic_layer_opacity_layer_opacity05">5</string>
+  <string name="semantic_layer_opacity_layer_opacity10">10</string>
+  <string name="semantic_layer_opacity_layer_opacity20">20</string>
+  <string name="semantic_layer_opacity_layer_opacity30">30</string>
+  <string name="semantic_layer_opacity_layer_opacity40">40</string>
+  <string name="semantic_layer_opacity_layer_opacity50">50</string>
+  <string name="semantic_layer_opacity_layer_opacity60">60</string>
+  <string name="semantic_layer_opacity_layer_opacity70">70</string>
+  <string name="semantic_layer_opacity_layer_opacity80">80</string>
+  <string name="semantic_layer_opacity_layer_opacity90">90</string>
+  <string name="semantic_layer_opacity_layer_opacity100">100</string>
   <color name="component_avatar_avatar_label_color">#ffffffff</color><!-- 09-2025 css --article-author-name-color -->
   <color name="component_avatar_avatar_label_color_hover">#ffde0000</color><!-- 09-2025 css --article-author-name-color -->
   <color name="component_alert_alert_surface_color">#ff333d40</color><!-- On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 -->
@@ -243,11 +243,11 @@ Behavior: Dynamic — lighter gray in Light mode, darker neutral in Dark mode. -
   <color name="component_newsticker_news_ticker_badge_icons_color">#ff8c9196</color>
   <color name="component_pagination_pagination_element_color_default">#ff8c9196</color>
   <color name="component_pagination_pagination_element_color_active">#ffffffff</color>
-  <integer name="component_pagination_gallery_pagination_element_active_opacity">100</integer><!-- Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. -->
+  <string name="component_pagination_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. -->
   <color name="component_pagination_scroll_bar_track_bg_color">#1affffff</color><!-- Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements. -->
   <color name="component_pagination_scroll_bar_thumb_bg_color">#ff8c9196</color><!-- Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space. -->
   <color name="component_selection_selection_border_color">#ff8c9196</color><!-- Checkboxes and Radio buttons use this variable for their border. -->
-  <integer name="component_slider_slider_button_opacity">90</integer><!-- When users hover on gallery slider buttons the opacity changes to 90%. -->
+  <string name="component_slider_slider_button_opacity">90</string><!-- When users hover on gallery slider buttons the opacity changes to 90%. -->
   <color name="component_slider_slider_track_bg_color">#59ffffff</color><!-- This variable is used on audio player slider bars. It references a pure white with 35% opacity. -->
   <color name="component_social_share_button_social_share_button_label_color_default">#ffffffff</color>
   <color name="component_social_share_button_social_share_button_label_color_active">#ffffffff</color>
@@ -258,7 +258,7 @@ Behavior: Dynamic — lighter gray in Light mode, darker neutral in Dark mode. -
   <color name="component_tab_tab_label_color_active">#fff2f5f5</color>
   <color name="component_tab_tab_label_color_default">#ffffffff</color>
   <color name="component_tab_app_bottom_tab_bar_bg_color">#ff333d40</color>
-  <integer name="component_teaser_teaser_hover_opacity">80</integer><!-- When users hover over graphical teasers the image reduces opacity to 80%. -->
+  <string name="component_teaser_teaser_hover_opacity">80</string><!-- When users hover over graphical teasers the image reduces opacity to 80%. -->
   <color name="component_teaser_teaser_title_background_gradient_start">#b3000000</color>
   <color name="component_teaser_teaser_title_background_gradient_stop">#00000000</color>
   <color name="component_text_link_text_link_color_primary">#ff8c9196</color>

package/dist/android/res/values/semantic/bild/color/color_bild_light.xml

@@ -133,18 +133,18 @@ Behavior: Dynamic — adapts between mid-grays for Light and Dark surfaces. -->
 Behavior: Constant — identical tone across both modes for stable hierarchy. -->
   <color name="semantic_label_label_color_disabled">#ffcfd4d9</color><!-- Disabled label tone indicating inactive or unavailable states in UI elements.
 Behavior: Dynamic — lighter gray in Light mode, darker neutral in Dark mode. -->
-  <integer name="semantic_layer_opacity_layer_opacity00">0</integer>
-  <integer name="semantic_layer_opacity_layer_opacity05">5</integer>
-  <integer name="semantic_layer_opacity_layer_opacity10">10</integer>
-  <integer name="semantic_layer_opacity_layer_opacity20">20</integer>
-  <integer name="semantic_layer_opacity_layer_opacity30">30</integer>
-  <integer name="semantic_layer_opacity_layer_opacity40">40</integer>
-  <integer name="semantic_layer_opacity_layer_opacity50">50</integer>
-  <integer name="semantic_layer_opacity_layer_opacity60">60</integer>
-  <integer name="semantic_layer_opacity_layer_opacity70">70</integer>
-  <integer name="semantic_layer_opacity_layer_opacity80">80</integer>
-  <integer name="semantic_layer_opacity_layer_opacity90">90</integer>
-  <integer name="semantic_layer_opacity_layer_opacity100">100</integer>
+  <string name="semantic_layer_opacity_layer_opacity00">0</string>
+  <string name="semantic_layer_opacity_layer_opacity05">5</string>
+  <string name="semantic_layer_opacity_layer_opacity10">10</string>
+  <string name="semantic_layer_opacity_layer_opacity20">20</string>
+  <string name="semantic_layer_opacity_layer_opacity30">30</string>
+  <string name="semantic_layer_opacity_layer_opacity40">40</string>
+  <string name="semantic_layer_opacity_layer_opacity50">50</string>
+  <string name="semantic_layer_opacity_layer_opacity60">60</string>
+  <string name="semantic_layer_opacity_layer_opacity70">70</string>
+  <string name="semantic_layer_opacity_layer_opacity80">80</string>
+  <string name="semantic_layer_opacity_layer_opacity90">90</string>
+  <string name="semantic_layer_opacity_layer_opacity100">100</string>
   <color name="component_avatar_avatar_label_color">#ff242629</color><!-- 09-2025 css --article-author-name-color -->
   <color name="component_avatar_avatar_label_color_hover">#ffde0000</color><!-- 09-2025 css --article-author-name-color -->
   <color name="component_alert_alert_surface_color">#ffffffff</color><!-- On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 -->
@@ -243,11 +243,11 @@ Behavior: Dynamic — lighter gray in Light mode, darker neutral in Dark mode. -
   <color name="component_newsticker_news_ticker_badge_icons_color">#ff8c9196</color>
   <color name="component_pagination_pagination_element_color_default">#ffcfd4d9</color>
   <color name="component_pagination_pagination_element_color_active">#ffde0000</color>
-  <integer name="component_pagination_gallery_pagination_element_active_opacity">100</integer><!-- Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. -->
+  <string name="component_pagination_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. -->
   <color name="component_pagination_scroll_bar_track_bg_color">#1a000000</color><!-- Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements. -->
   <color name="component_pagination_scroll_bar_thumb_bg_color">#ff8c9196</color><!-- Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space. -->
   <color name="component_selection_selection_border_color">#ff4a5259</color><!-- Checkboxes and Radio buttons use this variable for their border. -->
-  <integer name="component_slider_slider_button_opacity">90</integer><!-- When users hover on gallery slider buttons the opacity changes to 90%. -->
+  <string name="component_slider_slider_button_opacity">90</string><!-- When users hover on gallery slider buttons the opacity changes to 90%. -->
   <color name="component_slider_slider_track_bg_color">#59ffffff</color><!-- This variable is used on audio player slider bars. It references a pure white with 35% opacity. -->
   <color name="component_social_share_button_social_share_button_label_color_default">#ffffffff</color>
   <color name="component_social_share_button_social_share_button_label_color_active">#ffffffff</color>
@@ -258,7 +258,7 @@ Behavior: Dynamic — lighter gray in Light mode, darker neutral in Dark mode. -
   <color name="component_tab_tab_label_color_active">#ff333d40</color>
   <color name="component_tab_tab_label_color_default">#ff4a5259</color>
   <color name="component_tab_app_bottom_tab_bar_bg_color">#ffffffff</color>
-  <integer name="component_teaser_teaser_hover_opacity">80</integer><!-- When users hover over graphical teasers the image reduces opacity to 80%. -->
+  <string name="component_teaser_teaser_hover_opacity">80</string><!-- When users hover over graphical teasers the image reduces opacity to 80%. -->
   <color name="component_teaser_teaser_title_background_gradient_start">#b3000000</color>
   <color name="component_teaser_teaser_title_background_gradient_stop">#00000000</color>
   <color name="component_text_link_text_link_color_primary">#ff242629</color>