@marioschmidt/design-system-tokens 1.0.64 → 1.0.65

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

@@ -0,0 +1,310 @@
+/**
+ * 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: Menu
+// Brand: advertorial
+
+export const Menu = {
+  "sizing": {
+    "lg": {
+      "menuItemSpace": "8px",
+      "menuItemFontSize": "15px",
+      "menuItemUtilFontSize": "12px",
+      "menuItemUtilStackSpace": "10px",
+      "menuLinkLaneHeightSize": "48px",
+      "menuUtillinkItemHeightSize": "48px",
+      "menuLinkItemInlineSpace": "4px",
+      "menuLogoDefaultSize": "148px",
+      "menuLogoScrolledSize": "56px",
+      "menuSpecialNaviItemHeightSize": "56px",
+      "subNavBarHeightSize": "42px",
+      "menuUtilityLinksContainerHeightSize": "100px",
+      "menuTopStackSpace": "12px",
+      "menuLeftInlineSpace": "16px",
+      "menuUtilityLinksGapSpace": "32px",
+      "menuRightInlineSpace": "16px",
+      "menuBottomStackSpace": "0px",
+      "menuUtilityLinksDividerHeightSize": "48px",
+      "menuShadowVisibility": "rgba(0, 0, 0, 0)",
+      "heyInputShadowVisibility": "rgba(0, 0, 0, 0.1)",
+      "appTopbarTitleFontSize": "14px",
+      "appTopbarStageTitleHeight": "17px",
+      "iOSappTopBarHeightSize": "48px",
+      "iOSappTopBarLeftInlineSpace": "19px",
+      "iOSappTopBarRightInlineSpace": "19px"
+    },
+    "md": {
+      "menuItemSpace": "8px",
+      "menuItemFontSize": "15px",
+      "menuItemUtilFontSize": "12px",
+      "menuItemUtilStackSpace": "10px",
+      "menuLinkLaneHeightSize": "48px",
+      "menuUtillinkItemHeightSize": "48px",
+      "menuLinkItemInlineSpace": "4px",
+      "menuLogoDefaultSize": "56px",
+      "menuLogoScrolledSize": "56px",
+      "menuSpecialNaviItemHeightSize": "48px",
+      "subNavBarHeightSize": "42px",
+      "menuUtilityLinksContainerHeightSize": "56px",
+      "menuTopStackSpace": "8px",
+      "menuLeftInlineSpace": "8px",
+      "menuUtilityLinksGapSpace": "24px",
+      "menuRightInlineSpace": "0px",
+      "menuBottomStackSpace": "8px",
+      "menuUtilityLinksDividerHeightSize": "40px",
+      "menuShadowVisibility": "rgba(0, 0, 0, 0.1)",
+      "heyInputShadowVisibility": "rgba(0, 0, 0, 0)",
+      "appTopbarTitleFontSize": "14px",
+      "appTopbarStageTitleHeight": "17px",
+      "iOSappTopBarHeightSize": "48px",
+      "iOSappTopBarLeftInlineSpace": "19px",
+      "iOSappTopBarRightInlineSpace": "19px"
+    },
+    "sm": {
+      "menuItemSpace": "8px",
+      "menuItemFontSize": "15px",
+      "menuItemUtilFontSize": "12px",
+      "menuItemUtilStackSpace": "10px",
+      "menuLinkLaneHeightSize": "48px",
+      "menuUtillinkItemHeightSize": "48px",
+      "menuLinkItemInlineSpace": "4px",
+      "menuLogoDefaultSize": "56px",
+      "menuLogoScrolledSize": "56px",
+      "menuSpecialNaviItemHeightSize": "48px",
+      "subNavBarHeightSize": "42px",
+      "menuUtilityLinksContainerHeightSize": "56px",
+      "menuTopStackSpace": "8px",
+      "menuLeftInlineSpace": "8px",
+      "menuUtilityLinksGapSpace": "24px",
+      "menuRightInlineSpace": "0px",
+      "menuBottomStackSpace": "8px",
+      "menuUtilityLinksDividerHeightSize": "40px",
+      "menuShadowVisibility": "rgba(0, 0, 0, 0.1)",
+      "heyInputShadowVisibility": "rgba(0, 0, 0, 0)",
+      "appTopbarTitleFontSize": "12px",
+      "appTopbarStageTitleHeight": "14px",
+      "iOSappTopBarHeightSize": "44px",
+      "iOSappTopBarLeftInlineSpace": "12px",
+      "iOSappTopBarRightInlineSpace": "16px"
+    },
+    "xs": {
+      "menuItemSpace": "8px",
+      "menuItemFontSize": "15px",
+      "menuItemUtilFontSize": "12px",
+      "menuItemUtilStackSpace": "10px",
+      "menuLinkLaneHeightSize": "48px",
+      "menuUtillinkItemHeightSize": "48px",
+      "menuLinkItemInlineSpace": "4px",
+      "menuLogoDefaultSize": "56px",
+      "menuLogoScrolledSize": "56px",
+      "menuSpecialNaviItemHeightSize": "48px",
+      "subNavBarHeightSize": "42px",
+      "menuUtilityLinksContainerHeightSize": "56px",
+      "menuTopStackSpace": "8px",
+      "menuLeftInlineSpace": "8px",
+      "menuUtilityLinksGapSpace": "24px",
+      "menuRightInlineSpace": "0px",
+      "menuBottomStackSpace": "8px",
+      "menuUtilityLinksDividerHeightSize": "40px",
+      "menuShadowVisibility": "rgba(0, 0, 0, 0.1)",
+      "heyInputShadowVisibility": "rgba(0, 0, 0, 0)",
+      "appTopbarTitleFontSize": "12px",
+      "appTopbarStageTitleHeight": "14px",
+      "iOSappTopBarHeightSize": "44px",
+      "iOSappTopBarLeftInlineSpace": "12px",
+      "iOSappTopBarRightInlineSpace": "16px"
+    }
+  },
+  "typography": {
+    "lg": {
+      "appTopbarStageTitle": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 800,
+        "fontSize": "14px",
+        "lineHeight": "17px"
+      },
+      "appTopbarTabsTitle": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 800,
+        "fontSize": "14px",
+        "lineHeight": "17px"
+      },
+      "menuItemLabel": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "15px",
+        "lineHeight": "15px"
+      },
+      "menuItemUtilLabel": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "12px",
+        "lineHeight": "12px"
+      }
+    },
+    "md": {
+      "appTopbarStageTitle": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 800,
+        "fontSize": "14px",
+        "lineHeight": "17px"
+      },
+      "appTopbarTabsTitle": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 800,
+        "fontSize": "14px",
+        "lineHeight": "17px"
+      },
+      "menuItemLabel": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "15px",
+        "lineHeight": "15px"
+      },
+      "menuItemUtilLabel": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "12px",
+        "lineHeight": "12px"
+      }
+    },
+    "sm": {
+      "appTopbarStageTitle": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 800,
+        "fontSize": "12px",
+        "lineHeight": "14px"
+      },
+      "appTopbarTabsTitle": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 800,
+        "fontSize": "12px",
+        "lineHeight": "14px"
+      },
+      "menuItemLabel": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "15px",
+        "lineHeight": "15px"
+      },
+      "menuItemUtilLabel": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "12px",
+        "lineHeight": "12px"
+      }
+    },
+    "xs": {
+      "appTopbarStageTitle": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 800,
+        "fontSize": "12px",
+        "lineHeight": "14px"
+      },
+      "appTopbarTabsTitle": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 800,
+        "fontSize": "12px",
+        "lineHeight": "14px"
+      },
+      "menuItemLabel": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "15px",
+        "lineHeight": "15px"
+      },
+      "menuItemUtilLabel": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "12px",
+        "lineHeight": "12px"
+      }
+    }
+  },
+  "effects": {
+    "dark": {
+      "menuShadow": [
+        {
+          "offsetX": 0,
+          "offsetY": 8,
+          "radius": 10,
+          "spread": -8,
+          "color": "rgba(0, 0, 0, 0.1)"
+        }
+      ],
+      "heyInputShadow": [
+        {
+          "offsetX": 0,
+          "offsetY": 8,
+          "radius": 10,
+          "spread": -8,
+          "color": "rgba(0, 0, 0, 0)"
+        }
+      ]
+    },
+    "light": {
+      "menuShadow": [
+        {
+          "offsetX": 0,
+          "offsetY": 8,
+          "radius": 10,
+          "spread": -8,
+          "color": "rgba(0, 0, 0, 0.1)"
+        }
+      ],
+      "heyInputShadow": [
+        {
+          "offsetX": 0,
+          "offsetY": 8,
+          "radius": 10,
+          "spread": -8,
+          "color": "rgba(0, 0, 0, 0)"
+        }
+      ]
+    }
+  }
+};
+
+export const getMenuTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Menu.colors?.[colorMode],
+  ...Menu.sizing?.[breakpoint],
+  ...Menu.density?.[density],
+  ...Menu.typography?.[breakpoint],
+  ...Menu.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const menuItemSpace = "8px";
+export const menuItemFontSize = "15px";
+export const menuItemUtilFontSize = "12px";
+export const menuItemUtilStackSpace = "10px";
+export const menuLinkLaneHeightSize = "48px";
+export const menuUtillinkItemHeightSize = "48px";
+export const menuLinkItemInlineSpace = "4px";
+export const menuLogoDefaultSize = "56px";
+export const menuLogoScrolledSize = "56px";
+export const menuSpecialNaviItemHeightSize = "48px";
+export const subNavBarHeightSize = "42px";
+export const menuUtilityLinksContainerHeightSize = "56px";
+export const menuTopStackSpace = "8px";
+export const menuLeftInlineSpace = "8px";
+export const menuUtilityLinksGapSpace = "24px";
+export const menuRightInlineSpace = "0px";
+export const menuBottomStackSpace = "8px";
+export const menuUtilityLinksDividerHeightSize = "40px";
+export const menuShadowVisibility = "rgba(0, 0, 0, 0.1)";
+export const heyInputShadowVisibility = "rgba(0, 0, 0, 0)";
+export const appTopbarTitleFontSize = "12px";
+export const appTopbarStageTitleHeight = "14px";
+export const iOSappTopBarHeightSize = "44px";
+export const iOSappTopBarLeftInlineSpace = "12px";
+export const iOSappTopBarRightInlineSpace = "16px";
+
+export default Menu;

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

@@ -0,0 +1,38 @@
+/**
+ * TypeScript definitions for BILD Design System Tokens
+ * Auto-generated - Do not edit directly
+ */
+
+import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
+
+export interface NewsTickerTokens {
+  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 NewsTicker: NewsTickerTokens;
+export declare function getNewsTickerTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const newsTickerTimeFontSize: string | number;
+export declare const newsTickerTimeFontWeight: string | number;
+export declare const newsTickerTimeFontFamily: string | number;
+export declare const newsTickerTimeLineHeight: string | number;
+export declare const newsTickerContentStackSpace: string | number;
+export declare const newsTickerKickerInnerStackSpace: string | number;
+export declare const newsTickerTitlesInlineSpace: string | number;
+export declare const newsTickerBadgesInlineSpace: string | number;
+export declare const newsTickerTime&KickerStackSpace: string | number;
+export declare const newsTickerEntriesStackSpace: string | number;
+export declare const newsTickerKickerInnerInlineSpace: string | number;
+export declare const newsTickerSkeletonBottomSpace: string | number;
+export declare const newsTickerRedDotSize: string | number;
+export declare const newsTickerEntriesLeftInlineSpace: string | number;
+export declare const newsTickerLineInlineSpace: string | number;
+export declare const newsTickerAppCardHeightSize: string | number;
+export declare const newsTickerAppCardWidthSize: string | number;
+
+export default NewsTicker;

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

@@ -0,0 +1,204 @@
+/**
+ * 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: NewsTicker
+// Brand: advertorial
+
+export const NewsTicker = {
+  "sizing": {
+    "lg": {
+      "newsTickerTimeFontSize": "18px",
+      "newsTickerTimeFontWeight": 700,
+      "newsTickerTimeFontFamily": "Lucida Grande",
+      "newsTickerTimeLineHeight": "23.4px",
+      "newsTickerContentStackSpace": "4px",
+      "newsTickerKickerInnerStackSpace": "2px",
+      "newsTickerTitlesInlineSpace": "30px",
+      "newsTickerBadgesInlineSpace": "16px",
+      "newsTickerTime&KickerStackSpace": "6px",
+      "newsTickerEntriesStackSpace": "22px",
+      "newsTickerKickerInnerInlineSpace": "4px",
+      "newsTickerSkeletonBottomSpace": "0px",
+      "newsTickerRedDotSize": "16px",
+      "newsTickerEntriesLeftInlineSpace": "22px",
+      "newsTickerLineInlineSpace": "8px",
+      "newsTickerAppCardHeightSize": "150px",
+      "newsTickerAppCardWidthSize": "300px"
+    },
+    "md": {
+      "newsTickerTimeFontSize": "16px",
+      "newsTickerTimeFontWeight": 700,
+      "newsTickerTimeFontFamily": "Lucida Grande",
+      "newsTickerTimeLineHeight": "20.8px",
+      "newsTickerContentStackSpace": "4px",
+      "newsTickerKickerInnerStackSpace": "2px",
+      "newsTickerTitlesInlineSpace": "24px",
+      "newsTickerBadgesInlineSpace": "12px",
+      "newsTickerTime&KickerStackSpace": "6px",
+      "newsTickerEntriesStackSpace": "22px",
+      "newsTickerKickerInnerInlineSpace": "4px",
+      "newsTickerSkeletonBottomSpace": "0px",
+      "newsTickerRedDotSize": "14px",
+      "newsTickerEntriesLeftInlineSpace": "22px",
+      "newsTickerLineInlineSpace": "7px",
+      "newsTickerAppCardHeightSize": "150px",
+      "newsTickerAppCardWidthSize": "300px"
+    },
+    "sm": {
+      "newsTickerTimeFontSize": "16px",
+      "newsTickerTimeFontWeight": 700,
+      "newsTickerTimeFontFamily": "Lucida Grande",
+      "newsTickerTimeLineHeight": "20.8px",
+      "newsTickerContentStackSpace": "4px",
+      "newsTickerKickerInnerStackSpace": "2px",
+      "newsTickerTitlesInlineSpace": "18px",
+      "newsTickerBadgesInlineSpace": "8px",
+      "newsTickerTime&KickerStackSpace": "4px",
+      "newsTickerEntriesStackSpace": "22px",
+      "newsTickerKickerInnerInlineSpace": "4px",
+      "newsTickerSkeletonBottomSpace": "64px",
+      "newsTickerRedDotSize": "12px",
+      "newsTickerEntriesLeftInlineSpace": "22px",
+      "newsTickerLineInlineSpace": "6px",
+      "newsTickerAppCardHeightSize": "116px",
+      "newsTickerAppCardWidthSize": "250px"
+    },
+    "xs": {
+      "newsTickerTimeFontSize": "16px",
+      "newsTickerTimeFontWeight": 700,
+      "newsTickerTimeFontFamily": "Lucida Grande",
+      "newsTickerTimeLineHeight": "20.8px",
+      "newsTickerContentStackSpace": "4px",
+      "newsTickerKickerInnerStackSpace": "2px",
+      "newsTickerTitlesInlineSpace": "18px",
+      "newsTickerBadgesInlineSpace": "8px",
+      "newsTickerTime&KickerStackSpace": "4px",
+      "newsTickerEntriesStackSpace": "22px",
+      "newsTickerKickerInnerInlineSpace": "4px",
+      "newsTickerSkeletonBottomSpace": "64px",
+      "newsTickerRedDotSize": "12px",
+      "newsTickerEntriesLeftInlineSpace": "22px",
+      "newsTickerLineInlineSpace": "6px",
+      "newsTickerAppCardHeightSize": "116px",
+      "newsTickerAppCardWidthSize": "250px"
+    }
+  },
+  "typography": {
+    "lg": {
+      "newsTickerTimeStamp": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "18px",
+        "lineHeight": "23.4px"
+      },
+      "newsTickerKicker": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "16px",
+        "lineHeight": "17.6px"
+      },
+      "newsTickerHeadline": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 900,
+        "fontSize": "32px",
+        "lineHeight": "35.2px"
+      }
+    },
+    "md": {
+      "newsTickerTimeStamp": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "16px",
+        "lineHeight": "20.8px"
+      },
+      "newsTickerKicker": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "14px",
+        "lineHeight": "15.4px"
+      },
+      "newsTickerHeadline": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 900,
+        "fontSize": "26px",
+        "lineHeight": "28.6px"
+      }
+    },
+    "sm": {
+      "newsTickerTimeStamp": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "16px",
+        "lineHeight": "20.8px"
+      },
+      "newsTickerKicker": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "14px",
+        "lineHeight": "15.4px"
+      },
+      "newsTickerHeadline": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 900,
+        "fontSize": "24px",
+        "lineHeight": "26.4px"
+      }
+    },
+    "xs": {
+      "newsTickerTimeStamp": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "16px",
+        "lineHeight": "20.8px"
+      },
+      "newsTickerKicker": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "14px",
+        "lineHeight": "15.4px"
+      },
+      "newsTickerHeadline": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 900,
+        "fontSize": "24px",
+        "lineHeight": "26.4px"
+      }
+    }
+  }
+};
+
+export const getNewsTickerTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...NewsTicker.colors?.[colorMode],
+  ...NewsTicker.sizing?.[breakpoint],
+  ...NewsTicker.density?.[density],
+  ...NewsTicker.typography?.[breakpoint],
+  ...NewsTicker.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const newsTickerTimeFontSize = "16px";
+export const newsTickerTimeFontWeight = 700;
+export const newsTickerTimeFontFamily = "Lucida Grande";
+export const newsTickerTimeLineHeight = "20.8px";
+export const newsTickerContentStackSpace = "4px";
+export const newsTickerKickerInnerStackSpace = "2px";
+export const newsTickerTitlesInlineSpace = "18px";
+export const newsTickerBadgesInlineSpace = "8px";
+export const newsTickerTime&KickerStackSpace = "4px";
+export const newsTickerEntriesStackSpace = "22px";
+export const newsTickerKickerInnerInlineSpace = "4px";
+export const newsTickerSkeletonBottomSpace = "64px";
+export const newsTickerRedDotSize = "12px";
+export const newsTickerEntriesLeftInlineSpace = "22px";
+export const newsTickerLineInlineSpace = "6px";
+export const newsTickerAppCardHeightSize = "116px";
+export const newsTickerAppCardWidthSize = "250px";
+
+export default NewsTicker;

package/dist/js/brands/advertorial/components/Pagination.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 PaginationTokens {
+  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 Pagination: PaginationTokens;
+export declare function getPaginationTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
+
+// Flat exports
+export declare const galleryPaginationItemHeightSize: string | number;
+export declare const galleryPaginationContainerWebInlineSpace: string | number;
+export declare const galleryPaginationContainerStackSpace: string | number;
+export declare const galleryPaginationContainerAppInlineSpace: string | number;
+export declare const scrollBarThicknessSize: string | number;
+
+export default Pagination;

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

@@ -0,0 +1,96 @@
+/**
+ * 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: Pagination
+// Brand: advertorial
+
+export const Pagination = {
+  "sizing": {
+    "lg": {
+      "galleryPaginationItemHeightSize": "4px",
+      "galleryPaginationContainerWebInlineSpace": "12px",
+      "galleryPaginationContainerStackSpace": "16px",
+      "galleryPaginationContainerAppInlineSpace": "12px",
+      "scrollBarThicknessSize": "8px"
+    },
+    "md": {
+      "galleryPaginationItemHeightSize": "4px",
+      "galleryPaginationContainerWebInlineSpace": "12px",
+      "galleryPaginationContainerStackSpace": "16px",
+      "galleryPaginationContainerAppInlineSpace": "12px",
+      "scrollBarThicknessSize": "8px"
+    },
+    "sm": {
+      "galleryPaginationItemHeightSize": "4px",
+      "galleryPaginationContainerWebInlineSpace": "8px",
+      "galleryPaginationContainerStackSpace": "12px",
+      "galleryPaginationContainerAppInlineSpace": "12px",
+      "scrollBarThicknessSize": "8px"
+    },
+    "xs": {
+      "galleryPaginationItemHeightSize": "4px",
+      "galleryPaginationContainerWebInlineSpace": "8px",
+      "galleryPaginationContainerStackSpace": "12px",
+      "galleryPaginationContainerAppInlineSpace": "12px",
+      "scrollBarThicknessSize": "8px"
+    }
+  },
+  "typography": {
+    "lg": {
+      "numberedPaginationActive": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "17px",
+        "lineHeight": "20.4px"
+      }
+    },
+    "md": {
+      "numberedPaginationActive": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "17px",
+        "lineHeight": "20.4px"
+      }
+    },
+    "sm": {
+      "numberedPaginationActive": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "17px",
+        "lineHeight": "20.4px"
+      }
+    },
+    "xs": {
+      "numberedPaginationActive": {
+        "fontFamily": "Lucida Grande",
+        "fontWeight": 700,
+        "fontSize": "17px",
+        "lineHeight": "20.4px"
+      }
+    }
+  }
+};
+
+export const getPaginationTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
+  ...Pagination.colors?.[colorMode],
+  ...Pagination.sizing?.[breakpoint],
+  ...Pagination.density?.[density],
+  ...Pagination.typography?.[breakpoint],
+  ...Pagination.effects?.[colorMode]
+});
+
+// Flat exports for tree-shaking
+export const galleryPaginationItemHeightSize = "4px";
+export const galleryPaginationContainerWebInlineSpace = "8px";
+export const galleryPaginationContainerStackSpace = "12px";
+export const galleryPaginationContainerAppInlineSpace = "12px";
+export const scrollBarThicknessSize = "8px";
+
+export default Pagination;