/**
 * 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: {
  global: {
    borderwidth: {
      none: DesignToken;
      XS: DesignToken;
      S: DesignToken;
      M: DesignToken;
      L: DesignToken;
      XL: DesignToken;
      XXL: DesignToken;
    };
    breakpoint: {
      XS: DesignToken;
      S: DesignToken;
      M: DesignToken;
      L: DesignToken;
      XL: DesignToken;
      XXL: DesignToken;
    };
    font: {
      fluid: {
        heading: {
          S: DesignToken;
          M: DesignToken;
          L: DesignToken;
        };
        subheading: {
          M: DesignToken;
          L: DesignToken;
        };
        section: {
          heading: {
            S: DesignToken;
            M: DesignToken;
          };
        };
        body: {
          regular: {
            S: DesignToken;
            M: DesignToken;
            L: DesignToken;
          };
          medium: {
            S: DesignToken;
            M: DesignToken;
            L: DesignToken;
          };
        };
        comp: {
          medium: {
            XS: DesignToken;
            S: DesignToken;
            M: DesignToken;
            L: DesignToken;
          };
          regular: {
            XS: DesignToken;
            S: DesignToken;
            M: DesignToken;
            L: DesignToken;
          };
          icon: {
            S: DesignToken;
            M: DesignToken;
            L: DesignToken;
          };
          lined: {
            regular: {
              S: DesignToken;
              M: DesignToken;
              L: DesignToken;
            };
            medium: {
              S: DesignToken;
              M: DesignToken;
              L: DesignToken;
            };
          };
          placeholder: {
            XS: DesignToken;
            S: DesignToken;
            M: DesignToken;
            ML: DesignToken;
            L: DesignToken;
            XL: DesignToken;
            XXL: DesignToken;
          };
        };
      };
      static: {
        heading: {
          S: DesignToken;
          M: DesignToken;
          L: DesignToken;
        };
        subheading: {
          M: DesignToken;
          L: DesignToken;
        };
        section: {
          heading: {
            S: DesignToken;
            M: DesignToken;
          };
        };
        body: {
          regular: {
            S: DesignToken;
            M: DesignToken;
            L: DesignToken;
          };
          medium: {
            S: DesignToken;
            M: DesignToken;
            L: DesignToken;
          };
        };
        comp: {
          medium: {
            XS: DesignToken;
            S: DesignToken;
            M: DesignToken;
            L: DesignToken;
          };
          regular: {
            XS: DesignToken;
            S: DesignToken;
            M: DesignToken;
            L: DesignToken;
          };
          icon: {
            S: DesignToken;
            M: DesignToken;
            L: DesignToken;
          };
          lined: {
            regular: {
              S: DesignToken;
              M: DesignToken;
              L: DesignToken;
            };
            medium: {
              S: DesignToken;
              M: DesignToken;
              L: DesignToken;
            };
          };
          placeholder: {
            XS: DesignToken;
            S: DesignToken;
            M: DesignToken;
            ML: DesignToken;
            L: DesignToken;
            XL: DesignToken;
            XXL: DesignToken;
          };
        };
      };
    };
    fontFamilies: {
      heading: DesignToken;
      subheading: DesignToken;
      body: DesignToken;
      component: DesignToken;
      "sage-icons": DesignToken;
      other: DesignToken;
    };
    modifier: {
      button: {
        active: DesignToken;
        activeAlt: DesignToken;
        hover: DesignToken;
        hoverAlt: DesignToken;
      };
      input: {
        disabledFg: DesignToken;
        disabledBg: DesignToken;
      };
    };
    radius: {
      none: DesignToken;
      scale: DesignToken;
      container: {
        "3XS": DesignToken;
        "2XS": DesignToken;
        XS: DesignToken;
        S: DesignToken;
        M: DesignToken;
        L: DesignToken;
        XL: DesignToken;
        "2XL": DesignToken;
        "3XL": DesignToken;
        "4XL": DesignToken;
        circle: DesignToken;
      };
      action: {
        "2XS": DesignToken;
        XS: DesignToken;
        S: DesignToken;
        M: DesignToken;
        L: DesignToken;
        XL: DesignToken;
        "2XL": DesignToken;
        circle: DesignToken;
      };
    };
    depth: {
      none: DesignToken;
      lvl0: DesignToken;
      lvl1: DesignToken;
      lvl2: DesignToken;
      lvl3: DesignToken;
      stickyB: DesignToken;
      stickyL: DesignToken;
      stickyR: DesignToken;
      stickyT: DesignToken;
    };
    size: {
      none: DesignToken;
      "6XS": DesignToken;
      "5XS": DesignToken;
      "4XS": DesignToken;
      "3XS": DesignToken;
      "2XS": DesignToken;
      XS: DesignToken;
      S: DesignToken;
      M: DesignToken;
      L: DesignToken;
      XL: DesignToken;
      "2XL": DesignToken;
      "3XL": DesignToken;
      "4XL": DesignToken;
    };
    space: {
      none: DesignToken;
      layout: {
        "3XS": DesignToken;
        "2XS": DesignToken;
        XS: DesignToken;
        S: DesignToken;
        M: DesignToken;
        L: DesignToken;
        XL: DesignToken;
        "2XL": DesignToken;
        "3XL": DesignToken;
        "4XL": DesignToken;
      };
      comp: {
        "2XS": DesignToken;
        XS: DesignToken;
        S: DesignToken;
        M: DesignToken;
        L: DesignToken;
        XL: DesignToken;
        "2XL": DesignToken;
      };
    };
  };
};