@sage/design-tokens 14.9.1 → 15.1.0

package/js/common/marketing/large/light/components/dataviz.d.ts

@@ -1,90 +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: {
-  dataviz: {
-    color: {
-      generic: {
-        "label-alt": DesignToken;
-        "label-default": DesignToken;
-        blue: {
-          "bg-alt": DesignToken;
-          "bg-default": DesignToken;
-          border: DesignToken;
-          pattern: DesignToken;
-        };
-        teal: {
-          "bg-alt": DesignToken;
-          "bg-default": DesignToken;
-          border: DesignToken;
-          pattern: DesignToken;
-        };
-        green: {
-          "bg-alt": DesignToken;
-          "bg-default": DesignToken;
-          border: DesignToken;
-          pattern: DesignToken;
-        };
-        lime: {
-          "bg-alt": DesignToken;
-          "bg-default": DesignToken;
-          border: DesignToken;
-          pattern: DesignToken;
-        };
-        orange: {
-          "bg-alt": DesignToken;
-          "bg-default": DesignToken;
-          border: DesignToken;
-          pattern: DesignToken;
-        };
-        red: {
-          "bg-alt": DesignToken;
-          "bg-default": DesignToken;
-          border: DesignToken;
-          pattern: DesignToken;
-        };
-        pink: {
-          "bg-alt": DesignToken;
-          "bg-default": DesignToken;
-          border: DesignToken;
-          pattern: DesignToken;
-        };
-        purple: {
-          "bg-alt": DesignToken;
-          "bg-default": DesignToken;
-          border: DesignToken;
-          pattern: DesignToken;
-        };
-        gray: {
-          "bg-alt": DesignToken;
-          "bg-default": DesignToken;
-          border: DesignToken;
-          pattern: DesignToken;
-        };
-        slate: {
-          "bg-alt": DesignToken;
-          "bg-default": DesignToken;
-          border: DesignToken;
-          pattern: DesignToken;
-        };
-      };
-    };
-  };
-};

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

