@tamagui/list-item 1.27.2 → 1.27.3

package/package.json

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

package/dist/esm/ListItem.mjs

@@ -1,187 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  Spacer,
-  getTokens,
-  getVariableValue,
-  styled,
-  useProps,
-  withStaticProperties
-} from "@tamagui/core";
-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";
-const NAME = "ListItem";
-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"
-      }
-    }
-  },
-  disabled: {
-    true: {
-      opacity: 0.5,
-      // TODO breaking types
-      pointerEvents: "none"
-    }
-  }
-};
-const ListItemFrame = styled(ThemeableStack, {
-  name: NAME,
-  tag: "li",
-  variants: listItemVariants,
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const ListItemText = styled(SizableText, {
-  name: "ListItemText",
-  variants: {
-    unstyled: {
-      false: {
-        color: "$color",
-        flexGrow: 1,
-        flexShrink: 1,
-        ellipse: true,
-        cursor: "default"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const ListItemSubtitle = styled(ListItemText, {
-  name: "ListItemSubtitle",
-  variants: {
-    unstyled: {
-      false: {
-        opacity: 0.6,
-        maxWidth: "100%",
-        size: "$3",
-        color: "$color"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const ListItemTitle = styled(ListItemText, {
-  name: "ListItemTitle"
-});
-const useListItem = (props, {
-  Text = ListItemText,
-  Subtitle = ListItemSubtitle,
-  Title = ListItemTitle
-} = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
-  const {
-    children,
-    icon,
-    iconAfter,
-    noTextWrap,
-    theme: themeName,
-    space,
-    spaceFlex,
-    scaleIcon = 1,
-    scaleSpace = 1,
-    subTitle,
-    // text props
-    color,
-    fontWeight,
-    letterSpacing,
-    fontSize,
-    fontFamily,
-    textAlign,
-    textProps,
-    title,
-    ...rest
-  } = props;
-  const mediaActiveProps = useProps(props);
-  const size = mediaActiveProps.size || "$true";
-  const subtitleSize = `$${+String(size).replace("$", "") - 1}`;
-  const iconSize = getFontSize(size) * scaleIcon;
-  const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
-  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
-  const spaceSize = getVariableValue(getTokens().space[mediaActiveProps.space] ?? iconSize) * scaleSpace;
-  const contents = wrapChildrenInText(Text, mediaActiveProps);
-  return {
-    props: {
-      fontFamily,
-      ...rest,
-      children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        themedIcon ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          themedIcon,
-          /* @__PURE__ */ jsx(Spacer, { size: spaceSize })
-        ] }) : null,
-        title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [
-          noTextWrap === "all" ? title : /* @__PURE__ */ jsx(Title, { size, children: title }),
-          subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle === "string" && noTextWrap !== "all" ? (
-            // TODO can use theme but we need to standardize to alt themes
-            // or standardize on subtle colors in themes
-            /* @__PURE__ */ jsx(Subtitle, { size: subtitleSize, children: subTitle })
-          ) : subTitle }) : null,
-          contents
-        ] }) : contents,
-        themedIconAfter ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spacer, { size: spaceSize }),
-          themedIconAfter
-        ] }) : null
-      ] })
-    }
-  };
-};
-const ListItemComponent = ListItemFrame.styleable(function ListItem(props, ref) {
-  const { props: listItemProps } = useListItem(props);
-  return /* @__PURE__ */ jsx(ListItemFrame, { ref, justifyContent: "space-between", ...listItemProps });
-});
-const listItemStaticConfig = {
-  inlineProps: /* @__PURE__ */ new Set([
-    // text props go here (can't really optimize them, but we never fully extract listItem anyway)
-    "color",
-    "fontWeight",
-    "fontSize",
-    "fontFamily",
-    "letterSpacing",
-    "textAlign"
-  ])
-};
-const ListItem2 = withStaticProperties(ListItemComponent, {
-  Text: ListItemText,
-  Subtitle: ListItemSubtitle
-});
-export {
-  ListItem2 as ListItem,
-  ListItemFrame,
-  ListItemSubtitle,
-  ListItemText,
-  ListItemTitle,
-  listItemStaticConfig,
-  listItemVariants,
-  useListItem
-};
-//# sourceMappingURL=ListItem.mjs.map

package/dist/esm/index.mjs

@@ -1,2 +0,0 @@
-export * from "./ListItem";
-//# sourceMappingURL=index.mjs.map