rsuite 6.1.1 → 6.1.2

package/dist/rsuite.css

@@ -1,8 +1,18 @@
 @charset "UTF-8";
+html{
+  -webkit-tap-highlight-color:transparent;
+  font-size:var(--rs-html-font-size);
+}
+
 body{
   margin:0;
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale;
+  font-family:var(--rs-font-family-base);
+  font-size:var(--rs-font-size-sm);
+  line-height:var(--rs-line-height-md);
+  color:var(--rs-text-primary);
+  background-color:var(--rs-body);
 }
 
 [hidden],
@@ -1461,6 +1471,7 @@ dd{
 }
 
 :root{
+  --rs-html-font-size:16px;
   --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
   --rs-font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --rs-font-size-4xs:0.375rem;
@@ -1558,19 +1569,6 @@ dd{
   box-sizing:border-box;
 }
 
-html{
-  -webkit-tap-highlight-color:transparent;
-  font-size:16px;
-}
-
-body{
-  font-family:var(--rs-font-family-base);
-  font-size:var(--rs-font-size-sm);
-  line-height:var(--rs-line-height-md);
-  color:var(--rs-text-primary);
-  background-color:var(--rs-body);
-}
-
 @media (max-width: calc(576px - 1px)){
   [data-visible-from=xs]{
     display:none !important;
@@ -11944,6 +11942,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   align-items:center;
   width:100%;
   gap:calc(var(--rs-spacing) * 3);
+  font-size:var(--rs-font-size-sm);
 }
 .rs-progress-line:where([data-status=active]) .rs-progress-line-stroke{
   position:relative;

package/dist/rsuite.js

@@ -2270,7 +2270,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = CustomProvider;\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _IconProvider = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/IconProvider */ \"./node_modules/@rsuite/icons/esm/IconProvider.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DOMHelper = __webpack_require__(/*! ../DOMHelper */ \"./src/DOMHelper/index.ts\");\nvar _CustomContext = __webpack_require__(/*! ../internals/Provider/CustomContext */ \"./src/internals/Provider/CustomContext.tsx\");\nvar _ToastContainer = _interopRequireWildcard(__webpack_require__(/*! ../toaster/ToastContainer */ \"./src/toaster/ToastContainer.tsx\"));\nvar _DialogContainer = _interopRequireDefault(__webpack_require__(/*! ../useDialog/DialogContainer */ \"./src/useDialog/DialogContainer.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CustomProvider/CustomProvider.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst themes = ['light', 'dark', 'high-contrast'];\n\n/**\n * CustomProvider is used to provide global configuration, such as language, theme, etc.\n *\n * @see https://rsuitejs.com/components/custom-provider\n */\nfunction CustomProvider(props) {\n  const {\n    children,\n    classPrefix = (0, _utils.getClassNamePrefix)(),\n    components,\n    iconClassPrefix = classPrefix,\n    theme,\n    toastContainer = _ToastContainer.defaultToasterContainer,\n    disableRipple,\n    csp,\n    disableInlineStyles,\n    ...rest\n  } = props;\n  const toasters = (0, _react.useRef)(new Map());\n  // This creates a ref that matches the expected type in CustomContext\n  const dialogContainerRef = (0, _react.useRef)(null);\n  const {\n    Portal\n  } = (0, _hooks.usePortal)({\n    container: toastContainer,\n    waitMount: true\n  });\n  const value = (0, _react.useMemo)(() => ({\n    classPrefix,\n    theme,\n    toasters,\n    disableRipple,\n    components,\n    toastContainer,\n    ...rest\n  }), [classPrefix, theme, disableRipple, components, toastContainer, rest]);\n  const iconContext = (0, _react.useMemo)(() => ({\n    classPrefix: iconClassPrefix,\n    csp,\n    disableInlineStyles\n  }), [iconClassPrefix, csp, disableInlineStyles]);\n  (0, _hooks.useIsomorphicLayoutEffect)(() => {\n    if (_DOMHelper.canUseDOM && theme) {\n      (0, _DOMHelper.addClass)(document.body, (0, _utils.prefix)(classPrefix, `theme-${theme}`));\n\n      // Remove the className that will cause style conflicts\n      themes.forEach(t => {\n        if (t !== theme) {\n          (0, _DOMHelper.removeClass)(document.body, (0, _utils.prefix)(classPrefix, `theme-${t}`));\n        }\n      });\n    }\n  }, [classPrefix, theme]);\n\n  // Create a context value with proper types\n  const contextValue = {\n    dialogContainer: dialogContainerRef,\n    ...value\n  };\n  return /*#__PURE__*/_react.default.createElement(_CustomContext.CustomContext.Provider, {\n    value: contextValue,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_IconProvider.default, {\n    value: iconContext,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70,\n      columnNumber: 7\n    }\n  }, children, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: `${classPrefix}toast-provider`,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73,\n      columnNumber: 11\n    }\n  }, _ToastContainer.toastPlacements.map(placement => /*#__PURE__*/_react.default.createElement(_ToastContainer.default, {\n    key: placement,\n    placement: placement,\n    ref: ref => {\n      toasters.current.set(placement, ref);\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 15\n    }\n  }))), /*#__PURE__*/_react.default.createElement(_DialogContainer.default, {\n    ref: dialogContainerRef,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 85,\n      columnNumber: 11\n    }\n  }))));\n}\n\n//# sourceURL=webpack://rsuite/./src/CustomProvider/CustomProvider.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = CustomProvider;\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _IconProvider = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/IconProvider */ \"./node_modules/@rsuite/icons/esm/IconProvider.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _DOMHelper = __webpack_require__(/*! ../DOMHelper */ \"./src/DOMHelper/index.ts\");\nvar _CustomContext = __webpack_require__(/*! ../internals/Provider/CustomContext */ \"./src/internals/Provider/CustomContext.tsx\");\nvar _ToastContainer = _interopRequireWildcard(__webpack_require__(/*! ../toaster/ToastContainer */ \"./src/toaster/ToastContainer.tsx\"));\nvar _DialogContainer = _interopRequireDefault(__webpack_require__(/*! ../useDialog/DialogContainer */ \"./src/useDialog/DialogContainer.tsx\"));\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CustomProvider/CustomProvider.tsx\";\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nconst themes = ['light', 'dark', 'high-contrast'];\n\n/**\n * CustomProvider is used to provide global configuration, such as language, theme, etc.\n *\n * @see https://rsuitejs.com/components/custom-provider\n */\nfunction CustomProvider(props) {\n  const {\n    children,\n    classPrefix = (0, _utils.getClassNamePrefix)(),\n    iconClassPrefix = classPrefix,\n    theme,\n    toastContainer = _ToastContainer.defaultToasterContainer,\n    csp,\n    disableInlineStyles,\n    ...rest\n  } = props;\n  const toasters = (0, _react.useRef)(new Map());\n  // This creates a ref that matches the expected type in CustomContext\n  const dialogContainerRef = (0, _react.useRef)(null);\n  const {\n    Portal\n  } = (0, _hooks.usePortal)({\n    container: toastContainer,\n    waitMount: true\n  });\n  const value = (0, _react.useMemo)(() => ({\n    classPrefix,\n    csp,\n    theme,\n    toasters,\n    toastContainer,\n    ...rest\n  }), [classPrefix, csp, theme, toastContainer, rest]);\n  const iconContext = (0, _react.useMemo)(() => ({\n    classPrefix: iconClassPrefix,\n    csp,\n    disableInlineStyles\n  }), [iconClassPrefix, csp, disableInlineStyles]);\n  (0, _hooks.useIsomorphicLayoutEffect)(() => {\n    if (_DOMHelper.canUseDOM && theme) {\n      (0, _DOMHelper.addClass)(document.body, (0, _utils.prefix)(classPrefix, `theme-${theme}`));\n\n      // Remove the className that will cause style conflicts\n      themes.forEach(t => {\n        if (t !== theme) {\n          (0, _DOMHelper.removeClass)(document.body, (0, _utils.prefix)(classPrefix, `theme-${t}`));\n        }\n      });\n    }\n  }, [classPrefix, theme]);\n\n  // Create a context value with proper types\n  const contextValue = {\n    dialogContainer: dialogContainerRef,\n    ...value\n  };\n  return /*#__PURE__*/_react.default.createElement(_CustomContext.CustomContext.Provider, {\n    value: contextValue,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_IconProvider.default, {\n    value: iconContext,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 7\n    }\n  }, children, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 70,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: `${classPrefix}toast-provider`,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 71,\n      columnNumber: 11\n    }\n  }, _ToastContainer.toastPlacements.map(placement => /*#__PURE__*/_react.default.createElement(_ToastContainer.default, {\n    key: placement,\n    placement: placement,\n    ref: ref => {\n      toasters.current.set(placement, ref);\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73,\n      columnNumber: 15\n    }\n  }))), /*#__PURE__*/_react.default.createElement(_DialogContainer.default, {\n    ref: dialogContainerRef,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83,\n      columnNumber: 11\n    }\n  }))));\n}\n\n//# sourceURL=webpack://rsuite/./src/CustomProvider/CustomProvider.tsx?");
 
 /***/ }),