@tamagui/list-item 2.0.0-rc.8 → 2.0.0

package/src/ListItem.tsx

@@ -2,7 +2,7 @@ import { getFontSize } from '@tamagui/font-size'
 import { getFontSized } from '@tamagui/get-font-sized'
 import { getSize, getSpace } from '@tamagui/get-token'
 import { withStaticProperties } from '@tamagui/helpers'
-import { getIcon } from '@tamagui/helpers-tamagui'
+import { getIcon, useCurrentColor } from '@tamagui/helpers-tamagui'
 import { YStack } from '@tamagui/stacks'
 import { SizableText, wrapChildrenInText } from '@tamagui/text'
 import type { ColorTokens, FontSizeTokens, GetProps, SizeTokens } from '@tamagui/web'
@@ -199,12 +199,13 @@ const ListItemIcon = (props: {
   }
 
   const sizeToken = size ?? styledContext.size ?? '$true'
+  const iconColor = useCurrentColor(styledContext.color)
 
   const iconSize = getFontSize(sizeToken as any) * scaleIcon
 
   return getIcon(children, {
     size: iconSize,
-    color: styledContext.color,
+    color: iconColor,
   })
 }
 
@@ -224,17 +225,20 @@ const ListItemComponent = ListItemFrame.styleable<ListItemExtraProps>(
 
     const size = propsIn.size || '$true'
     const styledContext = context.useStyledContext()
+    const iconColor = useCurrentColor(styledContext?.color)
     const iconSizeNumber = getFontSize(iconSize || (size as any)) * scaleIcon
 
-    const [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon, i) => {
-      if (!icon) return null
-      const isBefore = i === 0
-      return getIcon(icon, {
-        size: iconSizeNumber,
-        color: styledContext?.color,
-        [isBefore ? 'marginRight' : 'marginLeft']: `${iconSizeNumber * 0.4}%`,
-      })
-    })
+    const iconSpacing = iconSizeNumber * 0.4
+    const themedIcon = icon ? (
+      <View marginRight={iconSpacing}>
+        {getIcon(icon, { size: iconSizeNumber, color: iconColor })}
+      </View>
+    ) : null
+    const themedIconAfter = iconAfter ? (
+      <View marginLeft={iconSpacing}>
+        {getIcon(iconAfter, { size: iconSizeNumber, color: iconColor })}
+      </View>
+    ) : null
 
     const wrappedChildren = wrapChildrenInText(
       ListItemText,

package/types/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErF,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,KAAK,eAAe,GAAG,UAAU,CAAA;AAEjC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,GAAG,kBAAkB,CAAA;AAc/E,QAAA,MAAM,aAAa;;;;;;6CAqFjB,CAAA;AAkKF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAhQZ,UAAU;kBACP,eAAe;gBACjB,WAAW,GAAG,MAAM;;eAFrB,UAAU;kBACP,eAAe;gBACjB,WAAW,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;kBA8JD;QAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,IAAI,CAAC,EAAE,UAAU,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB;;;;;CAmGC,CAAA"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErF,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,KAAK,eAAe,GAAG,UAAU,CAAA;AAEjC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,GAAG,kBAAkB,CAAA;AAc/E,QAAA,MAAM,aAAa;;;;;;6CAqFjB,CAAA;AAsKF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eApQZ,UAAU;kBACP,eAAe;gBACjB,WAAW,GAAG,MAAM;;eAFrB,UAAU;kBACP,eAAe;gBACjB,WAAW,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;kBA8JD;QAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,IAAI,CAAC,EAAE,UAAU,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB;;;;;CAuGC,CAAA"}

package/dist/cjs/ListItem.js

