@marioschmidt/design-system-tokens 1.0.23 → 1.0.25

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

@@ -1,6 +1,6 @@
 /**
  * density-compact.js
- * Generiert am: 2025-11-24T21:07:27.645Z
+ * Generiert am: 2025-11-25T08:26:22.890Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * density-default.js
- * Generiert am: 2025-11-24T21:07:27.687Z
+ * Generiert am: 2025-11-25T08:26:22.936Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,6 +1,6 @@
 /**
  * density-spacious.js
- * Generiert am: 2025-11-24T21:07:27.729Z
+ * Generiert am: 2025-11-25T08:26:22.981Z
  * Nicht manuell bearbeiten!
  */
 

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

@@ -1,99 +1,13 @@
 /**
  * brandcolormapping.js
- * Generiert am: 2025-11-24T21:07:28.858Z
+ * Generiert am: 2025-11-25T08:26:24.228Z
  * Nicht manuell bearbeiten!
  */
 
-// ============================================
-// COMPONENT
-// ============================================
-
-export const chipColorActive = "#DD0000";
-
-// Component - Avatar
-/** 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 */
-export const avatarLabelColor = "#232629";
-/** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
-export const avatarLabelColorDark = "#FFFFFF";
-/** This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 */
-export const avatarLabelColorHover = "#DD0000";
-
-// Component - BreakingNews
-/** This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015 */
-export const breakingNewsTextContentColor = "#FFFFFF";
-/** This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 */
-export const breakingNewsSurfaceColor = "#232629";
-/** This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 */
-export const breakingNewsTitleSurfaceColor = "#FD8227";
-/** This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081 */
-export const breakingNewsTopTitleTextColor = "#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 */
-export const breakingNewsSurfaceColorDark = "#E9ECEF";
-/** This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015 */
-export const breakingNewsTextContentColorDark = "#232629";
-/** This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100 */
-export const breakingNewsBottomTitleTextColor = "#1C1C1C";
-
-// Component - Button - PrimaryBrand
-/** Bild: 046 ; SpoBi: 029 */
-export const primaryBrandButtonPrimaryBgColorIdle = "#DD0000";
-/** This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 */
-export const primaryBrandButtonPrimaryBgColorIdleDark = "#DD0000";
-/** Bild: 035 ; SpoBi: 016 */
-export const primaryBrandButtonPrimaryBgColorHover = "#AF0002";
-/** This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 */
-export const primaryBrandButtonPrimaryBgColorHoverDark = "#AF0002";
-
-// Component - Button - PrimaryNeutral
-/** Bild & SpoBi: Tone 015 */
-export const primaryNeutralButtonPrimaryBgColorIdle = "#232629";
-/** Bild & SpoBi: Tone 035 */
-export const primaryNeutralButtonPrimaryBgColorHover = "#4B525A";
-/** Bild & SpoBi: Tone 100 */
-export const primaryNeutralButtonPrimaryBgColorIdleDark = "#FFFFFF";
-/** Bild: 093 ; SpoBi: 081 */
-export const primaryNeutralButtonPrimaryBgColorHoverDark = "#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. */
-export const menuLinkLaneSurfaceColor = "#FFFFFF";
-/** This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component. */
-export const menuLinkLaneLabelColor = "#4B525A";
-export const menuLinkLaneLabelColorDark = "#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. */
-export const menuLinkLaneSurfaceColorDark = "#232629";
-export const menuLinkColorBorderActive = "#DD0000";
-export const menuLinkColorBorderActiveDark = "#FFFFFF";
-/** This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component. */
-export const menuLinkLaneLabelColorActive = "#232629";
-export const appTopBarSurfaceColor = "#FFFFFF";
-export const appTopBarBgColorDark = "#343C41";
-export const appBottomTabBarBgColor = "#FFFFFF";
-export const appBottomTabBarBgDark = "#343C41";
-export const appTopBarIconColor = "#4B525A";
-export const appTopBarIconColorDark = "#8C9196";
-export const appTopBarTextColor = "#232629";
-export const appTopBarTextColorDark = "#E9ECEF";
-export const appTobBarTabNavBottomBorder = "#E9ECEF";
-export const appTobBarTabNavBottomBorderDark = "#4B525A";
-export const appTobBarTabNavBottomBorderActive = "#DD0000";
-export const appTobBarTabNavBottomBorderActiveDark = "#FFFFFF";
-
-// Component - Teaser
-export const teaserTitleBackgroundGradientStart = "rgba(0, 0, 0, 0.699999988079071)";
-export const teaserTitleBackgroundGradientStop = "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. */
-export const accentColorPrimary = "#DD0000";
-/** Bild: 100 ; SpoBi: 098 */
-export const accentColorPrimaryDark = "#FFFFFF";
-
 // Global - Core
 /** Bild: 046; SpoBi: 016 current css calls this variable main tenant color */
 export const coreColorPrimary = "#DD0000";
@@ -106,11 +20,11 @@ export const coreColorTertiary = "#232629";
 /** Bild&SpoBi: 100 */
 export const coreColorTertiaryDark = "#FFFFFF";
 
