循环共享网络

共有Adyen npm图书馆的公用事业.

使用量

安装软件包并创建 ThemeGenerator 生成并输入用于应用程序的语义学 CSS 颜色变量:

import { ThemeGenerator } from "@adyen/adyen-shared-web";

const themeGenerator = new ThemeGenerator();

themeGenerator.create({
  primary: "#0066ff",
  background: "#ffffff",
  neutral: "#f2f4f7",
  label: "#101828",
  outline: "#98a2b3",
  roundness: "medium",
});

设定 roundness 改为 "small", (中文(简体) ), "medium",或 "large" 将4px、8px或12px半径应用到本托 xs 结束 xl 半径标志。 过 dark: true 生成黑暗主题时。 打电话 themeGenerator.destroy() 当主题不再需要去除生成的样式时.

生成 CSS 不访问或修改 DOM, 使用 generateCSS()目标 :root 默认并接受范围化主题的自定义选择器:

const css = themeGenerator.generateCSS(
  {
    primary: "#0066ff",
    dark: true,
  },
  {
    selector: "[data-adyen-pe-theme-root='core-id']",
  },
);

generateCSS() 返回时 null 当未提供主题输入产生 CSS 变量时.

在 npm 发布新版本

1. 标记 main 带有新语义版本的分支 : git tag vX.Y.Z 财务报告和审定财务报表 git push origin vX.Y.Z
2. 在 GitHub (GitHub 将自动以基于合并的 PRs 的更改日志填充) 上创建新版本 .
3. (备选) 如果你想让这成为预发版,请检查"Set as pre-release"选项.
4. 发布发布!

分阶段出版目前被故意禁用.