@sage/design-tokens 14.9.1 → 15.0.0

package/js/common/marketing/small/dark/components/logo.js

@@ -1,146 +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 = {
-  logo: {
-    color: {
-      sage: {
-        "bg-default": {
-          $type: "color",
-          $value: "#00D639",
-          $description: "sage logo",
-          filePath: "data/tokens/components/logo.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.brand.default}",
-            $description: "sage logo",
-          },
-          name: "logoColorSageBgDefault",
-          attributes: {},
-          path: ["logo", "color", "sage", "bg-default"],
-        },
-        "bg-alt": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/logo.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.brand.defaultAlt}",
-          },
-          name: "logoColorSageBgAlt",
-          attributes: {},
-          path: ["logo", "color", "sage", "bg-alt"],
-        },
-      },
-      copilot: {
-        noBg: {
-          "fg-default": {
-            $type: "color",
-            $value: "#FFFFFF",
-            filePath: "data/tokens/components/logo.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.brand.copilot.noBg.monochrome}",
-            },
-            name: "logoColorCopilotNoBgFgDefault",
-            attributes: {},
-            path: ["logo", "color", "copilot", "noBg", "fg-default"],
-          },
-        },
-      },
-      AIIdentifier: {
-        "bg-star": {
-          $type: "color",
-          $value: "#FFFFFF",
-          $description: "star bg color",
-          filePath: "data/tokens/components/logo.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.brand.copilot.AIIdentifier.default}",
-            $description: "star bg color",
-          },
-          name: "logoColorAiIdentifierBgStar",
-          attributes: {},
-          path: ["logo", "color", "AIIdentifier", "bg-star"],
-        },
-        "bg-dot": {
-          $type: "color",
-          $value: "#00D639",
-          filePath: "data/tokens/components/logo.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.brand.copilot.AIIdentifier.withDefault}",
-          },
-          name: "logoColorAiIdentifierBgDot",
-          attributes: {},
-          path: ["logo", "color", "AIIdentifier", "bg-dot"],
-        },
-        outline: {
-          $type: "color",
-          $value: "#FFFFFF",
-          $description: "star outline variant",
-          filePath: "data/tokens/components/logo.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.brand.copilot.AIIdentifier.default}",
-            $description: "star outline variant",
-          },
-          name: "logoColorAiIdentifierOutline",
-          attributes: {},
-          path: ["logo", "color", "AIIdentifier", "outline"],
-        },
-      },
-    },
-    size: {
-      AI: {
-        M: {
-          $type: "sizing",
-          $value: "14px",
-          $description: "AI star",
-          filePath: "data/tokens/components/logo.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "14px",
-            $description: "AI star",
-          },
-          name: "logoSizeAiM",
-          attributes: {},
-          path: ["logo", "size", "AI", "M"],
-        },
-      },
-    },
-    space: {
-      AI: {
-        xg: {
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Space between star icon and text",
-            filePath: "data/tokens/components/logo.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Space between star icon and text",
-            },
-            name: "logoSpaceAiXgM",
-            attributes: {},
-            path: ["logo", "space", "AI", "xg", "M"],
-          },
-        },
-      },
-    },
-  },
-};

package/js/common/marketing/small/dark/components/nav.d.ts

