@marioschmidt/design-system-tokens 1.0.19 → 1.0.21

package/dist/android/res/values/brands/sportbild/density/density-default.xml

@@ -4,12 +4,12 @@
   Do not edit directly, this file was auto-generated.
 -->
 <resources>
-  <dimen name="component_button_button_content_gap_space">128.00dp</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
-  <dimen name="component_button_button_stack_space">128.00dp</dimen><!-- This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
-  <dimen name="component_button_button_label_font_size">272.00dp</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19 -->
-  <dimen name="component_button_button_inline_space">320.00dp</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
-  <dimen name="component_inputfield_input_field_inline_space">256.00dp</dimen>
-  <dimen name="component_inputfield_input_field_stack_space">128.00dp</dimen>
-  <dimen name="component_inputfield_input_field_height_size">640.00dp</dimen>
-  <dimen name="component_inputfield_input_field_label_font_size">272.00dp</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 -->
+  <dimen name="button-content-gap-space">8px</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
+  <dimen name="button-stack-space">8px</dimen><!-- This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
+  <dimen name="button-label-font-size">17px</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19 -->
+  <dimen name="button-inline-space">20px</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
+  <dimen name="input-field-inline-space">16px</dimen>
+  <dimen name="input-field-stack-space">8px</dimen>
+  <dimen name="input-field-height-size">40px</dimen>
+  <dimen name="input-field-label-font-size">17px</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 -->
 </resources>

package/dist/android/res/values/brands/sportbild/density/density-spacious.xml

@@ -4,12 +4,12 @@
   Do not edit directly, this file was auto-generated.
 -->
 <resources>
-  <dimen name="component_button_button_content_gap_space">128.00dp</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
-  <dimen name="component_button_button_stack_space">192.00dp</dimen><!-- This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
-  <dimen name="component_button_button_label_font_size">304.00dp</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19 -->
-  <dimen name="component_button_button_inline_space">384.00dp</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
-  <dimen name="component_inputfield_input_field_inline_space">256.00dp</dimen>
-  <dimen name="component_inputfield_input_field_stack_space">192.00dp</dimen>
-  <dimen name="component_inputfield_input_field_height_size">768.00dp</dimen>
-  <dimen name="component_inputfield_input_field_label_font_size">304.00dp</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 -->
+  <dimen name="button-content-gap-space">8px</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
+  <dimen name="button-stack-space">12px</dimen><!-- This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
+  <dimen name="button-label-font-size">19px</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19 -->
+  <dimen name="button-inline-space">24px</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. -->
+  <dimen name="input-field-inline-space">16px</dimen>
+  <dimen name="input-field-stack-space">12px</dimen>
+  <dimen name="input-field-height-size">48px</dimen>
+  <dimen name="input-field-label-font-size">19px</dimen><!-- This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 -->
 </resources>

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

@@ -4,72 +4,72 @@
   Do not edit directly, this file was auto-generated.
 -->
 <resources>
