@marioschmidt/design-system-tokens 1.0.65 → 1.0.66

package/dist/ios/shared/DesignSystemTheme.swift

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.65
+// BILD Design System Tokens v1.0.66
 // Generated by Style Dictionary
 //
 // Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -112,29 +112,29 @@ public protocol DesignSizingScheme: Sendable {
     var canvasWidthSizeWeb: CGFloat { get }
     var canvasWidthSizeApp: CGFloat { get }
     var canvasHeightSizeApp: CGFloat { get }
-    var title1FontSize: CGFloat { get }
-    var title2FontSize: CGFloat { get }
-    var display1FontSize: CGFloat { get }
-    var display2FontSize: CGFloat { get }
-    var display3FontSize: CGFloat { get }
-    var headline1FontSize: CGFloat { get }
-    var headline2FontSize: CGFloat { get }
-    var headline3FontSize: CGFloat { get }
-    var headline4FontSize: CGFloat { get }
+    var title1fontSize: CGFloat { get }
+    var title2fontSize: CGFloat { get }
+    var display1fontSize: CGFloat { get }
+    var display2fontSize: CGFloat { get }
+    var display3fontSize: CGFloat { get }
+    var headline1fontSize: CGFloat { get }
+    var headline2fontSize: CGFloat { get }
+    var headline3fontSize: CGFloat { get }
+    var headline4fontSize: CGFloat { get }
     var bodyFontSize: CGFloat { get }
-    var label3FontSize: CGFloat { get }
-    var label2FontSize: CGFloat { get }
-    var label1FontSize: CGFloat { get }
-    var label1FontSizeResponsive: CGFloat { get }
-    var label4FontSize: CGFloat { get }
-    var callout1FontSize: CGFloat { get }
-    var footnote1FontSize: CGFloat { get }
-    var footnote2FontSize: CGFloat { get }
-    var kicker1FontSize: CGFloat { get }
-    var kicker2FontSize: CGFloat { get }
-    var kicker3FontSize: CGFloat { get }
-    var kicker4FontSize: CGFloat { get }
-    var subheadline1FontSize: CGFloat { get }
+    var label3fontSize: CGFloat { get }
+    var label2fontSize: CGFloat { get }
+    var label1fontSize: CGFloat { get }
+    var label1fontSizeResponsive: CGFloat { get }
+    var label4fontSize: CGFloat { get }
+    var callout1fontSize: CGFloat { get }
+    var footnote1fontSize: CGFloat { get }
+    var footnote2fontSize: CGFloat { get }
+    var kicker1fontSize: CGFloat { get }
+    var kicker2fontSize: CGFloat { get }
+    var kicker3fontSize: CGFloat { get }
+    var kicker4fontSize: CGFloat { get }
+    var subheadline1fontSize: CGFloat { get }
     var quoteFontSize: CGFloat { get }
     var bodyFontFamily: String { get }
     var calloutFontFamily: String { get }
