ezr-antd 1.0.0

package/lib/theme/internal.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DesignTokenContext", {
+  enumerable: true,
+  get: function () {
+    return _context.DesignTokenContext;
+  }
+});
+Object.defineProperty(exports, "PresetColors", {
+  enumerable: true,
+  get: function () {
+    return _interface.PresetColors;
+  }
+});
+Object.defineProperty(exports, "calc", {
+  enumerable: true,
+  get: function () {
+    return _cssinjsUtils.genCalc;
+  }
+});
+Object.defineProperty(exports, "defaultConfig", {
+  enumerable: true,
+  get: function () {
+    return _context.defaultConfig;
+  }
+});
+Object.defineProperty(exports, "genComponentStyleHook", {
+  enumerable: true,
+  get: function () {
+    return _genStyleUtils.genComponentStyleHook;
+  }
+});
+Object.defineProperty(exports, "genPresetColor", {
+  enumerable: true,
+  get: function () {
+    return _genPresetColor.default;
+  }
+});
+Object.defineProperty(exports, "genStyleHooks", {
+  enumerable: true,
+  get: function () {
+    return _genStyleUtils.genStyleHooks;
+  }
+});
+Object.defineProperty(exports, "genSubStyleComponent", {
+  enumerable: true,
+  get: function () {
+    return _genStyleUtils.genSubStyleComponent;
+  }
+});
+Object.defineProperty(exports, "getLineHeight", {
+  enumerable: true,
+  get: function () {
+    return _genFontSizes.getLineHeight;
+  }
+});
+Object.defineProperty(exports, "mergeToken", {
+  enumerable: true,
+  get: function () {
+    return _cssinjsUtils.mergeToken;
+  }
+});
+Object.defineProperty(exports, "statistic", {
+  enumerable: true,
+  get: function () {
+    return _cssinjsUtils.statistic;
+  }
+});
+Object.defineProperty(exports, "statisticToken", {
+  enumerable: true,
+  get: function () {
+    return _cssinjsUtils.statisticToken;
+  }
+});
+Object.defineProperty(exports, "useResetIconStyle", {
+  enumerable: true,
+  get: function () {
+    return _useResetIconStyle.default;
+  }
+});
+Object.defineProperty(exports, "useStyleRegister", {
+  enumerable: true,
+  get: function () {
+    return _cssinjs.useStyleRegister;
+  }
+});
+Object.defineProperty(exports, "useToken", {
+  enumerable: true,
+  get: function () {
+    return _useToken.default;
+  }
+});
+var _cssinjs = require("@ant-design/cssinjs");
+var _cssinjsUtils = require("@ant-design/cssinjs-utils");
+var _interface = require("./interface");
+var _genFontSizes = require("./themes/shared/genFontSizes");
+var _useToken = _interopRequireDefault(require("./useToken"));
+var _genStyleUtils = require("./util/genStyleUtils");
+var _genPresetColor = _interopRequireDefault(require("./util/genPresetColor"));
+var _useResetIconStyle = _interopRequireDefault(require("./util/useResetIconStyle"));
+var _context = require("./context");

package/lib/theme/themes/ColorMap.d.ts

@@ -0,0 +1,15 @@
+import type { ColorNeutralMapToken } from '../interface';
+export interface ColorMap {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+}
+export type GenerateColorMap = (baseColor: string) => ColorMap;
+export type GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => ColorNeutralMapToken;

package/lib/theme/themes/ColorMap.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/theme/themes/compact/genCompactSizeMapToken.d.ts

@@ -0,0 +1,2 @@
+import type { SeedToken, SizeMapToken } from '../../interface';
+export default function genSizeMapToken(token: SeedToken): SizeMapToken;

