@tamagui/web 1.9.13 → 1.9.15

package/dist/cjs/createTokens.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createTokens.ts"],
-  "sourcesContent": ["import { Variable } from './createVariable.js'\nimport { createVariables } from './createVariables.js'\nimport { CreateTokens } from './types.js'\n\n// tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }\nexport function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {\n  return createVariables(tokens) as any\n}\n\n// verbose but gives us nice types...\ntype MakeTokens<T> = T extends {\n  color: infer E\n  space: infer F\n  size: infer G\n  radius: infer H\n  zIndex: infer J\n}\n  ? {\n      color: {\n        // removes $ prefix allowing for defining either as $1: or 1:,\n        // which is important because Chrome re-orders numerical-seeming keys :/\n        [Key in keyof E extends `$${infer X}` ? X : keyof E]: Variable<string>\n      }\n      space: {\n        [Key in keyof F extends `$${infer X}` ? X : keyof F]: Variable<number>\n      }\n      size: {\n        [Key in keyof G extends `$${infer X}` ? X : keyof G]: Variable<number>\n      }\n      radius: {\n        [Key in keyof H extends `$${infer X}` ? X : keyof H]: Variable<number>\n      }\n      zIndex: {\n        [Key in keyof J extends `$${infer X}` ? X : keyof J]: Variable<number>\n      }\n    }\n  : never\n\n// test\nconst tokens = createTokens({\n  size: { 0: 1 },\n  space: { 0: 1 },\n  radius: { 0: 1 },\n  zIndex: { 0: 1 },\n  color: { 0: 'hi' },\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAgC;AAIzB,SAAS,aAAqCA,SAA0B;AAC7E,aAAO,wCAAgBA,OAAM;AAC/B;AAgCA,MAAM,SAAS,aAAa;AAAA,EAC1B,MAAM,EAAE,GAAG,EAAE;AAAA,EACb,OAAO,EAAE,GAAG,EAAE;AAAA,EACd,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,OAAO,EAAE,GAAG,KAAK;AACnB,CAAC;",
+  "sourcesContent": ["import { Variable } from './createVariable.js'\nimport { createVariables } from './createVariables.js'\nimport { CreateTokens } from './types.js'\n\n// tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }\nexport function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {\n  return createVariables(tokens) as any\n}\n\n// verbose but gives us nice types...\ntype MakeTokens<T> = T extends {\n  color: infer E\n  space: infer F\n  size: infer G\n  radius: infer H\n  zIndex: infer J\n}\n  ? {\n      color: {\n        // removes $ prefix allowing for defining either as $1: or 1:,\n        // which is important because Chrome re-orders numerical-seeming keys :/\n        [Key in keyof E extends `$${infer X}` ? X : keyof E]: Variable<string>\n      }\n      space: {\n        [Key in keyof F extends `$${infer X}` ? X : keyof F]: Variable<number>\n      }\n      size: {\n        [Key in keyof G extends `$${infer X}` ? X : keyof G]: Variable<number>\n      }\n      radius: {\n        [Key in keyof H extends `$${infer X}` ? X : keyof H]: Variable<number>\n      }\n      zIndex: {\n        [Key in keyof J extends `$${infer X}` ? X : keyof J]: Variable<number>\n      }\n    }\n  : never\n\n// test\n// TODO move to tests\nconst tokens = createTokens({\n  size: { 0: 1 },\n  space: { 0: 1 },\n  radius: { 0: 1 },\n  zIndex: { 0: 1 },\n  color: { 0: 'hi' },\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAgC;AAIzB,SAAS,aAAqCA,SAA0B;AAC7E,aAAO,wCAAgBA,OAAM;AAC/B;AAiCA,MAAM,SAAS,aAAa;AAAA,EAC1B,MAAM,EAAE,GAAG,EAAE;AAAA,EACb,OAAO,EAAE,GAAG,EAAE;AAAA,EACd,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,OAAO,EAAE,GAAG,KAAK;AACnB,CAAC;",
   "names": ["tokens"]
 }

package/dist/cjs/helpers/createPropMapper.js

@@ -45,6 +45,13 @@ const createPropMapper = (staticConfig) => {
     const props = state.fallbackProps || propsIn;
     const returnVariablesAs = getReturnVariablesAs(props, state);
     const fontFamily = props[conf.inverseShorthands.fontFamily] || props.fontFamily || defaultProps.fontFamily || propsIn.fontFamily || "$body";
+    if (process.env.NODE_ENV === "development" && fontFamily && fontFamily[0] === "$" && !(fontFamily in conf.fontsParsed)) {
+      console.warn(
+        `Warning: no fontFamily "${fontFamily}" found in config: ${Object.keys(
+          conf.fontsParsed
+        ).join(", ")}`
+      );
+    }
     const variantValue = resolveVariants(
       key,
       value,

package/dist/cjs/helpers/createPropMapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/createPropMapper.ts"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nimport { getConfig } from '../config.js'\nimport { isDevTools } from '../constants/isDevTools.js'\nimport { Variable, getVariableValue, isVariable } from '../createVariable.js'\nimport type {\n  DebugProp,\n  GenericVariantDefinitions,\n  PropMapper,\n  SplitStyleState,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  VariantSpreadFunction,\n} from '../types.js'\nimport type { LanguageContextType } from '../views/FontLanguage.types.js'\nimport { expandStyle } from './expandStyle.js'\nimport { expandStyles } from './expandStyles.js'\nimport { getFontsForLanguage, getVariantExtras } from './getVariantExtras.js'\nimport { isObj } from './isObj.js'\nimport { mergeProps } from './mergeProps.js'\n\nexport type ResolveVariableTypes =\n  | 'auto'\n  | 'value'\n  | 'variable'\n  | 'both'\n  | 'non-color-value'\n\nexport const getReturnVariablesAs = (props: any, state: Partial<SplitStyleState>) => {\n  return !!props.animation || state.resolveVariablesAs === 'value' ? 'value' : 'auto'\n}\n\nexport const createPropMapper = (staticConfig: StaticConfigParsed) => {\n  const variants = staticConfig.variants || {}\n\n  // temp remove classnames\n  const defaultProps = mergeProps(staticConfig.defaultProps || {}, {}, false)[0]\n\n  let conf: TamaguiInternalConfig\n\n  const mapper: PropMapper = (\n    key,\n    value,\n    theme,\n    propsIn,\n    state,\n    languageContext,\n    avoidDefaultProps = false,\n    debug\n  ) => {\n    conf ||= getConfig()\n\n    const props = state.fallbackProps || propsIn\n    const returnVariablesAs = getReturnVariablesAs(props, state)\n\n    // handled here because we need to resolve this off tokens, its the only one-off like this\n    const fontFamily =\n      props[conf.inverseShorthands.fontFamily] ||\n      props.fontFamily ||\n      defaultProps.fontFamily ||\n      propsIn.fontFamily ||\n      '$body'\n\n    const variantValue = resolveVariants(\n      key,\n      value,\n      props,\n      defaultProps,\n      theme,\n      variants,\n      fontFamily,\n      conf,\n      returnVariablesAs,\n      staticConfig,\n      '',\n      languageContext,\n      avoidDefaultProps,\n      debug\n    )\n\n    if (variantValue) {\n      return variantValue\n    }\n\n    let shouldReturn = value !== undefined && value !== null\n\n    // handle shorthands\n    if (key in conf.shorthands) {\n      shouldReturn = true\n      key = conf.shorthands[key]\n    }\n\n    if (value) {\n      if (value[0] === '$') {\n        value = getToken(\n          key,\n          value,\n          conf,\n          theme,\n          fontFamily,\n          languageContext,\n          returnVariablesAs,\n          debug\n        )\n      } else if (isVariable(value)) {\n        value = resolveVariableValue(key, value, returnVariablesAs)\n      }\n    }\n\n    if (shouldReturn) {\n      return expandStyle(key, value) || [[key, value]]\n    }\n  }\n\n  return mapper\n}\n\ntype StyleResolver = (\n  key: string,\n  value: any,\n  props: Record<string, any>,\n  defaultProps: any,\n  theme: any,\n  variants: GenericVariantDefinitions,\n  fontFamily: string,\n  conf: TamaguiInternalConfig,\n  returnVariablesAs: 'auto' | 'value' | 'non-color-value',\n  staticConfig: StaticConfigParsed,\n  parentVariantKey: string,\n  languageContext?: LanguageContextType,\n  avoidDefaultProps?: boolean,\n  debug?: DebugProp\n) => any\n\nconst resolveVariants: StyleResolver = (\n  key,\n  value,\n  props,\n  defaultProps,\n  theme,\n  variants,\n  fontFamily,\n  conf,\n  returnVariablesAs,\n  staticConfig,\n  parentVariantKey,\n  languageContext,\n  avoidDefaultProps = false,\n  debug\n) => {\n  const variant = variants?.[key]\n  if (!variant || value === undefined) {\n    return\n  }\n\n  let variantValue = getVariantDefinition(variant, key, value, conf)\n\n  if (!variantValue) {\n    // variant at key exists, but no matching variant value, return nothing\n    if (process.env.NODE_ENV === 'development') {\n      if (staticConfig.validStyles?.[key]) {\n        return null\n      }\n      if (typeof value === 'boolean') {\n        // don't warn on missing boolean values, common to only one of true/false\n        return null\n      }\n      const name = staticConfig.componentName || '[UnnamedComponent]'\n      // eslint-disable-next-line no-console\n      console.warn(\n        `No variant found: ${name} has variant \"${key}\", but no matching value \"${value}\"`\n      )\n    }\n    return\n  }\n\n  if (typeof variantValue === 'function') {\n    const fn = variantValue as VariantSpreadFunction<any>\n    variantValue = fn(\n      value,\n      getVariantExtras(props, languageContext, theme, defaultProps, avoidDefaultProps)\n    )\n  }\n\n  let fontFamilyResult: any\n\n  if (isObj(variantValue)) {\n    const fontFamilyUpdate =\n      variantValue.fontFamily || variantValue[conf.inverseShorthands.fontFamily]\n\n    if (fontFamilyUpdate) {\n      fontFamilyResult = getFontFamilyFromNameOrVariable(fontFamilyUpdate, conf)\n    }\n\n    variantValue = resolveTokensAndVariants(\n      key,\n      variantValue,\n      props,\n      defaultProps,\n      theme,\n      variants,\n      fontFamilyResult || fontFamily,\n      conf,\n      returnVariablesAs,\n      staticConfig,\n      parentVariantKey,\n      languageContext,\n      avoidDefaultProps,\n      debug\n    )\n  }\n\n  if (variantValue) {\n    const next = Object.entries(expandStyles(variantValue))\n\n    // store any changed font family (only support variables for now)\n    if (fontFamilyResult && fontFamilyResult[0] === '$') {\n      fontFamilyCache.set(next, getVariableValue(fontFamilyResult))\n    }\n\n    return next\n  }\n}\n\n// handles finding and resolving the fontFamily to the token name\n// this is used as `font_[name]` in className for nice css variable support\nexport function getFontFamilyFromNameOrVariable(input: any, conf: TamaguiInternalConfig) {\n  if (isVariable(input)) {\n    const val = variableToFontNameCache.get(input)\n    if (val) {\n      return val\n    } else {\n      for (const key in conf.fontsParsed) {\n        const familyVariable = conf.fontsParsed[key].family\n        if (isVariable(familyVariable)) {\n          variableToFontNameCache.set(familyVariable, key)\n          if (familyVariable === input) {\n            return key\n          }\n        }\n      }\n    }\n  } else if (typeof input === 'string') {\n    if (input?.[0] === '$') {\n      return input\n    } else {\n      // this could be mapped back to\n      if (process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.log('[tamagui] should map back', input)\n      }\n    }\n  }\n}\n\nconst variableToFontNameCache = new WeakMap<Variable, string>()\n\n// special helper for special font family\nconst fontFamilyCache = new WeakMap()\nexport const getPropMappedFontFamily = (expanded?: any) => {\n  return expanded && fontFamilyCache.get(expanded)\n}\n\nconst resolveTokensAndVariants: StyleResolver = (\n  key, // we dont use key assume value is object instead\n  value,\n  props,\n  defaultProps,\n  theme,\n  variants,\n  fontFamily,\n  conf,\n  returnVariablesAs,\n  staticConfig,\n  parentVariantKey,\n  languageContext,\n  avoidDefaultProps,\n  debug\n) => {\n  const res = {}\n  for (const rKey in value) {\n    const fKey = conf.shorthands[rKey] || rKey\n    const val = value[rKey]\n\n    if (fKey in variants) {\n      // avoids infinite loop if variant is matching a style prop\n      // eg: { variants: { flex: { true: { flex: 2 } } } }\n      if (parentVariantKey && parentVariantKey === key) {\n        res[fKey] = val\n      } else {\n        const variantOut = resolveVariants(\n          fKey,\n          val,\n          props,\n          defaultProps,\n          theme,\n          variants,\n          fontFamily,\n          conf,\n          returnVariablesAs,\n          staticConfig,\n          key,\n          languageContext,\n          avoidDefaultProps,\n          debug\n        )\n\n        const { pressStyle, hoverStyle, focusStyle, enterStyle, exitStyle, ...rest } =\n          Object.fromEntries(variantOut)\n        const subs = { pressStyle, hoverStyle, focusStyle, enterStyle, exitStyle }\n        Object.assign(res, rest)\n        for (const key in subs) {\n          if (subs[key]) {\n            res[key] ??= {}\n            Object.assign(res[key], subs[key])\n          }\n        }\n      }\n      continue\n    }\n\n    if (isVariable(val)) {\n      res[fKey] = !isWeb || returnVariablesAs === 'value' ? val.val : val.variable\n      continue\n    }\n\n    if (typeof val === 'string') {\n      const fVal =\n        val[0] === '$'\n          ? getToken(\n              fKey,\n              val,\n              conf,\n              theme,\n              fontFamily,\n              languageContext,\n              returnVariablesAs,\n              debug\n            )\n          : val\n      res[fKey] = fVal\n      continue\n    }\n\n    if (isObj(val)) {\n      // sub-objects: media queries, pseudos, shadowOffset\n      res[fKey] ??= {}\n      Object.assign(\n        res[fKey],\n        resolveTokensAndVariants(\n          fKey,\n          val,\n          props,\n          defaultProps,\n          theme,\n          variants,\n          fontFamily,\n          conf,\n          returnVariablesAs,\n          staticConfig,\n          key,\n          languageContext,\n          avoidDefaultProps,\n          debug\n        )\n      )\n    } else {\n      // nullish values cant be tokens, need no extra parsing\n      res[fKey] = val\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debug) {\n        if (res[fKey]?.[0] === '$') {\n          // eslint-disable-next-line no-console\n          console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey], theme)\n        }\n      }\n    }\n  }\n\n  return res\n}\n\nconst tokenCats = ['size', 'color', 'radius', 'space', 'zIndex'].map((name) => ({\n  name,\n  spreadName: `...${name}`,\n}))\n\n// goes through specificity finding best matching variant function\nfunction getVariantDefinition(\n  variant: any,\n  key: string,\n  value: any,\n  conf: TamaguiInternalConfig\n) {\n  if (typeof variant === 'function') {\n    return variant\n  }\n  if (variant[value]) {\n    return variant[value]\n  }\n  const { tokensParsed } = conf\n  for (const { name, spreadName } of tokenCats) {\n    if (variant[spreadName] && value in tokensParsed[name]) {\n      return variant[spreadName]\n    }\n  }\n  let fn: any\n  const type = typeof value\n  if (type === 'number') {\n    fn = variant[':number']\n  } else if (type === 'string') {\n    fn = variant[':string']\n  } else if (value === true || value === false) {\n    fn = variant[':boolean']\n  }\n  // fallback to catch all or size\n  return fn || variant['...'] || variant['...size']\n}\n\nconst fontShorthand = {\n  fontSize: 'size',\n  fontWeight: 'weight',\n}\n\nconst getToken = (\n  key: string,\n  value: string,\n  conf: TamaguiInternalConfig,\n  theme: any,\n  fontFamily: string | undefined = '$body',\n  languageContext?: LanguageContextType,\n  resolveAs?: ResolveVariableTypes,\n  debug?: DebugProp\n) => {\n  const tokensParsed = conf.tokensParsed\n  const fontsParsed = languageContext\n    ? getFontsForLanguage(conf.fontsParsed, languageContext)\n    : conf.fontsParsed\n  let valOrVar: any\n  let hasSet = false\n  if (value in theme) {\n    valOrVar = theme[value]\n    hasSet = true\n  } else {\n    switch (key) {\n      case 'fontFamily':\n        valOrVar = fontsParsed[value]?.family || value\n        hasSet = true\n        break\n      case 'fontSize':\n      case 'lineHeight':\n      case 'letterSpacing':\n      case 'fontWeight':\n        valOrVar = fontsParsed[fontFamily]?.[fontShorthand[key] || key]?.[value] || value\n        hasSet = true\n        break\n    }\n    for (const cat in tokenCategories) {\n      if (key in tokenCategories[cat]) {\n        const res = tokensParsed[cat][value]\n        if (res) {\n          valOrVar = res\n          hasSet = true\n        }\n      }\n    }\n    if (!hasSet) {\n      const spaceVar = tokensParsed.space[value]\n      if (spaceVar) {\n        valOrVar = spaceVar\n        hasSet = true\n      }\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && isDevTools && debug === 'verbose') {\n    // eslint-disable-next-line no-console\n    console.log('   \uFE52 propMapper getToken', { key, valOrVar, theme, hasSet })\n  }\n\n  if (hasSet) {\n    return resolveVariableValue(key, valOrVar, resolveAs)\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (value && value[0] === '$') {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `\u26A0\uFE0F You passed the value \"${value}\" to the style property \"${key}\", but there's no theme or token with the key \"${value}\". Using theme \"${theme.name}\".\n\nSet the debug prop to true to see more detailed debug information.`\n      )\n      if (debug) {\n        if (isDevTools) {\n          // eslint-disable-next-line no-console\n          console.log('Looked in:', { theme, tokensParsed, fontsParsed })\n        }\n      }\n      return null\n    }\n  }\n  return value\n}\n\nfunction resolveVariableValue(\n  key: string,\n  valOrVar: Variable | any,\n  resolveAs: ResolveVariableTypes = 'auto'\n) {\n  if (isVariable(valOrVar)) {\n    if (resolveAs === 'variable') {\n      return valOrVar\n    }\n    if (resolveAs === 'non-color-value') {\n      if (isWeb) {\n        if (key in tokenCategories.color) {\n          return valOrVar.variable\n        }\n      }\n      return valOrVar.val\n    }\n    if (!isWeb || resolveAs === 'value') {\n      return valOrVar.val\n    }\n    return valOrVar.variable\n  }\n  return valOrVar\n}\n\n// TODO move to validStyleProps to merge\n\n// just specificy the least costly, all else go to `space` (most keys - we can exclude)\nconst tokenCategories = {\n  radius: {\n    borderRadius: true,\n    borderTopLeftRadius: true,\n    borderTopRightRadius: true,\n    borderBottomLeftRadius: true,\n    borderBottomRightRadius: true,\n  },\n  size: {\n    width: true,\n    height: true,\n    minWidth: true,\n    minHeight: true,\n    maxWidth: true,\n    maxHeight: true,\n  },\n  color: {\n    color: true,\n    backgroundColor: true,\n    borderColor: true,\n    borderBottomColor: true,\n    borderTopColor: true,\n    borderLeftColor: true,\n    borderRightColor: true,\n  },\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nimport { getConfig } from '../config.js'\nimport { isDevTools } from '../constants/isDevTools.js'\nimport { Variable, getVariableValue, isVariable } from '../createVariable.js'\nimport type {\n  DebugProp,\n  GenericVariantDefinitions,\n  PropMapper,\n  SplitStyleState,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  VariantSpreadFunction,\n} from '../types.js'\nimport type { LanguageContextType } from '../views/FontLanguage.types.js'\nimport { expandStyle } from './expandStyle.js'\nimport { expandStyles } from './expandStyles.js'\nimport { getFontsForLanguage, getVariantExtras } from './getVariantExtras.js'\nimport { isObj } from './isObj.js'\nimport { mergeProps } from './mergeProps.js'\n\nexport type ResolveVariableTypes =\n  | 'auto'\n  | 'value'\n  | 'variable'\n  | 'both'\n  | 'non-color-value'\n\nexport const getReturnVariablesAs = (props: any, state: Partial<SplitStyleState>) => {\n  return !!props.animation || state.resolveVariablesAs === 'value' ? 'value' : 'auto'\n}\n\nexport const createPropMapper = (staticConfig: StaticConfigParsed) => {\n  const variants = staticConfig.variants || {}\n\n  // temp remove classnames\n  const defaultProps = mergeProps(staticConfig.defaultProps || {}, {}, false)[0]\n\n  let conf: TamaguiInternalConfig\n\n  const mapper: PropMapper = (\n    key,\n    value,\n    theme,\n    propsIn,\n    state,\n    languageContext,\n    avoidDefaultProps = false,\n    debug\n  ) => {\n    conf ||= getConfig()\n\n    const props = state.fallbackProps || propsIn\n    const returnVariablesAs = getReturnVariablesAs(props, state)\n\n    // handled here because we need to resolve this off tokens, its the only one-off like this\n    const fontFamily =\n      props[conf.inverseShorthands.fontFamily] ||\n      props.fontFamily ||\n      defaultProps.fontFamily ||\n      propsIn.fontFamily ||\n      '$body'\n\n    if (\n      process.env.NODE_ENV === 'development' &&\n      fontFamily &&\n      fontFamily[0] === '$' &&\n      !(fontFamily in conf.fontsParsed)\n    ) {\n      console.warn(\n        `Warning: no fontFamily \"${fontFamily}\" found in config: ${Object.keys(\n          conf.fontsParsed\n        ).join(', ')}`\n      )\n    }\n\n    const variantValue = resolveVariants(\n      key,\n      value,\n      props,\n      defaultProps,\n      theme,\n      variants,\n      fontFamily,\n      conf,\n      returnVariablesAs,\n      staticConfig,\n      '',\n      languageContext,\n      avoidDefaultProps,\n      debug\n    )\n\n    if (variantValue) {\n      return variantValue\n    }\n\n    let shouldReturn = value !== undefined && value !== null\n\n    // handle shorthands\n    if (key in conf.shorthands) {\n      shouldReturn = true\n      key = conf.shorthands[key]\n    }\n\n    if (value) {\n      if (value[0] === '$') {\n        value = getToken(\n          key,\n          value,\n          conf,\n          theme,\n          fontFamily,\n          languageContext,\n          returnVariablesAs,\n          debug\n        )\n      } else if (isVariable(value)) {\n        value = resolveVariableValue(key, value, returnVariablesAs)\n      }\n    }\n\n    if (shouldReturn) {\n      return expandStyle(key, value) || [[key, value]]\n    }\n  }\n\n  return mapper\n}\n\ntype StyleResolver = (\n  key: string,\n  value: any,\n  props: Record<string, any>,\n  defaultProps: any,\n  theme: any,\n  variants: GenericVariantDefinitions,\n  fontFamily: string,\n  conf: TamaguiInternalConfig,\n  returnVariablesAs: 'auto' | 'value' | 'non-color-value',\n  staticConfig: StaticConfigParsed,\n  parentVariantKey: string,\n  languageContext?: LanguageContextType,\n  avoidDefaultProps?: boolean,\n  debug?: DebugProp\n) => any\n\nconst resolveVariants: StyleResolver = (\n  key,\n  value,\n  props,\n  defaultProps,\n  theme,\n  variants,\n  fontFamily,\n  conf,\n  returnVariablesAs,\n  staticConfig,\n  parentVariantKey,\n  languageContext,\n  avoidDefaultProps = false,\n  debug\n) => {\n  const variant = variants?.[key]\n  if (!variant || value === undefined) {\n    return\n  }\n\n  let variantValue = getVariantDefinition(variant, key, value, conf)\n\n  if (!variantValue) {\n    // variant at key exists, but no matching variant value, return nothing\n    if (process.env.NODE_ENV === 'development') {\n      if (staticConfig.validStyles?.[key]) {\n        return null\n      }\n      if (typeof value === 'boolean') {\n        // don't warn on missing boolean values, common to only one of true/false\n        return null\n      }\n      const name = staticConfig.componentName || '[UnnamedComponent]'\n      // eslint-disable-next-line no-console\n      console.warn(\n        `No variant found: ${name} has variant \"${key}\", but no matching value \"${value}\"`\n      )\n    }\n    return\n  }\n\n  if (typeof variantValue === 'function') {\n    const fn = variantValue as VariantSpreadFunction<any>\n    variantValue = fn(\n      value,\n      getVariantExtras(props, languageContext, theme, defaultProps, avoidDefaultProps)\n    )\n  }\n\n  let fontFamilyResult: any\n\n  if (isObj(variantValue)) {\n    const fontFamilyUpdate =\n      variantValue.fontFamily || variantValue[conf.inverseShorthands.fontFamily]\n\n    if (fontFamilyUpdate) {\n      fontFamilyResult = getFontFamilyFromNameOrVariable(fontFamilyUpdate, conf)\n    }\n\n    variantValue = resolveTokensAndVariants(\n      key,\n      variantValue,\n      props,\n      defaultProps,\n      theme,\n      variants,\n      fontFamilyResult || fontFamily,\n      conf,\n      returnVariablesAs,\n      staticConfig,\n      parentVariantKey,\n      languageContext,\n      avoidDefaultProps,\n      debug\n    )\n  }\n\n  if (variantValue) {\n    const next = Object.entries(expandStyles(variantValue))\n\n    // store any changed font family (only support variables for now)\n    if (fontFamilyResult && fontFamilyResult[0] === '$') {\n      fontFamilyCache.set(next, getVariableValue(fontFamilyResult))\n    }\n\n    return next\n  }\n}\n\n// handles finding and resolving the fontFamily to the token name\n// this is used as `font_[name]` in className for nice css variable support\nexport function getFontFamilyFromNameOrVariable(input: any, conf: TamaguiInternalConfig) {\n  if (isVariable(input)) {\n    const val = variableToFontNameCache.get(input)\n    if (val) {\n      return val\n    } else {\n      for (const key in conf.fontsParsed) {\n        const familyVariable = conf.fontsParsed[key].family\n        if (isVariable(familyVariable)) {\n          variableToFontNameCache.set(familyVariable, key)\n          if (familyVariable === input) {\n            return key\n          }\n        }\n      }\n    }\n  } else if (typeof input === 'string') {\n    if (input?.[0] === '$') {\n      return input\n    } else {\n      // this could be mapped back to\n      if (process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.log('[tamagui] should map back', input)\n      }\n    }\n  }\n}\n\nconst variableToFontNameCache = new WeakMap<Variable, string>()\n\n// special helper for special font family\nconst fontFamilyCache = new WeakMap()\nexport const getPropMappedFontFamily = (expanded?: any) => {\n  return expanded && fontFamilyCache.get(expanded)\n}\n\nconst resolveTokensAndVariants: StyleResolver = (\n  key, // we dont use key assume value is object instead\n  value,\n  props,\n  defaultProps,\n  theme,\n  variants,\n  fontFamily,\n  conf,\n  returnVariablesAs,\n  staticConfig,\n  parentVariantKey,\n  languageContext,\n  avoidDefaultProps,\n  debug\n) => {\n  const res = {}\n  for (const rKey in value) {\n    const fKey = conf.shorthands[rKey] || rKey\n    const val = value[rKey]\n\n    if (fKey in variants) {\n      // avoids infinite loop if variant is matching a style prop\n      // eg: { variants: { flex: { true: { flex: 2 } } } }\n      if (parentVariantKey && parentVariantKey === key) {\n        res[fKey] = val\n      } else {\n        const variantOut = resolveVariants(\n          fKey,\n          val,\n          props,\n          defaultProps,\n          theme,\n          variants,\n          fontFamily,\n          conf,\n          returnVariablesAs,\n          staticConfig,\n          key,\n          languageContext,\n          avoidDefaultProps,\n          debug\n        )\n\n        const { pressStyle, hoverStyle, focusStyle, enterStyle, exitStyle, ...rest } =\n          Object.fromEntries(variantOut)\n        const subs = { pressStyle, hoverStyle, focusStyle, enterStyle, exitStyle }\n        Object.assign(res, rest)\n        for (const key in subs) {\n          if (subs[key]) {\n            res[key] ??= {}\n            Object.assign(res[key], subs[key])\n          }\n        }\n      }\n      continue\n    }\n\n    if (isVariable(val)) {\n      res[fKey] = !isWeb || returnVariablesAs === 'value' ? val.val : val.variable\n      continue\n    }\n\n    if (typeof val === 'string') {\n      const fVal =\n        val[0] === '$'\n          ? getToken(\n              fKey,\n              val,\n              conf,\n              theme,\n              fontFamily,\n              languageContext,\n              returnVariablesAs,\n              debug\n            )\n          : val\n      res[fKey] = fVal\n      continue\n    }\n\n    if (isObj(val)) {\n      // sub-objects: media queries, pseudos, shadowOffset\n      res[fKey] ??= {}\n      Object.assign(\n        res[fKey],\n        resolveTokensAndVariants(\n          fKey,\n          val,\n          props,\n          defaultProps,\n          theme,\n          variants,\n          fontFamily,\n          conf,\n          returnVariablesAs,\n          staticConfig,\n          key,\n          languageContext,\n          avoidDefaultProps,\n          debug\n        )\n      )\n    } else {\n      // nullish values cant be tokens, need no extra parsing\n      res[fKey] = val\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debug) {\n        if (res[fKey]?.[0] === '$') {\n          // eslint-disable-next-line no-console\n          console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey], theme)\n        }\n      }\n    }\n  }\n\n  return res\n}\n\nconst tokenCats = ['size', 'color', 'radius', 'space', 'zIndex'].map((name) => ({\n  name,\n  spreadName: `...${name}`,\n}))\n\n// goes through specificity finding best matching variant function\nfunction getVariantDefinition(\n  variant: any,\n  key: string,\n  value: any,\n  conf: TamaguiInternalConfig\n) {\n  if (typeof variant === 'function') {\n    return variant\n  }\n  if (variant[value]) {\n    return variant[value]\n  }\n  const { tokensParsed } = conf\n  for (const { name, spreadName } of tokenCats) {\n    if (variant[spreadName] && value in tokensParsed[name]) {\n      return variant[spreadName]\n    }\n  }\n  let fn: any\n  const type = typeof value\n  if (type === 'number') {\n    fn = variant[':number']\n  } else if (type === 'string') {\n    fn = variant[':string']\n  } else if (value === true || value === false) {\n    fn = variant[':boolean']\n  }\n  // fallback to catch all or size\n  return fn || variant['...'] || variant['...size']\n}\n\nconst fontShorthand = {\n  fontSize: 'size',\n  fontWeight: 'weight',\n}\n\nconst getToken = (\n  key: string,\n  value: string,\n  conf: TamaguiInternalConfig,\n  theme: any,\n  fontFamily: string | undefined = '$body',\n  languageContext?: LanguageContextType,\n  resolveAs?: ResolveVariableTypes,\n  debug?: DebugProp\n) => {\n  const tokensParsed = conf.tokensParsed\n  const fontsParsed = languageContext\n    ? getFontsForLanguage(conf.fontsParsed, languageContext)\n    : conf.fontsParsed\n  let valOrVar: any\n  let hasSet = false\n  if (value in theme) {\n    valOrVar = theme[value]\n    hasSet = true\n  } else {\n    switch (key) {\n      case 'fontFamily':\n        valOrVar = fontsParsed[value]?.family || value\n        hasSet = true\n        break\n      case 'fontSize':\n      case 'lineHeight':\n      case 'letterSpacing':\n      case 'fontWeight':\n        valOrVar = fontsParsed[fontFamily]?.[fontShorthand[key] || key]?.[value] || value\n        hasSet = true\n        break\n    }\n    for (const cat in tokenCategories) {\n      if (key in tokenCategories[cat]) {\n        const res = tokensParsed[cat][value]\n        if (res) {\n          valOrVar = res\n          hasSet = true\n        }\n      }\n    }\n    if (!hasSet) {\n      const spaceVar = tokensParsed.space[value]\n      if (spaceVar) {\n        valOrVar = spaceVar\n        hasSet = true\n      }\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && isDevTools && debug === 'verbose') {\n    // eslint-disable-next-line no-console\n    console.log('   \uFE52 propMapper getToken', { key, valOrVar, theme, hasSet })\n  }\n\n  if (hasSet) {\n    return resolveVariableValue(key, valOrVar, resolveAs)\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (value && value[0] === '$') {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `\u26A0\uFE0F You passed the value \"${value}\" to the style property \"${key}\", but there's no theme or token with the key \"${value}\". Using theme \"${theme.name}\".\n\nSet the debug prop to true to see more detailed debug information.`\n      )\n      if (debug) {\n        if (isDevTools) {\n          // eslint-disable-next-line no-console\n          console.log('Looked in:', { theme, tokensParsed, fontsParsed })\n        }\n      }\n      return null\n    }\n  }\n  return value\n}\n\nfunction resolveVariableValue(\n  key: string,\n  valOrVar: Variable | any,\n  resolveAs: ResolveVariableTypes = 'auto'\n) {\n  if (isVariable(valOrVar)) {\n    if (resolveAs === 'variable') {\n      return valOrVar\n    }\n    if (resolveAs === 'non-color-value') {\n      if (isWeb) {\n        if (key in tokenCategories.color) {\n          return valOrVar.variable\n        }\n      }\n      return valOrVar.val\n    }\n    if (!isWeb || resolveAs === 'value') {\n      return valOrVar.val\n    }\n    return valOrVar.variable\n  }\n  return valOrVar\n}\n\n// TODO move to validStyleProps to merge\n\n// just specificy the least costly, all else go to `space` (most keys - we can exclude)\nconst tokenCategories = {\n  radius: {\n    borderRadius: true,\n    borderTopLeftRadius: true,\n    borderTopRightRadius: true,\n    borderBottomLeftRadius: true,\n    borderBottomRightRadius: true,\n  },\n  size: {\n    width: true,\n    height: true,\n    minWidth: true,\n    minHeight: true,\n    maxWidth: true,\n    maxHeight: true,\n  },\n  color: {\n    color: true,\n    backgroundColor: true,\n    borderColor: true,\n    borderBottomColor: true,\n    borderTopColor: true,\n    borderLeftColor: true,\n    borderRightColor: true,\n  },\n}\n"],
+  "mappings": "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",
   "names": ["key"]
 }

package/dist/cjs/helpers/getSplitStyles.js

@@ -122,7 +122,7 @@ const accessibilityRoleToWebRole = {
 };
 const isMediaKey = (key) => Boolean(key[0] === "$" && import_useMedia.mediaKeysWithAndWithout$.has(key));
 const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, languageContext, elementType, debug) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   if (cache.has(props)) {
     return cache.get(props);
   }