@@ -1,203 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var ListItem_exports = {};
-__export(ListItem_exports, {
-  ListItem: () => ListItem2
-});
-module.exports = __toCommonJS(ListItem_exports);
-var import_font_size = require("@tamagui/font-size"), import_get_font_sized = require("@tamagui/get-font-sized"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
-const NAME = "ListItem", context = (0, import_web.createStyledContext)({
-  size: void 0,
-  variant: void 0,
-  color: void 0
-}), ListItemFrame = (0, import_web.styled)(import_web.View, {
-  context,
-  name: NAME,
-  render: "li",
-  role: "listitem",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        alignItems: "center",
-        justifyContent: "space-between",
-        flexWrap: "nowrap",
-        borderColor: "$borderColor",
-        width: "100%",
-        maxWidth: "100%",
-        overflow: "hidden",
-        flexDirection: "row",
-        backgroundColor: "$background",
-        cursor: "default",
-        hoverStyle: {
-          backgroundColor: "$backgroundHover",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress",
-          borderColor: "$borderColorPress"
-        }
-      }
-    },
-    variant: {
-      outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
-        backgroundColor: "transparent",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        hoverStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorPress"
-        }
-      }
-    },
-    size: {
-      "...size": (val, { tokens }) => ({
-        minHeight: tokens.size[val],
-        paddingHorizontal: tokens.space[val],
-        paddingVertical: (0, import_get_token.getSpace)(tokens.space[val], {
-          shift: -4
-        })
-      })
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        opacity: 0.5,
-        pointerEvents: "none"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), ListItemText = (0, import_web.styled)(import_text.SizableText, {
-  context,
-  name: "ListItemText",
-  variants: {
-    unstyled: {
-      false: {
-        color: "$color",
-        size: "$true",
-        flexGrow: 1,
-        flexShrink: 1,
-        ellipsis: !0,
-        cursor: "inherit"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), ListItemSubtitle = (0, import_web.styled)(ListItemText, {
-  name: "ListItemSubtitle",
-  context,
-  variants: {
-    unstyled: {
-      false: {
-        opacity: 0.6,
-        maxWidth: "100%",
-        color: "$color"
-      }
-    },
-    size: {
-      "...size": (val, extras) => {
-        const oneSmaller = (0, import_get_token.getSize)(val, {
-          shift: -1,
-          excludeHalfSteps: !0
-        });
-        return (0, import_get_font_sized.getFontSized)(oneSmaller.key, extras);
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), ListItemTitle = (0, import_web.styled)(ListItemText, {
-  name: "ListItemTitle",
-  context,
-  variants: {
-    unstyled: {
-      false: {}
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), ListItemIcon = (props) => {
-  const { children, size, scaleIcon = 1 } = props, styledContext = context.useStyledContext();
-  if (!styledContext)
-    throw new Error("ListItem.Icon must be used within a ListItem");
-  const sizeToken = size ?? styledContext.size ?? "$true", iconSize = (0, import_font_size.getFontSize)(sizeToken) * scaleIcon;
-  return (0, import_helpers_tamagui.getIcon)(children, {
-    size: iconSize,
-    color: styledContext.color
-  });
-}, ListItemComponent = ListItemFrame.styleable(
-  function(propsIn, ref) {
-    const {
-      children,
-      icon,
-      iconAfter,
-      scaleIcon = 1,
-      unstyled = !1,
-      subTitle,
-      title,
-      iconSize,
-      ...rest
-    } = propsIn, size = propsIn.size || "$true", styledContext = context.useStyledContext(), iconSizeNumber = (0, import_font_size.getFontSize)(iconSize || size) * scaleIcon, [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => {
-      if (!icon2) return null;
-      const isBefore = i === 0;
-      return (0, import_helpers_tamagui.getIcon)(icon2, {
-        size: iconSizeNumber,
-        color: styledContext?.color,
-        [isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
-      });
-    }), wrappedChildren = (0, import_text.wrapChildrenInText)(
-      ListItemText,
-      { children },
-      propsIn.unstyled !== !0 ? {
-        unstyled: process.env.TAMAGUI_HEADLESS === "1",
-        fontSize: propsIn.size
-      } : void 0
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ListItemFrame, { ref, ...rest, children: [
-      themedIcon,
-      title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, { flex: 1, children: [
-        title ? typeof title == "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemTitle, { unstyled, size, children: title }) : title : null,
-        subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof subTitle == "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemSubtitle, { unstyled, size, children: subTitle }) : subTitle }) : null,
-        wrappedChildren
-      ] }) : wrappedChildren,
-      themedIconAfter
-    ] });
-  }
-), ListItem2 = (0, import_helpers.withStaticProperties)(ListItemComponent, {
-  Apply: context.Provider,
-  Frame: ListItemFrame,
-  Text: ListItemText,
-  Subtitle: ListItemSubtitle,
-  Icon: ListItemIcon,
-  Title: ListItemTitle
-});
-//# sourceMappingURL=ListItem.js.map

package/dist/cjs/ListItem.js.map

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

package/dist/cjs/index.js

@@ -1,15 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var index_exports = {};
-module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./ListItem"), module.exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,uBAAd;",
-  "names": []
-}

package/dist/esm/ListItem.js

@@ -1,195 +0,0 @@
-import { getFontSize } from "@tamagui/font-size";
-import { getFontSized } from "@tamagui/get-font-sized";
-import { getSize, getSpace } from "@tamagui/get-token";
-import { withStaticProperties } from "@tamagui/helpers";
-import { getIcon } from "@tamagui/helpers-tamagui";
-import { YStack } from "@tamagui/stacks";
-import { SizableText, wrapChildrenInText } from "@tamagui/text";
-import { createStyledContext, styled, View } from "@tamagui/web";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const NAME = "ListItem", context = createStyledContext({
-  size: void 0,
-  variant: void 0,
-  color: void 0
-}), ListItemFrame = styled(View, {
-  context,
-  name: NAME,
-  render: "li",
-  role: "listitem",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        alignItems: "center",
-        justifyContent: "space-between",
-        flexWrap: "nowrap",
-        borderColor: "$borderColor",
-        width: "100%",
-        maxWidth: "100%",
-        overflow: "hidden",
-        flexDirection: "row",
-        backgroundColor: "$background",
-        cursor: "default",
-        hoverStyle: {
-          backgroundColor: "$backgroundHover",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress",
-          borderColor: "$borderColorPress"
-        }
-      }
-    },
-    variant: {
-      outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
-        backgroundColor: "transparent",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        hoverStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorPress"
-        }
-      }
-    },
-    size: {
-      "...size": (val, { tokens }) => ({
-        minHeight: tokens.size[val],
-        paddingHorizontal: tokens.space[val],
-        paddingVertical: getSpace(tokens.space[val], {
-          shift: -4
-        })
-      })
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        opacity: 0.5,
-        pointerEvents: "none"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), ListItemText = styled(SizableText, {
-  context,
-  name: "ListItemText",
-  variants: {
-    unstyled: {
-      false: {
-        color: "$color",
-        size: "$true",
-        flexGrow: 1,
-        flexShrink: 1,
-        ellipsis: !0,
-        cursor: "inherit"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), ListItemSubtitle = styled(ListItemText, {
-  name: "ListItemSubtitle",
-  context,
-  variants: {
-    unstyled: {
-      false: {
-        opacity: 0.6,
-        maxWidth: "100%",
-        color: "$color"
-      }
-    },
-    size: {
-      "...size": (val, extras) => {
-        const oneSmaller = getSize(val, {
-          shift: -1,
-          excludeHalfSteps: !0
-        });
-        return getFontSized(oneSmaller.key, extras);
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), ListItemTitle = styled(ListItemText, {
-  name: "ListItemTitle",
-  context,
-  variants: {
-    unstyled: {
-      false: {}
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), ListItemIcon = (props) => {
-  const { children, size, scaleIcon = 1 } = props, styledContext = context.useStyledContext();
-  if (!styledContext)
-    throw new Error("ListItem.Icon must be used within a ListItem");
-  const sizeToken = size ?? styledContext.size ?? "$true", iconSize = getFontSize(sizeToken) * scaleIcon;
-  return getIcon(children, {
-    size: iconSize,
-    color: styledContext.color
-  });
-}, ListItemComponent = ListItemFrame.styleable(
-  function(propsIn, ref) {
-    const {
-      children,
-      icon,
-      iconAfter,
-      scaleIcon = 1,
-      unstyled = !1,
-      subTitle,
-      title,
-      iconSize,
-      ...rest
-    } = propsIn, size = propsIn.size || "$true", styledContext = context.useStyledContext(), iconSizeNumber = getFontSize(iconSize || size) * scaleIcon, [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => {
-      if (!icon2) return null;
-      const isBefore = i === 0;
-      return getIcon(icon2, {
-        size: iconSizeNumber,
-        color: styledContext?.color,
-        [isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
-      });
-    }), wrappedChildren = wrapChildrenInText(
-      ListItemText,
-      { children },
-      propsIn.unstyled !== !0 ? {
-        unstyled: process.env.TAMAGUI_HEADLESS === "1",
-        fontSize: propsIn.size
-      } : void 0
-    );
-    return /* @__PURE__ */ jsxs(ListItemFrame, { ref, ...rest, children: [
-      themedIcon,
-      title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [
-        title ? typeof title == "string" ? /* @__PURE__ */ jsx(ListItemTitle, { unstyled, size, children: title }) : title : null,
-        subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle == "string" ? /* @__PURE__ */ jsx(ListItemSubtitle, { unstyled, size, children: subTitle }) : subTitle }) : null,
-        wrappedChildren
-      ] }) : wrappedChildren,
-      themedIconAfter
-    ] });
-  }
-), ListItem2 = withStaticProperties(ListItemComponent, {
-  Apply: context.Provider,
-  Frame: ListItemFrame,
-  Text: ListItemText,
-  Subtitle: ListItemSubtitle,
-  Icon: ListItemIcon,
-  Title: ListItemTitle
-});
-export {
-  ListItem2 as ListItem
-};
-//# sourceMappingURL=ListItem.js.map

package/dist/esm/ListItem.js.map

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