@@ -1,465 +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: {
-  nav: {
-    color: {
-      "bg-default": DesignToken;
-      item: {
-        "bg-active": DesignToken;
-        "bg-activealt": DesignToken;
-        "bg-enabled": DesignToken;
-        "bg-hover": DesignToken;
-        "label-active": DesignToken;
-        "label-activealt": DesignToken;
-        "label-enabled": DesignToken;
-        "label-hover": DesignToken;
-        "label-alt": DesignToken;
-      };
-      menu: {
-        "bg-default": DesignToken;
-        "bg-alt": DesignToken;
-        "bg-alt2": DesignToken;
-        "border-default": DesignToken;
-      };
-      leftnav: {
-        container: {
-          "bg-default": DesignToken;
-          "bg-defaultAlt": DesignToken;
-          "border-default": DesignToken;
-        };
-        item: {
-          "bg-active": DesignToken;
-          "bg-enabled": DesignToken;
-          "bg-hover": DesignToken;
-          "label-active": DesignToken;
-          "label-enabled": DesignToken;
-          "label-hover": DesignToken;
-        };
-      };
-      modal: {
-        container: {
-          "bg-default": DesignToken;
-          "bg-defaultAlt": DesignToken;
-          "border-default": DesignToken;
-        };
-        item: {
-          "bg-active": DesignToken;
-          "bg-enabled": DesignToken;
-          "bg-hover": DesignToken;
-          "label-active": DesignToken;
-          "label-enabled": DesignToken;
-          "label-hover": DesignToken;
-        };
-        headeritem: {
-          "label-default": DesignToken;
-        };
-      };
-      topnav: {
-        container: {
-          "bg-default": DesignToken;
-          "border-default": DesignToken;
-        };
-        item: {
-          "bg-active": DesignToken;
-          "bg-enabled": DesignToken;
-          "bg-hover": DesignToken;
-          "label-active": DesignToken;
-          "label-enabled": DesignToken;
-          "label-hover": DesignToken;
-        };
-      };
-    };
-    radius: {
-      menu: DesignToken;
-      menuitem: DesignToken;
-      menumodal: DesignToken;
-      leftnav: {
-        menuitem: DesignToken;
-      };
-      modal: {
-        menuitem: DesignToken;
-      };
-      topnav: {
-        menuitem: DesignToken;
-      };
-    };
-    boxshadow: {
-      menu: DesignToken;
-      leftnav: {
-        childcontainer: DesignToken;
-      };
-    };
-    borderwidth: {
-      divider: {
-        item: DesignToken;
-        menu: DesignToken;
-        segment: DesignToken;
-      };
-      leftnav: {
-        divider: DesignToken;
-      };
-      modal: {
-        divider: DesignToken;
-      };
-      topnav: {
-        divider: DesignToken;
-      };
-    };
-    size: {
-      menu: {
-        content: {
-          y: {
-            M: DesignToken;
-          };
-          icon: {
-            M: DesignToken;
-            L: DesignToken;
-          };
-        };
-        option: {
-          x: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-        };
-      };
-      navbar: {
-        content: {
-          y: {
-            M: DesignToken;
-          };
-          icon: {
-            M: DesignToken;
-            L: DesignToken;
-          };
-        };
-        item: {
-          x: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-        };
-      };
-      leftnav: {
-        parent: {
-          minheight: DesignToken;
-        };
-        child: {
-          minheight: DesignToken;
-        };
-        grandchild: {
-          minheight: DesignToken;
-        };
-        parentContainer: {
-          fixedWidth: DesignToken;
-        };
-        childContainer: {
-          fixedWidth: DesignToken;
-        };
-      };
-      modal: {
-        parentitem: {
-          minheight: DesignToken;
-        };
-        childitem: {
-          minheight: DesignToken;
-        };
-        headeritem: {
-          identifier: {
-            M: DesignToken;
-          };
-          icon: {
-            M: DesignToken;
-          };
-        };
-      };
-      topnav: {
-        parent: {
-          minheight: DesignToken;
-        };
-        container: {
-          minheight: DesignToken;
-        };
-      };
-    };
-    space: {
-      menu: {
-        container: {
-          x: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-        };
-        content: {
-          x: {
-            M: DesignToken;
-            L: DesignToken;
-          };
-          xg: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-        };
-        item: {
-          x: {
-            S: DesignToken;
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-          yg: {
-            M: DesignToken;
-          };
-        };
-      };
-      navbar: {
-        x: {
-          M: DesignToken;
-        };
-        y: {
-          M: DesignToken;
-        };
-        content: {
-          x: {
-            M: DesignToken;
-          };
-          xg: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-        };
-        item: {
-          x: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-        };
-        logo: {
-          x: {
-            M: DesignToken;
-          };
-          xg: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-        };
-      };
-      leftnav: {
-        container: {
-          x: {
-            M: DesignToken;
-          };
-          y: {
-            S: DesignToken;
-            M: DesignToken;
-          };
-          yg: {
-            S: DesignToken;
-            M: DesignToken;
-          };
-          outer: {
-            y: {
-              M: DesignToken;
-            };
-          };
-        };
-        parentitem: {
-          vertical: {
-            x: {
-              M: DesignToken;
-            };
-            y: {
-              M: DesignToken;
-            };
-            yg: {
-              M: DesignToken;
-            };
-          };
-          horizontal: {
-            x: {
-              M: DesignToken;
-            };
-            xg: {
-              M: DesignToken;
-            };
-            y: {
-              M: DesignToken;
-            };
-            yg: {
-              M: DesignToken;
-            };
-          };
-        };
-        childitem: {
-          yg: {
-            M: DesignToken;
-          };
-          x: {
-            M: DesignToken;
-          };
-          xg: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-        };
-        grandchilditem: {
-          x: {
-            M: DesignToken;
-            indent: DesignToken;
-          };
-          xg: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-          yg: {
-            M: DesignToken;
-          };
-        };
-      };
-      modal: {
-        container: {
-          x: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-          yg: {
-            M: DesignToken;
-          };
-          outer: {
-            y: {
-              M: DesignToken;
-            };
-          };
-        };
-        parentitem: {
-          x: {
-            M: DesignToken;
-          };
-          xg: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-          yg: {
-            M: DesignToken;
-          };
-        };
-        childitem: {
-          x: {
-            M: DesignToken;
-          };
-          xg: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-        };
-        headeritem: {
-          x: {
-            M: DesignToken;
-          };
-          xg: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-            L: DesignToken;
-          };
-        };
-      };
-      topnav: {
-        container: {
-          x: {
-            S: DesignToken;
-            M: DesignToken;
-          };
-          xg: {
-            M: DesignToken;
-          };
-          y: {
-            S: DesignToken;
-            M: DesignToken;
-          };
-        };
-        parentitem: {
-          x: {
-            M: DesignToken;
-          };
-          xg: {
-            M: DesignToken;
-          };
-          y: {
-            M: DesignToken;
-          };
-        };
-      };
-    };
-    typography: {
-      adaptive: {
-        label: {
-          S: DesignToken;
-          M: DesignToken;
-          L: DesignToken;
-        };
-        default: {
-          S: DesignToken;
-          M: DesignToken;
-          L: DesignToken;
-        };
-      };
-      responsive: {
-        label: {
-          S: DesignToken;
-          M: DesignToken;
-          L: DesignToken;
-        };
-        default: {
-          S: DesignToken;
-          M: DesignToken;
-          L: DesignToken;
-        };
-      };
-    };
-  };
-};