@reshape-biotech/design-system 2.7.27 → 2.7.29

package/dist/components/dropdown/components/dropdown-item.svelte

@@ -2,17 +2,23 @@
   import { DropdownMenu } from 'bits-ui';
   import type { DropdownItemProps } from '../types';
 
-  let { children, child: userChild, class: className = '', onSelect, ...restProps }: DropdownItemProps = $props();
+  let {
+    children,
+    child: userChild,
+    class: className = '',
+    onSelect,
+    ...restProps
+  }: DropdownItemProps = $props();
 </script>
 
-<DropdownMenu.Item onSelect={onSelect} {...restProps}>
+<DropdownMenu.Item {onSelect} {...restProps}>
   {#snippet child({ props }: { props: Record<string, any> })}
     {#if userChild}
       {@render userChild({ props })}
     {:else}
       <div
         {...props}
-        class="h-8 cursor-pointer rounded-lg px-2 py-1.5 text-sm outline-none transition-colors hover:bg-neutral-hover focus:bg-neutral-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_a]:no-underline {className}"
+        class="hover:bg-neutral-hover focus:bg-neutral-hover h-9 cursor-pointer rounded-lg px-2 py-1.5 text-sm transition-colors outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_a]:no-underline {className}"
       >
         {@render children?.()}
       </div>

package/dist/components/dropdown/index.d.ts

@@ -8,6 +8,7 @@ import SubContent from './components/dropdown-sub-content.svelte';
 export declare const Root: import("svelte").Component<{
     open?: boolean;
     onOpenChange?: import("bits-ui/dist/internal/types").OnChangeFn<boolean>;
+    onOpenChangeComplete?: import("bits-ui/dist/internal/types").OnChangeFn<boolean>;
     dir?: import("bits-ui").Direction;
 } & {
     children?: import("svelte").Snippet | undefined;

package/dist/components/markdown/Markdown.stories.svelte

@@ -8,11 +8,8 @@
     title: 'Design System/Markdown',
     tags: ['autodocs'],
   });
-</script>
 
-<Story name="Primary" asChild>
-  <Markdown
-    markdown={`# Welcome to My Markdown Story
+  const markdownContent = `# Welcome to My Markdown Story
 
 ## Features
 
@@ -36,6 +33,15 @@ greet('Storybook');
 
 ---
 
-Happy storytelling with Markdown!`}
-  />
+Happy storytelling with Markdown!`;
+</script>
+
+<Story name="Light" asChild>
+  <Markdown markdown={markdownContent} variant="light" />
+</Story>
+
+<Story name="Dark" asChild>
+  <div class="bg-gray-900 p-6 rounded-lg">
+    <Markdown markdown={markdownContent} variant="dark" />
+  </div>
 </Story>

package/dist/components/markdown/Markdown.svelte

@@ -2,11 +2,12 @@
   import { marked } from 'marked';
   interface Props {
     markdown: string;
+    variant?: 'light' | 'dark';
   }
 
-  let { markdown }: Props = $props();
+  let { markdown, variant = 'light' }: Props = $props();
 </script>
 
-<div class="prose text-sm text-secondary dark:prose-invert">
+<div class="prose prose-slate text-sm {variant === 'dark' ? 'dark:prose-invert' : ''}">
   {@html marked.parse(markdown ?? '')}
 </div>

package/dist/components/markdown/Markdown.svelte.d.ts

@@ -1,5 +1,6 @@
 interface Props {
     markdown: string;
+    variant?: 'light' | 'dark';
 }
 declare const Markdown: import("svelte").Component<Props, {}, "">;
 type Markdown = ReturnType<typeof Markdown>;

package/dist/components/select/index.d.ts

@@ -4,7 +4,7 @@ import GroupHeading from './components/SelectGroupHeading.svelte';
 import Trigger from './components/SelectTrigger.svelte';
 import MultiSelectTrigger from './components/MultiSelectTrigger.svelte';
 import Group from './components/Group.svelte';
-export declare const Root: import("svelte").Component<import("bits-ui").ComboboxRootPropsWithoutHTML, {}, "value" | "open">;
+export declare const Root: import("svelte").Component<import("bits-ui").SelectRootPropsWithoutHTML, {}, "value" | "open">;
 export declare const Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
 export { Content, Item, Group, GroupHeading, Trigger, MultiSelectTrigger };
 export * from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reshape-biotech/design-system",
-  "version": "2.7.27",
+  "version": "2.7.29",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
@@ -410,7 +410,7 @@
     "webpack-bundle-analyzer": "^4.10.2"
   },
   "dependencies": {
-    "bits-ui": "^1.8.0",
+    "bits-ui": "^2.14.1",
     "echarts": "^5.6.0",
     "tailwind-merge": "^3.3.1"
   }