@marioschmidt/design-system-tokens 1.0.14 → 1.0.16

package/dist/flutter/brands/sportbild/semantic/typography/typography-xs.dart

@@ -0,0 +1,147 @@
+
+//
+// typography-xs.dart
+//
+
+// Do not edit directly, this file was auto-generated.
+
+
+
+import 'dart:ui';
+
+class TypographySportbildXS {
+    TypographySportbildXS._();
+
+    static const accordionAccordionlabel = [object Object]; /** This text style is for use on accordion labels */
+    static const articleArticleheadline = [object Object]; /** This component level text style is reserved for article page headline texts that show up at the top of article pages. This text style references the generic text styles headline1 and headline2 font size variables. 40 - 40 - 72 - 100 */
+    static const articleArticleimagecaption = [object Object]; /** This text style is used on image captions that show up in article pages only. */
+    static const articleArticlekicker = [object Object]; /** This text style contains the variables necessary for setting how the font parameters for the article kicker behaves across breakpoints. For font size, this component level token currently references the semantic level token kicker1FontSize. */
+    static const articleArticlemetasource = [object Object]; /** This text style is used on short pieces of text that give information about where an image originated. It can also be used on short texts that give information about where a video originated. */
+    static const articleArticletimestamp = [object Object]; /** Use this text style for time and day text string that commonly shows up along with the article authors avatars. Font size: 12 - 12 - 14 - 16 */
+    static const ateaserAteaserheadline = [object Object]; /** This text style references the semantic text styles headline3 (XS&SM) and headline2 (MD&LG). 28 - 28 - 48 - 64 */
+    static const ateaserAteaserkicker = [object Object]; /** 16 - 16 - 22 - 24 | This text style currently uses two different semantic styles within it, the kicker3 for XS & S, and kicker2 for MD & LG */
+    static const audioplayerAudioplayerlabel = [object Object]; /** This text style is used on audio player labels for elapsed time, reproduction speed and short functionality description text. Font size: 16 - 16 - 16 - 18 */
+    static const avatarAppavatar = [object Object]; /** This text style is used for avatar on iOS & Android apps. 12 - 12 - 14 - 16 */
+    static const /**
+ * This text style is used on article page avatar name labels in their default state. Font size: 16 - 16 - 16 - 18
+ * 
+ * 09-2025, on large devices this component uses the css var --footnote-font-size-lg at 1024px bp changes to --footnote-font-size-sm
+ */
+avatarAvatardefault = [object Object];
+    static const avatarAvatarhover = [object Object]; /** This text style is used on avatars that appear in article pages. Font size: 16 - 16 - 16 - 18 */
+    static const avatarAvatarsecondaryinfo = [object Object]; /** This text style is used on avatars that show up on article pages. Some avatars have the individual's first and last name on a single line. The second line of the avatar label is then used for secondary information such as the location of the individual in the world. 16 - 16 - 16 - 18 */
+    static const avatarAvatarsecondaryinfohover = [object Object]; /** This text style is used for the active state of the second line of avatar labels. This label text is used for secondary information such as the location of the individual in the world. 16 - 16 - 16 - 18 */
+    static const badgesVideoadbadge = [object Object]; /** 14 - 14 - 16 - 16 -- This text style is specific to the video horizontal player's ad badge that shows up next to the yellow progress bar that plays during horizontal video advertisements. */
+    static const badgesVideotimebadge = [object Object]; /** This text style is used on horizontal video badges that contain either the video's total duration or a live status identifier. Font size: 16 - 16 - 18 - 18 */
+    static const bodyBody = [object Object]; /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
+    static const bodyBodybold = [object Object]; /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
+    static const bodyBodybolditalic = [object Object]; /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
+    static const bodyBodyitalic = [object Object]; /** Body styles are the default for running text. They prioritize readability and are optimized for long-form content across devices. Font size remains constant at 21 across device sizes. */
+    static const breadcrumbBreadcrumb = [object Object]; /** This text style is used for the last items in a breadcrumbs chain. It is commonly used in article pages and is a h1 in html. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
+    static const breadcrumbBreadcrumblink = [object Object]; /** This text style is used for breadcrumb links that are commonly used in article pages. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
+    static const breadcrumbBreadcrumblinkhover = [object Object]; /** This text style is used for the hover state of breadcrumbs that are commonly used in article pages. This text style's font size parameter is controlled by the breadcrumbFontSize variable. 15 - 15 - 15 - 12. Breadcrumb labels are smaller on largest devices. */
+    static const breakingnewsBreakingnewslowertitle = [object Object]; /** Use this font style on the breaking news badge's lower title. Font size constant 23. */
+    static const breakingnewsBreakingnewstext = [object Object]; /** Use this text style on breaking news headlines that horizontally scroll in the breaking news animated strip. Font size constant 21. */
+    static const breakingnewsBreakingnewsuppertitle = [object Object]; /** Use this text style on the upper title of the breaking news headline strip. Font size constant 13. */
+    static const buttonButtonlabel = [object Object]; /** This text style is used on button labels. Its font size variable is currently in the Density collection. Font size changes across devices: 15 - 17 - 19 Current online CSS .btn--narrow & .btn */
+    static const buttonPartnerlinkbuttonlabel = [object Object]; /** This text style is used on buttons that are commonly used inside of a container for advertizers and partners. This text is used in buttons that open links to external content.  Font size: 16 - 16 - 16 - 18 */
+    static const calloutCallout = [object Object]; /** Callouts highlight key information, quotes, or important notes inside content. They stand apart from body text to draw attention. There is overlap between this text style and the title text styles. Font size: 18 - 18 - 22 - 22 */
+    static const chipsChipslabel = [object Object]; /** This text style is used on the chips component. They are commonly used for filtering parameters. font size: 16 - 16 - 16 - 18 */
+    static const displayDisplay1 = [object Object]; /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 40 - 40 - 72 - 120 */
+    static const displayDisplay2 = [object Object]; /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 36 - 36 - 42 - 64 */
+    static const displayDisplay3 = [object Object]; /** Display styles are used for large, attention-grabbing text, typically in hero sections, landing pages, or promotional contexts. They emphasize hierarchy and visual impact. Font size: 28 - 28 - 32 - 40 */
+    static const dsdocsstylesBilddesignsidemenu = [object Object]; /** This text style is only used for mockup pages of the design system website. */
+    static const dsdocsstylesBilddesignsidemenuactive = [object Object]; /** This text style is only used for mockup pages of the design system website. */
+    static const dsdocsstylesBilddesignsidemenuhover = [object Object]; /** This text style is only used for mockup pages of the design system website. */
+    static const dsdocsstylesCodesnippets = [object Object]; /** This text style is only used on the design system's documentation for code syntax snippets. */
+    static const dsdocsstylesPageheaderdescription = [object Object];
+    static const dsdocsstylesTokenspecl = [object Object]; /** This text style is used on documentation pages that contain some token information. */
+    static const dsdocsstylesVerticalvideosmockheadlines = [object Object]; /** This text style is only used for mockups the vertical video component teaser headlines. */
+    static const footerFootercardlink = [object Object]; /** This text style is used for link texts contained inside cards that commonly show up at the bottom of pages in footers. This link text style's font size parameter uses the label2 font size variable. */
+    static const footerFooterlinks = [object Object]; /** This text style is used in footer links that show up at the bottom of content pages. Font size constant at 11px. */
+    static const footerFooterlinkseparator = [object Object]; /** This text style is found on footers that separate links with a vertical bar. Font size remains constant at 20 px across devices. */
+    static const footerFooterlinkuserOfferpages = [object Object]; /** User data and offer pages use this text style on footer links. Font size remains constant at 18px. */
+    static const footnoteFootnote1 = [object Object]; /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This specific style is commonly used on small two lines of text that are seen on standard teasers. The font size of this text style is similar to the label text style. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 16 - 16 - 16 - 18 */
+    static const footnoteFootnote1bold = [object Object]; /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. 16 - 16 - 16 - 18 */
+    static const footnoteFootnote2 = [object Object]; /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
+    static const footnoteFootnote2bold = [object Object]; /** Footnotes are used for disclaimers, annotations, or secondary details. They are small in size and carry low visual weight. This text style should be chosen when longer small descriptive texts in a small font size is needed where as the label text style should be used for shorter identifier texts. Font size: 12 - 12 - 12 - 16 */
+    static const headlineHeadline1 = [object Object]; /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 48 - 48 - 72 - 100 */
+    static const headlineHeadline2 = [object Object]; /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's token for the font size parameter changes across device sizes as follows: 40 - 40 - 48 - 64 */
+    static const headlineHeadline3 = [object Object]; /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. This text style's font size parameter is controlled by the headline3FontSize token: 28 - 28 - 36 - 40 */
+    static const headlineHeadline4 = [object Object]; /** Headlines structure content into clear sections. They are prominent but more versatile than Display styles, used across articles, teasers and modules. Font size: 22 - 22 - 26 - 32 */
+    static const inputfieldTextinputfieldlabel = [object Object]; /** This text style is used in dropdowns and other text input fields such as date inputs, search input fields and other inputs for text found in forms for example. Font size references a variable from the density collection. 15 - 17 - 19 */
+    static const kickerKicker1 = [object Object]; /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 30 --//*//-- currently css uses kicker0 for the naming of this text style and sequence of font size changes */
+    static const kickerKicker2 = [object Object]; /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 18 - 18 - 22 - 24 --//*//-- currently css uses kicker1 for the naming of this text style and sequence of font size changes */
+    static const kickerKicker3 = [object Object]; /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 16 - 16 - 18 - 20 --//*//-- currently css uses kicker2 for the naming of this text style and sequence of font size changes */
+    static const kickerKicker4 = [object Object]; /** Kickers are short introductory lines placed above a headline to provide context, category, or emphasis. They support content orientation. Font size: 14 - 14 - 16 - 16 --//*//-- currently css uses kicker3 for the naming of this text style and sequence of font size changes */
+    static const labelLabel1 = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
+    static const labelLabel1bold = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
+    static const labelLabel1boldresp = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size changes across device sizes: 10 - 10 - 15 - 17 */
+    static const labelLabel1uppercasebold = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 17 across device sizes. */
+    static const labelLabel2 = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
+    static const labelLabel2bold = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
+    static const labelLabel2uppercase = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 15 across device sizes. */
+    static const labelLabel2uppercasebold = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This style used on special navi component simiiar to link lane menu items. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. The font size value remains constant at 15 across device sizes. */
+    static const labelLabel3 = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
+    static const labelLabel3bold = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
+    static const labelLabel3uppercase = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. Current online CSS .nav_btn--type-list & .nav_btn__text // --nav-btn */
+    static const labelLabel3uppercasebold = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 12 across device sizes. */
+    static const labelLabel4 = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size value remains constant at 8. */
+    static const livetickerLivetickerheadline = [object Object]; /** This text style is used on live ticker headlines. The font size changes between device sizes. 22 - 22 - 32 -32 */
+    static const livetickerLivetickertimestamp = [object Object]; /** Use this text style on the live ticker time stamps. 14 - 14 - 16 - 16 */
+    static const mediaplayersPodcastplayerlabel = [object Object]; /** This text style is used on controller labels of the podcast media player. Font size: 16 - 16 - 16 - 18 */
+    static const mediaplayersVideoadtime = [object Object]; /** 14 - 14 - 16 - 16 -- This text style is specific to the video horizontal player's ad badge that shows up next to the yellow progress bar that plays during the video advertisement. */
+    static const mediaplayersVideoplayertime = [object Object]; /** Use this text style on video player time badges that display elapsed, total or live information text labels. This text style references the label2 font size variable. 15px constant */
+    static const menuApptopbarstagetitle = [object Object]; /** This text style is used on a small title that is placed above tab elements that are seen on iOS and Android top menu bar. */
+    static const menuApptopbartabstitle = [object Object]; /** iOS and Android apps currently have a top bar with tabs that when selected display different content within the main view of the device. This text style is used for a title text that provides information for the user to situate where they are within the app's content possibilities. */
+    static const menuMenuitemlabel = [object Object]; /** Used on menu link lane items and on mobile side menu drawer. Current online CSS naming: --nav-btn */
+    static const menuMenuitemutillabel = [object Object]; /** Use this tokenized font style for menu items with icons that are more important than the menu link lane items. Current online CSS: .nav_btn--type-util */
+    static const /**
+ * This component level text style references the semantic level text sizes of headline3 and headline4.
+ * XS-headline4FontSize:22 // SM-headline4FontSize:22 // MD-headline3FontSize:36 // LG-headline3FontSize:40
+ */
+mqteaserMqteaserheadline = [object Object];
+    static const mqteaserMqteaserkicker = [object Object]; /** This component level text style references size variables for the semantic level. Specifically kicker4. 14 - 14 - 16 - 16 */
+    static const newstickerNewstickerheadline = [object Object]; /** This text style is used on NewsTicker Headlines. It references the semantic level text style headline3. 28 - 28 - 36 - 40 */
+    static const newstickerNewstickerkicker = [object Object]; /** This text style is a component level option for the newsticker kicker. Currently the newsticker kicker uses the semantic text style kicker3. This text style references the semantic one. */
+    static const newstickerNewstickertimestamp = [object Object]; /** The vertical newsticker component has timestamps that use this text style. 16 - 16 - 16 - 18 */
+    static const paginationNumberedpaginationactive = [object Object]; /** This component level text style stores the variables for the pagination component's active state (label1 with red accent color underline). Its size remains constant at 17px across device sizes. */
+    static const paywallPaywallcardnote = [object Object]; /** This text style is used on the paywall card under the price value. */
+    static const paywallPaywallcardpricetag = [object Object]; /** This text style is used for the paywall price tag text. */
+    static const qteaserQteaserheadline = [object Object]; /** This component level text style is used on the quad teaser headline. Its font size parameter references the semantic level variable headline1. 48 - 48 - 72 - 100 */
+    static const quoteQuote = [object Object]; /** Use this text style for sections of text that are inside a fieldset with a quotation given by a person in an interview or a section of text from a larger body of text that need to be emphasized. */
+    static const specialnaviSpecianaviitemlabel = [object Object]; /** Used on menu link lane items and on mobile side menu drawer. */
+    static const specsSpecsl = [object Object]; /** This text style is only used for audit pages of the design system. */
+    static const specsSpecsm = [object Object]; /** This text style is only used for audit pages of the design system. */
+    static const specsSpecsml = [object Object]; /** This text style is only used for audit pages of the design system. */
+    static const specsSpecsms = [object Object]; /** This text style is only used for audit pages of the design system. */
+    static const specsSpecss = [object Object]; /** This text style is only used for audit pages of the design system. */
+    static const specsSpecsxl = [object Object]; /** This text style is only used for audit pages of the design system. */
+    static const specsSpecsxs = [object Object]; /** This text style is only used for audit pages of the design system. */
+    static const specsSpecsxxl = [object Object]; /** This text style is only used for audit pages of the design system. */
+    static const stdteaserStdteaserheadline = [object Object]; /** Standard teasers typography changes more than other teasers. On desktop they have a kicker, a headline and a short text. On mobile devices the short text is eliminated and the headline gains weight at device widths 600px. Then at small mobile sizes the weight drops once again. */
+    static const subheadlineSubheadline1 = [object Object]; /** This Subheadlines text style is used in articles. They are placed under the headline at the top of an article. Subheadlines can appear in some teasers also. Font size: 24 - 24 - 32 - 36 */
+    static const tabsAppbottombarlabelactive = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. */
+    static const tabsAppbottombarlabeldefault = [object Object]; /** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. */
+    static const tabsTablabel = [object Object]; /** This text style stores variables for the tab component. Tabs are similar to submenus and special navigation elements but tabs do not link to other URLs. */
+    static const textlinkTextlink = [object Object]; /** Use this text style for styling elements that are clickable text links inside body texts. This style is often found in article texts. Font size remains constant at 21 across device sizes. */
+    static const textlinkTextlinkbold = [object Object]; /** Use this text style for styling elements that are clickable text links inside emphasized body texts that are using the bold or html strong style. This style is often found in article texts that need to show contrast for specific words or names. Font size remains constant at 21 across device sizes. */
+    static const textlinkTextlinkboldhover = [object Object]; /** Use this style for body text links or other text links that are in active state. Font size remains constant at 21 across device sizes. */
+    static const textlinkTextlinkhover = [object Object]; /** Use this style for body text links or other text links that are in active state. Font size remains constant at 21 across device sizes. */
+    static const textlinkTextlinkitalic = [object Object]; /** Use this text style for styling elements that are clickable text links inside body texts that are using the italic style. This style is often found in article texts that need to show contrast for publications titles, specific words or names. Font size remains constant at 21 across device sizes. */
+    static const titleTitle1 = [object Object]; /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
+    static const titleTitle1uppercase = [object Object]; /** Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. Font size: 22 - 22 - 22 - 28 */
+    static const /**
+ * Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. 
+ * 
+ * In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20
+ */
+titleTitle2 = [object Object];
+    static const /**
+ * Title styles are mid-level headings, often used for module names, card headers, or section labels. They balance prominence with readability. 
+ * 
+ * In the previous system, this style was named Caption. For greater clarity and consistency, it has been renamed to title2. Font size: 16 - 16 - 18 - 20
+ */
+titleTitle2uppercase = [object Object];
+    static const toggleswitchesApptoogleitemlabel = [object Object]; /** This text style is used on labels in list items with toggle switches found in app preferences. 14 - 14 - 16 - 18 */
+}

