@hyphen/hyphen-components 7.3.6 → 7.4.0

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.
@@ -3,7 +3,7 @@
3
3
  \***************************************************************************************************************************/
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Mon, 09 Feb 2026 19:16:45 GMT
6
+ * Generated on Mon, 16 Mar 2026 23:37:02 GMT
7
7
  */
8
8
 
9
9
  .font-family-monospace { font-family: var(--assets-font-family-monospace); }
@@ -3,7 +3,7 @@
3
3
  \*********************************************************************************************************************/
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Mon, 09 Feb 2026 19:16:45 GMT
6
+ * Generated on Mon, 16 Mar 2026 23:37:02 GMT
7
7
  */
8
8
 
9
9
  :root {
@@ -370,7 +370,7 @@
370
370
  \*******************************************************************************************************************************/
371
371
  /**
372
372
  * Do not edit directly
373
- * Generated on Mon, 09 Feb 2026 19:16:45 GMT
373
+ * Generated on Mon, 16 Mar 2026 23:37:02 GMT
374
374
  */
375
375
 
376
376
  :root.dark {
@@ -434,7 +434,7 @@
434
434
  --color-font-disabled: #525252;
435
435
  --color-font-success: #16a34a;
436
436
  --color-font-success-disabled: #16a34a;
437
- --color-font-info: #3b82f6;
437
+ --color-font-info: #60a5fa;
438
438
  --color-font-warning: #eab308;
439
439
  --color-font-warning-disabled: #fef08a;
440
440
  --color-font-danger: #ef4444;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hyphen/hyphen-components",
3
- "version": "7.3.6",
3
+ "version": "7.4.0",
4
4
  "license": "MIT",
5
5
  "author": {
6
6
  "name": "@hyphen"
@@ -58,7 +58,7 @@
58
58
  ],
59
59
  "dependencies": {
60
60
  "@emotion/react": "^11.14.0",
61
- "@hyphen/hyphen-design-tokens": "^7.0.1",
61
+ "@hyphen/hyphen-design-tokens": "^7.2.0",
62
62
  "@radix-ui/react-aspect-ratio": "^1.1.8",
63
63
  "@radix-ui/react-collapsible": "^1.1.12",
64
64
  "@radix-ui/react-dropdown-menu": "^2.1.16",
@@ -238,11 +238,20 @@ export const SidebarBothSides = () => {
238
238
  const [activeTeam, setActiveTeam] = React.useState(data.teams[0]);
239
239
  const isMobile = useIsMobile();
240
240
 
241
- const STORAGE_KEY = 'sidebar_dual_expanded_storybook';
241
+ const RIGHT_KEY = 'sidebar_dual_expanded_storybook_right';
242
+ const LEFT_KEY = 'sidebar_dual_expanded_storybook_left';
243
+
244
+ const defaultOpen = {
245
+ left: localStorage.getItem(LEFT_KEY) !== 'false',
246
+ right: localStorage.getItem(RIGHT_KEY) !== 'false',
247
+ };
242
248
 
243
249
  return (
244
250
  <ResponsiveProvider>
245
- <SidebarProvider storageKey={STORAGE_KEY} defaultOpen>
251
+ <SidebarProvider
252
+ storageKey={{ left: LEFT_KEY, right: RIGHT_KEY }}
253
+ defaultOpen={defaultOpen}
254
+ >
246
255
  <Sidebar side="left" collapsible="icon">
247
256
  <NavHeader activeTeam={activeTeam} setActiveTeam={setActiveTeam} />
248
257
  <SidebarContent>