@marioschmidt/design-system-tokens 1.0.13 → 1.0.14

package/dist/js/mapping/brand-color-bild.js

@@ -2,61 +2,61 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const globalCoreCorecolorprimary = "#de0000"; // Bild: 046; SpoBi: 016 current css calls this variable main tenant color
-export const globalCoreCorecolorsecondary = "#ffffff"; // Bild&SpoBi Tone 100
-export const globalCoreCorecolorsecondarydark = "#242629"; // Bild: 015 ; SpoBi: 010
-export const globalCoreCorecolortertiary = "#242629"; // Bild: 015 ; SpoBi: 010
-export const globalCoreCorecolortertiarydark = "#ffffff"; // Bild&SpoBi: 100
-export const globalAttentionAccentcolorprimary = "#de0000"; // Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers.
-export const globalAttentionAccentcolorprimarydark = "#ffffff"; // Bild: 100 ; SpoBi: 098
-export const globalSurfaceSurfacecolorprimary = "#ffffff"; // Bild: 100 ; SpoBi: 100
-export const globalSurfaceSurfacecolorprimarydark = "#242629"; // Bild: 015 ; SpoBi: 010
-export const globalSurfaceSurfacecolorsecondary = "#f2f5f5"; // Bild: 096 ; SpoBi: 098
-export const globalSurfaceSurfacecolorsecondarydark = "#2b3038"; // Bild: 020 ; SpoBi: 016
-export const globalSurfaceSurfacecolortertiary = "#e8edf0"; // Bild: 093 ; SpoBi: 081
-export const globalSurfaceSurfacecolortertiarydark = "#333d40"; // Bild: 025 ; SpoBi: 029
-export const globalSurfaceSurfacecolorquartenary = "#cfd4d9"; // Bild: 085 ; SpoBi: 085
-export const globalSurfaceSurfacecolorquartenarydark = "#4a5259"; // Bild: 035 ; SpoBi: 035
-export const globalStateColorprimaryactive = "#de0000"; // Bild: 046 ; SpoBi: 029
-export const globalStateColorprimaryactivedark = "#de0000"; // Bild: 046 ; SpoBi: 098
-export const globalTextTextcolorprimary = "#242629"; // Bild & SpoBi: Tone 015
-export const globalTextTextcolorprimarydark = "#e8edf0"; // Bild & SpoBi: Tone 093
-export const globalTextTextcolorsecondary = "#8c9196"; // Bild & SpoBi: Tone 060
-export const globalTextTextcolorsecondarydark = "#8c9196"; // Bild & SpoBi: Tone 060
-export const globalTextHeadlinecolorprimary = "#242629"; // Bild: 015 ; SpoBi: 016
-export const globalTextHeadlinecolorprimarydark = "#ffffff"; // Bild&SpoBi: Tone 100
-export const globalTextKickertextcoloronbg = "#ffffff"; // 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
-export const globalTextKickertextcoloronsurface = "#de0000"; // 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
-export const globalTextKickertextcoloronsurfacedark = "#8c9196"; // Use this variable for kicker texts that are directly on top of the color of the overall user interface. Bild & SpoBi tone 060.
-export const globalTextKickerbgcoloronsurface = "#de0000"; // Use this variable for the color immediately behind the bounding box of the kicker text element. Bild: 046 ; SpoBi: 029
-export const globalTextKickerbgcoloronsurfacedark = "#8c9196"; // Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060
-export const componentAvatarAvatarlabelcolor = "#242629"; // 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045
-export const componentAvatarAvatarlabelcolordark = "#ffffff"; // 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093
-export const componentAvatarAvatarlabelcolorhover = "#de0000"; // This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029
+export const globalCoreCorecolorprimary = "#de0000";
+export const globalCoreCorecolorsecondary = "#ffffff";
+export const globalCoreCorecolorsecondarydark = "#242629";
+export const globalCoreCorecolortertiary = "#242629";
+export const globalCoreCorecolortertiarydark = "#ffffff";
+export const globalAttentionAccentcolorprimary = "#de0000";
+export const globalAttentionAccentcolorprimarydark = "#ffffff";
+export const globalSurfaceSurfacecolorprimary = "#ffffff";
+export const globalSurfaceSurfacecolorprimarydark = "#242629";
+export const globalSurfaceSurfacecolorsecondary = "#f2f5f5";
+export const globalSurfaceSurfacecolorsecondarydark = "#2b3038";
+export const globalSurfaceSurfacecolortertiary = "#e8edf0";
+export const globalSurfaceSurfacecolortertiarydark = "#333d40";
+export const globalSurfaceSurfacecolorquartenary = "#cfd4d9";
+export const globalSurfaceSurfacecolorquartenarydark = "#4a5259";
+export const globalStateColorprimaryactive = "#de0000";
+export const globalStateColorprimaryactivedark = "#de0000";
+export const globalTextTextcolorprimary = "#242629";
+export const globalTextTextcolorprimarydark = "#e8edf0";
+export const globalTextTextcolorsecondary = "#8c9196";
+export const globalTextTextcolorsecondarydark = "#8c9196";
+export const globalTextHeadlinecolorprimary = "#242629";
+export const globalTextHeadlinecolorprimarydark = "#ffffff";
+export const globalTextKickertextcoloronbg = "#ffffff";
+export const globalTextKickertextcoloronsurface = "#de0000";
+export const globalTextKickertextcoloronsurfacedark = "#8c9196";
+export const globalTextKickerbgcoloronsurface = "#de0000";
+export const globalTextKickerbgcoloronsurfacedark = "#8c9196";
+export const componentAvatarAvatarlabelcolor = "#242629";
+export const componentAvatarAvatarlabelcolordark = "#ffffff";
+export const componentAvatarAvatarlabelcolorhover = "#de0000";
 export const componentChipcoloractive = "#de0000";