@@ -154,40 +154,40 @@ public protocol DesignSizingScheme: Sendable {
     var kickerFontWeight: CGFloat { get }
     var kickerFontWeightSt: String { get }
     var subheadlineFontWeight: CGFloat { get }
-    var headline1FontWeight: CGFloat { get }
-    var headline2FontWeight: CGFloat { get }
-    var headline3FontWeight: CGFloat { get }
-    var headline4FontWeight: CGFloat { get }
-    var headline1FontWeightSt: String { get }
+    var headline1fontWeight: CGFloat { get }
+    var headline2fontWeight: CGFloat { get }
+    var headline3fontWeight: CGFloat { get }
+    var headline4fontWeight: CGFloat { get }
+    var headline1fontWeightSt: String { get }
     var titleFontWeight: CGFloat { get }
     var displayFontWeight: CGFloat { get }
     var quoteFontWeight: CGFloat { get }
     var footnoteFontWeightBook: CGFloat { get }
     var footnoteFontWeightBold: CGFloat { get }
     var bodyLineHeight: CGFloat { get }
-    var kicker4LineHeight: CGFloat { get }
-    var kicker3LineHeight: CGFloat { get }
-    var kicker2LineHeight: CGFloat { get }
-    var kicker1LineHeight: CGFloat { get }
-    var label3LineHeight: CGFloat { get }
-    var label1LineHeight: CGFloat { get }
-    var label1ResponsiveLineHeight: CGFloat { get }
-    var label2LineHeight: CGFloat { get }
-    var label4LineHeight: CGFloat { get }
-    var display1LineHeight: CGFloat { get }
-    var display2LineHeight: CGFloat { get }
-    var display3LineHeight: CGFloat { get }
-    var title1LineHeight: CGFloat { get }
-    var title2LineHeight: CGFloat { get }
+    var kicker4lineHeight: CGFloat { get }
+    var kicker3lineHeight: CGFloat { get }
+    var kicker2lineHeight: CGFloat { get }
+    var kicker1lineHeight: CGFloat { get }
+    var label3lineHeight: CGFloat { get }
+    var label1lineHeight: CGFloat { get }
+    var label1responsiveLineHeight: CGFloat { get }
+    var label2lineHeight: CGFloat { get }
+    var label4lineHeight: CGFloat { get }
+    var display1lineHeight: CGFloat { get }
+    var display2lineHeight: CGFloat { get }
+    var display3lineHeight: CGFloat { get }
+    var title1lineHeight: CGFloat { get }
+    var title2lineHeight: CGFloat { get }
     var quoteLineHeight: CGFloat { get }
-    var footnote1LineHeight: CGFloat { get }
-    var footnote2LineHeight: CGFloat { get }
-    var headline1LineHeight: CGFloat { get }
-    var headline2LineHeight: CGFloat { get }
-    var headline3LineHeight: CGFloat { get }
-    var headline4LineHeight: CGFloat { get }
+    var footnote1lineHeight: CGFloat { get }
+    var footnote2lineHeight: CGFloat { get }
+    var headline1lineHeight: CGFloat { get }
+    var headline2lineHeight: CGFloat { get }
+    var headline3lineHeight: CGFloat { get }
+    var headline4lineHeight: CGFloat { get }
     var calloutLineHeight: CGFloat { get }
-    var subheadline1LineHeight: CGFloat { get }
+    var subheadline1lineHeight: CGFloat { get }
     var letterSpacingPositiveSm: CGFloat { get }
     var letterSpacingPositiveLg: CGFloat { get }
     var letterSpacingPositiveMd: CGFloat { get }
@@ -197,9 +197,9 @@ public protocol DesignSizingScheme: Sendable {
     var letterSpacingNegativeLg: CGFloat { get }
     var letterSpacingNegativeXs: CGFloat { get }
     var letterSpacingPositiveXs: CGFloat { get }
-    var display1LetterSpacing: CGFloat { get }
-    var display2LetterSpacing: CGFloat { get }
-    var display3LetterSpacing: CGFloat { get }
+    var display1letterSpacing: CGFloat { get }
+    var display2letterSpacing: CGFloat { get }
+    var display3letterSpacing: CGFloat { get }
     var borderRadiusXs: CGFloat { get }
     var borderRadiusMd: CGFloat { get }
     var borderRadiusSm: CGFloat { get }
@@ -217,67 +217,67 @@ public protocol DesignSizingScheme: Sendable {
     var inlineSpaceRespSm: CGFloat { get }
     var inlineSpaceRespMd: CGFloat { get }
     var inlineSpaceRespLg: CGFloat { get }
-    var inlineSpaceResp2Xl: CGFloat { get }
+    var inlineSpaceResp2xl: CGFloat { get }
     var inlineSpaceRespXl: CGFloat { get }
     var inlineSpaceConstSm: CGFloat { get }
     var inlineSpaceConstMd: CGFloat { get }
     var inlineSpaceConstLg: CGFloat { get }
-    var inlineSpaceConst2Xl: CGFloat { get }
+    var inlineSpaceConst2xl: CGFloat { get }
     var inlineSpaceConstXl: CGFloat { get }
     var inlineSpaceConstXs: CGFloat { get }
-    var inlineSpaceConst3Xs: CGFloat { get }
-    var inlineSpaceConst2Xs: CGFloat { get }
+    var inlineSpaceConst3xs: CGFloat { get }
+    var inlineSpaceConst2xs: CGFloat { get }
     var stackSpaceRespMd: CGFloat { get }
     var stackSpaceRespLg: CGFloat { get }
-    var stackSpaceResp2Xl: CGFloat { get }
+    var stackSpaceResp2xl: CGFloat { get }
     var stackSpaceRespSm: CGFloat { get }
     var stackSpaceRespXl: CGFloat { get }
     var stackSpaceConstSm: CGFloat { get }
     var stackSpaceConstMd: CGFloat { get }
     var stackSpaceConstLg: CGFloat { get }
-    var stackSpaceConst2Xl: CGFloat { get }
+    var stackSpaceConst2xl: CGFloat { get }
     var stackSpaceConstXl: CGFloat { get }
     var stackSpaceConstXs: CGFloat { get }
-    var stackSpaceConst3Xs: CGFloat { get }
-    var stackSpaceConst2Xs: CGFloat { get }
+    var stackSpaceConst3xs: CGFloat { get }
+    var stackSpaceConst2xs: CGFloat { get }
     var gapSpaceRespXs: CGFloat { get }
     var gapSpaceRespLg: CGFloat { get }
     var gapSpaceRespXl: CGFloat { get }
-    var gapSpaceResp2Xl: CGFloat { get }
+    var gapSpaceResp2xl: CGFloat { get }
     var gapSpaceRespMd: CGFloat { get }
     var gapSpaceRespSm: CGFloat { get }
-    var gapSpaceResp2Xs: CGFloat { get }
-    var gapSpaceResp3Xl: CGFloat { get }
-    var gapSpaceConst2Xs: CGFloat { get }
+    var gapSpaceResp2xs: CGFloat { get }
+    var gapSpaceResp3xl: CGFloat { get }
+    var gapSpaceConst2xs: CGFloat { get }
     var gapSpaceConstXs: CGFloat { get }
     var gapSpaceConstSm: CGFloat { get }
     var gapSpaceConstMd: CGFloat { get }
     var gapSpaceConstLg: CGFloat { get }
     var gapSpaceConstXl: CGFloat { get }
-    var gapSpaceConst2Xl: CGFloat { get }
-    var gapSpaceConst3Xl: CGFloat { get }
-    var sizeConst3Xs: CGFloat { get }
-    var sizeConst2Xs: CGFloat { get }
+    var gapSpaceConst2xl: CGFloat { get }
+    var gapSpaceConst3xl: CGFloat { get }
+    var sizeConst3xs: CGFloat { get }
+    var sizeConst2xs: CGFloat { get }
     var sizeConstXs: CGFloat { get }
     var sizeConstSm: CGFloat { get }
     var sizeConstMd: CGFloat { get }
     var sizeConstLg: CGFloat { get }
     var sizeConstXl: CGFloat { get }
-    var sizeConst3Xl: CGFloat { get }
-    var sizeConst4Xl: CGFloat { get }
-    var sizeConst2Xl: CGFloat { get }
-    var sizeConst4Xs: CGFloat { get }
-    var sizeResp3Xs: CGFloat { get }
-    var sizeResp2Xs: CGFloat { get }
+    var sizeConst3xl: CGFloat { get }
+    var sizeConst4xl: CGFloat { get }
+    var sizeConst2xl: CGFloat { get }
+    var sizeConst4xs: CGFloat { get }
+    var sizeResp3xs: CGFloat { get }
+    var sizeResp2xs: CGFloat { get }
     var sizeRespXs: CGFloat { get }
     var sizeRespSm: CGFloat { get }
     var sizeRespMd: CGFloat { get }
     var sizeRespLg: CGFloat { get }
     var sizeRespXl: CGFloat { get }
-    var sizeResp2Xl: CGFloat { get }
-    var sizeResp3Xl: CGFloat { get }
-    var sizeResp4Xl: CGFloat { get }
-    var sizeResp4Xs: CGFloat { get }
+    var sizeResp2xl: CGFloat { get }
+    var sizeResp3xl: CGFloat { get }
+    var sizeResp4xl: CGFloat { get }
+    var sizeResp4xs: CGFloat { get }
     var breakpointName: String { get }
 }
 
@@ -308,9 +308,9 @@ public protocol DesignTypographyScheme: Sendable {
     var kicker3: TextStyle { get }
     var kicker4: TextStyle { get }
     var title1: TextStyle { get }
-    var title1Uppercase: TextStyle { get }
+    var title1uppercase: TextStyle { get }
     var title2: TextStyle { get }
-    var title2Uppercase: TextStyle { get }
+    var title2uppercase: TextStyle { get }
     var callout: TextStyle { get }
     var body: TextStyle { get }
     var bodyItalic: TextStyle { get }
@@ -322,21 +322,21 @@ public protocol DesignTypographyScheme: Sendable {
     var textLinkHover: TextStyle { get }
     var textLinkBoldHover: TextStyle { get }
     var footnote1: TextStyle { get }
-    var footnote1Bold: TextStyle { get }
+    var footnote1bold: TextStyle { get }
     var footnote2: TextStyle { get }
-    var footnote2Bold: TextStyle { get }
+    var footnote2bold: TextStyle { get }
     var label1: TextStyle { get }
-    var label1Bold: TextStyle { get }
-    var label1BoldResp: TextStyle { get }
-    var label1UppercaseBold: TextStyle { get }
+    var label1bold: TextStyle { get }
+    var label1boldResp: TextStyle { get }
+    var label1uppercaseBold: TextStyle { get }
     var label2: TextStyle { get }
-    var label2Uppercase: TextStyle { get }
-    var label2Bold: TextStyle { get }
-    var label2UppercaseBold: TextStyle { get }
+    var label2uppercase: TextStyle { get }
+    var label2bold: TextStyle { get }
+    var label2uppercaseBold: TextStyle { get }
     var label3: TextStyle { get }
-    var label3Uppercase: TextStyle { get }
-    var label3Bold: TextStyle { get }
-    var label3UppercaseBold: TextStyle { get }
+    var label3uppercase: TextStyle { get }
+    var label3bold: TextStyle { get }
+    var label3uppercaseBold: TextStyle { get }
     var label4: TextStyle { get }
     var quote: TextStyle { get }
 }

package/dist/ios/shared/DesignTokenPrimitives.swift

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

package/dist/ios/shared/Enums.swift

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

package/dist/ios/shared/ShadowStyle.swift

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

package/dist/ios/shared/TextStyle.swift

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

package/dist/js/README.md

@@ -16,6 +16,7 @@
 - [File Structure](#file-structure)
 - [API Reference](#api-reference)
 - [Token Type Mapping](#token-type-mapping)
+- [Naming Conventions](#naming-conventions)
 
 ---
 
@@ -858,6 +859,38 @@ theme.effects.shadowSoftMd = [
 
 ---
 
+## Naming Conventions
+
+JavaScript tokens use **camelCase** with lowercase letters after numbers:
+
+| Token Type | Example | Pattern |
+|------------|---------|---------|
+| Spacing | `space1x`, `space2x` | Lowercase after numbers |
+| Decimal spacing | `space0p5x`, `space1p25x` | Decimals use `p` for point |
+| Colors | `bildred`, `alphaRed50a80` | Lowercase after numbers |
+| Typography | `headline1`, `body` | Standard camelCase |
+| Effects | `shadowSoftSm`, `shadowHardMd` | Capitalized abbreviations (Sm, Md, Lg) |
+
+### Format-Agnostic Input
+
+The build system normalizes any Figma input format to consistent output:
+
+```javascript
+// All these Figma inputs produce the same JS output:
+// "space1x", "space-1-x", "space_1_x" → space1x
+// "shadowSoftSM", "shadow-soft-sm" → shadowSoftSm
+
+// Accessing tokens
+theme.spacing.space1x           // "8px"
+theme.spacing.space2x           // "16px"
+theme.colors.alphaRed50a80      // "rgba(...)"
+theme.effects.shadowSoftSm      // [{ offsetX: 0, ... }]
+```
+
+> **Note:** This ensures consistency regardless of how tokens are named in Figma.
+
+---
+
 ## Related Documentation
 
 | Document | Description |

package/dist/js/brands/advertorial/components/Article.d.ts

@@ -17,11 +17,11 @@ export declare const Article: ArticleTokens;
 export declare function getArticleTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
 
 // Flat exports
-export declare const aricleMobile1ColGridImageMarginSpace: string | number;
+export declare const aricleMobile1colGridImageMarginSpace: string | number;
 export declare const articleTopMarginSpace: string | number;
 export declare const articleKickerFontSize: string | number;
 export declare const articleHeadlineFontSize: string | number;
-export declare const articleGalleryATeaserWidth: string | number;
+export declare const articleGalleryAteaserWidth: string | number;
 export declare const articleImageCaptionFontSize: string | number;
 export declare const articleImageSourceFontSize: string | number;
 export declare const articleImageCaptionLineHeight: string | number;

package/dist/js/brands/advertorial/components/Article.js

@@ -14,11 +14,11 @@
 export const Article = {
   "sizing": {
     "lg": {
-      "aricleMobile1ColGridImageMarginSpace": "72px",
+      "aricleMobile1colGridImageMarginSpace": "72px",
       "articleTopMarginSpace": "16px",
       "articleKickerFontSize": "25px",
       "articleHeadlineFontSize": "70px",
-      "articleGalleryATeaserWidth": "300px",
+      "articleGalleryAteaserWidth": "300px",
       "articleImageCaptionFontSize": "16px",
       "articleImageSourceFontSize": "16px",
       "articleImageCaptionLineHeight": "24px",
@@ -36,11 +36,11 @@ export const Article = {
       "articleInfoboxStackSpace": "32px"
     },
     "md": {
-      "aricleMobile1ColGridImageMarginSpace": "72px",
+      "aricleMobile1colGridImageMarginSpace": "72px",
       "articleTopMarginSpace": "12px",
       "articleKickerFontSize": "18px",
       "articleHeadlineFontSize": "54px",
-      "articleGalleryATeaserWidth": "260px",
+      "articleGalleryAteaserWidth": "260px",
       "articleImageCaptionFontSize": "13px",
       "articleImageSourceFontSize": "13px",
       "articleImageCaptionLineHeight": "19.5px",
@@ -58,11 +58,11 @@ export const Article = {
       "articleInfoboxStackSpace": "24px"
     },
     "sm": {
-      "aricleMobile1ColGridImageMarginSpace": "0px",
+      "aricleMobile1colGridImageMarginSpace": "0px",
       "articleTopMarginSpace": "8px",
       "articleKickerFontSize": "16px",
       "articleHeadlineFontSize": "30px",
-      "articleGalleryATeaserWidth": "145px",
+      "articleGalleryAteaserWidth": "145px",
       "articleImageCaptionFontSize": "13px",
       "articleImageSourceFontSize": "13px",
       "articleImageCaptionLineHeight": "19.5px",
@@ -80,11 +80,11 @@ export const Article = {
       "articleInfoboxStackSpace": "16px"
     },
     "xs": {
-      "aricleMobile1ColGridImageMarginSpace": "0px",
+      "aricleMobile1colGridImageMarginSpace": "0px",
       "articleTopMarginSpace": "8px",
       "articleKickerFontSize": "16px",
       "articleHeadlineFontSize": "30px",
-      "articleGalleryATeaserWidth": "145px",
+      "articleGalleryAteaserWidth": "145px",
       "articleImageCaptionFontSize": "13px",
       "articleImageSourceFontSize": "13px",
       "articleImageCaptionLineHeight": "19.5px",
@@ -243,11 +243,11 @@ export const getArticleTokens = (colorMode = 'light', breakpoint = 'md', density
 });
 
 // Flat exports for tree-shaking
-export const aricleMobile1ColGridImageMarginSpace = "0px";
+export const aricleMobile1colGridImageMarginSpace = "0px";
 export const articleTopMarginSpace = "8px";
 export const articleKickerFontSize = "16px";
 export const articleHeadlineFontSize = "30px";
-export const articleGalleryATeaserWidth = "145px";
+export const articleGalleryAteaserWidth = "145px";
 export const articleImageCaptionFontSize = "13px";
 export const articleImageSourceFontSize = "13px";
 export const articleImageCaptionLineHeight = "19.5px";

package/dist/js/brands/advertorial/components/Breadcrumb.d.ts

@@ -19,8 +19,8 @@ export declare function getBreadcrumbTokens(colorMode?: 'light' | 'dark', breakp
 // Flat exports
 export declare const breadcrumbFontSize: string | number;
 export declare const breadcrumbFontFamily: string | number;
-export declare const breadcrumb&ArrowLeftInlineSpace1: string | number;
-export declare const breadcrumb&ArrowRightInlineSpace2: string | number;
+export declare const breadcrumb&arrowLeftInlineSpace1: string | number;
+export declare const breadcrumb&arrowRightInlineSpace2: string | number;
 export declare const breadcrumbInlineSpace: string | number;
 export declare const breadcrumbLineHeight: string | number;
 export declare const breadcrumbFontWeight: string | number;

package/dist/js/brands/advertorial/components/Breadcrumb.js

@@ -16,8 +16,8 @@ export const Breadcrumb = {
     "lg": {
       "breadcrumbFontSize": "12px",
       "breadcrumbFontFamily": "Lucida Grande",
-      "breadcrumb&ArrowLeftInlineSpace1": "3px",
-      "breadcrumb&ArrowRightInlineSpace2": "5px",
+      "breadcrumb&arrowLeftInlineSpace1": "3px",
+      "breadcrumb&arrowRightInlineSpace2": "5px",
       "breadcrumbInlineSpace": "0px",
       "breadcrumbLineHeight": "12px",
       "breadcrumbFontWeight": 700,
@@ -26,8 +26,8 @@ export const Breadcrumb = {
     "md": {
       "breadcrumbFontSize": "15px",
       "breadcrumbFontFamily": "Lucida Grande",
-      "breadcrumb&ArrowLeftInlineSpace1": "3px",
-      "breadcrumb&ArrowRightInlineSpace2": "5px",
+      "breadcrumb&arrowLeftInlineSpace1": "3px",
+      "breadcrumb&arrowRightInlineSpace2": "5px",
       "breadcrumbInlineSpace": "12px",
       "breadcrumbLineHeight": "15px",
       "breadcrumbFontWeight": 700,
@@ -36,8 +36,8 @@ export const Breadcrumb = {
     "sm": {
       "breadcrumbFontSize": "15px",
       "breadcrumbFontFamily": "Lucida Grande",
-      "breadcrumb&ArrowLeftInlineSpace1": "3px",
-      "breadcrumb&ArrowRightInlineSpace2": "5px",
+      "breadcrumb&arrowLeftInlineSpace1": "3px",
+      "breadcrumb&arrowRightInlineSpace2": "5px",
       "breadcrumbInlineSpace": "12px",
       "breadcrumbLineHeight": "15px",
       "breadcrumbFontWeight": 700,
@@ -46,8 +46,8 @@ export const Breadcrumb = {
     "xs": {
       "breadcrumbFontSize": "15px",
       "breadcrumbFontFamily": "Lucida Grande",
-      "breadcrumb&ArrowLeftInlineSpace1": "3px",
-      "breadcrumb&ArrowRightInlineSpace2": "5px",
+      "breadcrumb&arrowLeftInlineSpace1": "3px",
+      "breadcrumb&arrowRightInlineSpace2": "5px",
       "breadcrumbInlineSpace": "12px",
       "breadcrumbLineHeight": "15px",
       "breadcrumbFontWeight": 700,
@@ -149,8 +149,8 @@ export const getBreadcrumbTokens = (colorMode = 'light', breakpoint = 'md', dens
 // Flat exports for tree-shaking
 export const breadcrumbFontSize = "15px";
 export const breadcrumbFontFamily = "Lucida Grande";
-export const breadcrumb&ArrowLeftInlineSpace1 = "3px";
-export const breadcrumb&ArrowRightInlineSpace2 = "5px";
+export const breadcrumb&arrowLeftInlineSpace1 = "3px";
+export const breadcrumb&arrowRightInlineSpace2 = "5px";
 export const breadcrumbInlineSpace = "12px";
 export const breadcrumbLineHeight = "15px";
 export const breadcrumbFontWeight = 700;

package/dist/js/brands/advertorial/components/InputField.d.ts

@@ -21,7 +21,7 @@ export declare const inputFieldStackSpace: string | number;
 export declare const inputFieldInlineSpace: string | number;
 export declare const inputFieldMiniLabelInlineSpace: string | number;
 export declare const inputFieldFontSize: string | number;
-export declare const inputFieldIMessageInlineSpace: string | number;
+export declare const inputFieldImessageInlineSpace: string | number;
 export declare const inputFieldHeightSize: string | number;
 export declare const heyInputContainerInlineSpace: string | number;
 export declare const inputFieldMessageGapSpace: string | number;

package/dist/js/brands/advertorial/components/InputField.js

@@ -18,7 +18,7 @@ export const InputField = {
       "inputFieldInlineSpace": "16px",
       "inputFieldMiniLabelInlineSpace": "4px",
       "inputFieldFontSize": "16px",
-      "inputFieldIMessageInlineSpace": "16px",
+      "inputFieldImessageInlineSpace": "16px",
       "inputFieldHeightSize": "36px",
       "heyInputContainerInlineSpace": "16px",
       "inputFieldMessageGapSpace": "4px",
@@ -29,7 +29,7 @@ export const InputField = {
       "inputFieldInlineSpace": "16px",
       "inputFieldMiniLabelInlineSpace": "4px",
       "inputFieldFontSize": "16px",
-      "inputFieldIMessageInlineSpace": "16px",
+      "inputFieldImessageInlineSpace": "16px",
       "inputFieldHeightSize": "36px",
       "heyInputContainerInlineSpace": "8px",
       "inputFieldMessageGapSpace": "4px",
@@ -40,7 +40,7 @@ export const InputField = {
       "inputFieldInlineSpace": "16px",
       "inputFieldMiniLabelInlineSpace": "4px",
       "inputFieldFontSize": "16px",
-      "inputFieldIMessageInlineSpace": "16px",
+      "inputFieldImessageInlineSpace": "16px",
       "inputFieldHeightSize": "36px",
       "heyInputContainerInlineSpace": "8px",
       "inputFieldMessageGapSpace": "4px",
@@ -51,7 +51,7 @@ export const InputField = {
       "inputFieldInlineSpace": "16px",
       "inputFieldMiniLabelInlineSpace": "4px",
       "inputFieldFontSize": "16px",
-      "inputFieldIMessageInlineSpace": "16px",
+      "inputFieldImessageInlineSpace": "16px",
       "inputFieldHeightSize": "36px",
       "heyInputContainerInlineSpace": "8px",
       "inputFieldMessageGapSpace": "4px",
@@ -127,7 +127,7 @@ export const inputFieldStackSpace = "6px";
 export const inputFieldInlineSpace = "16px";
 export const inputFieldMiniLabelInlineSpace = "4px";
 export const inputFieldFontSize = "16px";
-export const inputFieldIMessageInlineSpace = "16px";
+export const inputFieldImessageInlineSpace = "16px";
 export const inputFieldHeightSize = "36px";
 export const heyInputContainerInlineSpace = "8px";
 export const inputFieldMessageGapSpace = "4px";

package/dist/js/brands/advertorial/components/LiveTicker.d.ts

@@ -21,7 +21,7 @@ export declare const liveTickerheadlineFontWeight: string | number;
 export declare const liveTickerHeadlinesFontSize: string | number;
 export declare const timeStampFontFamily: string | number;
 export declare const liveTickerTimeStampFontSize: string | number;
-export declare const liveTickerTime&HeadlineStackSpace: string | number;
+export declare const liveTickerTime&headlineStackSpace: string | number;
 export declare const liveTickerSliderItemWidthMaxSize: string | number;
 export declare const liveTickerAppCardHeightSize: string | number;
 export declare const liveTickerAppCardWidthSize: string | number;

package/dist/js/brands/advertorial/components/LiveTicker.js

@@ -18,7 +18,7 @@ export const LiveTicker = {
       "liveTickerHeadlinesFontSize": "32px",
       "timeStampFontFamily": "Gotham XNarrow",
       "liveTickerTimeStampFontSize": "16px",
-      "liveTickerTime&HeadlineStackSpace": "4px",
+      "liveTickerTime&headlineStackSpace": "4px",
       "liveTickerSliderItemWidthMaxSize": "537px",
       "liveTickerAppCardHeightSize": "128px",
       "liveTickerAppCardWidthSize": "300px"
@@ -28,7 +28,7 @@ export const LiveTicker = {
       "liveTickerHeadlinesFontSize": "32px",
       "timeStampFontFamily": "Gotham XNarrow",
       "liveTickerTimeStampFontSize": "16px",
-      "liveTickerTime&HeadlineStackSpace": "4px",
+      "liveTickerTime&headlineStackSpace": "4px",
       "liveTickerSliderItemWidthMaxSize": "257px",
       "liveTickerAppCardHeightSize": "128px",
       "liveTickerAppCardWidthSize": "300px"
@@ -38,7 +38,7 @@ export const LiveTicker = {
       "liveTickerHeadlinesFontSize": "22px",
       "timeStampFontFamily": "Gotham XNarrow",
       "liveTickerTimeStampFontSize": "14px",
-      "liveTickerTime&HeadlineStackSpace": "4px",
+      "liveTickerTime&headlineStackSpace": "4px",
       "liveTickerSliderItemWidthMaxSize": "257px",
       "liveTickerAppCardHeightSize": "96px",
       "liveTickerAppCardWidthSize": "250px"
@@ -48,7 +48,7 @@ export const LiveTicker = {
       "liveTickerHeadlinesFontSize": "22px",
       "timeStampFontFamily": "Gotham XNarrow",
       "liveTickerTimeStampFontSize": "14px",
-      "liveTickerTime&HeadlineStackSpace": "4px",
+      "liveTickerTime&headlineStackSpace": "4px",
       "liveTickerSliderItemWidthMaxSize": "257px",
       "liveTickerAppCardHeightSize": "96px",
       "liveTickerAppCardWidthSize": "250px"
@@ -127,7 +127,7 @@ export const liveTickerheadlineFontWeight = 600;
 export const liveTickerHeadlinesFontSize = "22px";
 export const timeStampFontFamily = "Gotham XNarrow";
 export const liveTickerTimeStampFontSize = "14px";
-export const liveTickerTime&HeadlineStackSpace = "4px";
+export const liveTickerTime&headlineStackSpace = "4px";
 export const liveTickerSliderItemWidthMaxSize = "257px";
 export const liveTickerAppCardHeightSize = "96px";
 export const liveTickerAppCardWidthSize = "250px";

package/dist/js/brands/advertorial/components/Menu.d.ts

@@ -39,8 +39,8 @@ export declare const menuShadowVisibility: string | number;
 export declare const heyInputShadowVisibility: string | number;
 export declare const appTopbarTitleFontSize: string | number;
 export declare const appTopbarStageTitleHeight: string | number;
-export declare const iOSappTopBarHeightSize: string | number;
-export declare const iOSappTopBarLeftInlineSpace: string | number;
-export declare const iOSappTopBarRightInlineSpace: string | number;
+export declare const iOsappTopBarHeightSize: string | number;
+export declare const iOsappTopBarLeftInlineSpace: string | number;
+export declare const iOsappTopBarRightInlineSpace: string | number;
 
 export default Menu;