@@ -187,11 +187,11 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
       }
     }
   }
-  for (let i = len - 1; i >= 0; i--) {
-    let keyInit = propKeys[i];
+  const specialProps = [];
+  function processProp(keyInit, valInit, special = false, fontFamilyOverride = null) {
+    var _a2;
     if (keyInit === "className")
-      continue;
-    let valInit = props[keyInit];
+      return;
     if (keyInit in shorthands) {
       keyInit = shorthands[keyInit];
     }
@@ -200,16 +200,16 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
         keyInit = "selectable";
         valInit = valInit === "none" ? false : true;
       } else if (keyInit.startsWith("data-") || keyInit.startsWith("aria-")) {
-        continue;
+        return;
       }
     }
     if (!staticConfig.isHOC) {
       if (keyInit in skipProps) {
-        continue;
+        return;
       }
     }
     if (keyInit in usedKeys) {
-      continue;
+      return;
     }
     if (typeof valInit === "string" && valInit[0] === "_") {
       if (keyInit in validStyleProps || keyInit.includes("-")) {
@@ -219,34 +219,34 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
           style[keyInit] = (0, import_normalizeValueWithProperty.reverseMapClassNameToValue)(keyInit, valInit);
         }
         usedKeys[keyInit] = 1;
-        continue;
+        return;
       }
     }
     if (keyInit === "dataSet") {
       for (const key in valInit) {
         viewProps[`data-${hyphenate(key)}`] = valInit[key];
       }
-      continue;
+      return;
     }
     const isMainStyle = keyInit === "style";
     if (isMainStyle || keyInit.startsWith("_style")) {
       if (!valInit)
-        continue;
+        return;
       const styles = Array.isArray(valInit) ? valInit : [valInit];
       const styleLen = styles.length;
       for (let j = styleLen; j >= 0; j--) {
         const cur = styles[j];
         if (!cur)
-          continue;
+          return;
         for (const key in cur) {
           if (!isMainStyle && usedKeys[key]) {
-            continue;
+            return;
           }
           usedKeys[key] = 1;
           style[key] = cur[key];
         }
       }
-      continue;
+      return;
     }
     if (process.env.TAMAGUI_TARGET === "web") {
       if (keyInit === "disabled" && valInit === true) {
@@ -256,13 +256,13 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
           viewProps.disabled = true;
         }
         if (!(variants == null ? void 0 : variants.disabled)) {
-          continue;
+          return;
         }
       }
       if (keyInit === "testID") {
         usedKeys[keyInit] = 1;
         viewProps[isReactNative ? "testId" : "data-testid"] = valInit;
-        continue;
+        return;
       }
       if (keyInit === "id" || keyInit === "nativeID") {
         usedKeys[keyInit] = 1;
@@ -271,14 +271,14 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
         } else {
           viewProps.id = valInit;
         }
