@tamagui/list-item 3.0.0-beta.924.1 → 3.0.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/cjs/ListItem.cjs +8 -37
- package/dist/cjs/ListItem.native.cjs +10 -40
- package/dist/cjs/ListItem.native.js +10 -40
- package/dist/cjs/ListItem.native.js.map +1 -1
- package/dist/esm/ListItem.mjs +10 -37
- package/dist/esm/ListItem.mjs.map +1 -1
- package/dist/esm/ListItem.native.js +12 -40
- package/dist/esm/ListItem.native.js.map +1 -1
- package/dist/jsx/ListItem.mjs +10 -37
- package/dist/jsx/ListItem.mjs.map +1 -1
- package/dist/jsx/ListItem.native.cjs +10 -40
- package/dist/jsx/ListItem.native.js +10 -40
- package/dist/jsx/ListItem.native.js.map +1 -1
- package/package.json +13 -12
- package/src/ListItem.tsx +25 -51
- package/types/ListItem.d.ts +25 -33
- package/types/ListItem.d.ts.map +1 -1
package/types/ListItem.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { TextParentStyles } from '@tamagui/text';
|
|
2
2
|
import { textParentProps } from '@tamagui/text';
|
|
3
|
-
import type { ColorTokens, GetProps
|
|
3
|
+
import type { ColorTokens, GetProps } from '@tamagui/web';
|
|
4
4
|
import type { FunctionComponent, JSX, ReactNode } from 'react';
|
|
5
5
|
type IconProp = JSX.Element | FunctionComponent<{
|
|
6
6
|
color?: any;
|
|
@@ -13,76 +13,74 @@ type IconProp = JSX.Element | FunctionComponent<{
|
|
|
13
13
|
* getting size and color from a ListItem down to its text and icons.
|
|
14
14
|
*/
|
|
15
15
|
export declare const ListItemContext: import("@tamagui/web").StyledContext<{
|
|
16
|
-
size?:
|
|
16
|
+
size?: string | boolean;
|
|
17
17
|
variant?: 'outlined';
|
|
18
18
|
color?: ColorTokens | string;
|
|
19
19
|
}, "color" | "size" | "variant">;
|
|
20
|
-
export declare const
|
|
21
|
-
export declare const ListItemFrame: FunctionComponent<Omit<import("@tamagui/web").StackNonStyleProps, "disabled" | "size" | "variant" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
|
|
20
|
+
export declare const ListItemFrame: FunctionComponent<Omit<import("@tamagui/web").StackNonStyleProps, "disabled" | "size" | "variant"> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, "disabled" | "size" | "variant">> & import("@tamagui/web").WithFlatVariantValues<{
|
|
22
21
|
disabled?: boolean | undefined;
|
|
23
|
-
size?:
|
|
22
|
+
size?: string | boolean | undefined;
|
|
24
23
|
variant?: "outlined" | undefined;
|
|
25
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase
|
|
24
|
+
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "animatedBy" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "children" | "className" | "collapsable" | "collapsableChildren" | "container" | "dangerouslySetInnerHTML" | "debug" | "disableClassName" | "disableNativeStyle" | "disableOptimization" | "experimental_accessibilityOrder" | "forceStyle" | "group" | "hasTVPreferredFocus" | "hitSlop" | "htmlFor" | "id" | "importantForAccessibility" | "name" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "nativeID" | "needsOffscreenAlphaCompositing" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onBlurCapture" | "onChange" | "onClick" | "onClickCapture" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onLongPress" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onScroll" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onWheel" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "role" | "screenReaderFocusable" | "shouldRasterizeIOS" | "style" | "tabIndex" | "target" | "testID" | "theme" | "themeShallow" | "untilMeasured"> & {
|
|
26
25
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
27
26
|
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
28
27
|
disabled?: boolean | undefined;
|
|
29
|
-
size?:
|
|
28
|
+
size?: string | boolean | undefined;
|
|
30
29
|
variant?: "outlined" | undefined;
|
|
31
30
|
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
32
31
|
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
33
32
|
disabled?: boolean | undefined;
|
|
34
|
-
size?:
|
|
33
|
+
size?: string | boolean | undefined;
|
|
35
34
|
variant?: "outlined" | undefined;
|
|
36
35
|
}, import("@tamagui/web").StaticConfigPublic];
|
|
37
36
|
};
|
|
38
|
-
export declare const ListItemText: FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "variant"
|
|
39
|
-
size?: import("@tamagui/
|
|
37
|
+
export declare const ListItemText: FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "variant"> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").TextStylePropsBase, "size" | "variant">> & import("@tamagui/web").WithFlatVariantValues<{
|
|
38
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
40
39
|
variant?: "outlined" | undefined;
|
|
41
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase
|
|
40
|
+
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>>, keyof import("@tamagui/web").TextNonStyleProps> & {
|
|
42
41
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
|
|
43
42
|
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
|
|
44
|
-
size?: import("@tamagui/
|
|
43
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
45
44
|
variant?: "outlined" | undefined;
|
|
46
45
|
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
47
46
|
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
|
|
48
|
-
size?: import("@tamagui/
|
|
47
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
49
48
|
variant?: "outlined" | undefined;
|
|
50
49
|
}, import("@tamagui/web").StaticConfigPublic];
|
|
51
50
|
};
|
|
52
|
-
export declare const ListItemSubtitle: FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "variant"
|
|
53
|
-
size?:
|
|
51
|
+
export declare const ListItemSubtitle: FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "variant"> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").TextStylePropsBase, "size" | "variant">> & import("@tamagui/web").WithFlatVariantValues<{
|
|
52
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
54
53
|
variant?: "outlined" | undefined;
|
|
55
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase
|
|
54
|
+
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>>, keyof import("@tamagui/web").TextNonStyleProps> & {
|
|
56
55
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
|
|
57
56
|
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
|
|
58
|
-
size?:
|
|
57
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
59
58
|
variant?: "outlined" | undefined;
|
|
60
59
|
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
61
60
|
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
|
|
62
|
-
size?:
|
|
61
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
63
62
|
variant?: "outlined" | undefined;
|
|
64
63
|
}, import("@tamagui/web").StaticConfigPublic];
|
|
65
64
|
};
|
|
66
|
-
export declare const ListItemTitle: FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "variant"
|
|
67
|
-
size?: import("@tamagui/
|
|
65
|
+
export declare const ListItemTitle: FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "variant"> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").TextStylePropsBase, "size" | "variant">> & import("@tamagui/web").WithFlatVariantValues<{
|
|
66
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
68
67
|
variant?: "outlined" | undefined;
|
|
69
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase
|
|
68
|
+
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>>, keyof import("@tamagui/web").TextNonStyleProps> & {
|
|
70
69
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
|
|
71
70
|
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
|
|
72
|
-
size?: import("@tamagui/
|
|
71
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
73
72
|
variant?: "outlined" | undefined;
|
|
74
73
|
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
75
74
|
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
|
|
76
|
-
size?: import("@tamagui/
|
|
75
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
77
76
|
variant?: "outlined" | undefined;
|
|
78
77
|
}, import("@tamagui/web").StaticConfigPublic];
|
|
79
78
|
};
|
|
80
79
|
export type ListItemIconProps = {
|
|
81
80
|
children: ReactNode;
|
|
82
|
-
size?:
|
|
81
|
+
size?: string | number | boolean;
|
|
83
82
|
scaleIcon?: number;
|
|
84
83
|
};
|
|
85
|
-
export declare const ListItemIcon: ({ children, size, scaleIcon }: ListItemIconProps) => any;
|
|
86
84
|
/**
|
|
87
85
|
* The props `useListItem` reads and replaces, so exactly what its result omits.
|
|
88
86
|
*/
|
|
@@ -90,14 +88,14 @@ type ListItemConsumedProps = {
|
|
|
90
88
|
children?: ReactNode;
|
|
91
89
|
icon?: IconProp;
|
|
92
90
|
iconAfter?: IconProp;
|
|
93
|
-
iconSize?:
|
|
91
|
+
iconSize?: string | number | boolean;
|
|
94
92
|
scaleIcon?: number;
|
|
95
93
|
subTitle?: ReactNode;
|
|
96
94
|
title?: ReactNode;
|
|
97
95
|
};
|
|
98
96
|
export type ListItemBehaviorProps = TextParentStyles & ListItemConsumedProps & {
|
|
99
97
|
color?: ColorTokens | string;
|
|
100
|
-
size?:
|
|
98
|
+
size?: string | boolean;
|
|
101
99
|
};
|
|
102
100
|
/**
|
|
103
101
|
* What `useListItem` returns: the caller's props minus the ones it consumed.
|
|
@@ -108,12 +106,6 @@ export type UseListItemProps<Props extends ListItemBehaviorProps> = Omit<Omit<Pr
|
|
|
108
106
|
children: ReactNode;
|
|
109
107
|
color?: Props['color'];
|
|
110
108
|
};
|
|
111
|
-
/**
|
|
112
|
-
* ListItem behavior: theming the icon props and assembling title, subtitle, and
|
|
113
|
-
* children into the frame's single child. Flat text styles are handed directly
|
|
114
|
-
* to generated text, while size and color still reach the parts through the
|
|
115
|
-
* styled context.
|
|
116
|
-
*/
|
|
117
109
|
export declare function useListItem<Props extends ListItemBehaviorProps>(propsIn: Props): {
|
|
118
110
|
props: UseListItemProps<Props>;
|
|
119
111
|
};
|
package/types/ListItem.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAe,eAAe,EAAsB,MAAM,eAAe,CAAA;AAChF,OAAO,KAAK,EAAE,WAAW,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAA;AASxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,KAAK,QAAQ,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,GAAG,IAAI,CAAA;AAEnF;;;;;GAKG;AACH,eAAO,MAAM,eAAe;WACnB,MAAM,GAAG,OAAO;cACb,UAAU;YACZ,WAAW,GAAG,MAAM;gCAK5B,CAAA;AAIF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAqBxB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;CAQvB,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAK3B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAGxB,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,GAClD,qBAAqB,GAAG;IAGtB,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB,CAAA;AAEH;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,qBAAqB,IAAI,IAAI,CACtE,IAAI,CAAC,KAAK,EAAE,MAAM,gBAAgB,GAAG,MAAM,OAAO,eAAe,CAAC,EAClE,MAAM,qBAAqB,CAC5B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CACvB,CAAA;AAoBD,wBAAgB,WAAW,CAAC,KAAK,SAAS,qBAAqB,EAC7D,OAAO,EAAE,KAAK,GACb;IAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;CAAE,CAmEpC;AAED,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA"}
|