package/dist/flutter/shared/colorprimitive.dart

@@ -0,0 +1,109 @@
+
+//
+// colorprimitive.dart
+//
+
+// Do not edit directly, this file was auto-generated.
+
+
+
+import 'dart:ui';
+
+class Colorprimitive {
+    Colorprimitive._();
+
+    static const bildAlphaAlphaBildRed80 = Color(0xCCDD0000); /** Used on elevation effects. */
+    static const bildAlphaAlphaBlack0 = Color(0x00000000);
+    static const bildAlphaAlphaBlack05 = Color(0x0D000000);
+    static const bildAlphaAlphaBlack10 = Color(0x1A000000);
+    static const bildAlphaAlphaBlack20 = Color(0x33000000);
+    static const bildAlphaAlphaBlack30 = Color(0x4D000000);
+    static const bildAlphaAlphaBlack35 = Color(0x59000000);
+    static const bildAlphaAlphaBlack50 = Color(0x80000000);
+    static const bildAlphaAlphaBlack60 = Color(0x99000000); /** Used on elevation effects. */
+    static const bildAlphaAlphaBlack70 = Color(0xB2000000); /** Used on elevation effects. */
+    static const bildAlphaAlphaBlack80 = Color(0xCC000000); /** Used on elevation effects. */
+    static const bildAlphaAlphaWhite10 = Color(0x1AFFFFFF);
+    static const bildAlphaAlphaWhite20 = Color(0x33FFFFFF);
+    static const bildAlphaAlphaWhite30 = Color(0x4DFFFFFF);
+    static const bildAlphaAlphaWhite35 = Color(0x59FFFFFF);
+    static const bildAlphaAlphaWhite60 = Color(0x99FFFFFF); /** Used on elevation effects. */
+    static const bildAlphaAlphaWhite70 = Color(0xB2FFFFFF); /** Used on elevation effects. */
+    static const bildAlphaAlphaWhite80 = Color(0xCCFFFFFF); /** Used on elevation effects. */
+    static const bildBlueBildBlue = Color(0xFF00B1FF); /** This Blue color was taken from the Weather 2024 project. Tone: 069 */
+    static const bildGrayBild010 = Color(0xFF1C1C1C);
+    static const bildGrayBild015 = Color(0xFF232629);
+    static const bildGrayBild020 = Color(0xFF2C3138);
+    static const bildGrayBild025 = Color(0xFF343C41);
+    static const bildGrayBild035 = Color(0xFF4B525A);
+    static const bildGrayBild045 = Color(0xFF666B70);
+    static const bildGrayBild060 = Color(0xFF8C9196);
+    static const bildGrayBild073 = Color(0xFFAEB4B9);
+    static const bildGrayBild085 = Color(0xFFCED4DA);
+    static const bildGrayBild08550 = Color(0x80CED4DA); /** The 50% opacity on this color makes it equivalent to BILD093. */
+    static const bildGrayBild093 = Color(0xFFE9ECEF);
+    static const bildGrayBild096 = Color(0xFFF2F4F5);
+    static const bildGreenBildGreen040 = Color(0xFF006E3E); /** This value of green was found in a text field's text color. */
+    static const bildGreenBildGreen056 = Color(0xFF18995C);
+    static const bildGreenBildGreen05650 = Color(0x80009B5A);
+    static const bildGreenBildGreen063 = Color(0xFF00AF67);
+    static const bildGreenBildGreen070 = Color(0xFF00C373);
+    static const bildGreenBildGreen093 = Color(0xFFCEF4E4);
+    static const bildGreenBildGreen09350 = Color(0x80CEF4E4);
+    static const bildNeutralBild100 = Color(0xFFFFFFFF);
+    static const bildNeutralBildBlack = Color(0xFF000000);
+    static const bildOrangeBildOrange = Color(0xFFFD8227); /** Tone: 067 */
+    static const bildPurpleBildBerry = Color(0xFF551937); /** Tone: 020 */
+    static const bildRedBildRed = Color(0xFFDD0000); /** Tone 046 */
+    static const bildRedBildRed035 = Color(0xFFAF0002);
+    static const bildRedBildRed053 = Color(0xFFF52D2D);
+    static const bildTextLabelsBild015 = BILD015; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBild025 = BILD025; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBild035 = BILD035; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBild045 = BILD045; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBild060 = BILD060; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBild073 = BILD073; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBild085 = BILD085; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBild093 = BILD093; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBild096 = BILD096; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBild100 = BILD100; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBildGreen063 = BILDGreen063; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBildGreen070 = BILDGreen070; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBildGreen093 = BILDGreen093; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBildOrange = BILDOrange; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBildRed = BILDRed; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBildRed035 = BILDRed035; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBildRed053 = BILDRed053; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildTextLabelsBildYellow = BILDYellow; /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    static const bildYellowBildYellow = Color(0xFFFFBF00); /** Tone: 081 */
+    static const opacityOpacity00 = 0px;
+    static const opacityOpacity05 = 5px;
+    static const opacityOpacity10 = 10px;
+    static const opacityOpacity100 = 100px;
+    static const opacityOpacity20 = 20px;
+    static const opacityOpacity30 = 30px;
+    static const opacityOpacity40 = 40px;
+    static const opacityOpacity50 = 50px;
+    static const opacityOpacity60 = 60px;
+    static const opacityOpacity70 = 70px;
+    static const opacityOpacity80 = 80px;
+    static const opacityOpacity90 = 90px;
+    static const partnerAubiAubiCore = Color(0xFFF00000);
+    static const partnerBzBzCore = Color(0xFFE3001B);
+    static const partnerComputerBildCobiCore = Color(0xFFDC231C);
+    static const partnerFitbookFitbookCore = Color(0xFFFF97B7);
+    static const partnerKaufberaterKaufberaterCore = Color(0xFF55476E);
+    static const partnerMyHomeMyhomeCore = Color(0xFF66CCCC);
+    static const partnerPetbookPetbookCore = Color(0xFFB9DB91);
+    static const partnerTechbookTechbookCore = Color(0xFF93E4FF);
+    static const partnerTravelbookTravelbookCore = Color(0xFF8EF0ED);
+    static const sportBildAlphaSpobiBlue0160 = Color(0x000A2750);
+    static const sportBildAlphaSpobiBlue01670 = Color(0xB20A2750);
+    static const sportBildBlueSpobiBlue010 = Color(0xFF081828);
+    static const sportBildBlueSpobiBlue016 = Color(0xFF0A2750); /** This variable in the current online CSS is called main-tenant-color for the spobi tenant. */
+    static const sportBildBlueSpobiBlue029 = Color(0xFF174482); /** This variable in the current online CSS is called secondary-tenant-color */
+    static const sportBildBlueSpobiBlue038 = Color(0xFF315998);
+    static const sportBildBlueSpobiBlue081 = Color(0xFFBDCADB);
+    static const sportBildBlueSpobiBlue098 = Color(0xFFF7F9FD);
+    static const sportBildRedSpobiRed = Color(0xFFE52528);
+}

