@sage/design-tokens 14.9.1 → 15.0.0

package/js/umd/marketing/large/dark/components/popover.js

@@ -1,1026 +0,0 @@
-/**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
- */
-
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-(function (root, factory) {
-  if (typeof module === "object" && module.exports) {
-    module.exports = factory();
-  } else if (typeof exports === "object") {
-    exports["_styleDictionary"] = factory();
-  } else if (typeof define === "function" && define.amd) {
-    define([], factory);
-  } else {
-    root["_styleDictionary"] = factory();
-  }
-})(this, function () {
-  return {
-    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: "#FFFFFF",
-          $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: "#ffffff1a",
-          $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: "#000000",
-          $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: "#ffffff1a",
-          $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: "#000000",
-          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: "#FFFFFF",
-          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: "#ffffff4d",
-          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: "#FFFFFF",
-          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: "#ffffffab",
-          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: "#0e0e0e",
-            $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"],
-            },
-          },
-        },
-      },
-    },
-  };
-});