@pieai/swimmer-ui-kit 2.6.1 → 2.7.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/CHANGELOG.md +23 -5
- package/dist/index.d.ts +14 -0
- package/dist/index.js +1248 -1166
- package/dist/styles.css +1 -1
- package/package.json +4 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,24 @@
|
|
|
3
3
|
All notable changes to `@pieai/swimmer-ui-kit`.
|
|
4
4
|
Format: [Keep a Changelog](https://keepachangelog.com); versioning: semver.
|
|
5
5
|
|
|
6
|
+
## 2.7.0 — 2026-09-16
|
|
7
|
+
|
|
8
|
+
Minor: shared optional help for creator-facing products. Existing controls and
|
|
9
|
+
their defaults remain compatible.
|
|
10
|
+
|
|
11
|
+
- Add `GameHelpTip`: one named, 44px, non-submit help trigger for short text.
|
|
12
|
+
Hover, keyboard focus and tap/click open the same explanation; Escape and
|
|
13
|
+
outside interaction dismiss it. Hovering the explanation keeps it readable.
|
|
14
|
+
- Use the maintained `@floating-ui/react` dependency for positioning, collision
|
|
15
|
+
avoidance and interaction composition instead of building another popup
|
|
16
|
+
engine. Other controls retain their existing native implementations.
|
|
17
|
+
- Keep help inside an enclosing native dialog's top layer. It does not portal
|
|
18
|
+
into the inert page, move focus into noninteractive text, or close the account
|
|
19
|
+
dialog when the user dismisses help.
|
|
20
|
+
- Required errors, action labels and cost confirmation must remain visible;
|
|
21
|
+
this is not a menu, rich interactive popover or a replacement for instructions
|
|
22
|
+
needed to complete an action. Products own the words, not a second help service.
|
|
23
|
+
|
|
6
24
|
## 2.6.1 — 2026-09-12
|
|
7
25
|
|
|
8
26
|
Patch: production CSS behavior, not a new material or API.
|
|
@@ -158,7 +176,7 @@ every liquid body was missing.
|
|
|
158
176
|
|
|
159
177
|
- **A cast shadow on the single-body forms.** `LiquidSurface` accepted a
|
|
160
178
|
`shadow` and no form set one, so every liquid button floated: the flat button
|
|
161
|
-
standing next to it carries a solid lip
|
|
179
|
+
standing next to it carries a solid lip _and_ `--game-ui-shadow-button`, and
|
|
162
180
|
the liquid one carried neither. `press`, `settle`, `drain`, and the new
|
|
163
181
|
`swell`, `reach`, `ripple` and `set` now carry two layers each — a tight,
|
|
164
182
|
barely-offset seat that says the body is touching, and a wide low cast that
|
|
@@ -461,7 +479,7 @@ removed member never worked makes the removal correct, not non-breaking.
|
|
|
461
479
|
|
|
462
480
|
- **The budget warnings were dead in every published build.** Both budget
|
|
463
481
|
fallbacks — the animation engine's and Melt/dissolve's — were gated on
|
|
464
|
-
`import.meta.env.DEV`. That flag resolves when
|
|
482
|
+
`import.meta.env.DEV`. That flag resolves when _this package_ is built, not
|
|
465
483
|
when the app importing it is, so it was baked to `false` in the artifact and
|
|
466
484
|
the guard minified to `if (this.budgetWarningEmitted || !0) return;` — an
|
|
467
485
|
unconditional early return. The kit degraded to static rendering silently,
|
|
@@ -515,7 +533,7 @@ removed member never worked makes the removal correct, not non-breaking.
|
|
|
515
533
|
- **The rest of the donor's liquid vocabulary.** `morph.shape` gives the
|
|
516
534
|
surface a timeline instead of a resize — the mass travels to the new centre,
|
|
517
535
|
size follows, corners sharpen last. `morph.contentBlur` acts on your content
|
|
518
|
-
rather than the silhouette, which is what makes text read as sitting
|
|
536
|
+
rather than the silhouette, which is what makes text read as sitting _in_ the
|
|
519
537
|
liquid instead of on it. `effect="bend"` deforms the body with velocity while
|
|
520
538
|
staying glued to its content, and publishes `--lg-bend-x/y` plus unitless
|
|
521
539
|
twins so the content can lean with it. `effect="melt"` runs two images into
|
|
@@ -650,7 +668,7 @@ removed member never worked makes the removal correct, not non-breaking.
|
|
|
650
668
|
### Fixed
|
|
651
669
|
|
|
652
670
|
- **Every tooltip was invisible on the night theme.** `.game-ui-tooltip
|
|
653
|
-
|
|
671
|
+
[role='tooltip']` painted `background: var(--game-ui-text)` with
|
|
654
672
|
`color: var(--game-ui-text-on-dark)`. On light that is a dark chip over a
|
|
655
673
|
pale page and reads correctly. On night `--game-ui-text` flips to cream, so
|
|
656
674
|
the chip became cream-on-cream at **1.15:1**. The light theme looking right
|
|
@@ -753,7 +771,7 @@ file a bug, because it reads as a design choice rather than a missing step.
|
|
|
753
771
|
The sculpted PNGs were never missing — 350 files travel inside the package, in
|
|
754
772
|
`dist/assets`. What was missing was any route from there to a path the host
|
|
755
773
|
actually serves. `CLAY_ASSET_BASE_PATH` names an absolute URL on the
|
|
756
|
-
|
|
774
|
+
_consumer's_ origin, and nothing copied, exported or explained it. The kit's own
|
|
757
775
|
Storybook worked throughout, because its assets sit in `public/`.
|
|
758
776
|
|
|
759
777
|
### Added
|
package/dist/index.d.ts
CHANGED
|
@@ -1698,6 +1698,20 @@ export declare interface GameFieldProps {
|
|
|
1698
1698
|
className?: string;
|
|
1699
1699
|
}
|
|
1700
1700
|
|
|
1701
|
+
/** Optional help, not an action menu or a place to hide required information.
|
|
1702
|
+
* Floating UI owns collision avoidance, hover/focus/click and dismissal. The
|
|
1703
|
+
* native help button never submits its surrounding form. Inside a native modal
|
|
1704
|
+
* the portal stays in that modal's top layer, not in the inert document body.
|
|
1705
|
+
*/
|
|
1706
|
+
export declare function GameHelpTip({ label, children }: GameHelpTipProps): ReactNode;
|
|
1707
|
+
|
|
1708
|
+
export declare interface GameHelpTipProps {
|
|
1709
|
+
/** Accessible name of the help button, in the product's language. */
|
|
1710
|
+
label: string;
|
|
1711
|
+
/** Short, noninteractive explanation. Actions and required errors stay visible. */
|
|
1712
|
+
children: string;
|
|
1713
|
+
}
|
|
1714
|
+
|
|
1701
1715
|
export declare function GameHistoryPanel({ entries, label }: GameHistoryPanelProps): ReactNode;
|
|
1702
1716
|
|
|
1703
1717
|
export declare interface GameHistoryPanelProps {
|