/**
 * Do not edit directly, this file was auto-generated.
 * Generated on Wed, 24 Jun 2026 12:57:36 GMT
 *
 * Kong Konnect Design Tokens
 * GitHub: https://github.com/Kong/design-tokens/tree/main/packages/design-tokens
 * License: Apache-2.0
 */

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: {
  color: {
    background: {
      _: DesignToken;
      danger: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      decorative: {
        aqua: {
          weakest: DesignToken;
        };
        purple: {
          _: DesignToken;
          weakest: DesignToken;
        };
      };
      disabled: DesignToken;
      info: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      inverse: DesignToken;
      neutral: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      overlay: DesignToken;
      primary: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      success: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      transparent: DesignToken;
      warning: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
    };
    border: {
      _: DesignToken;
      danger: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      decorative: {
        purple: DesignToken;
      };
      disabled: DesignToken;
      inverse: DesignToken;
      neutral: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      primary: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      transparent: DesignToken;
    };
    text: {
      _: DesignToken;
      danger: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      decorative: {
        aqua: DesignToken;
        pink: DesignToken;
        purple: {
          _: DesignToken;
          strong: DesignToken;
        };
      };
      disabled: DesignToken;
      info: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      inverse: DesignToken;
      neutral: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      primary: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      success: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
      warning: {
        _: DesignToken;
        strong: DesignToken;
        stronger: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
        weaker: DesignToken;
        weakest: DesignToken;
      };
    };
  };
  animation: {
    duration: {
      "20": DesignToken;
    };
  };
  border: {
    radius: {
      "0": DesignToken;
      "10": DesignToken;
      "20": DesignToken;
      "30": DesignToken;
      "40": DesignToken;
      "50": DesignToken;
      circle: DesignToken;
      round: DesignToken;
    };
    width: {
      "0": DesignToken;
      "10": DesignToken;
      "20": DesignToken;
      "30": DesignToken;
    };
  };
  breakpoint: {
    mobile: DesignToken;
    phablet: DesignToken;
    tablet: DesignToken;
    laptop: DesignToken;
    desktop: DesignToken;
  };
  icon: {
    color: {
      danger: DesignToken;
      neutral: DesignToken;
      primary: DesignToken;
      success: DesignToken;
      warning: DesignToken;
    };
    size: {
      "10": DesignToken;
      "20": DesignToken;
      "30": DesignToken;
      "40": DesignToken;
      "50": DesignToken;
      "60": DesignToken;
      "70": DesignToken;
      "80": DesignToken;
    };
  };
  method: {
    color: {
      background: {
        connect: DesignToken;
        delete: DesignToken;
        get: DesignToken;
        head: DesignToken;
        options: DesignToken;
        patch: DesignToken;
        post: DesignToken;
        put: DesignToken;
        trace: DesignToken;
      };
      text: {
        connect: {
          _: DesignToken;
          strong: DesignToken;
        };
        delete: {
          _: DesignToken;
          strong: DesignToken;
        };
        get: {
          _: DesignToken;
          strong: DesignToken;
        };
        head: {
          _: DesignToken;
          strong: DesignToken;
        };
        options: {
          _: DesignToken;
          strong: DesignToken;
        };
        patch: {
          _: DesignToken;
          strong: DesignToken;
        };
        post: {
          _: DesignToken;
          strong: DesignToken;
        };
        put: {
          _: DesignToken;
          strong: DesignToken;
        };
        trace: {
          _: DesignToken;
          strong: DesignToken;
        };
      };
    };
  };
  navigation: {
    color: {
      background: {
        _: DesignToken;
        selected: DesignToken;
      };
      border: {
        _: DesignToken;
        child: DesignToken;
        divider: DesignToken;
      };
      text: {
        _: DesignToken;
        focus: DesignToken;
        hover: DesignToken;
        selected: DesignToken;
      };
    };
    shadow: {
      border: {
        _: DesignToken;
        child: DesignToken;
      };
      focus: DesignToken;
    };
  };
  status: {
    color: {
      "100": DesignToken;
      "101": DesignToken;
      "102": DesignToken;
      "103": DesignToken;
      "200": DesignToken;
      "201": DesignToken;
      "202": DesignToken;
      "203": DesignToken;
      "204": DesignToken;
      "205": DesignToken;
      "206": DesignToken;
      "207": DesignToken;
      "208": DesignToken;
      "226": DesignToken;
      "300": DesignToken;
      "301": DesignToken;
      "302": DesignToken;
      "303": DesignToken;
      "304": DesignToken;
      "305": DesignToken;
      "307": DesignToken;
      "308": DesignToken;
      "400": DesignToken;
      "401": DesignToken;
      "402": DesignToken;
      "403": DesignToken;
      "404": DesignToken;
      "405": DesignToken;
      "406": DesignToken;
      "407": DesignToken;
      "408": DesignToken;
      "409": DesignToken;
      "410": DesignToken;
      "411": DesignToken;
      "412": DesignToken;
      "413": DesignToken;
      "414": DesignToken;
      "415": DesignToken;
      "416": DesignToken;
      "417": DesignToken;
      "418": DesignToken;
      "421": DesignToken;
      "422": DesignToken;
      "423": DesignToken;
      "424": DesignToken;
      "425": DesignToken;
      "426": DesignToken;
      "428": DesignToken;
      "429": DesignToken;
      "431": DesignToken;
      "451": DesignToken;
      "500": DesignToken;
      "501": DesignToken;
      "502": DesignToken;
      "503": DesignToken;
      "504": DesignToken;
      "505": DesignToken;
      "506": DesignToken;
      "507": DesignToken;
      "508": DesignToken;
      "510": DesignToken;
      "511": DesignToken;
      "1na": DesignToken;
      "2na": DesignToken;
      "3na": DesignToken;
      "4na": DesignToken;
      "5na": DesignToken;
      "100s": DesignToken;
      "200s": DesignToken;
      "300s": DesignToken;
      "400s": DesignToken;
      "500s": DesignToken;
      background: {
        "100": DesignToken;
        "200": DesignToken;
        "300": DesignToken;
        "400": DesignToken;
        "500": DesignToken;
      };
      text: {
        "100": DesignToken;
        "200": DesignToken;
        "300": DesignToken;
        "400": DesignToken;
        "500": DesignToken;
      };
    };
  };
  font: {
    family: {
      code: DesignToken;
      heading: DesignToken;
      text: DesignToken;
    };
    size: {
      "10": DesignToken;
      "20": DesignToken;
      "30": DesignToken;
      "40": DesignToken;
      "50": DesignToken;
      "60": DesignToken;
      "70": DesignToken;
      "80": DesignToken;
      "90": DesignToken;
      "100": DesignToken;
    };
    weight: {
      bold: DesignToken;
      medium: DesignToken;
      regular: DesignToken;
      semibold: DesignToken;
    };
  };
  letter_spacing: {
    "0": DesignToken;
    minus: {
      "10": DesignToken;
      "20": DesignToken;
      "30": DesignToken;
      "40": DesignToken;
      "50": DesignToken;
    };
    normal: DesignToken;
  };
  line_height: {
    "10": DesignToken;
    "20": DesignToken;
    "30": DesignToken;
    "40": DesignToken;
    "50": DesignToken;
    "60": DesignToken;
    "70": DesignToken;
    "80": DesignToken;
    "90": DesignToken;
    "100": DesignToken;
  };
  shadow: {
    _: DesignToken;
    border: {
      _: DesignToken;
      danger: {
        _: DesignToken;
        strong: DesignToken;
      };
      disabled: DesignToken;
      primary: {
        _: DesignToken;
        strongest: DesignToken;
        weak: DesignToken;
      };
    };
    focus: DesignToken;
  };
  space: {
    "0": DesignToken;
    "10": DesignToken;
    "20": DesignToken;
    "30": DesignToken;
    "40": DesignToken;
    "50": DesignToken;
    "60": DesignToken;
    "70": DesignToken;
    "80": DesignToken;
    "90": DesignToken;
    "100": DesignToken;
    "110": DesignToken;
    "120": DesignToken;
    "130": DesignToken;
    "140": DesignToken;
    "150": DesignToken;
    auto: DesignToken;
  };
};