@marioschmidt/design-system-tokens 1.0.64 → 1.0.65

package/dist/js/brands/bild/components/SpecialNavi.d.ts

@@ -0,0 +1,22 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface SpecialNaviTokens {
+  colors?: { light?: Record<string, ColorValue>; dark?: Record<string, ColorValue>; };
+  sizing?: { xs?: Record<string, SpacingValue>; sm?: Record<string, SpacingValue>; md?: Record<string, SpacingValue>; lg?: Record<string, SpacingValue>; };
+  density?: { default?: Record<string, SpacingValue>; dense?: Record<string, SpacingValue>; spacious?: Record<string, SpacingValue>; };
+  typography?: { xs?: Record<string, TypographyStyle>; sm?: Record<string, TypographyStyle>; md?: Record<string, TypographyStyle>; lg?: Record<string, TypographyStyle>; };
+  effects?: { light?: Record<string, ShadowLayer[]>; dark?: Record<string, ShadowLayer[]>; };
+}
+
+export declare const SpecialNavi: SpecialNaviTokens;
+export declare function getSpecialNaviTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const specialNaviInlineSpace: string | number;
+
+export default SpecialNavi;

package/dist/js/brands/bild/components/SpecialNavi.js

@@ -0,0 +1,76 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.0
+ * Generated by Style Dictionary v4.0.0
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ */
+
+// Component: SpecialNavi
+// Brand: bild
+
+export const SpecialNavi = {
+  "sizing": {
+    "lg": {
+      "specialNaviInlineSpace": "32px"
+    },
+    "md": {
+      "specialNaviInlineSpace": "24px"
+    },
+    "sm": {
+      "specialNaviInlineSpace": "24px"
+    },
+    "xs": {
+      "specialNaviInlineSpace": "24px"
+    }
+  },
+  "typography": {
+    "lg": {
+      "specialNaviItemLabel": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "15px",
+        "lineHeight": "15px"
+      }
+    },
+    "md": {
+      "specialNaviItemLabel": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "15px",
+        "lineHeight": "15px"
+      }
+    },
+    "sm": {
+      "specialNaviItemLabel": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "15px",
+        "lineHeight": "15px"
+      }
+    },
+    "xs": {
+      "specialNaviItemLabel": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "15px",
+        "lineHeight": "15px"
+      }
+    }
+  }
+};
+
+export const getSpecialNaviTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...SpecialNavi.colors?.[colorMode],
+  ...SpecialNavi.sizing?.[breakpoint],
+  ...SpecialNavi.density?.[density],
+  ...SpecialNavi.typography?.[breakpoint],
+  ...SpecialNavi.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const specialNaviInlineSpace = "24px";
+
+export default SpecialNavi;

package/dist/js/brands/bild/components/Spinner.d.ts

@@ -0,0 +1,24 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface SpinnerTokens {
+  colors?: { light?: Record<string, ColorValue>; dark?: Record<string, ColorValue>; };
+  sizing?: { xs?: Record<string, SpacingValue>; sm?: Record<string, SpacingValue>; md?: Record<string, SpacingValue>; lg?: Record<string, SpacingValue>; };
+  density?: { default?: Record<string, SpacingValue>; dense?: Record<string, SpacingValue>; spacious?: Record<string, SpacingValue>; };
+  typography?: { xs?: Record<string, TypographyStyle>; sm?: Record<string, TypographyStyle>; md?: Record<string, TypographyStyle>; lg?: Record<string, TypographyStyle>; };
+  effects?: { light?: Record<string, ShadowLayer[]>; dark?: Record<string, ShadowLayer[]>; };
+}
+
+export declare const Spinner: SpinnerTokens;
+export declare function getSpinnerTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const videoSpinnerSize: string | number;
+export declare const videoSpinnerStrokeSize: string | number;
+export declare const videoSpinnerSize05x: string | number;
+
+export default Spinner;

package/dist/js/brands/bild/components/Spinner.js

