@reshape-biotech/design-system 2.7.29 → 2.7.31

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

@@ -18,7 +18,7 @@
     {:else}
       <div
         {...props}
-        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}"
+        class="h-9 cursor-pointer items-center 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}"
       >
         {@render children?.()}
       </div>

package/dist/components/multi-cfu-counter/MultiCFUCounter.svelte

@@ -546,7 +546,7 @@
 
 {#snippet UndoResetControls()}
   <div
-    class="border-static-inverse bg-base-inverse absolute right-2 top-2 z-20 flex items-center gap-1 rounded-xl border p-1 opacity-0 transition-opacity duration-200 group-hover:opacity-100"
+    class="absolute right-2 top-2 z-20 flex items-center gap-1 rounded-xl border border-static-inverse bg-base-inverse p-1 opacity-0 transition-opacity duration-200 group-hover:opacity-100"
   >
     <IconButton
       variant="transparent-inverse"
@@ -573,14 +573,14 @@
 
 {#snippet ZoomControls()}
   <div
-    class="border-static-inverse bg-base-inverse absolute bottom-2 right-2 z-20 flex flex-col items-center gap-1 rounded-xl border p-1 opacity-0 transition-opacity duration-200 group-hover:opacity-100"
+    class="absolute bottom-2 right-2 z-20 flex flex-col items-center gap-1 rounded-xl border border-static-inverse bg-base-inverse p-1 opacity-0 transition-opacity duration-200 group-hover:opacity-100"
   >
     <IconButton
       variant="transparent-inverse"
       rounded={false}
       onclick={zoomIn}
       aria-label="Zoom In"
-      disabled={transform.scale >= MAX_ZOOM || disabled}
+      disabled={transform.scale >= MAX_ZOOM}
     >
       <Icon icon={Plus} />
     </IconButton>
@@ -589,7 +589,7 @@
       rounded={false}
       onclick={zoomOut}
       aria-label="Zoom Out"
-      disabled={transform.scale <= MIN_ZOOM || disabled}
+      disabled={transform.scale <= MIN_ZOOM}
     >
       <Icon icon={Minus} />
     </IconButton>
@@ -600,8 +600,8 @@
   <div bind:this={container} class="group relative flex-1 overflow-hidden rounded-xl bg-black">
     {#if !hideMarkers && !disabled}
       {@render UndoResetControls()}
-      {@render ZoomControls()}
     {/if}
+    {@render ZoomControls()}
 
     <!--
       We need to use SVG for this interactive component.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reshape-biotech/design-system",
-  "version": "2.7.29",
+  "version": "2.7.31",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",