@rtzll/reflow 0.7.0 → 0.7.1

package/dist/carousel.css

@@ -48,8 +48,8 @@
 .rf-carousel[data-align='center'] .rf-carousel-slide {
   scroll-snap-align: center;
 }
-/* Dragging moves the slides, not their images. */
-.rf-carousel-slide img {
+/* Dragging moves the slides, not their links or images. */
+.rf-carousel-slide :is(a, img) {
   -webkit-user-drag: none;
 }
 

package/dist/carousel.js

@@ -210,6 +210,9 @@ export function Carousel(handle) {
             if (drag.samples.length > 8)
                 drag.samples.shift();
         }, options);
+        // Links and images are draggable by default; a native drag would cancel
+        // the pointer and take over the slides' drag, so the carousel keeps it.
+        node.addEventListener('dragstart', (event) => event.preventDefault(), options);
         node.addEventListener('pointerup', endDrag, options);
         node.addEventListener('pointercancel', endDrag, options);
         // A drag that ends over a link does not follow it.

package/dist/choices.css

@@ -414,6 +414,17 @@
   color: var(--rf-muted);
   cursor: pointer;
 }
+/* On touch, the remove button answers a little beyond its drawn square. */
+@media (pointer: coarse) {
+  .rf-picker-chip > button {
+    position: relative;
+  }
+  .rf-picker-chip > button::before {
+    content: '';
+    position: absolute;
+    inset: -4px;
+  }
+}
 .rf-picker-chip > button:hover {
   background: var(--rf-active);
   color: var(--rf-fg);

package/dist/compositions.css

@@ -18,6 +18,12 @@
   background: transparent;
   cursor: pointer;
 }
+/* On touch, each dot's button reaches the 24px minimum target; the dots stay small. */
+@media (pointer: coarse) {
+  .rf-carousel-dots button {
+    padding: 9px;
+  }
+}
 .rf-carousel-dots button:focus-visible {
   box-shadow: 0 0 0 1px var(--rf-accent);
 }

package/dist/dates.css

@@ -129,6 +129,8 @@
 .rf-calendar-months {
   display: flex;
   flex-wrap: wrap;
+  /* Months that wrap onto their own rows, as on a phone, stay centred. */
+  justify-content: center;
   align-items: flex-start;
   gap: 24px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rtzll/reflow",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "type": "module",
   "files": [
     "dist",