@tamagui/list-item 1.22.6 → 1.22.7

package/dist/jsx/ListItem.mjs

@@ -10,49 +10,49 @@ import { getFontSize } from "@tamagui/font-size";
 import { getSpace, useGetThemedIcon } from "@tamagui/helpers-tamagui";
 import { ThemeableStack, YStack } from "@tamagui/stacks";
 import { SizableText, wrapChildrenInText } from "@tamagui/text";
-import { forwardRef } from "react";
 const NAME = "ListItem";
-const ListItemFrame = styled(ThemeableStack, {
-  name: NAME,
-  tag: "li",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        alignItems: "center",
-        flexWrap: "nowrap",
-        width: "100%",
-        borderColor: "$borderColor",
-        maxWidth: "100%",
-        overflow: "hidden",
-        flexDirection: "row",
+const listItemVariants = {
+  unstyled: {
+    false: {
+      size: "$true",
+      alignItems: "center",
+      flexWrap: "nowrap",
+      width: "100%",
+      borderColor: "$borderColor",
+      maxWidth: "100%",
+      overflow: "hidden",
+      flexDirection: "row",
+      backgroundColor: "$background"
+    }
+  },
+  size: {
+    "...size": (val, { tokens }) => {
+      return {
+        minHeight: tokens.size[val],
+        paddingHorizontal: tokens.space[val],
+        paddingVertical: getSpace(val, -2)
+      };
+    }
+  },
+  active: {
+    true: {
+      hoverStyle: {
         backgroundColor: "$background"
       }
-    },
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          minHeight: tokens.size[val],
-          paddingHorizontal: tokens.space[val],
-          paddingVertical: getSpace(val, -2)
-        };
-      }
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        opacity: 0.5,
-        // TODO breaking types
-        pointerEvents: "none"
-      }
     }
   },