-        continue;
+        return;
       }
       let didUseKeyInit = false;
       if (isReactNative) {
         if (accessibilityDirectMap[keyInit] || keyInit.startsWith("accessibility")) {
           viewProps[keyInit] = valInit;
           usedKeys[keyInit] = 1;
-          continue;
+          return;
         }
       } else {
         didUseKeyInit = true;
@@ -292,38 +292,38 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
               } else {
                 viewProps.role = accessibilityRoleToWebRole[valInit] || valInit;
               }
-              continue;
+              return;
             }
             case "accessibilityLabelledBy":
             case "accessibilityFlowTo":
             case "accessibilityControls":
             case "accessibilityDescribedBy": {
               viewProps[`aria-${keyInit.replace("accessibility", "").toLowerCase()}`] = processIDRefList(valInit);
-              continue;
+              return;
             }
             case "accessibilityKeyShortcuts": {
               if (Array.isArray(valInit)) {
                 viewProps["aria-keyshortcuts"] = valInit.join(" ");
               }
-              continue;
+              return;
             }
             case "accessibilityLiveRegion": {
               viewProps["aria-live"] = valInit === "none" ? "off" : valInit;
-              continue;
+              return;
             }
             case "accessibilityReadOnly": {
               viewProps["aria-readonly"] = valInit;
               if (elementType === "input" || elementType === "select" || elementType === "textarea") {
                 viewProps.readOnly = true;
               }
-              continue;
+              return;
             }
             case "accessibilityRequired": {
               viewProps["aria-required"] = valInit;
               if (elementType === "input" || elementType === "select" || elementType === "textarea") {
                 viewProps.required = valInit;
               }
-              continue;
+              return;
             }
             default: {
               didUseKeyInit = false;
@@ -333,7 +333,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
       }
       if (didUseKeyInit) {
         usedKeys[keyInit] = 1;
-        continue;
+        return;
       }
       if (valInit && valInit[0] === "_") {
         const isValidClassName = keyInit in import_helpers.validStyles;
@@ -344,7 +344,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
             console.log("tamagui classname props", keyInit, valInit);
           }
           mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo);
