/** * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved */ /** * Do not edit directly, this file was auto-generated. */ export const globalBorderwidthNone: string; /** Buttons, Inputs. Dividing lines and container borders. */ export const globalBorderwidthXs: string; /** Buttons. Step flow, Validation bars */ export const globalBorderwidthS: string; /** Focus */ export const globalBorderwidthM: string; /** Focus underline. Dividing lines. */ export const globalBorderwidthL: string; /** Double Focus Border */ export const globalBorderwidthXl: string; export const globalBorderwidthXxl: string; export const globalBreakpointXs: string; export const globalBreakpointS: string; export const globalBreakpointM: string; export const globalBreakpointL: string; export const globalBreakpointXl: string; export const globalBreakpointXxl: string; export const globalFontFluidHeadingS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontFluidHeadingM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontFluidHeadingL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontFluidSubheadingM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontFluidSubheadingL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontFluidSectionHeadingS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontFluidSectionHeadingM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontFluidBodyRegularS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFluidBodyRegularM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFluidBodyRegularL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFluidBodyMediumS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFluidBodyMediumM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFluidBodyMediumL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; /** Small Viewports: 13.72, Large Viewports: 11.89 */ export const globalFontFluidCompMediumXs: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; /** Small Viewports: 14.81, Large Viewports: 13.79. Match token size to component size. */ export const globalFontFluidCompMediumS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; /** Small Viewports: 16, Large Viewports: 16. Match token size to component size. */ export const globalFontFluidCompMediumM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; /** Small Viewports: 17.28, Large Viewports: 18.56. Match token size to component size. */ export const globalFontFluidCompMediumL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; /** Small Viewports: 13.72, Large Viewports: 11.89 */ export const globalFontFluidCompRegularXs: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; /** Small Viewports: 14.81, Large Viewports: 13.79. Match token size to component size. */ export const globalFontFluidCompRegularS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; /** Small Viewports: 16, Large Viewports: 16. Match token size to component size. */ export const globalFontFluidCompRegularM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; /** Small Viewports: 17.28, Large Viewports: 18.56. Match token size to component size. */ export const globalFontFluidCompRegularL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; /** Small Viewports: 20, Large Viewports: 20. */ export const globalFontFluidCompIconS: { fontSize: string; fontFamily: string; paragraphSpacing: string; }; /** Small Viewports: 20, Large Viewports: 20. */ export const globalFontFluidCompIconM: { fontSize: string; fontFamily: string; paragraphSpacing: string; }; /** Small Viewports: 20, Large Viewports: 20. */ export const globalFontFluidCompIconL: { fontSize: string; fontFamily: string; paragraphSpacing: string; }; export const globalFontFluidCompLinedRegularS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontFluidCompLinedRegularM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontFluidCompLinedRegularL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontFluidCompLinedMediumS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontFluidCompLinedMediumM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontFluidCompLinedMediumL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontFluidCompPlaceholderXs: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFluidCompPlaceholderS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFluidCompPlaceholderM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFluidCompPlaceholderMl: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFluidCompPlaceholderL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFluidCompPlaceholderXl: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFluidCompPlaceholderXxl: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticHeadingS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontStaticHeadingM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontStaticHeadingL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontStaticSubheadingM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontStaticSubheadingL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontStaticSectionHeadingS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontStaticSectionHeadingM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; }; export const globalFontStaticBodyRegularS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticBodyRegularM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticBodyRegularL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticBodyMediumS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticBodyMediumM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticBodyMediumL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompMediumXs: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompMediumS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompMediumM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompMediumL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompRegularXs: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompRegularS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompRegularM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompRegularL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompIconS: { fontSize: string; fontFamily: string; paragraphSpacing: string; }; export const globalFontStaticCompIconM: { fontSize: string; fontFamily: string; paragraphSpacing: string; }; export const globalFontStaticCompIconL: { fontSize: string; fontFamily: string; paragraphSpacing: string; }; export const globalFontStaticCompLinedRegularS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontStaticCompLinedRegularM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontStaticCompLinedRegularL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontStaticCompLinedMediumS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontStaticCompLinedMediumM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontStaticCompLinedMediumL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; txtDecoration: string; paragraphSpacing: string; textDecoration: string; }; export const globalFontStaticCompPlaceholderXs: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompPlaceholderS: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompPlaceholderM: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompPlaceholderMl: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompPlaceholderL: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompPlaceholderXl: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontStaticCompPlaceholderXxl: { fontFamily: string; fontWeight: string; lineHeight: number; fontSize: string; paragraphSpacing: string; }; export const globalFontFamiliesHeading: string; export const globalFontFamiliesSubheading: string; export const globalFontFamiliesBody: string; /** Used in componentry such as tables, buttons, inputs etc. */ export const globalFontFamiliesComponent: string; export const globalFontFamiliesSageIcons: string; /** Fallback for when Sage fonts cannot load. */ export const globalFontFamiliesOther: string; /** Actve modifier used when 15% hover is used */ export const globalModifierButtonActive: string; /** Actve modifier used when 15% hover is used */ export const globalModifierButtonActiveAlt: string; /** Hover used on primary buttons */ export const globalModifierButtonHover: string; /** Hover used on primary buttons */ export const globalModifierButtonHoverAlt: string; /** Disabled alpha for buttons */ export const globalModifierInputDisabledFg: string; export const globalModifierInputDisabledBg: string; /** Button groups (internal/adjacent corners), Card select group (internal/adjacent corners), File input (integrated base bar top corners). */ export const globalRadiusNone: string; export const globalRadiusScale: string; /** Validation bar on input components */ export const globalRadiusContainer3Xs: string; /** Pill */ export const globalRadiusContainer2Xs: string; export const globalRadiusContainerXs: string; /** L size loader and tracker corners */ export const globalRadiusContainerS: string; /** Card select group (outer corners), Card select (single), Color picker advanced (inner swatch container), File input (file uploads & integrated progress bar (bottom corners),  File preview (File selector assets on left), Link preview, Message, Note, Popover (menu container in Action popover, Button-split, Button-multi-action, Calendar, Dropdown), Subscription tile (currently a pattern), Table (parent container), Tile & Tile flexbox (less rounded), Toast, Tooltip */ export const globalRadiusContainerM: string; /** Card (less rounded), Carousel (slides), Color picker advanced (parent container), File preview (parent container), Medium Tile & Tile flexbox, Medium Card. */ export const globalRadiusContainerL: string; /** Card (more rounded), Copilot Container, Carousel (parent container), Dialog (not full screen), Large Tile & Tile flexbox, Large cards */ export const globalRadiusContainerXl: string; export const globalRadiusContainer2Xl: string; /** marketing cards and tiles */ export const globalRadiusContainer3Xl: string; /** marketing images */ export const globalRadiusContainer4Xl: string; /** CIRCLE. Badge, Calendar date (today indicator and selected), Carousel selector dots, Loader bar, Portrait, Progress tracker, Radio button, Step flow (step indicators), Switch, */ export const globalRadiusContainerCircle: string; /** Tab baseline. */ export const globalRadiusAction2Xs: string; /** Link (focus background and underline) */ export const globalRadiusActionXs: string; /** S & M Checkboxes */ export const globalRadiusActionS: string; /** Button subtle, L Checkboxes, Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Menu (bottom corners), Navigation: left (state bg shape), Skip focus, Tab, Text area, Text input, */ export const globalRadiusActionM: string; /** Buttons S (typical and destructive, and inc bar, split and multi), Navigation left (collapsible Assets/Menu select top-right and bottom-right corners), */ export const globalRadiusActionL: string; /** Buttons M (typical and destructive and inc bar split and multi), Button toggle M (parent container) */ export const globalRadiusActionXl: string; /** Buttons L (typical and destructive and inc bar split and multi), Button toggle L (parent container) */ export const globalRadiusAction2Xl: string; /** Icon only buttons */ export const globalRadiusActionCircle: string; export const globalDepthNone: [ { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, ]; /** Card default state */ export const globalDepthLvl0: [ { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, ]; /** Card hover state, Popover menus used on split, multiaction, dropdown and action popovers */ export const globalDepthLvl1: [ { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, ]; /** Nav Menu */ export const globalDepthLvl2: [ { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, ]; /** Dialog, Menu, Sidebar, Card drag state */ export const globalDepthLvl3: [ { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, ]; /** Sticky footer on dialogs, drawer and sidebar */ export const globalDepthStickyB: [ { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, ]; /** Left sticky column in Table. */ export const globalDepthStickyL: [ { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, ]; /** Right sticky column in Table. */ export const globalDepthStickyR: [ { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, ]; /** Sticky inset shadow applied to first child cells on expandable table */ export const globalDepthStickyT: [ { blur: string; spread: string; color: string; type: string; offsetX: string; offsetY: string; }, ]; export const globalSizeNone: string; export const globalSize6Xs: string; export const globalSize5Xs: string; export const globalSize4Xs: string; export const globalSize3Xs: string; export const globalSize2Xs: string; export const globalSizeXs: string; export const globalSizeS: string; export const globalSizeM: string; export const globalSizeL: string; export const globalSizeXl: string; export const globalSize2Xl: string; export const globalSize3Xl: string; export const globalSize4Xl: string; export const globalSpaceNone: string; export const globalSpaceLayout3Xs: string; export const globalSpaceLayout2Xs: string; export const globalSpaceLayoutXs: string; export const globalSpaceLayoutS: string; export const globalSpaceLayoutM: string; export const globalSpaceLayoutL: string; export const globalSpaceLayoutXl: string; export const globalSpaceLayout2Xl: string; export const globalSpaceLayout3Xl: string; export const globalSpaceLayout4Xl: string; export const globalSpaceComp2Xs: string; export const globalSpaceCompXs: string; export const globalSpaceCompS: string; /** Padding inside Medium Inputs */ export const globalSpaceCompM: string; export const globalSpaceCompL: string; export const globalSpaceCompXl: string; export const globalSpaceComp2Xl: string;