-export const componentBreakingnewsBreakingnewstoptitletextcolor = "#1c1c1c"; // 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 componentBreakingnewsBreakingnewsbottomtitletextcolor = "#1c1c1c"; // 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 componentBreakingnewsBreakingnewstitlesurfacecolor = "#fc8226"; // This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016
-export const componentBreakingnewsBreakingnewssurfacecolor = "#242629"; // This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081
-export const componentBreakingnewsBreakingnewssurfacecolordark = "#e8edf0"; // 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 componentBreakingnewsBreakingnewstextcontentcolor = "#ffffff"; // This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015
-export const componentBreakingnewsBreakingnewstextcontentcolordark = "#242629"; // This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015
-export const componentButtonPrimarybrandButtonprimarybgcoloridle = "#de0000"; // Bild: 046 ; SpoBi: 029
-export const componentButtonPrimarybrandButtonprimarybgcolorhover = "#b00003"; // Bild: 035 ; SpoBi: 016
+export const componentBreakingnewsBreakingnewstoptitletextcolor = "#1c1c1c";
+export const componentBreakingnewsBreakingnewsbottomtitletextcolor = "#1c1c1c";
+export const componentBreakingnewsBreakingnewstitlesurfacecolor = "#fc8226";
+export const componentBreakingnewsBreakingnewssurfacecolor = "#242629";
+export const componentBreakingnewsBreakingnewssurfacecolordark = "#e8edf0";
+export const componentBreakingnewsBreakingnewstextcontentcolor = "#ffffff";
+export const componentBreakingnewsBreakingnewstextcontentcolordark = "#242629";
+export const componentButtonPrimarybrandButtonprimarybgcoloridle = "#de0000";
+export const componentButtonPrimarybrandButtonprimarybgcolorhover = "#b00003";
 export const componentButtonPrimarybrandButtonprimarybgcoloridledark =
-  "#de0000"; // This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038
+  "#de0000";
 export const componentButtonPrimarybrandButtonprimarybgcolorhoverdark =
-  "#b00003"; // This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029
-export const componentButtonPrimaryneutralButtonprimarybgcoloridle = "#242629"; // Bild & SpoBi: Tone 015
-export const componentButtonPrimaryneutralButtonprimarybgcolorhover = "#4a5259"; // Bild & SpoBi: Tone 035
+  "#b00003";
+export const componentButtonPrimaryneutralButtonprimarybgcoloridle = "#242629";
+export const componentButtonPrimaryneutralButtonprimarybgcolorhover = "#4a5259";
 export const componentButtonPrimaryneutralButtonprimarybgcoloridledark =
-  "#ffffff"; // Bild & SpoBi: Tone 100
+  "#ffffff";
 export const componentButtonPrimaryneutralButtonprimarybgcolorhoverdark =
-  "#e8edf0"; // Bild: 093 ; SpoBi: 081
-export const componentMenuMenulinklanesurfacecolor = "#ffffff"; // This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component.
-export const componentMenuMenulinklanesurfacecolordark = "#242629"; // 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 componentMenuMenulinklanelabelcolor = "#4a5259"; // 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 componentMenuMenulinklanelabelcoloractive = "#242629"; // This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component.
+  "#e8edf0";
+export const componentMenuMenulinklanesurfacecolor = "#ffffff";
+export const componentMenuMenulinklanesurfacecolordark = "#242629";
+export const componentMenuMenulinklanelabelcolor = "#4a5259";
+export const componentMenuMenulinklanelabelcoloractive = "#242629";
 export const componentMenuMenulinklanelabelcolordark = "#8c9196";
 export const componentMenuMenulinkcolorborderactive = "#de0000";
 export const componentMenuMenulinkcolorborderactivedark = "#ffffff";

