@marioschmidt/design-system-tokens 1.0.62 → 1.0.64

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -190,79 +190,79 @@ export const footnoteFontWeightBold = "700";
 
 // Semantic - Typography - LineHeight - Body
 /** Figma's font line height currently does not allow for multipliers as is used on current website css var(--body-line-height) */
-export const bodyLineHeight = "28.05px";
+export const bodyLineHeight = "28.05";
 
 // Semantic - Typography - LineHeight - Kicker
-export const kicker4LineHeight = "15.4px";
-export const kicker3LineHeight = "17.6px";
-export const kicker2LineHeight = "17.6px";
-export const kicker1LineHeight = "22px";
+export const kicker4LineHeight = "15.4";
+export const kicker3LineHeight = "17.6";
+export const kicker2LineHeight = "17.6";
+export const kicker1LineHeight = "22";
 
 // Semantic - Typography - LineHeight - Label
-export const label3LineHeight = "14.4px";
+export const label3LineHeight = "14.4";
 /** This variable is used in the label1 text style's line height parameter. It references branding variables for brand specific line heights. */
-export const label1LineHeight = "20.4px";
-export const label1ResponsiveLineHeight = "12px";
-export const label2LineHeight = "19.2px";
-export const label4LineHeight = "10px";
+export const label1LineHeight = "20.4";
+export const label1ResponsiveLineHeight = "12";
+export const label2LineHeight = "19.2";
+export const label4LineHeight = "10";
 
 // Semantic - Typography - LineHeight - Display
-export const display1LineHeight = "40px";
-export const display2LineHeight = "36px";
-export const display3LineHeight = "28px";
+export const display1LineHeight = "40";
+export const display2LineHeight = "36";
+export const display3LineHeight = "28";
 
 // Semantic - Typography - LineHeight - Title
-export const title1LineHeight = "26.4px";
+export const title1LineHeight = "26.4";
 /** html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) */
-export const title2LineHeight = "16.8px";
+export const title2LineHeight = "16.8";
 
 // Semantic - Typography - LineHeight - Quote
 /** This variable is used in the quote text style line height parameter. */
-export const quoteLineHeight = "20.8px";
+export const quoteLineHeight = "20.8";
 
 // Semantic - Typography - LineHeight - Footnote
-export const footnote1LineHeight = "17.03px";
-export const footnote2LineHeight = "13px";
+export const footnote1LineHeight = "17.03";
+export const footnote2LineHeight = "13";
 
 // Semantic - Typography - LineHeight - Headline
-export const headline1LineHeight = "42px";
-export const headline2LineHeight = "42px";
-export const headline3LineHeight = "33px";
-export const headline4LineHeight = "23.1px";
+export const headline1LineHeight = "42";
+export const headline2LineHeight = "42";
+export const headline3LineHeight = "33";
+export const headline4LineHeight = "23.1";
 
 // Semantic - Typography - LineHeight - Callout
-export const calloutLineHeight = "23.4px";
+export const calloutLineHeight = "23.4";
 
 // Semantic - Typography - LineHeight - Subheadline
-export const subheadline1LineHeight = "23.4px";
+export const subheadline1LineHeight = "23.4";
 
 // Semantic - Typography - LetterSpacing
 /** 0.5 | 0.5 | 0.5 | 0.5 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. */
-export const letterSpacingPositiveSm = "0.5px";
+export const letterSpacingPositiveSm = "0.5";
 /** 2 | 2 | 2 | 3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. */
-export const letterSpacingPositiveLg = "2px";
+export const letterSpacingPositiveLg = "2";
 /** 1 | 1 | 1 | 1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. */
-export const letterSpacingPositiveMd = "1px";
+export const letterSpacingPositiveMd = "1";
 /** 0 | 0 | 0 | 0 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. */
-export const letterSpacingNone = "0px";
+export const letterSpacingNone = "0";
 /** -0.5 | -0.5 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. */
-export const letterSpacingNegativeSm = "-0.5px";
+export const letterSpacingNegativeSm = "-0.5";
 /** -1 | -1 | -1 | -1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. */
-export const letterSpacingNegativeMd = "-1px";
+export const letterSpacingNegativeMd = "-1";
 /** -2 | -2 | -2 | -3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. */
-export const letterSpacingNegativeLg = "-2px";
+export const letterSpacingNegativeLg = "-2";
 /** -0.25 | -0.25 | -0.25 | -0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. This letter spacing was only found in large titles on iOS mobile app large title component. */
