@oceanbase/design 1.0.0-alpha.9 → 1.0.0

package/es/theme/default.js

@@ -73,13 +73,15 @@ var colorText = gray10;
 var colorTextSecondary = gray8;
 var colorTextTertiary = gray7;
 var colorTextQuaternary = gray6;
+var colorIcon = gray8;
 var colorFill = gray5;
 var colorFillSecondary = gray4;
 var colorFillTertiary = gray3;
 var colorFillQuaternary = gray2;
-var colorBorderSecondary = colorFillSecondary;
+var colorBorder = gray5;
+var colorBorderSecondary = gray4;
 var fontSizeSM = 12;
-var tagColorBorder = colorTextQuaternary;
+var tagColorBorder = gray6;
 var borderRadius = 4;
 var borderRadiusMD = 6;
 var borderRadiusLG = 8;
@@ -87,6 +89,18 @@ export var fontFamilyEn = "Inter, 'Noto sans', sans-serif, Roboto, 'Open Sans',
 export var fontWeightWeakEn = 300;
 export var fontWeightEn = 500;
 export var fontWeightStrongEn = 600;
+
+/** 正文字号（非 Cn），与 token.fontSize 一致；命名对齐 fontFamilyEn / fontWeightEn */
+export var fontSizeEn = 13;
+
+/** Table 单元格字号（非 Cn），与 components.Table.cellFontSize 默认值一致 */
+export var tableCellFontSizeEn = fontSizeSM;
+
+/** Cn 正文/表内字号等 locale 主题补丁（由 config-provider `getLocaleFontSizeThemePatch` 消费） */
+export var fontSizeCn = 14;
+export var fontHeightCn = 22;
+export var lineHeightCn = fontHeightCn / fontSizeCn;
+var lineHeightSM = 20 / 12;
 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'",
@@ -99,65 +113,102 @@ var defaultTheme = {
     borderRadiusMD: borderRadiusMD,
     borderRadiusLG: borderRadiusLG,
     fontSizeSM: fontSizeSM,
-    fontSize: 13,
-    lineHeight: 20 / 13,
+    fontSize: fontSizeEn,
+    lineHeightSM: lineHeightSM,
+    lineHeight: 20 / fontSizeEn,
+    lineHeightLG: 24 / 16,
     fontHeight: 20,
     fontSizeLG: 16,
     fontSizeHeading1: 24,
     fontSizeHeading2: 20,
     fontSizeHeading3: 18,
     fontSizeHeading4: 16,
-    fontSizeHeading5: 13,
+    fontSizeHeading5: fontSizeEn,
+    lineHeightHeading1: 32 / 24,
+    lineHeightHeading2: 28 / 20,
+    lineHeightHeading3: 26 / 18,
+    lineHeightHeading4: 24 / 16,
+    lineHeightHeading5: 20 / fontSizeEn,
     controlHeightSM: 24,
     controlHeight: 28,
+    colorLinkHover: blue5,
+    colorLinkActive: blue5,
     colorPrimary: colorPrimary,
+    colorPrimaryBorder: blue3,
+    colorPrimaryBg: blue1,
+    colorPrimaryBgHover: blue2,
+    colorPrimaryHover: blue5,
+    colorPrimaryActive: blue5,
+    colorPrimaryText: blue6,
     colorInfo: colorPrimary,
     colorInfoBorder: blue3,
     colorInfoBg: blue1,
+    colorInfoBgHover: blue2,
     colorInfoHover: blue5,
     colorInfoActive: blue5,
     colorInfoText: blue6,
     colorSuccess: green4,
     colorSuccessBorder: green3,
     colorSuccessBg: green1,
+    colorSuccessBgHover: green2,
+    colorSuccessHover: green5,
+    colorSuccessActive: green5,
     colorSuccessText: green6,
     colorWarning: orange4,
     colorWarningBorder: orange3,
     colorWarningBg: orange1,
+    colorWarningBgHover: orange2,
+    colorWarningHover: orange5,
+    colorWarningActive: orange5,
     colorWarningText: orange6,
     colorError: red4,
     colorErrorBorder: red3,
     colorErrorBg: red1,
+    colorErrorBgHover: red2,
+    colorErrorHover: red5,
+    colorErrorActive: red5,
     colorErrorText: red6,
     colorFuchsia: fuchsia4,
     colorFuchsiaBorder: fuchsia3,
     colorFuchsiaBg: fuchsia1,
+    colorFuchsiaBgHover: fuchsia2,
+    colorFuchsiaHover: fuchsia5,
+    colorFuchsiaActive: fuchsia5,
     colorFuchsiaText: fuchsia6,
     colorTextBase: black,
     colorText: colorText,
     colorTextSecondary: colorTextSecondary,
     colorTextTertiary: colorTextTertiary,
     colorTextQuaternary: colorTextQuaternary,
-    colorIcon: colorTextSecondary,
+    colorIcon: colorIcon,
     colorBgBase: white,
     colorBgContainer: white,
     colorBgLayout: gray1,
-    colorBorder: colorFill,
+    colorBgTextHover: gray2,
+    colorBgTextActive: gray3,
+    colorBorder: colorBorder,
     colorBorderSecondary: colorBorderSecondary,
     colorFill: colorFill,
     colorFillSecondary: colorFillSecondary,
     colorFillTertiary: colorFillTertiary,
     colorFillQuaternary: colorFillQuaternary,
-    colorBgContainerDisabled: colorFillTertiary,
+    colorBgContainerDisabled: gray2,
     colorBgMask: 'rgba(19, 32, 57, 0.6)',
     colorBgElevated: white,
     colorBgSpotlight: white,
+    controlItemBgHover: gray2,
+    controlItemBgActive: gray2,
+    controlItemBgActiveHover: gray2,
+    // 导航特殊色
+    colorNaviBg: colorNaviBg,
+    colorNaviBgHover: colorNaviBgHover,
+    // 阴影
     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)',
     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)',
     wireframe: false,
