@marioschmidt/design-system-tokens 1.0.11 → 1.0.13

package/dist/flutter/semantic/sportbild/color/color_sportbild_light.dart

@@ -0,0 +1,435 @@
+
+//
+// color_sportbild_light.dart
+//
+
+// Do not edit directly, this file was auto-generated.
+
+
+
+import 'dart:ui';
+
+class {
+    ._();
+
+    static const componentAlertAlertSurfaceColor = Color(0xFFFFFFFF); /** On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 */
+    static const componentAlertAlertSurfaceColorConstant = Color(0xFFFFFFFF); /** On marketing offer surfaces this variable is  used. */
+    static const componentAvatarAvatarLabelColor = Color(0xFF666B70); /** 09-2025 css --article-author-name-color */
+    static const componentAvatarAvatarLabelColorHover = Color(0xFF174582); /** 09-2025 css --article-author-name-color */
+    static const componentBreadcrumbBreadcrumbTextColorHover = Color(0xFF242629); /** Use this token on breadcrumbs that the user's pointer is hovering on or clicked on. This token changes color between light and dark modes. L:015 / D:100 */
+    static const componentBreadcrumbBreadcrumbTextColorIdle = Color(0xFF4A5259); /** Use this token on breadcrumbs that are in their default idle state. This token changes color between light and dark modes. L:035 / D:096 */
+    static const componentBreakingNewsBreakingNewsBottomTitleTextColor = Color(0xFFFFFFFF);
+    static const componentBreakingNewsBreakingNewsSurfaceColor = Color(0xFFFFBF00);
+    static const componentBreakingNewsBreakingNewsTextContentColor = Color(0xFF242629);
+    static const componentBreakingNewsBreakingNewsTitleSurfaceColor = Color(0xFF0A264F);
+    static const componentBreakingNewsBreakingNewsTopTitleTextColor = Color(0xFFFFBF00);
+    static const componentButtonButtonLiveTickerLoadNewLabelColor = Color(0xFF8C9196);
+    static const componentButtonButtonLiveTickerLoadNewSurfaceColor = Color(0xFFFFFFFF);
+    static const componentButtonGhostButtonGhostBgColorHover = Color(0xFFCFD4D9);
+    static const componentButtonPrimaryButtonPrimaryBrandBgColorHover = Color(0xFF0A264F);
+    static const componentButtonPrimaryButtonPrimaryBrandBgColorIdle = Color(0xFF174582);
+    static const componentButtonPrimaryButtonPrimaryLabelColor = Color(0xFFFFFFFF);
+    static const componentButtonPrimaryButtonPrimaryNeutralBgColorHover = Color(0xFF4A5259);
+    static const componentButtonPrimaryButtonPrimaryNeutralBgColorIdle = Color(0xFF242629); /** Use this variable on the neutral color primary button. Tone changes between light and dark mode. Light mode Bild & SpoBi: Tone 015 ; Dark mode Bild & SpoBi: Tone 100 */
+    static const componentButtonPrimaryButtonPrimarySuccessColorHover = Color(0xFF006E3D);
+    static const componentButtonPrimaryButtonPrimarySuccessColorIdle = Color(0xFF17995C);
+    static const componentButtonSecondaryButtonSecondaryBgColorHover = Color(0xFFCFD4D9);
+    static const componentButtonSecondaryButtonSecondaryBgColorIdle = Color(0xFFE8EDF0);
+    static const componentButtonSecondaryButtonSecondaryLabelColor = Color(0xFF4A5259);
+    static const componentButtonTertiaryButtonTertiaryBorderColorHover = Color(0xFF4A5259);
+    static const componentButtonTertiaryButtonTertiaryBorderColorIdle = Color(0xFFCFD4D9);
+    static const componentButtonTertiaryButtonTertiaryLabelColor = Color(0xFF4A5259);
+    static const componentButtonTertiaryButtonTertiarySuccessBgColorHover = Color(0xFFCFF5E3);
+    static const componentButtonTertiaryButtonTertiarySuccessBorderColor = Color(0xFF17995C);
+    static const componentCardCardSurfaceBgColor = Color(0xFFFFFFFF);
+    static const componentChipsChipsBgColorActive = Color(0xFF174582);
+    static const componentChipsChipsBgColorHover = Color(0xFFB00003);
+    static const componentChipsChipsBgColorIdle = Color(0xFFE8EDF0);
+    static const componentChipsChipsLabelColorHover = Color(0xFFFFFFFF);
+    static const componentChipsChipsLabelColorIdle = Color(0xFF242629);
+    static const componentDSysDocDSysDocsLabelTextColorMode = (Light Mode); /** This is currently for use in this design system's documentation texts. It is a text string made for being used in light and dark mode documentation texts. */
+    static const componentDSysDocDSysDocsLabelTextSurfaceColorPrimaryPrimitiveName = BILD100; /** This variable is only for use in Figma's Design System File. It is automating some of the content in documentation pages. */
+    static const componentDSysDocDsDocSpacingItemBgColor = Color(0x1ADE0000);
+    static const componentDSysDocDsDocSpacingItemBorderColor = Color(0x80DE0000);
+    static const componentDropdownDropdownBgColorHover = Color(0xFFF7FAFC);
+    static const componentDropdownDropdownBgColorIdle = Color(0xFFFFFFFF);
+    static const componentEmptiesEmptiesBgColor = Color(0xFFF7FAFC);
+    static const componentEmptiesEmptiesLogoColor = Color(0xFFCFD4D9);
+    static const componentFoldoutFoldoutLabelColorActive = Color(0xFF174582);
+    static const componentFoldoutFoldoutLabelColorIdle = Color(0xFF4A5259);
+    static const componentGalleryAppImageLightboxGalleryBgColor = Color(0xFF000000);
+    static const componentHeyHeyDrawerSurfaceColor = Color(0xFFF7FAFC);
+    static const componentHeyHeyFavInputFieldSurfaceColor = Color(0xFFE8EDF0);
+    static const componentHeyHeyIconUtilColor = Color(0xFF4A5259);
+    static const componentHeyHeySeparatorColor = Color(0xFFCFD4D9); /** This is the most used color for separators across Bild products. */
+    static const componentHeyHeyTextColor = Color(0xFF4A5259);
+    static const componentInputFieldInputFieldBgColorDarkHighContrast = Color(0xFFE8EDF0);
+    static const componentInputFieldInputFieldBgColorDarkLowContrast = Color(0xFF333D40);
+    static const componentInputFieldInputFieldBgColorDarkMediumContrast = Color(0xFF4A5259);
+    static const componentInputFieldInputFieldBorderColorActive = Color(0xFF4A5259);
+    static const componentInputFieldInputFieldBorderColorDark = Color(0xFF8C9196);
+    static const componentInputFieldInputFieldBorderColorDarkActive = Color(0xFF242629);
+    static const componentInputFieldInputFieldBorderColorIdle = Color(0xFFCFD4D9);
+    static const componentKickerPartnerKickerAubiBgColor = Color(0xFFF00000);
+    static const componentKickerPartnerKickerBzBgColor = Color(0xFFE3001C);
+    static const componentKickerPartnerKickerCobiBgColor = Color(0xFFDB241C);
+    static const componentKickerPartnerKickerFitbookBgColor = Color(0xFFFF96B8);
+    static const componentKickerPartnerKickerKaufberaterBgColor = Color(0xFF54476E);
+    static const componentKickerPartnerKickerMyhomebookBgColor = Color(0xFF66CCCC);
+    static const componentKickerPartnerKickerPetbookBgColor = Color(0xFFBADB91);
+    static const componentKickerPartnerKickerSpobiBgColor = Color(0xFF174582);
+    static const componentKickerPartnerKickerTechbookBgColor = Color(0xFF94E3FF);
+    static const componentKickerPartnerKickerTravelbookBgColor = Color(0xFF8FF0ED);
+    static const componentKickerStandardKickerBgColorOnSurface = Color(0xFF174582);
+    static const componentMediaplayerAudioPlayerPlayButtonBgColor = Color(0x4DFFFFFF);
+    static const componentMediaplayerVidPlayerControlButtonsBgColorHover = Color(0x33000000);
+    static const componentMediaplayerVidPlayerControlButtonsBgColorPressed = Color(0x0D000000);
+    static const componentMediaplayerVidPlayerControlButtonsBgHoverColor = Color(0xCCDE0000); /** This variable is used for hover states of video player control buttons. */
+    static const componentMediaplayerVidPlayerControlsAutoplayButtonBgColor = Color(0x33000000);
+    static const componentMediaplayerVidPlayerOverlayScrimColor = Color(0x80000000);
+    static const componentMediaplayerVidPlayerProgressBarPreloadBgColor = Color(0x4DFFFFFF);
+    static const componentMediaplayerVidPlayerTooltipBgColor = Color(0xB3000000);
+    static const componentMediaplayerVidPlayerUnmuteButtonBgColor = Color(0x33000000);
+    static const componentMediaplayerVidPlayerUnmuteButtonBgColorHover = Color(0x59000000);
+    static const componentMenuAppTobBarTabNavBottomBorder = Color(0xFF174582);
+    static const componentMenuAppTobBarTabNavBottomBorderActive = Color(0xFFCFD4D9);
+    static const componentMenuAppTopBarIconColor = Color(0xFF8C9196);
+    static const componentMenuAppTopBarSurfaceColor = Color(0xFF0A264F);
+    static const componentMenuAppTopBarTextColorPrimary = Color(0xFFE8EDF0);
+    static const componentMenuItemMenuItemBorderColorActive = Color(0xFF0A264F);
+    static const componentMenuItemMenuItemLabelColorPrimary = Color(0xFF4A5259);
+    static const componentMenuItemMenuItemLabelColorPrimaryActive = Color(0xFF242629);
+    static const componentMenuItemMenuItemLabelColorSecondary = Color(0xFFFFFFFF); /** The variable can be used on secondary menus that many times show up on dedicated home pages specific to a topic. The menu labels are often times using the color white across color modes. */
+    static const componentMenuMenuLinkLaneLabelColor = Color(0xFFCFD4D9);
+    static const componentMenuMenuLinkLaneLabelColorActive = Color(0xFFFFFFFF);
+    static const componentMenuMenuLinkLaneSurfaceColor = Color(0xFF0A264F);
+    static const componentMenuMenuScrolledSurfaceGradientColor = Color(0xF2FFFFFF); /** Used on a thin part at the top of header in navigation menu. */
+    static const componentMenuMenuSurfaceColor = Color(0xFFFFFFFF);
+    static const componentNewstickerNewsTickerBadgeIconsColor = Color(0xFF8C9196);
+    static const componentNewstickerNewsTickerTimestampColor = Color(0xFF8C9196);
+    static const componentPaginationGalleryPaginationElementActiveOpacity = 100; /** Use this on gallery slider pagination elements. This can also be applied to hover states of those elements. */
+    static const componentPaginationPaginationElementColorActive = Color(0xFF174582);
+    static const componentPaginationPaginationElementColorDefault = Color(0xFFCFD4D9);
+    static const componentPaginationScrollBarThumbBgColor = Color(0xFF8C9196); /** Use on the scroll bar interactive element which shows where the scroll view is positioned inside the full extent of the scrolling space. */
+    static const componentPaginationScrollBarTrackBgColor = Color(0x1A000000); /** Used as the background surface color scroll bars. Found on components that vertically or horizontally stack elements. */
+    static const componentPartnerLinksPartnerLinksBgColorActive = Color(0xFFE8EDF0); /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
+    static const componentPartnerLinksPartnerLinksBgColorIdle = Color(0xFFFFFFFF); /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
+    static const componentPartnerLinksPartnerLinksBorderColorActive = Color(0xFF242629); /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
+    static const componentPartnerLinksPartnerLinksBorderColorIdle = Color(0xFFCFD4D9); /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
+    static const componentPartnerLinksPartnerLinksContainerBorderColor = Color(0xFFCFD4D9); /** !do not use! these variables have been deprecated and multitext link buttons are now classified as partner buttons. */
+    static const componentSelectionSelectionBorderColor = Color(0xFF4A5259); /** Checkboxes and Radio buttons use this variable for their border. */
+    static const componentSliderSliderButtonOpacity = 90; /** When users hover on gallery slider buttons the opacity changes to 90%. */
+    static const componentSliderSliderTrackBgColor = Color(0x59FFFFFF); /** This variable is used on audio player slider bars. It references a pure white with 35% opacity. */
+    static const componentSocialShareButtonSocialShareButtonBgColorActive = Color(0xFF333D40);
+    static const componentSocialShareButtonSocialShareButtonBgColorDefault = Color(0xFF4A5259);
+    static const componentSocialShareButtonSocialShareButtonLabelColorActive = Color(0xFFFFFFFF);
+    static const componentSocialShareButtonSocialShareButtonLabelColorDefault = Color(0xFFFFFFFF);
+    static const componentSubheaderSubheadersColor = Color(0xFF242629);
+    static const componentTabAppBottomTabBarBgColor = Color(0xFFFFFFFF);
+    static const componentTabTabBgColorHover = Color(0xFFE8EDF0);
+    static const componentTabTabLabelColorActive = Color(0xFF333D40);
+    static const componentTabTabLabelColorDefault = Color(0xFF4A5259);
+    static const componentTeaserTeaserHoverOpacity = 80; /** When users hover over graphical teasers the image reduces opacity to 80%. */
+    static const componentTeaserTeaserTitleBackgroundGradientStart = Color(0xB30A264F);
+    static const componentTeaserTeaserTitleBackgroundGradientStop = Color(0x000A264F);
+    static const componentTextLinkTextLinkColorPrimary = Color(0xFF242629);
+    static const componentTextLinkTextLinkColorSecondary = Color(0xFF8C9196);
+    static const componentTextLinkTextLinkColorSecondaryActive = Color(0xFF242629);
+    static const semanticAttentionAccentColorPrimary = Color(0xFF174582); /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
+    static const semanticAttentionAccentColorPrimaryConstant = Color(0xFF174582); /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
+    static const semanticAttentionAttentionColorExtraLow = Color(0xFFFFFFFF); /** Very low-contrast background tone used for information or system-neutral surfaces, often for tooltips or quiet information highlights. Dynamic — light neutral in Light mode and dark neutral in Dark mode. */
+    static const semanticAttentionAttentionColorHigh = Color(0xFFDE0000); /** High-level attention color used for errors, destructive actions, and critical alerts (e.g., delete actions, error states). Remains red in both Light and Dark mode for immediate recognition. */
+    static const semanticAttentionAttentionColorLow = Color(0xFFFFBF00); /** Low-level warning or attention tone, typically used for informational or cautionary messages. Same yellow tone across Light and Dark to maintain recognition. */
+    static const semanticAttentionAttentionColorMedium = Color(0xFFFC8226); /** Medium-level attention tone representing stronger caution or intermediate alert states. Commonly applied in warning messages. Constant — identical in both modes. */
+    static const semanticAttentionAttentionColorSuccessPrimary = Color(0xFF00C273); /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
+    static const semanticAttentionAttentionColorSuccessSecondary = Color(0xFF006E3D); /** Secondary success tone used for secondary states. Maintains the same color in both Light and Dark mode for clarity. */
+    static const /**
+ * High-emphasis border color for clear delineation between surfaces (e.g., focus rings, high-contrast UI zones).
+ * Behavior: Dynamic — light surfaces use a darker neutral, dark surfaces a light neutral tone.
+ */
+semanticBorderBorderColorHighContrast = Color(0xFF242629);
+    static const /**
+ * Used for subtle dividers and low-emphasis borders in neutral areas (e.g., card outlines, input containers).
+ * Dynamic — light gray in Light mode, dark gray in Dark mode.
+ */
+semanticBorderBorderColorLowContrast = Color(0xFFE8EDF0);
+    static const semanticBorderBorderColorLowContrastConstant = Color(0xFFE8EDF0); /** Applies to UI elements that must visually remain the same regardless of theme (e.g., brand containers, static illustrations). Identical tone across Light and Dark mode. */
+    static const /**
+ * Medium-emphasis border color for standard outlines, input fields, or separators that require visible yet non-dominant contrast.
+ * Behavior: Dynamic — adjusts to maintain legibility in Light and Dark themes.
+ */
+semanticBorderBorderColorMediumContrast = Color(0xFFCFD4D9);
+    static const semanticBorderBorderColorPrimaryDisabled = Color(0xFFF2F5F5); /** Applied to disabled states of primary elements (e.g., buttons, inputs) to visually reduce emphasis and indicate inactivity. */
+    static const semanticBorderBorderColorSecondaryDisabled = Color(0xFFE8EDF0); /** Used for secondary component borders in a disabled state (e.g., secondary buttons, inactive input outlines). */
+    static const /**
+ * Used for success states and validation borders (e.g., input success outlines or confirmation frames).
+ * Behavior: Constant — same success tone across modes for consistent feedback semantics.
+ */
+semanticBorderBorderColorSuccess = Color(0xFF00C273);
+    static const /**
+ * Defines border color for warning and error-related components, typically used for input validation or caution zones.
+ * Behavior: Constant — retains the same red warning tone in both Light and Dark modes.
+ */
+semanticBorderBorderColorWarning = Color(0xFFDE0000);
+    static const semanticCoreCoreColorPrimary = Color(0xFF0A264F); /** Used as the main brand color for key interactive elements such as primary buttons, active states, and prominent highlights. It remains constant across Light and Dark Mode. */
+    static const semanticCoreCoreColorSecondary = Color(0xFFFFFFFF); /** Defines the secondary brand tone. This variable changes across Light and Dark Mode. */
+    static const semanticCoreCoreColorSecondaryConstant = Color(0xFFFFFFFF); /** Use this on elements that must maintain the white color even in dark mode. */
+    static const semanticCoreCoreColorTertiary = Color(0xFF081729); /** Represents tertiary brand accents. This variable changes across Light and Dark Mode. */
+    static const semanticCoreCoreColorTertiaryConstant = Color(0xFF081729); /** Use this on elements that need to maintain the dark color across themes and color modes. */
+    static const semanticCoreCoreColorTertiaryVvPipeTest = Color(0xFF476E94); /** this is a test for the token pipeline */
+    static const semanticCoreFelipeTestColor = Color(0xFFE8570A); /** this is a test for the token pipeline */
+    static const semanticCoreNpmTest = Color(0xFF476E94); /** this is a test for the token pipeline */
+    static const /**
+ * Primary color for headings and display typography. Ensures clear hierarchy and optimal readability on main surfaces. Adapds it´s color based on the brand mode for brand recognition.
+ * Behavior: Dynamic — dark text in Light mode, light text in Dark mode.
+ */
+semanticHeadingHeadlineColorPrimary = Color(0xFF0A264F);
+    static const /**
+ * Fixed white heading color used on dark or colored backgrounds (e.g., hero sections, banners) that remain constant across modes.
+ * Behavior: Constant — remains white in both Light and Dark mode.
+ */
+semanticHeadingHeadlineColorWhiteConst = Color(0xFFFFFFFF);
+    static const /**
+ * Used for kicker text placed on bright or light colored backgrounds. Ensures balanced contrast without harsh visual dominance.
+ * Behavior: Constant — remains semi-transparent black across both modes.
+ */
+semanticHeadingKickerTextColorOnBrightBg = Color(0xB3000000);
+    static const /**
+ * Applied to kicker or meta text on dark colored backgrounds to maintain high legibility.
+ * Behavior: Constant — always uses semi-transparent white for consistent readability.
+ */
+semanticHeadingKickerTextColorOnDarkBg = Color(0xCCFFFFFF);
+    static const /**
+ * Specialized kicker color for use on red or brand-colored backgrounds (e.g., red kicker bg within teaser cards).
+ * Behavior: Constant — remains consistent across light and darkmode.
+ */
+semanticHeadingKickerTextColorOnRed = Color(0xFFFFFFFF);
+    static const /**
+ * Used for kicker text and category labels placed directly on standard surface backgrounds.
+ * Behavior: Dynamic — adjusts between red for Light and a neutral tone in Dark modes.
+ */
+semanticHeadingKickerTextColorOnSurface = Color(0xFF8C9196);
+    static const /**
+ * Used for icons displayed on dark backgrounds that don´t change colors, ensuring sufficient contrast and legibility.
+ * Behavior: Constant — always uses a neutral bright value.
+ */
+semanticIconIconColorConstantOnDark = Color(0xFFF2F5F5);
+    static const /**
+ * Inverse icon color for use on contrasting backgrounds (e.g., light icons on dark surfaces or dark icons on bright surfaces).
+ * Behavior: Dynamic — switches between light and dark.
+ */
+semanticIconIconColorInverse = Color(0xFFCFD4D9);
+    static const semanticIconIconColorPrimary = Color(0xFF4A5259); /** Primary icon color on primary surfaces. */
+    static const /**
+ * Used for icons that must remain visually consistent regardless of mode (e.g.,  icons that are on surfaces that don't change color).
+ * Identical tone in both Light and Dark mode.
+ */
+semanticIconIconColorPrimaryConstant = Color(0xFF4A5259);
+    static const semanticIconIconColorSecondaryConstant = Color(0xFF8C9196); /** Secondary icon tone for less prominent actions or supportive iconography (e.g., secondary buttons, tool icons). Remains unchanged across modes. */
+    static const /**
+ * Represents success or confirmation icons (e.g., checkmarks, completion indicators).
+ * Behavior: Constant — same success green tone across Light and Dark mode.
+ */
+semanticIconIconColorSuccess = Color(0xFF00C273);
+    static const /**
+ * Disabled label tone indicating inactive or unavailable states in UI elements.
+ * Behavior: Dynamic — lighter gray in Light mode, darker neutral in Dark mode.
+ */
+semanticLabelLabelColorDisabled = Color(0xFFCFD4D9);
+    static const /**
+ * Primary label color used for labels, badges, or tag text on light backgrounds. Ensures strong readability and visual hierarchy.
+ * Behavior: Dynamic — dark neutral in Light mode, light neutral in Dark mode.
+ */
+semanticLabelLabelColorPrimary = Color(0xFF242629);
+    static const /**
+ * Used when primary label color should remain unchanged across modes in static UI areas.
+ * Behavior: Constant — identical tone in both Light and Dark mode.
+ */
+semanticLabelLabelColorPrimaryConstant = Color(0xFF242629);
+    static const /**
+ * Inverse version of the primary label color, used on dark or colored backgrounds.
+ * Behavior: Dynamic — switches between light and dark.
+ */
+semanticLabelLabelColorPrimaryInverse = Color(0xFFE8EDF0);
+    static const /**
+ * Fixed inverse label tone applied where white or bright text must always appear, regardless of theme.
+ * Behavior: Constant — remains bright neutral in both Light and Dark mode.
+ */
+semanticLabelLabelColorPrimaryInverseConstant = Color(0xFFE8EDF0);
+    static const /**
+ * Secondary label tone used for less prominent text such as secondary badges or supporting labels.
+ * Behavior: Dynamic — adapts between mid-grays for Light and Dark surfaces.
+ */
+semanticLabelLabelColorSecondary = Color(0xFF4A5259);
+    static const /**
+ * Tertiary label tone for subtle, low-emphasis UI text such as placeholder text or tertiary badges.
+ * Behavior: Constant — identical tone across both modes for stable hierarchy.
+ */
+semanticLabelLabelColorTertiary = Color(0xFF8C9196);
+    static const semanticLayerOpacityLayerOpacity00 = 0;
+    static const semanticLayerOpacityLayerOpacity05 = 5;
+    static const semanticLayerOpacityLayerOpacity10 = 10;
+    static const semanticLayerOpacityLayerOpacity100 = 100;
+    static const semanticLayerOpacityLayerOpacity20 = 20;
+    static const semanticLayerOpacityLayerOpacity30 = 30;
+    static const semanticLayerOpacityLayerOpacity40 = 40;
+    static const semanticLayerOpacityLayerOpacity50 = 50;
+    static const semanticLayerOpacityLayerOpacity60 = 60;
+    static const semanticLayerOpacityLayerOpacity70 = 70;
+    static const semanticLayerOpacityLayerOpacity80 = 80;
+    static const semanticLayerOpacityLayerOpacity90 = 90;
+    static const semanticOverlayOverlayScrimBlack = Color(0xB3000000); /** A semi-transparent black overlay used to dim background content when modals, drawers, or dialogs are active. Identical opacity and tone in both Light and Dark mode to ensure consistent overlay depth. */
+    static const /**
+ * A semi-transparent white overlay used to brighten or fade background layers, often applied behind bottom sheets or temporary panels.
+ * Behavior: Constant — same opacity level across modes to preserve uniform layering behavior.
+ */
+semanticOverlayOverlayScrimWhite = Color(0xB3FFFFFF);
+    static const /**
+ * Used to represent the active or pressed state of primary actions such as tabs or links.
+ * Behavior: Constant — identical value across modes for consistent interaction feedback.
+ */
+semanticStateColorPrimaryActive = Color(0xFF174582);
+    static const /**
+ * Defines the disabled color for primary components (e.g., disabled primary buttons, inputs). Reduces emphasis and contrast to signal inactivity.
+ * Behavior: Dynamic — slightly lighter in Light mode and darker in Dark mode to remain visually accessible.
+ */
+semanticStateColorPrimaryDisabled = Color(0xFFF2F5F5);
+    static const /**
+ * Defines the active state color for secondary actions (e.g., secondary buttons, tabs, or toggles).
+ * Behavior: Dynamic — light gray in Light mode and bright gray in Dark mode to maintain perceptual balance.
+ */
+semanticStateColorSecondaryActive = Color(0xFF242629);
+    static const /**
+ * Inverse variant of the secondary active state, applied on dark backgrounds or inverse layouts.
+ * Behavior: Dynamic — switches between bright and dark tones depending on the background.
+ */
+semanticStateColorSecondaryActiveInverse = Color(0xFFF2F5F5);
+    static const /**
+ * Used for disabled secondary elements, ensuring reduced visual prominence while maintaining legibility.
+ * Behavior: Dynamic — adapts neutral tones based on theme brightness.
+ */
+semanticStateColorSecondaryDisabled = Color(0xFFE8EDF0);
+    static const /**
+ * Represents active or pressed states for tertiary elements (e.g., link highlights, icons, or subtle interactive surfaces).
+ * Behavior: Constant — uses the same green success tone across Light and Dark mode.
+ */
+semanticStateColorTertiaryActive = Color(0xFF00C273);
+    static const /**
+ * Represents disabled states for tertiary levels, maintaining subtle visibility without drawing attention.
+ * Behavior: Dynamic — adjusts between gray tones for Light and Dark mode consistency.
+ */
+semanticStateColorTertiaryDisabled = Color(0xFF8C9196);
+    static const /**
+ * Primary surface color used for main backgrounds and large layout areas (e.g., page background, primary containers).
+ * Behavior: Dynamic — adapts between light and dark surface tokens to maintain legibility and hierarchy.
+ */
+semanticSurfaceSurfaceColorPrimary = Color(0xFFFFFFFF);
+    static const /**
+ * A fixed dark surface tone used for dark overlays or nested dark sections inside light layouts.
+ * Behavior: Constant — identical across Light and Dark mode.
+ */
+semanticSurfaceSurfaceColorPrimaryConstantDark = Color(0xFF081729);
+    static const /**
+ * A fixed light surface tone used when a consistent light background is required (e.g., light panels within dark layouts).
+ * Behavior: Constant — remains the same in both modes.
+ */
+semanticSurfaceSurfaceColorPrimaryConstantLight = Color(0xFFFFFFFF);
+    static const semanticSurfaceSurfaceColorPrimaryGradientStop = Color(0x00FFFFFF); /** Defines the end stops for primary surface gradients, creating visual depth or elevation. Used next to sliders buttons and slider container edges for fading out content. Behavior: Dynamic — light gradients in Light mode, dark gradients in Dark mode. */
+    static const /**
+ * Inverse of the primary surface, used when Light and Dark surfaces are swapped (e.g., inverse cards or elevated sections).
+ * Behavior: Dynamic — switches between dark and light values depending on mode.
+ */
+semanticSurfaceSurfaceColorPrimaryInverse = Color(0xFF081729);
+    static const semanticSurfaceSurfaceColorQuartenary = Color(0xFFCFD4D9); /** HIghtest elevation surface color, typically used for grouping or background accents to differentiate themselves from all previous surface color options. Uses corresponding light/dark tones for consistent layering. */
+    static const /**
+ * Inverse of the quartenary surface, used for background reversals in mixed-layout areas.
+ * Behavior: Dynamic — inverts between dark and light tones depending on mode.
+ */
+semanticSurfaceSurfaceColorQuartenaryInverse = Color(0xFF4A5259);
+    static const /**
+ * Used for secondary surface layers such as cards, panels, or nested containers that need to differentiate themselves from the primary surface. .
+ * Behavior: Dynamic — adapts brightness level based on mode for appropriate depth contrast.
+ */
+semanticSurfaceSurfaceColorSecondary = Color(0xFFF7FAFC);
+    static const /**
+ * Used for secondary surface gradients or subtle depth layers across backgrounds.
+ * Behavior: Dynamic — adapts to mode brightness for smooth gradient transitions.
+ */
+semanticSurfaceSurfaceColorSecondaryGradientStop = Color(0x00F2F5F5);
+    static const /**
+ * Success-related background used for positive notifications, confirmation surfaces, or success banners.
+ * Behavior: Constant — remains the same across Light and Dark mode to ensure brand alignment.
+ */
+semanticSurfaceSurfaceColorSuccess = Color(0xFFCFF5E3);
+    static const /**
+ * Tertiary background layer for inner containers, grouped content, or subtle elevation steps  that need to differentiate themselves from the primary and secondary surfaces.
+ * Behavior: Dynamic — switches between light and dark tertiary tones.
+ */
+semanticSurfaceSurfaceColorTertiary = Color(0xFFBDC9DB);
+    static const /**
+ * Represents tertiary-level gradient background.
+ * Currently used on skeletons.
+ */
+semanticSurfaceSurfaceColorTertiaryGradientStop = Color(0x00E8EDF0);
+    static const /**
+ * Inverse tertiary background, applied when Light and Dark surfaces are reversed (e.g., dark-on-light cards).
+ * Behavior: Dynamic — swaps values between modes for contrast preservation.
+ */
+semanticSurfaceSurfaceColorTertiaryInverse = Color(0xFF174582);
+    static const semanticTextTextColorAccent = Color(0xFF174582); /** Accent text color used for links, interactive text, or highlighted key words. Changes from a red in light mode to a white in dark mode. */
+    static const /**
+ * Applies to text elements requiring fixed brand color usage (e.g., permanent links, brand slogans on constant backgrounds).
+ * Behavior: Constant — maintains identical red tone across Light and Dark mode.
+ */
+semanticTextTextColorAccentConstant = Color(0xFF174582);
+    static const /**
+ * Used for strong warnings, errors, or destructive action labels.
+ * Behavior: Constant — red color remains unchanged between Light and Dark mode for visibility and recognition.
+ */
+semanticTextTextColorAttentionHigh = Color(0xFFDE0000);
+    static const /**
+ * Represents medium attention states, often used in warnings or pending states.
+ * Behavior: Constant — same orange tone across Light and Dark mode.
+ */
+semanticTextTextColorAttentionMedium = Color(0xFFFC8226);
+    static const /**
+ * Muted text tone for subtle information, timestamps, or inactive text elements.
+ * Behavior: Dynamic — adjusts between mid-gray in Light mode and lighter gray in Dark mode.
+ */
+semanticTextTextColorMuted = Color(0xFF666B70);
+    static const /**
+ * Used for text displayed on dark surfaces to ensure maximum legibility and contrast.
+ * Behavior: Constant — always light neutral to guarantee accessibility on dark backgrounds.
+ */
+semanticTextTextColorOnDarkSurface = Color(0xFFFFFFFF);
+    static const /**
+ * Main text color used for body copy and all primary textual content. Ensures optimal readability and contrast on standard surfaces.
+ * Behavior: Dynamic — switches between dark text on light backgrounds and light text on dark backgrounds.
+ */
+semanticTextTextColorPrimary = Color(0xFF242629);
+    static const /**
+ * Used when primary text color must remain fixed regardless of mode (e.g., on light constant backgrounds).
+ * Behavior: Constant — same tone across Light and Dark mode.
+ */
+semanticTextTextColorPrimaryConstant = Color(0xFF242629);
+    static const /**
+ * Inverse text color used on opposing surfaces (e.g., white text on red or dark backgrounds).
+ * Behavior: Dynamic — alternates between light and dark mode.
+ */
+semanticTextTextColorPrimaryInverse = Color(0xFFE8EDF0);
+    static const /**
+ * Fixed inverse tone for text that always appears on dark surfaces (e.g., hero headlines or persistent dark cards).
+ * Behavior: Constant — unchanged across modes.
+ */
+semanticTextTextColorPrimaryInverseConstant = Color(0xFFE8EDF0);
+    static const /**
+ * Secondary text color used for supportive information, subtitles, and less prominent text.
+ * Behavior: Dynamic — adapts between neutral tones to maintain proper contrast per theme. In 2025 css it is called figure meta.
+ */
+semanticTextTextColorSecondary = Color(0xFF8C9196);
+    static const /**
+ * Used for positive or success-related messages (e.g., “Saved”, “Success”, or confirmation text) on success surface colors.
+ * Behavior: Constant — green tone remains consistent across both modes.
+ */
+semanticTextTextColorSuccessConstant = Color(0xFF006E3D);
+}

