@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 +10 -2
- package/dist/Chip.d.ts.map +1 -1
- package/dist/Link.d.ts +15 -1
- package/dist/Link.d.ts.map +1 -1
- package/dist/eslint/index.js +1 -1
- package/dist/eslint/index.js.map +2 -2
- package/dist/gates/app-checks.d.ts.map +1 -1
- package/dist/gates/index.js +14 -0
- package/dist/gates/index.js.map +2 -2
- package/dist/index.js +27 -23
- package/dist/index.js.map +3 -3
- package/package.json +1 -1
- package/registry.json +28 -5
- package/src/Chip.mdx +13 -2
- package/src/Chip.stories.tsx +2 -0
- package/src/Chip.test.tsx +36 -0
- package/src/Chip.tsx +17 -5
- package/src/Link.mdx +32 -0
- package/src/Link.stories.tsx +49 -0
- package/src/Link.test.tsx +15 -0
- package/src/Link.tsx +23 -2
- package/src/eslint/index.test.ts +1 -1
- package/src/eslint/no-restyled-part.test.ts +5 -5
- package/src/eslint/no-restyled-part.ts +1 -1
- package/src/gates/app-checks.ts +14 -0
- package/src/gates/create-app.test.ts +7 -2
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
|
package/dist/Chip.d.ts.map
CHANGED
|
@@ -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;
|
|
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
|
package/dist/Link.d.ts.map
CHANGED
|
@@ -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
|
|
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"}
|
package/dist/eslint/index.js
CHANGED
|
@@ -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"],
|