@kushagradhawan/kookie-ui 0.1.24 → 0.1.25

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.
Files changed (11) hide show
  1. package/components.css +298 -652
  2. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  3. package/dist/cjs/components/sidebar.js +1 -1
  4. package/dist/cjs/components/sidebar.js.map +2 -2
  5. package/dist/esm/components/sidebar.d.ts.map +1 -1
  6. package/dist/esm/components/sidebar.js +1 -1
  7. package/dist/esm/components/sidebar.js.map +2 -2
  8. package/package.json +1 -1
  9. package/src/components/sidebar.css +333 -245
  10. package/src/components/sidebar.tsx +26 -5
  11. package/styles.css +298 -652
package/src/components/sidebar.tsx CHANGED
@@ -240,6 +240,8 @@ const Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>((props, forwarded
240
240
  data-accent-color={resolvedColor}
241
241
  data-high-contrast={highContrast || undefined}
242
242
  data-side={side}
243
+ data-type={type}
244
+ data-collapsible={collapsible}
243
245
  data-panel-background={panelBackground}
244
246
  >
245
247
  {children}
@@ -270,6 +272,8 @@ const Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>((props, forwarded
270
272
  data-accent-color={resolvedColor}
271
273
  data-high-contrast={highContrast || undefined}
272
274
  data-side={side}
275
+ data-type={type}
276
+ data-collapsible={collapsible}
273
277
  data-panel-background={panelBackground}
274
278
  >
275
279
  {children}
@@ -286,7 +290,12 @@ interface SidebarContentProps extends React.ComponentPropsWithoutRef<'div'> {}
286
290
  const SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(
287
291
  ({ className, children, ...props }, forwardedRef) => {
288
292
  const context = React.useContext(SidebarContext);
289
- const { size = '2', menuVariant = 'soft' } = context || {};
293
+ const {
294
+ size = '2',
295
+ menuVariant = 'soft',
296
+ type = 'sidebar',
297
+ collapsible = 'none',
298
+ } = context || {};
290
299
 
291
300
  return (
292
301
  <ScrollArea type="auto">
@@ -294,11 +303,14 @@ const SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(
294
303
  {...props}
295
304
  ref={forwardedRef}
296
305
  className={classNames(
306
+ 'rt-BaseMenuContent',
297
307
  'rt-SidebarContent',
298
308
  `rt-r-size-${size}`,
299
309
  `rt-menu-variant-${menuVariant}`,
300
310
  className,
301
311
  )}
312
+ data-type={type}
313
+ data-collapsible={collapsible}
302
314
  >
303
315
  {children}
304
316
  </div>
@@ -420,7 +432,11 @@ interface SidebarMenuProps extends React.ComponentPropsWithoutRef<'ul'> {}
420
432
 
421
433
  const SidebarMenu = React.forwardRef<HTMLUListElement, SidebarMenuProps>(
422
434
  ({ className, ...props }, forwardedRef) => (
423
- <ul {...props} ref={forwardedRef} className={classNames('rt-SidebarMenu', className)} />
435
+ <ul
436
+ {...props}
437
+ ref={forwardedRef}
438
+ className={classNames('rt-BaseMenuViewport', 'rt-SidebarMenu', className)}
439
+ />
424
440
  ),
425
441
  );
426
442
  SidebarMenu.displayName = 'Sidebar.Menu';
@@ -466,7 +482,7 @@ const SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonP
466
482
  <Comp
467
483
  {...props}
468
484
  ref={forwardedRef}
469
- className={classNames('rt-reset', 'rt-SidebarMenuButton', className)}
485
+ className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', className)}
470
486
  data-active={isActive || undefined}
471
487
  data-highlighted={isHighlighted || undefined}
472
488
  onMouseEnter={(event) => {
@@ -558,6 +574,7 @@ const SidebarMenuSubTrigger = React.forwardRef<
558
574
  asChild={asChild}
559
575
  className={classNames(
560
576
  'rt-reset',
577
+ 'rt-BaseMenuItem',
561
578
  'rt-SidebarMenuButton',
562
579
  'rt-SidebarMenuSubTrigger',
563
580
  className,
@@ -617,7 +634,11 @@ interface SidebarGroupProps extends React.ComponentPropsWithoutRef<'div'> {}
617
634
 
618
635
  const SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(
619
636
  ({ className, ...props }, forwardedRef) => (
620
- <div {...props} ref={forwardedRef} className={classNames('rt-SidebarGroup', className)} />
637
+ <div
638
+ {...props}
639
+ ref={forwardedRef}
640
+ className={classNames('rt-BaseMenuGroup', 'rt-SidebarGroup', className)}
641
+ />
621
642
  ),
622
643
  );
623
644
  SidebarGroup.displayName = 'Sidebar.Group';
@@ -634,7 +655,7 @@ const SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProp
634
655
  <Comp
635
656
  {...props}
636
657
  ref={forwardedRef}
637
- className={classNames('rt-SidebarGroupLabel', className)}
658
+ className={classNames('rt-BaseMenuLabel', 'rt-SidebarGroupLabel', className)}
638
659
  />
639
660
  );
640
661
  },