tntd 2.8.0-beta.2 → 2.8.0-beta.3

package/lib/version/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -18,8 +18,7 @@ Object.keys(_version).forEach(function (key) {
     }
   });
 });
-require("antd/lib/version/style");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var _default = _version["default"];
-exports["default"] = _default;
+require("./style");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var _default = exports["default"] = _version["default"];

package/lib/version/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/version/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,8DAAqC;AAErC,iCAA8B;AAE9B,kDAA+B;AAE/B,kBAAe,iBAAO,CAAA","sourcesContent":["import Version from 'antd/lib/version'\n\nimport 'antd/lib/version/style'\n\nexport * from 'antd/lib/version'\n\nexport default Version\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/version/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,8DAAqC;AAErC,mBAAgB;AAEhB,kDAA+B;AAE/B,kBAAe,iBAAO,CAAA","sourcesContent":["import Version from 'antd/lib/version'\n\nimport './style'\n\nexport * from 'antd/lib/version'\n\nexport default Version\n"]}

package/lib/version/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+//# sourceMappingURL=index.d.ts.map

package/lib/version/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/version/style/index.tsx"],"names":[],"mappings":"AACA,OAAO,wBAAwB,CAAA"}

package/lib/version/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("../../style/index.less");

package/lib/version/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/version/style/index.tsx"],"names":[],"mappings":";;AAAA,+CAA+C;AAC/C,kCAA+B","sourcesContent":["// empty file prevent babel-plugin-import error\nimport '../../style/index.less'\n"]}

package/lib/water-mark/index.js

@@ -1,20 +1,20 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Watermark = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * 返回当前显示设备的物理像素分辨率与CSS像素分辨率之比
@@ -29,7 +29,7 @@ var getPixelRatio = function getPixelRatio(context) {
   var backingStore = context.backingStorePixelRatio || context.webkitBackingStorePixelRatio || context.mozBackingStorePixelRatio || context.msBackingStorePixelRatio || context.oBackingStorePixelRatio || 1;
   return (window.devicePixelRatio || 1) / backingStore;
 };
-var Watermark = function Watermark(props) {
+var Watermark = exports.Watermark = function Watermark(props) {
   var children = props.children,
     style = props.style,
     className = props.className,
@@ -137,6 +137,4 @@ var Watermark = function Watermark(props) {
     } : {}), markStyle)
   }));
 };