@@ -0,0 +1,52 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.0
+ * Generated by Style Dictionary v4.0.0
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ */
+
+// Component: Spinner
+// Brand: bild
+
+export const Spinner = {
+  "sizing": {
+    "lg": {
+      "videoSpinnerSize": "80px",
+      "videoSpinnerStrokeSize": "4px",
+      "videoSpinnerSize05x": "40px"
+    },
+    "md": {
+      "videoSpinnerSize": "80px",
+      "videoSpinnerStrokeSize": "4px",
+      "videoSpinnerSize05x": "40px"
+    },
+    "sm": {
+      "videoSpinnerSize": "40px",
+      "videoSpinnerStrokeSize": "2px",
+      "videoSpinnerSize05x": "20px"
+    },
+    "xs": {
+      "videoSpinnerSize": "40px",
+      "videoSpinnerStrokeSize": "2px",
+      "videoSpinnerSize05x": "20px"
+    }
+  }
+};
+
+export const getSpinnerTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Spinner.colors?.[colorMode],
+  ...Spinner.sizing?.[breakpoint],
+  ...Spinner.density?.[density],
+  ...Spinner.typography?.[breakpoint],
+  ...Spinner.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const videoSpinnerSize = "40px";
+export const videoSpinnerStrokeSize = "2px";
+export const videoSpinnerSize05x = "20px";
+
+export default Spinner;

package/dist/js/brands/bild/components/Subheader.d.ts

@@ -0,0 +1,22 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface SubheaderTokens {
+  colors?: { light?: Record<string, ColorValue>; dark?: Record<string, ColorValue>; };
+  sizing?: { xs?: Record<string, SpacingValue>; sm?: Record<string, SpacingValue>; md?: Record<string, SpacingValue>; lg?: Record<string, SpacingValue>; };
+  density?: { default?: Record<string, SpacingValue>; dense?: Record<string, SpacingValue>; spacious?: Record<string, SpacingValue>; };
+  typography?: { xs?: Record<string, TypographyStyle>; sm?: Record<string, TypographyStyle>; md?: Record<string, TypographyStyle>; lg?: Record<string, TypographyStyle>; };
+  effects?: { light?: Record<string, ShadowLayer[]>; dark?: Record<string, ShadowLayer[]>; };
+}
+
+export declare const Subheader: SubheaderTokens;
+export declare function getSubheaderTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const subheadersColor: string | number;
+
+export default Subheader;

package/dist/js/brands/bild/components/Subheader.js

@@ -0,0 +1,36 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.0
+ * Generated by Style Dictionary v4.0.0
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ */
+
+// Component: Subheader
+// Brand: bild
+
+export const Subheader = {
+  "colors": {
+    "dark": {
+      "subheadersColor": "#E9ECEF"
+    },
+    "light": {
+      "subheadersColor": "#232629"
+    }
+  }
+};
+
+export const getSubheaderTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Subheader.colors?.[colorMode],
+  ...Subheader.sizing?.[breakpoint],
+  ...Subheader.density?.[density],
+  ...Subheader.typography?.[breakpoint],
+  ...Subheader.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const subheadersColor = "#232629";
+
+export default Subheader;

package/dist/js/brands/bild/components/Tab.d.ts

@@ -0,0 +1,32 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface TabTokens {
+  colors?: { light?: Record<string, ColorValue>; dark?: Record<string, ColorValue>; };
+  sizing?: { xs?: Record<string, SpacingValue>; sm?: Record<string, SpacingValue>; md?: Record<string, SpacingValue>; lg?: Record<string, SpacingValue>; };
+  density?: { default?: Record<string, SpacingValue>; dense?: Record<string, SpacingValue>; spacious?: Record<string, SpacingValue>; };
+  typography?: { xs?: Record<string, TypographyStyle>; sm?: Record<string, TypographyStyle>; md?: Record<string, TypographyStyle>; lg?: Record<string, TypographyStyle>; };
+  effects?: { light?: Record<string, ShadowLayer[]>; dark?: Record<string, ShadowLayer[]>; };
+}
+
+export declare const Tab: TabTokens;
+export declare function getTabTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const tabLabelFontSize: string | number;
+export declare const iosTabbarHeightSize: string | number;
+export declare const androidTabbarHeightSize: string | number;
+export declare const tabLabelFontSizeLine: string | number;
+export declare const appsTabsLabelFontSize: string | number;
+export declare const appsTabsLabelLineHeight: string | number;
+export declare const topBarTabItemHeightSize: string | number;
+export declare const tabBgColorHover: string | number;
+export declare const tabLabelColorActive: string | number;
+export declare const tabLabelColorDefault: string | number;
+export declare const appBottomTabBarBgColor: string | number;
+
+export default Tab;

