@tamagui/web 3.0.18 → 3.1.0

package/src/helpers/getSplitStyles.tsx

@@ -111,11 +111,14 @@ export type {
   StyleTokenBinding,
   StyleTokenProvenance,
 } from './styleProvenance'
+
+const isProd = process.env.NODE_ENV === 'production'
 export { styleOriginalValues }
 
 export type SplitStyles = ReturnType<typeof getSplitStyles>
 
 const shouldTrackStyleTokenProvenance =
+  !isProd &&
   process.env.NODE_ENV === 'development' &&
   process.env.TAMAGUI_ENABLE_STYLE_TOKEN_PROVENANCE === '1'
 export type SplitStyleResult = ReturnType<typeof getSplitStyles>
@@ -185,7 +188,7 @@ function createCondition(parent?: Condition | null): Condition {
 
 function setConditionUnresolved(condition: Condition, name = '') {
   condition[conditionValue] &= ~conditionResolvedFlag
-  if (process.env.NODE_ENV !== 'production') condition.problem ||= name
+  if (!isProd && process.env.NODE_ENV !== 'production') condition.problem ||= name
 }
 
 function appendConditionWrapper(condition: Condition, wrapper: string) {
@@ -273,6 +276,7 @@ function resolveConditionModifier(
     const component = state.componentState.group?.[groupName]
     const context = state.flatGroupContext?.[groupName]
     if (
+      !isProd &&
       process.env.NODE_ENV === 'development' &&
       containerName &&
       !component &&
@@ -368,7 +372,7 @@ function commitCondition(condition: Condition): number {
   const ranks = condition[conditionRanks]
   const depth = ranks.length
   if (depth > 5) {
-    if (process.env.NODE_ENV !== 'production') {
+    if (!isProd && process.env.NODE_ENV !== 'production') {
       throw new Error(
         `a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${condition[conditionKey]}:"`
       )
@@ -565,6 +569,7 @@ function contributeProp(
   }
 
   if (
+    !isProd &&
     process.env.NODE_ENV === 'development' &&
     (debug === 'profile' || (globalThis as any).time)
   ) {
@@ -572,7 +577,7 @@ function contributeProp(
     time`before-prop-${keyInit}`
   }
 
-  if (process.env.NODE_ENV === 'test' && keyInit === 'jestAnimatedStyle') {
+  if (!isProd && process.env.NODE_ENV === 'test' && keyInit === 'jestAnimatedStyle') {
     return
   }
 
@@ -619,7 +624,7 @@ function contributeProp(
         if (condition !== undefined) {
           if (isValidStyleKey(property, validStyles)) {
             contributeValue(styleState, property, entry[1], undefined, false, condition)
-          } else if (process.env.NODE_ENV === 'development') {
+          } else if (!isProd && process.env.NODE_ENV === 'development') {
             console.warn(
               `[tamagui] "${property}" is not a valid style on this component; the frontend value is dropped.`
             )
@@ -645,7 +650,7 @@ function contributeProp(
           ? resolveClassName(candidate, conf, sink)
           : true
         if (preserveRaw === null) {
-          if (process.env.NODE_ENV === 'development') {
+          if (!isProd && process.env.NODE_ENV === 'development') {
             warnOnce(
               `[tamagui] frontend candidate "${candidate}" is unavailable on this platform and was dropped.`
             )
@@ -829,7 +834,7 @@ function contributeProp(
     }
   }
 
-  if (process.env.NODE_ENV === 'development') {
+  if (!isProd && process.env.NODE_ENV === 'development') {
     if (
       !isValidStyleKey(keyInit, validStyles) &&
       (keyInit === 'animation' || !(keyInit in stylePropsAll)) &&
@@ -942,7 +947,7 @@ function contributeProp(
     !styledContextKeys?.has(keyInit) &&
     !(styledContext && keyInit in styledContext)
   ) {
-    if (process.env.NODE_ENV === 'development') {
+    if (!isProd && process.env.NODE_ENV === 'development') {
       warnOnce(
         `variant-non-style:${keyInit}`,
         `a variant set "${keyInit}", which is not a style. Variants hold styles and aria/data attributes only: set "${keyInit}" on the component one level up.`
@@ -1020,7 +1025,7 @@ function contributeProp(
 
   const shouldPassThrough = shouldPassProp || isHOCShouldPassThrough
 
-  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
+  if (!isProd && process.env.NODE_ENV === 'development' && debug === 'verbose') {
     // console.groupEnd() // react native was not nesting right
     console.groupCollapsed(
       `  🔑 ${keyOg}${
@@ -1044,7 +1049,7 @@ function contributeProp(
     if (keyInit in viewProps) delete viewProps[keyInit]
     viewProps[keyInit] = valInit
 
-    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
+    if (!isProd && process.env.NODE_ENV === 'development' && debug === 'verbose') {
       console.groupEnd()
     }
 
@@ -1067,7 +1072,7 @@ function contributeProp(
         !getTransitionResolver()?.resolve(valInit, { animations: driverAnimations }).fused
       )
     ) {
-      if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
+      if (!isProd && process.env.NODE_ENV === 'development' && debug === 'verbose') {
         console.groupEnd()
       }
       return
@@ -1158,7 +1163,7 @@ function contributeProp(
           : { default: previous }
       transport[condition[conditionKey]] = valInit
       viewProps[keyInit] = transport
-    } else if (process.env.NODE_ENV === 'development') {
+    } else if (!isProd && process.env.NODE_ENV === 'development') {
       console.warn(
         `[tamagui] "${keyInit}" is not a valid style on this component; the conditional variant value is dropped.`
       )
@@ -1168,7 +1173,11 @@ function contributeProp(
 
   if (keyInit in stylePropsAll || isRemovedVendorStyleProp(keyInit)) {
     // shared css authoring intentionally drops unsupported keys on native.
-    if (process.env.NODE_ENV === 'development' && process.env.TAMAGUI_TARGET === 'web') {
+    if (
+      !isProd &&
+      process.env.NODE_ENV === 'development' &&
+      process.env.TAMAGUI_TARGET === 'web'
+    ) {
       console.warn(
         `[tamagui] "${keyInit}" is a text style prop and this component is not text — it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`
       )
@@ -1177,7 +1186,7 @@ function contributeProp(
   }
   viewProps[keyInit] = valInit
 
-  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
+  if (!isProd && process.env.NODE_ENV === 'development' && debug === 'verbose') {
     try {
       log(` ✔️ expand complete`, keyInit)
       log('style', { ...styleState.style })
@@ -1266,6 +1275,7 @@ export const getSplitStyles: StyleSplitter = (
         : validStylesView)
 
   if (
+    !isProd &&
     process.env.NODE_ENV === 'development' &&
     (debug === 'profile' || (globalThis as any).time)
   ) {
@@ -1311,6 +1321,7 @@ export const getSplitStyles: StyleSplitter = (
   }
 
   if (
+    !isProd &&
     process.env.NODE_ENV === 'development' &&
     (debug === 'profile' || (globalThis as any).time)
   ) {
@@ -1318,7 +1329,12 @@ export const getSplitStyles: StyleSplitter = (
     time`style-state`
   }
 
-  if (process.env.NODE_ENV === 'development' && debug === 'verbose' && isClient) {
+  if (
+    !isProd &&
+    process.env.NODE_ENV === 'development' &&
+    debug === 'verbose' &&
+    isClient
+  ) {
     if (isDevTools) {
       console.groupCollapsed('🔹 getSplitStyles 👇')
       log({
@@ -1395,7 +1411,7 @@ export const getSplitStyles: StyleSplitter = (
     styledContextKeys,
     stylePassFlags,
     debug,
-    process.env.NODE_ENV === 'development' ? parentStaticConfig : undefined,
+    !isProd && process.env.NODE_ENV === 'development' ? parentStaticConfig : undefined,
     defaultProps,
     driverAnimations,
     driverOutputStyle,
@@ -1523,6 +1539,7 @@ export const getSplitStyles: StyleSplitter = (
   }
 
   if (
+    !isProd &&
     process.env.NODE_ENV === 'development' &&
     (debug === 'profile' || (globalThis as any).time)
   ) {
@@ -1714,7 +1731,12 @@ export const getSplitStyles: StyleSplitter = (
           delete style.fontStyle
         }
       }
-      if (process.env.NODE_ENV === 'development' && debug && debug !== 'profile') {
+      if (
+        !isProd &&
+        process.env.NODE_ENV === 'development' &&
+        debug &&
+        debug !== 'profile'
+      ) {
         log(`Found fontFamily native: ${style.fontFamily}`, faceInfo)
       }
     }
@@ -1724,6 +1746,7 @@ export const getSplitStyles: StyleSplitter = (
   }
 
   if (
+    !isProd &&
     process.env.NODE_ENV === 'development' &&
     (debug === 'profile' || (globalThis as any).time)
   ) {
@@ -1897,7 +1920,7 @@ export const getSplitStyles: StyleSplitter = (
     }
   }
 
-  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
+  if (!isProd && process.env.NODE_ENV === 'development' && debug === 'verbose') {
     if (isClient && isDevTools) {
       // end collapsed log above
       console.groupEnd()
@@ -1927,6 +1950,7 @@ export const getSplitStyles: StyleSplitter = (
   }
 
   if (
+    !isProd &&
     process.env.NODE_ENV === 'development' &&
     (debug === 'profile' || (globalThis as any).time)
   ) {
@@ -2698,7 +2722,7 @@ function emitUnderCondition(
 ): number {
   const condition = cursor[conditionValue]
   if (!(condition & conditionResolvedFlag)) {
-    if (warnMode && process.env.NODE_ENV !== 'production') {
+    if (warnMode && !isProd && process.env.NODE_ENV !== 'production') {
       warnRefusedValue(property!, warnSource, `unknown modifier "${cursor.problem}"`)
     }
     return 0
@@ -2744,7 +2768,7 @@ const warnScanFailure = (
   failure: string | undefined | null,
   failureIndex: number
 ) => {
-  if (process.env.NODE_ENV === 'development') {
+  if (!isProd && process.env.NODE_ENV === 'development') {
     warnRefusedValue(property, source, formatScanFailure(failure, source, failureIndex))
   }
 }
@@ -2904,7 +2928,7 @@ function configuredValue(
     }
   }
 
-  if (process.env.NODE_ENV === 'development') {
+  if (!isProd && process.env.NODE_ENV === 'development') {
     const category =
       grammar.tokenCategory(property) ||
       grammar.tokenCategory(state.conf.shorthands[property] || property)
@@ -3172,7 +3196,7 @@ function emitProperty(
     !condition &&
     property === 'transform'
   ) {
-    if (process.env.NODE_ENV === 'development' && state.transformAccumulator) {
+    if (!isProd && process.env.NODE_ENV === 'development' && state.transformAccumulator) {
       for (const part of getTransformPartKeys(state.transformAccumulator)) {
         warnOnce(
           `legacy transform part "${part}" is dropped because "transform" owns the property`
@@ -3243,7 +3267,7 @@ function emitBorder(
     process.env.TAMAGUI_TARGET === 'native' &&
     (property === 'borderBlock' || property === 'borderInline')
   ) {
-    if (process.env.NODE_ENV === 'development') {
+    if (!isProd && process.env.NODE_ENV === 'development') {
       warnOnce(`RN has no logical border shorthand "${property}"; dropping it`)
     }
     return
@@ -3524,7 +3548,7 @@ function emitValue(
       return
     }
     if (process.env.TAMAGUI_TARGET === 'native') {
-      if (process.env.NODE_ENV === 'development') {
+      if (!isProd && process.env.NODE_ENV === 'development') {
         warnOnce(`native background cannot represent "${raw}"; dropping it`)
       }
       return
@@ -3550,7 +3574,7 @@ function emitValue(
         !isFinite(numericUnitValue(value, 'deg', 'rad')) &&
         (process.env.TAMAGUI_TARGET === 'native' || !startsValueFunction(value))
       ) {
-        if (process.env.NODE_ENV === 'development') {
+        if (!isProd && process.env.NODE_ENV === 'development') {
           warnOnce(
             `native transform "${property}" cannot represent "${value}"; dropping it`
           )
@@ -3810,7 +3834,7 @@ export function walkConditionalValue(
   if (typeof value === 'string') {
     const parsed = getConfigRevisionState(state.conf).parseFlatValue(value)
     const [segments, failure, failureIndex] = parsed
-    if (process.env.NODE_ENV === 'development') {
+    if (!isProd && process.env.NODE_ENV === 'development') {
       const syntax = getSetting('styleValueSyntax')
       if (syntax === 'object') {
         const hasClause =
@@ -3861,6 +3885,7 @@ export function walkConditionalValue(
         )
         hasBase = true
       } else if (
+        !isProd &&
         process.env.NODE_ENV !== 'production' &&
         warnMode &&
         !chainCount &&
@@ -3893,7 +3918,7 @@ export function walkConditionalValue(
       }
       lastPayloadStart = start
       if (start === end) {
-        if (warnMode && process.env.NODE_ENV === 'development') {
+        if (warnMode && !isProd && process.env.NODE_ENV === 'development') {
           warnRefusedValue(property, value, 'a conditional clause has no value')
         }
         continue
@@ -3917,7 +3942,8 @@ export function walkConditionalValue(
         )
       }
     }
-    if (process.env.NODE_ENV !== 'production') lastPayload = value.slice(lastPayloadStart)
+    if (!isProd && process.env.NODE_ENV !== 'production')
+      lastPayload = value.slice(lastPayloadStart)
   } else {
     if (
       !value ||
@@ -3928,7 +3954,7 @@ export function walkConditionalValue(
     ) {
       return false
     }
-    if (process.env.NODE_ENV === 'development') {
+    if (!isProd && process.env.NODE_ENV === 'development') {
       const syntax = getSetting('styleValueSyntax')
       if (syntax === 'string') {
         warnOnce(
@@ -3971,6 +3997,7 @@ export function walkConditionalValue(
 
   if (
     warnMode &&
+    !isProd &&
     process.env.NODE_ENV === 'development' &&
     typeof value === 'string' &&
     !hasBase &&
@@ -4120,7 +4147,7 @@ function contributeValue(
         !isVariable(value) &&
         classifyConditionalObject(value, state)))
   ) {
-    if (process.env.NODE_ENV === 'development') {
+    if (!isProd && process.env.NODE_ENV === 'development') {
       warnOnce(`conditional "${property}" needs its composite property; dropping it`)
     }
     return true

package/src/helpers/getThemeCSSRules.ts

@@ -7,6 +7,8 @@ import { getOrCreateVariable, getOrCreateMutatedVariable } from './registerCSSVa
 import { sortString } from './sortString'
 import { getAuthoredThemeScheme, themeSchemeSelectorPrefix } from './themes'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 const darkLight = ['dark', 'light']
 const lightDark = ['light', 'dark']
 
@@ -30,9 +32,9 @@ export function getThemeCSSRules(props: {
   ) {
     const cssRuleSets: string[] = []
     const { config, themeName, theme, names } = props
-    const whitespace = process.env.NODE_ENV === 'development' ? ' ' : ''
-    const mediaIndent = process.env.NODE_ENV === 'development' ? '\n    ' : ''
-    const mediaClose = process.env.NODE_ENV === 'development' ? '\n  ' : ''
+    const whitespace = !isProd && process.env.NODE_ENV === 'development' ? ' ' : ''
+    const mediaIndent = !isProd && process.env.NODE_ENV === 'development' ? '\n    ' : ''
+    const mediaClose = !isProd && process.env.NODE_ENV === 'development' ? '\n  ' : ''
 
     // special case for SSR
     const hasDarkLight =

package/src/helpers/insertStyleRule.tsx

@@ -10,6 +10,8 @@ import type {
   TokensParsed,
 } from '../types'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 // only cache tamagui styles
 // kept separate: allSelectors stores rule text for inspection, totalSelectorsInserted counts stylesheet insertions
 const scannedCache = new WeakMap<CSSStyleSheet, string>()
@@ -62,7 +64,7 @@ export function scanAllSheets(
   // runtime components still emit styles alongside the config CSS artifact.
   // an island only scans when rebuilding empty client themes from that artifact
   if (process.env.TAMAGUI_RUNTIME !== 'island' || collectThemes) {
-    if (process.env.NODE_ENV === 'test') return
+    if (!isProd && process.env.NODE_ENV === 'test') return
     if (process.env.TAMAGUI_TARGET !== 'web') return
     if (typeof document === 'undefined') return
 
@@ -405,7 +407,7 @@ export function insertStyleRules(rulesToInsert: RulesToInsert) {
         sheet.insertRule(rule, sheet.cssRules.length)
       }
     } catch (err) {
-      if (process.env.NODE_ENV === 'development') {
+      if (!isProd && process.env.NODE_ENV === 'development') {
         const rule = rules[0] || ''
         const selectorEnd = rule.indexOf('{')
         const owner =
@@ -444,7 +446,7 @@ export function shouldInsertStyleRules(identifier: string) {
     return true
   }
   const total = totalSelectorsInserted.get(identifier) || 0
-  if (process.env.NODE_ENV === 'development') {
+  if (!isProd && process.env.NODE_ENV === 'development') {
     if (total > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 10)) {
       console.warn(
         `Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher`

package/src/helpers/log.ts

@@ -1,7 +1,9 @@
 import { _disableMediaTouch } from '../hooks/useMedia'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 export function log(...args: any[]) {
-  if (process.env.NODE_ENV === 'development') {
+  if (!isProd && process.env.NODE_ENV === 'development') {
     _disableMediaTouch(true)
     try {
       if (process.env.TAMAGUI_TARGET === 'web') {

package/src/helpers/matchMedia.native.ts

@@ -3,12 +3,14 @@ import { formatDiagnostic } from './formatDiagnostic'
 import { mediaObjectToString } from './mediaObjectToString'
 import { mediaQueryConfig } from './mediaState'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 let matchMediaImpl: MatchMedia = matchMediaFallback
 
 export const matchMedia: MatchMedia = (...args) => matchMediaImpl(...args)
 
 function matchMediaFallback(query: string): MediaQueryList {
-  if (!process.env.IS_STATIC && process.env.NODE_ENV === 'development') {
+  if (!process.env.IS_STATIC && !isProd && process.env.NODE_ENV === 'development') {
     const keys = Object.keys(mediaQueryConfig).filter(
       (key) => mediaObjectToString(mediaQueryConfig[key]) === query
     )
@@ -32,7 +34,7 @@ function matchMediaFallback(query: string): MediaQueryList {
 }
 
 export function setupMatchMedia(_: MatchMedia) {
-  if (process.env.NODE_ENV === 'development') {
+  if (!isProd && process.env.NODE_ENV === 'development') {
     if (typeof _ !== 'function') {
       if (!process.env.IS_STATIC) {
         console.trace(

package/src/helpers/noteOnce.ts

@@ -1,7 +1,8 @@
+const isProd = process.env.NODE_ENV === 'production'
 const noted = new Set<string>()
 
 export function noteOnce(message: string): void {
-  if (process.env.NODE_ENV === 'development' && !noted.has(message)) {
+  if (!isProd && process.env.NODE_ENV === 'development' && !noted.has(message)) {
     if (noted.size > 1000) noted.clear()
     noted.add(message)
     console.warn(message)

package/src/helpers/resolveSafeAreaVariable.native.ts

@@ -1,5 +1,7 @@
 import { getSafeArea } from '@tamagui/native'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 let didWarnMissingSetup = false
 
 export function resolveSafeAreaVariable(name: string): number | undefined {
@@ -11,7 +13,7 @@ export function resolveSafeAreaVariable(name: string): number | undefined {
   const safeArea = getSafeArea()
   const state = safeArea.state
   if (!state.didSetup) {
-    if (process.env.NODE_ENV !== 'production' && !didWarnMissingSetup) {
+    if (!isProd && process.env.NODE_ENV !== 'production' && !didWarnMissingSetup) {
       didWarnMissingSetup = true
       console.warn(
         '[tamagui] safe-area variables on native require importing @tamagui/native/setup-safe-area and wrapping the app in the SafeAreaProvider from react-native-safe-area-context.'

package/src/helpers/resolveSizing.ts

@@ -9,6 +9,8 @@ import type {
   TokensParsed,
 } from '../types'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 /** the env slice resolveSizing reads: a styled.dynamic env or hand-built */
 export type SizingEnv = {
   sizing: GenericSizing
@@ -149,7 +151,7 @@ export function resolveSizing(
     paddingBlock: toPx(getVariableValue(tokens?.space?.[rung.paddingBlock])),
   }
   if (!Object.values(px).every(Number.isFinite)) {
-    if (process.env.NODE_ENV === 'development') {
+    if (!isProd && process.env.NODE_ENV === 'development') {
       console.warn(
         `[tamagui] size "${name}" references a missing token (fontSize "${rung.fontSize}", controlFontSize "${rung.controlFontSize}", paddingBlock "${rung.paddingBlock}"); resolving to no styles`
       )

package/src/helpers/skipProps.ts

@@ -1,6 +1,8 @@
 import { nativeOnlyProps } from './nativeOnlyProps'
 import { webPropsToSkip } from './webPropsToSkip'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 export const HOC_CLASSNAME_MARKER = 'data-tamagui-hoc-class'
 
 /**
@@ -24,11 +26,11 @@ export const skipProps = {
   animatePresence: 1,
 }
 
-if (process.env.NODE_ENV === 'test') {
+if (!isProd && process.env.NODE_ENV === 'test') {
   skipProps['data-test-renders'] = 1
 }
 
-if (process.env.NODE_ENV === 'development') {
+if (!isProd && process.env.NODE_ENV === 'development') {
   skipProps['__tamaguiStyleDebugReceipt'] = 1
 }
 

package/src/helpers/styledDynamic.ts

@@ -12,6 +12,8 @@ import type {
 } from '../types'
 import { styledDynamicSymbol } from '../types'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 // built per call: insertFont adds variants to the same fonts object, and a
 // language without a variant for a font keeps that font
 export function getFontsForLanguage(fonts: GenericFonts, language: LanguageContextType) {
@@ -143,7 +145,7 @@ export function styledDynamic<Val>(
 ): StyledDynamicFn<Val>
 export function styledDynamic(fn?: any) {
   if (!fn) return bareStyledDynamic
-  if (process.env.NODE_ENV === 'development') validateDynamicShape(fn)
+  if (!isProd && process.env.NODE_ENV === 'development') validateDynamicShape(fn)
   fn[styledDynamicSymbol] = true
   return fn
 }

package/src/helpers/subscribeToContextGroup.tsx

@@ -3,6 +3,8 @@ import { useRef } from 'react'
 import { getMediaState } from '../hooks/useMedia'
 import type { ComponentSetStateShallow, DisposeFn, AllGroupContexts } from '../types'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 type SubscribeToContextGroupProps = {
   setStateShallow: ComponentSetStateShallow
   pseudoGroups?: Set<string>
@@ -42,7 +44,7 @@ const setsEqual = (a: Set<string> | undefined, b: Set<string> | undefined) => {
 export const subscribeToContextGroup = (props: SubscribeToContextGroupProps) => {
   const { pseudoGroups, mediaGroups, groupContext } = props
   if (pseudoGroups || mediaGroups) {
-    if (process.env.NODE_ENV === 'development' && !groupContext) {
+    if (!isProd && process.env.NODE_ENV === 'development' && !groupContext) {
       console.debug(`No context group found`)
     }
 

package/src/helpers/variableValue.ts

@@ -1,6 +1,8 @@
 import type { TokensParsed, Variable } from '../types'
 import { warnOnce } from './warnOnce'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 const unitlessSuffixes = [
   'opacity',
   'scale',
@@ -24,7 +26,7 @@ export const findVariableToken = (
   tokensParsed: TokensParsed,
   name: string
 ): Variable | undefined => {
-  if (process.env.NODE_ENV === 'development') {
+  if (!isProd && process.env.NODE_ENV === 'development') {
     let found: Variable | undefined
     let foundCategory: string | undefined
     for (const category of tokenCategoryOrder) {

package/src/helpers/variables.ts

@@ -23,6 +23,8 @@ import type {
   VariableValIn,
 } from '../types'
 
+const isProd = process.env.NODE_ENV === 'production'
+
 export type InlineValues = {
   values?: { [Key in ThemeKeys]?: VariableValIn }
   themes?: {
@@ -42,7 +44,7 @@ export const getThemeKeySet = (conf: TamaguiInternalConfig): Set<string> => {
       set.add(key)
     }
   }
-  if (process.env.NODE_ENV === 'development') {
+  if (!isProd && process.env.NODE_ENV === 'development') {
     // <ThemeUpdate> reads every non-reserved prop as a theme key, so a theme key or
     // config variable sharing a name with one of Theme's own props could never
     // be set inline. Caught once per config, at the source.
@@ -251,7 +253,7 @@ const getCycleDroppedKeys = (props: InlineValues): Set<string> | null => {
     checkWithSchemes(merged)
   }
 
-  if (dropped && process.env.NODE_ENV === 'development') {
+  if (dropped && !isProd && process.env.NODE_ENV === 'development') {
     const names = [...dropped]
     warnOnce(
       `cycle:${names.join(',')}`,
@@ -292,7 +294,7 @@ export function getVariablesCSSRules(
   // within a prefix chain (blue, blue_surface1) the more specific name wins
   const themed: [string, ResolvedDeclarations][] = []
   for (const name of getThemedBucketNames(props.themes)) {
-    if (process.env.NODE_ENV === 'development') {
+    if (!isProd && process.env.NODE_ENV === 'development') {
       warnOnUnknownThemeBucket(name, conf)
     }
     const declarations = resolveDeclarations(themes![name], conf, cycleDropped)
@@ -708,7 +710,7 @@ export function getMergedInlineTheme(
   if (bucketNames.length) {
     const baseName = name.replace(schemePrefix, '')
     for (const bucketName of bucketNames) {
-      if (process.env.NODE_ENV === 'development') {
+      if (!isProd && process.env.NODE_ENV === 'development') {
         warnOnUnknownThemeBucket(bucketName, conf)
       }
       if (baseName === bucketName || baseName.startsWith(`${bucketName}_`)) {

package/src/helpers/warnOnce.ts

@@ -1,3 +1,4 @@
+const isProd = process.env.NODE_ENV === 'production'
 // One development warning per key, for the whole runtime.
 //
 // The set is BOUNDED rather than trusted to stay small, and that bound is what
@@ -12,10 +13,10 @@
 // signal back at a fixed cost. Past it the console already holds hundreds of
 // distinct warnings and one more is not what is missing.
 const warnLimit = 500
-const warned = process.env.NODE_ENV !== 'production' ? new Set<string>() : null
+const warned = !isProd && process.env.NODE_ENV !== 'production' ? new Set<string>() : null
 
 export function warnOnce(key: string, message = key) {
-  if (process.env.NODE_ENV === 'development') {
+  if (!isProd && process.env.NODE_ENV === 'development') {
     if (warned?.has(key) || (warned?.size ?? 0) >= warnLimit) return
     warned?.add(key)
     console.warn(`[tamagui] ${message}`)
@@ -23,7 +24,7 @@ export function warnOnce(key: string, message = key) {
 }
 
 export function resetWarned() {
-  if (process.env.NODE_ENV !== 'production') {
+  if (!isProd && process.env.NODE_ENV !== 'production') {
     warned?.clear()
   }
 }