@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.21

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

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type FormToken = FullToken<'Form'>;
 export declare const genFormStyle: GenerateStyle<FormToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/form/style/index.js

@@ -1,38 +1,48 @@
-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);
+"use strict";
 
-// src/form/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genFormStyle: () => genFormStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genFormStyle = (token) => {
-  const { componentCls } = token;
+exports.genFormStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genFormStyle = token => {
+  const {
+    componentCls,
+    calc
+  } = token;
   return {
+    [componentCls]: {
+      // extra style
+      [`${componentCls}-item-explain, ${componentCls}-item-extra`]: {
+        paddingTop: token.paddingXXS,
+        fontSize: token.fontSizeSM,
+        lineHeight: token.lineHeightSM
+      },
+      [`${componentCls}-item-explain + ${componentCls}-item-extra`]: {
+        paddingTop: 0
+      }
+    },
+    // vertical layout style
     [`${componentCls}${componentCls}-vertical`]: {
       [`${componentCls}-item:not(${componentCls}-item-horizontal)`]: {
+        // description style
+        [`${componentCls}-item-control-input`]: {
+          minHeight: 'auto'
+        },
+        [`${componentCls}-item-label`]: {
+          paddingBottom: calc(token.paddingXXS).add(2).equal()
+        },
+        [`${componentCls}-item-description`]: {
+          paddingTop: token.paddingXXS,
+          fontSize: token.fontSizeSM,
+          lineHeight: token.lineHeightSM,
+          color: token.colorTextDescription
+        },
+        // action style
         [`${componentCls}-item-label > label`]: {
-          width: "100%",
+          width: '100%',
           [`${componentCls}-item-action`]: {
-            position: "absolute",
+            position: 'absolute',
             right: 0
           }
         }
@@ -40,13 +50,7 @@ var genFormStyle = (token) => {
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Form", (token) => {
-    return [genFormStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genFormStyle
-});
+exports.genFormStyle = genFormStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Form', token => {
+  return [genFormStyle(token)];
+});

package/lib/grid/col.js

@@ -1,53 +1,36 @@
-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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-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/grid/col.tsx
-var col_exports = {};
-__export(col_exports, {
-  default: () => col_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(col_exports);
-var React = __toESM(require("react"));
-var import_useFlexGapSupport = __toESM(require("../_util/useFlexGapSupport"));
-var import_antd = require("antd");
-var Col = React.forwardRef((props, ref) => {
-  const { style, ...others } = props;
-  const supportFlexGap = (0, import_useFlexGapSupport.default)();
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _useFlexGapSupport = _interopRequireDefault(require("../_util/useFlexGapSupport"));
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
+const Col = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    style,
+    ...others
+  } = props;
+  const supportFlexGap = (0, _useFlexGapSupport.default)();
   const mergeStyle = {
     ...style
   };
   if (!supportFlexGap) {
-    mergeStyle.paddingBottom = "8px";
-    mergeStyle.paddingTop = "8px";
+    mergeStyle.paddingBottom = '8px';
+    mergeStyle.paddingTop = '8px';
   }
-  return /* @__PURE__ */ React.createElement(import_antd.Col, { ref, style: mergeStyle, ...others });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+    ref: ref,
+    style: mergeStyle,
+    ...others
+  });
 });
-if (process.env.NODE_ENV !== "production") {
-  Col.displayName = "Col";
+if (process.env.NODE_ENV !== 'production') {
+  Col.displayName = 'Col';
 }
-var col_default = Col;
+var _default = exports.default = Col;

package/lib/grid/index.js

@@ -1,48 +1,29 @@
-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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Col", {
+  enumerable: true,
+  get: function () {
+    return _col.default;
+  }
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function () {
+    return _row.default;
   }
-  return to;
-};
-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/grid/index.ts
-var grid_exports = {};
-__export(grid_exports, {
-  Col: () => import_col.default,
-  Row: () => import_row.default,
-  default: () => grid_default
 });
-module.exports = __toCommonJS(grid_exports);
-var import_col = __toESM(require("./col"));
-var import_useBreakpoint = __toESM(require("antd/es/grid/hooks/useBreakpoint"));
-var import_row = __toESM(require("./row"));
+exports.default = void 0;
+var _col = _interopRequireDefault(require("./col"));
+var _useBreakpoint = _interopRequireDefault(require("antd/es/grid/hooks/useBreakpoint"));
+var _row = _interopRequireDefault(require("./row"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Do not export params
 function useBreakpoint() {
-  return (0, import_useBreakpoint.default)();
+  return (0, _useBreakpoint.default)();
 }
-var grid_default = { useBreakpoint };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Col,
-  Row
-});
+var _default = exports.default = {
+  useBreakpoint
+};

package/lib/grid/row.js

@@ -1,53 +1,38 @@
-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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-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/grid/row.tsx
-var row_exports = {};
-__export(row_exports, {
-  default: () => row_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(row_exports);
-var React = __toESM(require("react"));
-var import_useFlexGapSupport = __toESM(require("../_util/useFlexGapSupport"));
-var import_antd = require("antd");
-var Row = React.forwardRef((props, ref) => {
-  const { style, ...others } = props;
-  const supportFlexGap = (0, import_useFlexGapSupport.default)();
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _useFlexGapSupport = _interopRequireDefault(require("../_util/useFlexGapSupport"));
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
+const Row = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    style,
+    ...others
+  } = props;
+  const supportFlexGap = (0, _useFlexGapSupport.default)();
+
+  // Add gutter related style
   const mergeStyle = {
     ...style
   };
   if (!supportFlexGap) {
-    mergeStyle.marginTop = "-8px";
-    mergeStyle.marginBottom = "-8px";
+    mergeStyle.marginTop = '-8px';
+    mergeStyle.marginBottom = '-8px';
   }
-  return /* @__PURE__ */ React.createElement(import_antd.Row, { ref, style: mergeStyle, ...others });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Row, {
+    ref: ref,
+    style: mergeStyle,
+    ...others
+  });
 });
-if (process.env.NODE_ENV !== "production") {
-  Row.displayName = "Row";
+if (process.env.NODE_ENV !== 'production') {
+  Row.displayName = 'Row';
 }
-var row_default = Row;
+var _default = exports.default = Row;

package/lib/image/index.js

@@ -1,23 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/image/index.ts
-var image_exports = {};
-module.exports = __toCommonJS(image_exports);
-__reExport(image_exports, require("antd/es/image"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/image")
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _image = require("antd/es/image");
+Object.keys(_image).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _image[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _image[key];
+    }
+  });
+});