package/dist/js/mapping/brand-color-sportbild.js

@@ -2,61 +2,61 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const globalCoreCorecolorprimary = "#0a264f"; // Bild: 046; SpoBi: 016 current css calls this variable main tenant color
-export const globalCoreCorecolorsecondary = "#ffffff"; // Bild&SpoBi Tone 100
-export const globalCoreCorecolorsecondarydark = "#081729"; // Bild: 015 ; SpoBi: 010
-export const globalCoreCorecolortertiary = "#081729"; // Bild: 015 ; SpoBi: 010
-export const globalCoreCorecolortertiarydark = "#ffffff"; // Bild&SpoBi: 100
-export const globalAttentionAccentcolorprimary = "#174582"; // Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers.
-export const globalAttentionAccentcolorprimarydark = "#f7fafc"; // Bild: 100 ; SpoBi: 098
-export const globalSurfaceSurfacecolorprimary = "#ffffff"; // Bild: 100 ; SpoBi: 100
-export const globalSurfaceSurfacecolorprimarydark = "#081729"; // Bild: 015 ; SpoBi: 010
-export const globalSurfaceSurfacecolorsecondary = "#f7fafc"; // Bild: 096 ; SpoBi: 098
-export const globalSurfaceSurfacecolorsecondarydark = "#0a264f"; // Bild: 020 ; SpoBi: 016
-export const globalSurfaceSurfacecolortertiary = "#bdc9db"; // Bild: 093 ; SpoBi: 081
-export const globalSurfaceSurfacecolortertiarydark = "#174582"; // Bild: 025 ; SpoBi: 029
-export const globalSurfaceSurfacecolorquartenary = "#cfd4d9"; // Bild: 085 ; SpoBi: 085
-export const globalSurfaceSurfacecolorquartenarydark = "#4a5259"; // Bild: 035 ; SpoBi: 035
-export const globalStateColorprimaryactive = "#174582"; // Bild: 046 ; SpoBi: 029
-export const globalStateColorprimaryactivedark = "#f7fafc"; // Bild: 046 ; SpoBi: 098
-export const globalTextTextcolorprimary = "#242629"; // Bild & SpoBi: Tone 015
-export const globalTextTextcolorprimarydark = "#e8edf0"; // Bild & SpoBi: Tone 093
-export const globalTextTextcolorsecondary = "#8c9196"; // Bild & SpoBi: Tone 060
-export const globalTextTextcolorsecondarydark = "#8c9196"; // Bild & SpoBi: Tone 060
-export const globalTextHeadlinecolorprimary = "#0a264f"; // Bild: 015 ; SpoBi: 016
-export const globalTextHeadlinecolorprimarydark = "#ffffff"; // Bild&SpoBi: Tone 100
-export const globalTextKickertextcoloronbg = "#ffffff"; // 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
-export const globalTextKickertextcoloronsurface = "#8c9196"; // 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
-export const globalTextKickertextcoloronsurfacedark = "#8c9196"; // Use this variable for kicker texts that are directly on top of the color of the overall user interface. Bild & SpoBi tone 060.
-export const globalTextKickerbgcoloronsurface = "#174582"; // Use this variable for the color immediately behind the bounding box of the kicker text element. Bild: 046 ; SpoBi: 029
-export const globalTextKickerbgcoloronsurfacedark = "#8c9196"; // Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060
-export const componentAvatarAvatarlabelcolor = "#666b70"; // 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045
-export const componentAvatarAvatarlabelcolordark = "#e8edf0"; // 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093
-export const componentAvatarAvatarlabelcolorhover = "#174582"; // This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029
+export const globalCoreCorecolorprimary = "#0a264f";
+export const globalCoreCorecolorsecondary = "#ffffff";
+export const globalCoreCorecolorsecondarydark = "#081729";
+export const globalCoreCorecolortertiary = "#081729";
+export const globalCoreCorecolortertiarydark = "#ffffff";
+export const globalAttentionAccentcolorprimary = "#174582";
+export const globalAttentionAccentcolorprimarydark = "#f7fafc";
+export const globalSurfaceSurfacecolorprimary = "#ffffff";
+export const globalSurfaceSurfacecolorprimarydark = "#081729";
+export const globalSurfaceSurfacecolorsecondary = "#f7fafc";
+export const globalSurfaceSurfacecolorsecondarydark = "#0a264f";
+export const globalSurfaceSurfacecolortertiary = "#bdc9db";
+export const globalSurfaceSurfacecolortertiarydark = "#174582";
+export const globalSurfaceSurfacecolorquartenary = "#cfd4d9";
+export const globalSurfaceSurfacecolorquartenarydark = "#4a5259";
+export const globalStateColorprimaryactive = "#174582";
+export const globalStateColorprimaryactivedark = "#f7fafc";
+export const globalTextTextcolorprimary = "#242629";
+export const globalTextTextcolorprimarydark = "#e8edf0";
+export const globalTextTextcolorsecondary = "#8c9196";
+export const globalTextTextcolorsecondarydark = "#8c9196";
+export const globalTextHeadlinecolorprimary = "#0a264f";
+export const globalTextHeadlinecolorprimarydark = "#ffffff";
+export const globalTextKickertextcoloronbg = "#ffffff";
+export const globalTextKickertextcoloronsurface = "#8c9196";
+export const globalTextKickertextcoloronsurfacedark = "#8c9196";
+export const globalTextKickerbgcoloronsurface = "#174582";
+export const globalTextKickerbgcoloronsurfacedark = "#8c9196";
+export const componentAvatarAvatarlabelcolor = "#666b70";
+export const componentAvatarAvatarlabelcolordark = "#e8edf0";
+export const componentAvatarAvatarlabelcolorhover = "#174582";
 export const componentChipcoloractive = "#174582";