package/dist/flutter/shared/fontprimitive.dart

@@ -0,0 +1,58 @@
+
+//
+// fontprimitive.dart
+//
+
+// Do not edit directly, this file was auto-generated.
+
+
+
+import 'dart:ui';
+
+class Fontprimitive {
+    Fontprimitive._();
+
+    static const fontFamilyAdvertorialFontFamilyLucidaGrande = Lucida Grande;
+    static const fontFamilyBildFontFamilyGotham = Gotham;
+    static const fontFamilyBildFontFamilyGothamCond = Gotham Condensed;
+    static const fontFamilyBildFontFamilyGothamXNarrow = Gotham XNarrow;
+    static const fontFamilySportBildFontFamilyAntennaCond = AntennaCond;
+    static const fontFamilySportBildFontFamilyAntennaExtraCond = AntennaExtraCond;
+    static const fontFamilySportBildFontFamilyInter = Inter;
+    static const fontWeight1000UltraFontWeight = 1000;
+    static const fontWeight100ThinFontWeight = 100;
+    static const fontWeight200ExtraLightFontWeight = 200;
+    static const fontWeight300LightFontWeight = 300;
+    static const fontWeight350BookFontWeight = 350;
+    static const fontWeight400BookFontWeight = 400;
+    static const fontWeight500MediumFontWeight = 500;
+    static const fontWeight600BoldFontWeight = 600;
+    static const fontWeight700BlackFontWeight = 700; /** 700 is considered black weight because Gotham Condensed is the primary font family (most used in headlines). In other font families 700 is not black weight but bold. */
+    static const fontWeight800BlackFontWeight = 800;
+    static const fontWeight900ExtraBlackFontWeight = 900;
+    static const fontWeightBlackFontWeightSt = Black;
+    static const fontWeightBoldItalicFontWeightSt = Bold Italic;
+    static const fontWeightString1000UltraFontWeight = 1000;
+    static const fontWeightString100ThinFontWeight = 100;
+    static const fontWeightString200ExtraLightFontWeight = 200;
+    static const fontWeightString350BookFontWeight = 350;
+    static const fontWeightString400BookFontWeight = 400;
+    static const fontWeightString500MediumFontWeight = 500;
+    static const fontWeightString600BoldFontWeight = 600;
+    static const fontWeightString600BoldItalicFontWeight = Bold Italic;
+    static const fontWeightString700BlackFontWeight = 700;
+    static const fontWeightString700BlackItalicFontWeight = Black Italic;
+    static const fontWeightString800BlackFontWeight = 800;
+    static const fontWeightString900ExtraBlackFontWeight = 900;
+    static const letterSpacingLetterSpace0 = 0px; /** This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0. */
+    static const letterSpacingLetterSpace025 = -0.25px; /** This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25. */
+    static const letterSpacingLetterSpace025 = 0.25px; /** This variable is a primitive for use in creating semantic text styles that need to use a subtle positive letter spacing value of 0.25. */
+    static const letterSpacingLetterSpace05 = 0.5px; /** This variable is a primitive for use in creating semantic text styles that need to use a slight positive letter spacing value of 0.5. */
+    static const letterSpacingLetterSpace05 = -0.5px; /** This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5. */
+    static const letterSpacingLetterSpace1 = 1px; /** This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1. */
+    static const letterSpacingLetterSpace1 = -1px; /** This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1. */
+    static const letterSpacingLetterSpace2 = 2px; /** This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2. */
+    static const letterSpacingLetterSpace2 = -2px; /** This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -2. This is usually reserved for large texts styles that are used on titles or headlines. */
+    static const letterSpacingLetterSpace3 = 3px; /** This variable is a primitive for use in creating semantic text styles that need to use a much larger letter spacing value of 3. Text styles that have smaller font sizes should use increasingly positive values for their letter spacings on smaller device sizes. */
+    static const letterSpacingLetterSpace3 = -3px; /** This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes. */
+}

