@fle-ui/next 3.0.0-alpha.2 → 3.0.0

package/lib/theme/internal.d.ts

@@ -0,0 +1,23 @@
+import type { CSSInterpolation, Theme } from '@ant-design/cssinjs';
+import { useStyleRegister } from '@ant-design/cssinjs';
+import React from 'react';
+import type { AliasToken, GlobalToken, MapToken, OverrideToken, PresetColorType, SeedToken } from './interface';
+import { PresetColors } from './interface';
+import type { FullToken } from './util/genComponentStyleHook';
+import genComponentStyleHook from './util/genComponentStyleHook';
+import statisticToken, { merge as mergeToken, statistic } from './util/statistic';
+export { PresetColors, statistic, statisticToken, mergeToken, useStyleRegister, genComponentStyleHook, };
+export type { SeedToken, AliasToken, PresetColorType, AliasToken as DerivativeToken, FullToken, };
+export declare const defaultConfig: {
+    token: SeedToken;
+    hashed: boolean;
+};
+export declare const DesignTokenContext: React.Context<{
+    token: Partial<AliasToken>;
+    theme?: Theme<SeedToken, MapToken> | undefined;
+    components?: OverrideToken | undefined;
+    hashed?: string | boolean | undefined;
+}>;
+export declare function useToken(): [Theme<SeedToken, MapToken>, GlobalToken, string];
+export type UseComponentStyleResult = [(node: React.ReactNode) => React.ReactElement, string];
+export type GenerateStyle<ComponentToken extends object = AliasToken, ReturnType = CSSInterpolation> = (token: ComponentToken) => ReturnType;

package/lib/theme/internal.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DesignTokenContext = void 0;
+Object.defineProperty(exports, "PresetColors", {
+  enumerable: true,
+  get: function get() {
+    return _interface.PresetColors;
+  }
+});
+exports.defaultConfig = void 0;
+Object.defineProperty(exports, "genComponentStyleHook", {
+  enumerable: true,
+  get: function get() {
+    return _genComponentStyleHook["default"];
+  }
+});
+Object.defineProperty(exports, "mergeToken", {
+  enumerable: true,
+  get: function get() {
+    return _statistic.merge;
+  }
+});
+Object.defineProperty(exports, "statistic", {
+  enumerable: true,
+  get: function get() {
+    return _statistic.statistic;
+  }
+});
+Object.defineProperty(exports, "statisticToken", {
+  enumerable: true,
+  get: function get() {
+    return _statistic["default"];
+  }
+});
+Object.defineProperty(exports, "useStyleRegister", {
+  enumerable: true,
+  get: function get() {
+    return _cssinjs.useStyleRegister;
+  }
+});
+exports.useToken = useToken;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _cssinjs = require("@ant-design/cssinjs");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _version = _interopRequireDefault(require("../version"));
+
+var _interface = require("./interface");
+
+var _default = _interopRequireDefault(require("./themes/default"));
+
+var _seed = _interopRequireDefault(require("./themes/seed"));
+
+var _alias = _interopRequireDefault(require("./util/alias"));
+
+var _genComponentStyleHook = _interopRequireDefault(require("./util/genComponentStyleHook"));
+
+var _statistic = _interopRequireWildcard(require("./util/statistic"));
+
+var defaultTheme = (0, _cssinjs.createTheme)(_default["default"]); // ================================ Context =================================
+// To ensure snapshot stable. We disable hashed in test env.
+
+var defaultConfig = {
+  token: _seed["default"],
+  hashed: true
+};
+exports.defaultConfig = defaultConfig;
+
+var DesignTokenContext = /*#__PURE__*/_react["default"].createContext(defaultConfig); // ================================== Hook ==================================
+
+
+exports.DesignTokenContext = DesignTokenContext;
+
+function useToken() {
+  var _React$useContext = _react["default"].useContext(DesignTokenContext),
+      rootDesignToken = _React$useContext.token,
+      hashed = _React$useContext.hashed,
+      theme = _React$useContext.theme,
+      components = _React$useContext.components;
+
+  var salt = _version["default"] + "-" + (hashed || '');
+  var mergedTheme = theme || defaultTheme;
+
+  var _useCacheToken = (0, _cssinjs.useCacheToken)(mergedTheme, [_seed["default"], rootDesignToken], {
+    salt: salt,
+    override: (0, _extends2["default"])({
+      override: rootDesignToken
+    }, components),
+    formatToken: _alias["default"]
+  }),
+      _useCacheToken2 = (0, _slicedToArray2["default"])(_useCacheToken, 2),
+      token = _useCacheToken2[0],
+      hashId = _useCacheToken2[1];
+
+  return [mergedTheme, token, hashed ? hashId : ''];
+}

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

