npm - @marioschmidt/design-system-tokens - Versions diffs - 1.0.63 → 1.0.64 - Mend

@marioschmidt/design-system-tokens 1.0.63 → 1.0.64

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 (2558) hide show

package/dist/js/brands/sportbild/components/Teaser/teaser-effects-dark.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Mode: dark

package/dist/js/brands/sportbild/components/Teaser/teaser-effects-light.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Mode: light

package/dist/js/brands/sportbild/components/Teaser/teaser-typography-lg.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: lg

package/dist/js/brands/sportbild/components/Teaser/teaser-typography-md.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: md

package/dist/js/brands/sportbild/components/Teaser/teaser-typography-sm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: sm

package/dist/js/brands/sportbild/components/Teaser/teaser-typography-xs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: xs

package/dist/js/brands/sportbild/components/TextLink/textlink-color-dark.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/TextLink/textlink-color-light.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/ToggleSwitch/toggleswitch-breakpoint-lg-1024px-regular.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/ToggleSwitch/toggleswitch-breakpoint-md-600px.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/ToggleSwitch/toggleswitch-breakpoint-sm-390px-compact.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/ToggleSwitch/toggleswitch-breakpoint-xs-320px.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/ToggleSwitch/toggleswitch-typography-lg.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: lg

package/dist/js/brands/sportbild/components/ToggleSwitch/toggleswitch-typography-md.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: md

package/dist/js/brands/sportbild/components/ToggleSwitch/toggleswitch-typography-sm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: sm

package/dist/js/brands/sportbild/components/ToggleSwitch/toggleswitch-typography-xs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: xs

package/dist/js/brands/sportbild/components/Video/video-breakpoint-lg-1024px-regular.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/Video/video-breakpoint-md-600px.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/Video/video-breakpoint-sm-390px-compact.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/Video/video-breakpoint-xs-320px.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/_DSysDoc/_dsysdoc-color-dark.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/_DSysDoc/_dsysdoc-color-light.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/components/_DSysDocs/_dsysdocs-breakpoint-lg-1024px-regular.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -24,7 +24,7 @@ export const mainContentStageSize = "1024px";
 /** This variable is used on documentation pages that have an artistic banner at the top of the page that is related to the foundation topic on the page. 80 - 80 -80 - 140 */
 export const foundationsBannerHeightSize = "140px";
 /** This variable is used in documentation pages that have small caption or lables along with a UI component documented. 4 - 4 - 6 - 8 */
-export const dsCaptionStackSpace05x = "8px";
+export const dsCaptionStackSpace0p5x = "8px";
 export const dsCaptionStackSpace1x = "16px";
 /** This variable is used only for this design system's component tests. */
 export const _1columnMobile = "656px";

package/dist/js/brands/sportbild/components/_DSysDocs/_dsysdocs-breakpoint-md-600px.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -24,7 +24,7 @@ export const mainContentStageSize = "962px";
 /** This variable is used on documentation pages that have an artistic banner at the top of the page that is related to the foundation topic on the page. 80 - 80 -80 - 140 */
 export const foundationsBannerHeightSize = "80px";
 /** This variable is used in documentation pages that have small caption or lables along with a UI component documented. 4 - 4 - 6 - 8 */
-export const dsCaptionStackSpace05x = "6px";
+export const dsCaptionStackSpace0p5x = "6px";
 export const dsCaptionStackSpace1x = "12px";
 /** This variable is used only for this design system's component tests. */
 export const _1columnMobile = "930px";

package/dist/js/brands/sportbild/components/_DSysDocs/_dsysdocs-breakpoint-sm-390px-compact.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -24,7 +24,7 @@ export const mainContentStageSize = "750px";
 /** This variable is used on documentation pages that have an artistic banner at the top of the page that is related to the foundation topic on the page. 80 - 80 -80 - 140 */
 export const foundationsBannerHeightSize = "80px";
 /** This variable is used in documentation pages that have small caption or lables along with a UI component documented. 4 - 4 - 6 - 8 */
-export const dsCaptionStackSpace05x = "4px";
+export const dsCaptionStackSpace0p5x = "4px";
 export const dsCaptionStackSpace1x = "8px";
 /** This variable is used only for this design system's component tests. */
 export const _1columnMobile = "320px";

package/dist/js/brands/sportbild/components/_DSysDocs/_dsysdocs-breakpoint-xs-320px.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -24,7 +24,7 @@ export const mainContentStageSize = "320px";
 /** This variable is used on documentation pages that have an artistic banner at the top of the page that is related to the foundation topic on the page. 80 - 80 -80 - 140 */
 export const foundationsBannerHeightSize = "80px";
 /** This variable is used in documentation pages that have small caption or lables along with a UI component documented. 4 - 4 - 6 - 8 */
-export const dsCaptionStackSpace05x = "4px";
+export const dsCaptionStackSpace0p5x = "4px";
 export const dsCaptionStackSpace1x = "8px";
 /** This variable is used only for this design system's component tests. */
 export const _1columnMobile = "320px";