package/dist/flutter/shared/sizeprimitive.dart

@@ -0,0 +1,64 @@
+
+//
+// sizeprimitive.dart
+//
+
+// Do not edit directly, this file was auto-generated.
+
+
+
+import 'dart:ui';
+
+class Sizeprimitive {
+    Sizeprimitive._();
+
+    static const size0125x = 16.00;
+    static const size025x = 32.00;
+    static const size05x = 64.00;
+    static const size075x = 96.00;
+    static const size0x = 0.00;
+    static const size100x = 12800.00;
+    static const size10x = 1280.00;
+    static const size115x = 1472.00;
+    static const size11625x = 14880.00;
+    static const size124x = 15872.00;
+    static const size125x = 1600.00;
+    static const size125x = 160.00;
+    static const size128x = 16384.00;
+    static const size12x = 1536.00;
+    static const size15x = 192.00;
+    static const size15x = 1920.00;
+    static const size1625 = 2080.00;
+    static const size168x = 21504.00;
+    static const size175x = 224.00;
+    static const size175x = 2240.00;
+    static const size185x = 2368.00;
+    static const size1x = 128.00;
+    static const size20x = 2560.00;
+    static const size225x = 288.00;
+    static const size225x = 2880.00;
+    static const size25x = 320.00;
+    static const size25x = 3200.00;
+    static const size275x = 352.00;
+    static const size275x = 3520.00;
+    static const size2x = 256.00;
+    static const size30x = 3840.00;
+    static const size325x = 416.00;
+    static const size35x = 448.00;
+    static const size35x = 4480.00;
+    static const size375x = 480.00;
+    static const size3x = 384.00;
+    static const size40x = 5120.00;
+    static const size45x = 576.00;
+    static const size4x = 512.00;
+    static const size50x = 6400.00;
+    static const size525x = 672.00;
+    static const size5x = 640.00;
+    static const size60x = 7680.00;
+    static const size6x = 768.00;
+    static const size7x = 896.00;
+    static const size80x = 10240.00;
+    static const size875x = 11200.00;
+    static const size8x = 1024.00;
+    static const size9x = 1152.00;
+}

