@synopackageland/ui 0.25.19 → 0.25.20
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/CHANGELOG.md +12 -0
- package/dist/index.js +6566 -6530
- package/dist/json-preview/preview.js +4938 -4902
- package/dist/reka-runtime.json +1 -1
- package/dist/theme.css +1 -1
- package/dist/themes/dsm7-embedded-theme.css +1 -1
- package/dist/themes/dsm7-embedded.css +1 -1
- package/dist/themes/dsm7.css +1 -1
- package/docs/mobile-native.md +13 -2
- package/package.json +1 -1
package/docs/mobile-native.md
CHANGED
|
@@ -472,7 +472,9 @@ control opts in.
|
|
|
472
472
|
2.11.0). It has a 36×4 grabber in a 20px zone, a 48px header with the title
|
|
473
473
|
and a 44px close button, a body that scrolls with `overscroll-behavior:
|
|
474
474
|
contain`, a pinned footer and safe-area padding. The top corners use
|
|
475
|
-
`--ui-radius-sheet
|
|
475
|
+
`--ui-radius-sheet`, and it casts the bar's short upward shadow
|
|
476
|
+
(`--ui-shadow-bar`), not the dialog's: the scrim already sets it apart, and
|
|
477
|
+
the wide blur slowed its raster.
|
|
476
478
|
|
|
477
479
|
- `height`: `auto` (content, up to 92%), `large` (92%; the strip of page left
|
|
478
480
|
above it closes the sheet when tapped), `full` (the whole screen, below the
|
|
@@ -488,8 +490,17 @@ contain`, a pinned footer and safe-area padding. The top corners use
|
|
|
488
490
|
viewport. The viewport pads its bottom by it, so the sheet and its footer
|
|
489
491
|
sit above the keyboard and the heights shrink instead of the sheet moving
|
|
490
492
|
off the screen.
|
|
491
|
-
- In
|
|
493
|
+
- In 250ms on `--ui-motion-sheet-ease`, out 150ms, the scrim
|
|
492
494
|
(`--ui-drawer-backdrop`) fading with it. Reduced motion uses an 80ms fade.
|
|
495
|
+
The scrim starts fading in on the first frame. Before the slide, the sheet
|
|
496
|
+
draws in place at 1% opacity so the GPU rasters it first; the slide starts
|
|
497
|
+
once two frames in a row come within 40ms of each other, or after 150ms. A
|
|
498
|
+
fast device waits about two frames; a slow one waits for most of its raster
|
|
499
|
+
instead of stalling in the middle of the slide.
|
|
500
|
+
- Focus: with a mouse the first field takes it at once; on touch the panel
|
|
501
|
+
takes it when the slide ends (not the first field, which would raise the
|
|
502
|
+
keyboard), unless the user has focused something in it by then. After a
|
|
503
|
+
key press the panel takes it at once.
|
|
493
504
|
- `confirm-close` (set while a form is dirty) asks "Discard changes?" in a
|
|
494
505
|
nested sheet before a swipe, Back, Escape, an outside press or the close
|
|
495
506
|
button closes it. Nested sheets stack, and each closes only itself.
|