@dt-dds/react-toast 1.0.0-beta.59 → 1.0.0-beta.61

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @dt-ui/react-toast
 
+## 1.0.0-beta.61
+
+### Patch Changes
+
+- refactor(themes): consolidate theme structure
+- Updated dependencies
+  - @dt-dds/react-button@1.0.0-beta.44
+  - @dt-dds/react-core@1.0.0-beta.44
+  - @dt-dds/themes@1.0.0-beta.4
+
+## 1.0.0-beta.60
+
+### Patch Changes
+
+- @dt-dds/react-button@1.0.0-beta.43
+
 ## 1.0.0-beta.59
 
 ### Patch Changes

package/dist/index.js

@@ -383,27 +383,27 @@ var ToastStyled = import_styled.default.div`
     opacity: ${isVisible ? 1 : 0};
     color: ${theme.palette.content.default};
     border-radius: ${theme.shape.toast};
-    box-shadow: ${theme.shadows.s};
+    box-shadow: ${theme.shadows.elevation_200};
   `}
 `;
 var ToastContentStyled = import_styled.default.div`
   ${({ theme }) => `
     height: 100%;
     flex-grow: 1;
-    padding: ${theme.spacing["2xs"]} ${theme.spacing["2xs"]};
+    padding: ${theme.spacing.spacing_50} ${theme.spacing.spacing_50};
   `}
 `;
 var ToastTitleStyled = import_styled.default.div`
   ${({ theme }) => `
       ${theme.fontStyles.h6};
       color: ${theme.palette.content.dark};
-      margin-bottom: ${theme.spacing["5xs"]};
+      margin-bottom: ${theme.spacing.spacing_20};
       text-transform: capitalize;
   `}
 `;
 var ToastMessageStyled = import_styled.default.div`
   ${({ theme }) => `
-    ${theme.fontStyles.body2};
+    ${theme.fontStyles.bodyMdRegular};
     color: ${theme.palette.content.default};
     overflow: hidden;
     word-break: break-word;
@@ -432,7 +432,7 @@ var ToastTextContainer = import_styled.default.div`
   ${({ theme, hasCloseButton }) => `
     display: grid;
     ${hasCloseButton ? "grid-template-columns: auto 24px;" : "grid-template-rows: auto auto;"}
-    column-gap: ${theme.spacing["2xs"]};
+    column-gap: ${theme.spacing.spacing_50};
   `}
 `;
 var ToastActionsStyled = import_styled.default.div`
@@ -440,7 +440,7 @@ var ToastActionsStyled = import_styled.default.div`
     display: flex;
     flex-direction: row;
     justify-content: flex-end;
-    padding-top: ${hasChildren ? theme.spacing["5xs"] : 0};
+    padding-top: ${hasChildren ? theme.spacing.spacing_20 : 0};
   `}
 `;
 
@@ -545,7 +545,7 @@ var emitToast = (_a) => {
 var Toaster = (_a) => {
   var _b = _a, { gutter = 8 } = _b, props = __objRest(_b, ["gutter"]);
   const theme = (0, import_react4.useTheme)();
-  const small = (0, import_react_core.useMedia)(`(max-width: ${theme.breakpoints.s}px)`);
+  const small = (0, import_react_core.useMedia)(`(max-width: ${theme.breakpoints.mq2}px)`);
   const position = small ? smallPosition : defaultPosition;
   const margin = small ? 8 : 16;
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(

package/dist/index.mjs

@@ -345,27 +345,27 @@ var ToastStyled = styled.div`
     opacity: ${isVisible ? 1 : 0};
     color: ${theme.palette.content.default};
     border-radius: ${theme.shape.toast};
-    box-shadow: ${theme.shadows.s};
+    box-shadow: ${theme.shadows.elevation_200};
   `}
 `;
 var ToastContentStyled = styled.div`
   ${({ theme }) => `
     height: 100%;
     flex-grow: 1;
-    padding: ${theme.spacing["2xs"]} ${theme.spacing["2xs"]};
+    padding: ${theme.spacing.spacing_50} ${theme.spacing.spacing_50};
   `}
 `;
 var ToastTitleStyled = styled.div`
   ${({ theme }) => `
       ${theme.fontStyles.h6};
       color: ${theme.palette.content.dark};
-      margin-bottom: ${theme.spacing["5xs"]};
+      margin-bottom: ${theme.spacing.spacing_20};
       text-transform: capitalize;
   `}
 `;
 var ToastMessageStyled = styled.div`
   ${({ theme }) => `
-    ${theme.fontStyles.body2};
+    ${theme.fontStyles.bodyMdRegular};
     color: ${theme.palette.content.default};
     overflow: hidden;
     word-break: break-word;
@@ -394,7 +394,7 @@ var ToastTextContainer = styled.div`
   ${({ theme, hasCloseButton }) => `
     display: grid;
     ${hasCloseButton ? "grid-template-columns: auto 24px;" : "grid-template-rows: auto auto;"}
-    column-gap: ${theme.spacing["2xs"]};
+    column-gap: ${theme.spacing.spacing_50};
   `}
 `;
 var ToastActionsStyled = styled.div`
@@ -402,7 +402,7 @@ var ToastActionsStyled = styled.div`
     display: flex;
     flex-direction: row;
     justify-content: flex-end;
-    padding-top: ${hasChildren ? theme.spacing["5xs"] : 0};
+    padding-top: ${hasChildren ? theme.spacing.spacing_20 : 0};
   `}
 `;
 
@@ -510,7 +510,7 @@ var emitToast = (_a) => {
 var Toaster = (_a) => {
   var _b = _a, { gutter = 8 } = _b, props = __objRest(_b, ["gutter"]);
   const theme = useTheme3();
-  const small = useMedia(`(max-width: ${theme.breakpoints.s}px)`);
+  const small = useMedia(`(max-width: ${theme.breakpoints.mq2}px)`);
   const position = small ? smallPosition : defaultPosition;
   const margin = small ? 8 : 16;
   return /* @__PURE__ */ jsx59(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-toast",
-  "version": "1.0.0-beta.59",
+  "version": "1.0.0-beta.61",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js"
@@ -20,9 +20,9 @@
     "test:update:snapshot": "jest -u"
   },
   "dependencies": {
-    "@dt-dds/react-button": "1.0.0-beta.42",
-    "@dt-dds/react-core": "1.0.0-beta.43",
-    "@dt-dds/themes": "1.0.0-beta.3",
+    "@dt-dds/react-button": "1.0.0-beta.44",
+    "@dt-dds/react-core": "1.0.0-beta.44",
+    "@dt-dds/themes": "1.0.0-beta.4",
     "react-hot-toast": "^2.3.0"
   },
   "devDependencies": {