rsuite 6.0.0-canary-20241227 → 6.0.0-canary-20250103

package/esm/useToaster/useToaster.js

@@ -13,7 +13,8 @@ import { CustomContext } from "../CustomProvider/CustomProvider.js";
  */
 const useToaster = () => {
   const {
-    toasters
+    toasters,
+    toastContainer
   } = useContext(CustomContext);
   return useMemo(() => ({
     /**
@@ -25,9 +26,13 @@ const useToaster = () => {
      * @returns The key of the toast message.
      */
     push: (message, options) => {
-      var _toasters$current;
-      const customToaster = toasters === null || toasters === void 0 || (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');
-      return customToaster ? customToaster.push(message, options) : toaster.push(message, options);
+      const container = (typeof (options === null || options === void 0 ? void 0 : options.container) === 'function' ? options === null || options === void 0 ? void 0 : options.container() : options === null || options === void 0 ? void 0 : options.container) || toastContainer;
+      if (container === toastContainer) {
+        var _toasters$current;
+        return toasters === null || toasters === void 0 || (_toasters$current = toasters.current) === null || _toasters$current === void 0 || (_toasters$current = _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter')) === null || _toasters$current === void 0 ? void 0 : _toasters$current.push(message, options);
+      } else {
+        return toaster.push(message, options);
+      }
     },
     /**
      * Remove a toast message.
@@ -48,6 +53,6 @@ const useToaster = () => {
         return c === null || c === void 0 ? void 0 : c.clear();
       }) : toaster.clear();
     }
-  }), [toasters]);
+  }), [toastContainer, toasters]);
 };
 export default useToaster;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "6.0.0-canary-20241227",
+  "version": "6.0.0-canary-20250103",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/styles/color-modes/dark.less

@@ -326,6 +326,7 @@
   // Badge
   --rs-badge-bg: var(--rs-color-red);
   --rs-badge-text: var(--rs-gray-0);
+  --rs-badge-border: var(--rs-gray-900);
 
   // Close Button
   --rs-close-button-hover-color: var(--rs-color-red);

package/styles/color-modes/high-contrast.less

@@ -334,6 +334,7 @@
   // Badge
   --rs-badge-bg: var(--rs-red-500);
   --rs-badge-text: var(--rs-gray-0);
+  --rs-badge-border: var(--rs-gray-900);
 
   // Close Button
   --rs-close-button-hover-color: var(--rs-color-red);

package/styles/color-modes/light.less

@@ -349,6 +349,7 @@
   // Badge
   --rs-badge-bg: var(--rs-color-red);
   --rs-badge-text: var(--rs-gray-0);
+  --rs-badge-border: var(--rs-gray-0);
 
   // Close Button
   --rs-close-button-hover-color: var(--rs-color-red);

package/styles/variables.less

@@ -238,7 +238,7 @@
 
 // Badge
 
-@badge-dot-size:        8px;
+@badge-dot-size:        10px;
 
 // Avatar
 @avatar-size-xxl:         120px;

package/cjs/internals/utils/render.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-/**
- * Renders a React element into a container element.
- *
- */
-export declare function render(element: React.ReactElement<any>, container: HTMLElement): Promise<any>;
-export default render;

package/cjs/internals/utils/render.js

@@ -1,26 +0,0 @@
-'use client';
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-exports.render = render;
-var _client = require("react-dom/client");
-/**
- * Renders a React element into a container element.
- *
- */
-async function render(element, container) {
-  const mountElement = document.createElement('div');
-  mountElement.className = 'rs-mount-element';
-  const containerElement = container || document.body;
-
-  // Add the detached element to the root
-  containerElement.appendChild(mountElement);
-  const root = containerElement.__root || (0, _client.createRoot)(mountElement, {
-    identifierPrefix: 'rs-root-'
-  });
-  root.render(element);
-  containerElement.__root = root;
-  return root;
-}
-var _default = exports.default = render;

package/esm/internals/utils/render.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-/**
- * Renders a React element into a container element.
- *
- */
-export declare function render(element: React.ReactElement<any>, container: HTMLElement): Promise<any>;
-export default render;

package/esm/internals/utils/render.js

@@ -1,22 +0,0 @@
-'use client';
-import { createRoot } from 'react-dom/client';
-
-/**
- * Renders a React element into a container element.
- *
- */
-export async function render(element, container) {
-  const mountElement = document.createElement('div');
-  mountElement.className = 'rs-mount-element';
-  const containerElement = container || document.body;
-
-  // Add the detached element to the root
-  containerElement.appendChild(mountElement);
-  const root = containerElement.__root || createRoot(mountElement, {
-    identifierPrefix: 'rs-root-'
-  });
-  root.render(element);
-  containerElement.__root = root;
-  return root;
-}
-export default render;