@sage/design-tokens 14.9.1 → 15.0.0

package/js/common/marketing/large/dark/components/nav.js

@@ -1,2744 +0,0 @@
-/**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
- */
-
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-module.exports = {
-  nav: {
-    color: {
-      "bg-default": {
-        $type: "color",
-        $value: "#000000",
-        $description: "nav bar bg",
-        filePath: "data/tokens/components/nav.json",
-        isSource: true,
-        original: {
-          $type: "color",
-          $value: "{modes.color.generic.bg.nought}",
-          $description: "nav bar bg",
-        },
-        name: "navColorBgDefault",
-        attributes: {},
-        path: ["nav", "color", "bg-default"],
-      },
-      item: {
-        "bg-active": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.active}",
-          },
-          name: "navColorItemBgActive",
-          attributes: {},
-          path: ["nav", "color", "item", "bg-active"],
-        },
-        "bg-activealt": {
-          $type: "color",
-          $value: "#ffffff1a",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.hoverAlt}",
-          },
-          name: "navColorItemBgActivealt",
-          attributes: {},
-          path: ["nav", "color", "item", "bg-activealt"],
-        },
-        "bg-enabled": {
-          $type: "color",
-          $value: "#fff0",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.none}",
-          },
-          name: "navColorItemBgEnabled",
-          attributes: {},
-          path: ["nav", "color", "item", "bg-enabled"],
-        },
-        "bg-hover": {
-          $type: "color",
-          $value: "#ffffff1a",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.hoverAlt}",
-          },
-          name: "navColorItemBgHover",
-          attributes: {},
-          path: ["nav", "color", "item", "bg-hover"],
-        },
-        "label-active": {
-          $type: "color",
-          $value: "#000000",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.withActive}",
-          },
-          name: "navColorItemLabelActive",
-          attributes: {},
-          path: ["nav", "color", "item", "label-active"],
-        },
-        "label-activealt": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.withHover}",
-          },
-          name: "navColorItemLabelActivealt",
-          attributes: {},
-          path: ["nav", "color", "item", "label-activealt"],
-        },
-        "label-enabled": {
-          $type: "color",
-          $value: "#ffffffe6",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.default}",
-          },
-          name: "navColorItemLabelEnabled",
-          attributes: {},
-          path: ["nav", "color", "item", "label-enabled"],
-        },
-        "label-hover": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.withHover}",
-          },
-          name: "navColorItemLabelHover",
-          attributes: {},
-          path: ["nav", "color", "item", "label-hover"],
-        },
-        "label-alt": {
-          $type: "color",
-          $value: "#ffffffab",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.defaultAlt}",
-          },
-          name: "navColorItemLabelAlt",
-          attributes: {},
-          path: ["nav", "color", "item", "label-alt"],
-        },
-      },
-      menu: {
-        "bg-default": {
-          $type: "color",
-          $value: "#0e0e0e",
-          $description: "menu (level 1) nav bg",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.bg.faint}",
-            $description: "menu (level 1) nav bg",
-          },
-          name: "navColorMenuBgDefault",
-          attributes: {},
-          path: ["nav", "color", "menu", "bg-default"],
-        },
-        "bg-alt": {
-          $type: "color",
-          $value: "#181818",
-          $description: "level 2 nav bg",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.bg.delicate}",
-            $description: "level 2 nav bg",
-          },
-          name: "navColorMenuBgAlt",
-          attributes: {},
-          path: ["nav", "color", "menu", "bg-alt"],
-        },
-        "bg-alt2": {
-          $type: "color",
-          $value: "#1f1f1f",
-          $description: "level 3 nav bg",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.bg.soft}",
-            $description: "level 3 nav bg",
-          },
-          name: "navColorMenuBgAlt2",
-          attributes: {},
-          path: ["nav", "color", "menu", "bg-alt2"],
-        },
-        "border-default": {
-          $type: "color",
-          $value: "#282828",
-          $description: "level 1 border",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.fg.delicate}",
-            $description: "level 1 border",
-          },
-          name: "navColorMenuBorderDefault",
-          attributes: {},
-          path: ["nav", "color", "menu", "border-default"],
-        },
-      },
-      leftnav: {
-        container: {
-          "bg-default": {
-            $type: "color",
-            $value: "#000000",
-            $description:
-              "bg of horizontal nav variant that launches the left nav",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.bg.nought}",
-              $description:
-                "bg of horizontal nav variant that launches the left nav",
-            },
-            name: "navColorLeftnavContainerBgDefault",
-            attributes: {},
-            path: ["nav", "color", "leftnav", "container", "bg-default"],
-          },
-          "bg-defaultAlt": {
-            $type: "color",
-            $value: "#181818",
-            $description: "bg of the parent container",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.backdrop.faint}",
-              $description: "bg of the parent container",
-            },
-            name: "navColorLeftnavContainerBgDefaultAlt",
-            attributes: {},
-            path: ["nav", "color", "leftnav", "container", "bg-defaultAlt"],
-          },
-          "border-default": {
-            $type: "color",
-            $value: "#4b4b4b",
-            $description: "dividing lines within parent container",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.fg.soft}",
-              $description: "dividing lines within parent container",
-            },
-            name: "navColorLeftnavContainerBorderDefault",
-            attributes: {},
-            path: ["nav", "color", "leftnav", "container", "border-default"],
-          },
-        },
-        item: {
-          "bg-active": {
-            $type: "color",
-            $value: "#ffffff59",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.active}",
-            },
-            name: "navColorLeftnavItemBgActive",
-            attributes: {},
-            path: ["nav", "color", "leftnav", "item", "bg-active"],
-          },
-          "bg-enabled": {
-            $type: "color",
-            $value: "#fff0",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.none}",
-            },
-            name: "navColorLeftnavItemBgEnabled",
-            attributes: {},
-            path: ["nav", "color", "leftnav", "item", "bg-enabled"],
-          },
-          "bg-hover": {
-            $type: "color",
-            $value: "#ffffff26",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.hover}",
-            },
-            name: "navColorLeftnavItemBgHover",
-            attributes: {},
-            path: ["nav", "color", "leftnav", "item", "bg-hover"],
-          },
-          "label-active": {
-            $type: "color",
-            $value: "#FFFFFF",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.withActive}",
-            },
-            name: "navColorLeftnavItemLabelActive",
-            attributes: {},
-            path: ["nav", "color", "leftnav", "item", "label-active"],
-          },
-          "label-enabled": {
-            $type: "color",
-            $value: "#fffffff2",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.withDefault}",
-            },
-            name: "navColorLeftnavItemLabelEnabled",
-            attributes: {},
-            path: ["nav", "color", "leftnav", "item", "label-enabled"],
-          },
-          "label-hover": {
-            $type: "color",
-            $value: "#FFFFFF",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.withHover}",
-            },
-            name: "navColorLeftnavItemLabelHover",
-            attributes: {},
-            path: ["nav", "color", "leftnav", "item", "label-hover"],
-          },
-        },
-      },
-      modal: {
-        container: {
-          "bg-default": {
-            $type: "color",
-            $value: "#000000",
-            $description: "bg of container holding stack of items in modal nav",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.bg.nought}",
-              $description:
-                "bg of container holding stack of items in modal nav",
-            },
-            name: "navColorModalContainerBgDefault",
-            attributes: {},
-            path: ["nav", "color", "modal", "container", "bg-default"],
-          },
-          "bg-defaultAlt": {
-            $type: "color",
-            $value: "#181818",
-            $description: "bg of the sticky header within modal",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.backdrop.faint}",
-              $description: "bg of the sticky header within modal",
-            },
-            name: "navColorModalContainerBgDefaultAlt",
-            attributes: {},
-            path: ["nav", "color", "modal", "container", "bg-defaultAlt"],
-          },
-          "border-default": {
-            $type: "color",
-            $value: "#4b4b4b",
-            $description: "dividing lines within parent container",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.fg.soft}",
-              $description: "dividing lines within parent container",
-            },
-            name: "navColorModalContainerBorderDefault",
-            attributes: {},
-            path: ["nav", "color", "modal", "container", "border-default"],
-          },
-        },
-        item: {
-          "bg-active": {
-            $type: "color",
-            $value: "#ffffff59",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.active}",
-            },
-            name: "navColorModalItemBgActive",
-            attributes: {},
-            path: ["nav", "color", "modal", "item", "bg-active"],
-          },
-          "bg-enabled": {
-            $type: "color",
-            $value: "#fff0",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.none}",
-            },
-            name: "navColorModalItemBgEnabled",
-            attributes: {},
-            path: ["nav", "color", "modal", "item", "bg-enabled"],
-          },
-          "bg-hover": {
-            $type: "color",
-            $value: "#ffffff26",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.hover}",
-            },
-            name: "navColorModalItemBgHover",
-            attributes: {},
-            path: ["nav", "color", "modal", "item", "bg-hover"],
-          },
-          "label-active": {
-            $type: "color",
-            $value: "#FFFFFF",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.withActive}",
-            },
-            name: "navColorModalItemLabelActive",
-            attributes: {},
-            path: ["nav", "color", "modal", "item", "label-active"],
-          },
-          "label-enabled": {
-            $type: "color",
-            $value: "#fffffff2",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.withDefault}",
-            },
-            name: "navColorModalItemLabelEnabled",
-            attributes: {},
-            path: ["nav", "color", "modal", "item", "label-enabled"],
-          },
-          "label-hover": {
-            $type: "color",
-            $value: "#FFFFFF",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.withHover}",
-            },
-            name: "navColorModalItemLabelHover",
-            attributes: {},
-            path: ["nav", "color", "modal", "item", "label-hover"],
-          },
-        },
-        headeritem: {
-          "label-default": {
-            $type: "color",
-            $value: "#ffffffab",
-            $description: "color for subheaders passed into modal nav",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.content.firm}",
-              $description: "color for subheaders passed into modal nav",
-            },
-            name: "navColorModalHeaderitemLabelDefault",
-            attributes: {},
-            path: ["nav", "color", "modal", "headeritem", "label-default"],
-          },
-        },
-      },
-      topnav: {
-        container: {
-          "bg-default": {
-            $type: "color",
-            $value: "#000000",
-            $description:
-              "bg of of horizontal nav variant that launches the left nav",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.bg.nought}",
-              $description:
-                "bg of of horizontal nav variant that launches the left nav",
-            },
-            name: "navColorTopnavContainerBgDefault",
-            attributes: {},
-            path: ["nav", "color", "topnav", "container", "bg-default"],
-          },
-          "border-default": {
-            $type: "color",
-            $value: "#4b4b4b",
-            $description: "dividing lines within parent container",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.fg.soft}",
-              $description: "dividing lines within parent container",
-            },
-            name: "navColorTopnavContainerBorderDefault",
-            attributes: {},
-            path: ["nav", "color", "topnav", "container", "border-default"],
-          },
-        },
-        item: {
-          "bg-active": {
-            $type: "color",
-            $value: "#ffffff59",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.active}",
-            },
-            name: "navColorTopnavItemBgActive",
-            attributes: {},
-            path: ["nav", "color", "topnav", "item", "bg-active"],
-          },
-          "bg-enabled": {
-            $type: "color",
-            $value: "#fff0",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.none}",
-            },
-            name: "navColorTopnavItemBgEnabled",
-            attributes: {},
-            path: ["nav", "color", "topnav", "item", "bg-enabled"],
-          },
-          "bg-hover": {
-            $type: "color",
-            $value: "#ffffff26",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.hover}",
-            },
-            name: "navColorTopnavItemBgHover",
-            attributes: {},
-            path: ["nav", "color", "topnav", "item", "bg-hover"],
-          },
-          "label-active": {
-            $type: "color",
-            $value: "#FFFFFF",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.withActive}",
-            },
-            name: "navColorTopnavItemLabelActive",
-            attributes: {},
-            path: ["nav", "color", "topnav", "item", "label-active"],
-          },
-          "label-enabled": {
-            $type: "color",
-            $value: "#fffffff2",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.withDefault}",
-            },
-            name: "navColorTopnavItemLabelEnabled",
-            attributes: {},
-            path: ["nav", "color", "topnav", "item", "label-enabled"],
-          },
-          "label-hover": {
-            $type: "color",
-            $value: "#FFFFFF",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.nav.withHover}",
-            },
-            name: "navColorTopnavItemLabelHover",
-            attributes: {},
-            path: ["nav", "color", "topnav", "item", "label-hover"],
-          },
-        },
-      },
-    },
-    radius: {
-      menu: {
-        $type: "borderRadius",
-        $value: 8,
-        $description:
-          "Drop list bottom corners, product popout list all corners",
-        filePath: "data/tokens/components/nav.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.interactive.M}",
-          $description:
-            "Drop list bottom corners, product popout list all corners",
-        },
-        name: "navRadiusMenu",
-        attributes: {},
-        path: ["nav", "radius", "menu"],
-      },
-      menuitem: {
-        $type: "borderRadius",
-        $value: 4,
-        $description: "Menu (menu item state bg shape), ",
-        filePath: "data/tokens/components/nav.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.interactive.S}",
-          $description: "Menu (menu item state bg shape), ",
-        },
-        name: "navRadiusMenuitem",
-        attributes: {},
-        path: ["nav", "radius", "menuitem"],
-      },
-      menumodal: {
-        $type: "borderRadius",
-        $value: 16,
-        $description: "Menu on mobile",
-        filePath: "data/tokens/components/nav.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.interactive.L}",
-          $description: "Menu on mobile",
-        },
-        name: "navRadiusMenumodal",
-        attributes: {},
-        path: ["nav", "radius", "menumodal"],
-      },
-      leftnav: {
-        menuitem: {
-          $type: "borderRadius",
-          $value: 8,
-          $description:
-            "Radius on parent, child and grandchild items in left nav",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "borderRadius",
-            $value: "{global.radius.interactive.M}",
-            $description:
-              "Radius on parent, child and grandchild items in left nav",
-          },
-          name: "navRadiusLeftnavMenuitem",
-          attributes: {},
-          path: ["nav", "radius", "leftnav", "menuitem"],
-        },
-      },
-      modal: {
-        menuitem: {
-          $type: "borderRadius",
-          $value: 8,
-          $description:
-            "Radius on parent, child and grandchild items in left nav",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "borderRadius",
-            $value: "{global.radius.interactive.M}",
-            $description:
-              "Radius on parent, child and grandchild items in left nav",
-          },
-          name: "navRadiusModalMenuitem",
-          attributes: {},
-          path: ["nav", "radius", "modal", "menuitem"],
-        },
-      },
-      topnav: {
-        menuitem: {
-          $type: "borderRadius",
-          $value: 8,
-          $description:
-            "Radius on parent, child and grandchild items in left nav",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "borderRadius",
-            $value: "{global.radius.interactive.M}",
-            $description:
-              "Radius on parent, child and grandchild items in left nav",
-          },
-          name: "navRadiusTopnavMenuitem",
-          attributes: {},
-          path: ["nav", "radius", "topnav", "menuitem"],
-        },
-      },
-    },
-    boxshadow: {
-      menu: {
-        $type: "boxShadow",
-        $value: [
-          {
-            x: "0",
-            y: "2",
-            blur: "2",
-            spread: "0",
-            color: "#0000001A",
-            type: "dropShadow",
-          },
-          {
-            x: "2",
-            y: "5",
-            blur: "5",
-            spread: "0",
-            color: "#0000001A",
-            type: "dropShadow",
-          },
-        ],
-        $description: "Menu",
-        filePath: "data/tokens/components/nav.json",
-        isSource: true,
-        original: {
-          $type: "boxShadow",
-          $value: "{global.boxshadow.cleanedge.near}",
-          $description: "Menu",
-        },
-        name: "navBoxshadowMenu",
-        attributes: {},
-        path: ["nav", "boxshadow", "menu"],
-      },
-      leftnav: {
-        childcontainer: {
-          $type: "boxShadow",
-          $value: [
-            {
-              x: "0",
-              y: "1",
-              blur: "2",
-              spread: "0",
-              color: "#0000001A",
-              type: "dropShadow",
-            },
-            {
-              x: "2",
-              y: "2",
-              blur: "10",
-              spread: "0",
-              color: "#00000033",
-              type: "dropShadow",
-            },
-          ],
-          $description: "box shadow on progressively shown child container",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "boxShadow",
-            $value: "{global.boxshadow.container.near}",
-            $description: "box shadow on progressively shown child container",
-          },
-          name: "navBoxshadowLeftnavChildcontainer",
-          attributes: {},
-          path: ["nav", "boxshadow", "leftnav", "childcontainer"],
-        },
-      },
-    },
-    borderwidth: {
-      divider: {
-        item: {
-          $type: "borderWidth",
-          $value: 1,
-          $description: "Menu (option divider)",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "borderWidth",
-            $value: "{global.borderwidth.XS}",
-            $description: "Menu (option divider)",
-          },
-          name: "navBorderwidthDividerItem",
-          attributes: {},
-          path: ["nav", "borderwidth", "divider", "item"],
-        },
-        menu: {
-          $type: "borderWidth",
-          $value: 1,
-          $description: "level 1 border",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "borderWidth",
-            $value: "{global.borderwidth.XS}",
-            $description: "level 1 border",
-          },
-          name: "navBorderwidthDividerMenu",
-          attributes: {},
-          path: ["nav", "borderwidth", "divider", "menu"],
-        },
-        segment: {
-          $type: "borderWidth",
-          $value: 4,
-          $description: "Menu (segment divider)",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "borderWidth",
-            $value: "{global.borderwidth.L}",
-            $description: "Menu (segment divider)",
-          },
-          name: "navBorderwidthDividerSegment",
-          attributes: {},
-          path: ["nav", "borderwidth", "divider", "segment"],
-        },
-      },
-      leftnav: {
-        divider: {
-          $type: "borderWidth",
-          $value: 1,
-          $description:
-            "Dividers between sticky header and between parent menu and child menu.",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "borderWidth",
-            $value: "{global.borderwidth.XS}",
-            $description:
-              "Dividers between sticky header and between parent menu and child menu.",
-          },
-          name: "navBorderwidthLeftnavDivider",
-          attributes: {},
-          path: ["nav", "borderwidth", "leftnav", "divider"],
-        },
-      },
-      modal: {
-        divider: {
-          $type: "borderWidth",
-          $value: 1,
-          $description:
-            "Dividers between sticky header and between parent menu and child menu.",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "borderWidth",
-            $value: "{global.borderwidth.XS}",
-            $description:
-              "Dividers between sticky header and between parent menu and child menu.",
-          },
-          name: "navBorderwidthModalDivider",
-          attributes: {},
-          path: ["nav", "borderwidth", "modal", "divider"],
-        },
-      },
-      topnav: {
-        divider: {
-          $type: "borderWidth",
-          $value: 1,
-          $description: "bottom border on secondary horizontal nav",
-          filePath: "data/tokens/components/nav.json",
-          isSource: true,
-          original: {
-            $type: "borderWidth",
-            $value: "{global.borderwidth.XS}",
-            $description: "bottom border on secondary horizontal nav",
-          },
-          name: "navBorderwidthTopnavDivider",
-          attributes: {},
-          path: ["nav", "borderwidth", "topnav", "divider"],
-        },
-      },
-    },
-    size: {
-      menu: {
-        content: {
-          y: {
-            M: {
-              $type: "sizing",
-              $value: 32,
-              $description: "Min height of menu content",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.macro.S}",
-                $description: "Min height of menu content",
-              },
-              name: "navSizeMenuContentYM",
-              attributes: {},
-              path: ["nav", "size", "menu", "content", "y", "M"],
-            },
-          },
-          icon: {
-            M: {
-              $type: "sizing",
-              $value: 20,
-              $description: "Icon size",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.icon.M}",
-                $description: "Icon size",
-              },
-              name: "navSizeMenuContentIconM",
-              attributes: {},
-              path: ["nav", "size", "menu", "content", "icon", "M"],
-            },
-            L: {
-              $type: "sizing",
-              $value: 24,
-              $description: "Icon size",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.icon.L}",
-                $description: "Icon size",
-              },
-              name: "navSizeMenuContentIconL",
-              attributes: {},
-              path: ["nav", "size", "menu", "content", "icon", "L"],
-            },
-          },
-        },
-        option: {
-          x: {
-            M: {
-              $type: "sizing",
-              $value: 200,
-              $description: "Min width of options",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.flex.M}",
-                $description: "Min width of options",
-              },
-              name: "navSizeMenuOptionXM",
-              attributes: {},
-              path: ["nav", "size", "menu", "option", "x", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "sizing",
-              $value: 40,
-              $description: "Min height of menu option",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.macro.M}",
-                $description: "Min height of menu option",
-              },
-              name: "navSizeMenuOptionYM",
-              attributes: {},
-              path: ["nav", "size", "menu", "option", "y", "M"],
-            },
-          },
-        },
-      },
-      navbar: {
-        content: {
-          y: {
-            M: {
-              $type: "sizing",
-              $value: 32,
-              $description: "Min height of nav content",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.macro.S}",
-                $description: "Min height of nav content",
-              },
-              name: "navSizeNavbarContentYM",
-              attributes: {},
-              path: ["nav", "size", "navbar", "content", "y", "M"],
-            },
-          },
-          icon: {
-            M: {
-              $type: "sizing",
-              $value: 20,
-              $description: "Chevron and caret icons",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.icon.M}",
-                $description: "Chevron and caret icons",
-              },
-              name: "navSizeNavbarContentIconM",
-              attributes: {},
-              path: ["nav", "size", "navbar", "content", "icon", "M"],
-            },
-            L: {
-              $type: "sizing",
-              $value: 24,
-              $description: "Icon size",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.icon.L}",
-                $description: "Icon size",
-              },
-              name: "navSizeNavbarContentIconL",
-              attributes: {},
-              path: ["nav", "size", "navbar", "content", "icon", "L"],
-            },
-          },
-        },
-        item: {
-          x: {
-            M: {
-              $type: "sizing",
-              $value: 200,
-              $description: "Max width of nav item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.flex.M}",
-                $description: "Max width of nav item",
-              },
-              name: "navSizeNavbarItemXM",
-              attributes: {},
-              path: ["nav", "size", "navbar", "item", "x", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "sizing",
-              $value: 40,
-              $description: "Min height of nav item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.macro.M}",
-                $description: "Min height of nav item",
-              },
-              name: "navSizeNavbarItemYM",
-              attributes: {},
-              path: ["nav", "size", "navbar", "item", "y", "M"],
-            },
-          },
-        },
-      },
-      leftnav: {
-        parent: {
-          minheight: {
-            $type: "sizing",
-            $value: 48,
-            $description: "Min height of parent items",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.L}",
-              $description: "Min height of parent items",
-            },
-            name: "navSizeLeftnavParentMinheight",
-            attributes: {},
-            path: ["nav", "size", "leftnav", "parent", "minheight"],
-          },
-        },
-        child: {
-          minheight: {
-            $type: "sizing",
-            $value: 40,
-            $description: "Min height of children items",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.M}",
-              $description: "Min height of children items",
-            },
-            name: "navSizeLeftnavChildMinheight",
-            attributes: {},
-            path: ["nav", "size", "leftnav", "child", "minheight"],
-          },
-        },
-        grandchild: {
-          minheight: {
-            $type: "sizing",
-            $value: 32,
-            $description: "Min height of grandchildren",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.S}",
-              $description: "Min height of grandchildren",
-            },
-            name: "navSizeLeftnavGrandchildMinheight",
-            attributes: {},
-            path: ["nav", "size", "leftnav", "grandchild", "minheight"],
-          },
-        },
-        parentContainer: {
-          fixedWidth: {
-            $type: "sizing",
-            $value: "140",
-            $description: "fixed width of parent container",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "140",
-              $description: "fixed width of parent container",
-            },
-            name: "navSizeLeftnavParentContainerFixedWidth",
-            attributes: {},
-            path: ["nav", "size", "leftnav", "parentContainer", "fixedWidth"],
-          },
-        },
-        childContainer: {
-          fixedWidth: {
-            $type: "sizing",
-            $value: "250",
-            $description: "fixed width of parent container",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "250",
-              $description: "fixed width of parent container",
-            },
-            name: "navSizeLeftnavChildContainerFixedWidth",
-            attributes: {},
-            path: ["nav", "size", "leftnav", "childContainer", "fixedWidth"],
-          },
-        },
-      },
-      modal: {
-        parentitem: {
-          minheight: {
-            $type: "sizing",
-            $value: 40,
-            $description: "Min height of parent items",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.M}",
-              $description: "Min height of parent items",
-            },
-            name: "navSizeModalParentitemMinheight",
-            attributes: {},
-            path: ["nav", "size", "modal", "parentitem", "minheight"],
-          },
-        },
-        childitem: {
-          minheight: {
-            $type: "sizing",
-            $value: 32,
-            $description: "Min height of children items",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.S}",
-              $description: "Min height of children items",
-            },
-            name: "navSizeModalChilditemMinheight",
-            attributes: {},
-            path: ["nav", "size", "modal", "childitem", "minheight"],
-          },
-        },
-        headeritem: {
-          identifier: {
-            M: {
-              $type: "sizing",
-              $value: 24,
-              $description: "Icon size",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.icon.L}",
-                $description: "Icon size",
-              },
-              name: "navSizeModalHeaderitemIdentifierM",
-              attributes: {},
-              path: ["nav", "size", "modal", "headeritem", "identifier", "M"],
-            },
-          },
-          icon: {
-            M: {
-              $type: "sizing",
-              $value: 20,
-              $description: "Icon size",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.icon.M}",
-                $description: "Icon size",
-              },
-              name: "navSizeModalHeaderitemIconM",
-              attributes: {},
-              path: ["nav", "size", "modal", "headeritem", "icon", "M"],
-            },
-          },
-        },
-      },
-      topnav: {
-        parent: {
-          minheight: {
-            $type: "sizing",
-            $value: 32,
-            $description:
-              "Min height of parent items across items in secondary top nav ",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.S}",
-              $description:
-                "Min height of parent items across items in secondary top nav ",
-            },
-            name: "navSizeTopnavParentMinheight",
-            attributes: {},
-            path: ["nav", "size", "topnav", "parent", "minheight"],
-          },
-        },
-        container: {
-          minheight: {
-            $type: "sizing",
-            $value: 40,
-            $description: "Min height of secondary nav containers",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.M}",
-              $description: "Min height of secondary nav containers",
-            },
-            name: "navSizeTopnavContainerMinheight",
-            attributes: {},
-            path: ["nav", "size", "topnav", "container", "minheight"],
-          },
-        },
-      },
-    },
-    space: {
-      menu: {
-        container: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description:
-                "Horizontal space on menu complex and menu items wrapper in sidebar menu",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description:
-                  "Horizontal space on menu complex and menu items wrapper in sidebar menu",
-              },
-              name: "navSpaceMenuContainerXM",
-              attributes: {},
-              path: ["nav", "space", "menu", "container", "x", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "Vertical space on mobile menu items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L}",
-                $description: "Vertical space on mobile menu items",
-              },
-              name: "navSpaceMenuContainerYM",
-              attributes: {},
-              path: ["nav", "space", "menu", "container", "y", "M"],
-            },
-          },
-        },
-        content: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "Horizontal space on content within menu item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L}",
-                $description: "Horizontal space on content within menu item",
-              },
-              name: "navSpaceMenuContentXM",
-              attributes: {},
-              path: ["nav", "space", "menu", "content", "x", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 16,
-              $description: "Left padding for indented content in options",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XS}",
-                $description: "Left padding for indented content in options",
-              },
-              name: "navSpaceMenuContentXL",
-              attributes: {},
-              path: ["nav", "space", "menu", "content", "x", "L"],
-            },
-          },
-          xg: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "Space between content elements within menu item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L}",
-                $description: "Space between content elements within menu item",
-              },
-              name: "navSpaceMenuContentXgM",
-              attributes: {},
-              path: ["nav", "space", "menu", "content", "xg", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "Vertical space on content within menu item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description: "Vertical space on content within menu item",
-              },
-              name: "navSpaceMenuContentYM",
-              attributes: {},
-              path: ["nav", "space", "menu", "content", "y", "M"],
-            },
-          },
-        },
-        item: {
-          x: {
-            S: {
-              $type: "spacing",
-              $value: 4,
-              $description:
-                "Horizontal space on menu option complex, small screen option",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description:
-                  "Horizontal space on menu option complex, small screen option",
-              },
-              name: "navSpaceMenuItemXS",
-              attributes: {},
-              path: ["nav", "space", "menu", "item", "x", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "Horizontal space on nav menu item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L}",
-                $description: "Horizontal space on nav menu item",
-              },
-              name: "navSpaceMenuItemXM",
-              attributes: {},
-              path: ["nav", "space", "menu", "item", "x", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "Vertical space on nav menu item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description: "Vertical space on nav menu item",
-              },
-              name: "navSpaceMenuItemYM",
-              attributes: {},
-              path: ["nav", "space", "menu", "item", "y", "M"],
-            },
-          },
-          yg: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "Space between menu item and submenu",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description: "Space between menu item and submenu",
-              },
-              name: "navSpaceMenuItemYgM",
-              attributes: {},
-              path: ["nav", "space", "menu", "item", "yg", "M"],
-            },
-          },
-        },
-      },
-      navbar: {
-        x: {
-          M: {
-            $type: "spacing",
-            $value: 24,
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.M}",
-            },
-            name: "navSpaceNavbarXM",
-            attributes: {},
-            path: ["nav", "space", "navbar", "x", "M"],
-          },
-        },
-        y: {
-          M: {
-            $type: "spacing",
-            $value: 2,
-            $description: "Vertical padding on nav bar",
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XS}",
-              $description: "Vertical padding on nav bar",
-            },
-            name: "navSpaceNavbarYM",
-            attributes: {},
-            path: ["nav", "space", "navbar", "y", "M"],
-          },
-        },
-        content: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "Horizontal space in content within nav item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L}",
-                $description: "Horizontal space in content within nav item",
-              },
-              name: "navSpaceNavbarContentXM",
-              attributes: {},
-              path: ["nav", "space", "navbar", "content", "x", "M"],
-            },
-          },
-          xg: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "Gap between content elements within nav item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L}",
-                $description: "Gap between content elements within nav item",
-              },
-              name: "navSpaceNavbarContentXgM",
-              attributes: {},
-              path: ["nav", "space", "navbar", "content", "xg", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "Vertical space in content within nav item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description: "Vertical space in content within nav item",
-              },
-              name: "navSpaceNavbarContentYM",
-              attributes: {},
-              path: ["nav", "space", "navbar", "content", "y", "M"],
-            },
-          },
-        },
-        item: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "Horizontal space in nav item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L}",
-                $description: "Horizontal space in nav item",
-              },
-              name: "navSpaceNavbarItemXM",
-              attributes: {},
-              path: ["nav", "space", "navbar", "item", "x", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "Vertical space in nav item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description: "Vertical space in nav item",
-              },
-              name: "navSpaceNavbarItemYM",
-              attributes: {},
-              path: ["nav", "space", "navbar", "item", "y", "M"],
-            },
-          },
-        },
-        logo: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 16,
-              $description: "Horizontal space around logo",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XS}",
-                $description: "Horizontal space around logo",
-              },
-              name: "navSpaceNavbarLogoXM",
-              attributes: {},
-              path: ["nav", "space", "navbar", "logo", "x", "M"],
-            },
-          },
-          xg: {
-            M: {
-              $type: "spacing",
-              $value: 16,
-              $description: "Gap between logo and divider",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XS}",
-                $description: "Gap between logo and divider",
-              },
-              name: "navSpaceNavbarLogoXgM",
-              attributes: {},
-              path: ["nav", "space", "navbar", "logo", "xg", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "Top padding on logo",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description: "Top padding on logo",
-              },
-              name: "navSpaceNavbarLogoYM",
-              attributes: {},
-              path: ["nav", "space", "navbar", "logo", "y", "M"],
-            },
-          },
-        },
-      },
-      leftnav: {
-        container: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "horizontal padding on sticky quick actions header",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description:
-                  "horizontal padding on sticky quick actions header",
-              },
-              name: "navSpaceLeftnavContainerXM",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "container", "x", "M"],
-            },
-          },
-          y: {
-            S: {
-              $type: "spacing",
-              $value: 12,
-              $description: "sticky header top and bottom padding",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXS}",
-                $description: "sticky header top and bottom padding",
-              },
-              name: "navSpaceLeftnavContainerYS",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "container", "y", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 16,
-              $description:
-                "vertical padding inside parent and child containers",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XS}",
-                $description:
-                  "vertical padding inside parent and child containers",
-              },
-              name: "navSpaceLeftnavContainerYM",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "container", "y", "M"],
-            },
-          },
-          yg: {
-            S: {
-              $type: "spacing",
-              $value: 8,
-              $description: "vertical gap betweenparent items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description: "vertical gap betweenparent items",
-              },
-              name: "navSpaceLeftnavContainerYgS",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "container", "yg", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 16,
-              $description: "vertical gap between child and grandchild items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XS}",
-                $description: "vertical gap between child and grandchild items",
-              },
-              name: "navSpaceLeftnavContainerYgM",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "container", "yg", "M"],
-            },
-          },
-          outer: {
-            y: {
-              M: {
-                $type: "spacing",
-                $value: 56,
-                $description:
-                  "margin outside of item containers to make items show underneath sticky headers",
-                filePath: "data/tokens/components/nav.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.macro.ML} * 2",
-                  $description:
-                    "margin outside of item containers to make items show underneath sticky headers",
-                },
-                name: "navSpaceLeftnavContainerOuterYM",
-                attributes: {},
-                path: [
-                  "nav",
-                  "space",
-                  "leftnav",
-                  "container",
-                  "outer",
-                  "y",
-                  "M",
-                ],
-              },
-            },
-          },
-        },
-        parentitem: {
-          vertical: {
-            x: {
-              M: {
-                $type: "spacing",
-                $value: 4,
-                $description: "horizontal padding on stacked parent items",
-                filePath: "data/tokens/components/nav.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.micro.S}",
-                  $description: "horizontal padding on stacked parent items",
-                },
-                name: "navSpaceLeftnavParentitemVerticalXM",
-                attributes: {},
-                path: [
-                  "nav",
-                  "space",
-                  "leftnav",
-                  "parentitem",
-                  "vertical",
-                  "x",
-                  "M",
-                ],
-              },
-            },
-            y: {
-              M: {
-                $type: "spacing",
-                $value: 4,
-                $description: "vertical padding on stacked parent items",
-                filePath: "data/tokens/components/nav.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.micro.S}",
-                  $description: "vertical padding on stacked parent items",
-                },
-                name: "navSpaceLeftnavParentitemVerticalYM",
-                attributes: {},
-                path: [
-                  "nav",
-                  "space",
-                  "leftnav",
-                  "parentitem",
-                  "vertical",
-                  "y",
-                  "M",
-                ],
-              },
-            },
-            yg: {
-              M: {
-                $type: "spacing",
-                $value: 4,
-                $description: "vertical gap on stacked parent items",
-                filePath: "data/tokens/components/nav.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.micro.S}",
-                  $description: "vertical gap on stacked parent items",
-                },
-                name: "navSpaceLeftnavParentitemVerticalYgM",
-                attributes: {},
-                path: [
-                  "nav",
-                  "space",
-                  "leftnav",
-                  "parentitem",
-                  "vertical",
-                  "yg",
-                  "M",
-                ],
-              },
-            },
-          },
-          horizontal: {
-            x: {
-              M: {
-                $type: "spacing",
-                $value: 8,
-                $description: "horizontal padding on stacked parent items",
-                filePath: "data/tokens/components/nav.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.macro.XXXS}",
-                  $description: "horizontal padding on stacked parent items",
-                },
-                name: "navSpaceLeftnavParentitemHorizontalXM",
-                attributes: {},
-                path: [
-                  "nav",
-                  "space",
-                  "leftnav",
-                  "parentitem",
-                  "horizontal",
-                  "x",
-                  "M",
-                ],
-              },
-            },
-            xg: {
-              M: {
-                $type: "spacing",
-                $value: 4,
-                $description: "vertical gap on stacked parent items",
-                filePath: "data/tokens/components/nav.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.micro.S}",
-                  $description: "vertical gap on stacked parent items",
-                },
-                name: "navSpaceLeftnavParentitemHorizontalXgM",
-                attributes: {},
-                path: [
-                  "nav",
-                  "space",
-                  "leftnav",
-                  "parentitem",
-                  "horizontal",
-                  "xg",
-                  "M",
-                ],
-              },
-            },
-            y: {
-              M: {
-                $type: "spacing",
-                $value: 8,
-                $description: "vertical padding on stacked parent items",
-                filePath: "data/tokens/components/nav.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.macro.XXXS}",
-                  $description: "vertical padding on stacked parent items",
-                },
-                name: "navSpaceLeftnavParentitemHorizontalYM",
-                attributes: {},
-                path: [
-                  "nav",
-                  "space",
-                  "leftnav",
-                  "parentitem",
-                  "horizontal",
-                  "y",
-                  "M",
-                ],
-              },
-            },
-            yg: {
-              M: {
-                $type: "spacing",
-                $value: 4,
-                $description: "vertical gap on stacked parent items",
-                filePath: "data/tokens/components/nav.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.micro.S}",
-                  $description: "vertical gap on stacked parent items",
-                },
-                name: "navSpaceLeftnavParentitemHorizontalYgM",
-                attributes: {},
-                path: [
-                  "nav",
-                  "space",
-                  "leftnav",
-                  "parentitem",
-                  "horizontal",
-                  "yg",
-                  "M",
-                ],
-              },
-            },
-          },
-        },
-        childitem: {
-          yg: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "vertical gap inside child items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS} / 2",
-                $description: "vertical gap inside child items",
-              },
-              name: "navSpaceLeftnavChilditemYgM",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "childitem", "yg", "M"],
-            },
-          },
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "horizontal padding on child items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description: "horizontal padding on child items",
-              },
-              name: "navSpaceLeftnavChilditemXM",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "childitem", "x", "M"],
-            },
-          },
-          xg: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description:
-                "gap spacing on child items between pills and accordion chevrons",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description:
-                  "gap spacing on child items between pills and accordion chevrons",
-              },
-              name: "navSpaceLeftnavChilditemXgM",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "childitem", "xg", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "vertical padding on child items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description: "vertical padding on child items",
-              },
-              name: "navSpaceLeftnavChilditemYM",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "childitem", "y", "M"],
-            },
-          },
-        },
-        grandchilditem: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "horizontal padding on child items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description: "horizontal padding on child items",
-              },
-              name: "navSpaceLeftnavGrandchilditemXM",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "grandchilditem", "x", "M"],
-            },
-            indent: {
-              $type: "spacing",
-              $value: "33",
-              $description: "indent on grandchild items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "33",
-                $description: "indent on grandchild items",
-              },
-              name: "navSpaceLeftnavGrandchilditemXIndent",
-              attributes: {},
-              path: [
-                "nav",
-                "space",
-                "leftnav",
-                "grandchilditem",
-                "x",
-                "indent",
-              ],
-            },
-          },
-          xg: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description:
-                "gap spacing on child items between pills and accordion chevrons",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description:
-                  "gap spacing on child items between pills and accordion chevrons",
-              },
-              name: "navSpaceLeftnavGrandchilditemXgM",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "grandchilditem", "xg", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "vertical padding on child items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description: "vertical padding on child items",
-              },
-              name: "navSpaceLeftnavGrandchilditemYM",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "grandchilditem", "y", "M"],
-            },
-          },
-          yg: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "vertical gap inside grandchild items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS} / 2",
-                $description: "vertical gap inside grandchild items",
-              },
-              name: "navSpaceLeftnavGrandchilditemYgM",
-              attributes: {},
-              path: ["nav", "space", "leftnav", "grandchilditem", "yg", "M"],
-            },
-          },
-        },
-      },
-      modal: {
-        container: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description:
-                "left and right padding on modal small screen container across leftnav and horizontal",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description:
-                  "left and right padding on modal small screen container across leftnav and horizontal",
-              },
-              name: "navSpaceModalContainerXM",
-              attributes: {},
-              path: ["nav", "space", "modal", "container", "x", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 16,
-              $description:
-                "top and bottom padding on modal small screen container across leftnav and horizontal",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XS}",
-                $description:
-                  "top and bottom padding on modal small screen container across leftnav and horizontal",
-              },
-              name: "navSpaceModalContainerYM",
-              attributes: {},
-              path: ["nav", "space", "modal", "container", "y", "M"],
-            },
-          },
-          yg: {
-            M: {
-              $type: "spacing",
-              $value: 6,
-              $description: "vertical gap between modal nav items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS} - {global.space.micro.XS}",
-                $description: "vertical gap between modal nav items",
-              },
-              name: "navSpaceModalContainerYgM",
-              attributes: {},
-              path: ["nav", "space", "modal", "container", "yg", "M"],
-            },
-          },
-          outer: {
-            y: {
-              M: {
-                $type: "spacing",
-                $value: 56,
-                $description:
-                  "margin outside of item containers to make items show underneath sticky headers",
-                filePath: "data/tokens/components/nav.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.macro.ML} * 2",
-                  $description:
-                    "margin outside of item containers to make items show underneath sticky headers",
-                },
-                name: "navSpaceModalContainerOuterYM",
-                attributes: {},
-                path: ["nav", "space", "modal", "container", "outer", "y", "M"],
-              },
-            },
-          },
-        },
-        parentitem: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "horizontal padding on stacked parent items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description: "horizontal padding on stacked parent items",
-              },
-              name: "navSpaceModalParentitemXM",
-              attributes: {},
-              path: ["nav", "space", "modal", "parentitem", "x", "M"],
-            },
-          },
-          xg: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description:
-                "horizontal padding between parent label and chevron",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description:
-                  "horizontal padding between parent label and chevron",
-              },
-              name: "navSpaceModalParentitemXgM",
-              attributes: {},
-              path: ["nav", "space", "modal", "parentitem", "xg", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "vertical padding on stacked parent items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description: "vertical padding on stacked parent items",
-              },
-              name: "navSpaceModalParentitemYM",
-              attributes: {},
-              path: ["nav", "space", "modal", "parentitem", "y", "M"],
-            },
-          },
-          yg: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "vertical padding between parent label and pill",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS} / 2",
-                $description: "vertical padding between parent label and pill",
-              },
-              name: "navSpaceModalParentitemYgM",
-              attributes: {},
-              path: ["nav", "space", "modal", "parentitem", "yg", "M"],
-            },
-          },
-        },
-        childitem: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "horizontal padding on stacked parent items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description: "horizontal padding on stacked parent items",
-              },
-              name: "navSpaceModalChilditemXM",
-              attributes: {},
-              path: ["nav", "space", "modal", "childitem", "x", "M"],
-            },
-          },
-          xg: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "horizontal padding between child label and pill",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS} / 2",
-                $description: "horizontal padding between child label and pill",
-              },
-              name: "navSpaceModalChilditemXgM",
-              attributes: {},
-              path: ["nav", "space", "modal", "childitem", "xg", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "vertical padding on stacked child items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS} / 2",
-                $description: "vertical padding on stacked child items",
-              },
-              name: "navSpaceModalChilditemYM",
-              attributes: {},
-              path: ["nav", "space", "modal", "childitem", "y", "M"],
-            },
-          },
-        },
-        headeritem: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "horizontal padding on header item",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description: "horizontal padding on header item",
-              },
-              name: "navSpaceModalHeaderitemXM",
-              attributes: {},
-              path: ["nav", "space", "modal", "headeritem", "x", "M"],
-            },
-          },
-          xg: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description:
-                "horizontal gap between header label and idebntifiers or icons",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description:
-                  "horizontal gap between header label and idebntifiers or icons",
-              },
-              name: "navSpaceModalHeaderitemXgM",
-              attributes: {},
-              path: ["nav", "space", "modal", "headeritem", "xg", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "bottom padding on header items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description: "bottom padding on header items",
-              },
-              name: "navSpaceModalHeaderitemYM",
-              attributes: {},
-              path: ["nav", "space", "modal", "headeritem", "y", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 16,
-              $description: "top padding on header items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XS}",
-                $description: "top padding on header items",
-              },
-              name: "navSpaceModalHeaderitemYL",
-              attributes: {},
-              path: ["nav", "space", "modal", "headeritem", "y", "L"],
-            },
-          },
-        },
-      },
-      topnav: {
-        container: {
-          x: {
-            S: {
-              $type: "spacing",
-              $value: 8,
-              $description:
-                "horizontal padding on secondary horizontal nav on small screens",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description:
-                  "horizontal padding on secondary horizontal nav on small screens",
-              },
-              name: "navSpaceTopnavContainerXS",
-              attributes: {},
-              path: ["nav", "space", "topnav", "container", "x", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 32,
-              $description:
-                "horizontal padding on secondary horizontal nav on large screens",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.L}",
-                $description:
-                  "horizontal padding on secondary horizontal nav on large screens",
-              },
-              name: "navSpaceTopnavContainerXM",
-              attributes: {},
-              path: ["nav", "space", "topnav", "container", "x", "M"],
-            },
-          },
-          xg: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description:
-                "horizontal gap on secondary horizontal nav on large screens",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS} / 2",
-                $description:
-                  "horizontal gap on secondary horizontal nav on large screens",
-              },
-              name: "navSpaceTopnavContainerXgM",
-              attributes: {},
-              path: ["nav", "space", "topnav", "container", "xg", "M"],
-            },
-          },
-          y: {
-            S: {
-              $type: "spacing",
-              $value: 4,
-              $description:
-                "vertical padding on secondary horizontal nav on small screens",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS} / 2",
-                $description:
-                  "vertical padding on secondary horizontal nav on small screens",
-              },
-              name: "navSpaceTopnavContainerYS",
-              attributes: {},
-              path: ["nav", "space", "topnav", "container", "y", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description:
-                "vertical padding on secondary horizontal nav on large screens",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS} / 2",
-                $description:
-                  "vertical padding on secondary horizontal nav on large screens",
-              },
-              name: "navSpaceTopnavContainerYM",
-              attributes: {},
-              path: ["nav", "space", "topnav", "container", "y", "M"],
-            },
-          },
-        },
-        parentitem: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "horizontal padding on stacked parent items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description: "horizontal padding on stacked parent items",
-              },
-              name: "navSpaceTopnavParentitemXM",
-              attributes: {},
-              path: ["nav", "space", "topnav", "parentitem", "x", "M"],
-            },
-          },
-          xg: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "gap within horizontal parent items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description: "gap within horizontal parent items",
-              },
-              name: "navSpaceTopnavParentitemXgM",
-              attributes: {},
-              path: ["nav", "space", "topnav", "parentitem", "xg", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "vertical padding on stacked parent items",
-              filePath: "data/tokens/components/nav.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS} / 2",
-                $description: "vertical padding on stacked parent items",
-              },
-              name: "navSpaceTopnavParentitemYM",
-              attributes: {},
-              path: ["nav", "space", "topnav", "parentitem", "y", "M"],
-            },
-          },
-        },
-      },
-    },
-    typography: {
-      adaptive: {
-        label: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "13px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.firm.XS}",
-            },
-            name: "navTypographyAdaptiveLabelS",
-            attributes: {},
-            path: ["nav", "typography", "adaptive", "label", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.firm.M}",
-            },
-            name: "navTypographyAdaptiveLabelM",
-            attributes: {},
-            path: ["nav", "typography", "adaptive", "label", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "16px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.firm.L}",
-            },
-            name: "navTypographyAdaptiveLabelL",
-            attributes: {},
-            path: ["nav", "typography", "adaptive", "label", "L"],
-          },
-        },
-        default: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "13px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.moderate.XS}",
-            },
-            name: "navTypographyAdaptiveDefaultS",
-            attributes: {},
-            path: ["nav", "typography", "adaptive", "default", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.moderate.M}",
-            },
-            name: "navTypographyAdaptiveDefaultM",
-            attributes: {},
-            path: ["nav", "typography", "adaptive", "default", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "16px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.moderate.L}",
-            },
-            name: "navTypographyAdaptiveDefaultL",
-            attributes: {},
-            path: ["nav", "typography", "adaptive", "default", "L"],
-          },
-        },
-      },
-      responsive: {
-        label: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.firm.XS}",
-            },
-            name: "navTypographyResponsiveLabelS",
-            attributes: {},
-            path: ["nav", "typography", "responsive", "label", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.firm.M}",
-            },
-            name: "navTypographyResponsiveLabelM",
-            attributes: {},
-            path: ["nav", "typography", "responsive", "label", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.firm.L}",
-            },
-            name: "navTypographyResponsiveLabelL",
-            attributes: {},
-            path: ["nav", "typography", "responsive", "label", "L"],
-          },
-        },
-        default: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.moderate.XS}",
-            },
-            name: "navTypographyResponsiveDefaultS",
-            attributes: {},
-            path: ["nav", "typography", "responsive", "default", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.moderate.M}",
-            },
-            name: "navTypographyResponsiveDefaultM",
-            attributes: {},
-            path: ["nav", "typography", "responsive", "default", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/nav.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.moderate.L}",
-            },
-            name: "navTypographyResponsiveDefaultL",
-            attributes: {},
-            path: ["nav", "typography", "responsive", "default", "L"],
-          },
-        },
-      },
-    },
-  },
-};