package/dist/ios/base/PrimitiveColorValue.swift

@@ -0,0 +1,106 @@
+
+//
+// PrimitiveColorValue.swift
+//
+
+// Do not edit directly, this file was auto-generated.
+
+
+import UIKit
+
+public class {
+    public static let bildAlphaAlphaBildRed80 = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 0.8) /** Used on elevation effects. */
+    public static let bildAlphaAlphaBlack0 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
+    public static let bildAlphaAlphaBlack05 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.05)
+    public static let bildAlphaAlphaBlack10 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1)
+    public static let bildAlphaAlphaBlack20 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.2)
+    public static let bildAlphaAlphaBlack30 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.3)
+    public static let bildAlphaAlphaBlack35 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.35)
+    public static let bildAlphaAlphaBlack50 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5)
+    public static let bildAlphaAlphaBlack60 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.6) /** Used on elevation effects. */
+    public static let bildAlphaAlphaBlack70 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.7) /** Used on elevation effects. */
+    public static let bildAlphaAlphaBlack80 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.8) /** Used on elevation effects. */
+    public static let bildAlphaAlphaWhite10 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.1)
+    public static let bildAlphaAlphaWhite20 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.2)
+    public static let bildAlphaAlphaWhite30 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.3)
+    public static let bildAlphaAlphaWhite35 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.35)
+    public static let bildAlphaAlphaWhite60 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.6) /** Used on elevation effects. */
+    public static let bildAlphaAlphaWhite70 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.7) /** Used on elevation effects. */
+    public static let bildAlphaAlphaWhite80 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.8) /** Used on elevation effects. */
+    public static let bildBlueBildBlue = UIColor(red: 0.000, green: 0.690, blue: 1.000, alpha: 1) /** This Blue color was taken from the Weather 2024 project. Tone: 069 */
+    public static let bildGrayBild010 = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
+    public static let bildGrayBild015 = UIColor(red: 0.141, green: 0.149, blue: 0.161, alpha: 1)
+    public static let bildGrayBild020 = UIColor(red: 0.169, green: 0.188, blue: 0.220, alpha: 1)
+    public static let bildGrayBild025 = UIColor(red: 0.200, green: 0.239, blue: 0.251, alpha: 1)
+    public static let bildGrayBild035 = UIColor(red: 0.290, green: 0.322, blue: 0.349, alpha: 1)
+    public static let bildGrayBild045 = UIColor(red: 0.400, green: 0.420, blue: 0.439, alpha: 1)
+    public static let bildGrayBild060 = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1)
+    public static let bildGrayBild073 = UIColor(red: 0.678, green: 0.710, blue: 0.729, alpha: 1)
+    public static let bildGrayBild085 = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 1)
+    public static let bildGrayBild08550 = UIColor(red: 0.812, green: 0.831, blue: 0.851, alpha: 0.5) /** The 50% opacity on this color makes it equivalent to BILD093. */
+    public static let bildGrayBild093 = UIColor(red: 0.910, green: 0.929, blue: 0.941, alpha: 1)
+    public static let bildGrayBild096 = UIColor(red: 0.949, green: 0.961, blue: 0.961, alpha: 1)
+    public static let bildGreenBildGreen040 = UIColor(red: 0.000, green: 0.431, blue: 0.239, alpha: 1) /** This value of green was found in a text field's text color. */
+    public static let bildGreenBildGreen056 = UIColor(red: 0.090, green: 0.600, blue: 0.361, alpha: 1)
+    public static let bildGreenBildGreen05650 = UIColor(red: 0.000, green: 0.612, blue: 0.349, alpha: 0.5)
+    public static let bildGreenBildGreen063 = UIColor(red: 0.000, green: 0.690, blue: 0.400, alpha: 1)
+    public static let bildGreenBildGreen070 = UIColor(red: 0.000, green: 0.761, blue: 0.451, alpha: 1)
+    public static let bildGreenBildGreen093 = UIColor(red: 0.812, green: 0.961, blue: 0.890, alpha: 1)
+    public static let bildGreenBildGreen09350 = UIColor(red: 0.812, green: 0.961, blue: 0.890, alpha: 0.5)
+    public static let bildNeutralBild100 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
+    public static let bildNeutralBildBlack = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
+    public static let bildOrangeBildOrange = UIColor(red: 0.988, green: 0.510, blue: 0.149, alpha: 1) /** Tone: 067 */
+    public static let bildPurpleBildBerry = UIColor(red: 0.329, green: 0.102, blue: 0.220, alpha: 1) /** Tone: 020 */
+    public static let bildRedBildRed = UIColor(red: 0.871, green: 0.000, blue: 0.000, alpha: 1) /** Tone 046 */
+    public static let bildRedBildRed035 = UIColor(red: 0.690, green: 0.000, blue: 0.012, alpha: 1)
+    public static let bildRedBildRed053 = UIColor(red: 0.961, green: 0.180, blue: 0.180, alpha: 1)
+    public static let bildTextLabelsBild015 = BILD015 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBild025 = BILD025 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBild035 = BILD035 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBild045 = BILD045 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBild060 = BILD060 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBild073 = BILD073 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBild085 = BILD085 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBild093 = BILD093 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBild096 = BILD096 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBild100 = BILD100 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBildGreen063 = BILDGreen063 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBildGreen070 = BILDGreen070 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBildGreen093 = BILDGreen093 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBildOrange = BILDOrange /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBildRed = BILDRed /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBildRed035 = BILDRed035 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBildRed053 = BILDRed053 /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildTextLabelsBildYellow = BILDYellow /** This is a variable used only for documentation purposes in the design system Figma Foundations pages. */
+    public static let bildYellowBildYellow = UIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1) /** Tone: 081 */
+    public static let opacityOpacity00 = 0
+    public static let opacityOpacity05 = 5
+    public static let opacityOpacity10 = 10
+    public static let opacityOpacity100 = 100
+    public static let opacityOpacity20 = 20
+    public static let opacityOpacity30 = 30
+    public static let opacityOpacity40 = 40
+    public static let opacityOpacity50 = 50
+    public static let opacityOpacity60 = 60
+    public static let opacityOpacity70 = 70
+    public static let opacityOpacity80 = 80
+    public static let opacityOpacity90 = 90
+    public static let partnerAubiAubiCore = UIColor(red: 0.941, green: 0.000, blue: 0.000, alpha: 1)
+    public static let partnerBzBzCore = UIColor(red: 0.890, green: 0.000, blue: 0.110, alpha: 1)
+    public static let partnerComputerBildCobiCore = UIColor(red: 0.859, green: 0.141, blue: 0.110, alpha: 1)
+    public static let partnerFitbookFitbookCore = UIColor(red: 1.000, green: 0.588, blue: 0.722, alpha: 1)
+    public static let partnerKaufberaterKaufberaterCore = UIColor(red: 0.329, green: 0.278, blue: 0.431, alpha: 1)
+    public static let partnerMyHomeMyhomeCore = UIColor(red: 0.400, green: 0.800, blue: 0.800, alpha: 1)
+    public static let partnerPetbookPetbookCore = UIColor(red: 0.729, green: 0.859, blue: 0.569, alpha: 1)
+    public static let partnerTechbookTechbookCore = UIColor(red: 0.580, green: 0.890, blue: 1.000, alpha: 1)
+    public static let partnerTravelbookTravelbookCore = UIColor(red: 0.561, green: 0.941, blue: 0.929, alpha: 1)
+    public static let sportBildAlphaSpobiBlue0160 = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 0)
+    public static let sportBildAlphaSpobiBlue01670 = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 0.7)
+    public static let sportBildBlueSpobiBlue010 = UIColor(red: 0.031, green: 0.090, blue: 0.161, alpha: 1)
+    public static let sportBildBlueSpobiBlue016 = UIColor(red: 0.039, green: 0.149, blue: 0.310, alpha: 1) /** This variable in the current online CSS is called main-tenant-color for the spobi tenant. */
+    public static let sportBildBlueSpobiBlue029 = UIColor(red: 0.090, green: 0.271, blue: 0.510, alpha: 1) /** This variable in the current online CSS is called secondary-tenant-color */
+    public static let sportBildBlueSpobiBlue038 = UIColor(red: 0.188, green: 0.349, blue: 0.600, alpha: 1)
+    public static let sportBildBlueSpobiBlue081 = UIColor(red: 0.741, green: 0.788, blue: 0.859, alpha: 1)
+    public static let sportBildBlueSpobiBlue098 = UIColor(red: 0.969, green: 0.980, blue: 0.988, alpha: 1)
+    public static let sportBildRedSpobiRed = UIColor(red: 0.902, green: 0.149, blue: 0.161, alpha: 1)
+}

