@duro-app/ui 5.33.0 → 5.34.1
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/{Table-ypIvytAS.js → Table-IuD0tooi.js} +56 -49
- package/dist/Table-IuD0tooi.js.map +1 -0
- package/dist/{compiler-runtime-BuugS4D0.js → compiler-runtime-CV6vsf8h.js} +80 -73
- package/dist/{compiler-runtime-BuugS4D0.js.map → compiler-runtime-CV6vsf8h.js.map} +1 -1
- package/dist/components/Avatar/Avatar.d.ts +8 -0
- package/dist/components/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.meta.d.ts +3 -0
- package/dist/components/Avatar/Avatar.meta.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.stories.d.ts +15 -0
- package/dist/components/Avatar/Avatar.stories.d.ts.map +1 -0
- package/dist/components/Avatar/styles.css.d.ts +41 -0
- package/dist/components/Avatar/styles.css.d.ts.map +1 -0
- package/dist/components/Avatar/types.d.ts +21 -0
- package/dist/components/Avatar/types.d.ts.map +1 -0
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/Icon/geometry.d.ts +4 -0
- package/dist/components/Icon/geometry.d.ts.map +1 -1
- package/dist/components/Icon/phosphor-glyphs.d.ts +1028 -0
- package/dist/components/Icon/phosphor-glyphs.d.ts.map +1 -0
- package/dist/components/Icon/types.d.ts +3 -1
- package/dist/components/Icon/types.d.ts.map +1 -1
- package/dist/components/List/ItemLink.d.ts +32 -0
- package/dist/components/List/ItemLink.d.ts.map +1 -0
- package/dist/components/List/List.d.ts +36 -4
- package/dist/components/List/List.d.ts.map +1 -1
- package/dist/components/List/List.stories.d.ts +9 -0
- package/dist/components/List/List.stories.d.ts.map +1 -1
- package/dist/components/List/styles.css.d.ts +39 -0
- package/dist/components/List/styles.css.d.ts.map +1 -1
- package/dist/form.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5921 -4688
- package/dist/index.js.map +1 -1
- package/dist/table.js +2 -2
- package/package.json +3 -2
- package/src/components/Avatar/Avatar.meta.ts +32 -0
- package/src/components/Avatar/Avatar.native.tsx +37 -0
- package/src/components/Avatar/Avatar.stories.tsx +92 -0
- package/src/components/Avatar/Avatar.tsx +40 -0
- package/src/components/Avatar/styles.css.ts +32 -0
- package/src/components/Avatar/types.ts +21 -0
- package/src/components/Icon/Icon.meta.ts +1 -1
- package/src/components/Icon/Icon.native.tsx +2 -2
- package/src/components/Icon/Icon.tsx +4 -3
- package/src/components/Icon/geometry.ts +7 -0
- package/src/components/Icon/phosphor-glyphs.ts +1285 -0
- package/src/components/Icon/phosphor-names.json +130 -0
- package/src/components/Icon/types.ts +4 -0
- package/src/components/List/ItemLink.native.tsx +60 -0
- package/src/components/List/ItemLink.tsx +80 -0
- package/src/components/List/List.meta.ts +3 -3
- package/src/components/List/List.stories.tsx +91 -1
- package/src/components/List/List.tsx +130 -22
- package/src/components/List/styles.css.ts +45 -0
- package/src/index.native.ts +6 -0
- package/src/index.ts +6 -0
- package/dist/Table-ypIvytAS.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phosphor-glyphs.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/phosphor-glyphs.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiwClB,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,eAAe,CAAA"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { ColorToken, IconSize } from '@duro-app/tokens/keys';
|
|
2
|
+
import { PhosphorIconName } from './phosphor-glyphs';
|
|
2
3
|
export type { IconSize };
|
|
3
|
-
|
|
4
|
+
/** Duro's own glyphs, then the Phosphor-generated ones Happier's React Native icon names use. */
|
|
5
|
+
export type IconName = PhosphorIconName | 'x-circle' | 'check-circle' | 'check-done' | 'clock' | 'forbidden' | 'info-circle' | 'alert-triangle' | 'shield' | 'lock' | 'key' | 'map' | 'layers' | 'repeat' | 'database' | 'shield-check' | 'route' | 'git-branch' | 'menu' | 'pin' | 'server' | 'hard-drive' | 'box' | 'image' | 'tag' | 'pie-chart' | 'users' | 'user-plus' | 'mail' | 'file-text' | 'plug' | 'search' | 'mic' | 'x' | 'sun' | 'moon' | 'monitor' | 'contrast' | 'signal' | 'battery' | 'video' | 'music' | 'play' | 'pause' | 'info-circle-filled' | 'alert-triangle-filled' | 'check-circle-filled' | 'x-circle-filled' | 'shield-filled' | 'lock-filled';
|
|
4
6
|
export interface IconProps {
|
|
5
7
|
name: IconName;
|
|
6
8
|
/** Token from the icon size scale: sm 16, md 18, lg 24, xl 36, xxl 48. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAE,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAE/D,YAAY,EAAC,QAAQ,EAAC,CAAA;AAEtB,MAAM,MAAM,QAAQ,GAChB,UAAU,GACV,cAAc,GACd,YAAY,GACZ,OAAO,GACP,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,QAAQ,GACR,MAAM,GACN,KAAK,GAEL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,YAAY,GACZ,MAAM,GACN,KAAK,GAEL,QAAQ,GACR,YAAY,GACZ,KAAK,GACL,OAAO,GACP,KAAK,GACL,WAAW,GAEX,OAAO,GACP,WAAW,GACX,MAAM,GACN,WAAW,GACX,MAAM,GAEN,QAAQ,GACR,KAAK,GACL,GAAG,GAEH,KAAK,GACL,MAAM,GACN,SAAS,GACT,UAAU,GAEV,QAAQ,GACR,SAAS,GAET,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GAEP,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,iBAAiB,GACjB,eAAe,GACf,aAAa,CAAA;AAEjB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAE,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAE/D,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAA;AAEvD,YAAY,EAAC,QAAQ,EAAC,CAAA;AAEtB,iGAAiG;AACjG,MAAM,MAAM,QAAQ,GAChB,gBAAgB,GAChB,UAAU,GACV,cAAc,GACd,YAAY,GACZ,OAAO,GACP,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,QAAQ,GACR,MAAM,GACN,KAAK,GAEL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,YAAY,GACZ,MAAM,GACN,KAAK,GAEL,QAAQ,GACR,YAAY,GACZ,KAAK,GACL,OAAO,GACP,KAAK,GACL,WAAW,GAEX,OAAO,GACP,WAAW,GACX,MAAM,GACN,WAAW,GACX,MAAM,GAEN,QAAQ,GACR,KAAK,GACL,GAAG,GAEH,KAAK,GACL,MAAM,GACN,SAAS,GACT,UAAU,GAEV,QAAQ,GACR,SAAS,GAET,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GAEP,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,iBAAiB,GACjB,eAAe,GACf,aAAa,CAAA;AAEjB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { OnNavigate } from '../../shared/navigate';
|
|
3
|
+
/** What a link row shares with its link: the anchor, and whether the press was the link's. */
|
|
4
|
+
export interface ItemLinkState {
|
|
5
|
+
anchor: HTMLAnchorElement | null;
|
|
6
|
+
linkPressed: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare function createItemLinkState(): ItemLinkState;
|
|
9
|
+
/** The modifier keys and button of the row's press, replayed on the link. */
|
|
10
|
+
export interface RowPress {
|
|
11
|
+
altKey: boolean;
|
|
12
|
+
ctrlKey: boolean;
|
|
13
|
+
metaKey: boolean;
|
|
14
|
+
shiftKey: boolean;
|
|
15
|
+
button: number;
|
|
16
|
+
}
|
|
17
|
+
interface ItemLinkProps {
|
|
18
|
+
state: ItemLinkState;
|
|
19
|
+
href: string;
|
|
20
|
+
onNavigate: OnNavigate | undefined;
|
|
21
|
+
children: ReactNode;
|
|
22
|
+
}
|
|
23
|
+
/** The Content of a List.Item with an href: a real `<a href>` (ADR-0002). */
|
|
24
|
+
export declare function ItemLink({ state, href, onNavigate, children }: ItemLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
/**
|
|
26
|
+
* A press on the row: the link's own press bubbling up is left alone; any other (the Leading
|
|
27
|
+
* icon, the padding) is replayed on the anchor with the same button and modifier keys, so the
|
|
28
|
+
* browser and `onNavigate` see one link click (a cmd-click still opens a tab, ADR-0002).
|
|
29
|
+
*/
|
|
30
|
+
export declare function pressItemLink(state: ItemLinkState, _href: string, _onNavigate: OnNavigate | undefined, press: RowPress): void;
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=ItemLink.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ItemLink.d.ts","sourceRoot":"","sources":["../../../src/components/List/ItemLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAmB,KAAK,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAGvE,8FAA8F;AAC9F,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAChC,WAAW,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,mBAAmB,IAAI,aAAa,CAEnD;AAED,6EAA6E;AAC7E,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,UAAU,aAAa;IACrB,KAAK,EAAE,aAAa,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,UAAU,GAAG,SAAS,CAAA;IAClC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,6EAA6E;AAC7E,wBAAgB,QAAQ,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAC,EAAE,aAAa,2CAkB1E;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,UAAU,GAAG,SAAS,EACnC,KAAK,EAAE,QAAQ,QAkBhB"}
|
|
@@ -1,26 +1,57 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { OnNavigate } from '../../shared/navigate';
|
|
2
3
|
export type ListSelectionMode = 'none' | 'single' | 'multiple';
|
|
3
4
|
interface RootProps {
|
|
4
5
|
children: ReactNode;
|
|
5
6
|
/** Selection mode: 'none' (default), 'single', or 'multiple' */
|
|
6
7
|
selectionMode?: ListSelectionMode;
|
|
7
|
-
/** Accessible label for the list */
|
|
8
|
+
/** Accessible label for the list; a `title` names the list instead. */
|
|
8
9
|
'aria-label'?: string;
|
|
10
|
+
/** A heading-styled label above the list, which also names the list (aria-labelledby). */
|
|
11
|
+
title?: ReactNode;
|
|
12
|
+
/** Muted text after the list: a count, a hint, a note. */
|
|
13
|
+
footer?: ReactNode;
|
|
9
14
|
}
|
|
10
|
-
declare function Root({ children, selectionMode, 'aria-label': ariaLabel }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
interface
|
|
15
|
+
declare function Root({ children, selectionMode, 'aria-label': ariaLabel, title, footer, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
interface ItemBaseProps {
|
|
12
17
|
children: ReactNode;
|
|
13
18
|
/** Whether this item is selected */
|
|
14
19
|
selected?: boolean;
|
|
15
20
|
/** Whether this item is disabled */
|
|
16
21
|
disabled?: boolean;
|
|
22
|
+
}
|
|
23
|
+
interface PressItemProps extends ItemBaseProps {
|
|
17
24
|
/** Click handler for the item */
|
|
18
25
|
onClick?: () => void;
|
|
26
|
+
href?: undefined;
|
|
27
|
+
onNavigate?: undefined;
|
|
28
|
+
}
|
|
29
|
+
interface LinkItemProps extends ItemBaseProps {
|
|
30
|
+
/**
|
|
31
|
+
* Makes the item's Content a link: a real `<a href>` on the web (a press through
|
|
32
|
+
* `followLink` on native, ADR-0002). An item is a link or pressable, never both: `href`
|
|
33
|
+
* excludes `onClick`.
|
|
34
|
+
*/
|
|
35
|
+
href: string;
|
|
36
|
+
/**
|
|
37
|
+
* Client-side navigation: called for a plain primary click (no modifier key); the browser
|
|
38
|
+
* default runs for every other click. Call `event.preventDefault()`, then your router's
|
|
39
|
+
* navigate. On native, without it a relative href goes to the system.
|
|
40
|
+
*/
|
|
41
|
+
onNavigate?: OnNavigate;
|
|
42
|
+
onClick?: undefined;
|
|
19
43
|
}
|
|
20
|
-
|
|
44
|
+
type ItemProps = PressItemProps | LinkItemProps;
|
|
45
|
+
declare function Item({ children, selected, disabled, onClick, href, onNavigate }: ItemProps): import("react/jsx-runtime").JSX.Element;
|
|
21
46
|
declare function Content({ children }: {
|
|
22
47
|
children: ReactNode;
|
|
23
48
|
}): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
interface LeadingProps {
|
|
50
|
+
children: ReactNode;
|
|
51
|
+
/** Names the slot for assistive tech; without it the slot is decorative and hidden from it. */
|
|
52
|
+
'aria-label'?: string;
|
|
53
|
+
}
|
|
54
|
+
declare function Leading({ children, 'aria-label': ariaLabel }: LeadingProps): import("react/jsx-runtime").JSX.Element;
|
|
24
55
|
declare function ItemText({ children }: {
|
|
25
56
|
children: ReactNode;
|
|
26
57
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -36,6 +67,7 @@ declare function Empty({ children }: {
|
|
|
36
67
|
export declare const List: {
|
|
37
68
|
Root: typeof Root;
|
|
38
69
|
Item: typeof Item;
|
|
70
|
+
Leading: typeof Leading;
|
|
39
71
|
Content: typeof Content;
|
|
40
72
|
Text: typeof ItemText;
|
|
41
73
|
Description: typeof Description;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AAEzF,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAYrD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAgB9D,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,gEAAgE;IAChE,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,aAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,MAAM,GACP,EAAE,SAAS,2CA8BX;AAID,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,cAAe,SAAQ,aAAa;IAC5C,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,UAAU,aAAc,SAAQ,aAAa;IAC3C;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,KAAK,SAAS,GAAG,cAAc,GAAG,aAAa,CAAA;AAe/C,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAC,EAAE,SAAS,2CAoCjF;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CA6BjD;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAC,EAAE,YAAY,2CAWjE;AAID,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAID,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAErD;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEjD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAM/C;AAID,eAAO,MAAM,IAAI;;;;;;;;;CAShB,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { OnNavigate } from '../../shared/navigate';
|
|
2
3
|
declare const meta: Meta;
|
|
3
4
|
export default meta;
|
|
4
5
|
type Story = StoryObj;
|
|
@@ -7,4 +8,12 @@ export declare const WithSelection: Story;
|
|
|
7
8
|
export declare const EmptyState: Story;
|
|
8
9
|
export declare const SingleSelection: Story;
|
|
9
10
|
export declare const ClickableItems: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Settings-style rows: each Item with an `href` is a real link (its Content), with a
|
|
13
|
+
* category-coloured icon in the Leading slot, a title naming the list and a footer under it.
|
|
14
|
+
* `onNavigate` gets a plain primary click; a modified click keeps the browser default.
|
|
15
|
+
*/
|
|
16
|
+
export declare const LinkItems: StoryObj<{
|
|
17
|
+
onNavigate: OnNavigate;
|
|
18
|
+
}>;
|
|
10
19
|
//# sourceMappingURL=List.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAOpD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAUrD,QAAA,MAAM,IAAI,EAAE,IAQX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KA2CrB,CAAA;AA2FD,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA;AAID,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAA;AAwCD,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAA;AAuCD,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC;IAAC,UAAU,EAAE,UAAU,CAAA;CAAC,CA+ExD,CAAA"}
|
|
@@ -6,6 +6,28 @@ export declare const styles: Readonly<{
|
|
|
6
6
|
readonly margin: css.StyleXClassNameFor<"margin", 0>;
|
|
7
7
|
readonly padding: css.StyleXClassNameFor<"padding", 0>;
|
|
8
8
|
}>;
|
|
9
|
+
readonly frame: Readonly<{
|
|
10
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
11
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
12
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
13
|
+
}>;
|
|
14
|
+
readonly title: Readonly<{
|
|
15
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
16
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
17
|
+
readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
|
|
18
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
19
|
+
readonly margin: css.StyleXClassNameFor<"margin", 0>;
|
|
20
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
21
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
22
|
+
}>;
|
|
23
|
+
readonly footer: Readonly<{
|
|
24
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
25
|
+
readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
|
|
26
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
27
|
+
readonly margin: css.StyleXClassNameFor<"margin", 0>;
|
|
28
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
29
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
30
|
+
}>;
|
|
9
31
|
readonly item: Readonly<{
|
|
10
32
|
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
11
33
|
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
@@ -58,6 +80,23 @@ export declare const styles: Readonly<{
|
|
|
58
80
|
readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", string | 0>;
|
|
59
81
|
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
60
82
|
}>;
|
|
83
|
+
readonly contentLink: Readonly<{
|
|
84
|
+
readonly textDecorationLine: css.StyleXClassNameFor<"textDecorationLine", "none">;
|
|
85
|
+
readonly color: css.StyleXClassNameFor<"color", "inherit">;
|
|
86
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
87
|
+
readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string | 0>;
|
|
88
|
+
readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
|
|
89
|
+
readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
|
|
90
|
+
readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", string | 0>;
|
|
91
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
92
|
+
}>;
|
|
93
|
+
readonly leading: Readonly<{
|
|
94
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
95
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
96
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
|
|
97
|
+
readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
|
|
98
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
99
|
+
}>;
|
|
61
100
|
readonly text: Readonly<{
|
|
62
101
|
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
63
102
|
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/List/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/List/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+JjB,CAAA"}
|
package/dist/form.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as T } from "react/jsx-runtime";
|
|
2
|
-
import { c as A, m as B, d as G } from "./compiler-runtime-
|
|
2
|
+
import { c as A, m as B, d as G } from "./compiler-runtime-CV6vsf8h.js";
|
|
3
3
|
import { useRef as M, useEffect as q } from "react";
|
|
4
4
|
import { useForm as H, FormProvider as J } from "react-hook-form";
|
|
5
5
|
import { effectTsResolver as N } from "@hookform/resolvers/effect-ts";
|