@marioschmidt/design-system-tokens 1.0.22 → 1.0.24

package/dist/css/brands/bild/density/density-compact.css

@@ -1,6 +1,6 @@
 /**
  * density-compact.css
- * Generiert am: 2025-11-24T20:37:07.533Z
+ * Generiert am: 2025-11-24T21:40:48.843Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/bild/density/density-default.css

@@ -1,6 +1,6 @@
 /**
  * density-default.css
- * Generiert am: 2025-11-24T20:37:07.574Z
+ * Generiert am: 2025-11-24T21:40:48.884Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/bild/density/density-spacious.css

@@ -1,6 +1,6 @@
 /**
  * density-spacious.css
- * Generiert am: 2025-11-24T20:37:07.615Z
+ * Generiert am: 2025-11-24T21:40:48.924Z
  * Nicht manuell bearbeiten!
  */
 

package/dist/css/brands/bild/overrides/brandcolormapping.css

@@ -1,148 +1,14 @@
 /**
  * brandcolormapping.css
- * Generiert am: 2025-11-24T20:37:08.739Z
+ * Generiert am: 2025-11-24T21:40:50.059Z
  * Nicht manuell bearbeiten!
  */
 
 :root {
-  /* ============================================
-     COMPONENT
-     ============================================ */
-
-  --chip-color-active: #DD0000;
-
-  /* Component - Avatar */
-  /**
-   * 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045
-   */
-  --avatar-label-color: #232629;
-  /**
-   * 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093
-   */
-  --avatar-label-color-dark: #FFFFFF;
-  /**
-   * This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029
-   */
-  --avatar-label-color-hover: #DD0000;
-
-  /* Component - BreakingNews */
-  /**
-   * This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015
-   */
-  --breaking-news-text-content-color: #FFFFFF;
-  /**
-   * This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081
-   */
-  --breaking-news-surface-color: #232629;
-  /**
-   * This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016
-   */
-  --breaking-news-title-surface-color: #FD8227;
-  /**
-   * This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081
-   */
-  --breaking-news-top-title-text-color: #1C1C1C;
-  /**
-   * This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode.  Bild: 093 ; SpoBi: 081
-   */
-  --breaking-news-surface-color-dark: #E9ECEF;
-  /**
-   * This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015
-   */
-  --breaking-news-text-content-color-dark: #232629;
-  /**
-   * This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100
-   */
-  --breaking-news-bottom-title-text-color: #1C1C1C;
-
-  /* Component - Button - PrimaryBrand */
-  /**
-   * Bild: 046 ; SpoBi: 029
-   */
-  --primary-brand-button-primary-bg-color-idle: #DD0000;
-  /**
-   * This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038
-   */
-  --primary-brand-button-primary-bg-color-idle-dark: #DD0000;
-  /**
-   * Bild: 035 ; SpoBi: 016
-   */
-  --primary-brand-button-primary-bg-color-hover: #AF0002;
-  /**
-   * This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029
-   */
-  --primary-brand-button-primary-bg-color-hover-dark: #AF0002;
-
-  /* Component - Button - PrimaryNeutral */
-  /**
-   * Bild & SpoBi: Tone 015
-   */
-  --primary-neutral-button-primary-bg-color-idle: #232629;
-  /**
-   * Bild & SpoBi: Tone 035
-   */
-  --primary-neutral-button-primary-bg-color-hover: #4B525A;
-  /**
-   * Bild & SpoBi: Tone 100
-   */
-  --primary-neutral-button-primary-bg-color-idle-dark: #FFFFFF;
-  /**
-   * Bild: 093 ; SpoBi: 081
-   */
-  --primary-neutral-button-primary-bg-color-hover-dark: #E9ECEF;
-
-  /* Component - Menu */
-  /**
-   * This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component.
-   */
-  --menu-link-lane-surface-color: #FFFFFF;
-  /**
-   * This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component.
-   */
-  --menu-link-lane-label-color: #4B525A;
-  --menu-link-lane-label-color-dark: #8C9196;
-  /**
-   * 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.
-   */
-  --menu-link-lane-surface-color-dark: #232629;
-  --menu-link-color-border-active: #DD0000;
-  --menu-link-color-border-active-dark: #FFFFFF;
-  /**
-   * This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component.
-   */
-  --menu-link-lane-label-color-active: #232629;
-  --app-top-bar-surface-color: #FFFFFF;
-  --app-top-bar-bg-color-dark: #343C41;
-  --app-bottom-tab-bar-bg-color: #FFFFFF;
-  --app-bottom-tab-bar-bg-dark: #343C41;
-  --app-top-bar-icon-color: #4B525A;
-  --app-top-bar-icon-color-dark: #8C9196;
-  --app-top-bar-text-color: #232629;
-  --app-top-bar-text-color-dark: #E9ECEF;
-  --app-tob-bar-tab-nav-bottom-border: #E9ECEF;
-  --app-tob-bar-tab-nav-bottom-border-dark: #4B525A;
-  --app-tob-bar-tab-nav-bottom-border-active: #DD0000;
-  --app-tob-bar-tab-nav-bottom-border-active-dark: #FFFFFF;
-
-  /* Component - Teaser */
-  --teaser-title-background-gradient-start: rgba(0, 0, 0, 0.699999988079071);
-  --teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
-
-
   /* ============================================
      GLOBAL
      ============================================ */
 
-  /* Global - Attention */
-  /**
-   * Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers.
-   */
-  --accent-color-primary: #DD0000;
-  /**
-   * Bild: 100 ; SpoBi: 098
-   */
-  --accent-color-primary-dark: #FFFFFF;
-
   /* Global - Core */
   /**
    * Bild: 046; SpoBi: 016 current css calls this variable main tenant color
@@ -165,15 +31,15 @@
    */
   --core-color-tertiary-dark: #FFFFFF;
 
-  /* Global - State */
+  /* Global - Attention */
   /**
-   * Bild: 046 ; SpoBi: 029
+   * Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers.
    */
-  --color-primary-active: #DD0000;
+  --accent-color-primary: #DD0000;
   /**
-   * Bild: 046 ; SpoBi: 098
+   * Bild: 100 ; SpoBi: 098
    */
-  --color-primary-active-dark: #DD0000;
+  --accent-color-primary-dark: #FFFFFF;
 
   /* Global - Surface */
   /**
@@ -209,6 +75,16 @@
    */
   --surface-color-quartenary-dark: #4B525A;
 
+  /* Global - State */
+  /**
+   * Bild: 046 ; SpoBi: 029
+   */
+  --color-primary-active: #DD0000;
+  /**
+   * Bild: 046 ; SpoBi: 098
+   */
+  --color-primary-active-dark: #DD0000;
+
   /* Global - Text */
   /**
    * Bild & SpoBi: Tone 015
@@ -255,4 +131,128 @@
    */
   --kicker-bg-color-on-surface-dark: #8C9196;
 
+
+  /* ============================================
+     COMPONENT
+     ============================================ */
+
+  /* Component - Button - PrimaryNeutral */
+  /**
+   * Bild & SpoBi: Tone 015
+   */
+  --primary-neutral-button-primary-bg-color-idle: #232629;
+  /**
+   * Bild & SpoBi: Tone 035
+   */
+  --primary-neutral-button-primary-bg-color-hover: #4B525A;
+  /**
+   * Bild & SpoBi: Tone 100
+   */
+  --primary-neutral-button-primary-bg-color-idle-dark: #FFFFFF;
+  /**
+   * Bild: 093 ; SpoBi: 081
+   */
+  --primary-neutral-button-primary-bg-color-hover-dark: #E9ECEF;
+
+  /* Component - Button - PrimaryBrand */
+  /**
+   * Bild: 046 ; SpoBi: 029
+   */
+  --primary-brand-button-primary-bg-color-idle: #DD0000;
+  /**
+   * This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038
+   */
+  --primary-brand-button-primary-bg-color-idle-dark: #DD0000;
+  /**
+   * Bild: 035 ; SpoBi: 016
+   */
+  --primary-brand-button-primary-bg-color-hover: #AF0002;
+  /**
+   * This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029
+   */
+  --primary-brand-button-primary-bg-color-hover-dark: #AF0002;
+
+  /* Component - BreakingNews */
+  /**
+   * This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015
+   */
+  --breaking-news-text-content-color: #FFFFFF;
+  /**
+   * This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081
+   */
+  --breaking-news-surface-color: #232629;
+  /**
+   * This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016
+   */
+  --breaking-news-title-surface-color: #FD8227;
+  /**
+   * This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081
+   */
+  --breaking-news-top-title-text-color: #1C1C1C;
+  /**
+   * This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode.  Bild: 093 ; SpoBi: 081
+   */
+  --breaking-news-surface-color-dark: #E9ECEF;
+  /**
+   * This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015
+   */
+  --breaking-news-text-content-color-dark: #232629;
+  /**
+   * This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100
+   */
+  --breaking-news-bottom-title-text-color: #1C1C1C;
+
+  /* Component - Teaser */
+  --teaser-title-background-gradient-start: rgba(0, 0, 0, 0.699999988079071);
+  --teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
+
+  /* Component - Menu */
+  /**
+   * This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component.
+   */
+  --menu-link-lane-surface-color: #FFFFFF;
+  /**
+   * This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component.
+   */
+  --menu-link-lane-label-color: #4B525A;
+  --menu-link-lane-label-color-dark: #8C9196;
+  /**
+   * 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.
+   */
+  --menu-link-lane-surface-color-dark: #232629;
+  --menu-link-color-border-active: #DD0000;
+  --menu-link-color-border-active-dark: #FFFFFF;
+  /**
+   * This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component.
+   */
+  --menu-link-lane-label-color-active: #232629;
+  --app-top-bar-surface-color: #FFFFFF;
+  --app-top-bar-bg-color-dark: #343C41;
+  --app-bottom-tab-bar-bg-color: #FFFFFF;
+  --app-bottom-tab-bar-bg-dark: #343C41;
+  --app-top-bar-icon-color: #4B525A;
+  --app-top-bar-icon-color-dark: #8C9196;
+  --app-top-bar-text-color: #232629;
+  --app-top-bar-text-color-dark: #E9ECEF;
+  --app-tob-bar-tab-nav-bottom-border: #E9ECEF;
+  --app-tob-bar-tab-nav-bottom-border-dark: #4B525A;
+  --app-tob-bar-tab-nav-bottom-border-active: #DD0000;
+  --app-tob-bar-tab-nav-bottom-border-active-dark: #FFFFFF;
+
+  /* Component - Avatar */
+  /**
+   * 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045
+   */
+  --avatar-label-color: #232629;
+  /**
+   * 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093
+   */
+  --avatar-label-color-dark: #FFFFFF;
+  /**
+   * This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029
+   */
+  --avatar-label-color-hover: #DD0000;
+
+  --chip-color-active: #DD0000;
+
 }