@dt-dds/react-toast 1.0.0-beta.73 → 1.0.0-beta.75

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @dt-ui/react-toast
 
+## 1.0.0-beta.75
+
+### Patch Changes
+
+- fix: change prop name
+  - @dt-dds/react-button@1.0.0-beta.58
+
+## 1.0.0-beta.74
+
+### Patch Changes
+
+- @dt-dds/react-button@1.0.0-beta.57
+
 ## 1.0.0-beta.73
 
 ### Minor Changes

package/dist/index.js

@@ -163,19 +163,19 @@ var ToastStyled = import_styled.default.div`
   animation: ${fadeIn} 0.75s ease-in;
   transition: all 0.75s ease-in-out;
   overflow: hidden;
-  ${({ theme, isVisible, toastType }) => `
-    border: 1px solid ${theme.palette[toastType].default};
-    border-left: 6px solid ${theme.palette[toastType].default};
-    background-color: ${theme.palette[toastType].light};
+  ${({ theme, isVisible, type }) => `
+    border: 1px solid ${theme.palette[type].default};
+    border-left: 6px solid ${theme.palette[type].default};
+    background-color: ${theme.palette[type].light};
     opacity: ${isVisible ? 1 : 0};
     border-radius: ${theme.shape.toast};
     padding: ${theme.spacing.spacing_50} ${theme.spacing.spacing_50} ${theme.spacing.spacing_50} ${theme.spacing.spacing_30};
   `}
 `;
 var ToastMessageStyled = import_styled.default.div`
-  ${({ theme, toastType }) => `
+  ${({ theme, type }) => `
     ${theme.fontStyles.bodyMdRegular};
-    color: ${theme.palette[toastType].dark};
+    color: ${theme.palette[type].dark};
     overflow: hidden;
     word-break: break-word;
     hyphens: auto;
@@ -204,7 +204,7 @@ var ToastButtonCloseStyled = import_styled.default.button`
   `}
 `;
 var ActionsContainer = import_styled.default.div`
-  ${({ theme, toastType }) => `
+  ${({ theme, type }) => `
     display: flex;
     flex-direction: row;
     justify-content: flex-end;
@@ -212,11 +212,11 @@ var ActionsContainer = import_styled.default.div`
     margin-top: ${theme.spacing.spacing_30};
 
     button {
-      color: ${theme.palette[toastType].dark};
+      color: ${theme.palette[type].dark};
       
       &:hover {
-        background-color: ${theme.palette[toastType].medium};
-        color: ${theme.palette[toastType].dark};
+        background-color: ${theme.palette[type].medium};
+        color: ${theme.palette[type].dark};
       }
     }
 `}
@@ -248,7 +248,7 @@ var Toast = ({
     {
       "data-testid": dataTest,
       isVisible,
-      toastType: type,
+      type,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           import_react_box.Box,
@@ -282,8 +282,8 @@ var Toast = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastMessageStyled, { toastType: type, children: message }),
-        Boolean(children) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsContainer, { toastType: type, children }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastMessageStyled, { type, children: message }),
+        Boolean(children) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsContainer, { type, children }) : null
       ]
     },
     id

package/dist/index.mjs

@@ -151,19 +151,19 @@ var ToastStyled = styled.div`
   animation: ${fadeIn} 0.75s ease-in;
   transition: all 0.75s ease-in-out;
   overflow: hidden;
-  ${({ theme, isVisible, toastType }) => `
-    border: 1px solid ${theme.palette[toastType].default};
-    border-left: 6px solid ${theme.palette[toastType].default};
-    background-color: ${theme.palette[toastType].light};
+  ${({ theme, isVisible, type }) => `
+    border: 1px solid ${theme.palette[type].default};
+    border-left: 6px solid ${theme.palette[type].default};
+    background-color: ${theme.palette[type].light};
     opacity: ${isVisible ? 1 : 0};
     border-radius: ${theme.shape.toast};
     padding: ${theme.spacing.spacing_50} ${theme.spacing.spacing_50} ${theme.spacing.spacing_50} ${theme.spacing.spacing_30};
   `}
 `;
 var ToastMessageStyled = styled.div`
-  ${({ theme, toastType }) => `
+  ${({ theme, type }) => `
     ${theme.fontStyles.bodyMdRegular};
-    color: ${theme.palette[toastType].dark};
+    color: ${theme.palette[type].dark};
     overflow: hidden;
     word-break: break-word;
     hyphens: auto;
@@ -192,7 +192,7 @@ var ToastButtonCloseStyled = styled.button`
   `}
 `;
 var ActionsContainer = styled.div`
-  ${({ theme, toastType }) => `
+  ${({ theme, type }) => `
     display: flex;
     flex-direction: row;
     justify-content: flex-end;
@@ -200,11 +200,11 @@ var ActionsContainer = styled.div`
     margin-top: ${theme.spacing.spacing_30};
 
     button {
-      color: ${theme.palette[toastType].dark};
+      color: ${theme.palette[type].dark};
       
       &:hover {
-        background-color: ${theme.palette[toastType].medium};
-        color: ${theme.palette[toastType].dark};
+        background-color: ${theme.palette[type].medium};
+        color: ${theme.palette[type].dark};
       }
     }
 `}
@@ -236,7 +236,7 @@ var Toast = ({
     {
       "data-testid": dataTest,
       isVisible,
-      toastType: type,
+      type,
       children: [
         /* @__PURE__ */ jsxs(
           import_react_box.Box,
@@ -270,8 +270,8 @@ var Toast = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx(ToastMessageStyled, { toastType: type, children: message }),
-        Boolean(children) ? /* @__PURE__ */ jsx(ActionsContainer, { toastType: type, children }) : null
+        /* @__PURE__ */ jsx(ToastMessageStyled, { type, children: message }),
+        Boolean(children) ? /* @__PURE__ */ jsx(ActionsContainer, { type, children }) : null
       ]
     },
     id

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-toast",
-  "version": "1.0.0-beta.73",
+  "version": "1.0.0-beta.75",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js"
@@ -20,7 +20,7 @@
     "test:update:snapshot": "jest -u"
   },
   "dependencies": {
-    "@dt-dds/react-button": "1.0.0-beta.56",
+    "@dt-dds/react-button": "1.0.0-beta.58",
     "@dt-dds/react-core": "1.0.0-beta.49",
     "@dt-dds/react-icon": "1.0.0-beta.50",
     "@dt-dds/react-typography": "1.0.0-beta.40",