package/lib/index.d.ts

@@ -1,4 +1,3 @@
-import './global.css';
 export * from 'antd';
 export { version } from '../package.json';
 export { default as Alert } from './alert';
@@ -13,6 +12,8 @@ export { default as Typography } from './typography';
 export type { TypographyProps } from './typography';
 export { default as Card } from './card';
 export type { CardProps } from './card';
+export { default as App } from './app';
+export type { AppProps } from './app';
 export { default as ConfigProvider } from './config-provider';
 export type { ConfigProviderProps, ConfigConsumerProps, ThemeConfig } from './config-provider';
 export { default as Descriptions } from './descriptions';
@@ -25,7 +26,7 @@ export { default as Modal } from './modal';
 export type { ModalProps, ModalFuncProps, ModalProgressProps } from './modal';
 export { default as Drawer } from './drawer';
 export type { DrawerProps } from './drawer';
-export { message, notification, token } from './static-function';
+export { message, notification, token, obToken } from './static-function';
 export { default as List } from './list';
 export type { ListProps } from './list';
 export { default as Table } from './table';
@@ -66,11 +67,188 @@ export { default as Badge } from './badge';
 export type { BadgeProps } from './badge';
 export { default as Lottie } from './lottie';
 export type { LottieProps, LottieRef } from './lottie';
