@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/esm/index.js
CHANGED
|
@@ -6653,22 +6653,22 @@ var Maximize = function Maximize(props) {
|
|
|
6653
6653
|
});
|
|
6654
6654
|
};
|
|
6655
6655
|
|
|
6656
|
-
var css$13 = ".
|
|
6657
|
-
var modules_8207625f = {"root":"
|
|
6656
|
+
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}";
|
|
6657
|
+
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"};
|
|
6658
6658
|
n(css$13,{});
|
|
6659
6659
|
|
|
6660
6660
|
var Accordion = function Accordion(props) {
|
|
6661
6661
|
var open = props.open,
|
|
6662
6662
|
onToggle = props.onToggle,
|
|
6663
6663
|
defaultOpen = props.defaultOpen,
|
|
6664
|
-
|
|
6664
|
+
LeftComponent = props.leftComponent,
|
|
6665
|
+
RightComponent = props.rightComponent,
|
|
6665
6666
|
title = props.title,
|
|
6666
6667
|
description = props.description,
|
|
6667
6668
|
children = props.children,
|
|
6668
6669
|
_onClick = props.onClick,
|
|
6669
6670
|
className = props.className,
|
|
6670
|
-
onExpand = props.onExpand
|
|
6671
|
-
CustomIcon = props.icon;
|
|
6671
|
+
onExpand = props.onExpand;
|
|
6672
6672
|
|
|
6673
6673
|
// uncontrolled
|
|
6674
6674
|
var _useState = useState(defaultOpen),
|
|
@@ -6678,10 +6678,6 @@ var Accordion = function Accordion(props) {
|
|
|
6678
6678
|
var _useRef = useRef(open !== undefined),
|
|
6679
6679
|
isControlled = _useRef.current;
|
|
6680
6680
|
var isOpen = isControlled ? open : uncontrolledOpen;
|
|
6681
|
-
var Icon = Caret;
|
|
6682
|
-
if (CustomIcon) {
|
|
6683
|
-
Icon = CustomIcon;
|
|
6684
|
-
}
|
|
6685
6681
|
return /*#__PURE__*/jsxs("div", {
|
|
6686
6682
|
className: classes(className, modules_8207625f.root, isOpen ? modules_8207625f.open : ''),
|
|
6687
6683
|
"data-state-open": isOpen,
|
|
@@ -6703,14 +6699,14 @@ var Accordion = function Accordion(props) {
|
|
|
6703
6699
|
}
|
|
6704
6700
|
}
|
|
6705
6701
|
},
|
|
6706
|
-
component1:
|
|
6702
|
+
component1: LeftComponent && /*#__PURE__*/jsx(LeftComponent, {
|
|
6707
6703
|
className: modules_8207625f.icon
|
|
6708
6704
|
}),
|
|
6709
6705
|
component2: /*#__PURE__*/jsx("span", {
|
|
6710
6706
|
className: modules_8207625f.title,
|
|
6711
6707
|
children: title
|
|
6712
6708
|
}),
|
|
6713
|
-
component3:
|
|
6709
|
+
component3: RightComponent && /*#__PURE__*/jsx(RightComponent, {
|
|
6714
6710
|
className: modules_8207625f.icon
|
|
6715
6711
|
})
|
|
6716
6712
|
}), /*#__PURE__*/jsxs("div", {
|
|
@@ -6736,7 +6732,8 @@ var Accordion = function Accordion(props) {
|
|
|
6736
6732
|
Accordion.propTypes = {
|
|
6737
6733
|
open: propTypes$1.exports.bool,
|
|
6738
6734
|
onToggle: propTypes$1.exports.func,
|
|
6739
|
-
|
|
6735
|
+
leftComponent: propTypes$1.exports.node,
|
|
6736
|
+
rightComponent: propTypes$1.exports.node,
|
|
6740
6737
|
title: propTypes$1.exports.node,
|
|
6741
6738
|
description: propTypes$1.exports.string,
|
|
6742
6739
|
defaultOpen: propTypes$1.exports.bool,
|
|
@@ -6747,7 +6744,8 @@ Accordion.propTypes = {
|
|
|
6747
6744
|
Accordion.defaultProps = {
|
|
6748
6745
|
open: undefined,
|
|
6749
6746
|
onToggle: null,
|
|
6750
|
-
|
|
6747
|
+
leftComponent: Caret,
|
|
6748
|
+
rightComponent: null,
|
|
6751
6749
|
title: null,
|
|
6752
6750
|
description: null,
|
|
6753
6751
|
defaultOpen: false,
|
|
@@ -46967,8 +46965,8 @@ HierarchyBrowser.defaultProps = {
|
|
|
46967
46965
|
title: 'Browser'
|
|
46968
46966
|
};
|
|
46969
46967
|
|
|
46970
|
-
var css$E = ".
|
|
46971
|
-
var modules_f23ae002 = {"root":"
|
|
46968
|
+
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}";
|
|
46969
|
+
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"};
|
|
46972
46970
|
n(css$E,{});
|
|
46973
46971
|
|
|
46974
46972
|
var BaseModal = function BaseModal(props) {
|