@majoo-ui/react 1.61.14-rc.4 → 1.61.14-rc.6

package/index.esm.js

@@ -5743,7 +5743,8 @@ const DescriptionField = styled(Paragraph, {
   '-webkit-line-clamp': '3',
   '-webkit-box-orient': 'vertical',
   overflow: 'hidden',
-  whiteSpace: 'unset'
+  whiteSpace: 'unset',
+  color: '$gray700'
 });
 const CloseButton$1 = styled(Flex$1, {
   cursor: 'pointer',
@@ -5806,7 +5807,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 216,
+      lineNumber: 217,
       columnNumber: 5
     }
   }, state => /*#__PURE__*/React.createElement(Root, _extends({
@@ -5821,7 +5822,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 227,
+      lineNumber: 228,
       columnNumber: 9
     }
   }), /*#__PURE__*/React.createElement(StyledToast, {
@@ -5831,7 +5832,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 235,
+      lineNumber: 236,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -5839,7 +5840,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 236,
+      lineNumber: 237,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -5847,7 +5848,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 237,
+      lineNumber: 238,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(LeftBar, {
@@ -5855,7 +5856,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 238,
+      lineNumber: 239,
       columnNumber: 17
     }
   }), /*#__PURE__*/React.createElement(Flex$1, {
@@ -5867,7 +5868,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 239,
+      lineNumber: 240,
       columnNumber: 17
     }
   }, title && /*#__PURE__*/React.createElement(Flex$1, {
@@ -5875,7 +5876,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 247,
+      lineNumber: 248,
       columnNumber: 21
     }
   }, /*#__PURE__*/React.createElement(Heading, {
@@ -5885,21 +5886,21 @@ const Toast = _ref => {
       flex: 1,
       whiteSpace: 'unset',
       overflow: 'hidden',
-      textOverflow: 'ellipsis'
+      textOverflow: 'ellipsis',
+      color: '$gray900'
     },
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 248,
+      lineNumber: 249,
       columnNumber: 23
     }
   }, title)), /*#__PURE__*/React.createElement(DescriptionField, {
     paragraph: "longContentRegular",
-    color: "secondary",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 262,
+      lineNumber: 264,
       columnNumber: 19
     }
   }, description)), /*#__PURE__*/React.createElement(CloseButton$1, {
@@ -5914,7 +5915,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 266,
+      lineNumber: 268,
       columnNumber: 17
     }
   }, /*#__PURE__*/React.createElement(CloseOutline, {
@@ -5923,7 +5924,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 276,
+      lineNumber: 278,
       columnNumber: 19
     }
   }))), (hrefOfAction || isExternalOfAction || onClickOfAction) && /*#__PURE__*/React.createElement(Link, {
@@ -5938,7 +5939,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 280,
+      lineNumber: 282,
       columnNumber: 17
     }
   }, captionOfAction)))));
@@ -5961,31 +5962,28 @@ Toast.defaultProps = {
 
 const _excluded$t = ["preventDuplicate"];
 var _jsxFileName$U = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
-const {
-  toastPosition
-} = foundations;
 const ToastBox = styled(Flex$1, {
   position: 'fixed',
   variants: {
     position: {
       [TOP_RIGHT_POSITION]: {
-        top: toastPosition.top,
-        right: toastPosition.right,
+        top: '$toastPosition$top',
+        right: '$toastPosition$right',
         flexDirection: 'column-reverse'
       },
       [TOP_LEFT_POSITION]: {
-        top: toastPosition.top,
-        left: toastPosition.left,
+        top: '$toastPosition$top',
+        left: '$toastPosition$left',
         flexDirection: 'column-reverse'
       },
       [BOTTOM_RIGHT_POSITION]: {
-        bottom: toastPosition.bottom,
-        right: toastPosition.right,
+        bottom: '$toastPosition$bottom',
+        right: '$toastPosition$right',
         flexDirection: 'column'
       },
       [BOTTOM_LEFT_POSITION]: {
-        bottom: toastPosition.bottom,
-        left: toastPosition.left,
+        bottom: '$toastPosition$bottom',
+        left: '$toastPosition$left',
         flexDirection: 'column'
       }
     }
@@ -5999,9 +5997,11 @@ const ToastContainer = ({
   position
 }) => {
   const {
-    removeToast
+    removeToast,
+    theme
   } = React.useContext(ToastContext);
   return /*#__PURE__*/React.createElement(Portal, {
+    theme: theme,
     style: {
       top: 0,
       left: 0,
@@ -6011,7 +6011,7 @@ const ToastContainer = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$U,
-      lineNumber: 45,
+      lineNumber: 43,
       columnNumber: 5
     }
   }, /*#__PURE__*/React.createElement(ToastBox, {
@@ -6019,7 +6019,7 @@ const ToastContainer = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$U,
-      lineNumber: 46,
+      lineNumber: 44,
       columnNumber: 7
     }
   }, toasts.map((item, index) => {
@@ -6034,7 +6034,7 @@ const ToastContainer = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$U,
-        lineNumber: 49,
+        lineNumber: 47,
         columnNumber: 18
       }
     }));
@@ -7315,7 +7315,8 @@ var _jsxFileName$T = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\compone
 let toastCount = 0;
 const ToastProvider = ({
   children,
-  translations
+  translations,
+  theme
 }) => {
   const isOnline = useNavigatorOnLine();
   const [toasts, setToasts] = useState([]);
@@ -7376,7 +7377,8 @@ const ToastProvider = ({
   return /*#__PURE__*/React.createElement(ToastContext.Provider, {
     value: {
       addToast,
-      removeToast
+      removeToast,
+      theme
     },
     __self: undefined,
     __source: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.61.14-rc.4",
+  "version": "1.61.14-rc.6",
   "main": "./index.esm.js",
   "exports": {
     ".": {
@@ -20,7 +20,7 @@
     "@floating-ui/react-dom": "^1.3.0",
     "@hookform/resolvers": "^2.8.10",
     "@majoo-ui/core": "1.31.5",
-    "@majoo-ui/helpers": "1.30.6",
+    "@majoo-ui/helpers": "1.30.7-rc.7",
     "@majoo-ui/icons": "1.38.39",
     "@monsonjeremy/react-leaflet": "^3.2.2",
     "@radix-ui/react-accordion": "^1.0.0",