@@ -0,0 +1,15 @@
+import type { ColorNeutralMapToken } from 'antd/es/theme/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 declare type GenerateColorMap = (baseColor: string) => ColorMap;
+export declare type GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => ColorNeutralMapToken;

package/lib/theme/themes/ColorMap.js

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,16 @@
+export default function genSizeMapToken(token) {
+  var sizeUnit = token.sizeUnit,
+      sizeStep = token.sizeStep;
+  var 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 { SeedToken, MapToken } from 'antd/es/theme/interface';
+declare const derivative: DerivativeFunc<SeedToken, MapToken>;
+export default derivative;

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

@@ -0,0 +1,34 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import genControlHeight from "../shared/genControlHeight";
+import defaultAlgorithm from "../default";
+import genCompactSizeMapToken from "./genCompactSizeMapToken";
+import getFontSizes from "../shared/genFontSizes";
+
+var derivative = function derivative(token, mapToken) {
+  var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token); // @ts-ignore
+
+  var fontSize = mergedMapToken.fontSizes[0]; // Smaller size font-size as base
+
+  var fontSizes = getFontSizes(fontSize);
+  var controlHeight = mergedMapToken.controlHeight - 4;
+  return _objectSpread(_objectSpread(_objectSpread({}, mergedMapToken), genCompactSizeMapToken(mapToken !== null && mapToken !== void 0 ? mapToken : token)), {}, {
+    // font
+    fontSizes: fontSizes.map(function (fs) {
+      return fs.size;
+    }),
+    lineHeights: fontSizes.map(function (fs) {
+      return fs.lineHeight;
+    }),
+    // controlHeight
+    controlHeight: controlHeight
+  }, genControlHeight(_objectSpread(_objectSpread({}, mergedMapToken), {}, {
+    controlHeight: controlHeight
+  })));
+};
+
+export 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,8 @@
+import { TinyColor } from '@ctrl/tinycolor';
+export var getAlphaColor = function getAlphaColor(baseColor, alpha) {
+  return new TinyColor(baseColor).setAlpha(alpha).toRgbString();
+};
+export var getSolidColor = function getSolidColor(baseColor, brightness) {
+  var instance = new TinyColor(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,44 @@
+import { generate } from '@ant-design/colors';
+import { getAlphaColor, getSolidColor } from "./colorAlgorithm";
+export var generateColorPalettes = function generateColorPalettes(baseColor) {
+  var 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],
+
+  };
+};
+export var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {
+  var colorBgBase = bgBaseColor || '#000';
+  var colorTextBase = textBaseColor || '#fff';
+  return {
+    colorBgBase: colorBgBase,
+    colorTextBase: colorTextBase,
+    colorText: getAlphaColor(colorTextBase, 0.85),
+    colorTextSecondary: getAlphaColor(colorTextBase, 0.65),
+    colorTextTertiary: getAlphaColor(colorTextBase, 0.45),
+    colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),
+    colorFill: getAlphaColor(colorTextBase, 0.18),
+    colorFillSecondary: getAlphaColor(colorTextBase, 0.12),
+    colorFillTertiary: getAlphaColor(colorTextBase, 0.08),
+    colorFillQuaternary: getAlphaColor(colorTextBase, 0.04),
+    colorBgElevated: getSolidColor(colorBgBase, 12),
+    colorBgContainer: getSolidColor(colorBgBase, 8),
+    colorBgLayout: getSolidColor(colorBgBase, 0),
+    colorBgSpotlight: getSolidColor(colorBgBase, 26),
+    colorBorder: getSolidColor(colorBgBase, 26),
+    colorBorderSecondary: getSolidColor(colorBgBase, 19)
+  };
+};

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

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

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

