@banyan_cloud/roots 1.0.127 → 1.0.128
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/dist/cjs/index.js +13 -15
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +13 -15
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +13 -15
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -6673,22 +6673,22 @@ var Maximize = function Maximize(props) {
|
|
|
6673
6673
|
});
|
|
6674
6674
|
};
|
|
6675
6675
|
|
|
6676
|
-
var css$13 = ".
|
|
6677
|
-
var modules_8207625f = {"root":"
|
|
6676
|
+
var css$13 = ".Accordion_module_root__d838df6d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__d838df6d > .Accordion_module_header__d838df6d[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n cursor: pointer;\n}\n.Accordion_module_root__d838df6d > .Accordion_module_header__d838df6d[data-elem=base-cell] > [data-elem=component1], .Accordion_module_root__d838df6d > .Accordion_module_header__d838df6d[data-elem=base-cell] > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion_module_root__d838df6d > .Accordion_module_header__d838df6d[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__d838df6d, .Accordion_module_root__d838df6d > .Accordion_module_header__d838df6d[data-elem=base-cell] > [data-elem=component3] .Accordion_module_icon__d838df6d {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n fill: var(--dark-grey);\n}\n.Accordion_module_root__d838df6d > .Accordion_module_header__d838df6d[data-elem=base-cell] > [data-elem=component3] {\n margin-left: auto;\n}\n.Accordion_module_root__d838df6d > .Accordion_module_header__d838df6d[data-elem=base-cell] .Accordion_module_title__d838df6d {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Accordion_module_root__d838df6d > .Accordion_module_header__d838df6d[data-elem=base-cell]:hover {\n background: var(--background);\n}\n.Accordion_module_root__d838df6d > .Accordion_module_header__d838df6d[data-elem=base-cell]:hover .Accordion_module_icon__d838df6d,\n.Accordion_module_root__d838df6d > .Accordion_module_header__d838df6d[data-elem=base-cell]:hover .Accordion_module_title__d838df6d {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.Accordion_module_root__d838df6d > .Accordion_module_body__d838df6d {\n display: none;\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__d838df6d.Accordion_module_open__d838df6d > .Accordion_module_header__d838df6d[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__d838df6d {\n transform: none;\n}\n.Accordion_module_root__d838df6d.Accordion_module_open__d838df6d > .Accordion_module_body__d838df6d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n.Accordion_module_root__d838df6d.Accordion_module_open__d838df6d > .Accordion_module_body__d838df6d > button[data-elem=base-cell] {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n align-self: flex-end;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n}\n.Accordion_module_root__d838df6d.Accordion_module_open__d838df6d > .Accordion_module_body__d838df6d > button[data-elem=base-cell] .Accordion_module_expand__d838df6d {\n height: 1.5rem;\n width: 1.5rem;\n}";
|
|
6677
|
+
var modules_8207625f = {"root":"Accordion_module_root__d838df6d","header":"Accordion_module_header__d838df6d","icon":"Accordion_module_icon__d838df6d","title":"Accordion_module_title__d838df6d","body":"Accordion_module_body__d838df6d","open":"Accordion_module_open__d838df6d","expand":"Accordion_module_expand__d838df6d"};
|
|
6678
6678
|
n(css$13,{});
|
|
6679
6679
|
|
|
6680
6680
|
var Accordion = function Accordion(props) {
|
|
6681
6681
|
var open = props.open,
|
|
6682
6682
|
onToggle = props.onToggle,
|
|
6683
6683
|
defaultOpen = props.defaultOpen,
|
|
6684
|
-
|
|
6684
|
+
LeftComponent = props.leftComponent,
|
|
6685
|
+
RightComponent = props.rightComponent,
|
|
6685
6686
|
title = props.title,
|
|
6686
6687
|
description = props.description,
|
|
6687
6688
|
children = props.children,
|
|
6688
6689
|
_onClick = props.onClick,
|
|
6689
6690
|
className = props.className,
|
|
6690
|
-
onExpand = props.onExpand
|
|
6691
|
-
CustomIcon = props.icon;
|
|
6691
|
+
onExpand = props.onExpand;
|
|
6692
6692
|
|
|
6693
6693
|
// uncontrolled
|
|
6694
6694
|
var _useState = React.useState(defaultOpen),
|
|
@@ -6698,10 +6698,6 @@ var Accordion = function Accordion(props) {
|
|
|
6698
6698
|
var _useRef = React.useRef(open !== undefined),
|
|
6699
6699
|
isControlled = _useRef.current;
|
|
6700
6700
|
var isOpen = isControlled ? open : uncontrolledOpen;
|
|
6701
|
-
var Icon = Caret;
|
|
6702
|
-
if (CustomIcon) {
|
|
6703
|
-
Icon = CustomIcon;
|
|
6704
|
-
}
|
|
6705
6701
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
6706
6702
|
className: classes(className, modules_8207625f.root, isOpen ? modules_8207625f.open : ''),
|
|
6707
6703
|
"data-state-open": isOpen,
|
|
@@ -6723,14 +6719,14 @@ var Accordion = function Accordion(props) {
|
|
|
6723
6719
|
}
|
|
6724
6720
|
}
|
|
6725
6721
|
},
|
|
6726
|
-
component1:
|
|
6722
|
+
component1: LeftComponent && /*#__PURE__*/jsxRuntime.jsx(LeftComponent, {
|
|
6727
6723
|
className: modules_8207625f.icon
|
|
6728
6724
|
}),
|
|
6729
6725
|
component2: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
6730
6726
|
className: modules_8207625f.title,
|
|
6731
6727
|
children: title
|
|
6732
6728
|
}),
|
|
6733
|
-
component3:
|
|
6729
|
+
component3: RightComponent && /*#__PURE__*/jsxRuntime.jsx(RightComponent, {
|
|
6734
6730
|
className: modules_8207625f.icon
|
|
6735
6731
|
})
|
|
6736
6732
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
@@ -6756,7 +6752,8 @@ var Accordion = function Accordion(props) {
|
|
|
6756
6752
|
Accordion.propTypes = {
|
|
6757
6753
|
open: propTypes$1.exports.bool,
|
|
6758
6754
|
onToggle: propTypes$1.exports.func,
|
|
6759
|
-
|
|
6755
|
+
leftComponent: propTypes$1.exports.node,
|
|
6756
|
+
rightComponent: propTypes$1.exports.node,
|
|
6760
6757
|
title: propTypes$1.exports.node,
|
|
6761
6758
|
description: propTypes$1.exports.string,
|
|
6762
6759
|
defaultOpen: propTypes$1.exports.bool,
|
|
@@ -6767,7 +6764,8 @@ Accordion.propTypes = {
|
|
|
6767
6764
|
Accordion.defaultProps = {
|
|
6768
6765
|
open: undefined,
|
|
6769
6766
|
onToggle: null,
|
|
6770
|
-
|
|
6767
|
+
leftComponent: Caret,
|
|
6768
|
+
rightComponent: null,
|
|
6771
6769
|
title: null,
|
|
6772
6770
|
description: null,
|
|
6773
6771
|
defaultOpen: false,
|
|
@@ -46987,8 +46985,8 @@ HierarchyBrowser.defaultProps = {
|
|
|
46987
46985
|
title: 'Browser'
|
|
46988
46986
|
};
|
|
46989
46987
|
|
|
46990
|
-
var css$E = ".
|
|
46991
|
-
var modules_f23ae002 = {"root":"
|
|
46988
|
+
var css$E = ".BaseModal_module_root__7a89d9a7 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n top: 50%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate(-50%, -50%);\n max-height: 100%;\n height: 43.75rem;\n width: 62.5rem;\n position: fixed;\n background: var(--white);\n box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n border-radius: 8px;\n outline: none;\n}\n.BaseModal_module_root__7a89d9a7 .BaseModal_module_body__7a89d9a7 {\n overflow-y: scroll;\n padding: 1rem 2rem 1rem 2rem;\n}\n.BaseModal_module_root__7a89d9a7 .BaseModal_module_header__7a89d9a7,\n.BaseModal_module_root__7a89d9a7 .BaseModal_module_footer__7a89d9a7 {\n padding: 1rem;\n}\n.BaseModal_module_root__7a89d9a7 .BaseModal_module_header__7a89d9a7 {\n font-weight: 500;\n font-size: 1.375rem;\n border-bottom: 1px solid var(--grey4);\n}\n.BaseModal_module_root__7a89d9a7 .BaseModal_module_footer__7a89d9a7 {\n margin-top: auto;\n background: var(--grey6);\n border-radius: 0 0 8px 8px;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 0.625rem;\n}\n.BaseModal_module_root__7a89d9a7 button.BaseModal_module_close__7a89d9a7 {\n position: absolute;\n right: 1rem;\n top: 1rem;\n padding: 0.25rem;\n height: auto;\n background: var(--grey6);\n}\n.BaseModal_module_root__7a89d9a7 button.BaseModal_module_close__7a89d9a7 .BaseModal_module_icon__7a89d9a7 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--black);\n}";
|
|
46989
|
+
var modules_f23ae002 = {"root":"BaseModal_module_root__7a89d9a7","body":"BaseModal_module_body__7a89d9a7","header":"BaseModal_module_header__7a89d9a7","footer":"BaseModal_module_footer__7a89d9a7","close":"BaseModal_module_close__7a89d9a7","icon":"BaseModal_module_icon__7a89d9a7"};
|
|
46992
46990
|
n(css$E,{});
|
|
46993
46991
|
|
|
46994
46992
|
var BaseModal = function BaseModal(props) {
|