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

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

@@ -3,6 +3,181 @@ 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/interface/alias").AliasToken;
+declare let 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;
+};
 declare let message: MessageInstance & {
     useMessage: typeof antMessage.useMessage;
 };
@@ -14,4 +189,4 @@ declare let modal: Omit<ModalStaticFunctions, 'warn'> & {
 };
 declare const _default: () => any;
 export default _default;
-export { token, message, notification, modal };
+export { token, obToken, message, notification, modal };

package/lib/static-function/index.js

@@ -1,82 +1,65 @@
-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/static-function/index.tsx
-var static_function_exports = {};
-__export(static_function_exports, {
-  default: () => static_function_default,
-  message: () => message,
-  modal: () => modal,
-  notification: () => notification,
-  token: () => token
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(static_function_exports);
-var import_antd = require("antd");
-var import_alias = __toESM(require("antd/lib/theme/util/alias"));
-var import_theme = __toESM(require("../theme"));
-var import_default = __toESM(require("../theme/default"));
-var { defaultAlgorithm, defaultSeed, useToken } = import_theme.default;
-var _a, _b, _c;
-var mapToken = {
+exports.token = exports.obToken = exports.notification = exports.modal = exports.message = exports.default = void 0;
+var _react = require("react");
+var _antd = require("antd");
+var _alias = _interopRequireDefault(require("antd/lib/theme/util/alias"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _style = _interopRequireDefault(require("../modal/style"));
+var _obToken = require("../theme/obToken");
+var _theme = _interopRequireDefault(require("../theme"));
+var _default2 = _interopRequireDefault(require("../theme/default"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const {
+  defaultAlgorithm,
+  defaultSeed,
+  useToken
+} = _theme.default;
+
+// set default token
+const mapToken = {
   ...defaultAlgorithm(defaultSeed),
-  ...import_default.default.token,
-  // 需要覆盖部分 Alias Token 的值
+  ..._default2.default.token,
+  // need to override some Alias Token values
   override: {
-    boxShadow: (_a = import_default.default.token) == null ? void 0 : _a.boxShadow,
-    boxShadowSecondary: (_b = import_default.default.token) == null ? void 0 : _b.boxShadowSecondary,
-    boxShadowTertiary: (_c = import_default.default.token) == null ? void 0 : _c.boxShadowTertiary
+    boxShadow: _default2.default.token?.boxShadow,
+    boxShadowSecondary: _default2.default.token?.boxShadowSecondary,
+    boxShadowTertiary: _default2.default.token?.boxShadowTertiary
   }
 };
-var token = (0, import_alias.default)(mapToken);
-var message = import_antd.message;
-var notification = import_antd.notification;
-var modal = import_antd.Modal;
-var static_function_default = () => {
-  token = useToken().token;
-  const staticFunction = import_antd.App.useApp();
-  message = {
+let token = exports.token = (0, _alias.default)(mapToken);
+let obToken = exports.obToken = (0, _obToken.genObToken)(token);
+let message = exports.message = _antd.message;
+let notification = exports.notification = _antd.notification;
+let modal = exports.modal = _antd.Modal;
+var _default = () => {
+  // automatically inject useToken, avoid declaring it every time
+  exports.token = token = useToken().token;
+  exports.obToken = obToken = (0, _obToken.genObToken)(token);
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('modal');
+
+  // register Modal style, ensure static function can also apply style
+  (0, _style.default)(prefixCls);
+  const staticFunction = _antd.App.useApp();
+  // replace antd's static methods, support consuming ConfigProvider configuration
+  exports.message = message = {
     ...staticFunction.message,
-    useMessage: import_antd.message.useMessage
+    useMessage: _antd.message.useMessage
   };
-  notification = {
+  exports.notification = notification = {
     ...staticFunction.notification,
-    useNotification: import_antd.notification.useNotification
+    useNotification: _antd.notification.useNotification
   };
-  modal = {
+  exports.modal = modal = {
     ...staticFunction.modal,
-    useModal: import_antd.Modal.useModal
+    useModal: _antd.Modal.useModal
   };
   return null;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  message,
-  modal,
-  notification,
-  token
-});
+exports.default = _default;

package/lib/statistic/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/statistic/index.ts
-var statistic_exports = {};
-module.exports = __toCommonJS(statistic_exports);
-__reExport(statistic_exports, require("antd/es/statistic"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/statistic")
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _statistic = require("antd/es/statistic");
+Object.keys(_statistic).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _statistic[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _statistic[key];
+    }
+  });
+});

package/lib/steps/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/steps/index.ts
-var steps_exports = {};
-module.exports = __toCommonJS(steps_exports);
-__reExport(steps_exports, require("antd/es/steps"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/steps")
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _steps = require("antd/es/steps");
+Object.keys(_steps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _steps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _steps[key];
+    }
+  });
+});

package/lib/style/global.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import 'antd/dist/reset.css';
+export interface GlobalStyleProps {
+    prefixCls?: string;
+    iconPrefixCls?: string;
+}
+declare const GlobalStyle: React.FC<GlobalStyleProps>;
+export { GlobalStyle };
+export default GlobalStyle;

package/lib/style/global.js

@@ -0,0 +1,203 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.GlobalStyle = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _cssinjs = require("@ant-design/cssinjs");
+var _theme = _interopRequireDefault(require("../theme"));
+var _InterRegular = _interopRequireDefault(require("../fonts/Inter-Regular.woff2"));
+var _InterMedium = _interopRequireDefault(require("../fonts/Inter-Medium.woff2"));
+var _InterSemiBold = _interopRequireDefault(require("../fonts/Inter-SemiBold.woff2"));
+var _Consolas = _interopRequireDefault(require("../fonts/Consolas.woff2"));
+var _HelveticaNeue = _interopRequireDefault(require("../fonts/HelveticaNeue.woff2"));
+require("antd/dist/reset.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const genGlobalStyle = (token, prefixCls, iconPrefixCls) => {
+  const antCls = `.${prefixCls}`;
+  const iconCls = `.${iconPrefixCls}`;
+  const buttonComponentCls = `${antCls}-btn`;
+  const typographyComponentCls = `${antCls}-typography`;
+  const menuComponentCls = `${antCls}-menu`;
+  const pickerComponentCls = `${antCls}-picker`;
+  const collapseComponentCls = `${antCls}-collapse`;
+  const paginationComponentCls = `${antCls}-pagination`;
+  const selectComponentCls = `${antCls}-select`;
+  const treeComponentCls = `${antCls}-tree`;
+  const treeSelectComponentCls = `${antCls}-select-tree`;
+  const uploadComponentCls = `${antCls}-upload`;
+  return [{
+    '@font-face': {
+      fontFamily: 'Inter',
+      fontStyle: 'lighter',
+      fontWeight: 300,
+      // load priority: local font > self-hosting font > remote font
+      src: `local('Inter'), url(${_InterRegular.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*ucHoQ4exBNYAAAAARtAAAAgAemfOAQ/Inter-Regular.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    '@font-face': {
+      fontFamily: 'Inter',
+      fontStyle: 'normal',
+      fontWeight: 400,
+      src: `local('Inter'), url(${_InterMedium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*GboAQ56sQbkAAAAARwAAAAgAemfOAQ/Inter-Medium.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    '@font-face': {
+      fontFamily: 'Inter',
+      fontStyle: 'medium',
+      fontWeight: 500,
+      src: `local('Inter'), url(${_InterMedium.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*GboAQ56sQbkAAAAARwAAAAgAemfOAQ/Inter-Medium.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    '@font-face': {
+      fontFamily: 'Inter',
+      fontStyle: 'semibold',
+      fontWeight: 600,
+      src: `local('Inter'), url(${_InterSemiBold.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*tcOIT5gLQl4AAAAARwAAAAgAemfOAQ/Inter-SemiBold.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    '@font-face': {
+      fontFamily: 'Consolas',
+      src: `local('Consolas'), url(${_Consolas.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*R8bMTqAdGWgAAAAAAAAAAAAADmfOAQ/Consolas.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    '@font-face': {
+      fontFamily: 'Helvetica Neue',
+      src: `local('Helvetica Neue'), url(${_HelveticaNeue.default}) format('woff2'), url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*3EzqR6aYJMkAAAAAAAAAAAAADmfOAQ/HelveticaNeue.woff2') format('woff2')`,
+      fontDisplay: 'swap'
+    }
+  }, {
+    'pre, code, kbd, samp': {
+      fontFamily: token.fontFamilyCode
+    },
+    'input::placeholder': {
+      // affact all placeholder excluding select
+      fontWeight: token.fontWeightWeak
+    },
+    // WCAG 2.4.7: native / non-ant focusables still need a visible ring (antd controls use token lineWidthFocus)
+    [[`button:not([class^="${prefixCls}-"]):not([class*=" ${prefixCls}-"]):focus-visible`, `a:not([class^="${prefixCls}-"]):not([class*=" ${prefixCls}-"]):focus-visible`, `textarea:not([class^="${prefixCls}-"]):not([class*=" ${prefixCls}-"]):focus-visible`, `select:not([class^="${prefixCls}-"]):not([class*=" ${prefixCls}-"]):focus-visible`, `input:not([class^="${prefixCls}-"]):not([class*=" ${prefixCls}-"]):focus-visible`, `[role="button"]:not([class^="${prefixCls}-"]):not([class*=" ${prefixCls}-"]):focus-visible`].join(', ')]: {
+      outline: `${token.lineWidthFocus ?? 2}px solid ${token.colorPrimary}`,
+      outlineOffset: 2
+    },
+    '*': {
+      scrollbarColor: `${token.colorFillSecondary} transparent`
+    },
+    '.rc-virtual-list-scrollbar-thumb': {
+      background: `${token.colorFillSecondary} !important`
+    },
+    // handle font-size: 12px font weight
+    [`[style*='font-size: 12px']`]: {
+      fontWeight: token.fontWeightWeak
+    },
+    // link with href or data-aspm-param^="obcloud_openLink= show underline on hover
+    // except disabled and antd element
+    'a[href], a[data-aspm-param^="obcloud_openLink="]': {
+      [`&:not([disabled]):not([class^="${prefixCls}-"]):hover`]: {
+        textDecoration: 'underline'
+      }
+    },
+    // handle link style in button
+    [`${buttonComponentCls}${buttonComponentCls}-link:not(${buttonComponentCls}-disabled)`]: {
+      '&[href], &[data-aspm-param^="obcloud_openLink="]': {
+        '&:hover': {
+          textDecoration: 'underline'
+        }
+      }
+    },
+    // handle link style in typography
+    [`${typographyComponentCls}:not(${typographyComponentCls}-disabled)`]: {
+      '&[href], &[data-aspm-param^="obcloud_openLink="]': {
+        '&:hover': {
+          textDecoration: 'underline'
+        }
+      }
+    },
+    // handle link style in menu
+    [`${menuComponentCls}`]: {
+      [`${menuComponentCls}-item`]: {
+        [`${menuComponentCls}-title-content`]: {
+          'a:hover': {
+            textDecoration: 'none'
+          }
+        }
+      }
+    },
+    // handle pagination prev and next icon style
+    [`${paginationComponentCls}`]: {
+      [`${paginationComponentCls}-prev:not(${paginationComponentCls}-disabled), ${paginationComponentCls}-next:not(${paginationComponentCls}-disabled)`]: {
+        [`${paginationComponentCls}-item-link`]: {
+          color: token.colorIcon
+        }
+      }
+    },
+    // handle select open style
+    [`${selectComponentCls}${selectComponentCls}-single${selectComponentCls}-open ${selectComponentCls}-selection-item`]: {
+      color: token.colorTextSecondary
+    },
+    // handle picker clear icon style, work for DatePicker and TimePicker
+    [`${pickerComponentCls}`]: {
+      [`${pickerComponentCls}-clear ${iconCls}`]: {
+        color: token.gray7,
+        ['&:hover']: {
+          color: token.gray8
+        }
+      }
+    },
+    [`${collapseComponentCls}`]: {
+      [`${collapseComponentCls}-item ${collapseComponentCls}-header ${collapseComponentCls}-expand-icon, ${collapseComponentCls}-extra`]: {
+        [`${iconCls}`]: {
+          color: token.colorIcon,
+          '&:hover': {
+            color: token.colorIconHover
+          }
+        }
+      }
+    },
+    // handle tree and tree select icon style
+    [`${treeComponentCls} ${treeComponentCls}-switcher, ${treeSelectComponentCls} ${treeSelectComponentCls}-switcher`]: {
+      [`${iconCls}`]: {
+        color: token.colorIcon,
+        // to avoid icon to be hidden when hover
+        position: 'relative'
+      }
+    },
+    [`${treeComponentCls} ${treeComponentCls}-iconEle, ${treeSelectComponentCls} ${treeSelectComponentCls}-iconEle`]: {
+      [`${iconCls}`]: {
+        color: token.colorIcon
+      }
+    },
+    // handle upload icon style
+    [`${uploadComponentCls}`]: {
+      [`${iconCls}`]: {
+        color: token.colorIcon
+      }
+    }
+  }];
+};
+const GlobalStyle = ({
+  prefixCls = 'ant',
+  iconPrefixCls = 'anticon'
+}) => {
+  const {
+    theme,
+    token
+  } = _theme.default.useToken();
+  const wrapSSR = (0, _cssinjs.useStyleRegister)({
+    theme,
+    token,
+    path: ['global'],
+    hashId: '',
+    // Empty hashId for global styles
+    order: -1000 // Inject before other styles
+  }, () => genGlobalStyle(token, prefixCls, iconPrefixCls));
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}));
+};
+exports.GlobalStyle = GlobalStyle;
+var _default = exports.default = GlobalStyle;

package/lib/style/reset.css

@@ -1 +1,2 @@
-@import '~antd/dist/reset.css';
+/* antd/dist/reset.css is imported in global.tsx */
+/* reserve this file for compatibility with antd */