-exports.Watermark = Watermark;
-var _default = Watermark;
-exports["default"] = _default;
+var _default = exports["default"] = Watermark;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "2.8.0-beta.2",
+    "version": "2.8.0-beta.3",
     "license": "MIT",
     "scripts": {
         "start": "heft start --storybook",

package/themes/common/css2.x.css

@@ -0,0 +1,154 @@
+:root {
+  --blue-1: #e6f4ff;
+  --blue-2: #b5dbff;
+  --blue-3: #8cc4ff;
+  --blue-4: #63a9ff;
+  --blue-5: #3b8cff;
+  --blue-6: #126bfb;
+  --blue-7: #044dd4;
+  --blue-8: #0037ad;
+  --blue-9: #002687;
+  --blue-10: #001861;
+  --green-1: #eefaeb;
+  --green-2: #e1eddf;
+  --green-3: #d1e0ce;
+  --green-4: #a6d4a1;
+  --green-5: #7dc777;
+  --green-6: #56bb52;
+  --green-7: #3a943a;
+  --green-8: #256e28;
+  --gold-1: #fff9f0;
+  --gold-2: #fff5e8;
+  --gold-3: #ffe2bf;
+  --gold-4: #ffcc96;
+  --gold-5: #ffb46e;
+  --gold-6: #ff9845;
+  --gold-7: #d97630;
+  --gold-8: #b3571e;
+  --gold-9: #8c3c11;
+  --gold-10: #66280b;
+  --green-9: #154718;
+  --green-10: #09210c;
+  --red-1: #fff4f0;
+  --red-2: #fff3f0;
+  --red-3: #ffe6e0;
+  --red-4: #f2b9ae;
+  --red-5: #e68c81;
+  --red-6: #d96156;
+  --red-7: #b3443e;
+  --red-8: #8c2c2a;
+  --red-9: #661a1b;
+  --red-10: #400f12;
+  --purple-1: #f9f0ff;
+  --purple-2: #efdbff;
+  --purple-3: #d3adf7;
+  --purple-4: #b37feb;
+  --purple-5: #9254de;
+  --purple-6: #722ed1;
+  --purple-7: #531dab;
+  --purple-8: #391085;
+  --purple-9: #22075e;
+  --purple-10: #120338;
+  --cyan-1: #e6fffb;
+  --cyan-2: #b5f5ec;
+  --cyan-3: #87e8de;
+  --cyan-4: #5cdbd3;
+  --cyan-5: #36cfc9;
+  --cyan-6: #13c2c2;
+  --cyan-7: #08979c;
+  --cyan-8: #006d75;
+  --cyan-9: #00474f;
+  --cyan-10: #002329;
+  --magenta-1: #fff0f6;
+  --magenta-2: #ffd6e7;
+  --magenta-3: #ffadd2;
+  --magenta-4: #ff85c0;
+  --magenta-5: #f759ab;
+  --magenta-6: #eb2f96;
+  --magenta-7: #c41d7f;
+  --magenta-8: #9e1068;
+  --magenta-9: #780650;
+  --magenta-10: #520339;
+  --pink-1: #fff0f6;
+  --pink-2: #ffd6e7;
+  --pink-3: #ffadd2;
+  --pink-4: #ff85c0;
+  --pink-5: #f759ab;
+  --pink-6: #eb2f96;
+  --pink-7: #c41d7f;
+  --pink-8: #9e1068;
+  --pink-9: #780650;
+  --pink-10: #520339;
+  --orange-1: #fff7e6;
+  --orange-2: #ffe7ba;
+  --orange-3: #ffd591;
+  --orange-4: #ffc069;
+  --orange-5: #ffa940;
+  --orange-6: #fa8c16;
+  --orange-7: #d46b08;
+  --orange-8: #ad4e00;
+  --orange-9: #873800;
+  --orange-10: #612500;
+  --yellow-1: #feffe6;
+  --yellow-2: #ffffb8;
+  --yellow-3: #fffb8f;
+  --yellow-4: #fff566;
+  --yellow-5: #ffec3d;
+  --yellow-6: #fadb14;
+  --yellow-7: #d4b106;
+  --yellow-8: #ad8b00;
+  --yellow-9: #876800;
+  --yellow-10: #614700;
+  --volcano-1: #fff2e8;
+  --volcano-2: #ffd8bf;
+  --volcano-3: #ffbb96;
+  --volcano-4: #ff9c6e;
+  --volcano-5: #ff7a45;
+  --volcano-6: #fa541c;
+  --volcano-7: #d4380d;
+  --volcano-8: #ad2102;
+  --volcano-9: #871400;
+  --volcano-10: #610b00;
+  --geekblue-1: #f0f5ff;
+  --geekblue-2: #d6e4ff;
+  --geekblue-3: #adc6ff;
+  --geekblue-4: #85a5ff;
+  --geekblue-5: #597ef7;
+  --geekblue-6: #2f54eb;
+  --geekblue-7: #1d39c4;
+  --geekblue-8: #10239e;
+  --geekblue-9: #061178;
+  --geekblue-10: #030852;
+  --lime-1: #fcffe6;
+  --lime-2: #f4ffb8;
+  --lime-3: #eaff8f;
+  --lime-4: #d3f261;
+  --lime-5: #bae637;
+  --lime-6: #a0d911;
+  --lime-7: #7cb305;
+  --lime-8: #5b8c00;
+  --lime-9: #3f6600;
+  --lime-10: #254000;
+  --blue-6-tint-20: #4189fc;
+  --blue-6-fade: 18, 107, 251;
+  --blue-6-tint-50: #89b5fd;
+  --gold-6-fade: 255, 152, 69;
+  --red-5-fade: 230, 140, 129;
+  --text-color: #17233d;
+  --white: #ffffff;
+  --fill-color: #e9edf3;
+  --text-color-fade: 23, 35, 61;
+  --white-fade: 255, 255, 255;
+  --text-color-secondary: #454f64;
+  --text-color-tint-50: #8b919e;
+  --text-color-tertiary: #babdc5;
+  --fill-color-tertiary: #f1f2f5;
+  --fill-color-quaternary: #f8f9fb;
+  --border-color: #c9d2dd;
+  --border-color-secondary: #e1e6ee;
+  --bg-color-quaternary: var(--fill-color-quaternary);
+  --bg-color-spotilight: var(--text-color);
+  --bg-color-spotilight-tint-50: var(--text-color-tint-50);
+  --size-step-base: 4;
+  --size-step-unit: 4;
+}

package/themes/common/css3.x.css

@@ -0,0 +1,154 @@
+:root {
+  --blue-1: #e6f4ff;
+  --blue-2: #b5dbff;
+  --blue-3: #8cc4ff;
+  --blue-4: #63a9ff;
+  --blue-5: #3b8cff;
+  --blue-6: #126bfb;
+  --blue-7: #044dd4;
+  --blue-8: #0037ad;
+  --blue-9: #002687;
+  --blue-10: #001861;
+  --green-1: #e6fff4;
+  --green-2: #aafad9;
+  --green-3: #7bedc2;
+  --green-4: #51e0ae;
+  --green-5: #2ad49e;
+  --green-6: #07c790;
+  --green-7: #00a178;
+  --green-8: #007a60;
+  --green-9: #005445;
+  --green-10: #002e27;
+  --gold-1: #fffcf0;
+  --gold-2: #fff6d9;
+  --gold-3: #ffeab0;
+  --gold-4: #ffdb87;
+  --gold-5: #ffc95e;
+  --gold-6: #f7b035;
+  --gold-7: #d18b21;
+  --gold-8: #ab6913;
+  --gold-9: #854a08;
+  --gold-10: #5e3205;
+  --red-1: #fff2f0;
+  --red-2: #ffedeb;
+  --red-3: #ffc8c2;
+  --red-4: #ffa099;
+  --red-5: #fc746f;
+  --red-6: #ef4444;
+  --red-7: #c92e34;
+  --red-8: #a31d26;
+  --red-9: #7d101b;
+  --red-10: #570a15;
+  --purple-1: #f9f0ff;
+  --purple-2: #efdbff;
+  --purple-3: #d3adf7;
+  --purple-4: #b37feb;
+  --purple-5: #9254de;
+  --purple-6: #722ed1;
+  --purple-7: #531dab;
+  --purple-8: #391085;
+  --purple-9: #22075e;
+  --purple-10: #120338;
+  --cyan-1: #e6fffb;
+  --cyan-2: #b5f5ec;
+  --cyan-3: #87e8de;
+  --cyan-4: #5cdbd3;
+  --cyan-5: #36cfc9;
+  --cyan-6: #13c2c2;
+  --cyan-7: #08979c;
+  --cyan-8: #006d75;
+  --cyan-9: #00474f;
+  --cyan-10: #002329;
+  --magenta-1: #fff0f6;
+  --magenta-2: #ffd6e7;
+  --magenta-3: #ffadd2;
+  --magenta-4: #ff85c0;
+  --magenta-5: #f759ab;
+  --magenta-6: #eb2f96;
+  --magenta-7: #c41d7f;
+  --magenta-8: #9e1068;
+  --magenta-9: #780650;
+  --magenta-10: #520339;
+  --pink-1: #fff0f6;
+  --pink-2: #ffd6e7;
+  --pink-3: #ffadd2;
+  --pink-4: #ff85c0;
+  --pink-5: #f759ab;
+  --pink-6: #eb2f96;
+  --pink-7: #c41d7f;
+  --pink-8: #9e1068;
+  --pink-9: #780650;
+  --pink-10: #520339;
+  --orange-1: #fff7e6;
+  --orange-2: #ffe7ba;
+  --orange-3: #ffd591;
+  --orange-4: #ffc069;
+  --orange-5: #ffa940;
+  --orange-6: #fa8c16;
+  --orange-7: #d46b08;
+  --orange-8: #ad4e00;
+  --orange-9: #873800;
+  --orange-10: #612500;
+  --yellow-1: #feffe6;
+  --yellow-2: #ffffb8;
+  --yellow-3: #fffb8f;
+  --yellow-4: #fff566;
+  --yellow-5: #ffec3d;
+  --yellow-6: #fadb14;
+  --yellow-7: #d4b106;
+  --yellow-8: #ad8b00;
+  --yellow-9: #876800;
+  --yellow-10: #614700;
+  --volcano-1: #fff2e8;
+  --volcano-2: #ffd8bf;
+  --volcano-3: #ffbb96;
+  --volcano-4: #ff9c6e;
+  --volcano-5: #ff7a45;
+  --volcano-6: #fa541c;
+  --volcano-7: #d4380d;
+  --volcano-8: #ad2102;
+  --volcano-9: #871400;
+  --volcano-10: #610b00;
+  --geekblue-1: #f0f5ff;
+  --geekblue-2: #d6e4ff;
+  --geekblue-3: #adc6ff;
+  --geekblue-4: #85a5ff;
+  --geekblue-5: #597ef7;
+  --geekblue-6: #2f54eb;
+  --geekblue-7: #1d39c4;
+  --geekblue-8: #10239e;
+  --geekblue-9: #061178;
+  --geekblue-10: #030852;
+  --lime-1: #fcffe6;
+  --lime-2: #f4ffb8;
+  --lime-3: #eaff8f;
+  --lime-4: #d3f261;
+  --lime-5: #bae637;
+  --lime-6: #a0d911;
+  --lime-7: #7cb305;
+  --lime-8: #5b8c00;
+  --lime-9: #3f6600;
+  --lime-10: #254000;
+  --blue-6-tint-20: #4189fc;
+  --blue-6-fade: 18, 107, 251;
+  --blue-6-tint-50: #89b5fd;
+  --gold-6-fade: 247, 176, 53;
+  --red-5-fade: 252, 116, 111;
+  --text-color: #17233d;
+  --white: #ffffff;
+  --fill-color: #e9edf3;
+  --text-color-fade: 23, 35, 61;
+  --white-fade: 255, 255, 255;
+  --text-color-secondary: #454f64;
+  --text-color-tint-50: #8b919e;
+  --text-color-tertiary: #babdc5;
+  --fill-color-tertiary: #f1f2f5;
+  --fill-color-quaternary: #f8f9fb;
+  --border-color: #c9d2dd;
+  --border-color-secondary: #e1e6ee;
+  --bg-color-quaternary: var(--fill-color-quaternary);
+  --bg-color-spotilight: var(--text-color);
+  --bg-color-spotilight-tint-50: var(--text-color-tint-50);
+  --size-step-base: 4;
+  --size-step-unit: 4;
+}

package/themes/common/index.less

@@ -1,4 +1,6 @@
 @import "../default/colors.less";
+@import './css2.x.css';
+
 @hei40:40px;
 body {
 	&{

package/themes/default/colors.less

@@ -3,23 +3,23 @@
 @blue-6: #126bfb;
 @purple-6: #722ed1;
 @cyan-6: #13c2c2;
-@green-6: #56BB52;
+@green-6: #56bb52;
 @magenta-6: #eb2f96;
 @pink-6: #eb2f96;
-@red-6: #D96156;
+@red-6: #d96156;
 @orange-6: #fa8c16;
 @yellow-6: #fadb14;
 @volcano-6: #fa541c;
 @geekblue-6: #2f54eb;
 @lime-6: #a0d911;
-@gold-6: #FF9845;
+@gold-6: #ff9845;
 
 // 线条显色
 @grey-d: #c9d2dd;
 @grey-split: #e1e6ee; // 分割线 常用于表格、collapse
 
 // 背景色
-@bg-disabled: fade(#e1e6ee, 71%);
+@bg-disabled: #f1f2f5;
 @bg-grey-default: #f1f2f5;
 @bg-grey-first: #fafafa;
 @bg-grey-second: #f3f4f6;
@@ -158,3 +158,11 @@
 
 @preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
   purple;
+
+@primary-color: @blue-6;
+@info-color: @blue-6;
+@success-color: @green-6;
+@processing-color: @blue-6;
+@error-color: @red-6;
+@highlight-color: @red-6;
+@warning-color: @gold-6;

package/themes/default/colorsVar.less

@@ -0,0 +1,160 @@
+@import '../utils/colorPalette';
+@blue-6-hover: #005df4;
+@blue-6: var(--blue-6); // #126bfb;
+@purple-6: var(--purple-6); // #722ed1;
+@cyan-6: var(--cyan-6); //#13c2c2;
+@green-6: var(--green-6); // #56BB52;
+@magenta-6: var(--magenta-6); // #eb2f96;
+@pink-6: var(--pink-6); // #eb2f96;
+@red-6: var(--red-6); // #D96156;
+@orange-6: var(--orange-6); // #fa8c16;
+@yellow-6: var(--yellow-6); // #fadb14;
+@volcano-6: var(--volcano-6); // #fa541c;
+@geekblue-6: var(--geekblue-6); // #2f54eb;
+@lime-6: var(--lime-6); // #a0d911;
+@gold-6: var(--gold-6); // #FF9845;
+
+// 线条显色
+@grey-d: #c9d2dd;
+@grey-split: #e1e6ee; // 分割线 常用于表格、collapse
+
+// 背景色
+@bg-disabled: var(--fill-color-tertiary);
+@bg-grey-default: #f1f2f5;
+@bg-grey-first: #fafafa;
+@bg-grey-second: #f3f4f6;
+
+// color palettes
+@blue-1: color(~`colorPalette('@{blue-6}', 1) `);
+@blue-2: color(~`colorPalette('@{blue-6}', 2) `);
+@blue-3: color(~`colorPalette('@{blue-6}', 3) `);
+@blue-4: color(~`colorPalette('@{blue-6}', 4) `);
+@blue-5: color(~`colorPalette('@{blue-6}', 5) `);
+@blue-7: color(~`colorPalette('@{blue-6}', 7) `);
+@blue-8: color(~`colorPalette('@{blue-6}', 8) `);
+@blue-9: color(~`colorPalette('@{blue-6}', 9) `);
+@blue-10: color(~`colorPalette('@{blue-6}', 10) `);
+
+@purple-1: color(~`colorPalette('@{purple-6}', 1) `);
+@purple-2: color(~`colorPalette('@{purple-6}', 2) `);
+@purple-3: color(~`colorPalette('@{purple-6}', 3) `);
+@purple-4: color(~`colorPalette('@{purple-6}', 4) `);
+@purple-5: color(~`colorPalette('@{purple-6}', 5) `);
+@purple-7: color(~`colorPalette('@{purple-6}', 7) `);
+@purple-8: color(~`colorPalette('@{purple-6}', 8) `);
+@purple-9: color(~`colorPalette('@{purple-6}', 9) `);
+@purple-10: color(~`colorPalette('@{purple-6}', 10) `);
+
+@cyan-1: color(~`colorPalette('@{cyan-6}', 1) `);
+@cyan-2: color(~`colorPalette('@{cyan-6}', 2) `);
+@cyan-3: color(~`colorPalette('@{cyan-6}', 3) `);
+@cyan-4: color(~`colorPalette('@{cyan-6}', 4) `);
+@cyan-5: color(~`colorPalette('@{cyan-6}', 5) `);
+@cyan-7: color(~`colorPalette('@{cyan-6}', 7) `);
+@cyan-8: color(~`colorPalette('@{cyan-6}', 8) `);
+@cyan-9: color(~`colorPalette('@{cyan-6}', 9) `);
+@cyan-10: color(~`colorPalette('@{cyan-6}', 10) `);
+
+@green-1: color(~`colorPalette('@{green-6}', 1) `);
+@green-2: color(~`colorPalette('@{green-6}', 2) `);
+@green-3: color(~`colorPalette('@{green-6}', 3) `);
+@green-4: color(~`colorPalette('@{green-6}', 4) `);
+@green-5: color(~`colorPalette('@{green-6}', 5) `);
+@green-7: color(~`colorPalette('@{green-6}', 7) `);
+@green-8: color(~`colorPalette('@{green-6}', 8) `);
+@green-9: color(~`colorPalette('@{green-6}', 9) `);
+@green-10: color(~`colorPalette('@{green-6}', 10) `);
+
+@magenta-1: color(~`colorPalette('@{magenta-6}', 1) `);
+@magenta-2: color(~`colorPalette('@{magenta-6}', 2) `);
+@magenta-3: color(~`colorPalette('@{magenta-6}', 3) `);
+@magenta-4: color(~`colorPalette('@{magenta-6}', 4) `);
+@magenta-5: color(~`colorPalette('@{magenta-6}', 5) `);
+@magenta-7: color(~`colorPalette('@{magenta-6}', 7) `);
+@magenta-8: color(~`colorPalette('@{magenta-6}', 8) `);
+@magenta-9: color(~`colorPalette('@{magenta-6}', 9) `);
+@magenta-10: color(~`colorPalette('@{magenta-6}', 10) `);
+
+// alias of magenta
+@pink-1: color(~`colorPalette('@{pink-6}', 1) `);
+@pink-2: color(~`colorPalette('@{pink-6}', 2) `);
+@pink-3: color(~`colorPalette('@{pink-6}', 3) `);
+@pink-4: color(~`colorPalette('@{pink-6}', 4) `);
+@pink-5: color(~`colorPalette('@{pink-6}', 5) `);
+@pink-7: color(~`colorPalette('@{pink-6}', 7) `);
+@pink-8: color(~`colorPalette('@{pink-6}', 8) `);
+@pink-9: color(~`colorPalette('@{pink-6}', 9) `);
+@pink-10: color(~`colorPalette('@{pink-6}', 10) `);
+
+@red-1: color(~`colorPalette('@{red-6}', 1) `);
+@red-2: color(~`colorPalette('@{red-6}', 2) `);
+@red-3: color(~`colorPalette('@{red-6}', 3) `);
+@red-4: color(~`colorPalette('@{red-6}', 4) `);
+@red-5: color(~`colorPalette('@{red-6}', 5) `);
+@red-7: color(~`colorPalette('@{red-6}', 7) `);
+@red-8: color(~`colorPalette('@{red-6}', 8) `);
+@red-9: color(~`colorPalette('@{red-6}', 9) `);
+@red-10: color(~`colorPalette('@{red-6}', 10) `);
+
+@orange-1: color(~`colorPalette('@{orange-6}', 1) `);
+@orange-2: color(~`colorPalette('@{orange-6}', 2) `);
+@orange-3: color(~`colorPalette('@{orange-6}', 3) `);
+@orange-4: color(~`colorPalette('@{orange-6}', 4) `);
+@orange-5: color(~`colorPalette('@{orange-6}', 5) `);
+@orange-7: color(~`colorPalette('@{orange-6}', 7) `);
+@orange-8: color(~`colorPalette('@{orange-6}', 8) `);
+@orange-9: color(~`colorPalette('@{orange-6}', 9) `);
+@orange-10: color(~`colorPalette('@{orange-6}', 10) `);
+
+@yellow-1: color(~`colorPalette('@{yellow-6}', 1) `);
+@yellow-2: color(~`colorPalette('@{yellow-6}', 2) `);
+@yellow-3: color(~`colorPalette('@{yellow-6}', 3) `);
+@yellow-4: color(~`colorPalette('@{yellow-6}', 4) `);
+@yellow-5: color(~`colorPalette('@{yellow-6}', 5) `);
+@yellow-7: color(~`colorPalette('@{yellow-6}', 7) `);
+@yellow-8: color(~`colorPalette('@{yellow-6}', 8) `);
+@yellow-9: color(~`colorPalette('@{yellow-6}', 9) `);
+@yellow-10: color(~`colorPalette('@{yellow-6}', 10) `);
+
+@volcano-1: color(~`colorPalette('@{volcano-6}', 1) `);
+@volcano-2: color(~`colorPalette('@{volcano-6}', 2) `);
+@volcano-3: color(~`colorPalette('@{volcano-6}', 3) `);
+@volcano-4: color(~`colorPalette('@{volcano-6}', 4) `);
+@volcano-5: color(~`colorPalette('@{volcano-6}', 5) `);
+@volcano-7: color(~`colorPalette('@{volcano-6}', 7) `);
+@volcano-8: color(~`colorPalette('@{volcano-6}', 8) `);
+@volcano-9: color(~`colorPalette('@{volcano-6}', 9) `);
+@volcano-10: color(~`colorPalette('@{volcano-6}', 10) `);
+
+@geekblue-1: color(~`colorPalette('@{geekblue-6}', 1) `);
+@geekblue-2: color(~`colorPalette('@{geekblue-6}', 2) `);
+@geekblue-3: color(~`colorPalette('@{geekblue-6}', 3) `);
+@geekblue-4: color(~`colorPalette('@{geekblue-6}', 4) `);
+@geekblue-5: color(~`colorPalette('@{geekblue-6}', 5) `);
+@geekblue-7: color(~`colorPalette('@{geekblue-6}', 7) `);
+@geekblue-8: color(~`colorPalette('@{geekblue-6}', 8) `);
+@geekblue-9: color(~`colorPalette('@{geekblue-6}', 9) `);
+@geekblue-10: color(~`colorPalette('@{geekblue-6}', 10) `);
+
+@lime-1: color(~`colorPalette('@{lime-6}', 1) `);
+@lime-2: color(~`colorPalette('@{lime-6}', 2) `);
+@lime-3: color(~`colorPalette('@{lime-6}', 3) `);
+@lime-4: color(~`colorPalette('@{lime-6}', 4) `);
+@lime-5: color(~`colorPalette('@{lime-6}', 5) `);
+@lime-7: color(~`colorPalette('@{lime-6}', 7) `);
+@lime-8: color(~`colorPalette('@{lime-6}', 8) `);
+@lime-9: color(~`colorPalette('@{lime-6}', 9) `);
+@lime-10: color(~`colorPalette('@{lime-6}', 10) `);
+
+@gold-1: color(~`colorPalette('@{gold-6}', 1) `);
+@gold-2: color(~`colorPalette('@{gold-6}', 2) `);
+@gold-3: color(~`colorPalette('@{gold-6}', 3) `);
+@gold-4: color(~`colorPalette('@{gold-6}', 4) `);
+@gold-5: color(~`colorPalette('@{gold-6}', 5) `);
+@gold-7: color(~`colorPalette('@{gold-6}', 7) `);
+@gold-8: color(~`colorPalette('@{gold-6}', 8) `);
+@gold-9: color(~`colorPalette('@{gold-6}', 9) `);
+@gold-10: color(~`colorPalette('@{gold-6}', 10) `);
+
+@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
+  purple;