@996-design/996-components 1.0.0

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 _fastColor = require("@996-design/996-fast-color");
+var getAlphaColor = exports.getAlphaColor = function getAlphaColor(baseColor, alpha) {
+  return new _fastColor.FastColor(baseColor).setA(alpha).toRgbString();
+};
+var getSolidColor = exports.getSolidColor = function getSolidColor(baseColor, brightness) {
+  var instance = new _fastColor.FastColor(baseColor);
+  return instance.lighten(brightness).toHexString();
+};

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,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateNeutralColorPalettes = exports.generateColorPalettes = void 0;
+var _colors = require("@996-design/996-colors");
+var _colorAlgorithm = require("./colorAlgorithm");
+var generateColorPalettes = exports.generateColorPalettes = function generateColorPalettes(baseColor) {
+  var 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]
+  };
+};
+var generateNeutralColorPalettes = exports.generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor, shadowColor) {
+  var colorBgBase = bgBaseColor || '#000';
+  var colorTextBase = textBaseColor || '#fff';
+  var colorShadow = shadowColor || 'rgba(255, 255, 255, 0.2)';
+  return {
+    colorBgBase: colorBgBase,
+    colorTextBase: colorTextBase,
+    colorShadow: colorShadow,
+    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),
+    colorBorderDisabled: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 26),
+    colorBorderSecondary: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 19)
+  };
+};

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

@@ -0,0 +1,4 @@
+import type { DerivativeFunc } from '@996-design/996-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,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _colors = require("@996-design/996-colors");
+var _presetColors = require("../../interface/presetColors");
+var _default2 = _interopRequireDefault(require("../default"));
+var _seed = require("../seed");
+var _genColorMapToken = _interopRequireDefault(require("../shared/genColorMapToken"));
+var _colors2 = require("./colors");
+var derivative = function derivative(token, mapToken) {
+  var colorPalettes = Object.keys(_seed.defaultPresetColors).map(function (colorKey) {
+    var colors = (0, _colors.generate)(token[colorKey], {
+      theme: 'dark'
+    });
+    return Array.from({
+      length: 10
+    }, function () {
+      return 1;
+    }).reduce(function (prev, _, i) {
+      prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
+      prev["".concat(colorKey).concat(i + 1)] = colors[i];
+      return prev;
+    }, {});
+  }).reduce(function (prev, cur) {
+    prev = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), cur);
+    return prev;
+  }, {});
+  var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : (0, _default2.default)(token);
+  var colorMapToken = (0, _genColorMapToken.default)(token, {
+    generateColorPalettes: _colors2.generateColorPalettes,
+    generateNeutralColorPalettes: _colors2.generateNeutralColorPalettes
+  });
+  var presetColorHoverActiveTokens = _presetColors.PresetColors.reduce(function (prev, colorKey) {
+    var colorBase = token[colorKey];
+    if (colorBase) {
+      var colorPalette = (0, _colors2.generateColorPalettes)(colorBase);
+      prev["".concat(colorKey, "Hover")] = colorPalette[7];
+      prev["".concat(colorKey, "Active")] = colorPalette[5];
+    }
+    return prev;
+  }, {});
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedMapToken), colorPalettes), colorMapToken), presetColorHoverActiveTokens), {}, {
+    // Customize selected item background color
+    // https://github.com/ant-design/ant-design/issues/30524#issuecomment-871961867
+    colorPrimaryBg: colorMapToken.colorPrimaryBorder,
+    colorPrimaryBgHover: colorMapToken.colorPrimaryBorderHover
+  });
+};
+var _default = exports.default = derivative;

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

@@ -0,0 +1,2 @@
+export * from './dark/index';
+export { default } from './dark/index';

package/lib/theme/themes/dark.js

