elseware-ui 2.6.2 → 2.6.4
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/build/index.es.js +21 -18
- package/build/index.js +21 -18
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -75643,7 +75643,8 @@ function Menu(_a) {
|
|
|
75643
75643
|
childrenContent = jsxRuntime.jsx("div", { children: items });
|
|
75644
75644
|
}
|
|
75645
75645
|
return (jsxRuntime.jsx("div", __assign$1({ className: classnames((_b = {
|
|
75646
|
-
"
|
|
75646
|
+
"overflow-y-auto w-full select-none": true,
|
|
75647
|
+
"eui-bg-md": !styles
|
|
75647
75648
|
},
|
|
75648
75649
|
_b["".concat(styles)] = styles,
|
|
75649
75650
|
_b)) }, { children: childrenContent })));
|
|
@@ -75659,10 +75660,10 @@ var MenuGroup = function (_a) {
|
|
|
75659
75660
|
var icon = _a.icon, name = _a.name, badge = _a.badge; _a.to; var styles = _a.styles, children = _a.children;
|
|
75660
75661
|
var _c = useState(true), collapsed = _c[0], setCollapsed = _c[1];
|
|
75661
75662
|
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign$1({ className: classnames((_b = {
|
|
75662
|
-
"flex flex-row justify-between items-center p-4
|
|
75663
|
-
"
|
|
75664
|
-
"
|
|
75665
|
-
"
|
|
75663
|
+
"flex flex-row justify-between items-center cursor-pointer p-4": true,
|
|
75664
|
+
"transition-all ease-in-out": true,
|
|
75665
|
+
"eui-gradient-to-r-xs eui-text-md border-b border-eui-dark-500/40 dark:border-eui-secondary-800/40": !styles,
|
|
75666
|
+
"hover:eui-gradient-to-r-md": !styles
|
|
75666
75667
|
},
|
|
75667
75668
|
_b["".concat(styles)] = styles,
|
|
75668
75669
|
_b)), onClick: function () { return setCollapsed(!collapsed); } }, { children: [jsxRuntime.jsx("div", __assign$1({ className: "flex flex-row gap-3" }, { children: jsxRuntime.jsx(MIContext, { icon: icon, name: name, badge: badge }) })), jsxRuntime.jsx(BsChevronDown, { className: classnames({
|
|
@@ -75676,10 +75677,10 @@ var Content$1 = function (_a) {
|
|
|
75676
75677
|
var _b;
|
|
75677
75678
|
var icon = _a.icon, name = _a.name, badge = _a.badge, styles = _a.styles;
|
|
75678
75679
|
return (jsxRuntime.jsx("div", __assign$1({ className: classnames((_b = {
|
|
75679
|
-
"flex flex-row items-center gap-3 p-3
|
|
75680
|
-
"
|
|
75681
|
-
"
|
|
75682
|
-
"
|
|
75680
|
+
"flex flex-row items-center gap-3 p-3 cursor-pointer": true,
|
|
75681
|
+
"transition-all ease-in-out duration-300": true,
|
|
75682
|
+
"eui-gradient-to-r-xs eui-text-md border-b border-eui-dark-500/20 dark:border-eui-secondary-600/10 w-full opacity-60": !styles,
|
|
75683
|
+
"hover:eui-gradient-to-r-sm": !styles
|
|
75683
75684
|
},
|
|
75684
75685
|
_b["".concat(styles)] = styles,
|
|
75685
75686
|
_b)) }, { children: jsxRuntime.jsx(MIContext, { icon: icon, name: name, badge: badge }) })));
|
|
@@ -75706,7 +75707,8 @@ var MenuItemTitle = function (_a) {
|
|
|
75706
75707
|
var _b;
|
|
75707
75708
|
var icon = _a.icon, name = _a.name, badge = _a.badge, styles = _a.styles;
|
|
75708
75709
|
return (jsxRuntime.jsx("div", __assign$1({ className: classnames((_b = {
|
|
75709
|
-
"flex flex-row gap-3 p-4 font-semibold uppercase
|
|
75710
|
+
"flex flex-row gap-3 p-4 font-semibold uppercase": true,
|
|
75711
|
+
"eui-text-md": !styles
|
|
75710
75712
|
},
|
|
75711
75713
|
_b["".concat(styles)] = styles,
|
|
75712
75714
|
_b)) }, { children: jsxRuntime.jsx(MIContext, { icon: icon, name: name, badge: badge }) })));
|
|
@@ -75868,7 +75870,7 @@ var Drawer = function (_a) {
|
|
|
75868
75870
|
"translate-x-full": side === "right",
|
|
75869
75871
|
"-translate-y-full": side === "top",
|
|
75870
75872
|
"translate-y-full": side === "bottom",
|
|
75871
|
-
}) }, { children: jsxRuntime.jsx("div", __assign$1({ className: classnames("fixed
|
|
75873
|
+
}) }, { children: jsxRuntime.jsx("div", __assign$1({ className: classnames("fixed shadow-lg z-50", {
|
|
75872
75874
|
"h-full w-[300px]": isHorizontal,
|
|
75873
75875
|
"w-full h-[300px]": !isHorizontal,
|
|
75874
75876
|
}, {
|
|
@@ -75876,7 +75878,7 @@ var Drawer = function (_a) {
|
|
|
75876
75878
|
"right-0": side === "right",
|
|
75877
75879
|
"top-0 left-0": side === "top",
|
|
75878
75880
|
"bottom-0 left-0": side === "bottom",
|
|
75879
|
-
}, (_b = {}, _b["".concat(styles)] = styles, _b)) }, { children: children })) }))] }));
|
|
75881
|
+
}, { "eui-bg-md": !styles }, (_b = {}, _b["".concat(styles)] = styles, _b)) }, { children: children })) }))] }));
|
|
75880
75882
|
};
|
|
75881
75883
|
|
|
75882
75884
|
function DrawerToggler(_a) {
|
|
@@ -75964,9 +75966,9 @@ var HeaderNavGroup = function (_a) {
|
|
|
75964
75966
|
return (jsxRuntime.jsxs("div", __assign$1({ className: "relative w-full", ref: headerNavGroupRef }, { children: [jsxRuntime.jsxs("div", __assign$1({ className: classnames((_b = {
|
|
75965
75967
|
"flex flex-row gap-2 items-center justify-between cursor-pointer p-3 w-full": true,
|
|
75966
75968
|
"transition-all duration-300 ease-in-out": true,
|
|
75967
|
-
"eui-text-md bg-gradient-to-t from-eui-dark-500/10 dark:from-green-700/10":
|
|
75968
|
-
"hover:bg-eui-dark-500/10 hover:dark:bg-green-700/20":
|
|
75969
|
-
"bg-eui-dark-500/10 dark:bg-green-700/20": !collapsed
|
|
75969
|
+
"eui-text-md bg-gradient-to-t from-eui-dark-500/10 dark:from-green-700/10": !styles,
|
|
75970
|
+
"hover:bg-eui-dark-500/10 hover:dark:bg-green-700/20": !styles,
|
|
75971
|
+
"bg-eui-dark-500/10 dark:bg-green-700/20": !collapsed && !styles
|
|
75970
75972
|
},
|
|
75971
75973
|
_b["".concat(styles)] = styles,
|
|
75972
75974
|
_b)), onClick: function () {
|
|
@@ -76000,8 +76002,8 @@ var HeaderNavItem = function (_a) {
|
|
|
76000
76002
|
return (jsxRuntime.jsx("div", __assign$1({ onClick: handleNavigation, className: classnames((_b = {
|
|
76001
76003
|
"flex flex-row items-center gap-3 cursor-pointer p-3 w-full": true,
|
|
76002
76004
|
"transition-all duration-200 ease-in-out": true,
|
|
76003
|
-
"eui-text-md border-b border-eui-dark-500/20 dark:border-eui-secondary-900/20 bg-gradient-to-r from-eui-dark-500/10 dark:from-eui-secondary-900/10":
|
|
76004
|
-
"hover:from-eui-dark-500/20 hover:dark:from-eui-secondary-900/20":
|
|
76005
|
+
"eui-text-md border-b border-eui-dark-500/20 dark:border-eui-secondary-900/20 bg-gradient-to-r from-eui-dark-500/10 dark:from-eui-secondary-900/10": !styles,
|
|
76006
|
+
"hover:from-eui-dark-500/20 hover:dark:from-eui-secondary-900/20": !styles
|
|
76005
76007
|
},
|
|
76006
76008
|
_b["".concat(styles)] = styles,
|
|
76007
76009
|
_b)) }, { children: jsxRuntime.jsx(HeaderNavItemContext, { icon: icon, name: name, description: description, badge: badge }) })));
|
|
@@ -76011,7 +76013,8 @@ var HeaderNavItemTitle = function (_a) {
|
|
|
76011
76013
|
var _b;
|
|
76012
76014
|
var icon = _a.icon, name = _a.name, description = _a.description, badge = _a.badge, styles = _a.styles;
|
|
76013
76015
|
return (jsxRuntime.jsx("div", __assign$1({ className: classnames((_b = {
|
|
76014
|
-
"p-3
|
|
76016
|
+
"p-3 font-thin": true,
|
|
76017
|
+
"eui-text-md": !styles
|
|
76015
76018
|
},
|
|
76016
76019
|
_b["".concat(styles)] = styles,
|
|
76017
76020
|
_b)) }, { children: jsxRuntime.jsx(HeaderNavItemContext, { icon: icon, name: name, description: description, badge: badge }) })));
|
package/build/index.js
CHANGED
|
@@ -75669,7 +75669,8 @@ function Menu(_a) {
|
|
|
75669
75669
|
childrenContent = jsxRuntime.jsx("div", { children: items });
|
|
75670
75670
|
}
|
|
75671
75671
|
return (jsxRuntime.jsx("div", __assign$1({ className: classnames((_b = {
|
|
75672
|
-
"
|
|
75672
|
+
"overflow-y-auto w-full select-none": true,
|
|
75673
|
+
"eui-bg-md": !styles
|
|
75673
75674
|
},
|
|
75674
75675
|
_b["".concat(styles)] = styles,
|
|
75675
75676
|
_b)) }, { children: childrenContent })));
|
|
@@ -75685,10 +75686,10 @@ var MenuGroup = function (_a) {
|
|
|
75685
75686
|
var icon = _a.icon, name = _a.name, badge = _a.badge; _a.to; var styles = _a.styles, children = _a.children;
|
|
75686
75687
|
var _c = React.useState(true), collapsed = _c[0], setCollapsed = _c[1];
|
|
75687
75688
|
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign$1({ className: classnames((_b = {
|
|
75688
|
-
"flex flex-row justify-between items-center p-4
|
|
75689
|
-
"
|
|
75690
|
-
"
|
|
75691
|
-
"
|
|
75689
|
+
"flex flex-row justify-between items-center cursor-pointer p-4": true,
|
|
75690
|
+
"transition-all ease-in-out": true,
|
|
75691
|
+
"eui-gradient-to-r-xs eui-text-md border-b border-eui-dark-500/40 dark:border-eui-secondary-800/40": !styles,
|
|
75692
|
+
"hover:eui-gradient-to-r-md": !styles
|
|
75692
75693
|
},
|
|
75693
75694
|
_b["".concat(styles)] = styles,
|
|
75694
75695
|
_b)), onClick: function () { return setCollapsed(!collapsed); } }, { children: [jsxRuntime.jsx("div", __assign$1({ className: "flex flex-row gap-3" }, { children: jsxRuntime.jsx(MIContext, { icon: icon, name: name, badge: badge }) })), jsxRuntime.jsx(BsChevronDown, { className: classnames({
|
|
@@ -75702,10 +75703,10 @@ var Content$1 = function (_a) {
|
|
|
75702
75703
|
var _b;
|
|
75703
75704
|
var icon = _a.icon, name = _a.name, badge = _a.badge, styles = _a.styles;
|
|
75704
75705
|
return (jsxRuntime.jsx("div", __assign$1({ className: classnames((_b = {
|
|
75705
|
-
"flex flex-row items-center gap-3 p-3
|
|
75706
|
-
"
|
|
75707
|
-
"
|
|
75708
|
-
"
|
|
75706
|
+
"flex flex-row items-center gap-3 p-3 cursor-pointer": true,
|
|
75707
|
+
"transition-all ease-in-out duration-300": true,
|
|
75708
|
+
"eui-gradient-to-r-xs eui-text-md border-b border-eui-dark-500/20 dark:border-eui-secondary-600/10 w-full opacity-60": !styles,
|
|
75709
|
+
"hover:eui-gradient-to-r-sm": !styles
|
|
75709
75710
|
},
|
|
75710
75711
|
_b["".concat(styles)] = styles,
|
|
75711
75712
|
_b)) }, { children: jsxRuntime.jsx(MIContext, { icon: icon, name: name, badge: badge }) })));
|
|
@@ -75732,7 +75733,8 @@ var MenuItemTitle = function (_a) {
|
|
|
75732
75733
|
var _b;
|
|
75733
75734
|
var icon = _a.icon, name = _a.name, badge = _a.badge, styles = _a.styles;
|
|
75734
75735
|
return (jsxRuntime.jsx("div", __assign$1({ className: classnames((_b = {
|
|
75735
|
-
"flex flex-row gap-3 p-4 font-semibold uppercase
|
|
75736
|
+
"flex flex-row gap-3 p-4 font-semibold uppercase": true,
|
|
75737
|
+
"eui-text-md": !styles
|
|
75736
75738
|
},
|
|
75737
75739
|
_b["".concat(styles)] = styles,
|
|
75738
75740
|
_b)) }, { children: jsxRuntime.jsx(MIContext, { icon: icon, name: name, badge: badge }) })));
|
|
@@ -75894,7 +75896,7 @@ var Drawer = function (_a) {
|
|
|
75894
75896
|
"translate-x-full": side === "right",
|
|
75895
75897
|
"-translate-y-full": side === "top",
|
|
75896
75898
|
"translate-y-full": side === "bottom",
|
|
75897
|
-
}) }, { children: jsxRuntime.jsx("div", __assign$1({ className: classnames("fixed
|
|
75899
|
+
}) }, { children: jsxRuntime.jsx("div", __assign$1({ className: classnames("fixed shadow-lg z-50", {
|
|
75898
75900
|
"h-full w-[300px]": isHorizontal,
|
|
75899
75901
|
"w-full h-[300px]": !isHorizontal,
|
|
75900
75902
|
}, {
|
|
@@ -75902,7 +75904,7 @@ var Drawer = function (_a) {
|
|
|
75902
75904
|
"right-0": side === "right",
|
|
75903
75905
|
"top-0 left-0": side === "top",
|
|
75904
75906
|
"bottom-0 left-0": side === "bottom",
|
|
75905
|
-
}, (_b = {}, _b["".concat(styles)] = styles, _b)) }, { children: children })) }))] }));
|
|
75907
|
+
}, { "eui-bg-md": !styles }, (_b = {}, _b["".concat(styles)] = styles, _b)) }, { children: children })) }))] }));
|
|
75906
75908
|
};
|
|
75907
75909
|
|
|
75908
75910
|
function DrawerToggler(_a) {
|
|
@@ -75990,9 +75992,9 @@ var HeaderNavGroup = function (_a) {
|
|
|
75990
75992
|
return (jsxRuntime.jsxs("div", __assign$1({ className: "relative w-full", ref: headerNavGroupRef }, { children: [jsxRuntime.jsxs("div", __assign$1({ className: classnames((_b = {
|
|
75991
75993
|
"flex flex-row gap-2 items-center justify-between cursor-pointer p-3 w-full": true,
|
|
75992
75994
|
"transition-all duration-300 ease-in-out": true,
|
|
75993
|
-
"eui-text-md bg-gradient-to-t from-eui-dark-500/10 dark:from-green-700/10":
|
|
75994
|
-
"hover:bg-eui-dark-500/10 hover:dark:bg-green-700/20":
|
|
75995
|
-
"bg-eui-dark-500/10 dark:bg-green-700/20": !collapsed
|
|
75995
|
+
"eui-text-md bg-gradient-to-t from-eui-dark-500/10 dark:from-green-700/10": !styles,
|
|
75996
|
+
"hover:bg-eui-dark-500/10 hover:dark:bg-green-700/20": !styles,
|
|
75997
|
+
"bg-eui-dark-500/10 dark:bg-green-700/20": !collapsed && !styles
|
|
75996
75998
|
},
|
|
75997
75999
|
_b["".concat(styles)] = styles,
|
|
75998
76000
|
_b)), onClick: function () {
|
|
@@ -76026,8 +76028,8 @@ var HeaderNavItem = function (_a) {
|
|
|
76026
76028
|
return (jsxRuntime.jsx("div", __assign$1({ onClick: handleNavigation, className: classnames((_b = {
|
|
76027
76029
|
"flex flex-row items-center gap-3 cursor-pointer p-3 w-full": true,
|
|
76028
76030
|
"transition-all duration-200 ease-in-out": true,
|
|
76029
|
-
"eui-text-md border-b border-eui-dark-500/20 dark:border-eui-secondary-900/20 bg-gradient-to-r from-eui-dark-500/10 dark:from-eui-secondary-900/10":
|
|
76030
|
-
"hover:from-eui-dark-500/20 hover:dark:from-eui-secondary-900/20":
|
|
76031
|
+
"eui-text-md border-b border-eui-dark-500/20 dark:border-eui-secondary-900/20 bg-gradient-to-r from-eui-dark-500/10 dark:from-eui-secondary-900/10": !styles,
|
|
76032
|
+
"hover:from-eui-dark-500/20 hover:dark:from-eui-secondary-900/20": !styles
|
|
76031
76033
|
},
|
|
76032
76034
|
_b["".concat(styles)] = styles,
|
|
76033
76035
|
_b)) }, { children: jsxRuntime.jsx(HeaderNavItemContext, { icon: icon, name: name, description: description, badge: badge }) })));
|
|
@@ -76037,7 +76039,8 @@ var HeaderNavItemTitle = function (_a) {
|
|
|
76037
76039
|
var _b;
|
|
76038
76040
|
var icon = _a.icon, name = _a.name, description = _a.description, badge = _a.badge, styles = _a.styles;
|
|
76039
76041
|
return (jsxRuntime.jsx("div", __assign$1({ className: classnames((_b = {
|
|
76040
|
-
"p-3
|
|
76042
|
+
"p-3 font-thin": true,
|
|
76043
|
+
"eui-text-md": !styles
|
|
76041
76044
|
},
|
|
76042
76045
|
_b["".concat(styles)] = styles,
|
|
76043
76046
|
_b)) }, { children: jsxRuntime.jsx(HeaderNavItemContext, { icon: icon, name: name, description: description, badge: badge }) })));
|