@@ -0,0 +1,34 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { generate } from '@ant-design/colors';
+import { defaultPresetColors } from "../seed";
+import genColorMapToken from "../shared/genColorMapToken";
+import { generateColorPalettes, generateNeutralColorPalettes } from "./colors";
+import defaultAlgorithm from "../default";
+
+var derivative = function derivative(token, mapToken) {
+  var colorPalettes = Object.keys(defaultPresetColors) // @ts-ignore
+  .map(function (colorKey) {
+    var colors = generate(token[colorKey], {
+      theme: 'dark'
+    });
+    return new Array(10).fill(1).reduce(function (prev, _, i) {
+      prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
+      return prev;
+    }, {});
+  }).reduce(function (prev, cur) {
+    prev = _objectSpread(_objectSpread({}, prev), cur);
+    return prev;
+  }, {});
+  var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token);
+  return _objectSpread(_objectSpread(_objectSpread({}, mergedMapToken), colorPalettes), genColorMapToken(token, {
+    generateColorPalettes: generateColorPalettes,
+    generateNeutralColorPalettes: generateNeutralColorPalettes
+  }));
+};
+
+export 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,8 @@
+import { TinyColor } from '@ctrl/tinycolor';
+export var getAlphaColor = function getAlphaColor(baseColor, alpha) {
+  return new TinyColor(baseColor).setAlpha(alpha).toRgbString();
+};
+export var getSolidColor = function getSolidColor(baseColor, brightness) {
+  var instance = new TinyColor(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,42 @@
+import { generate } from '@ant-design/colors';
+import { getAlphaColor, getSolidColor } from "./colorAlgorithm";
+export var generateColorPalettes = function generateColorPalettes(baseColor) {
+  var 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],
+
+  };
+};
+export var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {
+  var colorBgBase = bgBaseColor || '#fff';
+  var colorTextBase = textBaseColor || '#000';
+  return {
+    colorBgBase: colorBgBase,
+    colorTextBase: colorTextBase,
+    colorText: getAlphaColor(colorTextBase, 0.88),
+    colorTextSecondary: getAlphaColor(colorTextBase, 0.65),
+    colorTextTertiary: getAlphaColor(colorTextBase, 0.45),
+    colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),
+    colorFill: getAlphaColor(colorTextBase, 0.15),
+    colorFillSecondary: getAlphaColor(colorTextBase, 0.06),
+    colorFillTertiary: getAlphaColor(colorTextBase, 0.04),
+    colorFillQuaternary: getAlphaColor(colorTextBase, 0.02),
+    colorBgLayout: getSolidColor(colorBgBase, 4),
+    colorBgContainer: getSolidColor(colorBgBase, 0),
+    colorBgElevated: getSolidColor(colorBgBase, 0),
+    colorBgSpotlight: getAlphaColor(colorTextBase, 0.85),
+    colorBorder: getSolidColor(colorBgBase, 15),
+    colorBorderSecondary: getSolidColor(colorBgBase, 6)
+  };
+};

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

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

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