package/dist/js/brands/bild/components/Tab.js

@@ -0,0 +1,172 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.0
+ * Generated by Style Dictionary v4.0.0
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ */
+
+// Component: Tab
+// Brand: bild
+
+export const Tab = {
+  "colors": {
+    "dark": {
+      "tabBgColorHover": "#343C41",
+      "tabLabelColorActive": "#F2F4F5",
+      "tabLabelColorDefault": "#FFFFFF",
+      "appBottomTabBarBgColor": "#343C41"
+    },
+    "light": {
+      "tabBgColorHover": "#E9ECEF",
+      "tabLabelColorActive": "#343C41",
+      "tabLabelColorDefault": "#4B525A",
+      "appBottomTabBarBgColor": "#FFFFFF"
+    }
+  },
+  "sizing": {
+    "lg": {
+      "tabLabelFontSize": "16px",
+      "iosTabbarHeightSize": "49px",
+      "androidTabbarHeightSize": "74px",
+      "tabLabelFontSizeLine": "16px",
+      "appsTabsLabelFontSize": "16px",
+      "appsTabsLabelLineHeight": "23.4px",
+      "topBarTabItemHeightSize": "44px"
+    },
+    "md": {
+      "tabLabelFontSize": "16px",
+      "iosTabbarHeightSize": "49px",
+      "androidTabbarHeightSize": "74px",
+      "tabLabelFontSizeLine": "16px",
+      "appsTabsLabelFontSize": "16px",
+      "appsTabsLabelLineHeight": "23.4px",
+      "topBarTabItemHeightSize": "44px"
+    },
+    "sm": {
+      "tabLabelFontSize": "16px",
+      "iosTabbarHeightSize": "49px",
+      "androidTabbarHeightSize": "56px",
+      "tabLabelFontSizeLine": "12px",
+      "appsTabsLabelFontSize": "12px",
+      "appsTabsLabelLineHeight": "14.4px",
+      "topBarTabItemHeightSize": "44px"
+    },
+    "xs": {
+      "tabLabelFontSize": "16px",
+      "iosTabbarHeightSize": "49px",
+      "androidTabbarHeightSize": "56px",
+      "tabLabelFontSizeLine": "12px",
+      "appsTabsLabelFontSize": "11px",
+      "appsTabsLabelLineHeight": "14.4px",
+      "topBarTabItemHeightSize": "44px"
+    }
+  },
+  "typography": {
+    "lg": {
+      "tabLabel": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "16px",
+        "lineHeight": "null"
+      },
+      "appBottomBarLabelDefault": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": "16px",
+        "lineHeight": "23.4px"
+      },
+      "appBottomBarLabelActive": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "16px",
+        "lineHeight": "23.4px"
+      }
+    },
+    "md": {
+      "tabLabel": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "16px",
+        "lineHeight": "null"
+      },
+      "appBottomBarLabelDefault": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": "16px",
+        "lineHeight": "23.4px"
+      },
+      "appBottomBarLabelActive": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "16px",
+        "lineHeight": "23.4px"
+      }
+    },
+    "sm": {
+      "tabLabel": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "16px",
+        "lineHeight": "null"
+      },
+      "appBottomBarLabelDefault": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": "12px",
+        "lineHeight": "14.4px"
+      },
+      "appBottomBarLabelActive": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "12px",
+        "lineHeight": "14.4px"
+      }
+    },
+    "xs": {
+      "tabLabel": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "16px",
+        "lineHeight": "null"
+      },
+      "appBottomBarLabelDefault": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": "11px",
+        "lineHeight": "14.4px"
+      },
+      "appBottomBarLabelActive": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 700,
+        "fontSize": "11px",
+        "lineHeight": "14.4px"
+      }
+    }
+  }
+};
+
+export const getTabTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Tab.colors?.[colorMode],
+  ...Tab.sizing?.[breakpoint],
+  ...Tab.density?.[density],
+  ...Tab.typography?.[breakpoint],
+  ...Tab.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const tabBgColorHover = "#E9ECEF";
+export const tabLabelColorActive = "#343C41";
+export const tabLabelColorDefault = "#4B525A";
+export const appBottomTabBarBgColor = "#FFFFFF";
+export const tabLabelFontSize = "16px";
+export const iosTabbarHeightSize = "49px";
+export const androidTabbarHeightSize = "56px";
+export const tabLabelFontSizeLine = "12px";
+export const appsTabsLabelFontSize = "11px";
+export const appsTabsLabelLineHeight = "14.4px";
+export const topBarTabItemHeightSize = "44px";
+
+export default Tab;