+  disabled: {
+    true: {
+      opacity: 0.5,
+      // TODO breaking types
+      pointerEvents: "none"
+    }
+  }
+};
+const ListItemFrame = styled(ThemeableStack, {
+  name: NAME,
+  tag: "li",
+  variants: listItemVariants,
   defaultVariants: {
     unstyled: false
   }
@@ -157,7 +157,7 @@ const useListItem = (props, {
     }
   };
 };
-const ListItemComponent = forwardRef((props, ref) => {
+const ListItemComponent = ListItemFrame.styleable(function ListItem(props, ref) {
   const { props: listItemProps } = useListItem(props);
   return <ListItemFrame ref={ref} justifyContent="space-between" {...listItemProps} />;
 });
@@ -172,20 +172,18 @@ const listItemStaticConfig = {
     "textAlign"
   ])
 };
-const ListItem = withStaticProperties(
-  ListItemFrame.styleable(ListItemComponent),
-  {
-    Text: ListItemText,
-    Subtitle: ListItemSubtitle
-  }
-);
+const ListItem2 = withStaticProperties(ListItemComponent, {
+  Text: ListItemText,
+  Subtitle: ListItemSubtitle
+});
 export {
-  ListItem,
+  ListItem2 as ListItem,
   ListItemFrame,
   ListItemSubtitle,
   ListItemText,
   ListItemTitle,
   listItemStaticConfig,
+  listItemVariants,
   useListItem
 };
 //# sourceMappingURL=ListItem.mjs.map

package/dist/jsx/ListItem.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ListItem.tsx"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["ListItem"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/list-item",
-  "version": "1.22.6",
+  "version": "1.22.7",
   "sideEffects": [
     "*.css"
   ],
@@ -21,17 +21,17 @@
     "watch": "tamagui-build --watch"
   },
   "dependencies": {
-    "@tamagui/core": "1.22.6",
-    "@tamagui/font-size": "1.22.6",
-    "@tamagui/get-size": "1.22.6",
-    "@tamagui/helpers-tamagui": "1.22.6",
-    "@tamagui/text": "1.22.6"
+    "@tamagui/core": "1.22.7",
+    "@tamagui/font-size": "1.22.7",
+    "@tamagui/get-size": "1.22.7",
+    "@tamagui/helpers-tamagui": "1.22.7",
+    "@tamagui/text": "1.22.7"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.22.6",
+    "@tamagui/build": "1.22.7",
     "react": "^18.2.0"
   },
   "publishConfig": {

package/src/ListItem.tsx

@@ -1,8 +1,8 @@
 import {
   FontSizeTokens,
   GetProps,
+  SizeTokens,
   Spacer,
-  TamaguiElement,
   ThemeableProps,
   getTokens,
   getVariableValue,
@@ -14,7 +14,7 @@ import { getFontSize } from '@tamagui/font-size'
 import { getSpace, useGetThemedIcon } from '@tamagui/helpers-tamagui'
 import { ThemeableStack, YStack } from '@tamagui/stacks'
 import { SizableText, TextParentStyles, wrapChildrenInText } from '@tamagui/text'
-import React, { FunctionComponent, forwardRef } from 'react'
+import React, { FunctionComponent } from 'react'
 
 type ListItemIconProps = { color?: string; size?: number }
 type IconProp = JSX.Element | FunctionComponent<ListItemIconProps> | null
@@ -61,51 +61,53 @@ export type ListItemProps = Omit<TextParentStyles, 'TextComponent' | 'noTextWrap
 
 const NAME = 'ListItem'
 
-export const ListItemFrame = styled(ThemeableStack, {
-  name: NAME,
-  tag: 'li',
-
-  variants: {
-    unstyled: {
-      false: {
-        size: '$true',
-        alignItems: 'center',
-        flexWrap: 'nowrap',
-        width: '100%',
-        borderColor: '$borderColor',
-        maxWidth: '100%',
-        overflow: 'hidden',
-        flexDirection: 'row',
-        backgroundColor: '$background',
-      },
+export const listItemVariants = {
+  unstyled: {
+    false: {
+      size: '$true',
+      alignItems: 'center',
+      flexWrap: 'nowrap',
+      width: '100%',
+      borderColor: '$borderColor',
+      maxWidth: '100%',
+      overflow: 'hidden',
+      flexDirection: 'row',
+      backgroundColor: '$background',
     },
+  },
 
-    size: {
-      '...size': (val, { tokens }) => {
-        return {
-          minHeight: tokens.size[val],
-          paddingHorizontal: tokens.space[val],
-          paddingVertical: getSpace(val, -2),
-        }
-      },
+  size: {
+    '...size': (val: SizeTokens, { tokens }) => {
+      return {
+        minHeight: tokens.size[val],
+        paddingHorizontal: tokens.space[val],
+        paddingVertical: getSpace(val, -2),
+      }
     },
+  },
 
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: '$background',
-        },
+  active: {
+    true: {
+      hoverStyle: {
+        backgroundColor: '$background',
       },
     },
+  },
 
-    disabled: {
-      true: {
-        opacity: 0.5,
-        // TODO breaking types
-        pointerEvents: 'none' as any,
-      },
+  disabled: {
+    true: {
+      opacity: 0.5,
+      // TODO breaking types
+      pointerEvents: 'none' as any,
     },
-  } as const,
+  },
+} as const
+
+export const ListItemFrame = styled(ThemeableStack, {
+  name: NAME,
+  tag: 'li',
+
+  variants: listItemVariants,
 
   defaultVariants: {
     unstyled: false,
@@ -248,7 +250,10 @@ export const useListItem = (
   }
 }
 
-const ListItemComponent = forwardRef<TamaguiElement, ListItemProps>((props, ref) => {
+const ListItemComponent = ListItemFrame.styleable<ListItemProps>(function ListItem(
+  props,
+  ref
+) {
   const { props: listItemProps } = useListItem(props)
   return <ListItemFrame ref={ref} justifyContent="space-between" {...listItemProps} />
 })
@@ -265,10 +270,7 @@ export const listItemStaticConfig = {
   ]),
 }
 
-export const ListItem = withStaticProperties(
-  ListItemFrame.styleable<ListItemProps>(ListItemComponent),
-  {
-    Text: ListItemText,
-    Subtitle: ListItemSubtitle,
-  }
-)
+export const ListItem = withStaticProperties(ListItemComponent, {
+  Text: ListItemText,
+  Subtitle: ListItemSubtitle,
+})