package/lib/theme/themes/compact/genCompactSizeMapToken.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = genSizeMapToken;
+function genSizeMapToken(token) {
+  const {
+    sizeUnit,
+    sizeStep
+  } = token;
+  const compactSizeStep = sizeStep - 2;
+  return {
+    sizeXXL: sizeUnit * (compactSizeStep + 10),
+    sizeXL: sizeUnit * (compactSizeStep + 6),
+    sizeLG: sizeUnit * (compactSizeStep + 2),
+    sizeMD: sizeUnit * (compactSizeStep + 2),
+    sizeMS: sizeUnit * (compactSizeStep + 1),
+    size: sizeUnit * compactSizeStep,
+    sizeSM: sizeUnit * compactSizeStep,
+    sizeXS: sizeUnit * (compactSizeStep - 1),
+    sizeXXS: sizeUnit * (compactSizeStep - 1)
+  };
+}

package/lib/theme/themes/compact/index.d.ts

@@ -0,0 +1,4 @@
+import type { DerivativeFunc } from '@ant-design/cssinjs';
+import type { MapToken, SeedToken } from '../../interface';
+declare const derivative: DerivativeFunc<SeedToken, MapToken>;
+export default derivative;

package/lib/theme/themes/compact/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default2 = _interopRequireDefault(require("../default"));
+var _genControlHeight = _interopRequireDefault(require("../shared/genControlHeight"));
+var _genFontMapToken = _interopRequireDefault(require("../shared/genFontMapToken"));
+var _genCompactSizeMapToken = _interopRequireDefault(require("./genCompactSizeMapToken"));
+const derivative = (token, mapToken) => {
+  const mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : (0, _default2.default)(token);
+  const fontSize = mergedMapToken.fontSizeSM; // Smaller size font-size as base
+  const controlHeight = mergedMapToken.controlHeight - 4;
+  return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, mergedMapToken), (0, _genCompactSizeMapToken.default)(mapToken !== null && mapToken !== void 0 ? mapToken : token)), (0, _genFontMapToken.default)(fontSize)), {
+    // controlHeight
+    controlHeight
+  }), (0, _genControlHeight.default)(Object.assign(Object.assign({}, mergedMapToken), {
+    controlHeight
+  })));
+};
+var _default = exports.default = derivative;

package/lib/theme/themes/dark/colorAlgorithm.d.ts

@@ -0,0 +1,2 @@
+export declare const getAlphaColor: (baseColor: string, alpha: number) => string;
+export declare const getSolidColor: (baseColor: string, brightness: number) => string;

package/lib/theme/themes/dark/colorAlgorithm.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSolidColor = exports.getAlphaColor = void 0;
+var _tinycolor = require("@ctrl/tinycolor");
+const getAlphaColor = (baseColor, alpha) => new _tinycolor.TinyColor(baseColor).setAlpha(alpha).toRgbString();
+exports.getAlphaColor = getAlphaColor;
+const getSolidColor = (baseColor, brightness) => {
+  const instance = new _tinycolor.TinyColor(baseColor);
+  return instance.lighten(brightness).toHexString();
+};
+exports.getSolidColor = getSolidColor;

package/lib/theme/themes/dark/colors.d.ts

@@ -0,0 +1,3 @@
+import type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';
+export declare const generateColorPalettes: GenerateColorMap;
+export declare const generateNeutralColorPalettes: GenerateNeutralColorMap;

package/lib/theme/themes/dark/colors.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateNeutralColorPalettes = exports.generateColorPalettes = void 0;
+var _colors = require("@ant-design/colors");
+var _colorAlgorithm = require("./colorAlgorithm");
+const generateColorPalettes = baseColor => {
+  const colors = (0, _colors.generate)(baseColor, {
+    theme: 'dark'
+  });
+  return {
+    1: colors[0],
+    2: colors[1],
+    3: colors[2],
+    4: colors[3],
+    5: colors[6],
+    6: colors[5],
+    7: colors[4],
+    8: colors[6],
+    9: colors[5],
+    10: colors[4]
+    // 8: colors[9],
+    // 9: colors[8],
+    // 10: colors[7],
+  };
+};
+exports.generateColorPalettes = generateColorPalettes;
+const generateNeutralColorPalettes = (bgBaseColor, textBaseColor) => {
+  const colorBgBase = bgBaseColor || '#000';
+  const colorTextBase = textBaseColor || '#fff';
+  return {
+    colorBgBase,
+    colorTextBase,
+    colorText: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.85),
+    colorTextSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.65),
+    colorTextTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.45),
+    colorTextQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.25),
+    colorFill: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.18),
+    colorFillSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.12),
+    colorFillTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.08),
+    colorFillQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.04),
+    colorBgSolid: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.95),
+    colorBgSolidHover: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 1),
+    colorBgSolidActive: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.9),
+    colorBgElevated: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 12),
+    colorBgContainer: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 8),
+    colorBgLayout: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 0),
+    colorBgSpotlight: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 26),
+    colorBgBlur: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.04),
+    colorBorder: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 26),
+    colorBorderSecondary: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 19)
+  };
+};
+exports.generateNeutralColorPalettes = generateNeutralColorPalettes;

