@tamagui/web - npm Package Compare versions

Comparing version 1.105.0 to 1.105.1

dist/cjs/createComponent.js

@@ -101,18 +101,4 @@ var __create = Object.create;
   if (import_constants.isWeb) {
-    const { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants.isServer, isDisabledManually = disableClassName && !import_constants.isServer && didHydrateOnce && state.unmounted === !0;
-    (isAnimatedAndHydrated || isDisabledManually) && (shouldAvoidClasses = !0, process.env.NODE_ENV === "development" && props.debug && console.info(
-      "\u274C\u26F9\uFE0F no className",
-      {
-        isAnimatedAndHydrated,
-        isDisabledManually
-      },
-      {
-        isAnimated,
-        supportsCSSVars,
-        didHydrateOnce,
-        disableClassName,
-        isServer: import_constants.isServer,
-        willBeAnimated
-      }
-    ));
+    const { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants.isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !import_constants.isServer && didHydrateOnce && state.unmounted === !0;
+    (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0);
   }
@@ -271,3 +257,3 @@ const groupName = props.group;
     if ("themeInverse" in props && (themeStateProps.inverse = props.themeInverse), "theme" in props && (themeStateProps.name = props.theme), typeof curStateRef.isListeningToTheme == "boolean" && (themeStateProps.shouldUpdate = () => stateRef.current.isListeningToTheme), process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
-      const name = `${componentName2 || Component?.displayName || Component?.name || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : "") + (isAnimated ? "(animated)" : "") + (isReactNative ? "(rnw)" : "") + (presenceState?.isPresent === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `${internalID} ${name}${dataIs ? ` ${dataIs}` : ""} ${type}`;
+      const name = `${componentName2 || Component?.displayName || Component?.name || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (shouldAvoidClasses ? "(shouldAvoidClasses)" : " ") + (presenceState?.isPresent === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `${internalID} ${name}${dataIs ? ` ${dataIs}` : ""} ${type}`;
       if (console.info(
@@ -274,0 +260,0 @@ `%c ${banner} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`,

dist/cjs/createComponent.native.js

@@ -397,14 +397,4 @@ "use strict";
   if (import_constants.isWeb) {
-    var disableClassName = props.disableClassName, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants.isServer, isDisabledManually = disableClassName && !import_constants.isServer && didHydrateOnce && state.unmounted === !0;
-    (isAnimatedAndHydrated || isDisabledManually) && (shouldAvoidClasses = !0, process.env.NODE_ENV === "development" && props.debug && console.info("\u274C\u26F9\uFE0F no className", {
-      isAnimatedAndHydrated,
-      isDisabledManually
-    }, {
-      isAnimated,
-      supportsCSSVars,
-      didHydrateOnce,
-      disableClassName,
-      isServer: import_constants.isServer,
-      willBeAnimated
-    }));
+    var disableClassName = props.disableClassName, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants.isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !import_constants.isServer && didHydrateOnce && state.unmounted === !0;
+    (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0);
   }
@@ -550,3 +540,3 @@ var groupName = props.group;
     }), themeStateProps.deopt = willBeAnimated, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
-      var name = "".concat(componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"), type = (hasEnterStyle ? "(hasEnter)" : "") + (isAnimated ? "(animated)" : "") + (isReactNative ? "(rnw)" : "") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = "".concat(internalID, " ").concat(name).concat(dataIs ? " ".concat(dataIs) : "", " ").concat(type);
+      var name = "".concat(componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"), type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (shouldAvoidClasses ? "(shouldAvoidClasses)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = "".concat(internalID, " ").concat(name).concat(dataIs ? " ".concat(dataIs) : "", " ").concat(type);
       if (console.info("%c ".concat(banner, " (hydrated: ").concat(isHydrated, ") (unmounted: ").concat(state.unmounted, ")"), "background: green; color: white;"), import_constants.isServer)
@@ -838,22 +828,4 @@ (0, import_log.log)({
     }
-    if (process.env.TAMAGUI_REACT_19) {
-      var rulesToInsert = splitStyles.rulesToInsert, keys = Object.keys(splitStyles.rulesToInsert);
-      keys.length && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [
-          content,
-          /* lets see if we can put a single style tag per rule for optimal de-duping */
-          keys.map(function(key3) {
-            var styleObject = rulesToInsert[key3], identifier = styleObject[import_helpers.StyleObjectIdentifier];
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", {
-              // @ts-ignore
-              href: "t_".concat(identifier),
-              // @ts-ignore
-              precedence: "default",
-              children: styleObject[import_helpers.StyleObjectRules].join(`
-`)
-            }, identifier);
-          })
-        ]
-      }));
-    }
+    if (process.env.TAMAGUI_REACT_19 && !1)
+      var rulesToInsert, keys;
     if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
@@ -860,0 +832,0 @@ var element1 = typeof elementType == "string" ? elementType : "Component", title = "render <".concat(element1, " /> (").concat(internalID, ") with props");

dist/esm/createComponent.js

@@ -115,18 +115,4 @@ import { composeRefs } from "@tamagui/compose-refs";
   if (isWeb) {
-    const { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !isServer, isDisabledManually = disableClassName && !isServer && didHydrateOnce && state.unmounted === !0;
-    (isAnimatedAndHydrated || isDisabledManually) && (shouldAvoidClasses = !0, process.env.NODE_ENV === "development" && props.debug && console.info(
-      "\u274C\u26F9\uFE0F no className",
-      {
-        isAnimatedAndHydrated,
-        isDisabledManually
-      },
-      {
-        isAnimated,
-        supportsCSSVars,
-        didHydrateOnce,
-        disableClassName,
-        isServer,
-        willBeAnimated
-      }
-    ));
+    const { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !isServer && didHydrateOnce && state.unmounted === !0;
+    (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0);
   }
@@ -285,3 +271,3 @@ const groupName = props.group;
     if ("themeInverse" in props && (themeStateProps.inverse = props.themeInverse), "theme" in props && (themeStateProps.name = props.theme), typeof curStateRef.isListeningToTheme == "boolean" && (themeStateProps.shouldUpdate = () => stateRef.current.isListeningToTheme), process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
-      const name = `${componentName2 || Component?.displayName || Component?.name || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : "") + (isAnimated ? "(animated)" : "") + (isReactNative ? "(rnw)" : "") + (presenceState?.isPresent === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `${internalID} ${name}${dataIs ? ` ${dataIs}` : ""} ${type}`;
+      const name = `${componentName2 || Component?.displayName || Component?.name || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (shouldAvoidClasses ? "(shouldAvoidClasses)" : " ") + (presenceState?.isPresent === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `${internalID} ${name}${dataIs ? ` ${dataIs}` : ""} ${type}`;
       if (console.info(
@@ -288,0 +274,0 @@ `%c ${banner} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`,

dist/esm/createComponent.native.js

@@ -1,5 +0,5 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { composeRefs } from "@tamagui/compose-refs";
 import { isClient, isServer, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { StyleObjectIdentifier, StyleObjectRules, composeEventHandlers, validStyles } from "@tamagui/helpers";
+import { composeEventHandlers, validStyles } from "@tamagui/helpers";
 import React, { Children, Fragment, createElement, forwardRef, memo, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
@@ -386,14 +386,4 @@ import { devConfig, getConfig, onConfiguredOnce } from "./config";
   if (isWeb) {
-    var disableClassName = props.disableClassName, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !isServer, isDisabledManually = disableClassName && !isServer && didHydrateOnce && state.unmounted === !0;
-    (isAnimatedAndHydrated || isDisabledManually) && (shouldAvoidClasses = !0, process.env.NODE_ENV === "development" && props.debug && console.info("\u274C\u26F9\uFE0F no className", {
-      isAnimatedAndHydrated,
-      isDisabledManually
-    }, {
-      isAnimated,
-      supportsCSSVars,
-      didHydrateOnce,
-      disableClassName,
-      isServer,
-      willBeAnimated
-    }));
+    var disableClassName = props.disableClassName, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !isServer && didHydrateOnce && state.unmounted === !0;
+    (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0);
   }
@@ -539,3 +529,3 @@ var groupName = props.group;
     }), themeStateProps.deopt = willBeAnimated, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
-      var name = "".concat(componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"), type = (hasEnterStyle ? "(hasEnter)" : "") + (isAnimated ? "(animated)" : "") + (isReactNative ? "(rnw)" : "") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = "".concat(internalID, " ").concat(name).concat(dataIs ? " ".concat(dataIs) : "", " ").concat(type);
+      var name = "".concat(componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"), type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (shouldAvoidClasses ? "(shouldAvoidClasses)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = "".concat(internalID, " ").concat(name).concat(dataIs ? " ".concat(dataIs) : "", " ").concat(type);
       if (console.info("%c ".concat(banner, " (hydrated: ").concat(isHydrated, ") (unmounted: ").concat(state.unmounted, ")"), "background: green; color: white;"), isServer)
@@ -827,22 +817,4 @@ log({
     }
-    if (process.env.TAMAGUI_REACT_19) {
-      var rulesToInsert = splitStyles.rulesToInsert, keys = Object.keys(splitStyles.rulesToInsert);
-      keys.length && (content = /* @__PURE__ */ _jsxs(_Fragment, {
-        children: [
-          content,
-          /* lets see if we can put a single style tag per rule for optimal de-duping */
-          keys.map(function(key3) {
-            var styleObject = rulesToInsert[key3], identifier = styleObject[StyleObjectIdentifier];
-            return /* @__PURE__ */ _jsx("style", {
-              // @ts-ignore
-              href: "t_".concat(identifier),
-              // @ts-ignore
-              precedence: "default",
-              children: styleObject[StyleObjectRules].join(`
-`)
-            }, identifier);
-          })
-        ]
-      }));
-    }
+    if (process.env.TAMAGUI_REACT_19 && !1)
+      var rulesToInsert, keys;
     if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
@@ -849,0 +821,0 @@ var element1 = typeof elementType == "string" ? elementType : "Component", title = "render <".concat(element1, " /> (").concat(internalID, ") with props");

package.json

 {
   "name": "@tamagui/web",
-  "version": "1.105.0",
+  "version": "1.105.1",
   "source": "src/index.ts",
@@ -30,14 +30,14 @@ "main": "dist/cjs",
   "dependencies": {
-    "@tamagui/compose-refs": "1.105.0",
-    "@tamagui/constants": "1.105.0",
-    "@tamagui/helpers": "1.105.0",
-    "@tamagui/normalize-css-color": "1.105.0",
-    "@tamagui/timer": "1.105.0",
-    "@tamagui/types": "1.105.0",
-    "@tamagui/use-did-finish-ssr": "1.105.0",
-    "@tamagui/use-event": "1.105.0",
-    "@tamagui/use-force-update": "1.105.0"
+    "@tamagui/compose-refs": "1.105.1",
+    "@tamagui/constants": "1.105.1",
+    "@tamagui/helpers": "1.105.1",
+    "@tamagui/normalize-css-color": "1.105.1",
+    "@tamagui/timer": "1.105.1",
+    "@tamagui/types": "1.105.1",
+    "@tamagui/use-did-finish-ssr": "1.105.1",
+    "@tamagui/use-event": "1.105.1",
+    "@tamagui/use-force-update": "1.105.1"
   },
   "devDependencies": {
-    "@tamagui/build": "1.105.0",
+    "@tamagui/build": "1.105.1",
     "@testing-library/react": "^14.0.0",
@@ -44,0 +44,0 @@ "csstype": "^3.0.10",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

723

decreased by-0.69%

Worsened metrics

Total package byte prevSize

2917288

decreased by-0.13%

Lines of code

46466

decreased by-0.22%

Dependency changes

• + Added@tamagui/compose-refs@1.105.1(transitive)

• + Added@tamagui/constants@1.105.1(transitive)

• + Added@tamagui/helpers@1.105.1(transitive)

• + Added@tamagui/normalize-css-color@1.105.1(transitive)

• + Added@tamagui/simple-hash@1.105.1(transitive)

• + Added@tamagui/timer@1.105.1(transitive)

• + Added@tamagui/types@1.105.1(transitive)

• + Added@tamagui/use-did-finish-ssr@1.105.1(transitive)

• + Added@tamagui/use-event@1.105.1(transitive)

• + Added@tamagui/use-force-update@1.105.1(transitive)

• - Removed@tamagui/compose-refs@1.105.0(transitive)

• - Removed@tamagui/constants@1.105.0(transitive)

• - Removed@tamagui/helpers@1.105.0(transitive)

• - Removed@tamagui/normalize-css-color@1.105.0(transitive)

• - Removed@tamagui/simple-hash@1.105.0(transitive)

• - Removed@tamagui/timer@1.105.0(transitive)

• - Removed@tamagui/types@1.105.0(transitive)

• - Removed@tamagui/use-did-finish-ssr@1.105.0(transitive)

• - Removed@tamagui/use-event@1.105.0(transitive)

• - Removed@tamagui/use-force-update@1.105.0(transitive)

• Updated@tamagui/compose-refs@1.105.1

• Updated@tamagui/constants@1.105.1

• Updated@tamagui/helpers@1.105.1

• Updated@tamagui/normalize-css-color@1.105.1

• Updated@tamagui/timer@1.105.1

• Updated@tamagui/types@1.105.1

• Updated@tamagui/use-did-finish-ssr@1.105.1

• Updated@tamagui/use-event@1.105.1

• Updated@tamagui/use-force-update@1.105.1