@estiva-app/ui 0.40.0 → 0.41.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/dist/Chip.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ReactNode } from 'react';
1
+ import type { MouseEventHandler, ReactNode } from 'react';
2
2
  /**
3
3
  * Peek's Chip (2026-08-28), verbatim: a 20px pill in one of six colour
4
4
  * types, with room for a 12px icon either side. Under Signal the label is
@@ -16,7 +16,15 @@ export interface ChipProps {
16
16
  label?: string;
17
17
  leadingIcon?: ReactNode;
18
18
  trailingIcon?: ReactNode;
19
+ /**
20
+ * The chip is a link: a real anchor with the chip's own round shape, so the
21
+ * keyboard ring is round too. It sits above a row's covering `Link`, so the
22
+ * row opens one thing and the chip another (UIG-33, Katerina 28 September).
23
+ */
24
+ href?: string;
25
+ /** With `href`: a router app takes the click here, like `Link`. */
26
+ onClick?: MouseEventHandler<HTMLAnchorElement>;
19
27
  className?: string;
20
28
  }
21
- export declare function Chip({ type, label, leadingIcon, trailingIcon, className }: ChipProps): import("react").JSX.Element;
29
+ export declare function Chip({ type, label, leadingIcon, trailingIcon, href, onClick, className }: ChipProps): import("react").JSX.Element;
22
30
  //# sourceMappingURL=Chip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAErF,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAWD,wBAAgB,IAAI,CAAC,EAAE,IAAgB,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,SAAS,+BAkBhG"}
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAErF,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAWD,wBAAgB,IAAI,CAAC,EAAE,IAAgB,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,SAAS,+BAsB/G"}
package/dist/Link.d.ts CHANGED
@@ -16,6 +16,15 @@ import type { ComponentPropsWithRef, ReactNode } from 'react';
16
16
  * and a solid version became this one, solid (her ruling, 13 September).
17
17
  * - `plain` — no look at all: a card or a row that is a link draws itself.
18
18
  *
19
+ * **`cover`: a row that is one link** (UIG-33, Katerina 28 September). The link
20
+ * stretches an invisible layer over the nearest box the app has given
21
+ * `relative` (a row, a table row), so a click anywhere on it opens the link, and
22
+ * the keyboard ring goes round that whole box rather than round the words. The
23
+ * row stays the app's own: its size, its fill, its hover. A second link inside
24
+ * the row stays clickable when it comes after the covering link and is
25
+ * `relative` itself, which a `Chip` with an `href` already is. Both apps
26
+ * stretched a link by hand before this, each under a written exception.
27
+ *
19
28
  * **Navigation is the app's.** The package cannot know a router, so like
20
29
  * `NavItem` it renders a real anchor and passes every anchor prop through: a
21
30
  * router app hands in `onClick`, prevents the default and navigates, and the
@@ -36,7 +45,12 @@ export interface LinkProps extends ComponentPropsWithRef<'a'> {
36
45
  * Its size and colour still come from the text around it (UIG-9, 17 September).
37
46
  */
38
47
  truncate?: boolean;
48
+ /**
49
+ * The link covers the row it sits in: a click anywhere on the row opens it,
50
+ * and the keyboard ring goes round the whole row. Give the row `relative`.
51
+ */
52
+ cover?: boolean;
39
53
  children: ReactNode;
40
54
  }
41
- export declare function Link({ href, variant, external, truncate, className, children, ...props }: LinkProps): import("react").JSX.Element;
55
+ export declare function Link({ href, variant, external, truncate, cover, className, children, ...props }: LinkProps): import("react").JSX.Element;
42
56
  //# sourceMappingURL=Link.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG7D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,OAAO,CAAA;AASnE,MAAM,WAAW,SAAU,SAAQ,qBAAqB,CAAC,GAAG,CAAC;IAC3D,IAAI,EAAE,MAAM,CAAA;IACZ,sBAAsB;IACtB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,OAAgB,EAAE,QAAgB,EAAE,QAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAW5H"}
1
+ {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,OAAO,CAAA;AAgBnE,MAAM,WAAW,SAAU,SAAQ,qBAAqB,CAAC,GAAG,CAAC;IAC3D,IAAI,EAAE,MAAM,CAAA;IACZ,sBAAsB;IACtB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,OAAgB,EAAE,QAAgB,EAAE,QAAgB,EAAE,KAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAW3I"}
@@ -232,7 +232,7 @@ var PART_LOOK_PROPS = {
232
232
  IconButton: ["variant", "pressed", "glow"],
233
233
  InputChip: ["truncate"],
234
234
  Kbd: ["tone"],
235
- Link: ["variant", "truncate"],
235
+ Link: ["variant", "truncate", "cover"],
236
236
  MenuItem: ["size", "selected", "destructive"],
237
237
  MenuSub: ["selected"],
238
238
  NavItem: ["active"],