package/dist/js/brands/bild/components/Table.d.ts

@@ -0,0 +1,29 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface TableTokens {
+  colors?: { light?: Record<string, ColorValue>; dark?: Record<string, ColorValue>; };
+  sizing?: { xs?: Record<string, SpacingValue>; sm?: Record<string, SpacingValue>; md?: Record<string, SpacingValue>; lg?: Record<string, SpacingValue>; };
+  density?: { default?: Record<string, SpacingValue>; dense?: Record<string, SpacingValue>; spacious?: Record<string, SpacingValue>; };
+  typography?: { xs?: Record<string, TypographyStyle>; sm?: Record<string, TypographyStyle>; md?: Record<string, TypographyStyle>; lg?: Record<string, TypographyStyle>; };
+  effects?: { light?: Record<string, ShadowLayer[]>; dark?: Record<string, ShadowLayer[]>; };
+}
+
+export declare const Table: TableTokens;
+export declare function getTableTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const tableColumnWidthSize1x: string | number;
+export declare const tableColumnWidthSize2x: string | number;
+export declare const tableColumnWidthSize0p5x: string | number;
+export declare const tableColumnWidthSize1p5x: string | number;
+export declare const tableColumnWidthSize2p5x: string | number;
+export declare const tableColumnWidthSize0p75x: string | number;
+export declare const tableColumnWidthSize3x: string | number;
+export declare const tableItemMaxWidthSize: string | number;
+
+export default Table;

package/dist/js/brands/bild/components/Table.js

@@ -0,0 +1,77 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.0
+ * Generated by Style Dictionary v4.0.0
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ */
+
+// Component: Table
+// Brand: bild
+
+export const Table = {
+  "sizing": {
+    "lg": {
+      "tableColumnWidthSize1x": "140px",
+      "tableColumnWidthSize2x": "220px",
+      "tableColumnWidthSize0p5x": "72px",
+      "tableColumnWidthSize1p5x": "180px",
+      "tableColumnWidthSize2p5x": "240px",
+      "tableColumnWidthSize0p75x": "100px",
+      "tableColumnWidthSize3x": "280px",
+      "tableItemMaxWidthSize": "224px"
+    },
+    "md": {
+      "tableColumnWidthSize1x": "96px",
+      "tableColumnWidthSize2x": "180px",
+      "tableColumnWidthSize0p5x": "48px",
+      "tableColumnWidthSize1p5x": "160px",
+      "tableColumnWidthSize2p5x": "240px",
+      "tableColumnWidthSize0p75x": "64px",
+      "tableColumnWidthSize3x": "280px",
+      "tableItemMaxWidthSize": "224px"
+    },
+    "sm": {
+      "tableColumnWidthSize1x": "80px",
+      "tableColumnWidthSize2x": "140px",
+      "tableColumnWidthSize0p5x": "40px",
+      "tableColumnWidthSize1p5x": "120px",
+      "tableColumnWidthSize2p5x": "180px",
+      "tableColumnWidthSize0p75x": "56px",
+      "tableColumnWidthSize3x": "200px",
+      "tableItemMaxWidthSize": "224px"
+    },
+    "xs": {
+      "tableColumnWidthSize1x": "80px",
+      "tableColumnWidthSize2x": "140px",
+      "tableColumnWidthSize0p5x": "40px",
+      "tableColumnWidthSize1p5x": "120px",
+      "tableColumnWidthSize2p5x": "180px",
+      "tableColumnWidthSize0p75x": "56px",
+      "tableColumnWidthSize3x": "200px",
+      "tableItemMaxWidthSize": "224px"
+    }
+  }
+};
+
+export const getTableTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Table.colors?.[colorMode],
+  ...Table.sizing?.[breakpoint],
+  ...Table.density?.[density],
+  ...Table.typography?.[breakpoint],
+  ...Table.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const tableColumnWidthSize1x = "80px";
+export const tableColumnWidthSize2x = "140px";
+export const tableColumnWidthSize0p5x = "40px";
+export const tableColumnWidthSize1p5x = "120px";
+export const tableColumnWidthSize2p5x = "180px";
+export const tableColumnWidthSize0p75x = "56px";
+export const tableColumnWidthSize3x = "200px";
+export const tableItemMaxWidthSize = "224px";
+
+export default Table;

