npm - @marioschmidt/design-system-tokens - Versions diffs - 1.0.60 → 1.0.62 - Mend

@marioschmidt/design-system-tokens 1.0.60 → 1.0.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3589) hide show

package/dist/js/brands/sportbild/overrides/brandcolormapping.js DELETED Viewed

@@ -1,162 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * BILD Design System Tokens v1.0.60
- * Generated by Style Dictionary v4.0.0
- *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
- */
-// ============================================
-// GLOBAL
-// ============================================
-// Global - Core
-/** Bild: 046; SpoBi: 016 current css calls this variable main tenant color */
-export const coreColorPrimary = "#0A2750";
-/** Bild&SpoBi Tone 100 */
-export const coreColorSecondary = "#FFFFFF";
-/** Bild: 015 ; SpoBi: 010 */
-export const coreColorSecondaryDark = "#081828";
-/** Bild: 015 ; SpoBi: 010 */
-export const coreColorTertiary = "#081828";
-/** Bild&SpoBi: 100 */
-export const coreColorTertiaryDark = "#FFFFFF";
-// 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 = "#174482";
-/** Bild: 100 ; SpoBi: 098 */
-export const accentColorPrimaryDark = "#F7F9FD";
-// Global - Surface
-/** Bild: 100 ; SpoBi: 100 */
-export const surfaceColorPrimary = "#FFFFFF";
-/** Bild: 015 ; SpoBi: 010 */
-export const surfaceColorPrimaryDark = "#081828";
-/** Bild: 096 ; SpoBi: 098 */
-export const surfaceColorSecondary = "#F7F9FD";
-/** Bild: 020 ; SpoBi: 016 */
-export const surfaceColorSecondaryDark = "#0A2750";
-/** Bild: 093 ; SpoBi: 081 */
-export const surfaceColorTertiary = "#BDCADB";
-/** Bild: 025 ; SpoBi: 029 */
-export const surfaceColorTertiaryDark = "#174482";
-/** Bild: 085 ; SpoBi: 085 */
-export const surfaceColorQuartenary = "#CED4DA";
-/** Bild: 035 ; SpoBi: 035 */
-export const surfaceColorQuartenaryDark = "#4B525A";
-// Global - State
-/** Bild: 046 ; SpoBi: 029 */
-export const colorPrimaryActive = "#174482";
-/** Bild: 046 ; SpoBi: 098 */
-export const colorPrimaryActiveDark = "#F7F9FD";
-// Global - Text
-/** Bild & SpoBi: Tone 015 */
-export const textColorPrimary = "#232629";
-/** Bild & SpoBi: Tone 093 */
-export const textColorPrimaryDark = "#E9ECEF";
-/** Bild: 015 ; SpoBi: 016 */
-export const headlineColorPrimary = "#0A2750";
-/** Bild&SpoBi: Tone 100 */
-export const headlineColorPrimaryDark = "#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 kickerTextColorOnBg = "#FFFFFF";
-/** 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 kickerTextColorOnSurface = "#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 kickerTextColorOnSurfaceDark = "#8C9196";
-/** Bild & SpoBi: Tone 060 */
-export const textColorSecondary = "#8C9196";
-/** Bild & SpoBi: Tone 060 */
-export const textColorSecondaryDark = "#8C9196";
-/** Use this variable for the color immediately behind the bounding box of the kicker text element. Bild: 046 ; SpoBi: 029 */
-export const kickerBgColorOnSurface = "#174482";
-/** 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 buttonPrimaryNeutralBgColorIdle = "#232629";
-/** Bild & SpoBi: Tone 035 */
-export const buttonPrimaryNeutralBgColorHover = "#4B525A";
-/** Bild & SpoBi: Tone 100 */
-export const buttonPrimaryNeutralBgColorIdleDark = "#FFFFFF";
-/** Bild: 093 ; SpoBi: 081 */
-export const buttonPrimaryNeutralBgColorHoverDark = "#BDCADB";
-// Component - Button - PrimaryBrand
-/** Bild: 046 ; SpoBi: 029 */
-export const buttonPrimaryBrandBgColorIdle = "#174482";
-/** This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 */
-export const buttonPrimaryBrandBgColorIdleDark = "#315998";
-/** Bild: 035 ; SpoBi: 016 */
-export const buttonPrimaryBrandBgColorHover = "#0A2750";
-/** This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 */
-export const buttonPrimaryBrandBgColorHoverDark = "#174482";
-// 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 = "#232629";
-/** This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 */
-export const breakingNewsSurfaceColor = "#FFBF00";
-/** This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 */
-export const breakingNewsTitleSurfaceColor = "#0A2750";
-/** 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 = "#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 breakingNewsSurfaceColorDark = "#FFBF00";
-/** 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 = "#FFFFFF";
-// Component - Teaser
-export const teaserTitleBackgroundGradientStart = "rgba(10, 39, 80, 0.7)";
-export const teaserTitleBackgroundGradientStop = "rgba(10, 39, 80, 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 = "#0A2750";
-/** 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 = "#CED4DA";
-export const menuLinkLaneLabelColorDark = "#AEB4B9";
-/** 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 = "#0A2750";
-export const menuLinkColorBorderActive = "#0A2750";
-export const menuLinkColorBorderActiveDark = "#F7F9FD";
-/** 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 = "#FFFFFF";
-export const appTopBarSurfaceColor = "#0A2750";
-export const appTopBarBgColorDark = "#0A2750";
-export const appBottomTabBarBgColor = "#FFFFFF";
-export const appBottomTabBarBgDark = "#0A2750";
-export const appTopBarIconColor = "#8C9196";
-export const appTopBarIconColorDark = "#8C9196";
-export const appTopBarTextColor = "#E9ECEF";
-export const appTopBarTextColorDark = "#E9ECEF";
-export const appTobBarTabNavBottomBorder = "#174482";
-export const appTobBarTabNavBottomBorderDark = "#174482";
-export const appTobBarTabNavBottomBorderActive = "#CED4DA";
-export const appTobBarTabNavBottomBorderActiveDark = "#FFFFFF";
-// Component - Avatar
-/** 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 */
-export const avatarLabelColorLight = "#666B70";
-/** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
-export const avatarLabelColorDark = "#E9ECEF";
-/** This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 */
-export const avatarLabelColorHover = "#174482";
-export const chipColorActive = "#174482";