@tamagui/web - npm Package Compare versions

Comparing version 1.89.24 to 1.89.25

dist/cjs/createTamagui.js

@@ -82,3 +82,3 @@ var __defProp = Object.defineProperty;
       }
-      const sep = process.env.NODE_ENV === "development" ? configIn.cssStyleSeparator || " " : "";
+      const sep = configIn.cssStyleSeparator || "";
       if (cssRuleSets.push(declarationsToRuleSet(declarations)), fontDeclarations)
@@ -85,0 +85,0 @@ for (const key in fontDeclarations) {

dist/cjs/createTamagui.native.js

@@ -85,3 +85,3 @@ "use strict";
       }
-      const sep = process.env.NODE_ENV === "development" ? configIn.cssStyleSeparator || " " : "";
+      const sep = configIn.cssStyleSeparator || "";
       if (cssRuleSets.push(declarationsToRuleSet2(declarations)), fontDeclarations)
@@ -88,0 +88,0 @@ for (const key in fontDeclarations) {

dist/cjs/helpers/getSplitStyles.js

@@ -241,3 +241,3 @@ var __defProp = Object.defineProperty;
         if (shouldDoClasses && !isExit) {
-          const pseudoStyles = (0, import_getStylesAtomic.generateAtomicStyles)(pseudoStyleObject, descriptor);
+          const pseudoStyles = (0, import_getStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor);
           process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), (0, import_log.log)({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
@@ -327,3 +327,3 @@ for (const psuedoStyle of pseudoStyles) {
           }
-          const mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle, debug), priority = mediaStylesSeen;
+          const mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle), priority = mediaStylesSeen;
           mediaStylesSeen += 1;
@@ -432,3 +432,3 @@ for (const style of mediaStyles) {
     if (!styleState.style.$$css) {
-      const atomic = (0, import_getStylesAtomic.getStylesAtomic)(styleState.style, debug);
+      const atomic = (0, import_getStylesAtomic.getStylesAtomic)(styleState.style);
       for (const atomicStyle of atomic) {
@@ -435,0 +435,0 @@ const key = atomicStyle.property, isAnimatedAndAnimateOnly = styleProps.isAnimated && styleProps.noClassNames && (!props.animateOnly || props.animateOnly.includes(key)), nonAnimatedAnimateOnly = !isAnimatedAndAnimateOnly && !styleProps.isAnimated && props.animateOnly?.includes(key);

dist/cjs/helpers/getSplitStyles.native.js

@@ -210,3 +210,3 @@ "use strict";
         if (shouldDoClasses && !isExit) {
-          const pseudoStyles = (0, import_getStylesAtomic.generateAtomicStyles)(pseudoStyleObject, descriptor);
+          const pseudoStyles = (0, import_getStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor);
           process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), (0, import_log.log)({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
@@ -289,3 +289,3 @@ for (const psuedoStyle of pseudoStyles) {
           }
-          const mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle, debug), priority = mediaStylesSeen;
+          const mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle), priority = mediaStylesSeen;
           mediaStylesSeen += 1;
@@ -292,0 +292,0 @@ for (const style of mediaStyles) {

dist/cjs/helpers/getStylesAtomic.js

@@ -17,3 +17,3 @@ var __defProp = Object.defineProperty;
 __export(getStylesAtomic_exports, {
-  generateAtomicStyles: () => generateAtomicStyles,
+  getStyleAtomic: () => getStyleAtomic,
   getStylesAtomic: () => getStylesAtomic,
@@ -24,34 +24,42 @@ styleToCSS: () => styleToCSS
 var import_helpers = require("@tamagui/helpers"), import_config = require("../config"), import_defaultOffset = require("./defaultOffset"), import_normalizeValueWithProperty = require("./normalizeValueWithProperty"), import_pseudoDescriptors = require("./pseudoDescriptors"), import_normalizeColor = require("./normalizeColor"), import_transformsToString = require("./transformsToString");
-function getStylesAtomic(stylesIn, debug) {
-  const res = [];
-  for (const pseudoName in import_pseudoDescriptors.pseudoDescriptorsBase) {
-    const pseudoStyle = stylesIn[pseudoName];
-    pseudoStyle && res.push(...generateAtomicStyles(pseudoStyle, import_pseudoDescriptors.pseudoDescriptorsBase[pseudoName]));
+function getStylesAtomic(style) {
+  styleToCSS(style);
+  const out = [];
+  for (const key in style) {
+    const val = style[key];
+    if (key in import_pseudoDescriptors.pseudoDescriptors)
+      val && out.push(...getStyleAtomic(val, import_pseudoDescriptors.pseudoDescriptors[key]));
+    else {
+      const so = getStyleObject(style, key);
+      so && out.push(so);
+    }
   }
-  return res.push(...generateAtomicStyles(stylesIn)), process.env.NODE_ENV === "development" && debug === "verbose" && console.info(" \u{1FAAE} getStylesAtomic", { stylesIn, res }), res;
+  return out;
 }
-let conf;
-const generateAtomicStyles = (style, pseudo) => {
-  if (!style)
-    return [];
-  conf = conf || (0, import_config.getConfig)(), styleToCSS(style);
+const getStyleAtomic = (style, pseudo) => {
+  styleToCSS(style);
   const out = [];
   for (const key in style) {
-    if (key in import_pseudoDescriptors.pseudoDescriptors)
-      continue;
-    let val = style[key];
-    if (val == null)
-      continue;
-    key === "transform" && Array.isArray(style.transform) && (val = (0, import_transformsToString.transformsToString)(val));
-    const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key), hash = (0, import_helpers.simpleHash)(`${value}`), pseudoPrefix = pseudo ? `0${pseudo.name}-` : "", identifier = `_${conf.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`, rules = createAtomicRules(identifier, key, value, pseudo), styleObject = {
-      property: key,
-      pseudo: pseudo?.name,
-      identifier,
-      rules,
-      value
-    };
-    out.push(styleObject);
+    const so = getStyleObject(style, key, pseudo);
+    so && out.push(so);
   }
   return out;
 };
+let conf;
+const getStyleObject = (style, key, pseudo) => {
+  let val = style[key];
+  if (val == null)
+    return;
+  key === "transform" && Array.isArray(style.transform) && (val = (0, import_transformsToString.transformsToString)(val));
+  const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key), hash = (0, import_helpers.simpleHash)(`${value}`), pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
+  conf ||= (0, import_config.getConfig)();
+  const identifier = `_${conf.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`, rules = createAtomicRules(identifier, key, value, pseudo);
+  return {
+    property: key,
+    pseudo: pseudo?.name,
+    identifier,
+    rules,
+    value
+  };
+};
 function styleToCSS(style) {
@@ -132,5 +140,5 @@ const { shadowOffset, shadowRadius, shadowColor, shadowOpacity } = style;
   }
-  return pseudo?.name === "hover" && (rules = rules.map((r) => `@media (hover) { ${r} }`)), rules;
+  return pseudo?.name === "hover" && (rules = rules.map((r) => `@media (hover) {${r}}`)), rules;
 }
 const boxNone = createDeclarationBlock([["pointerEvents", "auto"]], !0), boxOnly = createDeclarationBlock([["pointerEvents", "none"]], !0);
 //# sourceMappingURL=getStylesAtomic.js.map

dist/cjs/helpers/getStylesAtomic.native.js

@@ -18,4 +18,3 @@ "use strict";
 __export(getStylesAtomic_native_exports, {
-  generateAtomicStyles: () => generateAtomicStyles,
-  getAtomicStyle: () => getAtomicStyle,
+  getStyleAtomic: () => getStyleAtomic,
   getStylesAtomic: () => getStylesAtomic,
@@ -27,7 +26,6 @@ styleToCSS: () => styleToCSS
   console.warn("no-op native");
-}, getStylesAtomic = empty, generateAtomicStyles = empty, getAtomicStyle = empty, styleToCSS = empty;
+}, getStylesAtomic = empty, getStyleAtomic = empty, styleToCSS = empty;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  generateAtomicStyles,
-  getAtomicStyle,
+  getStyleAtomic,
   getStylesAtomic,
@@ -34,0 +32,0 @@ styleToCSS

dist/cjs/helpers/getThemeCSSRules.js

@@ -74,3 +74,3 @@ var __defProp = Object.defineProperty;
           ([k, v]) => v ? `${k === "backgroundColor" ? "background" : k}:${(0, import_createVariable.variableToString)(v)}` : []
-        ).join(";"), css2 = `${selectionSelectors} {${styles}}`;
+        ).join(";"), css2 = `${selectionSelectors}{${styles}}`;
         cssRuleSets.push(css2);
@@ -77,0 +77,0 @@ }

dist/esm/createTamagui.js

@@ -77,3 +77,3 @@ import { isWeb } from "@tamagui/constants";
       }
-      const sep = process.env.NODE_ENV === "development" ? configIn.cssStyleSeparator || " " : "";
+      const sep = configIn.cssStyleSeparator || "";
       if (cssRuleSets.push(declarationsToRuleSet(declarations)), fontDeclarations)
@@ -80,0 +80,0 @@ for (const key in fontDeclarations) {

dist/esm/createTamagui.native.js

@@ -79,3 +79,3 @@ import { isWeb } from "@tamagui/constants";
       }
-      const sep = process.env.NODE_ENV === "development" ? configIn.cssStyleSeparator || " " : "";
+      const sep = configIn.cssStyleSeparator || "";
       if (cssRuleSets.push(declarationsToRuleSet2(declarations)), fontDeclarations)
@@ -82,0 +82,0 @@ for (const key in fontDeclarations) {

dist/esm/helpers/getSplitStyles.js

@@ -32,3 +32,3 @@ import {
 import { getGroupPropParts } from "./getGroupPropParts";
-import { generateAtomicStyles, getStylesAtomic, styleToCSS } from "./getStylesAtomic";
+import { getStyleAtomic, getStylesAtomic, styleToCSS } from "./getStylesAtomic";
 import {
@@ -268,3 +268,3 @@ insertStyleRules,
         if (shouldDoClasses && !isExit) {
-          const pseudoStyles = generateAtomicStyles(pseudoStyleObject, descriptor);
+          const pseudoStyles = getStyleAtomic(pseudoStyleObject, descriptor);
           process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), log({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
@@ -354,3 +354,3 @@ for (const psuedoStyle of pseudoStyles) {
           }
-          const mediaStyles = getStylesAtomic(mediaStyle, debug), priority = mediaStylesSeen;
+          const mediaStyles = getStylesAtomic(mediaStyle), priority = mediaStylesSeen;
           mediaStylesSeen += 1;
@@ -459,3 +459,3 @@ for (const style of mediaStyles) {
     if (!styleState.style.$$css) {
-      const atomic = getStylesAtomic(styleState.style, debug);
+      const atomic = getStylesAtomic(styleState.style);
       for (const atomicStyle of atomic) {
@@ -462,0 +462,0 @@ const key = atomicStyle.property, isAnimatedAndAnimateOnly = styleProps.isAnimated && styleProps.noClassNames && (!props.animateOnly || props.animateOnly.includes(key)), nonAnimatedAnimateOnly = !isAnimatedAndAnimateOnly && !styleProps.isAnimated && props.animateOnly?.includes(key);

dist/esm/helpers/getSplitStyles.native.js

@@ -36,3 +36,3 @@ import {
 import { getGroupPropParts } from "./getGroupPropParts";
-import { generateAtomicStyles, getStylesAtomic, styleToCSS } from "./getStylesAtomic";
+import { getStyleAtomic, getStylesAtomic, styleToCSS } from "./getStylesAtomic";
 import "./insertStyleRule";
@@ -233,3 +233,3 @@ import { isObj } from "./isObj";
         if (shouldDoClasses && !isExit) {
-          const pseudoStyles = generateAtomicStyles(pseudoStyleObject, descriptor);
+          const pseudoStyles = getStyleAtomic(pseudoStyleObject, descriptor);
           process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), log({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
@@ -312,3 +312,3 @@ for (const psuedoStyle of pseudoStyles) {
           }
-          const mediaStyles = getStylesAtomic(mediaStyle, debug), priority = mediaStylesSeen;
+          const mediaStyles = getStylesAtomic(mediaStyle), priority = mediaStylesSeen;
           mediaStylesSeen += 1;
@@ -315,0 +315,0 @@ for (const style of mediaStyles) {

dist/esm/helpers/getStylesAtomic.js

@@ -5,37 +5,45 @@ import { simpleHash } from "@tamagui/helpers";
 import { normalizeValueWithProperty } from "./normalizeValueWithProperty";
-import { pseudoDescriptors, pseudoDescriptorsBase } from "./pseudoDescriptors";
+import { pseudoDescriptors } from "./pseudoDescriptors";
 import { normalizeColor } from "./normalizeColor";
 import { transformsToString } from "./transformsToString";
-function getStylesAtomic(stylesIn, debug) {
-  const res = [];
-  for (const pseudoName in pseudoDescriptorsBase) {
-    const pseudoStyle = stylesIn[pseudoName];
-    pseudoStyle && res.push(...generateAtomicStyles(pseudoStyle, pseudoDescriptorsBase[pseudoName]));
+function getStylesAtomic(style) {
+  styleToCSS(style);
+  const out = [];
+  for (const key in style) {
+    const val = style[key];
+    if (key in pseudoDescriptors)
+      val && out.push(...getStyleAtomic(val, pseudoDescriptors[key]));
+    else {
+      const so = getStyleObject(style, key);
+      so && out.push(so);
+    }
   }
-  return res.push(...generateAtomicStyles(stylesIn)), process.env.NODE_ENV === "development" && debug === "verbose" && console.info(" \u{1FAAE} getStylesAtomic", { stylesIn, res }), res;
+  return out;
 }
-let conf;
-const generateAtomicStyles = (style, pseudo) => {
-  if (!style)
-    return [];
-  conf = conf || getConfig(), styleToCSS(style);
+const getStyleAtomic = (style, pseudo) => {
+  styleToCSS(style);
   const out = [];
   for (const key in style) {
-    if (key in pseudoDescriptors)
-      continue;
-    let val = style[key];
-    if (val == null)
-      continue;
-    key === "transform" && Array.isArray(style.transform) && (val = transformsToString(val));
-    const value = normalizeValueWithProperty(val, key), hash = simpleHash(`${value}`), pseudoPrefix = pseudo ? `0${pseudo.name}-` : "", identifier = `_${conf.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`, rules = createAtomicRules(identifier, key, value, pseudo), styleObject = {
-      property: key,
-      pseudo: pseudo?.name,
-      identifier,
-      rules,
-      value
-    };
-    out.push(styleObject);
+    const so = getStyleObject(style, key, pseudo);
+    so && out.push(so);
   }
   return out;
 };
+let conf;
+const getStyleObject = (style, key, pseudo) => {
+  let val = style[key];
+  if (val == null)
+    return;
+  key === "transform" && Array.isArray(style.transform) && (val = transformsToString(val));
+  const value = normalizeValueWithProperty(val, key), hash = simpleHash(`${value}`), pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
+  conf ||= getConfig();
+  const identifier = `_${conf.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`, rules = createAtomicRules(identifier, key, value, pseudo);
+  return {
+    property: key,
+    pseudo: pseudo?.name,
+    identifier,
+    rules,
+    value
+  };
+};
 function styleToCSS(style) {
@@ -116,7 +124,7 @@ const { shadowOffset, shadowRadius, shadowColor, shadowOpacity } = style;
   }
-  return pseudo?.name === "hover" && (rules = rules.map((r) => `@media (hover) { ${r} }`)), rules;
+  return pseudo?.name === "hover" && (rules = rules.map((r) => `@media (hover) {${r}}`)), rules;
 }
 const boxNone = createDeclarationBlock([["pointerEvents", "auto"]], !0), boxOnly = createDeclarationBlock([["pointerEvents", "none"]], !0);
 export {
-  generateAtomicStyles,
+  getStyleAtomic,
   getStylesAtomic,
@@ -123,0 +131,0 @@ styleToCSS

dist/esm/helpers/getStylesAtomic.native.js

 const empty = () => {
   console.warn("no-op native");
-}, getStylesAtomic = empty, generateAtomicStyles = empty, getAtomicStyle = empty, styleToCSS = empty;
+}, getStylesAtomic = empty, getStyleAtomic = empty, styleToCSS = empty;
 export {
-  generateAtomicStyles,
-  getAtomicStyle,
+  getStyleAtomic,
   getStylesAtomic,
@@ -8,0 +7,0 @@ styleToCSS

dist/esm/helpers/getThemeCSSRules.js

@@ -58,3 +58,3 @@ import { simpleHash } from "@tamagui/helpers";
           ([k, v]) => v ? `${k === "backgroundColor" ? "background" : k}:${variableToString(v)}` : []
-        ).join(";"), css2 = `${selectionSelectors} {${styles}}`;
+        ).join(";"), css2 = `${selectionSelectors}{${styles}}`;
         cssRuleSets.push(css2);
@@ -61,0 +61,0 @@ }

package.json

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

src/createTamagui.ts

@@ -146,5 +146,3 @@ import { isWeb } from '@tamagui/constants'
 
-      const sep =
-        process.env.NODE_ENV === 'development' ? configIn.cssStyleSeparator || ' ' : ''
-
+      const sep = configIn.cssStyleSeparator || ''
       function declarationsToRuleSet(decs: string[], selector = '') {
@@ -151,0 +149,0 @@ return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`

src/helpers/getStylesAtomic.native.ts

@@ -6,4 +6,3 @@ const empty = () => {
 export const getStylesAtomic = empty
-export const generateAtomicStyles = empty
-export const getAtomicStyle = empty
+export const getStyleAtomic = empty
 export const styleToCSS = empty

src/helpers/getStylesAtomic.ts

@@ -20,60 +20,65 @@ /**
 
-export function getStylesAtomic(stylesIn: ViewStyleWithPseudos, debug?: DebugProp) {
-  const res: StyleObject[] = []
-  for (const pseudoName in pseudoDescriptorsBase) {
-    const pseudoStyle = stylesIn[pseudoName]
-    if (pseudoStyle) {
-      res.push(...generateAtomicStyles(pseudoStyle, pseudoDescriptorsBase[pseudoName]))
+export function getStylesAtomic(style: ViewStyleWithPseudos) {
+  styleToCSS(style)
+  const out: StyleObject[] = []
+  for (const key in style) {
+    const val = style[key]
+    if (key in pseudoDescriptors) {
+      if (val) {
+        out.push(...getStyleAtomic(val, pseudoDescriptors[key]))
+      }
+    } else {
+      const so = getStyleObject(style, key)
+      if (so) {
+        out.push(so)
+      }
     }
   }
-  res.push(...generateAtomicStyles(stylesIn))
-
-  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
-    console.info(` 🪮 getStylesAtomic`, { stylesIn, res })
-  }
-  return res
+  return out
 }
 
-let conf: TamaguiInternalConfig
-
-export const generateAtomicStyles = (
+export const getStyleAtomic = (
   style: ViewStyleWithPseudos,
   pseudo?: PseudoDescriptor
 ): StyleObject[] => {
-  if (!style) return []
-
-  conf = conf || getConfig()
-
   styleToCSS(style)
-
   const out: StyleObject[] = []
   for (const key in style) {
-    if (key in pseudoDescriptors) continue
-    let val = style[key]
-    if (val == null) continue
-
-    // transform
-    if (key === 'transform' && Array.isArray(style.transform)) {
-      val = transformsToString(val)
+    const so = getStyleObject(style, key, pseudo)
+    if (so) {
+      out.push(so)
     }
-
-    const value = normalizeValueWithProperty(val, key)
-    const hash = simpleHash(`${value}`)
-    const pseudoPrefix = pseudo ? `0${pseudo.name}-` : ''
-    const shortProp = conf.inverseShorthands[key] || key
-    const identifier = `_${shortProp}-${pseudoPrefix}${hash}`
-    const rules = createAtomicRules(identifier, key, value, pseudo)
-    const styleObject: StyleObject = {
-      property: key,
-      pseudo: pseudo?.name as any,
-      identifier,
-      rules,
-      value,
-    }
-    out.push(styleObject)
   }
-
   return out
 }
 
+let conf: TamaguiInternalConfig
+
+const getStyleObject = (
+  style: ViewStyleWithPseudos,
+  key: string,
+  pseudo?: PseudoDescriptor
+): StyleObject | undefined => {
+  let val = style[key]
+  if (val == null) return
+  // transform
+  if (key === 'transform' && Array.isArray(style.transform)) {
+    val = transformsToString(val)
+  }
+  const value = normalizeValueWithProperty(val, key)
+  const hash = simpleHash(`${value}`)
+  const pseudoPrefix = pseudo ? `0${pseudo.name}-` : ''
+  conf ||= getConfig()
+  const shortProp = conf.inverseShorthands[key] || key
+  const identifier = `_${shortProp}-${pseudoPrefix}${hash}`
+  const rules = createAtomicRules(identifier, key, value, pseudo)
+  return {
+    property: key,
+    pseudo: pseudo?.name as any,
+    identifier,
+    rules,
+    value,
+  }
+}
+
 export function styleToCSS(style: Record<string, any>) {
@@ -220,3 +225,3 @@ // box-shadow
   if (pseudo?.name === 'hover') {
-    rules = rules.map((r) => `@media (hover) { ${r} }`)
+    rules = rules.map((r) => `@media (hover) {${r}}`)
   }
@@ -223,0 +228,0 @@

src/helpers/getThemeCSSRules.ts

@@ -165,3 +165,3 @@ import { simpleHash } from '@tamagui/helpers'
           .join(';')
-        const css = `${selectionSelectors} {${styles}}`
+        const css = `${selectionSelectors}{${styles}}`
         cssRuleSets.push(css)
@@ -168,0 +168,0 @@ }

types/helpers/getStylesAtomic.d.ts

@@ -6,7 +6,7 @@ /**
 import type { StyleObject } from '@tamagui/helpers';
-import type { DebugProp, ViewStyleWithPseudos } from '../types';
+import type { ViewStyleWithPseudos } from '../types';
 import type { PseudoDescriptor } from './pseudoDescriptors';
-export declare function getStylesAtomic(stylesIn: ViewStyleWithPseudos, debug?: DebugProp): StyleObject[];
-export declare const generateAtomicStyles: (style: ViewStyleWithPseudos, pseudo?: PseudoDescriptor) => StyleObject[];
+export declare function getStylesAtomic(style: ViewStyleWithPseudos): StyleObject[];
+export declare const getStyleAtomic: (style: ViewStyleWithPseudos, pseudo?: PseudoDescriptor) => StyleObject[];
 export declare function styleToCSS(style: Record<string, any>): void;
 //# sourceMappingURL=getStylesAtomic.d.ts.map

types/helpers/getStylesAtomic.native.d.ts

 export declare const getStylesAtomic: () => void;
-export declare const generateAtomicStyles: () => void;
-export declare const getAtomicStyle: () => void;
+export declare const getStyleAtomic: () => void;
 export declare const styleToCSS: () => void;
 //# sourceMappingURL=getStylesAtomic.native.d.ts.map

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

Lines of code

38273

increased by0.06%

Number of low supply chain risk alerts

588

decreased by-1.34%

Worsened metrics

Total package byte prevSize

2150157

decreased by-0.07%

Dependency changes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Updated@tamagui/compose-refs@1.89.25

• Updated@tamagui/constants@1.89.25

• Updated@tamagui/helpers@1.89.25

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

• Updated@tamagui/timer@1.89.25

• Updated@tamagui/types@1.89.25

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

• Updated@tamagui/use-event@1.89.25

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