-          continue;
+          return;
         }
       }
     }
@@ -352,7 +352,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
     let isPseudo = keyInit in import_helpers.validPseudoKeys;
     const isVariant = variants && keyInit in variants;
     const shouldPassProp = !(isMedia || isPseudo || isVariant || keyInit in validStyleProps || keyInit in shorthands);
-    const parentHasVariant = ((_a = staticConfig.parentStaticConfig) == null ? void 0 : _a.variants) && keyInit in staticConfig.parentStaticConfig;
+    const parentHasVariant = ((_a2 = staticConfig.parentStaticConfig) == null ? void 0 : _a2.variants) && keyInit in staticConfig.parentStaticConfig;
     const isHOCShouldPassThrough = staticConfig.isHOC && (isMedia || isPseudo);
     const shouldPassThrough = shouldPassProp || isHOCShouldPassThrough || parentHasVariant;
     if (process.env.NODE_ENV === "development" && debug === "verbose" && shouldPassThrough) {
@@ -362,7 +362,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
       usedKeys[keyInit] = 1;
       viewProps[keyInit] = valInit;
       if (!isVariant) {
-        continue;
+        return;
       }
     }
     if (process.env.NODE_ENV === "development" && debug === "verbose") {
@@ -372,7 +372,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
       keyInit,
       valInit,
       theme,
-      props,
+      special ? { ...props, fontFamily: fontFamilyOverride } : props,
       state,
       languageContext,
       void 0,
@@ -390,10 +390,14 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
       console.groupEnd();
     }
     if (!expanded)