package/lib/theme/themes/dark/index.d.ts

@@ -0,0 +1,4 @@
+import type { DerivativeFunc } from '@ant-design/cssinjs';
+import type { MapToken, SeedToken } from '../../interface';
+declare const derivative: DerivativeFunc<SeedToken, MapToken>;
+export default derivative;

package/lib/theme/themes/dark/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _colors = require("@ant-design/colors");
+var _default2 = _interopRequireDefault(require("../default"));
+var _seed = require("../seed");
+var _genColorMapToken = _interopRequireDefault(require("../shared/genColorMapToken"));
+var _colors2 = require("./colors");
+const derivative = (token, mapToken) => {
+  const colorPalettes = Object.keys(_seed.defaultPresetColors).map(colorKey => {
+    const colors = (0, _colors.generate)(token[colorKey], {
+      theme: 'dark'
+    });
+    return new Array(10).fill(1).reduce((prev, _, i) => {
+      prev[`${colorKey}-${i + 1}`] = colors[i];
+      prev[`${colorKey}${i + 1}`] = colors[i];
+      return prev;
+    }, {});
+  }).reduce((prev, cur) => {
+    // biome-ignore lint/style/noParameterAssign: it is a reduce
+    prev = Object.assign(Object.assign({}, prev), cur);
+    return prev;
+  }, {});
+  const mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : (0, _default2.default)(token);
+  return Object.assign(Object.assign(Object.assign({}, mergedMapToken), colorPalettes), (0, _genColorMapToken.default)(token, {
+    generateColorPalettes: _colors2.generateColorPalettes,
+    generateNeutralColorPalettes: _colors2.generateNeutralColorPalettes
+  }));
+};
+var _default = exports.default = derivative;

package/lib/theme/themes/default/colorAlgorithm.d.ts

@@ -0,0 +1,2 @@
+export declare const getAlphaColor: (baseColor: string, alpha: number) => string;
+export declare const getSolidColor: (baseColor: string, brightness: number) => string;

package/lib/theme/themes/default/colorAlgorithm.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSolidColor = exports.getAlphaColor = void 0;
+var _tinycolor = require("@ctrl/tinycolor");
+const getAlphaColor = (baseColor, alpha) => new _tinycolor.TinyColor(baseColor).setAlpha(alpha).toRgbString();
+exports.getAlphaColor = getAlphaColor;
+const getSolidColor = (baseColor, brightness) => {
+  const instance = new _tinycolor.TinyColor(baseColor);
+  return instance.darken(brightness).toHexString();
+};
+exports.getSolidColor = getSolidColor;

package/lib/theme/themes/default/colors.d.ts

@@ -0,0 +1,3 @@
+import type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';
+export declare const generateColorPalettes: GenerateColorMap;
+export declare const generateNeutralColorPalettes: GenerateNeutralColorMap;