@@ -0,0 +1 @@
+module.exports = require('./dark/index.js');

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 _fastColor = require("@996-design/996-fast-color");
+var getAlphaColor = exports.getAlphaColor = function getAlphaColor(baseColor, alpha) {
+  return new _fastColor.FastColor(baseColor).setA(alpha).toRgbString();
+};
+var getSolidColor = exports.getSolidColor = function getSolidColor(baseColor, brightness) {
+  var instance = new _fastColor.FastColor(baseColor);
+  return instance.darken(brightness).toHexString();
+};

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,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateNeutralColorPalettes = exports.generateColorPalettes = void 0;
+var _colors = require("@996-design/996-colors");
+var _colorAlgorithm = require("./colorAlgorithm");
+var generateColorPalettes = exports.generateColorPalettes = function generateColorPalettes(baseColor) {
+  var 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]
+  };
+};
+var generateNeutralColorPalettes = exports.generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor, shadowColor) {
+  var colorBgBase = bgBaseColor || '#fff';
+  var colorTextBase = textBaseColor || '#000';
+  var colorShadow = shadowColor || '#000';
+  return {
+    colorBgBase: colorBgBase,
+    colorTextBase: colorTextBase,
+    colorShadow: colorShadow,
+    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),
+    colorBorderDisabled: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 15),
+    colorBorderSecondary: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 6)
+  };
+};

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,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = derivative;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _colors = require("@996-design/996-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;
+  var colorPalettes = Object.keys(_seed.defaultPresetColors).map(function (colorKey) {
+    var colors = token[colorKey] === _colors.presetPrimaryColors[colorKey] ? _colors.presetPalettes[colorKey] : (0, _colors.generate)(token[colorKey]);
+    return Array.from({
+      length: 10
+    }, function () {
+      return 1;
+    }).reduce(function (prev, _, i) {
+      prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
+      prev["".concat(colorKey).concat(i + 1)] = colors[i];
+      return prev;
+    }, {});
+  }).reduce(function (prev, cur) {
+    prev = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), cur);
+    return prev;
+  }, {});
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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/default/theme.d.ts

@@ -0,0 +1,2 @@
+declare const defaultTheme: import("@996-design/996-cssinjs").Theme<any, any>;
+export default defaultTheme;

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

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _cssinjs = require("@996-design/996-cssinjs");
+var _index = _interopRequireDefault(require("./index"));
+var defaultTheme = (0, _cssinjs.createTheme)(_index.default);
+var _default = exports.default = defaultTheme;

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

@@ -0,0 +1,2 @@
+export * from './default/index';
+export { default } from './default/index';

package/lib/theme/themes/default.js

