@hyphen/hyphen-components 5.3.0 → 5.4.1
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/components/Sidebar/Sidebar.d.ts +2 -1
- package/dist/css/utilities.css +1 -1
- package/dist/css/variables.css +2 -2
- package/dist/hyphen-components.cjs.development.js +4 -5
- 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 +4 -5
- package/dist/hyphen-components.esm.js.map +1 -1
- package/dist/lib/tokens.d.ts +1 -1
- package/package.json +2 -2
- package/src/components/Sidebar/Sidebar.stories.tsx +17 -17
- package/src/components/Sidebar/Sidebar.tsx +3 -4
|
@@ -3997,7 +3997,7 @@ var TooltipContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3997
3997
|
});
|
|
3998
3998
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
3999
3999
|
|
|
4000
|
-
var _excluded$3 = ["defaultOpen", "open", "onOpenChange", "className", "style", "children"],
|
|
4000
|
+
var _excluded$3 = ["defaultOpen", "open", "storageKey", "onOpenChange", "className", "style", "children"],
|
|
4001
4001
|
_excluded2 = ["side", "collapsible", "className", "children"],
|
|
4002
4002
|
_excluded3 = ["className", "onClick"],
|
|
4003
4003
|
_excluded4 = ["className"],
|
|
@@ -4014,8 +4014,6 @@ var _excluded$3 = ["defaultOpen", "open", "onOpenChange", "className", "style",
|
|
|
4014
4014
|
_excluded13 = ["className", "asChild"],
|
|
4015
4015
|
_excluded14 = ["className"],
|
|
4016
4016
|
_excluded15 = ["className"];
|
|
4017
|
-
var SIDEBAR_COOKIE_NAME = 'sidebar_expanded';
|
|
4018
|
-
var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
4019
4017
|
var SIDEBAR_WIDTH = '16rem';
|
|
4020
4018
|
var SIDEBAR_WIDTH_ICON = '44px';
|
|
4021
4019
|
var SIDEBAR_KEYBOARD_SHORTCUT = '[';
|
|
@@ -4031,6 +4029,8 @@ var SidebarProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4031
4029
|
var _ref$defaultOpen = _ref.defaultOpen,
|
|
4032
4030
|
defaultOpen = _ref$defaultOpen === void 0 ? true : _ref$defaultOpen,
|
|
4033
4031
|
openProp = _ref.open,
|
|
4032
|
+
_ref$storageKey = _ref.storageKey,
|
|
4033
|
+
storageKey = _ref$storageKey === void 0 ? 'sidebar_expanded' : _ref$storageKey,
|
|
4034
4034
|
setOpenProp = _ref.onOpenChange,
|
|
4035
4035
|
className = _ref.className,
|
|
4036
4036
|
style = _ref.style,
|
|
@@ -4063,8 +4063,7 @@ var SidebarProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4063
4063
|
} else {
|
|
4064
4064
|
_setOpen(newOpenState);
|
|
4065
4065
|
}
|
|
4066
|
-
|
|
4067
|
-
document.cookie = SIDEBAR_COOKIE_NAME + "=" + newOpenState + "; path=/; max-age=" + SIDEBAR_COOKIE_MAX_AGE;
|
|
4066
|
+
localStorage.setItem(storageKey, "" + newOpenState);
|
|
4068
4067
|
}
|
|
4069
4068
|
}, [setOpenProp, open]);
|
|
4070
4069
|
// Toggle sidebar based on screen type
|