@@ -1,586 +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 = {
-  dataviz: {
-    color: {
-      generic: {
-        "label-alt": {
-          $type: "color",
-          $value: "#FFFFFF",
-          $description: "Accessible on colorpicker bg-alt colors.",
-          filePath: "data/tokens/components/dataviz.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.content.nought}",
-            $description: "Accessible on colorpicker bg-alt colors.",
-          },
-          name: "datavizColorGenericLabelAlt",
-          attributes: {},
-          path: ["dataviz", "color", "generic", "label-alt"],
-        },
-        "label-default": {
-          $type: "color",
-          $value: "#000000",
-          $description: "Accessible on colorpicker bg-default colors.",
-          filePath: "data/tokens/components/dataviz.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.content.extreme}",
-            $description: "Accessible on colorpicker bg-default colors.",
-          },
-          name: "datavizColorGenericLabelDefault",
-          attributes: {},
-          path: ["dataviz", "color", "generic", "label-default"],
-        },
-        blue: {
-          "bg-alt": {
-            $type: "color",
-            $value: "#0071C3",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.blue.deep}",
-            },
-            name: "datavizColorGenericBlueBgAlt",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "blue", "bg-alt"],
-          },
-          "bg-default": {
-            $type: "color",
-            $value: "#CDE5FF",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.blue.muted}",
-            },
-            name: "datavizColorGenericBlueBgDefault",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "blue", "bg-default"],
-          },
-          border: {
-            $type: "color",
-            $value: "#0071C3",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.blue.deep}",
-            },
-            name: "datavizColorGenericBlueBorder",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "blue", "border"],
-          },
-          pattern: {
-            $type: "color",
-            $value: "#0071C3",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.blue.deep}",
-            },
-            name: "datavizColorGenericBluePattern",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "blue", "pattern"],
-          },
-        },
-        teal: {
-          "bg-alt": {
-            $type: "color",
-            $value: "#007C7B",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.teal.deep}",
-            },
-            name: "datavizColorGenericTealBgAlt",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "teal", "bg-alt"],
-          },
-          "bg-default": {
-            $type: "color",
-            $value: "#C1FBFB",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.teal.muted}",
-            },
-            name: "datavizColorGenericTealBgDefault",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "teal", "bg-default"],
-          },
-          border: {
-            $type: "color",
-            $value: "#007C7B",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.teal.deep}",
-            },
-            name: "datavizColorGenericTealBorder",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "teal", "border"],
-          },
-          pattern: {
-            $type: "color",
-            $value: "#007C7B",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.teal.deep}",
-            },
-            name: "datavizColorGenericTealPattern",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "teal", "pattern"],
-          },
-        },
-        green: {
-          "bg-alt": {
-            $type: "color",
-            $value: "#00811F",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.green.deep}",
-            },
-            name: "datavizColorGenericGreenBgAlt",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "green", "bg-alt"],
-          },
-          "bg-default": {
-            $type: "color",
-            $value: "#C5FFC9",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.green.muted}",
-            },
-            name: "datavizColorGenericGreenBgDefault",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "green", "bg-default"],
-          },
-          border: {
-            $type: "color",
-            $value: "#00811F",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.green.deep}",
-            },
-            name: "datavizColorGenericGreenBorder",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "green", "border"],
-          },
-          pattern: {
-            $type: "color",
-            $value: "#00811F",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.green.deep}",
-            },
-            name: "datavizColorGenericGreenPattern",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "green", "pattern"],
-          },
-        },
-        lime: {
-          "bg-alt": {
-            $type: "color",
-            $value: "#637700",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.lime.deep}",
-            },
-            name: "datavizColorGenericLimeBgAlt",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "lime", "bg-alt"],
-          },
-          "bg-default": {
-            $type: "color",
-            $value: "#FFFF9C",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.lime.muted}",
-            },
-            name: "datavizColorGenericLimeBgDefault",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "lime", "bg-default"],
-          },
-          border: {
-            $type: "color",
-            $value: "#637700",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.lime.deep}",
-            },
-            name: "datavizColorGenericLimeBorder",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "lime", "border"],
-          },
-          pattern: {
-            $type: "color",
-            $value: "#637700",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.lime.deep}",
-            },
-            name: "datavizColorGenericLimePattern",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "lime", "pattern"],
-          },
-        },
-        orange: {
-          "bg-alt": {
-            $type: "color",
-            $value: "#C54300",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.orange.deep}",
-            },
-            name: "datavizColorGenericOrangeBgAlt",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "orange", "bg-alt"],
-          },
-          "bg-default": {
-            $type: "color",
-            $value: "#FEEAB0",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.orange.muted}",
-            },
-            name: "datavizColorGenericOrangeBgDefault",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "orange", "bg-default"],
-          },
-          border: {
-            $type: "color",
-            $value: "#C54300",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.orange.deep}",
-            },
-            name: "datavizColorGenericOrangeBorder",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "orange", "border"],
-          },
-          pattern: {
-            $type: "color",
-            $value: "#C54300",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.orange.deep}",
-            },
-            name: "datavizColorGenericOrangePattern",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "orange", "pattern"],
-          },
-        },
-        red: {
-          "bg-alt": {
-            $type: "color",
-            $value: "#DC004E",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.red.deep}",
-            },
-            name: "datavizColorGenericRedBgAlt",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "red", "bg-alt"],
-          },
-          "bg-default": {
-            $type: "color",
-            $value: "#FFDBCF",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.red.muted}",
-            },
-            name: "datavizColorGenericRedBgDefault",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "red", "bg-default"],
-          },
-          border: {
-            $type: "color",
-            $value: "#DC004E",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.red.deep}",
-            },
-            name: "datavizColorGenericRedBorder",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "red", "border"],
-          },
-          pattern: {
-            $type: "color",
-            $value: "#DC004E",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.red.deep}",
-            },
-            name: "datavizColorGenericRedPattern",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "red", "pattern"],
-          },
-        },
-        pink: {
-          "bg-alt": {
-            $type: "color",
-            $value: "#C8269A",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.pink.deep}",
-            },
-            name: "datavizColorGenericPinkBgAlt",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "pink", "bg-alt"],
-          },
-          "bg-default": {
-            $type: "color",
-            $value: "#FFD7EE",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.pink.muted}",
-            },
-            name: "datavizColorGenericPinkBgDefault",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "pink", "bg-default"],
-          },
-          border: {
-            $type: "color",
-            $value: "#C8269A",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.pink.deep}",
-            },
-            name: "datavizColorGenericPinkBorder",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "pink", "border"],
-          },
-          pattern: {
-            $type: "color",
-            $value: "#C8269A",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.pink.deep}",
-            },
-            name: "datavizColorGenericPinkPattern",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "pink", "pattern"],
-          },
-        },
-        purple: {
-          "bg-alt": {
-            $type: "color",
-            $value: "#8F4CD7",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.purple.deep}",
-            },
-            name: "datavizColorGenericPurpleBgAlt",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "purple", "bg-alt"],
-          },
-          "bg-default": {
-            $type: "color",
-            $value: "#E7DEF8",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.purple.muted}",
-            },
-            name: "datavizColorGenericPurpleBgDefault",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "purple", "bg-default"],
-          },
-          border: {
-            $type: "color",
-            $value: "#8F4CD7",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.purple.deep}",
-            },
-            name: "datavizColorGenericPurpleBorder",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "purple", "border"],
-          },
-          pattern: {
-            $type: "color",
-            $value: "#8F4CD7",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.purple.deep}",
-            },
-            name: "datavizColorGenericPurplePattern",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "purple", "pattern"],
-          },
-        },
-        gray: {
-          "bg-alt": {
-            $type: "color",
-            $value: "#6F6F6F",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.gray.deep}",
-            },
-            name: "datavizColorGenericGrayBgAlt",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "gray", "bg-alt"],
-          },
-          "bg-default": {
-            $type: "color",
-            $value: "#E2E2E2",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.gray.muted}",
-            },
-            name: "datavizColorGenericGrayBgDefault",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "gray", "bg-default"],
-          },
-          border: {
-            $type: "color",
-            $value: "#6F6F6F",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.gray.deep}",
-            },
-            name: "datavizColorGenericGrayBorder",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "gray", "border"],
-          },
-          pattern: {
-            $type: "color",
-            $value: "#6F6F6F",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.gray.deep}",
-            },
-            name: "datavizColorGenericGrayPattern",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "gray", "pattern"],
-          },
-        },
-        slate: {
-          "bg-alt": {
-            $type: "color",
-            $value: "#527386",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.slate.deep}",
-            },
-            name: "datavizColorGenericSlateBgAlt",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "slate", "bg-alt"],
-          },
-          "bg-default": {
-            $type: "color",
-            $value: "#D4E5F1",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.slate.muted}",
-            },
-            name: "datavizColorGenericSlateBgDefault",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "slate", "bg-default"],
-          },
-          border: {
-            $type: "color",
-            $value: "#527386",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.slate.deep}",
-            },
-            name: "datavizColorGenericSlateBorder",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "slate", "border"],
-          },
-          pattern: {
-            $type: "color",
-            $value: "#527386",
-            filePath: "data/tokens/components/dataviz.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.colorcode.slate.deep}",
-            },
-            name: "datavizColorGenericSlatePattern",
-            attributes: {},
-            path: ["dataviz", "color", "generic", "slate", "pattern"],
-          },
-        },
-      },
-    },
-  },
-};