@hyphen/hyphen-components 5.7.2 → 5.7.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/dist/hyphen-components.cjs.development.js +12 -7
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +12 -7
- package/dist/hyphen-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Sidebar/Sidebar.stories.tsx +184 -72
- package/src/components/Sidebar/Sidebar.tsx +6 -1
|
@@ -4230,10 +4230,15 @@ SidebarInset.displayName = 'SidebarInset';
|
|
|
4230
4230
|
var SidebarHeader = /*#__PURE__*/React__default.forwardRef(function (_ref5, ref) {
|
|
4231
4231
|
var className = _ref5.className,
|
|
4232
4232
|
props = _objectWithoutPropertiesLoose(_ref5, _excluded5);
|
|
4233
|
+
var _useSidebar3 = useSidebar(),
|
|
4234
|
+
state = _useSidebar3.state;
|
|
4235
|
+
var isCollapsed = state === 'collapsed';
|
|
4233
4236
|
return React__default.createElement("div", _extends({
|
|
4234
4237
|
ref: ref,
|
|
4235
4238
|
"data-sidebar": "header",
|
|
4236
|
-
className: classNames('display-flex g-sm p-v-md p-h-md p-right-0-desktop
|
|
4239
|
+
className: classNames('display-flex g-sm p-v-md p-h-md p-right-0-desktop', {
|
|
4240
|
+
'overflow-hidden': isCollapsed
|
|
4241
|
+
}, className)
|
|
4237
4242
|
}, props));
|
|
4238
4243
|
});
|
|
4239
4244
|
SidebarHeader.displayName = 'SidebarHeader';
|
|
@@ -4296,9 +4301,9 @@ var SidebarMenuButton = /*#__PURE__*/React__default.forwardRef(function (_ref0,
|
|
|
4296
4301
|
className = _ref0.className,
|
|
4297
4302
|
props = _objectWithoutPropertiesLoose(_ref0, _excluded0);
|
|
4298
4303
|
var Comp = asChild ? Slot : 'button';
|
|
4299
|
-
var
|
|
4300
|
-
isMobile =
|
|
4301
|
-
state =
|
|
4304
|
+
var _useSidebar4 = useSidebar(),
|
|
4305
|
+
isMobile = _useSidebar4.isMobile,
|
|
4306
|
+
state = _useSidebar4.state;
|
|
4302
4307
|
var button = React__default.createElement(Comp, _extends({
|
|
4303
4308
|
ref: ref,
|
|
4304
4309
|
"data-sidebar": "menu-button",
|
|
@@ -4403,9 +4408,9 @@ SidebarMenuAction.displayName = 'SidebarMenuAction';
|
|
|
4403
4408
|
var SidebarRail = /*#__PURE__*/React__default.forwardRef(function (_ref15, ref) {
|
|
4404
4409
|
var className = _ref15.className,
|
|
4405
4410
|
props = _objectWithoutPropertiesLoose(_ref15, _excluded14);
|
|
4406
|
-
var
|
|
4407
|
-
open =
|
|
4408
|
-
toggleSidebar =
|
|
4411
|
+
var _useSidebar5 = useSidebar(),
|
|
4412
|
+
open = _useSidebar5.open,
|
|
4413
|
+
toggleSidebar = _useSidebar5.toggleSidebar;
|
|
4409
4414
|
var caretIcon = open ? 'caret-sm-left' : 'caret-sm-right';
|
|
4410
4415
|
return React__default.createElement("button", _extends({
|
|
4411
4416
|
ref: ref,
|