-export const letterSpacingNegativeXs = "-0.25px";
+export const letterSpacingNegativeXs = "-0.25";
 /** 0.25 | 0.25 | 0.25 | 0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. */
-export const letterSpacingPositiveXs = "0.25px";
+export const letterSpacingPositiveXs = "0.25";
 
 // Semantic - Typography - LetterSpacing - display
 /** -0.5 | -0.5 | -1 | -2 | This variable is used for the letter spacing parameter of the display1 text style. On smaller devices the value is smaller than on larger devices. On desktop devices the letter spacing is further reduced for making the text style more compact. */
-export const display1LetterSpacing = "-0.5px";
+export const display1LetterSpacing = "-0.5";
 /** -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display2 text style. On smaller devices the value is smaller than on larger devices. */
-export const display2LetterSpacing = "-0.5px";
+export const display2LetterSpacing = "-0.5";
 /** -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display3 text style. On smaller devices the value is smaller than on larger devices. */
-export const display3LetterSpacing = "-0.5px";
+export const display3LetterSpacing = "-0.5";
 
 // Semantic - Border - BorderRadius
 /** 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. */

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * 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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * 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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * 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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * 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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * 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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * 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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * 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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * 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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * 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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -51,27 +51,27 @@ 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.25px";
+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 = "0px";
+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 = "1px";
+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.5px";
+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.25px";
+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.5px";
+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 = "2px";
+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. */
-export const letterSpaceNeg1 = "-1px";
+export const letterSpaceNeg1 = "-1";
 /** This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -2. This is usually reserved for large texts styles that are used on titles or headlines. */
-export const letterSpaceNeg2 = "-2px";
+export const letterSpaceNeg2 = "-2";
 /** This variable is a primitive for use in creating semantic text styles that need to use a much larger letter spacing value of 3. Text styles that have smaller font sizes should use increasingly positive values for their letter spacings on smaller device sizes. */
-export const letterSpace3 = "3px";
+export const letterSpace3 = "3";
 /** This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes. */
-export const letterSpaceNeg3 = "-3px";
+export const letterSpaceNeg3 = "-3";
 
 
 // ============================================
@@ -88,6 +88,6 @@ export const stFontWeightStBook = "400";
 export const stFontWeightBook350 = "350";
 export const stFontWeightExtraLight = "200";
 export const stFontWeightThin = "100";
-export const stFontWeightBoldItalic = "Bold Italic";
-export const stFontWeightBlackItalic = "Black Italic";
+export const stFontWeightBoldItalic = "700";
+export const stFontWeightBlackItalic = "900";
 

package/dist/js/shared/sizeprimitive.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -17,50 +17,50 @@
 export const size6x = "48px";
 export const size3x = "24px";
 export const size1x = "8px";
-export const size025x = "2px";
+export const size0p25x = "2px";
 export const size05x = "4px";
 export const size2x = "16px";
-export const size45x = "36px";
+export const size4p5x = "36px";
 export const size5x = "40px";
-export const size35x = "28px";
-export const size25x = "20px";
-export const size125x = "100px";
-export const size275x = "22px";
-export const size325x = "26px";
+export const size3p5x = "28px";
+export const size2p5x = "20px";
+export const size12p5x = "100px";
+export const size2p75x = "22px";
+export const size3p25x = "26px";
 export const size4x = "32px";
-export const size375x = "30px";
-export const size225x = "18px";
+export const size3p75x = "30px";
+export const size2p25x = "18px";
 export const size7x = "56px";
-export const size15x = "12px";
-export const size075x = "6px";
-export const size225x = "180px";
+export const size1p5x = "12px";
+export const size0p75x = "6px";
+export const size22p5x = "180px";
 export const size40x = "320px";
 export const size8x = "64px";
-export const size115x = "92px";
-export const size175x = "14px";
-export const size525x = "42px";
-export const size125x = "10px";
+export const size11p5x = "92px";
+export const size1p75x = "14px";
+export const size5p25x = "42px";
+export const size1p25x = "10px";
 export const size80x = "640px";
-export const size175x = "140px";
+export const size17p5x = "140px";
 export const size20x = "160px";
 export const size128x = "1024px";
 export const size124x = "992px";
 export const size12x = "96px";
 export const size35x = "280px";
 export const size15x = "120px";
-export const size1625 = "130px";
-export const size875x = "700px";
+export const size16p25 = "130px";
+export const size87p5x = "700px";
 export const size10x = "80px";
 export const size30x = "240px";
 export const size25x = "200px";
 export const size168x = "1344px";
 export const size60x = "480px";
 export const size9x = "72px";