package/dist/ios/base/PrimitiveFontValue.swift

@@ -0,0 +1,55 @@
+
+//
+// PrimitiveFontValue.swift
+//
+
+// Do not edit directly, this file was auto-generated.
+
+
+import UIKit
+
+public class {
+    public static let fontFamilyAdvertorialFontFamilyLucidaGrande = Lucida Grande
+    public static let fontFamilyBildFontFamilyGotham = Gotham
+    public static let fontFamilyBildFontFamilyGothamCond = Gotham Condensed
+    public static let fontFamilyBildFontFamilyGothamXNarrow = Gotham XNarrow
+    public static let fontFamilySportBildFontFamilyAntennaCond = AntennaCond
+    public static let fontFamilySportBildFontFamilyAntennaExtraCond = AntennaExtraCond
+    public static let fontFamilySportBildFontFamilyInter = Inter
+    public static let fontWeight1000UltraFontWeight = 1000
+    public static let fontWeight100ThinFontWeight = 100
+    public static let fontWeight200ExtraLightFontWeight = 200
+    public static let fontWeight300LightFontWeight = 300
+    public static let fontWeight350BookFontWeight = 350
+    public static let fontWeight400BookFontWeight = 400
+    public static let fontWeight500MediumFontWeight = 500
+    public static let fontWeight600BoldFontWeight = 600
+    public static let 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. */
+    public static let fontWeight800BlackFontWeight = 800
+    public static let fontWeight900ExtraBlackFontWeight = 900
+    public static let fontWeightBlackFontWeightSt = Black
+    public static let fontWeightBoldItalicFontWeightSt = Bold Italic
+    public static let fontWeightString1000UltraFontWeight = 1000
+    public static let fontWeightString100ThinFontWeight = 100
+    public static let fontWeightString200ExtraLightFontWeight = 200
+    public static let fontWeightString350BookFontWeight = 350
+    public static let fontWeightString400BookFontWeight = 400
+    public static let fontWeightString500MediumFontWeight = 500
+    public static let fontWeightString600BoldFontWeight = 600
+    public static let fontWeightString600BoldItalicFontWeight = Bold Italic
+    public static let fontWeightString700BlackFontWeight = 700
+    public static let fontWeightString700BlackItalicFontWeight = Black Italic
+    public static let fontWeightString800BlackFontWeight = 800
+    public static let fontWeightString900ExtraBlackFontWeight = 900
+    public static let letterSpacingLetterSpace0 = 0 /** This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0. */
+    public static let letterSpacingLetterSpace025 = 0.25 /** 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. */
+    public static let letterSpacingLetterSpace025 = -0.25 /** 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. */
+    public static let letterSpacingLetterSpace05 = 0.5 /** 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. */
+    public static let letterSpacingLetterSpace05 = -0.5 /** This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5. */
+    public static let letterSpacingLetterSpace1 = 1 /** This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1. */
+    public static let letterSpacingLetterSpace1 = -1 /** This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1. */
+    public static let letterSpacingLetterSpace2 = 2 /** This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2. */
+    public static let letterSpacingLetterSpace2 = -2 /** 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. */
+    public static let letterSpacingLetterSpace3 = 3 /** 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. */
+    public static let letterSpacingLetterSpace3 = -3 /** 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. */
+}