package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/brands/sportbild/semantic/color/colormode-dark.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -127,13 +127,6 @@ export const coreColorTertiary = "#FFFFFF";
 export const coreColorSecondaryConstant = "#FFFFFF";
 /** Use this on elements that need to maintain the dark color across themes and color modes. */
 export const coreColorTertiaryConstant = "#081828";
-/** this is a test for the token pipeline */
-export const newTest = "#B0D1F3";
-/** this is a test for the token pipeline */
-export const testtestakskss = "#B0D1F3";
-export const fabianColor = "#00FF59";
-export const philipTest = "#00FF59";
-export const pipelineTestToken = "#00491A";
 // Semantic - Icon
 /** Primary icon color on primary surfaces. */

package/dist/js/brands/sportbild/semantic/color/colormode-light.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -127,13 +127,6 @@ export const coreColorTertiary = "#081828";
 export const coreColorSecondaryConstant = "#FFFFFF";
 /** Use this on elements that need to maintain the dark color across themes and color modes. */
 export const coreColorTertiaryConstant = "#081828";
-/** this is a test for the token pipeline */
-export const newTest = "#007CF9";
-/** this is a test for the token pipeline */
-export const testtestakskss = "#F45B02";
-export const fabianColor = "#D31818";
-export const philipTest = "#00FF73";
-export const pipelineTestToken = "#125631";
 // Semantic - Icon
 /** Primary icon color on primary surfaces. */

package/dist/js/brands/sportbild/semantic/effects/effects-dark.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Mode: dark

package/dist/js/brands/sportbild/semantic/effects/effects-light.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Mode: light

package/dist/js/brands/sportbild/semantic/typography/typography-lg.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: lg

package/dist/js/brands/sportbild/semantic/typography/typography-md.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: md

package/dist/js/brands/sportbild/semantic/typography/typography-sm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: sm

package/dist/js/brands/sportbild/semantic/typography/typography-xs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | Context: Breakpoint: xs

package/dist/js/shared/colorprimitive.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -19,6 +19,8 @@
 export const bildred = "#DD0000";
 export const bildred035 = "#AF0002";
 export const bildred053 = "#F52D2D";
+/** Used on elevation effects. */
+export const bildRedAlpha80 = "rgba(221, 0, 0, 0.8)";
 // BILD - gray
 export const bild015 = "#232629";
@@ -35,9 +37,18 @@ export const bild045 = "#666B70";
 export const bild010 = "#1C1C1C";
 export const bild020 = "#2C3138";
-// BILD - neutral
-export const bild100 = "#FFFFFF";
-export const bildblack = "#000000";
+// BILD - white
+export const white100 = "#FFFFFF";
+export const whiteAlpha10 = "rgba(255, 255, 255, 0.1)";
+export const whiteAlpha20 = "rgba(255, 255, 255, 0.2)";
+export const whiteAlpha30 = "rgba(255, 255, 255, 0.3)";
+/** Used on elevation effects. */
+export const whiteAlpha60 = "rgba(255, 255, 255, 0.6)";
+/** Used on elevation effects. */
+export const whiteAlpha70 = "rgba(255, 255, 255, 0.7)";
+export const whiteAlpha35 = "rgba(255, 255, 255, 0.35)";
+/** Used on elevation effects. */
+export const whiteAlpha80 = "rgba(255, 255, 255, 0.8)";
 // BILD - orange
 /** Tone: 067 */
@@ -47,7 +58,7 @@ export const bildorange = "#FD8227";
 export const bildgreen070 = "#00C373";
 export const bildgreen063 = "#00AF67";
 export const bildgreen093 = "#CEF4E4";
-export const bildgreen093Alpha50 = "rgba(206, 244, 228, 0.5)";
+export const bildgreen093alpha50 = "rgba(206, 244, 228, 0.5)";
 export const bildgreen056Alpha50 = "rgba(0, 155, 90, 0.5)";
 /** This value of green was found in a text field's text color. */
 export const bildgreen040 = "#006E3E";
@@ -61,36 +72,25 @@ export const bildyellow = "#FFBF00";
 /** Tone: 020 */
 export const bildberry = "#551937";
-// BILD - alpha
-export const alphaBlack20 = "rgba(0, 0, 0, 0.2)";
-export const alphaBlack10 = "rgba(0, 0, 0, 0.1)";
-/** Used on elevation effects. */
-export const alphaBlack60 = "rgba(0, 0, 0, 0.6)";
-export const alphaBlack30 = "rgba(0, 0, 0, 0.3)";
-/** Used on elevation effects. */
-export const alphaBlack70 = "rgba(0, 0, 0, 0.7)";
-export const alphaWhite10 = "rgba(255, 255, 255, 0.1)";
-export const alphaWhite20 = "rgba(255, 255, 255, 0.2)";
-export const alphaWhite30 = "rgba(255, 255, 255, 0.3)";
-/** Used on elevation effects. */
-export const alphaWhite60 = "rgba(255, 255, 255, 0.6)";
-/** Used on elevation effects. */
-export const alphaWhite70 = "rgba(255, 255, 255, 0.7)";
-export const alphaWhite35 = "rgba(255, 255, 255, 0.35)";
+// BILD - black
+export const blackAlpha20 = "rgba(0, 0, 0, 0.2)";
+export const blackAlpha10 = "rgba(0, 0, 0, 0.1)";
 /** Used on elevation effects. */