package/dist/flutter/shared/spaceprimitive.dart

@@ -0,0 +1,40 @@
+
+//
+// spaceprimitive.dart
+//
+
+// Do not edit directly, this file was auto-generated.
+
+
+
+import 'dart:ui';
+
+class Spaceprimitive {
+    Spaceprimitive._();
+
+    static const space025x = 32.00;
+    static const space025x = -32.00;
+    static const space05x = 64.00;
+    static const space075x = 96.00;
+    static const space0x = 0.00;
+    static const space10x = 1280.00;
+    static const space125x = 160.00;
+    static const space12x = 1536.00;
+    static const space15x = 192.00;
+    static const space175x = 224.00;
+    static const space1x = 128.00;
+    static const space20x = 2560.00;
+    static const space25x = 320.00;
+    static const space275x = 352.00;
+    static const space2x = 256.00;
+    static const space35x = 448.00;
+    static const space3x = 384.00;
+    static const space45x = 576.00;
+    static const space4x = 512.00;
+    static const space5x = 640.00;
+    static const space6x = 768.00;
+    static const space75x = 960.00;
+    static const space85x = 1088.00;
+    static const space8x = 1024.00;
+    static const space9x = 1152.00;
+}

package/dist/ios/brands/advertorial/density/DensityCompact.swift