-      continue;
+      return;
     for (const [key, val] of expanded) {
       if (val === void 0)
         continue;
+      if (key in import_helpers.stylePropsFont && !special && key !== "fontFamily") {
+        specialProps.push([key, val]);
+        continue;
+      }
       isMedia = isMediaKey(key);
       isPseudo = key in import_helpers.validPseudoKeys;
       const isMediaOrPseudo = isMedia || isPseudo;
@@ -589,15 +593,24 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
       }
     }
   }
+  for (let i = len - 1; i >= 0; i--) {
+    const keyInit = propKeys[i];
+    const valInit = props[keyInit];
+    processProp(keyInit, valInit);
+  }
+  for (let i = 0; i < specialProps.length; i++) {
+    const [key, value] = specialProps[i];
+    processProp(key, value, true, fontFamily);
+  }
   (0, import_expandStyles.fixStyles)(style);
   if (import_constants.isWeb) {
     (0, import_getStylesAtomic.styleToCSS)(style);
   }
   if (process.env.TAMAGUI_TARGET === "native") {
     if ("fontFamily" in style && style.fontFamily) {
-      const faceInfo = (_b = (0, import_config.getFont)(style.fontFamily)) == null ? void 0 : _b.face;
+      const faceInfo = (_a = (0, import_config.getFont)(style.fontFamily)) == null ? void 0 : _a.face;
       if (faceInfo) {
-        const overrideFace = (_d = (_c = faceInfo[style.fontWeight]) == null ? void 0 : _c[style.fontStyle || "normal"]) == null ? void 0 : _d.val;
+        const overrideFace = (_c = (_b = faceInfo[style.fontWeight]) == null ? void 0 : _b[style.fontStyle || "normal"]) == null ? void 0 : _c.val;
         if (overrideFace) {
           style.fontFamily = overrideFace;
           fontFamily = overrideFace;