package/lib/theme/themes/default/colors.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateNeutralColorPalettes = exports.generateColorPalettes = void 0;
+var _colors = require("@ant-design/colors");
+var _colorAlgorithm = require("./colorAlgorithm");
+const generateColorPalettes = baseColor => {
+  const colors = (0, _colors.generate)(baseColor);
+  return {
+    1: colors[0],
+    2: colors[1],
+    3: colors[2],
+    4: colors[3],
+    5: colors[4],
+    6: colors[5],
+    7: colors[6],
+    8: colors[4],
+    9: colors[5],
+    10: colors[6]
+    // 8: colors[7],
+    // 9: colors[8],
+    // 10: colors[9],
+  };
+};
+exports.generateColorPalettes = generateColorPalettes;
+const generateNeutralColorPalettes = (bgBaseColor, textBaseColor) => {
+  const colorBgBase = bgBaseColor || '#fff';
+  const colorTextBase = textBaseColor || '#000';
+  return {
+    colorBgBase,
+    colorTextBase,
+    colorText: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.88),
+    colorTextSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.65),
+    colorTextTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.45),
+    colorTextQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.25),
+    colorFill: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.15),
+    colorFillSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.06),
+    colorFillTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.04),
+    colorFillQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.02),
+    colorBgSolid: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 1),
+    colorBgSolidHover: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.75),
+    colorBgSolidActive: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.95),
+    colorBgLayout: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 4),
+    colorBgContainer: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 0),
+    colorBgElevated: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 0),
+    colorBgSpotlight: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.85),
+    colorBgBlur: 'transparent',
+    colorBorder: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 15),
+    colorBorderSecondary: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 6)
+  };
+};
+exports.generateNeutralColorPalettes = generateNeutralColorPalettes;

package/lib/theme/themes/default/index.d.ts

@@ -0,0 +1,2 @@
+import type { MapToken, SeedToken } from '../../interface';
+export default function derivative(token: SeedToken): MapToken;

package/lib/theme/themes/default/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = derivative;
+var _colors = require("@ant-design/colors");
+var _seed = require("../seed");
+var _genColorMapToken = _interopRequireDefault(require("../shared/genColorMapToken"));
+var _genCommonMapToken = _interopRequireDefault(require("../shared/genCommonMapToken"));
+var _genControlHeight = _interopRequireDefault(require("../shared/genControlHeight"));
+var _genFontMapToken = _interopRequireDefault(require("../shared/genFontMapToken"));
+var _genSizeMapToken = _interopRequireDefault(require("../shared/genSizeMapToken"));
+var _colors2 = require("./colors");
+function derivative(token) {
+  // pink is deprecated name of magenta, keep this for backwards compatibility
+  _colors.presetPrimaryColors.pink = _colors.presetPrimaryColors.magenta;
+  _colors.presetPalettes.pink = _colors.presetPalettes.magenta;
+  const colorPalettes = Object.keys(_seed.defaultPresetColors).map(colorKey => {
+    const colors = token[colorKey] === _colors.presetPrimaryColors[colorKey] ? _colors.presetPalettes[colorKey] : (0, _colors.generate)(token[colorKey]);
+    return new Array(10).fill(1).reduce((prev, _, i) => {
+      prev[`${colorKey}-${i + 1}`] = colors[i];
+      prev[`${colorKey}${i + 1}`] = colors[i];
+      return prev;
+    }, {});
+  }).reduce((prev, cur) => {
+    // biome-ignore lint/style/noParameterAssign: it is a reduce
+    prev = Object.assign(Object.assign({}, prev), cur);
+    return prev;
+  }, {});
+  return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, token), colorPalettes), (0, _genColorMapToken.default)(token, {
+    generateColorPalettes: _colors2.generateColorPalettes,
+    generateNeutralColorPalettes: _colors2.generateNeutralColorPalettes
+  })), (0, _genFontMapToken.default)(token.fontSize)), (0, _genSizeMapToken.default)(token)), (0, _genControlHeight.default)(token)), (0, _genCommonMapToken.default)(token));
+}

package/lib/theme/themes/seed.d.ts

@@ -0,0 +1,4 @@
+import type { PresetColorType, SeedToken } from '../internal';
+export declare const defaultPresetColors: PresetColorType;
+declare const seedToken: SeedToken;
+export default seedToken;

