@objectifthunes/whiteboard 0.4.0 → 0.5.1

package/dist/whiteboard.css

@@ -1360,7 +1360,7 @@ button.chip:hover {
   align-items: center;
   gap: var(--wb-gap-sm);
   transform: translateX(-50%);
-  padding: 0.34rem;
+  padding: 0.5rem;
   border: 1px solid var(--wb-border);
   border-radius: var(--wb-radius-lg);
   background: var(--wb-surface);
@@ -1599,3 +1599,52 @@ button.chip:hover {
   align-self: stretch;
   min-height: 1rem;
 }
+
+/* .toolbar buttons read slightly larger than panel buttons */
+.toolbar .wb-btn {
+  padding: 0.45rem 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;
+  font-size: var(--wb-fs-md);
+  line-height: 1.2;
+}
+
+.toolbar .chip {
+  font-size: var(--wb-fs-sm);
+}
+
+/* the vertical toolbar reads as app chrome too */
+.vertical-toolbar {
+  padding: 0.45rem;
+}
+
+.vertical-toolbar .wb-btn--icon-only {
+  padding: 0.55rem;
+  font-size: var(--wb-fs-md);
+}
+
+/* ── Draggable ───────────────────────────────────────────────────────── */
+.draggable {
+  cursor: grab;
+  touch-action: none;
+  will-change: transform;
+}
+
+.draggable--disabled {
+  cursor: inherit;
+}
+
+.draggable :where(button, input, select, textarea, canvas, a, label) {
+  cursor: auto;
+}
+
+.draggable :where(button, a, label, input[type='checkbox'], input[type='range']) {
+  cursor: pointer;
+}

package/package.json

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