@@ -0,0 +1,30 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { generate } from '@ant-design/colors';
+import genControlHeight from "../shared/genControlHeight";
+import genSizeMapToken from "../shared/genSizeMapToken";
+import { defaultPresetColors } from "../seed";
+import genColorMapToken from "../shared/genColorMapToken";
+import genCommonMapToken from "../shared/genCommonMapToken";
+import { generateColorPalettes, generateNeutralColorPalettes } from "./colors";
+export default function derivative(token) {
+  var colorPalettes = Object.keys(defaultPresetColors) // @ts-ignore
+  .map(function (colorKey) {
+    var colors = generate(token[colorKey]);
+    return new Array(10).fill(1).reduce(function (prev, _, i) {
+      prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
+      return prev;
+    }, {});
+  }).reduce(function (prev, cur) {
+    prev = _objectSpread(_objectSpread({}, prev), cur);
+    return prev;
+  }, {});
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, token), colorPalettes), genColorMapToken(token, {
+    generateColorPalettes: generateColorPalettes,
+    generateNeutralColorPalettes: generateNeutralColorPalettes
+  })), genSizeMapToken(token)), genControlHeight(token)), genCommonMapToken(token));
+}

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

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

package/lib/theme/themes/seed.js

@@ -0,0 +1,67 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+export var defaultPresetColors = {
+  blue: '#2c68ff',
+  purple: '#722ED1',
+  cyan: '#13C2C2',
+  green: '#52C41A',
+  magenta: '#EB2F96',
+  pink: '#eb2f96',
+  red: '#F5222D',
+  orange: '#FA8C16',
+  yellow: '#FADB14',
+  volcano: '#FA541C',
+  geekblue: '#2F54EB',
+  gold: '#FAAD14',
+  lime: '#A0D911'
+};
+
+var seedToken = _objectSpread(_objectSpread({}, defaultPresetColors), {}, {
+  // Color
+  colorPrimary: '#2c68ff',
+  colorSuccess: '#52c41a',
+  colorWarning: '#faad14',
+  colorError: '#ff4d4f',
+  colorInfo: '#2c68ff',
+  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'",
+  fontSize: 14,
+  // Line
+  lineWidth: 1,
+  lineType: 'solid',
+  // Motion
+  motionUnit: 0.1,
+  // @ts-ignore
+  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.645, 0.045, 0.355, 1)",
+  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
+});
+
+export default seedToken;

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

@@ -0,0 +1,8 @@
+import type { ColorMapToken, SeedToken } from 'antd/es/theme/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,78 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { TinyColor } from '@ctrl/tinycolor';
+export default 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);
+  return _objectSpread(_objectSpread({}, 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],
+    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],
+    colorBgMask: new 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 'antd/es/theme/interface';
+export default function genCommonMapToken(token: SeedToken): CommonMapToken;

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

@@ -0,0 +1,33 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import genFontSizes from "./genFontSizes";
+import genRadius from "./genRadius";
+export default function genCommonMapToken(token) {
+  // @ts-ignore
+  var motionUnit = token.motionUnit,
+      motionBase = token.motionBase,
+      fontSize = token.fontSize,
+      borderRadius = token.borderRadius,
+      lineWidth = token.lineWidth;
+  var fontSizes = genFontSizes(fontSize);
+  return _objectSpread({
+    // motion
+    motionDurationFast: "".concat((motionBase + motionUnit).toFixed(1), "s"),
+    motionDurationMid: "".concat((motionBase + motionUnit * 2).toFixed(1), "s"),
+    motionDurationSlow: "".concat((motionBase + motionUnit * 3).toFixed(1), "s"),
+    // font
+    // @ts-ignore
+    fontSizes: fontSizes.map(function (fs) {
+      return fs.size;
+    }),
+    lineHeights: fontSizes.map(function (fs) {
+      return fs.lineHeight;
+    }),
+    // line
+    lineWidthBold: lineWidth + 1
+  }, genRadius(borderRadius));
+}

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

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

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

@@ -0,0 +1,10 @@
+var genControlHeight = function genControlHeight(token) {
+  var controlHeight = token.controlHeight;
+  return {
+    controlHeightSM: controlHeight * 0.75,
+    controlHeightXS: controlHeight * 0.5,
+    controlHeightLG: controlHeight * 1.25
+  };
+};
+
+export default genControlHeight;

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

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