hlmnhkl-ui 0.17.0 → 0.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hlmnhkl-ui",
3
- "version": "0.17.0",
3
+ "version": "0.18.0",
4
4
  "description": "React components in a monochrome style. Copy them into your app with npx hlmnhkl-ui add <name>.",
5
5
  "license": "MIT",
6
6
  "homepage": "https://ui.hlmnhkl.my",
@@ -8,7 +8,9 @@
8
8
  /* Native scrolling kept; only the bar is custom */
9
9
  .viewport {
10
10
  overflow: auto;
11
- overscroll-behavior: contain;
11
+ /* Sideways only: a swipe at the edge must not go back a page, and once the area is at its end the
12
+ wheel carries on to the page, as people expect. */
13
+ overscroll-behavior-x: contain;
12
14
  scrollbar-width: none;
13
15
  border-radius: inherit;
14
16
  }
@@ -12,7 +12,8 @@
12
12
 
13
13
  .scroll {
14
14
  overflow: auto;
15
- overscroll-behavior: contain;
15
+ /* Sideways only: a swipe at the edge must not go back a page, but the wheel still scrolls the page. */
16
+ overscroll-behavior-x: contain;
16
17
  }
17
18
 
18
19
  .scroll:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--hl-line-focus) var(--hl-color-fg); }
package/src/tokens.css CHANGED
@@ -363,6 +363,8 @@
363
363
  --hl-sparkline-w: 120px;
364
364
  --hl-sparkline-h: 32px;
365
365
  --hl-tree-indent: 20px;
366
+ /* How long a closed folder waits under a dragged item before it opens. Intent, not motion, so reduced motion keeps it. */
367
+ --hl-tree-open-delay: 800ms;
366
368
  --hl-timeline-marker: 12px;
367
369
  --hl-table-check: 18px;
368
370
  /* A cell's widest, so long text wraps and a sideways-scrolling table stays readable. */