@@ -0,0 +1 @@
+module.exports = require('./default/index.js');

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";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultPresetColors = exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var 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'
+};
+var seedToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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,\n'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n'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,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = genColorMapToken;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _fastColor = require("@996-design/996-fast-color");
+var _presetColors = require("../../interface/presetColors");
+function genColorMapToken(seed, _ref) {
+  var generateColorPalettes = _ref.generateColorPalettes,
+    generateNeutralColorPalettes = _ref.generateNeutralColorPalettes;
+  var colorSuccessBase = seed.colorSuccess,
+    colorWarningBase = seed.colorWarning,
+    colorErrorBase = seed.colorError,
+    colorInfoBase = seed.colorInfo,
+    colorPrimaryBase = seed.colorPrimary,
+    colorBgBase = seed.colorBgBase,
+    colorTextBase = seed.colorTextBase;
+  var primaryColors = generateColorPalettes(colorPrimaryBase);
+  var successColors = generateColorPalettes(colorSuccessBase);
+  var warningColors = generateColorPalettes(colorWarningBase);
+  var errorColors = generateColorPalettes(colorErrorBase);
+  var infoColors = generateColorPalettes(colorInfoBase);
+  var neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
+  // Color Link
+  var colorLink = seed.colorLink || seed.colorInfo;
+  var linkColors = generateColorPalettes(colorLink);
+  var colorErrorBgFilledHover = new _fastColor.FastColor(errorColors[1]).mix(new _fastColor.FastColor(errorColors[3]), 50).toHexString();
+  var presetColorTokens = {};
+  _presetColors.PresetColors.forEach(function (colorKey) {
+    var colorBase = seed[colorKey];
+    if (colorBase) {
+      var colorPalette = generateColorPalettes(colorBase);
+      presetColorTokens["".concat(colorKey, "Hover")] = colorPalette[5];
+      presetColorTokens["".concat(colorKey, "Active")] = colorPalette[7];
+    }
+  });
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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: 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]
+  }, presetColorTokens), {}, {
+    colorBgMask: new _fastColor.FastColor('#000').setA(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,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = genCommonMapToken;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _genRadius = _interopRequireDefault(require("./genRadius"));
+function genCommonMapToken(token) {
+  var motionUnit = token.motionUnit,
+    motionBase = token.motionBase,
+    borderRadius = token.borderRadius,
+    lineWidth = token.lineWidth;
+  return (0, _objectSpread2.default)({
+    // motion
+    motionDurationFast: "".concat((motionBase + motionUnit).toFixed(1), "s"),
+    motionDurationMid: "".concat((motionBase + motionUnit * 2).toFixed(1), "s"),
+    motionDurationSlow: "".concat((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,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var genControlHeight = function genControlHeight(token) {
+  var controlHeight = token.controlHeight;
+  return {
+    controlHeightSM: controlHeight * 0.75,
+    controlHeightXS: controlHeight * 0.5,
+    controlHeightLG: controlHeight * 1.25
+  };
+};
+var _default = exports.default = genControlHeight;

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

@@ -0,0 +1,3 @@
+import type { FontMapToken } from '../../interface';
+declare const genFontMapToken: (fontSize: number) => FontMapToken;
+export default genFontMapToken;

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _genFontSizes = _interopRequireDefault(require("./genFontSizes"));
+var genFontMapToken = function genFontMapToken(fontSize) {
+  var fontSizePairs = (0, _genFontSizes.default)(fontSize);
+  var fontSizes = fontSizePairs.map(function (pair) {
+    return pair.size;
+  });
+  var lineHeights = fontSizePairs.map(function (pair) {
+    return pair.lineHeight;
+  });
+  var fontSizeMD = fontSizes[1];
+  var fontSizeSM = fontSizes[0];
+  var fontSizeLG = fontSizes[2];
+  var lineHeight = lineHeights[1];
+  var lineHeightSM = lineHeights[0];
+  var lineHeightLG = lineHeights[2];
+  return {
+    fontSizeSM: fontSizeSM,
+    fontSize: fontSizeMD,
+    fontSizeLG: fontSizeLG,
+    fontSizeXL: fontSizes[3],
+    fontSizeHeading1: fontSizes[6],
+    fontSizeHeading2: fontSizes[5],
+    fontSizeHeading3: fontSizes[4],
+    fontSizeHeading4: fontSizes[3],
+    fontSizeHeading5: fontSizes[2],
+    lineHeight: lineHeight,
+    lineHeightLG: lineHeightLG,
+    lineHeightSM: lineHeightSM,
+    fontHeight: Math.round(lineHeight * fontSizeMD),
+    fontHeightLG: Math.round(lineHeightLG * fontSizeLG),
+    fontHeightSM: Math.round(lineHeightSM * fontSizeSM),
+    lineHeightHeading1: lineHeights[6],
+    lineHeightHeading2: lineHeights[5],
+    lineHeightHeading3: lineHeights[4],
+    lineHeightHeading4: lineHeights[3],
+    lineHeightHeading5: lineHeights[2]
+  };
+};
+var _default = exports.default = genFontMapToken;

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

@@ -0,0 +1,5 @@
+export declare function getLineHeight(fontSize: number): number;
+export default function getFontSizes(base: number): {
+    size: number;
+    lineHeight: number;
+}[];

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getFontSizes;
+exports.getLineHeight = getLineHeight;
+function getLineHeight(fontSize) {
+  return (fontSize + 8) / fontSize;
+}
+// https://zhuanlan.zhihu.com/p/32746810
+function getFontSizes(base) {
+  var fontSizes = Array.from({
+    length: 10
+  }).map(function (_, index) {
+    var i = index - 1;
+    var baseSize = base * Math.pow(Math.E, i / 5);
+    var intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize);
+    // Convert to even
+    return Math.floor(intSize / 2) * 2;
+  });
+  fontSizes[1] = base;
+  return fontSizes.map(function (size) {
+    return {
+      size: size,
+      lineHeight: getLineHeight(size)
+    };
+  });
+}

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

@@ -0,0 +1,3 @@
+import type { MapToken } from '../../interface';
+declare const genRadius: (radiusBase: number) => Pick<MapToken, "borderRadiusXS" | "borderRadiusSM" | "borderRadiusLG" | "borderRadius" | "borderRadiusOuter">;
+export default genRadius;