maru_design2 2.7.1 → 2.7.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.7.2](https://github.com/42maru-ai/maru-design2/compare/v2.7.1...v2.7.2) (2024-06-05)
+
+
+### Bug Fixes
+
+* :lipstick: Toast - UPDATE classnames ([b72d65b](https://github.com/42maru-ai/maru-design2/commit/b72d65b2286e7e247f4648296a49568d723580a8))
+
 ## [2.7.1](https://github.com/42maru-ai/maru-design2/compare/v2.7.0...v2.7.1) (2024-06-05)
 
 

package/dist/index.js

@@ -23423,12 +23423,12 @@ function Details(_a) {
       onClick: handleToggleDetails
     }, {
       children: jsxs("div", __assign({
-        className: "maru-toast-summary"
+        className: "maru-toast-details-summary"
       }, {
         children: [jsx("p", {
           children: details[0]
         }), jsx("span", __assign({
-          className: "maru-toast-summary-icon"
+          className: "maru-toast-details-summary-icon"
         }, {
           children: jsx(Icon, {
             name: isDetailsOpen ? ICONS.UpThin : ICONS.DownThin,
@@ -23449,7 +23449,7 @@ function Details(_a) {
   });
 }
 
-var css_248z = ".maru-toast {\n  padding: 10px 10px 10px 12px;\n  border-radius: 6px;\n  background-color: #fff;\n  box-shadow: 0 0 6px 0 #bdbdbd;\n}\n.maru-toast div:first-child {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n}\n.maru-toast .maru-toast-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: 8px;\n  width: 24px;\n  height: 24px;\n}\n.maru-toast .maru-toast-content {\n  font-family: Pretendard;\n  font-style: normal;\n  line-height: 150%;\n  font-size: 14px;\n  letter-spacing: -0.56px;\n  font-weight: 500;\n  color: #5c5c5c;\n  margin-right: 16px;\n}\n.maru-toast details {\n  background-color: #fafafa;\n  padding: 10px 10px 10px 14px;\n  margin-top: 8px;\n  font-family: Pretendard;\n  font-style: normal;\n  line-height: 150%;\n  font-size: 14px;\n  letter-spacing: -0.56px;\n  font-weight: 500;\n  color: #5c5c5c;\n}\n.maru-toast details summary {\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-direction: row;\n  white-space: pre-wrap;\n}\n.maru-toast details summary > div:first-child {\n  position: relative;\n}\n.maru-toast details summary .maru-toast-summary {\n  cursor: pointer;\n}\n.maru-toast details summary .maru-toast-summary > p {\n  font-family: Pretendard;\n  font-style: normal;\n  line-height: 150%;\n  font-size: 14px;\n  letter-spacing: -0.56px;\n  font-weight: 600;\n}\n.maru-toast details summary .maru-toast-summary-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  position: absolute;\n  right: -25px;\n  bottom: 3px;\n}\n\n.maru-toast-timer {\n  margin-top: 24px;\n  position: relative;\n  opacity: 0;\n  transform: translateY(100%);\n  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease-out;\n}\n.maru-toast-timer.entered {\n  transform: translateY(0);\n  opacity: 1;\n}\n.maru-toast-timer.fade-out {\n  opacity: 0;\n  transform: translateX(100%);\n}\n\n.maru-toast-container {\n  position: fixed;\n  z-index: 6007;\n  right: 24px;\n  bottom: 24px;\n  transition: transform 0.5s ease-out;\n  display: flex;\n  flex-direction: column-reverse;\n}";
+var css_248z = ".maru-toast-style {\n  padding: 10px 10px 10px 12px;\n  border-radius: 6px;\n  background-color: #fff;\n  box-shadow: 0 0 6px 0 #bdbdbd;\n}\n.maru-toast-style div:first-child {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n}\n.maru-toast-style .maru-toast-style-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: 8px;\n  width: 24px;\n  height: 24px;\n}\n.maru-toast-style .maru-toast-style-content {\n  font-family: Pretendard;\n  font-style: normal;\n  line-height: 150%;\n  font-size: 14px;\n  letter-spacing: -0.56px;\n  font-weight: 500;\n  color: #5c5c5c;\n  margin-right: 16px;\n}\n.maru-toast-style details {\n  background-color: #fafafa;\n  padding: 10px 10px 10px 14px;\n  margin-top: 8px;\n  font-family: Pretendard;\n  font-style: normal;\n  line-height: 150%;\n  font-size: 14px;\n  letter-spacing: -0.56px;\n  font-weight: 500;\n  color: #5c5c5c;\n}\n.maru-toast-style details summary {\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-direction: row;\n  white-space: pre-wrap;\n}\n.maru-toast-style details summary > div:first-child {\n  position: relative;\n}\n.maru-toast-style details summary .maru-toast-details-summary {\n  cursor: pointer;\n}\n.maru-toast-style details summary .maru-toast-details-summary > p {\n  font-family: Pretendard;\n  font-style: normal;\n  line-height: 150%;\n  font-size: 14px;\n  letter-spacing: -0.56px;\n  font-weight: 600;\n}\n.maru-toast-style details summary .maru-toast-details-summary-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  position: absolute;\n  right: -25px;\n  bottom: 3px;\n}\n\n.maru-toast {\n  margin-top: 24px;\n  position: relative;\n  opacity: 0;\n  transform: translateY(100%);\n  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease-out;\n}\n.maru-toast.entered {\n  transform: translateY(0);\n  opacity: 1;\n}\n.maru-toast.fade-out {\n  opacity: 0;\n  transform: translateX(100%);\n}\n\n.maru-toaster {\n  position: fixed;\n  z-index: 6007;\n  right: 24px;\n  bottom: 24px;\n  transition: transform 0.5s ease-out;\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: flex-end;\n}";
 styleInject(css_248z);
 
 var iconSettings = {
@@ -23485,11 +23485,11 @@ function ToastStyle(_a) {
     onClose();
   };
   return jsxs("div", __assign({
-    className: "maru-toast"
+    className: "maru-toast-style"
   }, {
     children: [jsxs("div", {
       children: [jsx("div", __assign({
-        className: "maru-toast-icon"
+        className: "maru-toast-style-icon"
       }, {
         children: jsx(Icon, {
           name: name,
@@ -23497,7 +23497,7 @@ function ToastStyle(_a) {
           color: color
         })
       })), jsx("div", __assign({
-        className: "maru-toast-content"
+        className: "maru-toast-style-content"
       }, {
         children: jsx("p", {
           children: content
@@ -23557,7 +23557,7 @@ function Toast(_a) {
     }, 300);
   };
   return jsx("div", __assign({
-    className: classNames('maru-toast-timer', animationState, className)
+    className: classNames('maru-toast', animationState, className)
   }, {
     children: jsx(ToastStyle, {
       variant: toast.variant,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maru_design2",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "main": "./dist/index.js",
   "author": "zena-42maru",
   "license": "MIT",