@marioschmidt/design-system-tokens 1.0.63 → 1.0.65

package/dist/js/brands/sportbild/components/Drawers.js

@@ -0,0 +1,57 @@
+/**
+ * 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: Drawers
+// Brand: sportbild
+
+export const Drawers = {
+  "sizing": {
+    "lg": {
+      "mobileMenuDrawerStackSpace": "20px",
+      "mobileMenuDrawerLeftInlineSpace": "20px",
+      "mobileMenuDrawerRightInlineSpace": "16px",
+      "mobileMenuDrawerMaxWidthSize": "400px"
+    },
+    "md": {
+      "mobileMenuDrawerStackSpace": "20px",
+      "mobileMenuDrawerLeftInlineSpace": "20px",
+      "mobileMenuDrawerRightInlineSpace": "16px",
+      "mobileMenuDrawerMaxWidthSize": "400px"
+    },
+    "sm": {
+      "mobileMenuDrawerStackSpace": "20px",
+      "mobileMenuDrawerLeftInlineSpace": "20px",
+      "mobileMenuDrawerRightInlineSpace": "16px",
+      "mobileMenuDrawerMaxWidthSize": "400px"
+    },
+    "xs": {
+      "mobileMenuDrawerStackSpace": "20px",
+      "mobileMenuDrawerLeftInlineSpace": "20px",
+      "mobileMenuDrawerRightInlineSpace": "16px",
+      "mobileMenuDrawerMaxWidthSize": "400px"
+    }
+  }
+};
+
+export const getDrawersTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Drawers.colors?.[colorMode],
+  ...Drawers.sizing?.[breakpoint],
+  ...Drawers.density?.[density],
+  ...Drawers.typography?.[breakpoint],
+  ...Drawers.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const mobileMenuDrawerStackSpace = "20px";
+export const mobileMenuDrawerLeftInlineSpace = "20px";
+export const mobileMenuDrawerRightInlineSpace = "16px";
+export const mobileMenuDrawerMaxWidthSize = "400px";
+
+export default Drawers;

package/dist/js/brands/sportbild/components/Dropdown.d.ts

@@ -0,0 +1,26 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface DropdownTokens {
+  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 Dropdown: DropdownTokens;
+export declare function getDropdownTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const dropDownBorderRadius: string | number;
+export declare const dropDownItemStackSpace: string | number;
+export declare const dropDownItemInlineSpace: string | number;
+export declare const dropdownBgColorHover: string | number;
+export declare const dropdownBgColorIdle: string | number;
+
+export default Dropdown;

package/dist/js/brands/sportbild/components/Dropdown.js

@@ -0,0 +1,64 @@
+/**
+ * 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: Dropdown
+// Brand: sportbild
+
+export const Dropdown = {
+  "colors": {
+    "dark": {
+      "dropdownBgColorHover": "#4B525A",
+      "dropdownBgColorIdle": "#174482"
+    },
+    "light": {
+      "dropdownBgColorHover": "#F7F9FD",
+      "dropdownBgColorIdle": "#FFFFFF"
+    }
+  },
+  "sizing": {
+    "lg": {
+      "dropDownBorderRadius": "4px",
+      "dropDownItemStackSpace": "8px",
+      "dropDownItemInlineSpace": "16px"
+    },
+    "md": {
+      "dropDownBorderRadius": "4px",
+      "dropDownItemStackSpace": "8px",
+      "dropDownItemInlineSpace": "12px"
+    },
+    "sm": {
+      "dropDownBorderRadius": "4px",
+      "dropDownItemStackSpace": "8px",
+      "dropDownItemInlineSpace": "12px"
+    },
+    "xs": {
+      "dropDownBorderRadius": "4px",
+      "dropDownItemStackSpace": "8px",
+      "dropDownItemInlineSpace": "12px"
+    }
+  }
+};
+
+export const getDropdownTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Dropdown.colors?.[colorMode],
+  ...Dropdown.sizing?.[breakpoint],
+  ...Dropdown.density?.[density],
+  ...Dropdown.typography?.[breakpoint],
+  ...Dropdown.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const dropdownBgColorHover = "#F7F9FD";
+export const dropdownBgColorIdle = "#FFFFFF";
+export const dropDownBorderRadius = "4px";
+export const dropDownItemStackSpace = "8px";
+export const dropDownItemInlineSpace = "12px";
+
+export default Dropdown;

package/dist/js/brands/sportbild/components/Empties.d.ts

@@ -0,0 +1,23 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface EmptiesTokens {
+  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 Empties: EmptiesTokens;
+export declare function getEmptiesTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const emptiesBgColor: string | number;
+export declare const emptiesLogoColor: string | number;
+
+export default Empties;

package/dist/js/brands/sportbild/components/Empties.js

@@ -0,0 +1,39 @@
+/**
+ * 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: Empties
+// Brand: sportbild
+
+export const Empties = {
+  "colors": {
+    "dark": {
+      "emptiesBgColor": "#174482",
+      "emptiesLogoColor": "#2C3138"
+    },
+    "light": {
+      "emptiesBgColor": "#F7F9FD",
+      "emptiesLogoColor": "#CED4DA"
+    }
+  }
+};
+
+export const getEmptiesTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Empties.colors?.[colorMode],
+  ...Empties.sizing?.[breakpoint],
+  ...Empties.density?.[density],
+  ...Empties.typography?.[breakpoint],
+  ...Empties.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const emptiesBgColor = "#F7F9FD";
+export const emptiesLogoColor = "#CED4DA";
+
+export default Empties;

package/dist/js/brands/sportbild/components/Foldout.d.ts

@@ -0,0 +1,23 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface FoldoutTokens {
+  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 Foldout: FoldoutTokens;
+export declare function getFoldoutTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const foldoutLabelColorActive: string | number;
+export declare const foldoutLabelColorIdle: string | number;
+
+export default Foldout;

package/dist/js/brands/sportbild/components/Foldout.js

@@ -0,0 +1,39 @@
+/**
+ * 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: Foldout
+// Brand: sportbild
+
+export const Foldout = {
+  "colors": {
+    "dark": {
+      "foldoutLabelColorActive": "#F2F4F5",
+      "foldoutLabelColorIdle": "#CED4DA"
+    },
+    "light": {
+      "foldoutLabelColorActive": "#174482",
+      "foldoutLabelColorIdle": "#4B525A"
+    }
+  }
+};
+
+export const getFoldoutTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Foldout.colors?.[colorMode],
+  ...Foldout.sizing?.[breakpoint],
+  ...Foldout.density?.[density],
+  ...Foldout.typography?.[breakpoint],
+  ...Foldout.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const foldoutLabelColorActive = "#174482";
+export const foldoutLabelColorIdle = "#4B525A";
+
+export default Foldout;

package/dist/js/brands/sportbild/components/Footer.d.ts

@@ -0,0 +1,26 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface FooterTokens {
+  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 Footer: FooterTokens;
+export declare function getFooterTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const footerFontSize: string | number;
+export declare const footerLineHeight: string | number;
+export declare const footerFontFamily: string | number;
+export declare const footerFontSizeUserOfferPages: string | number;
+export declare const footerLineHeightUserOfferPages: string | number;
+
+export default Footer;

package/dist/js/brands/sportbild/components/Footer.js

@@ -0,0 +1,168 @@
+/**
+ * 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: Footer
+// Brand: sportbild
+
+export const Footer = {
+  "sizing": {
+    "lg": {
+      "footerFontSize": "11px",
+      "footerLineHeight": "14px",
+      "footerFontFamily": "Inter",
+      "footerFontSizeUserOfferPages": "18px",
+      "footerLineHeightUserOfferPages": "26px"
+    },
+    "md": {
+      "footerFontSize": "11px",
+      "footerLineHeight": "14px",
+      "footerFontFamily": "Inter",
+      "footerFontSizeUserOfferPages": "18px",
+      "footerLineHeightUserOfferPages": "26px"
+    },
+    "sm": {
+      "footerFontSize": "11px",
+      "footerLineHeight": "14px",
+      "footerFontFamily": "Inter",
+      "footerFontSizeUserOfferPages": "18px",
+      "footerLineHeightUserOfferPages": "26px"
+    },
+    "xs": {
+      "footerFontSize": "11px",
+      "footerLineHeight": "14px",
+      "footerFontFamily": "Inter",
+      "footerFontSizeUserOfferPages": "18px",
+      "footerLineHeightUserOfferPages": "26px"
+    }
+  },
+  "typography": {
+    "lg": {
+      "footerCardLink": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": "15px",
+        "lineHeight": "null"
+      },
+      "footerLinkSeparator": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": null,
+        "lineHeight": "null"
+      },
+      "footerLinks": {
+        "fontFamily": "Inter",
+        "fontWeight": 700,
+        "fontSize": "11px",
+        "lineHeight": "14px"
+      },
+      "footerLinkUserOfferPages": {
+        "fontFamily": "Inter",
+        "fontWeight": 400,
+        "fontSize": "18px",
+        "lineHeight": "26px"
+      }
+    },
+    "md": {
+      "footerCardLink": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": "15px",
+        "lineHeight": "null"
+      },
+      "footerLinkSeparator": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": null,
+        "lineHeight": "null"
+      },
+      "footerLinks": {
+        "fontFamily": "Inter",
+        "fontWeight": 700,
+        "fontSize": "11px",
+        "lineHeight": "14px"
+      },
+      "footerLinkUserOfferPages": {
+        "fontFamily": "Inter",
+        "fontWeight": 400,
+        "fontSize": "18px",
+        "lineHeight": "26px"
+      }
+    },
+    "sm": {
+      "footerCardLink": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": "15px",
+        "lineHeight": "null"
+      },
+      "footerLinkSeparator": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": null,
+        "lineHeight": "null"
+      },
+      "footerLinks": {
+        "fontFamily": "Inter",
+        "fontWeight": 700,
+        "fontSize": "11px",
+        "lineHeight": "14px"
+      },
+      "footerLinkUserOfferPages": {
+        "fontFamily": "Inter",
+        "fontWeight": 400,
+        "fontSize": "18px",
+        "lineHeight": "26px"
+      }
+    },
+    "xs": {
+      "footerCardLink": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": "15px",
+        "lineHeight": "null"
+      },
+      "footerLinkSeparator": {
+        "fontFamily": "Gotham XNarrow",
+        "fontWeight": 400,
+        "fontSize": null,
+        "lineHeight": "null"
+      },
+      "footerLinks": {
+        "fontFamily": "Inter",
+        "fontWeight": 700,
+        "fontSize": "11px",
+        "lineHeight": "14px"
+      },
+      "footerLinkUserOfferPages": {
+        "fontFamily": "Inter",
+        "fontWeight": 400,
+        "fontSize": "18px",
+        "lineHeight": "26px"
+      }
+    }
+  }
+};
+
+export const getFooterTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Footer.colors?.[colorMode],
+  ...Footer.sizing?.[breakpoint],
+  ...Footer.density?.[density],
+  ...Footer.typography?.[breakpoint],
+  ...Footer.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const footerFontSize = "11px";
+export const footerLineHeight = "14px";
+export const footerFontFamily = "Inter";
+export const footerFontSizeUserOfferPages = "18px";
+export const footerLineHeightUserOfferPages = "26px";
+
+export default Footer;

package/dist/js/brands/sportbild/components/Gallery.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 GalleryTokens {
+  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 Gallery: GalleryTokens;
+export declare function getGalleryTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const appImageLightboxGalleryBgColor: string | number;
+
+export default Gallery;

package/dist/js/brands/sportbild/components/Gallery.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: Gallery
+// Brand: sportbild
+
+export const Gallery = {
+  "colors": {
+    "dark": {
+      "appImageLightboxGalleryBgColor": "#000000"
+    },
+    "light": {
+      "appImageLightboxGalleryBgColor": "#000000"
+    }
+  }
+};
+
+export const getGalleryTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Gallery.colors?.[colorMode],
+  ...Gallery.sizing?.[breakpoint],
+  ...Gallery.density?.[density],
+  ...Gallery.typography?.[breakpoint],
+  ...Gallery.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const appImageLightboxGalleryBgColor = "#000000";
+
+export default Gallery;

package/dist/js/brands/sportbild/components/Hey.d.ts

@@ -0,0 +1,26 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface HeyTokens {
+  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 Hey: HeyTokens;
+export declare function getHeyTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const heyFavInputFieldSurfaceColor: string | number;
+export declare const heyTextColor: string | number;
+export declare const heyIconUtilColor: string | number;
+export declare const heySeparatorColor: string | number;
+export declare const heyDrawerSurfaceColor: string | number;
+
+export default Hey;

package/dist/js/brands/sportbild/components/Hey.js

@@ -0,0 +1,48 @@
+/**
+ * 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: Hey
+// Brand: sportbild
+
+export const Hey = {
+  "colors": {
+    "dark": {
+      "heyFavInputFieldSurfaceColor": "#4B525A",
+      "heyTextColor": "#E9ECEF",
+      "heyIconUtilColor": "#FFFFFF",
+      "heySeparatorColor": "#666B70",
+      "heyDrawerSurfaceColor": "#174482"
+    },
+    "light": {
+      "heyFavInputFieldSurfaceColor": "#E9ECEF",
+      "heyTextColor": "#4B525A",
+      "heyIconUtilColor": "#4B525A",
+      "heySeparatorColor": "#CED4DA",
+      "heyDrawerSurfaceColor": "#F7F9FD"
+    }
+  }
+};
+
+export const getHeyTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Hey.colors?.[colorMode],
+  ...Hey.sizing?.[breakpoint],
+  ...Hey.density?.[density],
+  ...Hey.typography?.[breakpoint],
+  ...Hey.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const heyFavInputFieldSurfaceColor = "#E9ECEF";
+export const heyTextColor = "#4B525A";
+export const heyIconUtilColor = "#4B525A";
+export const heySeparatorColor = "#CED4DA";
+export const heyDrawerSurfaceColor = "#F7F9FD";
+
+export default Hey;

package/dist/js/brands/sportbild/components/Icon.d.ts

@@ -0,0 +1,23 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface IconTokens {
+  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 Icon: IconTokens;
+export declare function getIconTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const iconSize: string | number;
+export declare const iconSizeEmbeddMedia: string | number;
+
+export default Icon;