@@ -0,0 +1,20 @@
+
+//
+// DensityCompact.swift
+//
+
+// Do not edit directly, this file was auto-generated.
+
+
+import UIKit
+
+public class DensityCompact {
+    public static let componentButtonButtonContentGapSpace = CGFloat(96.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+    public static let componentButtonButtonInlineSpace = CGFloat(256.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+    public static let componentButtonButtonLabelFontSize = CGFloat(240.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19 */
+    public static let componentButtonButtonStackSpace = CGFloat(96.00) /** This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+    public static let componentInputfieldInputFieldHeightSize = CGFloat(576.00)
+    public static let componentInputfieldInputFieldInlineSpace = CGFloat(256.00)
+    public static let componentInputfieldInputFieldLabelFontSize = CGFloat(256.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
+    public static let componentInputfieldInputFieldStackSpace = CGFloat(96.00)
+}

package/dist/ios/brands/advertorial/density/DensityDefault.swift

@@ -0,0 +1,20 @@
+
+//
+// DensityDefault.swift
+//
+
+// Do not edit directly, this file was auto-generated.
+
+
+import UIKit
+
+public class DensityDefault {
+    public static let componentButtonButtonContentGapSpace = CGFloat(128.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+    public static let componentButtonButtonInlineSpace = CGFloat(320.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+    public static let componentButtonButtonLabelFontSize = CGFloat(272.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19 */
+    public static let componentButtonButtonStackSpace = CGFloat(128.00) /** This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+    public static let componentInputfieldInputFieldHeightSize = CGFloat(640.00)
+    public static let componentInputfieldInputFieldInlineSpace = CGFloat(256.00)
+    public static let componentInputfieldInputFieldLabelFontSize = CGFloat(272.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
+    public static let componentInputfieldInputFieldStackSpace = CGFloat(128.00)
+}

package/dist/ios/brands/advertorial/density/DensitySpacious.swift

@@ -0,0 +1,20 @@
+
+//
+// DensitySpacious.swift
+//
+
+// Do not edit directly, this file was auto-generated.
+
+
+import UIKit
+
+public class DensitySpacious {
+    public static let componentButtonButtonContentGapSpace = CGFloat(128.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+    public static let componentButtonButtonInlineSpace = CGFloat(384.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+    public static let componentButtonButtonLabelFontSize = CGFloat(304.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19 */
+    public static let componentButtonButtonStackSpace = CGFloat(192.00) /** This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+    public static let componentInputfieldInputFieldHeightSize = CGFloat(768.00)
+    public static let componentInputfieldInputFieldInlineSpace = CGFloat(256.00)
+    public static let componentInputfieldInputFieldLabelFontSize = CGFloat(304.00) /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
+    public static let componentInputfieldInputFieldStackSpace = CGFloat(192.00)
+}