package/lib/theme/themes/seed.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultPresetColors = exports.default = void 0;
+const defaultPresetColors = exports.defaultPresetColors = {
+  blue: '#1677FF',
+  purple: '#722ED1',
+  cyan: '#13C2C2',
+  green: '#52C41A',
+  magenta: '#EB2F96',
+  /**
+   * @deprecated Use magenta instead
+   */
+  pink: '#EB2F96',
+  red: '#F5222D',
+  orange: '#FA8C16',
+  yellow: '#FADB14',
+  volcano: '#FA541C',
+  geekblue: '#2F54EB',
+  gold: '#FAAD14',
+  lime: '#A0D911'
+};
+const seedToken = Object.assign(Object.assign({}, defaultPresetColors), {
+  // Color
+  colorPrimary: '#1677ff',
+  colorSuccess: '#52c41a',
+  colorWarning: '#faad14',
+  colorError: '#ff4d4f',
+  colorInfo: '#1677ff',
+  colorLink: '',
+  colorTextBase: '',
+  colorBgBase: '',
+  // Font
+  fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+'Noto Color Emoji'`,
+  fontFamilyCode: `'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace`,
+  fontSize: 14,
+  // Line
+  lineWidth: 1,
+  lineType: 'solid',
+  // Motion
+  motionUnit: 0.1,
+  motionBase: 0,
+  motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',
+  motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',
+  motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+  motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+  motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',
+  motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',
+  motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
+  motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
+  // Radius
+  borderRadius: 6,
+  // Size
+  sizeUnit: 4,
+  sizeStep: 4,
+  sizePopupArrow: 16,
+  // Control Base
+  controlHeight: 32,
+  // zIndex
+  zIndexBase: 0,
+  zIndexPopupBase: 1000,
+  // Image
+  opacityImage: 1,
+  // Wireframe
+  wireframe: false,
+  // Motion
+  motion: true
+});
+var _default = exports.default = seedToken;

package/lib/theme/themes/shared/genColorMapToken.d.ts

@@ -0,0 +1,8 @@
+import type { ColorMapToken, SeedToken } from '../../interface';
+import type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';
+interface PaletteGenerators {
+    generateColorPalettes: GenerateColorMap;
+    generateNeutralColorPalettes: GenerateNeutralColorMap;
+}
+export default function genColorMapToken(seed: SeedToken, { generateColorPalettes, generateNeutralColorPalettes }: PaletteGenerators): ColorMapToken;
+export {};