-    // Remove focus outline
-    lineWidthFocus: 0,
+    // WCAG 2.4.7: visible focus ring for antd controls (align with antd seed default)
+    lineWidthFocus: 2,
     // ==================== 基础颜色 Token ====================
     // 黑白色
     white: white,
@@ -179,6 +230,12 @@ var defaultTheme = {
     blue4: blue4,
     blue5: blue5,
     blue6: blue6,
+    'blue-1': blue1,
+    'blue-2': blue2,
+    'blue-3': blue3,
+    'blue-4': blue4,
+    'blue-5': blue5,
+    'blue-6': blue6,
     // 绿色 Green
     green1: green1,
     green2: green2,
@@ -186,6 +243,12 @@ var defaultTheme = {
     green4: green4,
     green5: green5,
     green6: green6,
+    'green-1': green1,
+    'green-2': green2,
+    'green-3': green3,
+    'green-4': green4,
+    'green-5': green5,
+    'green-6': green6,
     // 橙色 Orange
     orange1: orange1,
     orange2: orange2,
@@ -193,6 +256,12 @@ var defaultTheme = {
     orange4: orange4,
     orange5: orange5,
     orange6: orange6,
+    'orange-1': orange1,
+    'orange-2': orange2,
+    'orange-3': orange3,
+    'orange-4': orange4,
+    'orange-5': orange5,
+    'orange-6': orange6,
     // 红色 Red
     red1: red1,
     red2: red2,
@@ -200,16 +269,19 @@ var defaultTheme = {
     red4: red4,
     red5: red5,
     red6: red6,
+    'red-1': red1,
+    'red-2': red2,
+    'red-3': red3,
+    'red-4': red4,
+    'red-5': red5,
+    'red-6': red6,
     // 紫色 Fuchsia
     fuchsia1: fuchsia1,
     fuchsia2: fuchsia2,
     fuchsia3: fuchsia3,
     fuchsia4: fuchsia4,
     fuchsia5: fuchsia5,
-    fuchsia6: fuchsia6,
-    // 导航特殊色
-    colorNaviBg: colorNaviBg,
-    colorNaviBgHover: colorNaviBgHover
+    fuchsia6: fuchsia6
   },
   components: {
     Alert: {
@@ -220,6 +292,7 @@ var defaultTheme = {
     },
     Breadcrumb: {
       fontSize: fontSizeSM,
+      lineHeight: lineHeightSM,
       fontHeight: 20,
       lastItemColor: colorTextSecondary
     },
@@ -241,7 +314,14 @@ var defaultTheme = {
       colorBorder: colorBorderSecondary
     },
     DatePicker: {
-      borderRadiusLG: borderRadiusMD
+      borderRadiusLG: borderRadiusMD,
+      colorTextQuaternary: gray8,
+      // work for TimePicker and DatePicker
+      hoverBorderColor: gray7,
+      activeBorderColor: gray7,
+      activeShadow: 'none',
+      warningActiveShadow: 'none',
+      errorActiveShadow: 'none'
     },
     Descriptions: {
       labelColor: colorTextSecondary
@@ -250,12 +330,32 @@ var defaultTheme = {
       borderRadiusLG: borderRadiusMD
     },
     Input: {
-      borderRadiusLG: borderRadiusMD
+      borderRadiusLG: borderRadiusMD,
+      colorTextQuaternary: gray8,
+      // work for Input, InputNumber and AutoComplete
+      hoverBorderColor: gray7,
+      activeShadow: 'none',
+      warningActiveShadow: 'none',
+      errorActiveShadow: 'none'
     },
     InputNumber: {
       handleVisible: true,
+      borderRadiusLG: borderRadiusMD,
+      hoverBorderColor: gray7,
+      activeShadow: 'none',
+      warningActiveShadow: 'none',
+      errorActiveShadow: 'none'
+    },
+    Message: {
       borderRadiusLG: borderRadiusMD
     },
+    Notification: {
+      borderRadiusLG: borderRadiusMD,
+      colorSuccessBg: white,
+      colorErrorBg: white,
+      colorInfoBg: white,
+      colorWarningBg: white
+    },
     Popover: {
       borderRadiusLG: borderRadiusMD
     },
@@ -264,28 +364,36 @@ var defaultTheme = {
     },
     Radio: {
       // temporarily fix style for checked disabled Radio.Button
-      controlItemBgActiveDisabled: colorFillSecondary
+      controlItemBgActiveDisabled: colorFillSecondary,
+      // to match Button padding
+      buttonPaddingInline: 12
     },
     Segmented: {
-      trackBg: colorFillTertiary
+      trackBg: gray2,
+      itemHoverBg: gray3,
+      itemActiveBg: gray4,
+      itemColor: colorText
     },
     Select: {
+      colorTextQuaternary: gray8,
       // work for all multiple select component, including Select, TreeSelect and Cascader and so on
       borderRadiusLG: borderRadiusMD,
-      multipleItemBg: colorFillQuaternary,
+      hoverBorderColor: gray7,
+      multipleItemBg: gray2,
       multipleItemBorderColor: tagColorBorder,
       multipleItemBorderColorDisabled: tagColorBorder
     },
     Slider: {
       trackBg: colorPrimary,
-      trackHoverBg: '#5189fb',
+      // Deeper blue for hover/active track (better contrast vs white than #5189fb)
+      trackHoverBg: blue5,
       trackBgDisabled: '#b3ccff',
       handleColor: colorPrimary,
-      handleActiveColor: '#5189fb',
+      handleActiveColor: blue5,
       handleColorDisabled: '#b3ccff'
     },
     Skeleton: {
-      blockRadius: borderRadius
+      blockRadius: 2
     },
     Tabs: {
       horizontalItemGutter: 24,
@@ -318,16 +426,19 @@ var defaultTheme = {
       colorBgSpotlight: white,
       colorTextLightSolid: colorText
     },
+    Transfer: {
+      borderRadiusLG: borderRadiusMD
+    },
     Menu: {
       borderRadiusLG: borderRadiusMD,
       paddingContentVertical: 0,
       itemHeight: 30,
       itemBorderRadius: borderRadius,
       // 80 means 50% opacity
-      itemHoverBg: colorFillSecondary + '80',
-      itemActiveBg: colorFillSecondary + '80',
-      itemSelectedBg: colorFillSecondary + '80',
-      itemColor: '#36496F',
+      itemHoverBg: gray3,
+      itemActiveBg: gray3,
+      itemSelectedBg: gray3,
+      itemColor: gray9,
       itemSelectedColor: colorText,
       itemMarginBlock: 6,
       groupTitleFontSize: 11,
@@ -342,4 +453,27 @@ defaultTheme.token = _objectSpread(_objectSpread({}, defaultTheme.token), {}, {
   yellow: defaultTheme === null || defaultTheme === void 0 || (_defaultTheme$token3 = defaultTheme.token) === null || _defaultTheme$token3 === void 0 ? void 0 : _defaultTheme$token3.colorWarning,
   red: defaultTheme === null || defaultTheme === void 0 || (_defaultTheme$token4 = defaultTheme.token) === null || _defaultTheme$token4 === void 0 ? void 0 : _defaultTheme$token4.colorError
 });
-export default formatTheme(defaultTheme);
+export default formatTheme(defaultTheme);
+
+/**
+ * Whether the BCP 47 locale should use Cn typography sizing (14px body + table cells; zh/ja/ko).
+ */
+export function isCnLikeLocale(locale) {
+  if (locale == null || locale === '') {
+    return false;
+  }
+  var primary = String(locale).toLowerCase().replace(/_/g, '-').split('-')[0];
+  return primary === 'zh' || primary === 'ja' || primary === 'ko';
+}
+
+/**
+ * Whether the BCP 47 locale uses English UI compact embedded controls in Table
+ * (matches {@link ConfigProvider} `locale.locale` values such as `en`, `en-gb`, `en-*`).
+ */
+export function isEnLikeLocale(locale) {
+  if (locale == null || locale === '') {
+    return false;
+  }
+  var norm = String(locale).toLowerCase().replace(/_/g, '-');
+  return norm === 'en' || norm === 'en-gb' || norm.startsWith('en-');
+}

package/es/theme/index.d.ts

@@ -3,6 +3,7 @@ import { theme } from 'antd';
 import type { Theme } from '@ant-design/cssinjs';
 import type { SeedToken } from 'antd/lib/theme/interface';
 import type { GlobalToken, AliasToken } from './interface';
+import { genObToken } from './obToken';
 export * from 'antd/lib/theme/internal';
 export * from 'antd/lib/theme';
 declare const _default: Omit<{
@@ -29,6 +30,7 @@ declare const _default: Omit<{
         theme: Theme<SeedToken, AliasToken>;
         token: GlobalToken;
         hashId: string;
+        obToken: ReturnType<typeof genObToken>;
     };
 };
 export default _default;

package/es/theme/index.js

@@ -1,3 +1,4 @@
+"use client";
 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; }
@@ -9,6 +10,7 @@ import { pick } from 'lodash';
 // umi 插件只能 import 支持 CommonJS 语法库和文件，因此需要使用 lib 产物
 
 import defaultTheme from "./default";
+import { genObToken } from "./obToken";
 export * from 'antd/lib/theme/internal';
 export * from 'antd/lib/theme';
 var seedTokenKeys = Object.keys(theme.defaultSeed);
@@ -24,7 +26,17 @@ var defaultSeed = _objectSpread(_objectSpread({}, theme.defaultSeed), seedToken)
 // should use reference assign instead of clone assign
 var defaultConfig = theme.defaultConfig;
 defaultConfig.token = defaultSeed;
+
+// 包装 useToken 以添加 obToken
+var useToken = function useToken() {
+  var result = theme.useToken();
+  var obToken = genObToken(result.token);
+  return _objectSpread(_objectSpread({}, result), {}, {
+    obToken: obToken
+  });
+};
 export default _objectSpread(_objectSpread({}, theme), {}, {
   defaultSeed: defaultSeed,
-  defaultConfig: defaultConfig
+  defaultConfig: defaultConfig,
+  useToken: useToken
 });

package/es/theme/interface.d.ts

@@ -23,6 +23,13 @@ export interface AliasToken extends AntAliasToken {
      * @descEN Round of fontSize * lineHeight.
      */
     fontHeight: number;
+    /**
+     * @nameZH 小号字体的高度
+     * @nameEN Font height for small size
+     * @desc 小号字体的高度，用于组件中的一些小号字体，如 Pill Tag 等一些组件样式。
+     * @descEN The height of the small font, used in some small font components, such as Pill Tag etc.
+     */
+    fontHeightSM: number;
     /**
      * @nameZH MD号圆角
      * @nameEN MD Border Radius
@@ -52,6 +59,27 @@ export interface AliasToken extends AntAliasToken {
      * @descEN The background color of the critical error state.
      */
     colorFuchsiaBg: string;
+    /**
+     * @nameZH 严重错误色背景悬停色
+     * @nameEN Critical error background hover color
+     * @desc 严重错误色背景悬停色
+     * @descEN The hover color of the critical error background state.
+     */
+    colorFuchsiaBgHover: string;
+    /**
+     * @nameZH 严重错误色悬停色
+     * @nameEN Critical error hover color
+     * @desc 严重错误色悬停色
+     * @descEN The hover color of the critical error state.
+     */
+    colorFuchsiaHover: string;
+    /**
+     * @nameZH 严重错误色激活色
+     * @nameEN Critical error active color
+     * @desc 严重错误色激活色
+     * @descEN The active color of the critical error state.
+     */
+    colorFuchsiaActive: string;
     /**
      * @nameZH 严重错误色文本
      * @nameEN Critical error text color
@@ -108,3 +136,13 @@ export type GlobalToken = GlobalTokenTypeUtil<ComponentTokenMap, AliasToken>;
 export type OverrideToken = OverrideTokenTypeUtil<ComponentTokenMap, AliasToken>;
 export type OverrideComponent = TokenMapKey<ComponentTokenMap>;
 export type FullToken<C extends TokenMapKey<ComponentTokenMap>> = FullTokenTypeUtil<ComponentTokenMap, AliasToken, C>;
+declare module 'antd/es/table/style' {
+    interface ComponentToken {
+        /**
+         * 英文界面下启用表格内嵌 Button（genSmallBtnStyle）与分页条（含 page size Select）的整套对齐样式。
+         * @descEN Enables full embedded Button and pagination (incl. page-size Select) alignment styles for English UI.
+         * @internal
+         */
+        localeEnEmbeddedControls?: boolean;
+    }
+}

package/es/theme/obToken.d.ts

@@ -0,0 +1,206 @@
+/**
+ * OceanBase Design System - CSS Variables Style
+ * 使用 @ant-design/cssinjs 动态注入 CSS 变量
+ * 根据主题 token 值动态生成
+ */
+import React from 'react';
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import type { GlobalToken } from './interface';
+/**
+ * 根据 token 生成 obToken 对象（CSS 变量的 JavaScript 表示）
+ */
+declare const genObToken: (token: GlobalToken, prefix?: string) => {
+    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;
+    /**
+     * 兼容旧版「状态色」字段（与 DTCG 语义色并存；勿在新代码中使用，亦不在文档中列出）
+     */
+    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;
+};
+/**
+ * 根据 token 生成 CSS 变量样式
+ */
+declare const genCssVariablesStyle: (token: GlobalToken, prefix?: string) => CSSInterpolation;
+export interface CssVariablesStyleProps {
+    /**
+     * CSS 变量前缀，默认为 'ob'
+     */
+    prefix?: string;
+}
+/**
+ * CSS 变量注入组件
+ * 使用 @ant-design/cssinjs 动态注入 CSS 变量
+ */
+declare const CssVariablesStyle: React.FC<CssVariablesStyleProps>;
+export { CssVariablesStyle, genCssVariablesStyle, genObToken };
+export default CssVariablesStyle;