@oceanbase/design 0.4.0 → 0.4.1

package/lib/index.js

@@ -35,6 +35,7 @@ __export(src_exports, {
   Breadcrumb: () => import_breadcrumb.default,
   Button: () => import_button.default,
   Card: () => import_card.default,
+  Checkbox: () => import_checkbox.default,
   Col: () => import_grid.Col,
   ConfigProvider: () => import_config_provider.default,
   Descriptions: () => import_descriptions.default,
@@ -46,10 +47,12 @@ __export(src_exports, {
   List: () => import_list.default,
   Lottie: () => import_lottie.default,
   Modal: () => import_modal.default,
+  Radio: () => import_radio.default,
   Result: () => import_result.default,
   Row: () => import_grid.Row,
   Segmented: () => import_segmented.default,
   Select: () => import_select.default,
+  Slider: () => import_slider.default,
   Space: () => import_space.default,
   Spin: () => import_spin.default,
   Table: () => import_table.default,
@@ -89,8 +92,11 @@ var import_tabs = __toESM(require("./tabs"));
 var import_tag = __toESM(require("./tag"));
 var import_input = __toESM(require("./input"));
 var import_input_number = __toESM(require("./input-number"));
+var import_radio = __toESM(require("./radio"));
+var import_checkbox = __toESM(require("./checkbox"));
 var import_select = __toESM(require("./select"));
 var import_tree_select = __toESM(require("./tree-select"));
+var import_slider = __toESM(require("./slider"));
 var import_tooltip = __toESM(require("./tooltip"));
 var import_segmented = __toESM(require("./segmented"));
 var import_breadcrumb = __toESM(require("./breadcrumb"));
@@ -109,6 +115,7 @@ var { useToken } = import_theme2.default;
   Breadcrumb,
   Button,
   Card,
+  Checkbox,
   Col,
   ConfigProvider,
   Descriptions,
@@ -120,10 +127,12 @@ var { useToken } = import_theme2.default;
   List,
   Lottie,
   Modal,
+  Radio,
   Result,
   Row,
   Segmented,
   Select,
+  Slider,
   Space,
   Spin,
   Table,

package/lib/radio/index.d.ts

@@ -1 +1,3 @@
 export * from 'antd/es/radio';
+declare const Radio: any;
+export default Radio;

package/lib/radio/index.js

@@ -1,7 +1,13 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -11,12 +17,47 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/radio/index.ts
+// src/radio/index.tsx
 var radio_exports = {};
+__export(radio_exports, {
+  default: () => radio_default
+});
 module.exports = __toCommonJS(radio_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_config_provider = __toESM(require("../config-provider"));
+var import_style = __toESM(require("./style"));
 __reExport(radio_exports, require("antd/es/radio"), module.exports);
+var InternalRadio = import_react.default.forwardRef(
+  ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const prefixCls = getPrefixCls("radio", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const radioCls = (0, import_classnames.default)(className);
+    return wrapSSR(
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { ref, prefixCls: customizePrefixCls, className: radioCls, ...restProps })
+    );
+  }
+);
+var Radio = InternalRadio;
+Radio.Button = import_antd.Radio.Button;
+Radio.Group = import_antd.Radio.Group;
+Radio.__ANT_RADIO = import_antd.Radio.__ANT_RADIO;
+if (process.env.NODE_ENV !== "production") {
+  Radio.displayName = import_antd.Radio.displayName;
+}
+var radio_default = Radio;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/radio")

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export type RadioToken = FullToken<'Radio'>;
+export declare const genRadioStyle: GenerateStyle<RadioToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/lib/radio/style/index.js

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/radio/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genRadioStyle: () => genRadioStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genRadioStyle = (token) => {
+  const { componentCls, radioSize, fontSize, fontSizeLG, lineHeight } = token;
+  return {
+    [`${componentCls}-wrapper`]: {
+      [`${componentCls}`]: {
+        alignSelf: "baseline",
+        [`${componentCls}-inner`]: {
+          marginBottom: -(fontSize * lineHeight - (radioSize || fontSizeLG)) / 2
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Radio", (token) => {
+    return [genRadioStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genRadioStyle
+});

package/lib/slider/index.d.ts

@@ -1 +1,6 @@
+import type { SliderSingleProps as AntSliderSingleProps, SliderRangeProps as AntSliderRangeProps } from 'antd/es/slider';
+import type { SliderRef } from 'rc-slider/lib/Slider';
+import React from 'react';
 export * from 'antd/es/slider';
+declare const Slider: React.ForwardRefExoticComponent<(AntSliderSingleProps | AntSliderRangeProps) & React.RefAttributes<SliderRef>>;
+export default Slider;

package/lib/slider/index.js

@@ -1,7 +1,13 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -11,12 +17,43 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/slider/index.ts
+// src/slider/index.tsx
 var slider_exports = {};
+__export(slider_exports, {
+  default: () => slider_default
+});
 module.exports = __toCommonJS(slider_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_config_provider = __toESM(require("../config-provider"));
+var import_style = __toESM(require("./style"));
 __reExport(slider_exports, require("antd/es/slider"), module.exports);
+var Slider = import_react.default.forwardRef(
+  ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const prefixCls = getPrefixCls("slider", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const sliderCls = (0, import_classnames.default)(className);
+    return wrapSSR(
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Slider, { ref, prefixCls: customizePrefixCls, className: sliderCls, ...restProps })
+    );
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  Slider.displayName = import_antd.Slider.displayName;
+}
+var slider_default = Slider;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/slider")

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export type SliderToken = FullToken<'Slider'>;
+export declare const genSliderStyle: GenerateStyle<SliderToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/lib/slider/style/index.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/slider/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genSliderStyle: () => genSliderStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genSliderStyle = (token) => {
+  const { componentCls, dotSize = 8 } = token;
+  return {
+    [`${componentCls}${componentCls}-horizontal`]: {
+      [`${componentCls}-mark`]: {
+        [`${componentCls}-mark-text[style^="left: 0%; transform: translateX(-50%);"]`]: {
+          transform: `translateX(calc(0% - ${dotSize / 2}px)) !important`
+        },
+        [`${componentCls}-mark-text[style^="left: 100%; transform: translateX(-50%);"]`]: {
+          transform: `translateX(calc(-100% + ${dotSize / 2}px)) !important`
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Slider", (token) => {
+    return [genSliderStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genSliderStyle
+});

package/lib/table/index.js

@@ -39,6 +39,7 @@ var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_typography = __toESM(require("../typography"));
+var import_empty = __toESM(require("../empty"));
 var import_style = __toESM(require("./style"));
 var import_useDefaultPagination = __toESM(require("./hooks/useDefaultPagination"));
 var import_useMergedState = __toESM(require("rc-util/lib/hooks/useMergedState"));
@@ -49,6 +50,7 @@ function Table(props, ref) {
   const {
     locale: customLocale,
     columns,
+    footer,
     pagination: customPagination,
     rowSelection,
     toolAlertRender,
@@ -65,7 +67,11 @@ function Table(props, ref) {
   const extendedContext = (0, import_react.useContext)(import_config_provider.default.ExtendedConfigContext);
   const pagination = (0, import_useDefaultPagination.default)(customPagination);
   const { getPrefixCls, locale, table } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const { batchOperationBar, ...restLocale } = {
+  const {
+    batchOperationBar,
+    emptyText = /* @__PURE__ */ import_react.default.createElement(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE }),
+    ...restLocale
+  } = {
     ...customLocale,
     batchOperationBar: {
       ...(_a = import_en_US.default.Table) == null ? void 0 : _a.batchOperationBar,
@@ -77,7 +83,8 @@ function Table(props, ref) {
   const { wrapSSR } = (0, import_style.default)(prefixCls);
   const tableCls = (0, import_classnames.default)(
     {
-      [`${prefixCls}-expandable`]: !(0, import_lodash.isEmpty)(expandable)
+      [`${prefixCls}-expandable`]: !(0, import_lodash.isEmpty)(expandable),
+      [`${prefixCls}-has-footer`]: !!footer
     },
     className
   );
@@ -170,7 +177,10 @@ function Table(props, ref) {
         ref,
         prefixCls: customizePrefixCls,
         className: tableCls,
-        locale: restLocale,
+        locale: {
+          ...restLocale,
+          emptyText: /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-empty-wrapper` }, typeof emptyText === "function" ? emptyText() : emptyText)
+        },
         columns: newColumns,
         rowSelection: rowSelection ? {
           columnWidth: table == null ? void 0 : table.selectionColumnWidth,
@@ -181,6 +191,7 @@ function Table(props, ref) {
             (_a2 = rowSelection == null ? void 0 : rowSelection.onChange) == null ? void 0 : _a2.call(rowSelection, selectedRowKeys, selectedRows, info);
           }
         } : void 0,
+        footer,
         pagination: pagination === false ? false : {
           ...pagination,
           hideOnSinglePage: toolAlertRender || toolOptionsRender || toolSelectedContent || (pagination == null ? void 0 : pagination.showSizeChanger) ? false : (pagination == null ? void 0 : pagination.hideOnSinglePage) !== void 0 ? pagination == null ? void 0 : pagination.hideOnSinglePage : extendedContext.hideOnSinglePage,

package/lib/table/style/index.js

@@ -49,6 +49,9 @@ var genTableStyle = (token) => {
       color: colorText,
       backgroundColor: colorBgBase,
       borderRadius: borderRadiusLG,
+      [`${componentCls}-footer`]: {
+        borderBottom: `1px solid ${colorBorderSecondary}`
+      },
       // head 样式
       [`${componentCls}-thead > tr`]: {
         ["td, th"]: {
@@ -97,6 +100,13 @@ var genTableStyle = (token) => {
             borderRadius: borderRadiusLG
           }
         },
+        // empty wrapper style
+        [`${componentCls}-empty-wrapper`]: {
+          minHeight: 360,
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center"
+        },
         // 嵌套子表格样式
         [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
           // 调整嵌套子表格的间距
@@ -114,10 +124,19 @@ var genTableStyle = (token) => {
             ["td:first-child, td:last-child"]: {
               borderRadius: borderRadiusLG
             }
+          },
+          // empty wrapper style
+          [`${componentCls}-empty-wrapper`]: {
+            minHeight: "auto"
           }
         }
       }
     },
+    // 非可展开表格、带 footer 表格、空表格、带边框表格: 底部添加分隔线
+    [`${componentCls}-wrapper:not(${componentCls}-expandable):not(${componentCls}-has-footer) ${componentCls}:not(${componentCls}-bordered):not(${componentCls}-empty)`]: {
+      borderBottom: `1px solid ${colorBorderSecondary}`,
+      borderRadius: 0
+    },
     // 滚动表格样式
     // 由于滚动表格会在 tbody 下最前面多一个 tr 元素，因此需要设置相反的斑马条样式
     // .ant-table-scroll-horizontal: 水平滚动
@@ -159,12 +178,6 @@ var genTableStyle = (token) => {
             }
           }
         }
-      },
-      // Remove pagination borderTop for expandable Table
-      [`${componentCls}-pagination`]: {
-        [`&${antCls}-pagination`]: {
-          borderTop: "none"
-        }
       }
     },
     // loading style
@@ -181,8 +194,7 @@ var genTableStyle = (token) => {
       [`${componentCls}-pagination`]: {
         [`&${antCls}-pagination`]: {
           padding: `${padding}px 0`,
-          margin: "0 !important",
-          borderTop: `1px solid ${colorBorderSecondary}`
+          margin: "0 !important"
         },
         // 批量操作栏样式
         [`${componentCls}-batch-operation-bar`]: {
@@ -199,14 +211,6 @@ var genTableStyle = (token) => {
             }
           }
         }
-      },
-      // Remove pagination borderTop for bordered Table
-      [`${componentCls}${componentCls}-bordered`]: {
-        [`&+${componentCls}-pagination`]: {
-          [`&${antCls}-pagination`]: {
-            borderTop: "none"
-          }
-        }
       }
     },
     // 批量操作栏中的弹出层样式

package/lib/theme/default.js

@@ -30,16 +30,6 @@ var defaultTheme = {
   token: {
     fontFamily: `-apple-system, 'Noto Sans', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
     fontFamilyCode: `Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace`,
-    fontSizeHeading1: 32,
-    fontSizeHeading2: 24,
-    fontSizeHeading3: 20,
-    fontSizeHeading4: 16,
-    fontSizeHeading5: 14,
-    lineHeightHeading1: 40 / 32,
-    lineHeightHeading2: 32 / 24,
-    lineHeightHeading3: 28 / 20,
-    lineHeightHeading4: 24 / 16,
-    lineHeightHeading5: 22 / 14,
     colorPrimaryBg: "#EAF1FF",
     colorPrimary: "#006AFF",
     colorPrimaryBgHover: "#EAF1FF",
@@ -117,7 +107,8 @@ var defaultTheme = {
       fontSize: 12,
       // @ts-ignore
       // fontHeight is internal token
-      fontHeight: 20
+      fontHeight: 20,
+      lastItemColor: "#5c6b8a"
     },
     InputNumber: {
       handleVisible: true
@@ -132,6 +123,14 @@ var defaultTheme = {
       multipleItemBorderColor: tagColorBorder,
       multipleItemBorderColorDisabled: tagColorBorder
     },
+    Slider: {
+      trackBg: "#006AFF",
+      trackHoverBg: "#5189fb",
+      trackBgDisabled: "#b3ccff",
+      handleColor: "#006AFF",
+      handleActiveColor: "#5189fb",
+      handleColorDisabled: "#b3ccff"
+    },
     Tag: {
       defaultColor: "#5c6b8a",
       colorBorder: tagColorBorder

package/lib/theme/style/aliyun.less

@@ -312,6 +312,9 @@
 @colorFillSecondary: rgba(0, 0, 0, 0.06);
 @colorFillTertiary: rgba(0, 0, 0, 0.04);
 @colorFillQuaternary: rgba(0, 0, 0, 0.02);
+@colorBgSolid: rgb(0, 0, 0);
+@colorBgSolidHover: rgba(0, 0, 0, 0.75);
+@colorBgSolidActive: rgba(0, 0, 0, 0.95);
 @colorBgLayout: #f2f3f5;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
@@ -339,6 +342,7 @@
 @colorSuccessTextActive: #009c6d;
 @colorErrorBg: #fff2f0;
 @colorErrorBgHover: #ffe2de;
+@colorErrorBgFilledHover: #ffd7d3;
 @colorErrorBgActive: #ffbcb5;
 @colorErrorBorder: #ffbcb5;
 @colorErrorBorderHover: #ff948c;
@@ -430,7 +434,7 @@
 @colorErrorOutline: rgba(255, 38, 5, 0.06);
 @colorWarningOutline: rgba(255, 195, 5, 0.1);
 @fontSizeIcon: 12;
-@lineWidthFocus: 4;
+@lineWidthFocus: 3;
 @controlInteractiveSize: 16;
 @controlItemBgHover: rgba(0, 0, 0, 0.04);
 @controlItemBgActive: #e6f4ff;

package/lib/theme/style/compact.less

@@ -312,6 +312,9 @@
 @colorFillSecondary: #e2e8f3;
 @colorFillTertiary: #f3f6fc;
 @colorFillQuaternary: #f8fafe;
+@colorBgSolid: rgb(0, 0, 0);
+@colorBgSolidHover: rgba(0, 0, 0, 0.75);
+@colorBgSolidActive: rgba(0, 0, 0, 0.95);
 @colorBgLayout: #f3f6fc;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
@@ -339,6 +342,7 @@
 @colorSuccessTextActive: #00b378;
 @colorErrorBg: #ffebeb;
 @colorErrorBgHover: #ffd6d6;
+@colorErrorBgFilledHover: #ffd7d3;
 @colorErrorBgActive: #ffbcb5;
 @colorErrorBorder: #ffb3b3;
 @colorErrorBorderHover: #ff7575;
@@ -373,7 +377,7 @@
 @fontSizeLG: 14;
 @fontSizeXL: 16;
 @fontSizeHeading1: 32;
-@fontSizeHeading2: 24;
+@fontSizeHeading2: 26;
 @fontSizeHeading3: 20;
 @fontSizeHeading4: 16;
 @fontSizeHeading5: 14;
@@ -384,7 +388,7 @@
 @fontHeightLG: 22;
 @fontHeightSM: 18;
 @lineHeightHeading1: 1.25;
-@lineHeightHeading2: 1.3333333333333333;
+@lineHeightHeading2: 1.3076923076923077;
 @lineHeightHeading3: 1.4;
 @lineHeightHeading4: 1.5;
 @lineHeightHeading5: 1.5714285714285714;
@@ -430,7 +434,7 @@
 @colorErrorOutline: rgba(255, 5, 5, 0.08);
 @colorWarningOutline: rgba(255, 164, 19, 0.11);
 @fontSizeIcon: 10;
-@lineWidthFocus: 4;
+@lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 14;
 @controlItemBgHover: #f3f6fc;

package/lib/theme/style/dark.less

@@ -312,6 +312,9 @@
 @colorFillSecondary: rgba(255, 255, 255, 0.12);
 @colorFillTertiary: rgba(255, 255, 255, 0.08);
 @colorFillQuaternary: rgba(255, 255, 255, 0.04);
+@colorBgSolid: rgba(255, 255, 255, 0.95);
+@colorBgSolidHover: rgb(255, 255, 255);
+@colorBgSolidActive: rgba(255, 255, 255, 0.9);
 @colorBgLayout: #000000;
 @colorBgContainer: #141414;
 @colorBgElevated: #1f1f1f;
@@ -339,6 +342,7 @@
 @colorSuccessTextActive: #0e845d;
 @colorErrorBg: #2b1416;
 @colorErrorBgHover: #44191a;
+@colorErrorBgFilledHover: #421a1b;
 @colorErrorBgActive: #591f1f;
 @colorErrorBorder: #591f1f;
 @colorErrorBorderHover: #7b2525;
@@ -428,7 +432,7 @@
 @colorErrorOutline: rgba(250, 20, 40, 0.1);
 @colorWarningOutline: rgba(180, 93, 0, 0.15);
 @fontSizeIcon: 12;
-@lineWidthFocus: 4;
+@lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
 @controlItemBgHover: rgba(255, 255, 255, 0.08);

package/lib/theme/style/default.less

@@ -312,6 +312,9 @@
 @colorFillSecondary: #e2e8f3;
 @colorFillTertiary: #f3f6fc;
 @colorFillQuaternary: #f8fafe;
+@colorBgSolid: rgb(0, 0, 0);
+@colorBgSolidHover: rgba(0, 0, 0, 0.75);
+@colorBgSolidActive: rgba(0, 0, 0, 0.95);
 @colorBgLayout: #f3f6fc;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
@@ -339,6 +342,7 @@
 @colorSuccessTextActive: #00b378;
 @colorErrorBg: #ffebeb;
 @colorErrorBgHover: #ffd6d6;
+@colorErrorBgFilledHover: #ffd7d3;
 @colorErrorBgActive: #ffbcb5;
 @colorErrorBorder: #ffb3b3;
 @colorErrorBorderHover: #ff7575;
@@ -372,22 +376,22 @@
 @fontSizeSM: 12;
 @fontSizeLG: 16;
 @fontSizeXL: 20;
-@fontSizeHeading1: 32;
-@fontSizeHeading2: 24;
-@fontSizeHeading3: 20;
-@fontSizeHeading4: 16;
-@fontSizeHeading5: 14;
+@fontSizeHeading1: 38;
+@fontSizeHeading2: 30;
+@fontSizeHeading3: 24;
+@fontSizeHeading4: 20;
+@fontSizeHeading5: 16;
 @lineHeight: 1.5714285714285714;
 @lineHeightLG: 1.5;
 @lineHeightSM: 1.6666666666666667;
 @fontHeight: 22;
 @fontHeightLG: 24;
 @fontHeightSM: 20;
-@lineHeightHeading1: 1.25;
-@lineHeightHeading2: 1.3333333333333333;
-@lineHeightHeading3: 1.4;
-@lineHeightHeading4: 1.5;
-@lineHeightHeading5: 1.5714285714285714;
+@lineHeightHeading1: 1.2105263157894737;
+@lineHeightHeading2: 1.2666666666666666;
+@lineHeightHeading3: 1.3333333333333333;
+@lineHeightHeading4: 1.4;
+@lineHeightHeading5: 1.5;
 @sizeXXL: 48;
 @sizeXL: 32;
 @sizeLG: 24;
@@ -430,7 +434,7 @@
 @colorErrorOutline: rgba(255, 5, 5, 0.08);
 @colorWarningOutline: rgba(255, 164, 19, 0.11);
 @fontSizeIcon: 12;
-@lineWidthFocus: 4;
+@lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
 @controlItemBgHover: #f3f6fc;