@oceanbase/design 0.4.11 → 0.4.12

package/es/button/index.d.ts

@@ -2,7 +2,7 @@ import type { ButtonProps as AntButtonProps } from 'antd/es/button';
 import React from 'react';
 export * from 'antd/es/button';
 export type ButtonProps = AntButtonProps;
-declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
+declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: React.FC<import("antd/es/button").ButtonGroupProps>;
     __ANT_BUTTON: boolean;
 };

package/es/descriptions/hooks/useItems.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import type { DescriptionsItemType } from '..';
 export default function useItems(items?: DescriptionsItemType[], children?: React.ReactNode, bordered?: boolean): {
     children: string | number | boolean | Iterable<React.ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element;
+    key?: React.Key;
+    label?: React.ReactNode;
     span?: number | "filled" | {
         xxl?: number;
         xl?: number;
@@ -10,11 +12,8 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
         sm?: number;
         xs?: number;
     };
-    label?: React.ReactNode;
     style?: React.CSSProperties;
-    key?: React.Key;
     className?: string;
-    prefixCls?: string;
     classNames?: Partial<Record<"label" | "content", string>>;
     styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
     labelStyle?: React.CSSProperties;

package/es/form/FormItem.d.ts

@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
 import type { TooltipProps } from '../tooltip';
 declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     useStatus: () => {
-        status?: "" | "success" | "error" | "warning" | "validating";
+        status?: "" | "error" | "warning" | "success" | "validating";
         errors: React.ReactNode[];
         warnings: React.ReactNode[];
     };

package/es/modal/Modal.d.ts

@@ -4,27 +4,27 @@ declare const Modal: {
     ({ footer, prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     info(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     success(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     error(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     warning(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     warn(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     confirm(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     useModal: typeof import("antd/es/modal/useModal").default;
     destroyAll: () => void;

package/es/static-function/index.js

@@ -1,4 +1,4 @@
-var _defaultTheme$token, _defaultTheme$token2;
+var _defaultTheme$token, _defaultTheme$token2, _defaultTheme$token3;
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -18,7 +18,8 @@ var mapToken = _objectSpread(_objectSpread(_objectSpread({}, defaultAlgorithm(de
   // 需要覆盖部分 Alias Token 的值
   override: {
     boxShadow: (_defaultTheme$token = defaultTheme.token) === null || _defaultTheme$token === void 0 ? void 0 : _defaultTheme$token.boxShadow,
-    boxShadowSecondary: (_defaultTheme$token2 = defaultTheme.token) === null || _defaultTheme$token2 === void 0 ? void 0 : _defaultTheme$token2.boxShadowSecondary
+    boxShadowSecondary: (_defaultTheme$token2 = defaultTheme.token) === null || _defaultTheme$token2 === void 0 ? void 0 : _defaultTheme$token2.boxShadowSecondary,
+    boxShadowTertiary: (_defaultTheme$token3 = defaultTheme.token) === null || _defaultTheme$token3 === void 0 ? void 0 : _defaultTheme$token3.boxShadowTertiary
   }
 });
 var token = formatToken(mapToken);

package/es/table/index.d.ts

@@ -38,8 +38,8 @@ declare const _default: (<RecordType extends AnyObject = AnyObject>(props: Table
     SELECTION_ALL: "SELECT_ALL";
     SELECTION_INVERT: "SELECT_INVERT";
     SELECTION_NONE: "SELECT_NONE";
-    Column: <RecordType extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType>) => null;
-    ColumnGroup: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_1>) => null;
+    Column: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType_1>) => null;
+    ColumnGroup: <RecordType_2 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_2>) => null;
     Summary: typeof Summary;
     useStyle: (prefixCls: string) => {
         wrapSSR: (node: ReactNode) => ReactElement<any, string | React.JSXElementConstructor<any>>;

package/es/theme/default.js

@@ -81,8 +81,9 @@ var defaultTheme = {
     colorBgMask: 'rgba(19, 32, 57, 0.45)',
     colorBgElevated: '#ffffff',
     colorBgSpotlight: '#ffffff',
+    boxShadow: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
     boxShadowSecondary: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
-    boxShadow: '0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)',
+    boxShadowTertiary: '0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)',
     borderRadius: 6,
     wireframe: false,
     // Remove focus outline

package/es/theme/style/compact.less

@@ -412,8 +412,9 @@
 @borderRadiusSM: 4;
 @borderRadiusLG: 8;
 @borderRadiusOuter: 4;
+@boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
-@boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
+@boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
 @lineWidthFocus: 3;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
@@ -471,11 +472,6 @@
 @marginLG: 16;
 @marginXL: 32;
 @marginXXL: 48;
-@boxShadowTertiary: 
-      0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)
-    ;
 @screenXS: 480;
 @screenXSMin: 480;
 @screenXSMax: 575;

package/es/theme/style/dark.less

@@ -322,8 +322,8 @@
 @colorBgBlur: rgba(255,255,255,0.04);
 @colorBorder: #424242;
 @colorBorderSecondary: #303030;
-@colorPrimaryBg: #111a2c;
-@colorPrimaryBgHover: #0f2445;
+@colorPrimaryBg: #0e2e5b;
+@colorPrimaryBgHover: #0b3b7e;
 @colorPrimaryBorder: #0e2e5b;
 @colorPrimaryBorderHover: #0b3b7e;
 @colorPrimaryHover: #277de8;
@@ -436,11 +436,11 @@
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
 @controlItemBgHover: rgba(255,255,255,0.08);
-@controlItemBgActive: #111a2c;
-@controlItemBgActiveHover: #0f2445;
+@controlItemBgActive: #0e2e5b;
+@controlItemBgActiveHover: #0b3b7e;
 @controlItemBgActiveDisabled: rgba(255,255,255,0.18);
 @controlTmpOutline: rgba(255,255,255,0.04);
-@controlOutline: rgba(0,60,180,0.15);
+@controlOutline: rgba(1,104,249,0.31);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;

package/es/theme/style/default.less

@@ -412,8 +412,9 @@
 @borderRadiusSM: 4;
 @borderRadiusLG: 8;
 @borderRadiusOuter: 4;
+@boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
-@boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
+@boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
 @lineWidthFocus: 3;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
@@ -471,11 +472,6 @@
 @marginLG: 24;
 @marginXL: 32;
 @marginXXL: 48;
-@boxShadowTertiary: 
-      0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)
-    ;
 @screenXS: 480;
 @screenXSMin: 480;
 @screenXSMax: 575;

package/lib/button/index.d.ts

@@ -2,7 +2,7 @@ import type { ButtonProps as AntButtonProps } from 'antd/es/button';
 import React from 'react';
 export * from 'antd/es/button';
 export type ButtonProps = AntButtonProps;
-declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
+declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: React.FC<import("antd/es/button").ButtonGroupProps>;
     __ANT_BUTTON: boolean;
 };

package/lib/descriptions/hooks/useItems.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import type { DescriptionsItemType } from '..';
 export default function useItems(items?: DescriptionsItemType[], children?: React.ReactNode, bordered?: boolean): {
     children: string | number | boolean | Iterable<React.ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element;
+    key?: React.Key;
+    label?: React.ReactNode;
     span?: number | "filled" | {
         xxl?: number;
         xl?: number;
@@ -10,11 +12,8 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
         sm?: number;
         xs?: number;
     };
-    label?: React.ReactNode;
     style?: React.CSSProperties;
-    key?: React.Key;
     className?: string;
-    prefixCls?: string;
     classNames?: Partial<Record<"label" | "content", string>>;
     styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
     labelStyle?: React.CSSProperties;

package/lib/form/FormItem.d.ts

@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
 import type { TooltipProps } from '../tooltip';
 declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     useStatus: () => {
-        status?: "" | "success" | "error" | "warning" | "validating";
+        status?: "" | "error" | "warning" | "success" | "validating";
         errors: React.ReactNode[];
         warnings: React.ReactNode[];
     };

package/lib/modal/Modal.d.ts

@@ -4,27 +4,27 @@ declare const Modal: {
     ({ footer, prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     info(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     success(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     error(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     warning(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     warn(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     confirm(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     useModal: typeof import("antd/es/modal/useModal").default;
     destroyAll: () => void;

package/lib/static-function/index.js

@@ -41,14 +41,15 @@ var import_alias = __toESM(require("antd/lib/theme/util/alias"));
 var import_theme = __toESM(require("../theme"));
 var import_default = __toESM(require("../theme/default"));
 var { defaultAlgorithm, defaultSeed, useToken } = import_theme.default;
-var _a, _b;
+var _a, _b, _c;
 var mapToken = {
   ...defaultAlgorithm(defaultSeed),
   ...import_default.default.token,
   // 需要覆盖部分 Alias Token 的值
   override: {
     boxShadow: (_a = import_default.default.token) == null ? void 0 : _a.boxShadow,
-    boxShadowSecondary: (_b = import_default.default.token) == null ? void 0 : _b.boxShadowSecondary
+    boxShadowSecondary: (_b = import_default.default.token) == null ? void 0 : _b.boxShadowSecondary,
+    boxShadowTertiary: (_c = import_default.default.token) == null ? void 0 : _c.boxShadowTertiary
   }
 };
 var token = (0, import_alias.default)(mapToken);

package/lib/table/index.d.ts

@@ -38,8 +38,8 @@ declare const _default: (<RecordType extends AnyObject = AnyObject>(props: Table
     SELECTION_ALL: "SELECT_ALL";
     SELECTION_INVERT: "SELECT_INVERT";
     SELECTION_NONE: "SELECT_NONE";
-    Column: <RecordType extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType>) => null;
-    ColumnGroup: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_1>) => null;
+    Column: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType_1>) => null;
+    ColumnGroup: <RecordType_2 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_2>) => null;
     Summary: typeof Summary;
     useStyle: (prefixCls: string) => {
         wrapSSR: (node: ReactNode) => ReactElement<any, string | React.JSXElementConstructor<any>>;

package/lib/theme/default.js

@@ -97,8 +97,9 @@ var defaultTheme = {
     colorBgMask: "rgba(19, 32, 57, 0.45)",
     colorBgElevated: "#ffffff",
     colorBgSpotlight: "#ffffff",
+    boxShadow: "0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)",
     boxShadowSecondary: "0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)",
-    boxShadow: "0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)",
+    boxShadowTertiary: "0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)",
     borderRadius: 6,
     wireframe: false,
     // Remove focus outline

package/lib/theme/style/compact.less

@@ -412,8 +412,9 @@
 @borderRadiusSM: 4;
 @borderRadiusLG: 8;
 @borderRadiusOuter: 4;
+@boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
-@boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
+@boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
 @lineWidthFocus: 3;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
@@ -471,11 +472,6 @@
 @marginLG: 16;
 @marginXL: 32;
 @marginXXL: 48;
-@boxShadowTertiary: 
-      0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)
-    ;
 @screenXS: 480;
 @screenXSMin: 480;
 @screenXSMax: 575;

package/lib/theme/style/dark.less

@@ -322,8 +322,8 @@
 @colorBgBlur: rgba(255,255,255,0.04);
 @colorBorder: #424242;
 @colorBorderSecondary: #303030;
-@colorPrimaryBg: #111a2c;
-@colorPrimaryBgHover: #0f2445;
+@colorPrimaryBg: #0e2e5b;
+@colorPrimaryBgHover: #0b3b7e;
 @colorPrimaryBorder: #0e2e5b;
 @colorPrimaryBorderHover: #0b3b7e;
 @colorPrimaryHover: #277de8;
@@ -436,11 +436,11 @@
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
 @controlItemBgHover: rgba(255,255,255,0.08);
-@controlItemBgActive: #111a2c;
-@controlItemBgActiveHover: #0f2445;
+@controlItemBgActive: #0e2e5b;
+@controlItemBgActiveHover: #0b3b7e;
 @controlItemBgActiveDisabled: rgba(255,255,255,0.18);
 @controlTmpOutline: rgba(255,255,255,0.04);
-@controlOutline: rgba(0,60,180,0.15);
+@controlOutline: rgba(1,104,249,0.31);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;

package/lib/theme/style/default.less

@@ -412,8 +412,9 @@
 @borderRadiusSM: 4;
 @borderRadiusLG: 8;
 @borderRadiusOuter: 4;
+@boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
-@boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
+@boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
 @lineWidthFocus: 3;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
@@ -471,11 +472,6 @@
 @marginLG: 24;
 @marginXL: 32;
 @marginXXL: 48;
-@boxShadowTertiary: 
-      0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)
-    ;
 @screenXS: 480;
 @screenXSMin: 480;
 @screenXSMax: 575;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.4.11",
+  "version": "0.4.12",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -43,28 +43,28 @@
     "@ctrl/tinycolor": "^4.1.0",
     "@inline-svg-unique-id/react": "^1.2.3",
     "@oceanbase/aliyun-theme": "^0.1.6",
-    "@oceanbase/icons": "^0.4.6",
-    "@oceanbase/util": "^0.4.3",
+    "@oceanbase/icons": "^0.4.7",
+    "@oceanbase/util": "^0.4.4",
     "ahooks": "^2.10.14",
-    "antd": "^5.25.0",
+    "antd": "^5.26.4",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
-    "lottie-web": "^5.12.2",
+    "lottie-web": "^5.13.0",
     "prop-types": "^15.8.1",
     "rc-util": "^5.44.4"
   },
   "devDependencies": {
-    "@babel/cli": "^7.27.2",
-    "@babel/preset-env": "^7.27.2",
+    "@babel/cli": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
     "antd-token-previewer": "^2.0.8",
-    "rc-select": "^14.16.7",
+    "rc-select": "^14.16.8",
     "rc-slider": "^11.1.8",
-    "rc-table": "^7.50.4",
+    "rc-table": "^7.51.1",
     "rc-tree-select": "^5.27.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "c3f287cc3ed59f6483423ca1c1f09d65012b0d8f"
+  "gitHead": "eea14051a255a8820d64e80e4c0d08527002477f"
 }