/**
 * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 */

/**
 * Do not edit directly, this file was auto-generated.
 */

export default tokens;

declare interface DesignToken {
  $value?: any;
  $type?: string;
  $description?: string;
  name?: string;
  themeable?: boolean;
  attributes?: Record<string, unknown>;
  [key: string]: any;
}

declare const tokens: {
  mode: {
    color: {
      none: DesignToken;
      ai: {
        "stop-1": DesignToken;
        "stop-2": DesignToken;
        "stop-3": DesignToken;
        alt: {
          "stop-1": DesignToken;
          "stop-2": DesignToken;
          "stop-3": DesignToken;
        };
      };
      brand: {
        default: DesignToken;
        defaultAlt: DesignToken;
        withDefaultAlt: DesignToken;
        inverse: {
          default: DesignToken;
          defaultAlt: DesignToken;
          withDefaultAlt: DesignToken;
        };
        copilot: {
          default: DesignToken;
          withDefault: DesignToken;
          monochrome: DesignToken;
          inverse: {
            default: DesignToken;
            monochrome: DesignToken;
            withDefault: DesignToken;
          };
        };
      };
      colorcode: {
        blue: {
          intense: DesignToken;
          harsh: DesignToken;
          soft: DesignToken;
          faint: DesignToken;
        };
        teal: {
          intense: DesignToken;
          harsh: DesignToken;
          soft: DesignToken;
          faint: DesignToken;
        };
        green: {
          intense: DesignToken;
          harsh: DesignToken;
          soft: DesignToken;
          faint: DesignToken;
        };
        lime: {
          intense: DesignToken;
          harsh: DesignToken;
          soft: DesignToken;
          faint: DesignToken;
        };
        orange: {
          intense: DesignToken;
          harsh: DesignToken;
          soft: DesignToken;
          faint: DesignToken;
        };
        red: {
          intense: DesignToken;
          harsh: DesignToken;
          soft: DesignToken;
          faint: DesignToken;
        };
        pink: {
          intense: DesignToken;
          harsh: DesignToken;
          soft: DesignToken;
          faint: DesignToken;
        };
        purple: {
          intense: DesignToken;
          harsh: DesignToken;
          soft: DesignToken;
          faint: DesignToken;
        };
        slate: {
          intense: DesignToken;
          harsh: DesignToken;
          soft: DesignToken;
          faint: DesignToken;
        };
        gray: {
          intense: DesignToken;
          harsh: DesignToken;
          soft: DesignToken;
          faint: DesignToken;
        };
        yellow: {
          intense: DesignToken;
          harsh: DesignToken;
          soft: DesignToken;
          faint: DesignToken;
        };
      };
      generic: {
        bg: {
          nought: DesignToken;
          faint: DesignToken;
          delicate: DesignToken;
          soft: DesignToken;
          inverse: {
            nought: DesignToken;
            faint: DesignToken;
            delicate: DesignToken;
            soft: DesignToken;
          };
        };
        depth: {
          faint: DesignToken;
          delicate: DesignToken;
          soft: DesignToken;
        };
        txt: {
          extreme: DesignToken;
          severe: DesignToken;
          moderate: DesignToken;
          soft: DesignToken;
          delicate: DesignToken;
          inverse: {
            extreme: DesignToken;
            severe: DesignToken;
            moderate: DesignToken;
            soft: DesignToken;
            delicate: DesignToken;
          };
        };
        fg: {
          nought: DesignToken;
          soft: DesignToken;
          moderate: DesignToken;
          firm: DesignToken;
          inverse: {
            nought: DesignToken;
            soft: DesignToken;
            moderate: DesignToken;
            firm: DesignToken;
          };
        };
        surface: {
          nought: DesignToken;
          trace: DesignToken;
          faint: DesignToken;
          harsh: DesignToken;
          severe: DesignToken;
          acute: DesignToken;
        };
      };
      action: {
        ai: {
          grad: {
            active: DesignToken;
            hover: DesignToken;
            default: DesignToken;
          };
          active: {
            "stop-1": DesignToken;
            "stop-2": DesignToken;
            "stop-3": DesignToken;
          };
          hover: {
            "stop-1": DesignToken;
            "stop-2": DesignToken;
            "stop-3": DesignToken;
          };
        };
        danger: {
          active: DesignToken;
          default: DesignToken;
          defaultAlt: DesignToken;
          hover: DesignToken;
          hoverAlt: DesignToken;
          hoverAlt2: DesignToken;
          withActive: DesignToken;
          withDefault: DesignToken;
          inverse: {
            active: DesignToken;
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
            hoverAlt2: DesignToken;
            withActive: DesignToken;
            withDefault: DesignToken;
          };
        };
        dataEntry: {
          default: DesignToken;
          withActive: DesignToken;
          withActiveAlt: DesignToken;
          withHover: DesignToken;
          hoverAlt: DesignToken;
          withDefault: DesignToken;
          defaultAlt: DesignToken;
          txt: DesignToken;
          txtAlt: DesignToken;
          inverse: {
            default: DesignToken;
            withDefault: DesignToken;
            txt: DesignToken;
            txtAlt: DesignToken;
          };
        };
        focus: {
          default: DesignToken;
          txt: DesignToken;
          withDefault: DesignToken;
          withDefaultAlt: DesignToken;
          inverse: {
            default: DesignToken;
            txt: DesignToken;
            withDefault: DesignToken;
            withDefaultAlt: DesignToken;
          };
        };
        inactive: {
          default: DesignToken;
          mask: DesignToken;
          defaultAlt: DesignToken;
          txt: DesignToken;
          txtAlt: DesignToken;
          icon: DesignToken;
          iconAlt: DesignToken;
          inverse: {
            default: DesignToken;
            txt: DesignToken;
            txtAlt: DesignToken;
          };
        };
        grayscale: {
          active: DesignToken;
          activeAlt: DesignToken;
          default: DesignToken;
          defaultAlt: DesignToken;
          hoverAlt: DesignToken;
          hover: DesignToken;
          withActive: DesignToken;
          withActiveAlt: DesignToken;
          withDefault: DesignToken;
          withHover: DesignToken;
          inverse: {
            active: DesignToken;
            activeAlt: DesignToken;
            default: DesignToken;
            defaultAlt: DesignToken;
            hoverAlt: DesignToken;
            hover: DesignToken;
            withActive: DesignToken;
            withActiveAlt: DesignToken;
            withDefault: DesignToken;
            withHover: DesignToken;
          };
        };
        nav: {
          active: DesignToken;
          default: DesignToken;
          defaultAlt: DesignToken;
          child: DesignToken;
          childAlt: DesignToken;
          hover: DesignToken;
          withActive: DesignToken;
          withDefault: DesignToken;
          withHover: DesignToken;
          inverse: {
            active: DesignToken;
            default: DesignToken;
            defaultAlt: DesignToken;
            child: DesignToken;
            childAlt: DesignToken;
            hover: DesignToken;
            withActive: DesignToken;
            withDefault: DesignToken;
            withDefaultAlt: DesignToken;
            withHover: DesignToken;
          };
        };
        main: {
          active: DesignToken;
          activeAlt: DesignToken;
          default: DesignToken;
          defaultAlt: DesignToken;
          defaultAlt2: DesignToken;
          defaultAlt3: DesignToken;
          hover: DesignToken;
          hoverAlt: DesignToken;
          hoverAlt2: DesignToken;
          withActive: DesignToken;
          withDefault: DesignToken;
          withHover: DesignToken;
          inverse: {
            active: DesignToken;
            activeAlt: DesignToken;
            default: DesignToken;
            defaultAlt: DesignToken;
            defaultAlt2: DesignToken;
            defaultAlt3: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
            hoverAlt2: DesignToken;
            withActive: DesignToken;
            withDefault: DesignToken;
            withHover: DesignToken;
          };
        };
      };
      status: {
        ai: {
          default: DesignToken;
          defaultAlt: DesignToken;
          withDefaultAlt: DesignToken;
          "default-horizontal": DesignToken;
          "default-vertical": DesignToken;
          inverse: {
            "default-horizontal": DesignToken;
            "default-vertical": DesignToken;
          };
        };
        callout: {
          defaultAlt: DesignToken;
          hoverAlt: DesignToken;
        };
        skeleton: {
          "stop-1": DesignToken;
          "stop-2": DesignToken;
        };
        warning: {
          default: DesignToken;
          defaultAlt: DesignToken;
          withDefaultAlt: DesignToken;
          hover: DesignToken;
          hoverAlt: DesignToken;
          txt: DesignToken;
          inverse: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
            txt: DesignToken;
          };
        };
        txt: {
          withDefault: DesignToken;
          withDefaultAlt: DesignToken;
          withHover: DesignToken;
          withHoverAlt: DesignToken;
          loading: DesignToken;
          inverse: {
            withDefault: DesignToken;
            withDefaultAlt: DesignToken;
            withHover: DesignToken;
            withHoverAlt: DesignToken;
          };
        };
        custom: {
          blue: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
          teal: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
          green: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
          lime: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
          orange: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
            txt: DesignToken;
          };
          red: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
          pink: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
          purple: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
          gray: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
          slate: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
        };
        priority: {
          default: DesignToken;
          defaultAlt: DesignToken;
          hover: DesignToken;
          hoverAlt: DesignToken;
          inverse: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
        };
        inactive: {
          default: DesignToken;
          withDefault: DesignToken;
          inverse: {
            default: DesignToken;
            withDefault: DesignToken;
          };
        };
        info: {
          default: DesignToken;
          defaultAlt: DesignToken;
          withDefaultAlt: DesignToken;
          hover: DesignToken;
          hoverAlt: DesignToken;
          inverse: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
        };
        negative: {
          default: DesignToken;
          defaultAlt: DesignToken;
          hover: DesignToken;
          hoverAlt: DesignToken;
          inverse: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
        };
        neutral: {
          default: DesignToken;
          defaultAlt: DesignToken;
          hover: DesignToken;
          hoverAlt: DesignToken;
          inverse: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
        };
        positive: {
          default: DesignToken;
          defaultAlt: DesignToken;
          withDefaultAlt: DesignToken;
          hover: DesignToken;
          hoverAlt: DesignToken;
          inverse: {
            default: DesignToken;
            defaultAlt: DesignToken;
            hover: DesignToken;
            hoverAlt: DesignToken;
          };
        };
      };
    };
  };
};