@sage/design-tokens 14.9.1 → 15.0.0

package/js/common/marketing/large/light/components/popover.js

@@ -1,1011 +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 = {
-  popover: {
-    size: {
-      icon: {
-        M: {
-          $type: "sizing",
-          $value: 20,
-          filePath: "data/tokens/components/popover.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.icon.M}",
-          },
-          name: "popoverSizeIconM",
-          attributes: {},
-          path: ["popover", "size", "icon", "M"],
-        },
-      },
-      item: {
-        S: {
-          $type: "sizing",
-          $value: 32,
-          $description: "REF'D IN FORM. Menu item min height.",
-          filePath: "data/tokens/components/popover.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.S}",
-            $description: "REF'D IN FORM. Menu item min height.",
-          },
-          name: "popoverSizeItemS",
-          attributes: {},
-          path: ["popover", "size", "item", "S"],
-        },
-        M: {
-          $type: "sizing",
-          $value: 40,
-          $description: "REF'D IN FORM. Menu item min height.",
-          filePath: "data/tokens/components/popover.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.M}",
-            $description: "REF'D IN FORM. Menu item min height.",
-          },
-          name: "popoverSizeItemM",
-          attributes: {},
-          path: ["popover", "size", "item", "M"],
-        },
-        L: {
-          $type: "sizing",
-          $value: 48,
-          $description: "REF'D IN FORM. Menu item min height.",
-          filePath: "data/tokens/components/popover.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.L}",
-            $description: "REF'D IN FORM. Menu item min height.",
-          },
-          name: "popoverSizeItemL",
-          attributes: {},
-          path: ["popover", "size", "item", "L"],
-        },
-      },
-      menu: {
-        minwidth: {
-          S: {
-            $type: "sizing",
-            $value: 100,
-            $description: "minwidth of small size popover menu container",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{container.size.responsive.M} / 2",
-              $description: "minwidth of small size popover menu container",
-            },
-            name: "popoverSizeMenuMinwidthS",
-            attributes: {},
-            path: ["popover", "size", "menu", "minwidth", "S"],
-          },
-          M: {
-            $type: "sizing",
-            $value: 128,
-            $description: "minwidth of medium size popover menu container",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{container.size.responsive.XS}",
-              $description: "minwidth of medium size popover menu container",
-            },
-            name: "popoverSizeMenuMinwidthM",
-            attributes: {},
-            path: ["popover", "size", "menu", "minwidth", "M"],
-          },
-          L: {
-            $type: "sizing",
-            $value: 160,
-            $description: "minwidth of large size popover menu container",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{container.size.responsive.S}",
-              $description: "minwidth of large size popover menu container",
-            },
-            name: "popoverSizeMenuMinwidthL",
-            attributes: {},
-            path: ["popover", "size", "menu", "minwidth", "L"],
-          },
-        },
-        maxwidth: {
-          S: {
-            $type: "sizing",
-            $value: 200,
-            $description: "maxwidth of small size popover menu container",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{container.size.responsive.M}",
-              $description: "maxwidth of small size popover menu container",
-            },
-            name: "popoverSizeMenuMaxwidthS",
-            attributes: {},
-            path: ["popover", "size", "menu", "maxwidth", "S"],
-          },
-          M: {
-            $type: "sizing",
-            $value: 240,
-            $description: "maxwidth of medium size popover menu container",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{container.size.responsive.L}",
-              $description: "maxwidth of medium size popover menu container",
-            },
-            name: "popoverSizeMenuMaxwidthM",
-            attributes: {},
-            path: ["popover", "size", "menu", "maxwidth", "M"],
-          },
-          L: {
-            $type: "sizing",
-            $value: 288,
-            $description: "maxwidth of large size popover menu container",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{container.size.responsive.XL}",
-              $description: "maxwidth of large size popover menu container",
-            },
-            name: "popoverSizeMenuMaxwidthL",
-            attributes: {},
-            path: ["popover", "size", "menu", "maxwidth", "L"],
-          },
-        },
-      },
-    },
-    radius: {
-      none: {
-        $type: "borderRadius",
-        $value: "0",
-        $description: "Navigation menu top corners",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.none}",
-          $description: "Navigation menu top corners",
-        },
-        name: "popoverRadiusNone",
-        attributes: {},
-        path: ["popover", "radius", "none"],
-      },
-      container: {
-        $type: "borderRadius",
-        $value: 8,
-        $description: "REF'D IN FORM. Menu container.",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.container.M}",
-          $description: "REF'D IN FORM. Menu container.",
-        },
-        name: "popoverRadiusContainer",
-        attributes: {},
-        path: ["popover", "radius", "container"],
-      },
-      optionfocus: {
-        $type: "borderRadius",
-        $value: 8,
-        $description: "Popover menu option focus",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.container.M}",
-          $description: "Popover menu option focus",
-        },
-        name: "popoverRadiusOptionfocus",
-        attributes: {},
-        path: ["popover", "radius", "optionfocus"],
-      },
-    },
-    boxshadow: {
-      container: {
-        $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:
-          "REF'D IN FORM. Popover container for Button popover, Button split, (and Form calendar, color picker, dropdown) ",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "boxShadow",
-          $value: "{global.boxshadow.container.near}",
-          $description:
-            "REF'D IN FORM. Popover container for Button popover, Button split, (and Form calendar, color picker, dropdown) ",
-        },
-        name: "popoverBoxshadowContainer",
-        attributes: {},
-        path: ["popover", "boxshadow", "container"],
-      },
-    },
-    space: {
-      menu: {
-        x: {
-          S: {
-            $type: "spacing",
-            $value: 6,
-            $description:
-              "Left and right padding token used on small popover container consumed inside number input.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XXS} / 2",
-              $description:
-                "Left and right padding token used on small popover container consumed inside number input.",
-            },
-            name: "popoverSpaceMenuXS",
-            attributes: {},
-            path: ["popover", "space", "menu", "x", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description:
-              "Left and right padding token used on medium popover container consumed inside number input.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XXXS}",
-              $description:
-                "Left and right padding token used on medium popover container consumed inside number input.",
-            },
-            name: "popoverSpaceMenuXM",
-            attributes: {},
-            path: ["popover", "space", "menu", "x", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 12,
-            $description:
-              "Left and right padding token used on large popover container consumed inside number input.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XXS}",
-              $description:
-                "Left and right padding token used on large popover container consumed inside number input.",
-            },
-            name: "popoverSpaceMenuXL",
-            attributes: {},
-            path: ["popover", "space", "menu", "x", "L"],
-          },
-        },
-        y: {
-          S: {
-            $type: "spacing",
-            $value: 6,
-            $description:
-              "Top and bottom padding inside S size popover menu container",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XXS} / 2",
-              $description:
-                "Top and bottom padding inside S size popover menu container",
-            },
-            name: "popoverSpaceMenuYS",
-            attributes: {},
-            path: ["popover", "space", "menu", "y", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description:
-              "Top and bottom padding inside M size popover menu container",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XXXS}",
-              $description:
-                "Top and bottom padding inside M size popover menu container",
-            },
-            name: "popoverSpaceMenuYM",
-            attributes: {},
-            path: ["popover", "space", "menu", "y", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 12,
-            $description:
-              "Top and bottom padding inside L size popover menu container",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XXS}",
-              $description:
-                "Top and bottom padding inside L size popover menu container",
-            },
-            name: "popoverSpaceMenuYL",
-            attributes: {},
-            path: ["popover", "space", "menu", "y", "L"],
-          },
-        },
-        yg: {
-          S: {
-            $type: "spacing",
-            $value: 6,
-            $description:
-              "Gap spacing token used on small popover container consumed inside number input.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XXS} / 2",
-              $description:
-                "Gap spacing token used on small popover container consumed inside number input.",
-            },
-            name: "popoverSpaceMenuYgS",
-            attributes: {},
-            path: ["popover", "space", "menu", "yg", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description:
-              "Gap spacing token used on medium popover container consumed inside number input.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XXXS}",
-              $description:
-                "Gap spacing token used on medium popover container consumed inside number input.",
-            },
-            name: "popoverSpaceMenuYgM",
-            attributes: {},
-            path: ["popover", "space", "menu", "yg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 12,
-            $description:
-              "Gap spacing token used on large popover container consumed inside number input.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XXS}",
-              $description:
-                "Gap spacing token used on large popover container consumed inside number input.",
-            },
-            name: "popoverSpaceMenuYgL",
-            attributes: {},
-            path: ["popover", "space", "menu", "yg", "L"],
-          },
-        },
-      },
-      option: {
-        x: {
-          S: {
-            $type: "spacing",
-            $value: 12,
-            $description:
-              "REF'D in FORM. Right left padding on popover option.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XXL}",
-              $description:
-                "REF'D in FORM. Right left padding on popover option.",
-            },
-            name: "popoverSpaceOptionXS",
-            attributes: {},
-            path: ["popover", "space", "option", "x", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 12,
-            $description:
-              "REF'D in FORM. Right left padding on popover option.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XXL}",
-              $description:
-                "REF'D in FORM. Right left padding on popover option.",
-            },
-            name: "popoverSpaceOptionXM",
-            attributes: {},
-            path: ["popover", "space", "option", "x", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 12,
-            $description:
-              "REF'D in FORM. Right left padding on popover option.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XXL}",
-              $description:
-                "REF'D in FORM. Right left padding on popover option.",
-            },
-            name: "popoverSpaceOptionXL",
-            attributes: {},
-            path: ["popover", "space", "option", "x", "L"],
-          },
-        },
-        xg: {
-          S: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Gap between left icon and menu button label",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Gap between left icon and menu button label",
-            },
-            name: "popoverSpaceOptionXgS",
-            attributes: {},
-            path: ["popover", "space", "option", "xg", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Gap between left icon and menu button label",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Gap between left icon and menu button label",
-            },
-            name: "popoverSpaceOptionXgM",
-            attributes: {},
-            path: ["popover", "space", "option", "xg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Gap between left icon and menu button label",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Gap between left icon and menu button label",
-            },
-            name: "popoverSpaceOptionXgL",
-            attributes: {},
-            path: ["popover", "space", "option", "xg", "L"],
-          },
-        },
-        y: {
-          S: {
-            $type: "spacing",
-            $value: 4,
-            $description: "REF'D in FORM. Vertical padding on popover option.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.S}",
-              $description:
-                "REF'D in FORM. Vertical padding on popover option.",
-            },
-            name: "popoverSpaceOptionYS",
-            attributes: {},
-            path: ["popover", "space", "option", "y", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description: "REF'D in FORM. Vertical padding on popover option.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description:
-                "REF'D in FORM. Vertical padding on popover option.",
-            },
-            name: "popoverSpaceOptionYM",
-            attributes: {},
-            path: ["popover", "space", "option", "y", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 10,
-            $description: "REF'D in FORM. Vertical padding on popover option.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XL}",
-              $description:
-                "REF'D in FORM. Vertical padding on popover option.",
-            },
-            name: "popoverSpaceOptionYL",
-            attributes: {},
-            path: ["popover", "space", "option", "y", "L"],
-          },
-        },
-      },
-      submenu: {
-        x: {
-          S: {
-            $type: "spacing",
-            $value: 16,
-            $description:
-              "Right left padding on small screen submenu popover container.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XS}",
-              $description:
-                "Right left padding on small screen submenu popover container.",
-            },
-            name: "popoverSpaceSubmenuXS",
-            attributes: {},
-            path: ["popover", "space", "submenu", "x", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 16,
-            $description:
-              "Right left padding on small screen submenu popover container.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XS}",
-              $description:
-                "Right left padding on small screen submenu popover container.",
-            },
-            name: "popoverSpaceSubmenuXM",
-            attributes: {},
-            path: ["popover", "space", "submenu", "x", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 16,
-            $description:
-              "Right left padding on small screen submenu popover container.",
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XS}",
-              $description:
-                "Right left padding on small screen submenu popover container.",
-            },
-            name: "popoverSpaceSubmenuXL",
-            attributes: {},
-            path: ["popover", "space", "submenu", "x", "L"],
-          },
-        },
-      },
-    },
-    color: {
-      "bg-active": {
-        $type: "color",
-        $value: "#000000",
-        $description: "previously action minor 850",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "color",
-          $value: "{modes.color.interactive.monochrome.active}",
-          $description: "previously action minor 850",
-        },
-        name: "popoverColorBgActive",
-        attributes: {},
-        path: ["popover", "color", "bg-active"],
-      },
-      "bg-activealt": {
-        $type: "color",
-        $value: "#0000001a",
-        $description: "REF'D IN FORM. ",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "color",
-          $value: "{modes.color.interactive.monochrome.hoverAlt}",
-          $description: "REF'D IN FORM. ",
-        },
-        name: "popoverColorBgActivealt",
-        attributes: {},
-        path: ["popover", "color", "bg-activealt"],
-      },
-      "bg-default": {
-        $type: "color",
-        $value: "#FFFFFF",
-        $description: "REF'D IN FORM. Popover container bg",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "color",
-          $value: "{modes.color.generic.bg.nought}",
-          $description: "REF'D IN FORM. Popover container bg",
-        },
-        name: "popoverColorBgDefault",
-        attributes: {},
-        path: ["popover", "color", "bg-default"],
-      },
-      "bg-hover": {
-        $type: "color",
-        $value: "#0000001a",
-        $description: "REF'D IN FORM. ",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "color",
-          $value: "{modes.color.interactive.monochrome.hoverAlt}",
-          $description: "REF'D IN FORM. ",
-        },
-        name: "popoverColorBgHover",
-        attributes: {},
-        path: ["popover", "color", "bg-hover"],
-      },
-      "label-active": {
-        $type: "color",
-        $value: "#FFFFFF",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "color",
-          $value: "{modes.color.interactive.monochrome.withActive}",
-        },
-        name: "popoverColorLabelActive",
-        attributes: {},
-        path: ["popover", "color", "label-active"],
-      },
-      "label-activealt": {
-        $type: "color",
-        $value: "#000000",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "color",
-          $value: "{modes.color.interactive.monochrome.withHover}",
-        },
-        name: "popoverColorLabelActivealt",
-        attributes: {},
-        path: ["popover", "color", "label-activealt"],
-      },
-      "label-disabled": {
-        $type: "color",
-        $value: "#0000006b",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "color",
-          $value: "{modes.color.interactive.inactive.content}",
-        },
-        name: "popoverColorLabelDisabled",
-        attributes: {},
-        path: ["popover", "color", "label-disabled"],
-      },
-      "label-hover": {
-        $type: "color",
-        $value: "#000000",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "color",
-          $value: "{modes.color.interactive.monochrome.withHover}",
-        },
-        name: "popoverColorLabelHover",
-        attributes: {},
-        path: ["popover", "color", "label-hover"],
-      },
-      "label-enabled": {
-        $type: "color",
-        $value: "#000000ab",
-        filePath: "data/tokens/components/popover.json",
-        isSource: true,
-        original: {
-          $type: "color",
-          $value: "{modes.color.interactive.monochrome.defaultAlt}",
-        },
-        name: "popoverColorLabelEnabled",
-        attributes: {},
-        path: ["popover", "color", "label-enabled"],
-      },
-      submenu: {
-        "bg-default": {
-          $type: "color",
-          $value: "#f3f3f3",
-          $description: "popover small screen submenu container bg",
-          filePath: "data/tokens/components/popover.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.bg.faint}",
-            $description: "popover small screen submenu container bg",
-          },
-          name: "popoverColorSubmenuBgDefault",
-          attributes: {},
-          path: ["popover", "color", "submenu", "bg-default"],
-        },
-      },
-    },
-    typography: {
-      adaptive: {
-        label: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.firm.S}",
-            },
-            name: "popoverTypographyAdaptiveLabelS",
-            attributes: {},
-            path: ["popover", "typography", "adaptive", "label", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.firm.M}",
-            },
-            name: "popoverTypographyAdaptiveLabelM",
-            attributes: {},
-            path: ["popover", "typography", "adaptive", "label", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "16px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.firm.L}",
-            },
-            name: "popoverTypographyAdaptiveLabelL",
-            attributes: {},
-            path: ["popover", "typography", "adaptive", "label", "L"],
-          },
-        },
-        default: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.moderate.S}",
-            },
-            name: "popoverTypographyAdaptiveDefaultS",
-            attributes: {},
-            path: ["popover", "typography", "adaptive", "default", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.moderate.M}",
-            },
-            name: "popoverTypographyAdaptiveDefaultM",
-            attributes: {},
-            path: ["popover", "typography", "adaptive", "default", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "16px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.moderate.L}",
-            },
-            name: "popoverTypographyAdaptiveDefaultL",
-            attributes: {},
-            path: ["popover", "typography", "adaptive", "default", "L"],
-          },
-        },
-      },
-      responsive: {
-        label: {
-          S: {
-            $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/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.firm.S}",
-            },
-            name: "popoverTypographyResponsiveLabelS",
-            attributes: {},
-            path: ["popover", "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/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.firm.M}",
-            },
-            name: "popoverTypographyResponsiveLabelM",
-            attributes: {},
-            path: ["popover", "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/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.firm.L}",
-            },
-            name: "popoverTypographyResponsiveLabelL",
-            attributes: {},
-            path: ["popover", "typography", "responsive", "label", "L"],
-          },
-        },
-        default: {
-          S: {
-            $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/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.moderate.S}",
-            },
-            name: "popoverTypographyResponsiveDefaultS",
-            attributes: {},
-            path: ["popover", "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/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.moderate.M}",
-            },
-            name: "popoverTypographyResponsiveDefaultM",
-            attributes: {},
-            path: ["popover", "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/popover.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.moderate.L}",
-            },
-            name: "popoverTypographyResponsiveDefaultL",
-            attributes: {},
-            path: ["popover", "typography", "responsive", "default", "L"],
-          },
-        },
-      },
-    },
-  },
-};