-export const size275x = "220px";
+export const size27p5x = "220px";
 export const size50x = "400px";
-export const size11625x = "930px";
-export const size185x = "148px";
+export const size116p25x = "930px";
+export const size18p5x = "148px";
 export const size100x = "800px";
 export const size0x = "0px";
-export const size0125x = "1px";
+export const size0p125x = "1px";
 

package/dist/js/shared/spaceprimitive.js

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  * 
- * BILD Design System Tokens v1.0.62
+ * BILD Design System Tokens v1.0.64
  * Generated by Style Dictionary v4.0.0
  * 
  * Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -15,10 +15,10 @@
 // ============================================
 
 export const space1x = "8px";
-export const space05x = "4px";
-export const space025x = "2px";
+export const space0p5x = "4px";
+export const space0p25x = "2px";
 export const space2x = "16px";
-export const space15x = "12px";
+export const space1p5x = "12px";
 export const space4x = "32px";
 export const space3x = "24px";
 export const space6x = "48px";
@@ -28,15 +28,15 @@ export const space5x = "40px";
 export const space0x = "0px";
 export const space10x = "80px";
 export const space20x = "160px";
-export const space25x = "20px";
-export const spaceNeg025x = "-2px";
-export const space075x = "6px";
-export const space125x = "10px";
-export const space275x = "22px";
-export const space45x = "36px";
-export const space75x = "60px";
+export const space2p5x = "20px";
+export const spaceNeg0p25x = "-2px";
+export const space0p75x = "6px";
+export const space1p25x = "10px";
+export const space2p75x = "22px";
+export const space4p5x = "36px";
+export const space7p5x = "60px";
 export const space12x = "96px";
-export const space175x = "14px";
-export const space85x = "68px";
-export const space35x = "28px";
+export const space1p75x = "14px";
+export const space8p5x = "68px";
+export const space3p5x = "28px";
 

package/dist/json/brands/advertorial/components/Accordion/accordion-breakpoint-lg-1024px-regular.json

@@ -16,6 +16,7 @@
       "collectionType": "primitive",
       "variableId": "VariableID:17036:23304"
     },
+    "$type": "fontFamily",
     "comment": "This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande",
     "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/components/Accordion/accordion-breakpoint-lg-1024px-regular.json",
     "isSource": true,
@@ -36,6 +37,7 @@
         "collectionType": "primitive",
         "variableId": "VariableID:17036:23304"
       },
+      "$type": "fontFamily",
       "comment": "This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande"
     },
     "name": "accordionLabelFontFamily",

package/dist/json/brands/advertorial/components/Accordion/accordion-breakpoint-md-600px.json

@@ -16,6 +16,7 @@
       "collectionType": "primitive",
       "variableId": "VariableID:17036:23304"
     },
+    "$type": "fontFamily",
     "comment": "This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande",
     "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/components/Accordion/accordion-breakpoint-md-600px.json",
     "isSource": true,
@@ -36,6 +37,7 @@
         "collectionType": "primitive",
         "variableId": "VariableID:17036:23304"
       },
+      "$type": "fontFamily",
       "comment": "This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande"
     },
     "name": "accordionLabelFontFamily",

package/dist/json/brands/advertorial/components/Accordion/accordion-breakpoint-sm-390px-compact.json

@@ -16,6 +16,7 @@
       "collectionType": "primitive",
       "variableId": "VariableID:17036:23304"
     },
+    "$type": "fontFamily",
     "comment": "This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande",
     "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/components/Accordion/accordion-breakpoint-sm-390px-compact.json",
     "isSource": true,
@@ -36,6 +37,7 @@
         "collectionType": "primitive",
         "variableId": "VariableID:17036:23304"
       },
+      "$type": "fontFamily",
       "comment": "This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande"
     },
     "name": "accordionLabelFontFamily",

package/dist/json/brands/advertorial/components/Accordion/accordion-breakpoint-xs-320px.json

@@ -16,6 +16,7 @@
       "collectionType": "primitive",
       "variableId": "VariableID:17036:23304"
     },
+    "$type": "fontFamily",
     "comment": "This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande",
     "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/components/Accordion/accordion-breakpoint-xs-320px.json",
     "isSource": true,
@@ -36,6 +37,7 @@
         "collectionType": "primitive",
         "variableId": "VariableID:17036:23304"
       },
+      "$type": "fontFamily",
       "comment": "This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande"
     },
     "name": "accordionLabelFontFamily",

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

@@ -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"