-export const componentBreakingnewsBreakingnewstoptitletextcolor = "#ffbf00"; // 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 componentBreakingnewsBreakingnewsbottomtitletextcolor = "#ffffff"; // 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 componentBreakingnewsBreakingnewstitlesurfacecolor = "#0a264f"; // This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016
-export const componentBreakingnewsBreakingnewssurfacecolor = "#ffbf00"; // This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081
-export const componentBreakingnewsBreakingnewssurfacecolordark = "#ffbf00"; // 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 componentBreakingnewsBreakingnewstextcontentcolor = "#242629"; // This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015
-export const componentBreakingnewsBreakingnewstextcontentcolordark = "#242629"; // This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015
-export const componentButtonPrimarybrandButtonprimarybgcoloridle = "#174582"; // Bild: 046 ; SpoBi: 029
-export const componentButtonPrimarybrandButtonprimarybgcolorhover = "#0a264f"; // Bild: 035 ; SpoBi: 016
+export const componentBreakingnewsBreakingnewstoptitletextcolor = "#ffbf00";
+export const componentBreakingnewsBreakingnewsbottomtitletextcolor = "#ffffff";
+export const componentBreakingnewsBreakingnewstitlesurfacecolor = "#0a264f";
+export const componentBreakingnewsBreakingnewssurfacecolor = "#ffbf00";
+export const componentBreakingnewsBreakingnewssurfacecolordark = "#ffbf00";
+export const componentBreakingnewsBreakingnewstextcontentcolor = "#242629";
+export const componentBreakingnewsBreakingnewstextcontentcolordark = "#242629";
+export const componentButtonPrimarybrandButtonprimarybgcoloridle = "#174582";
+export const componentButtonPrimarybrandButtonprimarybgcolorhover = "#0a264f";
 export const componentButtonPrimarybrandButtonprimarybgcoloridledark =
-  "#305999"; // This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038
+  "#305999";
 export const componentButtonPrimarybrandButtonprimarybgcolorhoverdark =
-  "#174582"; // This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029
-export const componentButtonPrimaryneutralButtonprimarybgcoloridle = "#242629"; // Bild & SpoBi: Tone 015
-export const componentButtonPrimaryneutralButtonprimarybgcolorhover = "#4a5259"; // Bild & SpoBi: Tone 035
+  "#174582";
+export const componentButtonPrimaryneutralButtonprimarybgcoloridle = "#242629";
+export const componentButtonPrimaryneutralButtonprimarybgcolorhover = "#4a5259";
 export const componentButtonPrimaryneutralButtonprimarybgcoloridledark =
-  "#ffffff"; // Bild & SpoBi: Tone 100
+  "#ffffff";
 export const componentButtonPrimaryneutralButtonprimarybgcolorhoverdark =
-  "#bdc9db"; // Bild: 093 ; SpoBi: 081
-export const componentMenuMenulinklanesurfacecolor = "#0a264f"; // This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component.
-export const componentMenuMenulinklanesurfacecolordark = "#0a264f"; // 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 componentMenuMenulinklanelabelcolor = "#cfd4d9"; // 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 componentMenuMenulinklanelabelcoloractive = "#ffffff"; // This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component.
+  "#bdc9db";
+export const componentMenuMenulinklanesurfacecolor = "#0a264f";
+export const componentMenuMenulinklanesurfacecolordark = "#0a264f";
+export const componentMenuMenulinklanelabelcolor = "#cfd4d9";
+export const componentMenuMenulinklanelabelcoloractive = "#ffffff";
 export const componentMenuMenulinklanelabelcolordark = "#adb5ba";
 export const componentMenuMenulinkcolorborderactive = "#0a264f";
 export const componentMenuMenulinkcolorborderactivedark = "#f7fafc";