-  <color name="global_core_core_color_primary">#ff0a2750</color><!-- Bild: 046; SpoBi: 016 current css calls this variable main tenant color -->
-  <color name="global_core_core_color_secondary">#ffffffff</color><!-- Bild&SpoBi Tone 100 -->
-  <color name="global_core_core_color_secondary_dark">#ff081828</color><!-- Bild: 015 ; SpoBi: 010 -->
-  <color name="global_core_core_color_tertiary">#ff081828</color><!-- Bild: 015 ; SpoBi: 010 -->
-  <color name="global_core_core_color_tertiary_dark">#ffffffff</color><!-- Bild&SpoBi: 100 -->
-  <color name="global_attention_accent_color_primary">#ff174482</color><!-- Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. -->
-  <color name="global_attention_accent_color_primary_dark">#fff7f9fd</color><!-- Bild: 100 ; SpoBi: 098 -->
-  <color name="global_surface_surface_color_primary">#ffffffff</color><!-- Bild: 100 ; SpoBi: 100 -->
-  <color name="global_surface_surface_color_primary_dark">#ff081828</color><!-- Bild: 015 ; SpoBi: 010 -->
-  <color name="global_surface_surface_color_secondary">#fff7f9fd</color><!-- Bild: 096 ; SpoBi: 098 -->
-  <color name="global_surface_surface_color_secondary_dark">#ff0a2750</color><!-- Bild: 020 ; SpoBi: 016 -->
-  <color name="global_surface_surface_color_tertiary">#ffbdcadb</color><!-- Bild: 093 ; SpoBi: 081 -->
-  <color name="global_surface_surface_color_tertiary_dark">#ff174482</color><!-- Bild: 025 ; SpoBi: 029 -->
-  <color name="global_surface_surface_color_quartenary">#ffced4da</color><!-- Bild: 085 ; SpoBi: 085 -->
-  <color name="global_surface_surface_color_quartenary_dark">#ff4b525a</color><!-- Bild: 035 ; SpoBi: 035 -->
-  <color name="global_state_color_primary_active">#ff174482</color><!-- Bild: 046 ; SpoBi: 029 -->
-  <color name="global_state_color_primary_active_dark">#fff7f9fd</color><!-- Bild: 046 ; SpoBi: 098 -->
-  <color name="global_text_text_color_primary">#ff232629</color><!-- Bild & SpoBi: Tone 015 -->
-  <color name="global_text_text_color_primary_dark">#ffe9ecef</color><!-- Bild & SpoBi: Tone 093 -->
-  <color name="global_text_headline_color_primary">#ff0a2750</color><!-- Bild: 015 ; SpoBi: 016 -->
-  <color name="global_text_headline_color_primary_dark">#ffffffff</color><!-- Bild&SpoBi: Tone 100 -->
-  <color name="global_text_kicker_text_color_on_bg">#ffffffff</color><!-- This variable is used on kicker texts that are on top of a color that is different from the outer color of the overall user interface. Bild & SpoBi: Tone 100 -->
-  <color name="global_text_kicker_text_color_on_surface">#ff8c9196</color><!-- This variable is used for the color of kicker texts that are not no top of a different color of the overall user interface. Bild: 046 ; SpoBi: 060 -->
-  <color name="global_text_kicker_text_color_on_surface_dark">#ff8c9196</color><!-- Use this variable for kicker texts that are directly on top of the color of the overall user interface. Bild & SpoBi tone 060. -->
-  <color name="global_text_text_color_secondary">#ff8c9196</color><!-- Bild & SpoBi: Tone 060 -->
-  <color name="global_text_text_color_secondary_dark">#ff8c9196</color><!-- Bild & SpoBi: Tone 060 -->
-  <color name="global_text_kicker_bg_color_on_surface">#ff174482</color><!-- Use this variable for the color immediately behind the bounding box of the kicker text element. Bild: 046 ; SpoBi: 029 -->
-  <color name="global_text_kicker_bg_color_on_surface_dark">#ff8c9196</color><!-- Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060 -->
-  <color name="component_button_primary_neutral_button_primary_bg_color_idle">#ff232629</color><!-- Bild & SpoBi: Tone 015 -->
-  <color name="component_button_primary_neutral_button_primary_bg_color_hover">#ff4b525a</color><!-- Bild & SpoBi: Tone 035 -->
-  <color name="component_button_primary_neutral_button_primary_bg_color_idle_dark">#ffffffff</color><!-- Bild & SpoBi: Tone 100 -->
-  <color name="component_button_primary_neutral_button_primary_bg_color_hover_dark">#ffbdcadb</color><!-- Bild: 093 ; SpoBi: 081 -->
-  <color name="component_button_primary_brand_button_primary_bg_color_idle">#ff174482</color><!-- Bild: 046 ; SpoBi: 029 -->
-  <color name="component_button_primary_brand_button_primary_bg_color_idle_dark">#ff315998</color><!-- This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 -->
-  <color name="component_button_primary_brand_button_primary_bg_color_hover">#ff0a2750</color><!-- Bild: 035 ; SpoBi: 016 -->
-  <color name="component_button_primary_brand_button_primary_bg_color_hover_dark">#ff174482</color><!-- This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 -->
-  <color name="component_breaking_news_breaking_news_text_content_color">#ff232629</color><!-- This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015 -->
-  <color name="component_breaking_news_breaking_news_surface_color">#ffffbf00</color><!-- This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 -->
-  <color name="component_breaking_news_breaking_news_title_surface_color">#ff0a2750</color><!-- This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 -->
-  <color name="component_breaking_news_breaking_news_top_title_text_color">#ffffbf00</color><!-- This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081 -->
-  <color name="component_breaking_news_breaking_news_surface_color_dark">#ffffbf00</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="component_breaking_news_breaking_news_text_content_color_dark">#ff232629</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="component_breaking_news_breaking_news_bottom_title_text_color">#ffffffff</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="component_teaser_teaser_title_background_gradient_start">#b20a2750</color>
-  <color name="component_teaser_teaser_title_background_gradient_stop">#000a2750</color>
-  <color name="component_menu_menu_link_lane_surface_color">#ff0a2750</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="component_menu_menu_link_lane_label_color">#ffced4da</color><!-- This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component. -->
-  <color name="component_menu_menu_link_lane_label_color_dark">#ffaeb4b9</color>
-  <color name="component_menu_menu_link_lane_surface_color_dark">#ff0a2750</color><!-- This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component on Dark mode. -->
-  <color name="component_menu_menu_link_color_border_active">#ff0a2750</color>
-  <color name="component_menu_menu_link_color_border_active_dark">#fff7f9fd</color>
-  <color name="component_menu_menu_link_lane_label_color_active">#ffffffff</color><!-- This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component. -->
-  <color name="component_menu_app_top_bar_surface_color">#ff2c3138</color>
-  <color name="component_menu_app_top_bar_bg_color_dark">#ff2c3138</color>
-  <color name="component_menu_app_bottom_tab_bar_bg_color">#ffffffff</color>
-  <color name="component_menu_app_bottom_tab_bar_bg_dark">#ff2c3138</color>
-  <color name="component_menu_app_top_bar_icon_color">#ff8c9196</color>
-  <color name="component_menu_app_top_bar_icon_color_dark">#ff8c9196</color>
-  <color name="component_menu_app_top_bar_text_color">#ffe9ecef</color>
-  <color name="component_menu_app_top_bar_text_color_dark">#ffe9ecef</color>
-  <color name="component_menu_app_tob_bar_tab_nav_bottom_border">#ff174482</color>
-  <color name="component_menu_app_tob_bar_tab_nav_bottom_border_dark">#ff174482</color>
-  <color name="component_menu_app_tob_bar_tab_nav_bottom_border_active">#ffced4da</color>
-  <color name="component_menu_app_tob_bar_tab_nav_bottom_border_active_dark">#ffffffff</color>
-  <color name="component_avatar_avatar_label_color">#ff666b70</color><!-- 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 -->
-  <color name="component_avatar_avatar_label_color_dark">#ffe9ecef</color><!-- 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 -->
-  <color name="component_avatar_avatar_label_color_hover">#ff174482</color><!-- This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 -->
-  <color name="component_chip_color_active">#ff174482</color>
+  <color name="core-color-primary">#0a2750</color><!-- Bild: 046; SpoBi: 016 current css calls this variable main tenant color -->
+  <color name="core-color-secondary">#ffffff</color><!-- Bild&SpoBi Tone 100 -->
+  <color name="core-color-secondary-dark">#081828</color><!-- Bild: 015 ; SpoBi: 010 -->
+  <color name="core-color-tertiary">#081828</color><!-- Bild: 015 ; SpoBi: 010 -->
+  <color name="core-color-tertiary-dark">#ffffff</color><!-- Bild&SpoBi: 100 -->
+  <color name="accent-color-primary">#174482</color><!-- Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. -->
+  <color name="accent-color-primary-dark">#f7f9fd</color><!-- Bild: 100 ; SpoBi: 098 -->
+  <color name="surface-color-primary">#ffffff</color><!-- Bild: 100 ; SpoBi: 100 -->
+  <color name="surface-color-primary-dark">#081828</color><!-- Bild: 015 ; SpoBi: 010 -->
+  <color name="surface-color-secondary">#f7f9fd</color><!-- Bild: 096 ; SpoBi: 098 -->
+  <color name="surface-color-secondary-dark">#0a2750</color><!-- Bild: 020 ; SpoBi: 016 -->
+  <color name="surface-color-tertiary">#bdcadb</color><!-- Bild: 093 ; SpoBi: 081 -->
+  <color name="surface-color-tertiary-dark">#174482</color><!-- Bild: 025 ; SpoBi: 029 -->
+  <color name="surface-color-quartenary">#ced4da</color><!-- Bild: 085 ; SpoBi: 085 -->
+  <color name="surface-color-quartenary-dark">#4b525a</color><!-- Bild: 035 ; SpoBi: 035 -->
+  <color name="color-primary-active">#174482</color><!-- Bild: 046 ; SpoBi: 029 -->
+  <color name="color-primary-active-dark">#f7f9fd</color><!-- Bild: 046 ; SpoBi: 098 -->
+  <color name="text-color-primary">#232629</color><!-- Bild & SpoBi: Tone 015 -->
+  <color name="text-color-primary-dark">#e9ecef</color><!-- Bild & SpoBi: Tone 093 -->
+  <color name="headline-color-primary">#0a2750</color><!-- Bild: 015 ; SpoBi: 016 -->
+  <color name="headline-color-primary-dark">#ffffff</color><!-- Bild&SpoBi: Tone 100 -->
+  <color name="kicker-text-color-on-bg">#ffffff</color><!-- This variable is used on kicker texts that are on top of a color that is different from the outer color of the overall user interface. Bild & SpoBi: Tone 100 -->
+  <color name="kicker-text-color-on-surface">#8c9196</color><!-- This variable is used for the color of kicker texts that are not no top of a different color of the overall user interface. Bild: 046 ; SpoBi: 060 -->
+  <color name="kicker-text-color-on-surface-dark">#8c9196</color><!-- Use this variable for kicker texts that are directly on top of the color of the overall user interface. Bild & SpoBi tone 060. -->
+  <color name="text-color-secondary">#8c9196</color><!-- Bild & SpoBi: Tone 060 -->
+  <color name="text-color-secondary-dark">#8c9196</color><!-- Bild & SpoBi: Tone 060 -->
+  <color name="kicker-bg-color-on-surface">#174482</color><!-- Use this variable for the color immediately behind the bounding box of the kicker text element. Bild: 046 ; SpoBi: 029 -->
+  <color name="kicker-bg-color-on-surface-dark">#8c9196</color><!-- Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060 -->
+  <color name="button-primary-bg-color-idle">#232629</color><!-- Bild & SpoBi: Tone 015 -->
+  <color name="button-primary-bg-color-hover">#4b525a</color><!-- Bild & SpoBi: Tone 035 -->
+  <color name="button-primary-bg-color-idle-dark">#ffffff</color><!-- Bild & SpoBi: Tone 100 -->
+  <color name="button-primary-bg-color-hover-dark">#bdcadb</color><!-- Bild: 093 ; SpoBi: 081 -->
+  <color name="button-primary-bg-color-idle">#174482</color><!-- Bild: 046 ; SpoBi: 029 -->
+  <color name="button-primary-bg-color-idle-dark">#315998</color><!-- This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 -->
+  <color name="button-primary-bg-color-hover">#0a2750</color><!-- Bild: 035 ; SpoBi: 016 -->
+  <color name="button-primary-bg-color-hover-dark">#174482</color><!-- This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 -->
+  <color name="breaking-news-text-content-color">#232629</color><!-- This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015 -->
+  <color name="breaking-news-surface-color">#ffbf00</color><!-- This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 -->
+  <color name="breaking-news-title-surface-color">#0a2750</color><!-- This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 -->
+  <color name="breaking-news-top-title-text-color">#ffbf00</color><!-- This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081 -->
+  <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-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. -->
+  <color name="menu-link-lane-label-color-dark">#aeb4b9</color>
+  <color name="menu-link-lane-surface-color-dark">#0a2750</color><!-- This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component on Dark mode. -->
+  <color name="menu-link-color-border-active">#0a2750</color>
+  <color name="menu-link-color-border-active-dark">#f7f9fd</color>
+  <color name="menu-link-lane-label-color-active">#ffffff</color><!-- This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component. -->
+  <color name="app-top-bar-surface-color">#2c3138</color>
+  <color name="app-top-bar-bg-color-dark">#2c3138</color>
+  <color name="app-bottom-tab-bar-bg-color">#ffffff</color>
+  <color name="app-bottom-tab-bar-bg-dark">#2c3138</color>
+  <color name="app-top-bar-icon-color">#8c9196</color>
+  <color name="app-top-bar-icon-color-dark">#8c9196</color>
+  <color name="app-top-bar-text-color">#e9ecef</color>
+  <color name="app-top-bar-text-color-dark">#e9ecef</color>
+  <color name="app-tob-bar-tab-nav-bottom-border">#174482</color>
+  <color name="app-tob-bar-tab-nav-bottom-border-dark">#174482</color>
+  <color name="app-tob-bar-tab-nav-bottom-border-active">#ced4da</color>
+  <color name="app-tob-bar-tab-nav-bottom-border-active-dark">#ffffff</color>
+  <color name="avatar-label-color">#666b70</color><!-- 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 -->
+  <color name="avatar-label-color-dark">#e9ecef</color><!-- 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 -->
+  <color name="avatar-label-color-hover">#174482</color><!-- This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 -->
+  <color name="chip-color-active">#174482</color>
 </resources>