@sage/design-tokens 14.9.1 → 15.0.0

package/js/common/marketing/small/light/components/link.js

@@ -1,628 +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 = {
-  link: {
-    color: {
-      destructive: {
-        "label-default": {
-          $type: "color",
-          $value: "#b23342",
-          $description: ".",
-          filePath: "data/tokens/components/link.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.danger.defaultAlt}",
-            $description: ".",
-          },
-          name: "linkColorDestructiveLabelDefault",
-          attributes: {},
-          path: ["link", "color", "destructive", "label-default"],
-        },
-        "label-hover": {
-          $type: "color",
-          $value: "#9f303c",
-          filePath: "data/tokens/components/link.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.danger.hoverAlt2}",
-          },
-          name: "linkColorDestructiveLabelHover",
-          attributes: {},
-          path: ["link", "color", "destructive", "label-hover"],
-        },
-        inverse: {
-          "label-default": {
-            $type: "color",
-            $value: "#e85b66",
-            $description: ".",
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.danger.inverse.defaultAlt}",
-              $description: ".",
-            },
-            name: "linkColorDestructiveInverseLabelDefault",
-            attributes: {},
-            path: ["link", "color", "destructive", "inverse", "label-default"],
-          },
-          "label-hover": {
-            $type: "color",
-            $value: "#ed6e74",
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.danger.inverse.hoverAlt2}",
-            },
-            name: "linkColorDestructiveInverseLabelHover",
-            attributes: {},
-            path: ["link", "color", "destructive", "inverse", "label-hover"],
-          },
-        },
-      },
-      typical: {
-        "label-default": {
-          $type: "color",
-          $value: "#0c711d",
-          filePath: "data/tokens/components/link.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.primary.defaultAlt2}",
-          },
-          name: "linkColorTypicalLabelDefault",
-          attributes: {},
-          path: ["link", "color", "typical", "label-default"],
-        },
-        "label-hover": {
-          $type: "color",
-          $value: "#12601b",
-          filePath: "data/tokens/components/link.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.primary.hoverAlt2}",
-          },
-          name: "linkColorTypicalLabelHover",
-          attributes: {},
-          path: ["link", "color", "typical", "label-hover"],
-        },
-        inverse: {
-          "label-default": {
-            $type: "color",
-            $value: "#4cdc55",
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.primary.inverse.defaultAlt2}",
-            },
-            name: "linkColorTypicalInverseLabelDefault",
-            attributes: {},
-            path: ["link", "color", "typical", "inverse", "label-default"],
-          },
-          "label-hover": {
-            $type: "color",
-            $value: "#71e270",
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.primary.inverse.hoverAlt2}",
-            },
-            name: "linkColorTypicalInverseLabelHover",
-            attributes: {},
-            path: ["link", "color", "typical", "inverse", "label-hover"],
-          },
-        },
-      },
-      subtle: {
-        "label-default": {
-          $type: "color",
-          $value: "#000000e6",
-          filePath: "data/tokens/components/link.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.default}",
-          },
-          name: "linkColorSubtleLabelDefault",
-          attributes: {},
-          path: ["link", "color", "subtle", "label-default"],
-        },
-        "label-hover": {
-          $type: "color",
-          $value: "#000000",
-          filePath: "data/tokens/components/link.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.active}",
-          },
-          name: "linkColorSubtleLabelHover",
-          attributes: {},
-          path: ["link", "color", "subtle", "label-hover"],
-        },
-        inverse: {
-          "label-default": {
-            $type: "color",
-            $value: "#ffffffe6",
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.monochrome.inverse.default}",
-            },
-            name: "linkColorSubtleInverseLabelDefault",
-            attributes: {},
-            path: ["link", "color", "subtle", "inverse", "label-default"],
-          },
-          "label-hover": {
-            $type: "color",
-            $value: "#FFFFFF",
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.interactive.monochrome.inverse.active}",
-            },
-            name: "linkColorSubtleInverseLabelHover",
-            attributes: {},
-            path: ["link", "color", "subtle", "inverse", "label-hover"],
-          },
-        },
-      },
-    },
-    size: {
-      skiplink: {
-        M: {
-          $type: "sizing",
-          $value: 40,
-          filePath: "data/tokens/components/link.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.M}",
-          },
-          name: "linkSizeSkiplinkM",
-          attributes: {},
-          path: ["link", "size", "skiplink", "M"],
-        },
-      },
-      icon: {
-        M: {
-          $type: "sizing",
-          $value: 20,
-          filePath: "data/tokens/components/link.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.icon.M}",
-          },
-          name: "linkSizeIconM",
-          attributes: {},
-          path: ["link", "size", "icon", "M"],
-        },
-      },
-    },
-    radius: {
-      link: {
-        $type: "borderRadius",
-        $value: 2,
-        $description: "Link (focus bg and bottom corners of focus underline)",
-        filePath: "data/tokens/components/link.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.interactive.XS}",
-          $description: "Link (focus bg and bottom corners of focus underline)",
-        },
-        name: "linkRadiusLink",
-        attributes: {},
-        path: ["link", "radius", "link"],
-      },
-      skiplink: {
-        $type: "borderRadius",
-        $value: 8,
-        $description: "Skiplink (right corners of focus bg and border)",
-        filePath: "data/tokens/components/link.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.interactive.M}",
-          $description: "Skiplink (right corners of focus bg and border)",
-        },
-        name: "linkRadiusSkiplink",
-        attributes: {},
-        path: ["link", "radius", "skiplink"],
-      },
-    },
-    space: {
-      integral: {
-        xg: {
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Space between icon and link text.",
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Space between icon and link text.",
-            },
-            name: "linkSpaceIntegralXgM",
-            attributes: {},
-            path: ["link", "space", "integral", "xg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Space between icon and link text.",
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Space between icon and link text.",
-            },
-            name: "linkSpaceIntegralXgL",
-            attributes: {},
-            path: ["link", "space", "integral", "xg", "L"],
-          },
-        },
-      },
-      skiplink: {
-        x: {
-          $type: "spacing",
-          $value: 19.2,
-          $description: "Skiplink container",
-          filePath: "data/tokens/components/link.json",
-          isSource: true,
-          original: {
-            $type: "spacing",
-            $value: "{global.space.macro.M}",
-            $description: "Skiplink container",
-          },
-          name: "linkSpaceSkiplinkX",
-          attributes: {},
-          path: ["link", "space", "skiplink", "x"],
-        },
-        y: {
-          $type: "spacing",
-          $value: 12,
-          $description: "Skiplink container",
-          filePath: "data/tokens/components/link.json",
-          isSource: true,
-          original: {
-            $type: "spacing",
-            $value: "{global.space.micro.XXL}",
-            $description: "Skiplink container",
-          },
-          name: "linkSpaceSkiplinkY",
-          attributes: {},
-          path: ["link", "space", "skiplink", "y"],
-        },
-      },
-    },
-    boxshadow: {
-      skiplink: {
-        $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",
-          },
-        ],
-        filePath: "data/tokens/components/link.json",
-        isSource: true,
-        original: {
-          $type: "boxShadow",
-          $value: "{global.boxshadow.container.near}",
-        },
-        name: "linkBoxshadowSkiplink",
-        attributes: {},
-        path: ["link", "boxshadow", "skiplink"],
-      },
-    },
-    typography: {
-      responsive: {
-        default: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            $description:
-              "Small Viewports: 14.81, Large Viewports: 13.79. Match token size to component size.",
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.responsive.component.underlined.moderate.S}",
-              $description:
-                "Small Viewports: 14.81, Large Viewports: 13.79. Match token size to component size.",
-            },
-            name: "linkTypographyResponsiveDefaultS",
-            attributes: {},
-            path: ["link", "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)",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            $description:
-              "Small Viewports: 16, Large Viewports: 16. Match token size to component size.",
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.responsive.component.underlined.moderate.M}",
-              $description:
-                "Small Viewports: 16, Large Viewports: 16. Match token size to component size.",
-            },
-            name: "linkTypographyResponsiveDefaultM",
-            attributes: {},
-            path: ["link", "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)",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            $description:
-              "Small Viewports: 17.28, Large Viewports: 18.56. Match token size to component size.",
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.responsive.component.underlined.moderate.L}",
-              $description:
-                "Small Viewports: 17.28, Large Viewports: 18.56. Match token size to component size.",
-            },
-            name: "linkTypographyResponsiveDefaultL",
-            attributes: {},
-            path: ["link", "typography", "responsive", "default", "L"],
-          },
-        },
-        heading: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.responsive.component.underlined.firm.S}",
-            },
-            name: "linkTypographyResponsiveHeadingS",
-            attributes: {},
-            path: ["link", "typography", "responsive", "heading", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.responsive.component.underlined.firm.M}",
-            },
-            name: "linkTypographyResponsiveHeadingM",
-            attributes: {},
-            path: ["link", "typography", "responsive", "heading", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.responsive.component.underlined.firm.L}",
-            },
-            name: "linkTypographyResponsiveHeadingL",
-            attributes: {},
-            path: ["link", "typography", "responsive", "heading", "L"],
-          },
-        },
-      },
-      adaptive: {
-        default: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.adaptive.component.underlined.moderate.S}",
-            },
-            name: "linkTypographyAdaptiveDefaultS",
-            attributes: {},
-            path: ["link", "typography", "adaptive", "default", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.adaptive.component.underlined.moderate.M}",
-            },
-            name: "linkTypographyAdaptiveDefaultM",
-            attributes: {},
-            path: ["link", "typography", "adaptive", "default", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "16px",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.adaptive.component.underlined.moderate.L}",
-            },
-            name: "linkTypographyAdaptiveDefaultL",
-            attributes: {},
-            path: ["link", "typography", "adaptive", "default", "L"],
-          },
-        },
-        heading: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.adaptive.component.underlined.firm.S}",
-            },
-            name: "linkTypographyAdaptiveHeadingS",
-            attributes: {},
-            path: ["link", "typography", "adaptive", "heading", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.adaptive.component.underlined.firm.M}",
-            },
-            name: "linkTypographyAdaptiveHeadingM",
-            attributes: {},
-            path: ["link", "typography", "adaptive", "heading", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "16px",
-              textDecoration: "underline",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/link.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value:
-                "{global.typography.adaptive.component.underlined.firm.L}",
-            },
-            name: "linkTypographyAdaptiveHeadingL",
-            attributes: {},
-            path: ["link", "typography", "adaptive", "heading", "L"],
-          },
-        },
-      },
-    },
-  },
-};

package/js/common/marketing/small/light/components/logo.d.ts

@@ -1,52 +0,0 @@
-/**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
- */
-
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default tokens;
-
-declare interface DesignToken {
-  $value?: any;
-  $type?: string;
-  $description?: string;
-  name?: string;
-  themeable?: boolean;
-  attributes?: Record<string, unknown>;
-  [key: string]: any;
-}
-
-declare const tokens: {
-  logo: {
-    color: {
-      sage: {
-        "bg-default": DesignToken;
-        "bg-alt": DesignToken;
-      };
-      copilot: {
-        noBg: {
-          "fg-default": DesignToken;
-        };
-      };
-      AIIdentifier: {
-        "bg-star": DesignToken;
-        "bg-dot": DesignToken;
-        outline: DesignToken;
-      };
-    };
-    size: {
-      AI: {
-        M: DesignToken;
-      };
-    };
-    space: {
-      AI: {
-        xg: {
-          M: DesignToken;
-        };
-      };
-    };
-  };
-};