/** * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved */ /** * Do not edit directly, this file was auto-generated. */ export const modeColorNone: string; export const modeColorAiStop1: string; export const modeColorAiStop2: string; export const modeColorAiStop3: string; export const modeColorAiAltStop1: string; export const modeColorAiAltStop2: string; export const modeColorAiAltStop3: string; export const modeColorBrandDefault: string; export const modeColorBrandDefaultAlt: string; export const modeColorBrandWithDefaultAlt: string; export const modeColorBrandInverseDefault: string; export const modeColorBrandInverseDefaultAlt: string; export const modeColorBrandInverseWithDefaultAlt: string; export const modeColorBrandCopilotDefault: string; export const modeColorBrandCopilotWithDefault: string; export const modeColorBrandCopilotMonochrome: string; export const modeColorBrandCopilotInverseDefault: string; export const modeColorBrandCopilotInverseMonochrome: string; /** not accessible on white if it is intended to provide meaning */ export const modeColorBrandCopilotInverseWithDefault: string; export const modeColorColorcodeBlueIntense: string; export const modeColorColorcodeBlueHarsh: string; export const modeColorColorcodeBlueSoft: string; export const modeColorColorcodeBlueFaint: string; export const modeColorColorcodeTealIntense: string; export const modeColorColorcodeTealHarsh: string; export const modeColorColorcodeTealSoft: string; export const modeColorColorcodeTealFaint: string; export const modeColorColorcodeGreenIntense: string; export const modeColorColorcodeGreenHarsh: string; export const modeColorColorcodeGreenSoft: string; export const modeColorColorcodeGreenFaint: string; export const modeColorColorcodeLimeIntense: string; export const modeColorColorcodeLimeHarsh: string; export const modeColorColorcodeLimeSoft: string; export const modeColorColorcodeLimeFaint: string; export const modeColorColorcodeOrangeIntense: string; export const modeColorColorcodeOrangeHarsh: string; export const modeColorColorcodeOrangeSoft: string; export const modeColorColorcodeOrangeFaint: string; export const modeColorColorcodeRedIntense: string; export const modeColorColorcodeRedHarsh: string; export const modeColorColorcodeRedSoft: string; export const modeColorColorcodeRedFaint: string; export const modeColorColorcodePinkIntense: string; export const modeColorColorcodePinkHarsh: string; export const modeColorColorcodePinkSoft: string; export const modeColorColorcodePinkFaint: string; export const modeColorColorcodePurpleIntense: string; export const modeColorColorcodePurpleHarsh: string; export const modeColorColorcodePurpleSoft: string; export const modeColorColorcodePurpleFaint: string; export const modeColorColorcodeSlateIntense: string; export const modeColorColorcodeSlateHarsh: string; export const modeColorColorcodeSlateSoft: string; export const modeColorColorcodeSlateFaint: string; export const modeColorColorcodeGrayIntense: string; export const modeColorColorcodeGrayHarsh: string; export const modeColorColorcodeGraySoft: string; export const modeColorColorcodeGrayFaint: string; export const modeColorColorcodeYellowIntense: string; export const modeColorColorcodeYellowHarsh: string; export const modeColorColorcodeYellowSoft: string; export const modeColorColorcodeYellowFaint: string; export const modeColorGenericBgNought: string; export const modeColorGenericBgFaint: string; export const modeColorGenericBgDelicate: string; export const modeColorGenericBgSoft: string; export const modeColorGenericBgInverseNought: string; export const modeColorGenericBgInverseFaint: string; export const modeColorGenericBgInverseDelicate: string; export const modeColorGenericBgInverseSoft: string; export const modeColorGenericDepthFaint: string; export const modeColorGenericDepthDelicate: string; export const modeColorGenericDepthSoft: string; export const modeColorGenericTxtExtreme: string; export const modeColorGenericTxtSevere: string; export const modeColorGenericTxtModerate: string; /** was 0.5. Increased to 0.55 so that we can use this for hint txt etc too, and still be accessible. */ export const modeColorGenericTxtSoft: string; /** accessible OBJECT against white. */ export const modeColorGenericTxtDelicate: string; export const modeColorGenericTxtInverseExtreme: string; export const modeColorGenericTxtInverseSevere: string; export const modeColorGenericTxtInverseModerate: string; /** was 0.5. Increased to 0.55 so that we can use this for hint txt etc too, and still be accessible. */ export const modeColorGenericTxtInverseSoft: string; /** accessible OBJECT against white. */ export const modeColorGenericTxtInverseDelicate: string; export const modeColorGenericFgNought: string; /** table dividers and borders */ export const modeColorGenericFgSoft: string; export const modeColorGenericFgModerate: string; export const modeColorGenericFgFirm: string; export const modeColorGenericFgInverseNought: string; /** table dividers and borders */ export const modeColorGenericFgInverseSoft: string; export const modeColorGenericFgInverseModerate: string; export const modeColorGenericFgInverseFirm: string; /** used on full page backgrounds */ export const modeColorGenericSurfaceNought: string; /** used on full page backgrounds as an alternative option */ export const modeColorGenericSurfaceTrace: string; /** table header hover color */ export const modeColorGenericSurfaceFaint: string; export const modeColorGenericSurfaceHarsh: string; export const modeColorGenericSurfaceSevere: string; export const modeColorGenericSurfaceAcute: string; export const modeColorActionAiGradActive: string; export const modeColorActionAiGradHover: string; export const modeColorActionAiGradDefault: string; export const modeColorActionAiActiveStop1: string; export const modeColorActionAiActiveStop2: string; export const modeColorActionAiActiveStop3: string; export const modeColorActionAiHoverStop1: string; export const modeColorActionAiHoverStop2: string; export const modeColorActionAiHoverStop3: string; /** active button on dark */ export const modeColorActionDangerActive: string; export const modeColorActionDangerDefault: string; /** for links in datatables */ export const modeColorActionDangerDefaultAlt: string; export const modeColorActionDangerHover: string; /** used on secondary-button hover states */ export const modeColorActionDangerHoverAlt: string; /** for links in datatables */ export const modeColorActionDangerHoverAlt2: string; export const modeColorActionDangerWithActive: string; export const modeColorActionDangerWithDefault: string; /** used on pill hover states */ export const modeColorActionDangerInverseActive: string; export const modeColorActionDangerInverseDefault: string; /** For links in datatables */ export const modeColorActionDangerInverseDefaultAlt: string; /** used on solid-pill and primary-button hover states */ export const modeColorActionDangerInverseHover: string; /** used on secondary-button hover states */ export const modeColorActionDangerInverseHoverAlt: string; /** used on link hover state */ export const modeColorActionDangerInverseHoverAlt2: string; export const modeColorActionDangerInverseWithActive: string; export const modeColorActionDangerInverseWithDefault: string; /** Input backgrounds. */ export const modeColorActionDataEntryDefault: string; /** checkbox tick icon or radio handle */ export const modeColorActionDataEntryWithActive: string; export const modeColorActionDataEntryWithActiveAlt: string; /** txt for draggable area on file input */ export const modeColorActionDataEntryWithHover: string; /** bg hover for draggable area on file input */ export const modeColorActionDataEntryHoverAlt: string; /** Input borders. */ export const modeColorActionDataEntryWithDefault: string; /** Input footer bgs (e.g txt editor) */ export const modeColorActionDataEntryDefaultAlt: string; /** Input txt */ export const modeColorActionDataEntryTxt: string; /** Hint txt, placeholder txt, character count etc */ export const modeColorActionDataEntryTxtAlt: string; /** Input backgrounds. */ export const modeColorActionDataEntryInverseDefault: string; /** Input borders. */ export const modeColorActionDataEntryInverseWithDefault: string; /** Input txt */ export const modeColorActionDataEntryInverseTxt: string; /** Hint txt, placeholder txt, character count etc */ export const modeColorActionDataEntryInverseTxtAlt: string; export const modeColorActionFocusDefault: string; export const modeColorActionFocusTxt: string; export const modeColorActionFocusWithDefault: string; export const modeColorActionFocusWithDefaultAlt: string; export const modeColorActionFocusInverseDefault: string; export const modeColorActionFocusInverseTxt: string; export const modeColorActionFocusInverseWithDefault: string; export const modeColorActionFocusInverseWithDefaultAlt: string; /** Disabled form secondary, tertiary and input borders borders. */ export const modeColorActionInactiveDefault: string; /** full screen takeover token for modal dimmer */ export const modeColorActionInactiveMask: string; export const modeColorActionInactiveDefaultAlt: string; /** Disabled txt inside buttons */ export const modeColorActionInactiveTxt: string; export const modeColorActionInactiveTxtAlt: string; /** Disabled icon inside buttons and form inputs. */ export const modeColorActionInactiveIcon: string; /** Readonly icon inside form inputs. */ export const modeColorActionInactiveIconAlt: string; /** Disabled form secondary, tertiary and input borders borders. */ export const modeColorActionInactiveInverseDefault: string; /** inversed disabled txt inside buttons and form inputs. */ export const modeColorActionInactiveInverseTxt: string; /** Disabled labels inside buttons and Switch. */ export const modeColorActionInactiveInverseTxtAlt: string; export const modeColorActionGrayscaleActive: string; export const modeColorActionGrayscaleActiveAlt: string; export const modeColorActionGrayscaleDefault: string; /** subtle and toggle button txt */ export const modeColorActionGrayscaleDefaultAlt: string; /** Accordion, secondary, tertiary, menu bg on hover */ export const modeColorActionGrayscaleHoverAlt: string; /** subtle table header hover */ export const modeColorActionGrayscaleHover: string; export const modeColorActionGrayscaleWithActive: string; export const modeColorActionGrayscaleWithActiveAlt: string; export const modeColorActionGrayscaleWithDefault: string; export const modeColorActionGrayscaleWithHover: string; export const modeColorActionGrayscaleInverseActive: string; export const modeColorActionGrayscaleInverseActiveAlt: string; export const modeColorActionGrayscaleInverseDefault: string; /** subtle and toggle button txt */ export const modeColorActionGrayscaleInverseDefaultAlt: string; /** Accordion, secondary, tertiary, menu bg on hover */ export const modeColorActionGrayscaleInverseHoverAlt: string; /** subtle table header hover */ export const modeColorActionGrayscaleInverseHover: string; export const modeColorActionGrayscaleInverseWithActive: string; export const modeColorActionGrayscaleInverseWithActiveAlt: string; export const modeColorActionGrayscaleInverseWithDefault: string; export const modeColorActionGrayscaleInverseWithHover: string; /** active bg for nav items */ export const modeColorActionNavActive: string; /** default bg for global nav */ export const modeColorActionNavDefault: string; /** default bg for left nav container */ export const modeColorActionNavDefaultAlt: string; export const modeColorActionNavChild: string; export const modeColorActionNavChildAlt: string; /** hover bg for nav items */ export const modeColorActionNavHover: string; /** txt and icons on top of active bgs in nav contxts */ export const modeColorActionNavWithActive: string; export const modeColorActionNavWithDefault: string; /** hov bg for nav items */ export const modeColorActionNavWithHover: string; /** active bg for nav items */ export const modeColorActionNavInverseActive: string; export const modeColorActionNavInverseDefault: string; export const modeColorActionNavInverseDefaultAlt: string; export const modeColorActionNavInverseChild: string; export const modeColorActionNavInverseChildAlt: string; /** hover bg for nav items */ export const modeColorActionNavInverseHover: string; /** txt and icons on top of active bgs in nav contxts */ export const modeColorActionNavInverseWithActive: string; export const modeColorActionNavInverseWithDefault: string; /** used for subheaders within primary nav */ export const modeColorActionNavInverseWithDefaultAlt: string; /** hover bg for nav items */ export const modeColorActionNavInverseWithHover: string; export const modeColorActionMainActive: string; /** Active color for inverse secondary and tertiary buttons */ export const modeColorActionMainActiveAlt: string; export const modeColorActionMainDefault: string; /** border color for secondary and tertiary inverse buttons */ export const modeColorActionMainDefaultAlt: string; /** default color for links */ export const modeColorActionMainDefaultAlt2: string; /** default background color of inverse secondary buttons */ export const modeColorActionMainDefaultAlt3: string; export const modeColorActionMainHover: string; /** hover for inverse secondary and tertiary buttons */ export const modeColorActionMainHoverAlt: string; /** hover for links */ export const modeColorActionMainHoverAlt2: string; export const modeColorActionMainWithActive: string; export const modeColorActionMainWithDefault: string; export const modeColorActionMainWithHover: string; export const modeColorActionMainInverseActive: string; /** Active color for secondary and tertiary buttons */ export const modeColorActionMainInverseActiveAlt: string; export const modeColorActionMainInverseDefault: string; /** border color for secondary and tertiary buttons */ export const modeColorActionMainInverseDefaultAlt: string; /** default value for links */ export const modeColorActionMainInverseDefaultAlt2: string; /** default background color of secondary button */ export const modeColorActionMainInverseDefaultAlt3: string; export const modeColorActionMainInverseHover: string; /** hover for secondary and tertiary buttons */ export const modeColorActionMainInverseHoverAlt: string; /** hover for links */ export const modeColorActionMainInverseHoverAlt2: string; export const modeColorActionMainInverseWithActive: string; export const modeColorActionMainInverseWithDefault: string; export const modeColorActionMainInverseWithHover: string; export const modeColorStatusAiDefault: string; /** bg for contxtual message comp */ export const modeColorStatusAiDefaultAlt: string; export const modeColorStatusAiWithDefaultAlt: string; export const modeColorStatusAiDefaultHorizontal: string; export const modeColorStatusAiDefaultVertical: string; export const modeColorStatusAiInverseDefaultHorizontal: string; export const modeColorStatusAiInverseDefaultVertical: string; /** used for marketing banners */ export const modeColorStatusCalloutDefaultAlt: string; /** marketing banner hover */ export const modeColorStatusCalloutHoverAlt: string; export const modeColorStatusSkeletonStop1: string; export const modeColorStatusSkeletonStop2: string; export const modeColorStatusWarningDefault: string; /** Subtle message bg */ export const modeColorStatusWarningDefaultAlt: string; export const modeColorStatusWarningWithDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusWarningHover: string; /** used on pill hover states and message bg */ export const modeColorStatusWarningHoverAlt: string; export const modeColorStatusWarningTxt: string; export const modeColorStatusWarningInverseDefault: string; /** Subtle message bg */ export const modeColorStatusWarningInverseDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusWarningInverseHover: string; /** used on pill hover states and message bg */ export const modeColorStatusWarningInverseHoverAlt: string; export const modeColorStatusWarningInverseTxt: string; export const modeColorStatusTxtWithDefault: string; export const modeColorStatusTxtWithDefaultAlt: string; export const modeColorStatusTxtWithHover: string; export const modeColorStatusTxtWithHoverAlt: string; /** used on skeleton txt */ export const modeColorStatusTxtLoading: string; export const modeColorStatusTxtInverseWithDefault: string; export const modeColorStatusTxtInverseWithDefaultAlt: string; export const modeColorStatusTxtInverseWithHover: string; export const modeColorStatusTxtInverseWithHoverAlt: string; /** For pills. Not accessible with white txt. */ export const modeColorStatusCustomBlueDefault: string; /** Pill bg */ export const modeColorStatusCustomBlueDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusCustomBlueHover: string; /** used on pill hover states */ export const modeColorStatusCustomBlueHoverAlt: string; /** For pills. Not accessible with white txt. */ export const modeColorStatusCustomTealDefault: string; /** Pill bg */ export const modeColorStatusCustomTealDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusCustomTealHover: string; /** used on pill hover states */ export const modeColorStatusCustomTealHoverAlt: string; /** For pills. Not accessible with white txt. */ export const modeColorStatusCustomGreenDefault: string; /** Pill bg */ export const modeColorStatusCustomGreenDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusCustomGreenHover: string; /** used on pill hover states */ export const modeColorStatusCustomGreenHoverAlt: string; /** For pills. Not accessible with white txt. */ export const modeColorStatusCustomLimeDefault: string; /** Pill bg */ export const modeColorStatusCustomLimeDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusCustomLimeHover: string; /** used on pill hover states */ export const modeColorStatusCustomLimeHoverAlt: string; /** For pills. Not accessible with white txt. */ export const modeColorStatusCustomOrangeDefault: string; /** Pill bg */ export const modeColorStatusCustomOrangeDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusCustomOrangeHover: string; /** used on pill hover states */ export const modeColorStatusCustomOrangeHoverAlt: string; /** used in portrait */ export const modeColorStatusCustomOrangeTxt: string; /** For pills. Not accessible with white txt. */ export const modeColorStatusCustomRedDefault: string; /** Pill bg */ export const modeColorStatusCustomRedDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusCustomRedHover: string; /** used on pill hover states */ export const modeColorStatusCustomRedHoverAlt: string; /** For pills. Not accessible with white txt. */ export const modeColorStatusCustomPinkDefault: string; /** Pill bg */ export const modeColorStatusCustomPinkDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusCustomPinkHover: string; /** used on pill hover states */ export const modeColorStatusCustomPinkHoverAlt: string; /** For pills. Not accessible with white txt. */ export const modeColorStatusCustomPurpleDefault: string; /** Pill bg */ export const modeColorStatusCustomPurpleDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusCustomPurpleHover: string; /** used on pill hover states */ export const modeColorStatusCustomPurpleHoverAlt: string; /** For pills. Not accessible with white txt. */ export const modeColorStatusCustomGrayDefault: string; /** Pill bg */ export const modeColorStatusCustomGrayDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusCustomGrayHover: string; /** used on pill hover states */ export const modeColorStatusCustomGrayHoverAlt: string; /** For pills. Not accessible with white txt. */ export const modeColorStatusCustomSlateDefault: string; /** Pill bg */ export const modeColorStatusCustomSlateDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusCustomSlateHover: string; /** used on pill hover states */ export const modeColorStatusCustomSlateHoverAlt: string; export const modeColorStatusPriorityDefault: string; /** Subtle message bg */ export const modeColorStatusPriorityDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusPriorityHover: string; /** used on pill hover states and message bg */ export const modeColorStatusPriorityHoverAlt: string; /** For tile status keylines to show if something is of high importance. */ export const modeColorStatusPriorityInverseDefault: string; /** Subtle message bg */ export const modeColorStatusPriorityInverseDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusPriorityInverseHover: string; /** used on pill hover states and message bg */ export const modeColorStatusPriorityInverseHoverAlt: string; /** For readonly pill bg and border */ export const modeColorStatusInactiveDefault: string; /** For readonly filled pill txt */ export const modeColorStatusInactiveWithDefault: string; /** For readonly pill bg and border */ export const modeColorStatusInactiveInverseDefault: string; /** For readonly filled pill txt */ export const modeColorStatusInactiveInverseWithDefault: string; export const modeColorStatusInfoDefault: string; /** Subtle message bg */ export const modeColorStatusInfoDefaultAlt: string; export const modeColorStatusInfoWithDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusInfoHover: string; /** used on pill hover states and message bg */ export const modeColorStatusInfoHoverAlt: string; export const modeColorStatusInfoInverseDefault: string; /** Subtle message bg */ export const modeColorStatusInfoInverseDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusInfoInverseHover: string; /** used on pill hover states and message bg */ export const modeColorStatusInfoInverseHoverAlt: string; export const modeColorStatusNegativeDefault: string; /** Subtle message bg */ export const modeColorStatusNegativeDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusNegativeHover: string; /** used on pill hover states and message bg */ export const modeColorStatusNegativeHoverAlt: string; export const modeColorStatusNegativeInverseDefault: string; /** Subtle message bg */ export const modeColorStatusNegativeInverseDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusNegativeInverseHover: string; /** used on pill hover states and message bg */ export const modeColorStatusNegativeInverseHoverAlt: string; export const modeColorStatusNeutralDefault: string; /** Subtle message bg */ export const modeColorStatusNeutralDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusNeutralHover: string; /** used on pill hover states and message bg */ export const modeColorStatusNeutralHoverAlt: string; export const modeColorStatusNeutralInverseDefault: string; /** Subtle message bg */ export const modeColorStatusNeutralInverseDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusNeutralInverseHover: string; /** used on pill hover states and message bg */ export const modeColorStatusNeutralInverseHoverAlt: string; export const modeColorStatusPositiveDefault: string; /** Subtle message bg */ export const modeColorStatusPositiveDefaultAlt: string; export const modeColorStatusPositiveWithDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusPositiveHover: string; /** used on pill hover states and message bg */ export const modeColorStatusPositiveHoverAlt: string; export const modeColorStatusPositiveInverseDefault: string; /** Subtle message bg */ export const modeColorStatusPositiveInverseDefaultAlt: string; /** used on pill hover states */ export const modeColorStatusPositiveInverseHover: string; /** used on pill hover states and message bg */ export const modeColorStatusPositiveInverseHoverAlt: string;