@sage/design-tokens 14.9.1 → 15.1.0

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

@@ -1,77 +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: {
-  badge: {
-    color: {
-      notification: {
-        "border-default": DesignToken;
-        "bg-default": DesignToken;
-        "bg-alt": DesignToken;
-        "label-default": DesignToken;
-        "label-alt": DesignToken;
-        inverse: {
-          "border-default": DesignToken;
-          "bg-default": DesignToken;
-          "bg-alt": DesignToken;
-          "label-default": DesignToken;
-          "label-alt": DesignToken;
-        };
-      };
-    };
-    size: {
-      micro: {
-        dot: DesignToken;
-        numbered: {
-          min: DesignToken;
-          max: DesignToken;
-        };
-      };
-      standard: {
-        min: DesignToken;
-        max: DesignToken;
-      };
-    };
-    radius: {
-      badge: DesignToken;
-    };
-    space: {
-      x: {
-        S: DesignToken;
-        M: DesignToken;
-      };
-      y: {
-        S: DesignToken;
-        M: DesignToken;
-      };
-    };
-    borderwidth: {
-      badge: DesignToken;
-    };
-    typography: {
-      responsive: {
-        M: DesignToken;
-      };
-      adaptive: {
-        M: DesignToken;
-      };
-    };
-  };
-};

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

