@objectifthunes/whiteboard 0.5.3 → 0.6.0

package/dist/index.d.ts

@@ -675,7 +675,7 @@ export declare function Tooltip({ label, placement, className, children, ...prop
 declare interface TooltipProps extends HTMLAttributes<HTMLSpanElement> {
     /** Bubble content. Keep it to a few words. */
     label: ReactNode;
-    placement?: 'top' | 'bottom';
+    placement?: 'top' | 'bottom' | 'left' | 'right';
     children: ReactNode;
 }
 

package/dist/index.js

@@ -1293,7 +1293,13 @@ function gn({ label: e, placement: t = "top", className: n, children: a, ...s })
   return /* @__PURE__ */ d(
     "span",
     {
-      className: i("tooltip", t === "bottom" && "tooltip--bottom", n),
+      className: i(
+        "tooltip",
+        t === "bottom" && "tooltip--bottom",
+        t === "left" && "tooltip--left",
+        t === "right" && "tooltip--right",
+        n
+      ),
       ...s,
       children: [
         a,

package/dist/whiteboard.css

@@ -1567,6 +1567,22 @@ button.chip:hover {
   top: calc(100% + 0.4rem);
 }
 
+.tooltip--right .tooltip__bubble,
+.tooltip--left .tooltip__bubble {
+  bottom: auto;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.tooltip--right .tooltip__bubble {
+  left: calc(100% + 0.4rem);
+}
+
+.tooltip--left .tooltip__bubble {
+  left: auto;
+  right: calc(100% + 0.4rem);
+}
+
 .tooltip:hover .tooltip__bubble,
 .tooltip:focus-within .tooltip__bubble {
   opacity: 1;
@@ -1602,18 +1618,25 @@ button.chip:hover {
   min-height: 1rem;
 }
 
-/* .toolbar buttons read slightly larger than panel buttons */
+/* every control inside a toolbar shares ONE height — buttons, inputs,
+   icon buttons all sit on the same rhythm */
+.toolbar {
+  --wb-chrome-control: 2.2rem;
+}
+
 .toolbar .wb-btn {
-  padding: 0.45rem 0.72rem;
+  height: var(--wb-chrome-control);
+  padding: 0 0.72rem;
   font-size: var(--wb-fs-md);
 }
 
-/* inputs and chips inside a toolbar match the button rhythm */
 .toolbar input:not([type]),
 .toolbar input[type='text'],
 .toolbar input[type='number'],
 .toolbar input[type='search'] {
-  padding: 0.38rem 0.45rem;
+  height: var(--wb-chrome-control);
+  box-sizing: border-box;
+  padding: 0 0.5rem;
   font-size: var(--wb-fs-md);
   line-height: 1.2;
 }
@@ -1665,6 +1688,7 @@ button.chip:hover {
   min-width: 2.2rem;
   padding: 0;
   justify-content: center;
+  flex: none;
 }
 
 .toolbar .wb-btn--icon-only {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@objectifthunes/whiteboard",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "description": "Pan/zoom whiteboard canvas with draggable panels, minimap, snap-to-grid, and zoom controls",
   "license": "MIT",
   "type": "module",