@pieai/swimmer-ui-kit 3.0.0-rc.1 → 3.0.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 +25 -3
- package/README.md +6 -6
- package/dist/{GameStageTile-BcFCu22b.js → GameStageTile-DwU_Vvi8.js} +408 -365
- package/dist/index.d.ts +13 -2
- package/dist/index.js +1 -1
- package/dist/preview.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -32,7 +32,6 @@ declare type ButtonAction = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
32
32
|
href?: undefined;
|
|
33
33
|
linkComponent?: undefined;
|
|
34
34
|
target?: never;
|
|
35
|
-
rel?: never;
|
|
36
35
|
download?: never;
|
|
37
36
|
};
|
|
38
37
|
|
|
@@ -509,6 +508,13 @@ export declare type GameButtonProps = ActionProps & {
|
|
|
509
508
|
hue?: GameUiHue;
|
|
510
509
|
sound?: GameInteractionSoundOptions | false;
|
|
511
510
|
static?: boolean;
|
|
511
|
+
/**
|
|
512
|
+
* Work is running behind this action. A primary CTA breathes slowly and stays
|
|
513
|
+
* a full liquid CTA; other variants pulse softly. Sets `aria-busy`, never
|
|
514
|
+
* `disabled`: a click still reaches the product, whose own guard decides it.
|
|
515
|
+
* Reduced motion keeps `aria-busy` and holds still.
|
|
516
|
+
*/
|
|
517
|
+
pending?: boolean;
|
|
512
518
|
variant?: GameButtonVariant;
|
|
513
519
|
size?: 'md' | 'sm';
|
|
514
520
|
};
|
|
@@ -1323,7 +1329,7 @@ export declare interface LiquidItemProps extends Omit<HTMLAttributes<HTMLDivElem
|
|
|
1323
1329
|
observe?: boolean;
|
|
1324
1330
|
}
|
|
1325
1331
|
|
|
1326
|
-
export declare function LiquidSurface({ children, form, active, fill, stroke, shadow: shadowOverride, gloss: glossOverride, outline, radius, className, style, }: LiquidSurfaceProps): ReactNode;
|
|
1332
|
+
export declare function LiquidSurface({ children, form, active, breathing, fill, stroke, shadow: shadowOverride, gloss: glossOverride, outline, radius, className, style, }: LiquidSurfaceProps): ReactNode;
|
|
1327
1333
|
|
|
1328
1334
|
export declare interface LiquidSurfaceProps {
|
|
1329
1335
|
children: ReactNode;
|
|
@@ -1334,6 +1340,11 @@ export declare interface LiquidSurfaceProps {
|
|
|
1334
1340
|
* leaving for `drain`. Ignored by forms with no engaged state.
|
|
1335
1341
|
*/
|
|
1336
1342
|
active?: boolean;
|
|
1343
|
+
/**
|
|
1344
|
+
* Breathe slowly while work is pending: rest, a 4% swell, rest, about 1.2 s a
|
|
1345
|
+
* cycle. Yields to `active` and holds rest under reduced motion.
|
|
1346
|
+
*/
|
|
1347
|
+
breathing?: boolean;
|
|
1337
1348
|
/** Silhouette paint. Defaults to the kit's raised surface token. */
|
|
1338
1349
|
fill?: LiquidFill;
|
|
1339
1350
|
/**
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { t as e } from "./LiquidGroup-BXw1tv9H.js";
|
|
3
|
-
import { A as t, B as n, C as r, D as i, E as a, H as o, M as s, N as c, O as l, P as u, R as d, S as f, T as p, V as m, _ as h, a as g, b as _, c as v, d as y, f as b, g as x, h as S, i as C, j as w, k as T, l as E, m as D, n as O, o as k, p as ee, r as te, s as A, t as ne, u as re, v as ie, w as j, x as M, y as N } from "./GameStageTile-
|
|
3
|
+
import { A as t, B as n, C as r, D as i, E as a, H as o, M as s, N as c, O as l, P as u, R as d, S as f, T as p, V as m, _ as h, a as g, b as _, c as v, d as y, f as b, g as x, h as S, i as C, j as w, k as T, l as E, m as D, n as O, o as k, p as ee, r as te, s as A, t as ne, u as re, v as ie, w as j, x as M, y as N } from "./GameStageTile-DwU_Vvi8.js";
|
|
4
4
|
import { b as P, t as F } from "./reducedMotion-B8kv-v64.js";
|
|
5
5
|
import { createElement as ae, forwardRef as oe, useCallback as I, useEffect as L, useId as R, useRef as z, useState as B } from "react";
|
|
6
6
|
import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
|
package/dist/preview.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { _ as e, b as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, p as l, t as u, u as d, v as ee, y as te } from "./LiquidGroup-BXw1tv9H.js";
|
|
3
|
-
import { C as f, D as p, E as ne, F as m, I as h, L as g, P as _, R as re, S as ie, T as v, _ as ae, a as y, b, c as oe, d as x, f as S, g as se, h as ce, i as le, l as ue, m as C, n as de, o as w, p as fe, r as T, s as pe, t as E, u as D, v as me, w as O, x as k, y as he, z as A } from "./GameStageTile-
|
|
3
|
+
import { C as f, D as p, E as ne, F as m, I as h, L as g, P as _, R as re, S as ie, T as v, _ as ae, a as y, b, c as oe, d as x, f as S, g as se, h as ce, i as le, l as ue, m as C, n as de, o as w, p as fe, r as T, s as pe, t as E, u as D, v as me, w as O, x as k, y as he, z as A } from "./GameStageTile-DwU_Vvi8.js";
|
|
4
4
|
import { f as j, i as M, m as N } from "./reducedMotion-B8kv-v64.js";
|
|
5
5
|
import { createContext as P, createElement as F, useContext as I, useEffect as L, useRef as R, useState as z } from "react";
|
|
6
6
|
import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
|