package/dist/js/brands/bild/components/Teaser.d.ts

@@ -0,0 +1,53 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface TeaserTokens {
+  colors?: { light?: Record<string, ColorValue>; dark?: Record<string, ColorValue>; };
+  sizing?: { xs?: Record<string, SpacingValue>; sm?: Record<string, SpacingValue>; md?: Record<string, SpacingValue>; lg?: Record<string, SpacingValue>; };
+  density?: { default?: Record<string, SpacingValue>; dense?: Record<string, SpacingValue>; spacious?: Record<string, SpacingValue>; };
+  typography?: { xs?: Record<string, TypographyStyle>; sm?: Record<string, TypographyStyle>; md?: Record<string, TypographyStyle>; lg?: Record<string, TypographyStyle>; };
+  effects?: { light?: Record<string, ShadowLayer[]>; dark?: Record<string, ShadowLayer[]>; };
+}
+
+export declare const Teaser: TeaserTokens;
+export declare function getTeaserTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const teaserTitleInlineLeftSpace: string | number;
+export declare const teaserTitleStackSpace: string | number;
+export declare const mQTeaserHeadlineFontSize: string | number;
+export declare const mQTeaserHeadlineFontWeight: string | number;
+export declare const mQTeaserHeadlineLineHeight: string | number;
+export declare const mqTeaserTitleInlineSpace: string | number;
+export declare const aTeaserKickerFontSize: string | number;
+export declare const aTeaserHeadlineFontSize: string | number;
+export declare const aTeaserKickerLineHeight: string | number;
+export declare const aTeaserHeadlineLineHeight: string | number;
+export declare const aTeaserTitleInlineSpace: string | number;
+export declare const teaserTitleGapSpace: string | number;
+export declare const stdTeaserImageTitleGapSpace: string | number;
+export declare const stdTeaserBadgesMarginSpace: string | number;
+export declare const stdTeaserKickerHeadlineStackSpace: string | number;
+export declare const teaserKickerBgInlineSpace: string | number;
+export declare const teaserKickerBgStackSpace: string | number;
+export declare const quadHeadlineFontSize: string | number;
+export declare const quadKickerFontSize: string | number;
+export declare const quadHeadlineLineHeight: string | number;
+export declare const qTeaserTitleInlineSpace: string | number;
+export declare const teaserBadgesMarginSpace: string | number;
+export declare const teaserBadgesHeightSizeLG: string | number;
+export declare const teaserTitleBottomStackSpace: string | number;
+export declare const teaserBadgesHeightSizeSM: string | number;
+export declare const bildPlayTeaserWidthSize: string | number;
+export declare const teaserLayoutGridSpace: string | number;
+export declare const superATeaserTitleInlineSpace: string | number;
+export declare const bTeaserTitleInlineSpace: string | number;
+export declare const teaserHoverOpacity: string | number;
+export declare const teaserTitleBackgroundGradientStart: string | number;
+export declare const teaserTitleBackgroundGradientStop: string | number;
+
+export default Teaser;