maru_design2 2.14.0 → 2.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/index.js +10 -16
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.14.1](https://github.com/42maru-ai/maru-design2/compare/v2.14.0...v2.14.1) (2024-08-07)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* :lipstick: Toast - UPDATE toast style ([d91f6d4](https://github.com/42maru-ai/maru-design2/commit/d91f6d47f25a51717779e49f54c14fd9865a7e72))
|
|
9
|
+
|
|
3
10
|
## [2.14.0](https://github.com/42maru-ai/maru-design2/compare/v2.13.0...v2.14.0) (2024-08-06)
|
|
4
11
|
|
|
5
12
|
|
package/dist/index.js
CHANGED
|
@@ -24690,19 +24690,17 @@ function Details(_a) {
|
|
|
24690
24690
|
}
|
|
24691
24691
|
}, {
|
|
24692
24692
|
children: [jsx("summary", {
|
|
24693
|
-
children: jsxs("div",
|
|
24694
|
-
|
|
24695
|
-
}, {
|
|
24696
|
-
children: [jsx("p", {
|
|
24693
|
+
children: jsxs("div", {
|
|
24694
|
+
children: [jsx("div", {
|
|
24697
24695
|
children: item.summary
|
|
24698
|
-
}), jsx("
|
|
24696
|
+
}), jsx("div", __assign({
|
|
24699
24697
|
className: "maru-toast-details-summary-icon"
|
|
24700
24698
|
}, {
|
|
24701
24699
|
children: jsx(Icon, {
|
|
24702
24700
|
name: openStates[index] ? ICONS.Up_s16 : ICONS.Down_s16
|
|
24703
24701
|
})
|
|
24704
24702
|
}))]
|
|
24705
|
-
})
|
|
24703
|
+
})
|
|
24706
24704
|
}), jsx("ul", {
|
|
24707
24705
|
children: item.subDetails.map(function (detail, idx) {
|
|
24708
24706
|
return jsx("li", {
|
|
@@ -24715,7 +24713,7 @@ function Details(_a) {
|
|
|
24715
24713
|
}));
|
|
24716
24714
|
}
|
|
24717
24715
|
|
|
24718
|
-
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:
|
|
24716
|
+
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 display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n}\n.maru-toast-style div:first-child {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n width: 100%;\n}\n.maru-toast-style .maru-toast-style-content {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\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 gap: 8px;\n margin-right: 16px;\n}\n.maru-toast-style .maru-toast-details {\n width: 100%;\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 .maru-toast-details summary {\n margin-top: 6px;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n white-space: pre-wrap;\n cursor: pointer;\n}\n.maru-toast-style .maru-toast-details summary > div {\n width: auto;\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 .maru-toast-details summary > div .maru-toast-details-summary-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-left: 8px;\n}\n.maru-toast-style .maru-toast-details summary:first-child {\n margin: 0;\n}\n.maru-toast-style .maru-toast-details li {\n margin-left: 10px;\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}";
|
|
24719
24717
|
styleInject(css_248z);
|
|
24720
24718
|
|
|
24721
24719
|
function ToastStyle(_a) {
|
|
@@ -24737,19 +24735,15 @@ function ToastStyle(_a) {
|
|
|
24737
24735
|
className: "maru-toast-style"
|
|
24738
24736
|
}, {
|
|
24739
24737
|
children: [jsxs("div", {
|
|
24740
|
-
children: [
|
|
24741
|
-
className: "maru-toast-style-
|
|
24738
|
+
children: [jsxs("div", __assign({
|
|
24739
|
+
className: "maru-toast-style-content"
|
|
24742
24740
|
}, {
|
|
24743
|
-
children: jsx(Icon, {
|
|
24741
|
+
children: [jsx(Icon, {
|
|
24744
24742
|
name: iconName[variant],
|
|
24745
24743
|
color: variant
|
|
24746
|
-
})
|
|
24747
|
-
})), jsx("div", __assign({
|
|
24748
|
-
className: "maru-toast-style-content"
|
|
24749
|
-
}, {
|
|
24750
|
-
children: jsx("p", {
|
|
24744
|
+
}), jsx("span", {
|
|
24751
24745
|
children: content
|
|
24752
|
-
})
|
|
24746
|
+
})]
|
|
24753
24747
|
})), jsx(Button, {
|
|
24754
24748
|
startIcon: {
|
|
24755
24749
|
name: ICONS.X_s1613,
|