@oceanbase/design 0.2.9 → 0.2.11

package/es/_util/genComponentStyleHook.d.ts

@@ -0,0 +1,9 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { ComponentTokenMap } from 'antd/es/theme/interface';
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type ComponentName = keyof ComponentTokenMap;
+export declare function genComponentStyleHook(componentName: ComponentName, styleFn: GenerateStyle<FullToken<ComponentName>>): (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export type { CSSObject, FullToken, GenerateStyle };

package/es/alert/index.d.ts

@@ -0,0 +1,13 @@
+import type { AlertProps as AntAlertProps } from 'antd/es/alert';
+import React from 'react';
+export * from 'antd/es/alert';
+export interface AlertProps extends AntAlertProps {
+    ghost?: boolean;
+    colored?: boolean;
+}
+declare const Alert: {
+    ({ ghost, colored, prefixCls: customizePrefixCls, className, ...restProps }: AlertProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ErrorBoundary: typeof import("antd/es/alert/ErrorBoundary").default;
+    displayName: string;
+};
+export default Alert;

package/es/alert/style/index.d.ts

@@ -0,0 +1,8 @@
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type AlertToken = FullToken<'Alert'>;
+export declare const genAlertStyle: GenerateStyle<AlertToken>;
+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/es/button/index.d.ts

@@ -0,0 +1,11 @@
+import type { ButtonProps as AntButtonProps } from 'antd/es/button';
+import React from 'react';
+export * from 'antd/es/button';
+export declare type ButtonProps = AntButtonProps;
+declare const Button: {
+    ({ prefixCls: customizePrefixCls, className, ...restProps }: ButtonProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    Group: React.FC<import("antd/es/button").ButtonGroupProps>;
+    __ANT_BUTTON: any;
+    displayName: string;
+};
+export default Button;

package/es/button/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type ButtonToken = FullToken<'Button'>;
+export declare const genButtonStyle: GenerateStyle<ButtonToken>;
+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/es/config-provider/index.d.ts

@@ -1,12 +1,18 @@
 import React from 'react';
-import type { ConfigProviderProps } from 'antd/es/config-provider';
+import type { ConfigProviderProps as AntConfigProviderProps, ThemeConfig as AntThemeConfig } from 'antd/es/config-provider';
 export * from 'antd/es/config-provider';
+export interface ThemeConfig extends AntThemeConfig {
+    isDark?: boolean;
+}
+export interface ConfigProviderProps extends AntConfigProviderProps {
+    theme?: ThemeConfig;
+}
 declare const ConfigProvider: {
-    ({ children, ...restProps }: ConfigProviderProps): React.JSX.Element;
+    ({ children, theme, ...restProps }: ConfigProviderProps): React.JSX.Element;
     ConfigContext: React.Context<import("antd/es/config-provider").ConfigConsumerProps>;
     SizeContext: React.Context<import("antd/es/button").ButtonSize>;
-    config: ({ prefixCls, iconPrefixCls, theme, }: Pick<ConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {
-        theme?: import("antd").ThemeConfig | import("antd/es/config-provider/context").Theme;
+    config: ({ prefixCls, iconPrefixCls, theme, }: Pick<AntConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {
+        theme?: AntThemeConfig | import("antd/es/config-provider/context").Theme;
     }) => void;
     useConfig: typeof import("antd/es/config-provider/hooks/useConfig").default;
     displayName: string;

package/es/config-provider/index.js

@@ -1,17 +1,38 @@
-var _excluded = ["children"];
+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); }
+var _excluded = ["children", "theme"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { App, ConfigProvider as AntConfigProvider } from 'antd';
 import StaticFunction from "../static-function";
+import defaultTheme from "../theme";
+import defaultThemeToken from "../theme/default";
+var defaultSeed = defaultTheme.defaultSeed,
+  components = defaultTheme.components;
 export * from 'antd/es/config-provider';
-
-// ConfigProvider 默认内嵌 App，支持 message, notification 和 Modal 等静态方法消费 ConfigProvider 配置
-// ref: https://ant-design.antgroup.com/components/app-cn
+// ConfigProvider 默认设置主题和内嵌 App，支持 message, notification 和 Modal 等静态方法消费 ConfigProvider 配置
+// ref: https://ant.design/components/app-cn
 var ConfigProvider = function ConfigProvider(_ref) {
+  var _theme$components;
   var children = _ref.children,
+    theme = _ref.theme,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(AntConfigProvider, restProps, /*#__PURE__*/React.createElement(App, null, children, /*#__PURE__*/React.createElement(StaticFunction, null)));
+  return /*#__PURE__*/React.createElement(AntConfigProvider, _extends({
+    theme: _objectSpread(_objectSpread({}, theme), {}, {
+      // Only set seed token for dark theme
+      // Because defaultThemeToken is designed for light theme
+      token: theme !== null && theme !== void 0 && theme.isDark ? _objectSpread(_objectSpread({}, defaultSeed), theme === null || theme === void 0 ? void 0 : theme.token) : _objectSpread(_objectSpread(_objectSpread({}, defaultSeed), defaultThemeToken), theme === null || theme === void 0 ? void 0 : theme.token),
+      components: _objectSpread(_objectSpread(_objectSpread({}, components), theme === null || theme === void 0 ? void 0 : theme.components), {}, {
+        InputNumber: _objectSpread(_objectSpread({}, components === null || components === void 0 ? void 0 : components.InputNumber), theme === null || theme === void 0 ? void 0 : (_theme$components = theme.components) === null || _theme$components === void 0 ? void 0 : _theme$components.InputNumber)
+      })
+    })
+  }, restProps), /*#__PURE__*/React.createElement(App, null, children, /*#__PURE__*/React.createElement(StaticFunction, null)));
 };
 ConfigProvider.ConfigContext = AntConfigProvider.ConfigContext;
 ConfigProvider.SizeContext = AntConfigProvider.SizeContext;

package/es/descriptions/Item.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { DescriptionsItemProps as AntDescriptionsItemProps } from 'antd/es/descriptions/Item';
+import type { TextProps } from 'antd/es/typography/Text';
+export interface DescriptionsItemProps extends AntDescriptionsItemProps {
+    contentProps?: TextProps;
+}
+declare const _default: import("react").FC<AntDescriptionsItemProps>;
+export default _default;

package/es/descriptions/index.d.ts

@@ -0,0 +1,11 @@
+import type { DescriptionsProps as AntDescriptionsProps } from 'antd/es/descriptions';
+import type { ReactElement } from 'react';
+import React from 'react';
+export * from 'antd/es/descriptions';
+export declare type DescriptionsProps = AntDescriptionsProps;
+declare const Descriptions: {
+    ({ children, bordered, prefixCls: customizePrefixCls, className, ...restProps }: DescriptionsProps): ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+    Item: React.FC<import("antd/es/descriptions/Item").DescriptionsItemProps>;
+};
+export default Descriptions;

package/es/descriptions/style/index.d.ts

@@ -0,0 +1,11 @@
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type DescriptionsToken = FullToken<'Alert'> & {
+    typographyPrefixCls: string;
+    typographyComponentCls: string;
+};
+export declare const genDescriptionsStyle: GenerateStyle<DescriptionsToken>;
+declare const _default: (prefixCls: string, typographyPrefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/es/form/FormItem.d.ts

@@ -0,0 +1,16 @@
+import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { TooltipProps } from '../tooltip';
+export declare type WrapperTooltipProps = Omit<TooltipProps, 'mouseFollow'> & {
+    icon?: React.ReactElement;
+};
+export declare type LabelTooltipType = WrapperTooltipProps | React.ReactNode;
+declare const FormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    useStatus: () => {
+        status?: "" | "success" | "error" | "warning" | "validating";
+        errors: ReactNode[];
+        warnings: ReactNode[];
+    };
+};
+export default FormItem;

package/es/form/index.d.ts

@@ -0,0 +1,3 @@
+import { Form } from 'antd';
+export * from 'antd/es/form';
+export default Form;

package/es/form/interface.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/form/interface';

package/es/index.js

@@ -1,7 +1,7 @@
 import { theme } from 'antd';
 
 // 引入 antd/dist/reset.css，以重置基本样式，保证原生元素遵从 antd 规范样式
-// ref: https://ant-design.antgroup.com/docs/react/migration-v5-cn#%E6%8A%80%E6%9C%AF%E8%B0%83%E6%95%B4
+// ref: https://ant.design/docs/react/migration-v5-cn#%E6%8A%80%E6%9C%AF%E8%B0%83%E6%95%B4
 import 'antd/dist/reset.css';
 export * from 'antd';
 export { version } from "../package.json";

package/es/locale/index.d.ts

@@ -0,0 +1,5 @@
+import type { Locale as AntLocale } from 'antd/es/locale';
+import type { TableLocale } from '../table';
+export interface Locale extends AntLocale {
+    Table?: TableLocale;
+}

package/es/message/index.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/message';

package/es/message/index.js

@@ -0,0 +1 @@
+export * from 'antd/es/message';

package/es/message/interface.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/message/interface';

package/es/modal/interface.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/modal/interface';

package/es/notification/index.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/notification';

package/es/notification/index.js

@@ -0,0 +1 @@
+export * from 'antd/es/notification';

package/es/notification/interface.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/notification/interface';

package/es/static-function/index.d.ts

@@ -1,9 +1,14 @@
+import { message as antMessage, notification as antNotification } from 'antd';
 import type { MessageInstance } from 'antd/es/message/interface';
 import type { ModalStaticFunctions } from 'antd/es/modal/confirm';
 import type { NotificationInstance } from 'antd/es/notification/interface';
 declare let token: import("antd/lib/theme/internal").AliasToken;
-declare let message: MessageInstance;
-declare let notification: NotificationInstance;
+declare let message: MessageInstance & {
+    useMessage: typeof antMessage.useMessage;
+};
+declare let notification: NotificationInstance & {
+    useNotification: typeof antNotification.useNotification;
+};
 declare let modal: Omit<ModalStaticFunctions, 'warn'>;
 declare const _default: () => any;
 export default _default;

package/es/static-function/index.js

@@ -7,31 +7,30 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { App, message as antMessage, Modal as AntModal, notification as antNotification } from 'antd';
 import formatToken from 'antd/lib/theme/util/alias';
 import theme from "../theme";
+import defaultThemeToken from "../theme/default";
 var defaultAlgorithm = theme.defaultAlgorithm,
   defaultSeed = theme.defaultSeed,
   useToken = theme.useToken;
+
 // 设置默认 token
-var mapToken = _objectSpread(_objectSpread(_objectSpread({}, defaultAlgorithm(defaultSeed)), theme.token), {}, {
+var mapToken = _objectSpread(_objectSpread(_objectSpread({}, defaultAlgorithm(defaultSeed)), defaultThemeToken), {}, {
   override: {}
 });
 var token = formatToken(mapToken);
 var message = antMessage;
 var notification = antNotification;
-var modal = {
-  info: AntModal.info,
-  success: AntModal.success,
-  error: AntModal.error,
-  warning: AntModal.warning,
-  confirm: AntModal.confirm
-};
+var modal = AntModal;
 export default (function () {
   // 自动注入 useToken，避免每次使用都要声明一遍，比较繁琐
   token = useToken().token;
   var staticFunction = App.useApp();
   // 替换 antd 的静态方法，支持消费 ConfigProvider 配置
   message = staticFunction.message;
+  message.useMessage = antMessage.useMessage;
   notification = staticFunction.notification;
+  notification.useNotification = antNotification.useNotification;
   modal = staticFunction.modal;
+  modal.useModal = AntModal.useModal;
   return null;
 });
 export { token, message, notification, modal };

package/es/table/interface.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/table/interface';

package/es/tabs/TabPane.d.ts

@@ -0,0 +1,7 @@
+import type { TabPaneProps as AntTabPaneProps } from 'antd/es/tabs/TabPane';
+import type React from 'react';
+export interface TabPaneProps extends AntTabPaneProps {
+    tag?: React.ReactNode;
+}
+declare const _default: React.FC<AntTabPaneProps>;
+export default _default;

package/es/tabs/hooks/useInkBar.d.ts

@@ -0,0 +1,12 @@
+import type { SizeType } from 'antd/es/config-provider/SizeContext';
+import type { TabsPosition, TabsType } from 'antd/es/tabs';
+import type { MutableRefObject } from 'react';
+declare const _default: ({ prefixCls, activeKey, size, type, tabPosition, containerRef, }: {
+    prefixCls: string;
+    activeKey: string;
+    size: SizeType;
+    type: TabsType;
+    tabPosition: TabsPosition;
+    containerRef: MutableRefObject<HTMLDivElement>;
+}) => void;
+export default _default;

package/es/tabs/hooks/useLegacyItems.d.ts

@@ -0,0 +1,4 @@
+import type { Tab } from 'rc-tabs/lib/interface';
+import * as React from 'react';
+import type { TabsProps } from '..';
+export default function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode, prefixCls?: string): Tab[];

package/es/tabs/index.d.ts

@@ -1,6 +1,6 @@
-import type { TabsPosition as AntTabsPosition, TabsProps as AntTabsProps } from 'antd/es/tabs';
-import type { Tab as AntTab } from 'rc-tabs/es/interface';
 import React from 'react';
+import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition } from 'antd/es/tabs';
+import type { Tab as AntTab } from 'rc-tabs/es/interface';
 export * from 'antd/es/tabs';
 export type { TabPaneProps } from './TabPane';
 export interface Tab extends AntTab {
@@ -12,7 +12,7 @@ export interface TabsProps extends AntTabsProps {
 export declare type TabsPosition = AntTabsPosition;
 declare const Tabs: {
     ({ children, items, defaultActiveKey, activeKey: activeKeyProp, onChange, size, type, tabPosition, prefixCls: customizePrefixCls, className, ...restProps }: TabsProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    TabPane: React.FC<TabPaneProps>;
+    TabPane: React.FC<import("antd").TabPaneProps>;
     displayName: string;
 };
 export default Tabs;

package/es/tabs/index.js

@@ -16,12 +16,13 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { isNullValue } from '@oceanbase/util';
 import { Space, Tabs as AntTabs, Tag } from 'antd';
+import React, { useState, useRef, useContext } from 'react';
 import classNames from 'classnames';
-import React, { useContext, useRef, useState } from 'react';
 import ConfigProvider from "../config-provider";
 import useInkBar from "./hooks/useInkBar";
 import useLegacyItems from "./hooks/useLegacyItems";
 import useStyle from "./style";
+import { useUpdateEffect } from 'ahooks';
 import TabPane from "./TabPane";
 export * from 'antd/es/tabs';
 var Tabs = function Tabs(_ref) {
@@ -64,6 +65,14 @@ var Tabs = function Tabs(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
     setActiveKey = _useState2[1];
+
+  // 防止第一次顶掉默认值
+  useUpdateEffect(function () {
+    // 外部触发的 activeKey 更改，需要同步内部状态变化
+    if (activeKeyProp) {
+      setActiveKey(activeKeyProp);
+    }
+  }, [activeKeyProp]);
   useInkBar({
     prefixCls: prefixCls,
     activeKey: activeKey,

package/es/tabs/style/index.d.ts

@@ -0,0 +1,8 @@
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type TabsToken = FullToken<'Tabs'>;
+export declare const genTagStyle: GenerateStyle<TabsToken>;
+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/es/theme/default.d.ts

@@ -0,0 +1,74 @@
+declare const _default: {
+    colorPrimaryBg: string;
+    colorPrimary: string;
+    colorPrimaryBgHover: string;
+    colorPrimaryBorder: string;
+    colorPrimaryBorderHover: string;
+    colorPrimaryHover: string;
+    colorPrimaryTextHover: string;
+    colorPrimaryText: string;
+    colorPrimaryTextActive: string;
+    colorSuccess: string;
+    colorSuccessBg: string;
+    colorSuccessBgHover: string;
+    colorSuccessBorder: string;
+    colorSuccessBorderHover: string;
+    colorSuccessHover: string;
+    colorSuccessActive: string;
+    colorSuccessTextHover: string;
+    colorSuccessText: string;
+    colorSuccessTextActive: string;
+    colorWarning: string;
+    colorWarningBg: string;
+    colorWarningBgHover: string;
+    colorWarningBorder: string;
+    colorWarningBorderHover: string;
+    colorWarningHover: string;
+    colorWarningActive: string;
+    colorWarningTextHover: string;
+    colorWarningText: string;
+    colorWarningTextActive: string;
+    colorErrorBg: string;
+    colorErrorBgHover: string;
+    colorErrorBorder: string;
+    colorErrorBorderHover: string;
+    colorErrorHover: string;
+    colorErrorActive: string;
+    colorErrorTextHover: string;
+    colorErrorText: string;
+    colorErrorTextActive: string;
+    colorError: string;
+    colorInfo: string;
+    colorInfoBg: string;
+    colorInfoBgHover: string;
+    colorInfoBorder: string;
+    colorInfoBorderHover: string;
+    colorInfoHover: string;
+    colorInfoActive: string;
+    colorInfoTextHover: string;
+    colorInfoText: string;
+    colorInfoTextActive: string;
+    colorTextBase: string;
+    colorBgBase: string;
+    colorText: string;
+    colorTextSecondary: string;
+    colorTextQuaternary: string;
+    colorTextTertiary: string;
+    colorBgContainer: string;
+    colorBgLayout: string;
+    colorBgSpotlight: string;
+    colorBgMask: string;
+    colorBorder: string;
+    colorBorderSecondary: string;
+    colorFillQuaternary: string;
+    colorFillTertiary: string;
+    colorFillSecondary: string;
+    colorFill: string;
+    colorIcon: string;
+    boxShadowSecondary: string;
+    boxShadow: string;
+    borderRadius: number;
+    wireframe: boolean;
+    colorPrimaryActive: string;
+};
+export default _default;

package/es/theme/default.js

@@ -0,0 +1,73 @@
+export default {
+  colorPrimaryBg: '#EAF1FF',
+  colorPrimary: '#006AFF',
+  colorPrimaryBgHover: '#EAF1FF',
+  colorPrimaryBorder: '#B3CCFF',
+  colorPrimaryBorderHover: '#5189FB',
+  colorPrimaryHover: '#004CE6',
+  colorPrimaryTextHover: '#5189FB',
+  colorPrimaryText: '#006AFF',
+  colorPrimaryTextActive: '#004CE6',
+  colorSuccess: '#0ac185',
+  colorSuccessBg: '#EEF8F5',
+  colorSuccessBgHover: '#B3E6D5',
+  colorSuccessBorder: '#B3E6D5',
+  colorSuccessBorderHover: '#4DCCA2',
+  colorSuccessHover: '#4DCCA2',
+  colorSuccessActive: '#00B378',
+  colorSuccessTextHover: '#4DCCA2',
+  colorSuccessText: '#0AC185',
+  colorSuccessTextActive: '#00B378',
+  colorWarning: '#ffac33',
+  colorWarningBg: '#FFF5E5',
+  colorWarningBgHover: '#FFD699',
+  colorWarningBorder: '#FFD699',
+  colorWarningBorderHover: '#FFC166',
+  colorWarningHover: '#FFC166',
+  colorWarningActive: '#FF9700',
+  colorWarningTextHover: '#FFC166',
+  colorWarningText: '#FFAC33',
+  colorWarningTextActive: '#FF9700',
+  colorErrorBg: '#FFEBEB',
+  colorErrorBgHover: '#FFB3B3',
+  colorErrorBorder: '#FFB3B3',
+  colorErrorBorderHover: '#FF8080',
+  colorErrorHover: '#FF8080',
+  colorErrorActive: '#EC1313',
+  colorErrorTextHover: '#FF8080',
+  colorErrorText: '#FF4B4B',
+  colorErrorTextActive: '#EC1313',
+  colorError: '#ff4b4b',
+  colorInfo: '#006aff',
+  colorInfoBg: '#EAF1FF',
+  colorInfoBgHover: '#EAF1FF',
+  colorInfoBorder: '#B3CCFF',
+  colorInfoBorderHover: '#5189FB',
+  colorInfoHover: '#5189FB',
+  colorInfoActive: '#004CE6',
+  colorInfoTextHover: '#5189FB',
+  colorInfoText: '#006AFF',
+  colorInfoTextActive: '#004CE6',
+  colorTextBase: '#132039',
+  colorBgBase: '#ffffff',
+  colorText: '#132039',
+  colorTextSecondary: '#364563',
+  colorTextQuaternary: '#CDD5E4',
+  colorTextTertiary: '#8592AD',
+  colorBgContainer: '#ffffff',
+  colorBgLayout: '#F5F8FE',
+  colorBgSpotlight: 'rgba(19, 32, 57, 0.85)',
+  colorBgMask: 'rgba(19, 32, 57,  0.65)',
+  colorBorder: '#CDD5E4',
+  colorBorderSecondary: '#E2E8F3',
+  colorFillQuaternary: 'rgb(245, 248, 254, 0.45)',
+  colorFillTertiary: 'rgb(245, 248, 254, 0.65)',
+  colorFillSecondary: 'rgb(245, 248, 254, 0.85)',
+  colorFill: '#F5F8FE',
+  colorIcon: '#8592AD',
+  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)',
+  borderRadius: 6,
+  wireframe: false,
+  colorPrimaryActive: '#004CE6'
+};