+export { default as Filter, FilterProvider, useFilterContext } from './filter';
+export type { BaseFilterProps, FilterSelectProps, FilterCheckboxProps, FilterCascaderProps, FilterSwitchProps, FilterRangeProps, FilterInputProps, FilterWrapProps, ResponsiveFilterGroupProps, } from './filter';
 export { default as theme } from './theme';
 declare const useToken: () => {
-    theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/internal").AliasToken>;
-    token: import("antd").GlobalToken;
+    theme: import("@ant-design/cssinjs").Theme<import("antd/lib/theme/interface/seeds").SeedToken, import("./theme/interface").AliasToken>;
+    token: import("./theme/interface").GlobalToken;
     hashId: string;
+    obToken: {
+        white: string;
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        black: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        blue6: string;
+        green1: string;
+        green2: string;
+        green3: string;
+        green4: string;
+        green5: string;
+        green6: string;
+        orange1: string;
+        orange2: string;
+        orange3: string;
+        orange4: string;
+        orange5: string;
+        orange6: string;
+        red1: string;
+        red2: string;
+        red3: string;
+        red4: string;
+        red5: string;
+        red6: string;
+        fuchsia1: string;
+        fuchsia2: string;
+        fuchsia3: string;
+        fuchsia4: string;
+        fuchsia5: string;
+        fuchsia6: string;
+        colorBgDefault: string;
+        colorBgPrimary: string;
+        colorBgSecondary: string;
+        colorBgHover: string;
+        colorBgHoverSecondary: string;
+        colorBgFocus: string;
+        colorBgSelected: string;
+        colorBgDisabled: string;
+        colorBgInfo: string;
+        colorBgSuccess: string;
+        colorBgWarning: string;
+        colorBgError: string;
+        colorDivider: string;
+        colorBorderDefault: string;
+        colorBorderContainer: string;
+        colorBorderInverse: string;
+        colorBorderHover: string;
+        colorBorderSelected: string;
+        colorBorderFocus: string;
+        colorBorderSuccess: string;
+        colorBorderError: string;
+        colorBorderWarning: string;
+        colorTextDefault: string;
+        colorTextNavigation: string;
+        colorTextLabel: string;
+        colorTextDescription: string;
+        colorTextDisabled: string;
+        colorTextFocus: string;
+        colorTextSelected: string;
+        colorTextLink: string;
+        colorTextInverse: string;
+        colorTextDisabledSelected: string;
+        colorTextSuccess: string;
+        colorTextError: string;
+        colorTextWarning: string;
+        colorIconDefault: string;
+        colorIconHover: string;
+        colorIconDisabled: string;
+        colorIconFocus: string;
+        colorIconInverse: string;
+        colorIconInfo: string;
+        colorIconWarning: string;
+        colorIconSuccess: string;
+        colorIconError: string;
+        colorIconCritical: string;
+        colorDefaultText: string;
+        colorDefaultIcon: string;
+        colorDefaultFill: string;
+        colorDefaultBorder: string;
+        colorInfoText: string;
+        colorInfoIcon: string;
+        colorInfoFill: string;
+        colorInfoBorder: string;
+        colorSuccessText: string;
+        colorSuccessIcon: string;
+        colorSuccessFill: string;
+        colorSuccessBorder: string;
+        colorWarningText: string;
+        colorWarningIcon: string;
+        colorWarningFill: string;
+        colorWarningBorder: string;
+        colorErrorText: string;
+        colorErrorIcon: string;
+        colorErrorFill: string;
+        colorErrorBorder: string;
+        colorCriticalText: string;
+        colorCriticalIcon: string;
+        colorCriticalFill: string;
+        colorCriticalBorder: string;
+        fontFamilyDefault: string;
+        fontFamilyCode: string;
+        fontWeightSm: number;
+        fontWeightMd: number;
+        fontWeightLg: number;
+        fontSize300: number;
+        fontSize325: number;
+        fontSize400: number;
+        fontSize450: number;
+        fontSize500: number;
+        fontLineHeight500: string;
+        fontLineHeight600: string;
+        fontLineHeight650: string;
+        fontLineHeight700: string;
+        fontH1: string;
+        fontH2: string;
+        fontH3: string;
+        fontH4: string;
+        fontBody1: string;
+        fontBody2: string;
+        fontCaption: string;
+        fontBodyCode: string;
+        shadow1Top: string;
+        shadow1Bottom: string;
+        shadow1Left: string;
+        shadow1Right: string;
+        shadow2: string;
+        radiusSm: number;
+        radiusMd: number;
+        radiusLg: number;
+        space0: number;
+        space50: number;
+        space100: number;
+        space150: number;
+        space200: number;
+        space300: number;
+        space400: number;
+        space500: number;
+        space600: number;
+        space800: number;
+        spaceNegative25: number;
+        naviColorBg: string;
+        naviColorBgHover: string;
+        naviColorBgFocus: string;
+        btnColorPrimaryBg: string;
+        btnColorPrimaryBgHover: string;
+        btnColorPrimaryBgDisabled: string;
+        btnColorPrimaryText: string;
+        btnColorPrimaryIcon: string;
+        btnColorSecondaryBorder: string;
+        btnColorSecondaryText: string;
+        btnColorSecondaryIcon: string;
+        btnColorDangerBorder: string;
+        btnColorDangerText: string;
+        progressColorBgDefault: string;
+        progressColorBgLoading: string;
+        progressColorBgSuccess: string;
+        progressColorBgError: string;
+        switchColorBgDefault: string;
+        switchColorBgDisabled: string;
+        switchColorBgActive: string;
+        switchColorBgDisabledSelected: string;
+    };
 };
 export { useToken };
 export type { PresetStatusColorType } from 'antd/es/_util/colors';