maru_design2 2.14.0 → 2.14.2
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 +14 -0
- package/dist/index.js +14 -17
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.14.2](https://github.com/42maru-ai/maru-design2/compare/v2.14.1...v2.14.2) (2024-08-09)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* :bug: Radio - FIX label stopPropagation ([ca6b6e1](https://github.com/42maru-ai/maru-design2/commit/ca6b6e1c246ce594ff05eda002c01f5795a352f8))
|
|
9
|
+
|
|
10
|
+
## [2.14.1](https://github.com/42maru-ai/maru-design2/compare/v2.14.0...v2.14.1) (2024-08-07)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* :lipstick: Toast - UPDATE toast style ([d91f6d4](https://github.com/42maru-ai/maru-design2/commit/d91f6d47f25a51717779e49f54c14fd9865a7e72))
|
|
16
|
+
|
|
3
17
|
## [2.14.0](https://github.com/42maru-ai/maru-design2/compare/v2.13.0...v2.14.0) (2024-08-06)
|
|
4
18
|
|
|
5
19
|
|
package/dist/index.js
CHANGED
|
@@ -6187,7 +6187,10 @@ var Radio = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
6187
6187
|
htmlFor: inputId,
|
|
6188
6188
|
className: classNames('maru-radio-label', {
|
|
6189
6189
|
'label-disabled': props.disabled
|
|
6190
|
-
})
|
|
6190
|
+
}),
|
|
6191
|
+
onClick: function onClick(e) {
|
|
6192
|
+
return e.stopPropagation();
|
|
6193
|
+
}
|
|
6191
6194
|
}, {
|
|
6192
6195
|
children: label
|
|
6193
6196
|
}))]
|
|
@@ -24690,19 +24693,17 @@ function Details(_a) {
|
|
|
24690
24693
|
}
|
|
24691
24694
|
}, {
|
|
24692
24695
|
children: [jsx("summary", {
|
|
24693
|
-
children: jsxs("div",
|
|
24694
|
-
|
|
24695
|
-
}, {
|
|
24696
|
-
children: [jsx("p", {
|
|
24696
|
+
children: jsxs("div", {
|
|
24697
|
+
children: [jsx("div", {
|
|
24697
24698
|
children: item.summary
|
|
24698
|
-
}), jsx("
|
|
24699
|
+
}), jsx("div", __assign({
|
|
24699
24700
|
className: "maru-toast-details-summary-icon"
|
|
24700
24701
|
}, {
|
|
24701
24702
|
children: jsx(Icon, {
|
|
24702
24703
|
name: openStates[index] ? ICONS.Up_s16 : ICONS.Down_s16
|
|
24703
24704
|
})
|
|
24704
24705
|
}))]
|
|
24705
|
-
})
|
|
24706
|
+
})
|
|
24706
24707
|
}), jsx("ul", {
|
|
24707
24708
|
children: item.subDetails.map(function (detail, idx) {
|
|
24708
24709
|
return jsx("li", {
|
|
@@ -24715,7 +24716,7 @@ function Details(_a) {
|
|
|
24715
24716
|
}));
|
|
24716
24717
|
}
|
|
24717
24718
|
|
|
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:
|
|
24719
|
+
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
24720
|
styleInject(css_248z);
|
|
24720
24721
|
|
|
24721
24722
|
function ToastStyle(_a) {
|
|
@@ -24737,19 +24738,15 @@ function ToastStyle(_a) {
|
|
|
24737
24738
|
className: "maru-toast-style"
|
|
24738
24739
|
}, {
|
|
24739
24740
|
children: [jsxs("div", {
|
|
24740
|
-
children: [
|
|
24741
|
-
className: "maru-toast-style-
|
|
24741
|
+
children: [jsxs("div", __assign({
|
|
24742
|
+
className: "maru-toast-style-content"
|
|
24742
24743
|
}, {
|
|
24743
|
-
children: jsx(Icon, {
|
|
24744
|
+
children: [jsx(Icon, {
|
|
24744
24745
|
name: iconName[variant],
|
|
24745
24746
|
color: variant
|
|
24746
|
-
})
|
|
24747
|
-
})), jsx("div", __assign({
|
|
24748
|
-
className: "maru-toast-style-content"
|
|
24749
|
-
}, {
|
|
24750
|
-
children: jsx("p", {
|
|
24747
|
+
}), jsx("span", {
|
|
24751
24748
|
children: content
|
|
24752
|
-
})
|
|
24749
|
+
})]
|
|
24753
24750
|
})), jsx(Button, {
|
|
24754
24751
|
startIcon: {
|
|
24755
24752
|
name: ICONS.X_s1613,
|