-export const alphaBildred80 = "rgba(221, 0, 0, 0.8)";
+export const blackAlpha60 = "rgba(0, 0, 0, 0.6)";
+export const blackAlpha30 = "rgba(0, 0, 0, 0.3)";
 /** Used on elevation effects. */
-export const alphaBlack80 = "rgba(0, 0, 0, 0.8)";
+export const blackAlpha70 = "rgba(0, 0, 0, 0.7)";
+export const black100 = "#000000";
 /** Used on elevation effects. */
-export const alphaWhite80 = "rgba(255, 255, 255, 0.8)";
-export const alphaBlack35 = "rgba(0, 0, 0, 0.35)";
-export const alphaBlack0 = "rgba(0, 0, 0, 0)";
-export const alphaBlack50 = "rgba(0, 0, 0, 0.5)";
-export const alphaBlack05 = "rgba(0, 0, 0, 0.05)";
+export const blackAlpha80 = "rgba(0, 0, 0, 0.8)";
+export const blackAlpha35 = "rgba(0, 0, 0, 0.35)";
+export const blackAlpha0 = "rgba(0, 0, 0, 0)";
+export const blackAlpha50 = "rgba(0, 0, 0, 0.5)";
+export const blackAlpha05 = "rgba(0, 0, 0, 0.05)";
 // BILD - blue
 /** This Blue color was taken from the Weather 2024 project. Tone: 069 */
-export const bildblue = "#00B1FF";
+export const bildBlue = "#00B1FF";
 // ============================================
@@ -143,8 +143,8 @@ export const spobiBlue038 = "#315998";
 export const spobiRed = "#E52528";
 // SportBILD - alpha
-export const spobiBlue016Alpha0 = "rgba(10, 39, 80, 0)";
-export const spobiBlue016Alpha70 = "rgba(10, 39, 80, 0.7)";
+export const spobiBlue016alpha0 = "rgba(10, 39, 80, 0)";
+export const spobiBlue016alpha70 = "rgba(10, 39, 80, 0.7)";
 // ============================================

package/dist/js/shared/fontprimitive.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -51,17 +51,17 @@ export const fontWeightMedium = "500";
 // ============================================
 /** This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25. */
-export const letterSpaceNeg025 = "-0.25";
+export const letterSpaceNeg0p25 = "-0.25";
 /** This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0. */
 export const letterSpace0 = "0";
 /** This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1. */
 export const letterSpace1 = "1";
 /** This variable is a primitive for use in creating semantic text styles that need to use a slight positive letter spacing value of 0.5. */
-export const letterSpace05 = "0.5";
+export const letterSpace0p5 = "0.5";
 /** This variable is a primitive for use in creating semantic text styles that need to use a subtle positive letter spacing value of 0.25. */
-export const letterSpace025 = "0.25";
+export const letterSpace0p25 = "0.25";
 /** This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5. */
-export const letterSpaceNeg05 = "-0.5";
+export const letterSpaceNeg0p5 = "-0.5";
 /** This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2. */
 export const letterSpace2 = "2";
 /** This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1. */

package/dist/js/shared/sizeprimitive.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/js/shared/spaceprimitive.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.63
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  *
  * Copyright (c) 2024 Axel Springer Deutschland GmbH

package/dist/json/brands/advertorial/components/Alert/alert-effects-dark.json CHANGED Viewed

@@ -35,7 +35,7 @@
       {
         "index": 0,
         "color": {
-          "token": "alphaBlack20",
+          "token": "blackAlpha20",
           "collection": "_colorprimitive",
           "collectionType": "primitive",
           "variableId": "VariableID:7765:32149"
@@ -80,7 +80,7 @@
         {
           "index": 0,
           "color": {
-            "token": "alphaBlack20",
+            "token": "blackAlpha20",
             "collection": "_colorprimitive",
             "collectionType": "primitive",
             "variableId": "VariableID:7765:32149"
@@ -132,7 +132,7 @@
       {
         "index": 0,
         "color": {
-          "token": "alphaBlack20",
+          "token": "blackAlpha20",
           "collection": "_colorprimitive",
           "collectionType": "primitive",
           "variableId": "VariableID:7765:32149"
@@ -177,7 +177,7 @@
         {
           "index": 0,
           "color": {
-            "token": "alphaBlack20",
+            "token": "blackAlpha20",
             "collection": "_colorprimitive",
             "collectionType": "primitive",
             "variableId": "VariableID:7765:32149"