-// Global - State
-/** Bild: 046 ; SpoBi: 029 */
-export const colorPrimaryActive = "#DD0000";
-/** Bild: 046 ; SpoBi: 098 */
-export const colorPrimaryActiveDark = "#DD0000";
+// Global - Attention
+/** Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. */
+export const accentColorPrimary = "#DD0000";
+/** Bild: 100 ; SpoBi: 098 */
+export const accentColorPrimaryDark = "#FFFFFF";
 
 // Global - Surface
 /** Bild: 100 ; SpoBi: 100 */
@@ -130,6 +44,12 @@ export const surfaceColorQuartenary = "#CED4DA";
 /** Bild: 035 ; SpoBi: 035 */
 export const surfaceColorQuartenaryDark = "#4B525A";
 
+// Global - State
+/** Bild: 046 ; SpoBi: 029 */
+export const colorPrimaryActive = "#DD0000";
+/** Bild: 046 ; SpoBi: 098 */
+export const colorPrimaryActiveDark = "#DD0000";
+
 // Global - Text
 /** Bild & SpoBi: Tone 015 */
 export const textColorPrimary = "#232629";
@@ -154,3 +74,83 @@ export const kickerBgColorOnSurface = "#DD0000";
 /** Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060 */
 export const kickerBgColorOnSurfaceDark = "#8C9196";
 
+
+// ============================================
+// COMPONENT
+// ============================================
+
+// Component - Button - PrimaryNeutral
+/** Bild & SpoBi: Tone 015 */
+export const primaryNeutralButtonPrimaryBgColorIdle = "#232629";
+/** Bild & SpoBi: Tone 035 */
+export const primaryNeutralButtonPrimaryBgColorHover = "#4B525A";
+/** Bild & SpoBi: Tone 100 */
+export const primaryNeutralButtonPrimaryBgColorIdleDark = "#FFFFFF";
+/** Bild: 093 ; SpoBi: 081 */
+export const primaryNeutralButtonPrimaryBgColorHoverDark = "#E9ECEF";
+
+// Component - Button - PrimaryBrand
+/** Bild: 046 ; SpoBi: 029 */
+export const primaryBrandButtonPrimaryBgColorIdle = "#DD0000";
+/** This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 */
+export const primaryBrandButtonPrimaryBgColorIdleDark = "#DD0000";
+/** Bild: 035 ; SpoBi: 016 */
+export const primaryBrandButtonPrimaryBgColorHover = "#AF0002";
+/** This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 */
+export const primaryBrandButtonPrimaryBgColorHoverDark = "#AF0002";
+
+// Component - BreakingNews
+/** This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015 */
+export const breakingNewsTextContentColor = "#FFFFFF";
+/** This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 */
+export const breakingNewsSurfaceColor = "#232629";
+/** This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 */
+export const breakingNewsTitleSurfaceColor = "#FD8227";
+/** This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081 */
+export const breakingNewsTopTitleTextColor = "#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 */
+export const breakingNewsSurfaceColorDark = "#E9ECEF";
+/** This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015 */
+export const breakingNewsTextContentColorDark = "#232629";
+/** This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100 */
+export const breakingNewsBottomTitleTextColor = "#1C1C1C";
+
+// Component - Teaser
+export const teaserTitleBackgroundGradientStart = "rgba(0, 0, 0, 0.699999988079071)";
+export const teaserTitleBackgroundGradientStop = "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. */
+export const menuLinkLaneSurfaceColor = "#FFFFFF";
+/** This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component. */
+export const menuLinkLaneLabelColor = "#4B525A";
+export const menuLinkLaneLabelColorDark = "#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. */
+export const menuLinkLaneSurfaceColorDark = "#232629";
+export const menuLinkColorBorderActive = "#DD0000";
+export const menuLinkColorBorderActiveDark = "#FFFFFF";
+/** This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component. */
+export const menuLinkLaneLabelColorActive = "#232629";
+export const appTopBarSurfaceColor = "#FFFFFF";
+export const appTopBarBgColorDark = "#343C41";
+export const appBottomTabBarBgColor = "#FFFFFF";
+export const appBottomTabBarBgDark = "#343C41";
+export const appTopBarIconColor = "#4B525A";
+export const appTopBarIconColorDark = "#8C9196";
+export const appTopBarTextColor = "#232629";
+export const appTopBarTextColorDark = "#E9ECEF";
+export const appTobBarTabNavBottomBorder = "#E9ECEF";
+export const appTobBarTabNavBottomBorderDark = "#4B525A";
+export const appTobBarTabNavBottomBorderActive = "#DD0000";
+export const appTobBarTabNavBottomBorderActiveDark = "#FFFFFF";
+
+// Component - Avatar
+/** 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 */
+export const avatarLabelColor = "#232629";
+/** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
+export const avatarLabelColorDark = "#FFFFFF";
+/** This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 */
+export const avatarLabelColorHover = "#DD0000";
+
+export const chipColorActive = "#DD0000";
+