package/lib/theme/themes/shared/genColorMapToken.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = genColorMapToken;
+var _tinycolor = require("@ctrl/tinycolor");
+function genColorMapToken(seed, {
+  generateColorPalettes,
+  generateNeutralColorPalettes
+}) {
+  const {
+    colorSuccess: colorSuccessBase,
+    colorWarning: colorWarningBase,
+    colorError: colorErrorBase,
+    colorInfo: colorInfoBase,
+    colorPrimary: colorPrimaryBase,
+    colorBgBase,
+    colorTextBase
+  } = seed;
+  const primaryColors = generateColorPalettes(colorPrimaryBase);
+  const successColors = generateColorPalettes(colorSuccessBase);
+  const warningColors = generateColorPalettes(colorWarningBase);
+  const errorColors = generateColorPalettes(colorErrorBase);
+  const infoColors = generateColorPalettes(colorInfoBase);
+  const neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
+  // Color Link
+  const colorLink = seed.colorLink || seed.colorInfo;
+  const linkColors = generateColorPalettes(colorLink);
+  const colorErrorBgFilledHover = new _tinycolor.TinyColor(errorColors[1]).mix(new _tinycolor.TinyColor(errorColors[3]), 50).toHexString();
+  return Object.assign(Object.assign({}, neutralColors), {
+    colorPrimaryBg: primaryColors[1],
+    colorPrimaryBgHover: primaryColors[2],
+    colorPrimaryBorder: primaryColors[3],
+    colorPrimaryBorderHover: primaryColors[4],
+    colorPrimaryHover: primaryColors[5],
+    colorPrimary: primaryColors[6],
+    colorPrimaryActive: primaryColors[7],
+    colorPrimaryTextHover: primaryColors[8],
+    colorPrimaryText: primaryColors[9],
+    colorPrimaryTextActive: primaryColors[10],
+    colorSuccessBg: successColors[1],
+    colorSuccessBgHover: successColors[2],
+    colorSuccessBorder: successColors[3],
+    colorSuccessBorderHover: successColors[4],
+    colorSuccessHover: successColors[4],
+    colorSuccess: successColors[6],
+    colorSuccessActive: successColors[7],
+    colorSuccessTextHover: successColors[8],
+    colorSuccessText: successColors[9],
+    colorSuccessTextActive: successColors[10],
+    colorErrorBg: errorColors[1],
+    colorErrorBgHover: errorColors[2],
+    colorErrorBgFilledHover,
+    colorErrorBgActive: errorColors[3],
+    colorErrorBorder: errorColors[3],
+    colorErrorBorderHover: errorColors[4],
+    colorErrorHover: errorColors[5],
+    colorError: errorColors[6],
+    colorErrorActive: errorColors[7],
+    colorErrorTextHover: errorColors[8],
+    colorErrorText: errorColors[9],
+    colorErrorTextActive: errorColors[10],
+    colorWarningBg: warningColors[1],
+    colorWarningBgHover: warningColors[2],
+    colorWarningBorder: warningColors[3],
+    colorWarningBorderHover: warningColors[4],
+    colorWarningHover: warningColors[4],
+    colorWarning: warningColors[6],
+    colorWarningActive: warningColors[7],
+    colorWarningTextHover: warningColors[8],
+    colorWarningText: warningColors[9],
+    colorWarningTextActive: warningColors[10],
+    colorInfoBg: infoColors[1],
+    colorInfoBgHover: infoColors[2],
+    colorInfoBorder: infoColors[3],
+    colorInfoBorderHover: infoColors[4],
+    colorInfoHover: infoColors[4],
+    colorInfo: infoColors[6],
+    colorInfoActive: infoColors[7],
+    colorInfoTextHover: infoColors[8],
+    colorInfoText: infoColors[9],
+    colorInfoTextActive: infoColors[10],
+    colorLinkHover: linkColors[4],
+    colorLink: linkColors[6],
+    colorLinkActive: linkColors[7],
+    colorBgMask: new _tinycolor.TinyColor('#000').setAlpha(0.45).toRgbString(),
+    colorWhite: '#fff'
+  });
+}

package/lib/theme/themes/shared/genCommonMapToken.d.ts

@@ -0,0 +1,2 @@
+import type { CommonMapToken, SeedToken } from '../../interface';
+export default function genCommonMapToken(token: SeedToken): CommonMapToken;

package/lib/theme/themes/shared/genCommonMapToken.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = genCommonMapToken;
+var _genRadius = _interopRequireDefault(require("./genRadius"));
+function genCommonMapToken(token) {
+  const {
+    motionUnit,
+    motionBase,
+    borderRadius,
+    lineWidth
+  } = token;
+  return Object.assign({
+    // motion
+    motionDurationFast: `${(motionBase + motionUnit).toFixed(1)}s`,
+    motionDurationMid: `${(motionBase + motionUnit * 2).toFixed(1)}s`,
+    motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`,
+    // line
+    lineWidthBold: lineWidth + 1
+  }, (0, _genRadius.default)(borderRadius));
+}

package/lib/theme/themes/shared/genControlHeight.d.ts

@@ -0,0 +1,3 @@
+import type { HeightMapToken, SeedToken } from '../../interface';
+declare const genControlHeight: (token: SeedToken) => HeightMapToken;
+export default genControlHeight;

package/lib/theme/themes/shared/genControlHeight.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const genControlHeight = token => {
+  const {
+    controlHeight
+  } = token;
+  return {
+    controlHeightSM: controlHeight * 0.75,
+    controlHeightXS: controlHeight * 0.5,
+    controlHeightLG: controlHeight * 1.25
+  };
+};
+var _default = exports.default = genControlHeight;