@@ -1,391 +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 = {
-  badge: {
-    color: {
-      notification: {
-        "border-default": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.content.nought}",
-          },
-          name: "badgeColorNotificationBorderDefault",
-          attributes: {},
-          path: ["badge", "color", "notification", "border-default"],
-        },
-        "bg-default": {
-          $type: "color",
-          $value: "#CD384B",
-          $description: "Used in global nav notification badges",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.status.negative.default}",
-            $description: "Used in global nav notification badges",
-          },
-          name: "badgeColorNotificationBgDefault",
-          attributes: {},
-          path: ["badge", "color", "notification", "bg-default"],
-        },
-        "bg-alt": {
-          $type: "color",
-          $value: "#0060A7",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.status.info.default}",
-          },
-          name: "badgeColorNotificationBgAlt",
-          attributes: {},
-          path: ["badge", "color", "notification", "bg-alt"],
-        },
-        "label-default": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.content.nought}",
-          },
-          name: "badgeColorNotificationLabelDefault",
-          attributes: {},
-          path: ["badge", "color", "notification", "label-default"],
-        },
-        "label-alt": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.content.nought}",
-          },
-          name: "badgeColorNotificationLabelAlt",
-          attributes: {},
-          path: ["badge", "color", "notification", "label-alt"],
-        },
-        inverse: {
-          "border-default": {
-            $type: "color",
-            $value: "#000000",
-            filePath: "data/tokens/components/badge.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.content.extreme}",
-            },
-            name: "badgeColorNotificationInverseBorderDefault",
-            attributes: {},
-            path: [
-              "badge",
-              "color",
-              "notification",
-              "inverse",
-              "border-default",
-            ],
-          },
-          "bg-default": {
-            $type: "color",
-            $value: "#E13E53",
-            $description: "Used in global nav notification badges",
-            filePath: "data/tokens/components/badge.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.status.negative.inverse.default}",
-              $description: "Used in global nav notification badges",
-            },
-            name: "badgeColorNotificationInverseBgDefault",
-            attributes: {},
-            path: ["badge", "color", "notification", "inverse", "bg-default"],
-          },
-          "bg-alt": {
-            $type: "color",
-            $value: "#007ED9",
-            filePath: "data/tokens/components/badge.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.status.info.inverse.default}",
-            },
-            name: "badgeColorNotificationInverseBgAlt",
-            attributes: {},
-            path: ["badge", "color", "notification", "inverse", "bg-alt"],
-          },
-          "label-default": {
-            $type: "color",
-            $value: "#000000",
-            filePath: "data/tokens/components/badge.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.content.extreme}",
-            },
-            name: "badgeColorNotificationInverseLabelDefault",
-            attributes: {},
-            path: [
-              "badge",
-              "color",
-              "notification",
-              "inverse",
-              "label-default",
-            ],
-          },
-          "label-alt": {
-            $type: "color",
-            $value: "#000000",
-            filePath: "data/tokens/components/badge.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.content.extreme}",
-            },
-            name: "badgeColorNotificationInverseLabelAlt",
-            attributes: {},
-            path: ["badge", "color", "notification", "inverse", "label-alt"],
-          },
-        },
-      },
-    },
-    size: {
-      micro: {
-        dot: {
-          $type: "sizing",
-          $value: 8,
-          $description: "Micro dot badge size",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.micro.M}",
-            $description: "Micro dot badge size",
-          },
-          name: "badgeSizeMicroDot",
-          attributes: {},
-          path: ["badge", "size", "micro", "dot"],
-        },
-        numbered: {
-          min: {
-            $type: "sizing",
-            $value: 16,
-            $description: "Micro dot badge size with numbering",
-            filePath: "data/tokens/components/badge.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XXS}",
-              $description: "Micro dot badge size with numbering",
-            },
-            name: "badgeSizeMicroNumberedMin",
-            attributes: {},
-            path: ["badge", "size", "micro", "numbered", "min"],
-          },
-          max: {
-            $type: "sizing",
-            $value: 32,
-            $description: "Micro dot badge size max width",
-            filePath: "data/tokens/components/badge.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.S}",
-              $description: "Micro dot badge size max width",
-            },
-            name: "badgeSizeMicroNumberedMax",
-            attributes: {},
-            path: ["badge", "size", "micro", "numbered", "max"],
-          },
-        },
-      },
-      standard: {
-        min: {
-          $type: "sizing",
-          $value: 24,
-          $description: "standard badge size",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.XS}",
-            $description: "standard badge size",
-          },
-          name: "badgeSizeStandardMin",
-          attributes: {},
-          path: ["badge", "size", "standard", "min"],
-        },
-        max: {
-          $type: "sizing",
-          $value: 36,
-          $description: "Standard badge max-width",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.S} + {global.size.micro.XS}",
-            $description: "Standard badge max-width",
-          },
-          name: "badgeSizeStandardMax",
-          attributes: {},
-          path: ["badge", "size", "standard", "max"],
-        },
-      },
-    },
-    radius: {
-      badge: {
-        $type: "borderRadius",
-        $value: "999",
-        $description: "Badge",
-        filePath: "data/tokens/components/badge.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.circle}",
-          $description: "Badge",
-        },
-        name: "badgeRadiusBadge",
-        attributes: {},
-        path: ["badge", "radius", "badge"],
-      },
-    },
-    space: {
-      x: {
-        S: {
-          $type: "spacing",
-          $value: 2,
-          $description: "horizontal padding on micro badges with numbering",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "spacing",
-            $value: "{global.space.micro.XS}",
-            $description: "horizontal padding on micro badges with numbering",
-          },
-          name: "badgeSpaceXS",
-          attributes: {},
-          path: ["badge", "space", "x", "S"],
-        },
-        M: {
-          $type: "spacing",
-          $value: 4,
-          $description: "horizontal padding on typical badge",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "spacing",
-            $value: "{global.space.micro.S}",
-            $description: "horizontal padding on typical badge",
-          },
-          name: "badgeSpaceXM",
-          attributes: {},
-          path: ["badge", "space", "x", "M"],
-        },
-      },
-      y: {
-        S: {
-          $type: "spacing",
-          $value: 1,
-          $description: "bottom padding on micro badge with number",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "spacing",
-            $value: "{global.space.micro.XXS}",
-            $description: "bottom padding on micro badge with number",
-          },
-          name: "badgeSpaceYS",
-          attributes: {},
-          path: ["badge", "space", "y", "S"],
-        },
-        M: {
-          $type: "spacing",
-          $value: 1,
-          $description: "bottom padding on typical badge",
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "spacing",
-            $value: "{global.space.micro.XXS}",
-            $description: "bottom padding on typical badge",
-          },
-          name: "badgeSpaceYM",
-          attributes: {},
-          path: ["badge", "space", "y", "M"],
-        },
-      },
-    },
-    borderwidth: {
-      badge: {
-        $type: "borderWidth",
-        $value: 2,
-        $description: "Badge",
-        filePath: "data/tokens/components/badge.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.S}",
-          $description: "Badge",
-        },
-        name: "badgeBorderwidthBadge",
-        attributes: {},
-        path: ["badge", "borderwidth", "badge"],
-      },
-    },
-    typography: {
-      responsive: {
-        M: {
-          $type: "typography",
-          $value: {
-            fontFamily: "Sage UI",
-            fontWeight: "500",
-            lineHeight: 1,
-            fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
-            paragraphSpacing: "0",
-          },
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "typography",
-            $value: "{global.typography.responsive.component.notification.M}",
-          },
-          name: "badgeTypographyResponsiveM",
-          attributes: {},
-          path: ["badge", "typography", "responsive", "M"],
-        },
-      },
-      adaptive: {
-        M: {
-          $type: "typography",
-          $value: {
-            fontFamily: "Sage UI",
-            fontWeight: "500",
-            lineHeight: 1,
-            fontSize: "13px",
-            paragraphSpacing: "0",
-          },
-          filePath: "data/tokens/components/badge.json",
-          isSource: true,
-          original: {
-            $type: "typography",
-            $value: "{global.typography.adaptive.component.notification.M}",
-          },
-          name: "badgeTypographyAdaptiveM",
-          attributes: {},
-          path: ["badge", "typography", "adaptive", "M"],
-        },
-      },
-    },
-  },
-};