@oceanbase/design 1.0.0-alpha.8 → 1.0.0

package/lib/theme/default.js

@@ -1,53 +1,108 @@
-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/theme/default.ts
-var default_exports = {};
-__export(default_exports, {
-  default: () => default_default,
-  fontFamilyEn: () => fontFamilyEn,
-  fontWeightEn: () => fontWeightEn,
-  fontWeightStrongEn: () => fontWeightStrongEn,
-  fontWeightWeakEn: () => fontWeightWeakEn
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(default_exports);
-var import_format = require("./util/format");
-var colorPrimary = "#0D6CF2";
-var colorPrimarySecondary = "#598CF3";
-var colorText = "#132039";
-var colorTextSecondary = "#5C6B8A";
-var colorTextTertiary = "#8592AD";
-var colorTextQuaternary = "#B6C0D4";
-var colorFill = "#CDD5E4";
-var colorFillSecondary = "#E2E8F3";
-var colorFillTertiary = "#EBEFF7";
-var colorFillQuaternary = "#F5F7FC";
-var colorBorderSecondary = colorFillSecondary;
-var fontSizeSM = 12;
-var tagColorBorder = colorTextQuaternary;
-var borderRadius = 4;
-var borderRadiusMD = 6;
-var borderRadiusLG = 8;
-var fontFamilyEn = `Inter, 'Noto sans', sans-serif, Roboto, 'Open Sans', 'Segoe UI', 'Helvetica Neue', 'Helvetica, Arial', 'Apple Color Emoji'`;
-var fontWeightWeakEn = 300;
-var fontWeightEn = 500;
-var fontWeightStrongEn = 600;
-var defaultTheme = {
+exports.green6 = exports.green5 = exports.green4 = exports.green3 = exports.green2 = exports.green1 = exports.gray9 = exports.gray8 = exports.gray7 = exports.gray6 = exports.gray5 = exports.gray4 = exports.gray3 = exports.gray2 = exports.gray10 = exports.gray1 = exports.fuchsia6 = exports.fuchsia5 = exports.fuchsia4 = exports.fuchsia3 = exports.fuchsia2 = exports.fuchsia1 = exports.fontWeightWeakEn = exports.fontWeightStrongEn = exports.fontWeightEn = exports.fontSizeEn = exports.fontSizeCn = exports.fontHeightCn = exports.fontFamilyEn = exports.default = exports.colorNaviBgHover = exports.colorNaviBg = exports.blue6 = exports.blue5 = exports.blue4 = exports.blue3 = exports.blue2 = exports.blue1 = exports.black = void 0;
+exports.isCnLikeLocale = isCnLikeLocale;
+exports.isEnLikeLocale = isEnLikeLocale;
+exports.white = exports.tableCellFontSizeEn = exports.red6 = exports.red5 = exports.red4 = exports.red3 = exports.red2 = exports.red1 = exports.orange6 = exports.orange5 = exports.orange4 = exports.orange3 = exports.orange2 = exports.orange1 = exports.lineHeightCn = void 0;
+var _format = require("./util/format");
+// ==================== 基础颜色 Token ====================
+// 中性色 Neutral
+const white = exports.white = '#ffffff';
+const gray1 = exports.gray1 = '#fbfcfe';
+const gray2 = exports.gray2 = '#f5f7fc';
+const gray3 = exports.gray3 = '#ebeff7';
+const gray4 = exports.gray4 = '#e2e8f3';
+const gray5 = exports.gray5 = '#cdd5e4';
+const gray6 = exports.gray6 = '#b6c0d4';
+const gray7 = exports.gray7 = '#8592ad';
+const gray8 = exports.gray8 = '#5c6b8a';
+const gray9 = exports.gray9 = '#3b4a69';
+const gray10 = exports.gray10 = '#132039';
+const black = exports.black = '#000000';
+
+// 蓝色 Blue
+const blue1 = exports.blue1 = '#f3f8fe';
+const blue2 = exports.blue2 = '#b3d3ff';
+const blue3 = exports.blue3 = '#619ef3';
+const blue4 = exports.blue4 = '#0d6cf2';
+const blue5 = exports.blue5 = '#0852bb';
+const blue6 = exports.blue6 = '#0d3c80';
+
+// 绿色 Green
+const green1 = exports.green1 = '#f5faf8';
+const green2 = exports.green2 = '#b3e6d5';
+const green3 = exports.green3 = '#79d1b4';
+const green4 = exports.green4 = '#16b882';
+const green5 = exports.green5 = '#0a8c61';
+const green6 = exports.green6 = '#09593f';
+
+// 橙色 Orange
+const orange1 = exports.orange1 = '#fff9ee';
+const orange2 = exports.orange2 = '#ffe7c2';
+const orange3 = exports.orange3 = '#fac373';
+const orange4 = exports.orange4 = '#f49f25';
+const orange5 = exports.orange5 = '#ac690b';
+const orange6 = exports.orange6 = '#6c4408';
+
+// 红色 Red
+const red1 = exports.red1 = '#fff2f2';
+const red2 = exports.red2 = '#ffd6d6';
+const red3 = exports.red3 = '#f69898';
+const red4 = exports.red4 = '#eb4242';
+const red5 = exports.red5 = '#b52727';
+const red6 = exports.red6 = '#8a1b1b';
+
+// 紫色 Fuchsia
+const fuchsia1 = exports.fuchsia1 = '#faf0fc';
+const fuchsia2 = exports.fuchsia2 = '#e8caee';
+const fuchsia3 = exports.fuchsia3 = '#d88ee7';
+const fuchsia4 = exports.fuchsia4 = '#b04ec4';
+const fuchsia5 = exports.fuchsia5 = '#802792';
+const fuchsia6 = exports.fuchsia6 = '#580e67';
+
+// 导航特殊色
+const colorNaviBg = exports.colorNaviBg = '#f1f6ff';
+const colorNaviBgHover = exports.colorNaviBgHover = '#e8effb';
+
+// ==================== 基础 Token 别名 ====================
+const colorPrimary = blue4;
+const colorPrimarySecondary = '#598cf3';
+const colorText = gray10;
+const colorTextSecondary = gray8;
+const colorTextTertiary = gray7;
+const colorTextQuaternary = gray6;
+const colorIcon = gray8;
+const colorFill = gray5;
+const colorFillSecondary = gray4;
+const colorFillTertiary = gray3;
+const colorFillQuaternary = gray2;
+const colorBorder = gray5;
+const colorBorderSecondary = gray4;
+const fontSizeSM = 12;
+const tagColorBorder = gray6;
+const borderRadius = 4;
+const borderRadiusMD = 6;
+const borderRadiusLG = 8;
+const fontFamilyEn = exports.fontFamilyEn = `Inter, 'Noto sans', sans-serif, Roboto, 'Open Sans', 'Segoe UI', 'Helvetica Neue', 'Helvetica, Arial', 'Apple Color Emoji'`;
+const fontWeightWeakEn = exports.fontWeightWeakEn = 300;
+const fontWeightEn = exports.fontWeightEn = 500;
+const fontWeightStrongEn = exports.fontWeightStrongEn = 600;
+
+/** 正文字号（非 Cn），与 token.fontSize 一致；命名对齐 fontFamilyEn / fontWeightEn */
+const fontSizeEn = exports.fontSizeEn = 13;
+
+/** Table 单元格字号（非 Cn），与 components.Table.cellFontSize 默认值一致 */
+const tableCellFontSizeEn = exports.tableCellFontSizeEn = fontSizeSM;
+
+/** Cn 正文/表内字号等 locale 主题补丁（由 config-provider `getLocaleFontSizeThemePatch` 消费） */
+const fontSizeCn = exports.fontSizeCn = 14;
+const fontHeightCn = exports.fontHeightCn = 22;
+const lineHeightCn = exports.lineHeightCn = fontHeightCn / fontSizeCn;
+const lineHeightSM = 20 / 12;
+const defaultTheme = {
   token: {
     fontFamily: `-apple-system, 'Noto Sans', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
     fontFamilyCode: `Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace`,
@@ -59,65 +114,175 @@ var defaultTheme = {
     borderRadiusMD,
     borderRadiusLG,
     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,
-    colorPrimary,
+    colorLinkHover: blue5,
+    colorLinkActive: blue5,
+    colorPrimary: colorPrimary,
+    colorPrimaryBorder: blue3,
+    colorPrimaryBg: blue1,
+    colorPrimaryBgHover: blue2,
+    colorPrimaryHover: blue5,
+    colorPrimaryActive: blue5,
+    colorPrimaryText: blue6,
     colorInfo: colorPrimary,
-    colorInfoBorder: "#619EF3",
-    colorInfoBg: "#F3F8FE",
-    colorInfoHover: "#0852BB",
-    colorInfoActive: "#0852BB",
-    colorInfoText: "#0D3C80",
-    colorSuccess: "#16B882",
-    colorSuccessBorder: "#79D1B4",
-    colorSuccessBg: "#F5FAF8",
-    colorSuccessText: "#09593F",
-    colorWarning: "#F49F25",
-    colorWarningBorder: "#FAC373",
-    colorWarningBg: "#FFF9EE",
-    colorWarningText: "#6C4408",
-    colorError: "#EB4242",
-    colorErrorBorder: "#F69898",
-    colorErrorBg: "#FFF2F2",
-    colorErrorText: "#8A1B1B",
-    colorFuchsia: "#B04EC4",
-    colorFuchsiaBorder: "#D88EE7",
-    colorFuchsiaBg: "#FAF0FC",
-    colorFuchsiaText: "#580E67",
-    colorTextBase: "#000000",
+    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,
     colorTextSecondary,
     colorTextTertiary,
     colorTextQuaternary,
-    colorIcon: colorTextSecondary,
-    colorBgBase: "#ffffff",
-    colorBgContainer: "#ffffff",
-    colorBgLayout: "#FBFCFE",
-    colorBorder: colorFill,
+    colorIcon,
+    colorBgBase: white,
+    colorBgContainer: white,
+    colorBgLayout: gray1,
+    colorBgTextHover: gray2,
+    colorBgTextActive: gray3,
+    colorBorder,
     colorBorderSecondary,
     colorFill,
     colorFillSecondary,
     colorFillTertiary,
     colorFillQuaternary,
-    colorBgContainerDisabled: colorFillTertiary,
-    colorBgMask: "rgba(19, 32, 57, 0.6)",
-    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)",
-    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)",
+    colorBgContainerDisabled: gray2,
+    colorBgMask: 'rgba(19, 32, 57, 0.6)',
+    colorBgElevated: white,
+    colorBgSpotlight: white,
+    controlItemBgHover: gray2,
+    controlItemBgActive: gray2,
+    controlItemBgActiveHover: gray2,
+    // 导航特殊色
+    colorNaviBg,
+    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,
+    black,
+    // 中性色 Neutral
+    gray1,
+    gray2,
+    gray3,
+    gray4,
+    gray5,
+    gray6,
+    gray7,
+    gray8,
+    gray9,
+    // 蓝色 Blue
+    blue1,
+    blue2,
+    blue3,
+    blue4,
+    blue5,
+    blue6,
+    'blue-1': blue1,
+    'blue-2': blue2,
+    'blue-3': blue3,
+    'blue-4': blue4,
+    'blue-5': blue5,
+    'blue-6': blue6,
+    // 绿色 Green
+    green1,
+    green2,
+    green3,
+    green4,
+    green5,
+    green6,
+    'green-1': green1,
+    'green-2': green2,
+    'green-3': green3,
+    'green-4': green4,
+    'green-5': green5,
+    'green-6': green6,
+    // 橙色 Orange
+    orange1,
+    orange2,
+    orange3,
+    orange4,
+    orange5,
+    orange6,
+    'orange-1': orange1,
+    'orange-2': orange2,
+    'orange-3': orange3,
+    'orange-4': orange4,
+    'orange-5': orange5,
+    'orange-6': orange6,
+    // 红色 Red
+    red1,
+    red2,
+    red3,
+    red4,
+    red5,
+    red6,
+    'red-1': red1,
+    'red-2': red2,
+    'red-3': red3,
+    'red-4': red4,
+    'red-5': red5,
+    'red-6': red6,
+    // 紫色 Fuchsia
+    fuchsia1,
+    fuchsia2,
+    fuchsia3,
+    fuchsia4,
+    fuchsia5,
+    fuchsia6
   },
   components: {
     Alert: {
@@ -128,10 +293,12 @@ var defaultTheme = {
     },
     Breadcrumb: {
       fontSize: fontSizeSM,
+      lineHeight: lineHeightSM,
       fontHeight: 20,
       lastItemColor: colorTextSecondary
     },
     Button: {
+      iconGap: 4,
       contentFontSizeSM: 12,
       borderRadiusSM: 4,
       borderRadius: 4,
@@ -142,13 +309,20 @@ var defaultTheme = {
     },
     Card: {
       headerFontSize: 16,
-      borderRadiusLG
+      borderRadiusLG: borderRadiusLG
     },
     Collapse: {
       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
@@ -157,12 +331,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
     },
@@ -171,34 +365,45 @@ 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",
-      trackBgDisabled: "#b3ccff",
+      // Deeper blue for hover/active track (better contrast vs white than #5189fb)
+      trackHoverBg: blue5,
+      trackBgDisabled: '#b3ccff',
       handleColor: colorPrimary,
-      handleActiveColor: "#5189fb",
-      handleColorDisabled: "#b3ccff"
+      handleActiveColor: blue5,
+      handleColorDisabled: '#b3ccff'
     },
     Skeleton: {
-      blockRadius: borderRadius
+      blockRadius: 2
     },
     Tabs: {
       horizontalItemGutter: 24,
       itemActiveColor: colorText,
       itemSelectedColor: colorText,
-      itemHoverColor: colorText
+      itemHoverColor: colorText,
+      horizontalItemPaddingSM: '12px 0',
+      horizontalItemPadding: '16px 0',
+      horizontalItemPaddingLG: '16px 0'
     },
     Tag: {
       colorBorder: tagColorBorder,
@@ -206,30 +411,35 @@ var defaultTheme = {
     },
     Table: {
       cellFontSize: fontSizeSM,
-      headerSplitColor: "transparent",
+      headerSplitColor: 'transparent',
       cellPaddingBlock: 8,
       cellPaddingInline: 16,
       cellPaddingBlockMD: 6,
+      cellPaddingInlineMD: 8,
       cellPaddingBlockSM: 4,
+      cellPaddingInlineSM: 6,
       rowHoverBg: colorFillQuaternary,
       rowSelectedBg: colorFillQuaternary,
       rowSelectedHoverBg: colorFillTertiary
     },
     Tooltip: {
       borderRadius: borderRadiusMD,
-      colorBgSpotlight: "#ffffff",
+      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,
@@ -237,20 +447,34 @@ var defaultTheme = {
     }
   }
 };
-var _a, _b, _c, _d;
 defaultTheme.token = {
   ...defaultTheme.token,
   // preset colors below should be same with semantic colors
-  blue: (_a = defaultTheme == null ? void 0 : defaultTheme.token) == null ? void 0 : _a.colorInfo,
-  green: (_b = defaultTheme == null ? void 0 : defaultTheme.token) == null ? void 0 : _b.colorSuccess,
-  yellow: (_c = defaultTheme == null ? void 0 : defaultTheme.token) == null ? void 0 : _c.colorWarning,
-  red: (_d = defaultTheme == null ? void 0 : defaultTheme.token) == null ? void 0 : _d.colorError
+  blue: defaultTheme?.token?.colorInfo,
+  green: defaultTheme?.token?.colorSuccess,
+  yellow: defaultTheme?.token?.colorWarning,
+  red: defaultTheme?.token?.colorError
 };
-var default_default = (0, import_format.formatTheme)(defaultTheme);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  fontFamilyEn,
-  fontWeightEn,
-  fontWeightStrongEn,
-  fontWeightWeakEn
-});
+var _default = exports.default = (0, _format.formatTheme)(defaultTheme);
+/**
+ * Whether the BCP 47 locale should use Cn typography sizing (14px body + table cells; zh/ja/ko).
+ */
+function isCnLikeLocale(locale) {
+  if (locale == null || locale === '') {
+    return false;
+  }
+  const 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-*`).
+ */
+function isEnLikeLocale(locale) {
+  if (locale == null || locale === '') {
+    return false;
+  }
+  const norm = String(locale).toLowerCase().replace(/_/g, '-');
+  return norm === 'en' || norm === 'en-gb' || norm.startsWith('en-');
+}

package/lib/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;