lucide-uniwind 1.55.0-patch.1 → 1.55.0-patch.2

package/dist/cjs/iconWithClassName.js

@@ -17,11 +17,16 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * Uses auto mode for general style mapping (colors, etc.) and additionally extracts width/height
  * as props so that react-native-svg correctly sizes the SVG viewport.
  */
+/** A width, height or size utility, possibly behind variants (`md:w-6`). */
+var SIZE_CLASS = /(?:^|\s)(?:[\w-]+:)*(?:w|h|size)-/;
 function iconWithClassName(icon) {
   var Wrapped = (0, _uniwind.withUniwind)(icon);
   return function WrappedIcon(props) {
     var _props$className;
-    var styles = (0, _uniwind.useResolveClassNames)((_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : '');
+    // withUniwind resolves the className for every other style; this second
+    // lookup only reads a size, so it is skipped when there is none.
+    var className = (_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : '';
+    var styles = (0, _uniwind.useResolveClassNames)(SIZE_CLASS.test(className) ? className : '');
     var extraProps = {};
     if (styles.width !== undefined) extraProps.width = styles.width;
     if (styles.height !== undefined) extraProps.height = styles.height;

package/dist/esm/iconWithClassName.js

@@ -11,11 +11,16 @@ import { withUniwind, useResolveClassNames } from 'uniwind';
  * Uses auto mode for general style mapping (colors, etc.) and additionally extracts width/height
  * as props so that react-native-svg correctly sizes the SVG viewport.
  */
+/** A width, height or size utility, possibly behind variants (`md:w-6`). */
+var SIZE_CLASS = /(?:^|\s)(?:[\w-]+:)*(?:w|h|size)-/;
 export default function iconWithClassName(icon) {
   var Wrapped = withUniwind(icon);
   return function WrappedIcon(props) {
     var _props$className;
-    var styles = useResolveClassNames((_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : '');
+    // withUniwind resolves the className for every other style; this second
+    // lookup only reads a size, so it is skipped when there is none.
+    var className = (_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : '';
+    var styles = useResolveClassNames(SIZE_CLASS.test(className) ? className : '');
     var extraProps = {};
     if (styles.width !== undefined) extraProps.width = styles.width;
     if (styles.height !== undefined) extraProps.height = styles.height;

package/dist/types/iconWithClassName.d.ts

@@ -3,9 +3,4 @@ import type { LucideProps } from 'lucide-react-native';
 export type LucidePropsWithClassName = LucideProps & {
     className?: string;
 };
-/**
- * Helper function that wraps a LucideIcon with `withUniwind` to allow for styling with the `className` prop.
- * Uses auto mode for general style mapping (colors, etc.) and additionally extracts width/height
- * as props so that react-native-svg correctly sizes the SVG viewport.
- */
 export default function iconWithClassName(icon: (props: LucideProps) => ReactNode): (props: LucidePropsWithClassName) => ReactNode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lucide-uniwind",
   "description": "Lucide icons for React Native, with a ClassName prop for Uniwind",
-  "version": "1.55.0-patch.1",
+  "version": "1.55.0-patch.2",
   "packageManager": "yarn@4.5.2",
   "sideEffects": false,
   "author": "Alexander Nicholson & Jonas Derissen",