@tamagui/web 3.0.0-beta.831.1 → 3.0.0-beta.889.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/createComponent.cjs +12 -1
- package/dist/cjs/createComponent.native.cjs +12 -1
- package/dist/cjs/createComponent.native.js +12 -1
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/createStyledHOC.cjs +1 -1
- package/dist/cjs/createStyledHOC.native.cjs +1 -1
- package/dist/cjs/createStyledHOC.native.js +1 -1
- package/dist/cjs/createStyledHOC.native.js.map +1 -1
- package/dist/cjs/createVariable.cjs +0 -10
- package/dist/cjs/createVariable.native.cjs +0 -10
- package/dist/cjs/createVariable.native.js +0 -10
- package/dist/cjs/createVariable.native.js.map +1 -1
- package/dist/cjs/helpers/borderComponents.cjs +62 -0
- package/dist/cjs/helpers/borderComponents.native.cjs +82 -0
- package/dist/cjs/helpers/borderComponents.native.js +84 -0
- package/dist/cjs/helpers/borderComponents.native.js.map +1 -0
- package/dist/cjs/helpers/createDesignSystem.cjs +0 -2
- package/dist/cjs/helpers/createStyledContext.cjs +10 -18
- package/dist/cjs/helpers/createStyledContext.native.cjs +14 -18
- package/dist/cjs/helpers/createStyledContext.native.js +14 -18
- package/dist/cjs/helpers/createStyledContext.native.js.map +1 -1
- package/dist/cjs/helpers/formatDiagnostic.cjs +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.cjs +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.js +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomic.cjs +128 -109
- package/dist/cjs/helpers/getCSSStylesAtomic.native.cjs +11 -3
- package/dist/cjs/helpers/getCSSStylesAtomic.native.js +11 -3
- package/dist/cjs/helpers/getCSSStylesAtomic.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.cjs +13 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.cjs +15 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js +15 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
- package/dist/cjs/helpers/getDynamicVal.cjs +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.cjs +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.js +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.cjs +1042 -1715
- package/dist/cjs/helpers/getSplitStyles.native.cjs +1081 -1887
- package/dist/cjs/helpers/getSplitStyles.native.js +1081 -1887
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/cjs/helpers/grammarConfig.cjs +163 -1
- package/dist/cjs/helpers/grammarConfig.native.cjs +186 -1
- package/dist/cjs/helpers/grammarConfig.native.js +186 -1
- package/dist/cjs/helpers/grammarConfig.native.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.cjs +5 -1
- package/dist/cjs/helpers/insertStyleRule.native.cjs +7 -1
- package/dist/cjs/helpers/insertStyleRule.native.js +7 -1
- package/dist/cjs/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/cjs/helpers/log.cjs +9 -8
- package/dist/cjs/helpers/log.native.cjs +9 -8
- package/dist/cjs/helpers/log.native.js +9 -8
- package/dist/cjs/helpers/log.native.js.map +1 -1
- package/dist/cjs/helpers/mergeVariants.cjs +44 -13
- package/dist/cjs/helpers/mergeVariants.native.cjs +79 -14
- package/dist/cjs/helpers/mergeVariants.native.js +79 -14
- package/dist/cjs/helpers/mergeVariants.native.js.map +1 -1
- package/dist/cjs/helpers/nativeOnlyProps.cjs +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.cjs +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.js +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.js.map +1 -1
- package/dist/cjs/helpers/nativeStyleEngine.cjs +34 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.cjs +36 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.js +36 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeValueWithProperty.cjs +7 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.cjs +9 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js +9 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/cjs/helpers/parseBorderShorthand.native.cjs +25 -56
- package/dist/cjs/helpers/parseBorderShorthand.native.js +25 -56
- package/dist/cjs/helpers/parseBorderShorthand.native.js.map +1 -1
- package/dist/cjs/helpers/parseOutlineShorthand.native.cjs +9 -49
- package/dist/cjs/helpers/parseOutlineShorthand.native.js +9 -49
- package/dist/cjs/helpers/parseOutlineShorthand.native.js.map +1 -1
- package/dist/cjs/helpers/resolveSafeArea.cjs +35 -100
- package/dist/cjs/helpers/resolveVariantStyle.cjs +57 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.cjs +67 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.js +69 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.js.map +1 -0
- package/dist/cjs/helpers/styleStaticConfig.cjs +1 -50
- package/dist/cjs/helpers/styleStaticConfig.native.cjs +1 -51
- package/dist/cjs/helpers/styleStaticConfig.native.js +1 -51
- package/dist/cjs/helpers/styleStaticConfig.native.js.map +1 -1
- package/dist/cjs/helpers/styleStaticConfigCore.cjs +107 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.cjs +127 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.js +129 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.js.map +1 -0
- package/dist/cjs/helpers/styledDynamic.cjs +160 -0
- package/dist/cjs/helpers/styledDynamic.native.cjs +195 -0
- package/dist/cjs/helpers/styledDynamic.native.js +197 -0
- package/dist/cjs/helpers/styledDynamic.native.js.map +1 -0
- package/dist/cjs/helpers/tokenCategories.cjs +15 -38
- package/dist/cjs/helpers/tokenCategories.native.cjs +15 -40
- package/dist/cjs/helpers/tokenCategories.native.js +15 -40
- package/dist/cjs/helpers/tokenCategories.native.js.map +1 -1
- package/dist/cjs/helpers/variableValue.cjs +17 -12
- package/dist/cjs/helpers/variableValue.native.cjs +46 -23
- package/dist/cjs/helpers/variableValue.native.js +46 -23
- package/dist/cjs/helpers/variableValue.native.js.map +1 -1
- package/dist/cjs/helpers/warnOnce.cjs +5 -4
- package/dist/cjs/helpers/warnOnce.native.cjs +6 -4
- package/dist/cjs/helpers/warnOnce.native.js +6 -4
- package/dist/cjs/helpers/warnOnce.native.js.map +1 -1
- package/dist/cjs/hooks/useAnimationDriver.cjs +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.cjs +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.js +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.js.map +1 -1
- package/dist/cjs/hooks/useComponentState.cjs +41 -82
- package/dist/cjs/hooks/useComponentState.native.cjs +45 -84
- package/dist/cjs/hooks/useComponentState.native.js +45 -84
- package/dist/cjs/hooks/useComponentState.native.js.map +1 -1
- package/dist/cjs/hooks/useMedia.cjs +2 -2
- package/dist/cjs/hooks/useMedia.native.cjs +2 -2
- package/dist/cjs/hooks/useMedia.native.js +2 -2
- package/dist/cjs/hooks/useMedia.native.js.map +1 -1
- package/dist/cjs/{helpers/directStyleCSS.native.js → hooks/useStyle.cjs} +16 -8
- package/dist/cjs/{helpers/directStyleCSS.native.cjs → hooks/useStyle.native.cjs} +16 -4
- package/dist/cjs/hooks/useStyle.native.js +34 -0
- package/dist/cjs/hooks/useStyle.native.js.map +1 -0
- package/dist/cjs/hooks/useThemeState.cjs +25 -90
- package/dist/cjs/hooks/useThemeState.native.cjs +34 -94
- package/dist/cjs/hooks/useThemeState.native.js +34 -94
- package/dist/cjs/hooks/useThemeState.native.js.map +1 -1
- package/dist/cjs/index.cjs +6 -3
- package/dist/cjs/index.native.cjs +6 -3
- package/dist/cjs/index.native.js +6 -3
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/static-resolve.cjs +2 -2
- package/dist/cjs/static-resolve.native.cjs +2 -2
- package/dist/cjs/static-resolve.native.js +2 -2
- package/dist/cjs/static-resolve.native.js.map +1 -1
- package/dist/cjs/style.cjs +91 -0
- package/dist/cjs/style.native.cjs +98 -0
- package/dist/cjs/style.native.js +100 -0
- package/dist/cjs/style.native.js.map +1 -0
- package/dist/cjs/styled.cjs +11 -6
- package/dist/cjs/styled.native.cjs +11 -6
- package/dist/cjs/styled.native.js +11 -6
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/types.cjs +6 -4
- package/dist/cjs/types.native.cjs +6 -4
- package/dist/cjs/types.native.js +6 -4
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/views/TamaguiProvider.cjs +1 -2
- package/dist/cjs/views/TamaguiProvider.native.cjs +1 -2
- package/dist/cjs/views/TamaguiProvider.native.js +1 -2
- package/dist/cjs/views/TamaguiProvider.native.js.map +1 -1
- package/dist/cjs/views/Text.cjs +17 -12
- package/dist/cjs/views/Text.native.cjs +1 -0
- package/dist/cjs/views/Text.native.js +1 -0
- package/dist/cjs/views/Text.native.js.map +1 -1
- package/dist/cjs/views/Theme.cjs +3 -3
- package/dist/cjs/views/Theme.native.cjs +3 -3
- package/dist/cjs/views/Theme.native.js +3 -3
- package/dist/cjs/views/Theme.native.js.map +1 -1
- package/dist/cjs/views/ThemeDebug.cjs +1 -4
- package/dist/esm/createComponent.mjs +12 -1
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +12 -1
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/createStyledHOC.mjs +1 -1
- package/dist/esm/createStyledHOC.mjs.map +1 -1
- package/dist/esm/createStyledHOC.native.js +1 -1
- package/dist/esm/createStyledHOC.native.js.map +1 -1
- package/dist/esm/createVariable.mjs +1 -9
- package/dist/esm/createVariable.mjs.map +1 -1
- package/dist/esm/createVariable.native.js +1 -9
- package/dist/esm/createVariable.native.js.map +1 -1
- package/dist/esm/helpers/borderComponents.mjs +37 -0
- package/dist/esm/helpers/borderComponents.mjs.map +1 -0
- package/dist/esm/helpers/borderComponents.native.js +55 -0
- package/dist/esm/helpers/borderComponents.native.js.map +1 -0
- package/dist/esm/helpers/createDesignSystem.mjs +0 -2
- package/dist/esm/helpers/createDesignSystem.mjs.map +1 -1
- package/dist/esm/helpers/createStyledContext.mjs +10 -18
- package/dist/esm/helpers/createStyledContext.mjs.map +1 -1
- package/dist/esm/helpers/createStyledContext.native.js +14 -18
- package/dist/esm/helpers/createStyledContext.native.js.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.mjs +6 -6
- package/dist/esm/helpers/formatDiagnostic.mjs.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.native.js +6 -6
- package/dist/esm/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.mjs +126 -109
- package/dist/esm/helpers/getCSSStylesAtomic.mjs.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.native.js +7 -4
- package/dist/esm/helpers/getCSSStylesAtomic.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs +8 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js +10 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
- package/dist/esm/helpers/getDynamicVal.mjs +5 -1
- package/dist/esm/helpers/getDynamicVal.mjs.map +1 -1
- package/dist/esm/helpers/getDynamicVal.native.js +5 -1
- package/dist/esm/helpers/getDynamicVal.native.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.mjs +1034 -1705
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +1071 -1871
- package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/esm/helpers/grammarConfig.mjs +164 -2
- package/dist/esm/helpers/grammarConfig.mjs.map +1 -1
- package/dist/esm/helpers/grammarConfig.native.js +187 -2
- package/dist/esm/helpers/grammarConfig.native.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.mjs +5 -2
- package/dist/esm/helpers/insertStyleRule.mjs.map +1 -1
- package/dist/esm/helpers/insertStyleRule.native.js +7 -2
- package/dist/esm/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/esm/helpers/log.mjs +9 -8
- package/dist/esm/helpers/log.mjs.map +1 -1
- package/dist/esm/helpers/log.native.js +9 -8
- package/dist/esm/helpers/log.native.js.map +1 -1
- package/dist/esm/helpers/mergeVariants.mjs +44 -13
- package/dist/esm/helpers/mergeVariants.mjs.map +1 -1
- package/dist/esm/helpers/mergeVariants.native.js +79 -14
- package/dist/esm/helpers/mergeVariants.native.js.map +1 -1
- package/dist/esm/helpers/nativeOnlyProps.mjs +0 -1
- package/dist/esm/helpers/nativeOnlyProps.mjs.map +1 -1
- package/dist/esm/helpers/nativeOnlyProps.native.js +0 -1
- package/dist/esm/helpers/nativeOnlyProps.native.js.map +1 -1
- package/dist/esm/helpers/nativeStyleEngine.mjs +34 -15
- package/dist/esm/helpers/nativeStyleEngine.mjs.map +1 -1
- package/dist/esm/helpers/nativeStyleEngine.native.js +36 -15
- package/dist/esm/helpers/nativeStyleEngine.native.js.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.mjs +7 -8
- package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.native.js +9 -8
- package/dist/esm/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/esm/helpers/parseBorderShorthand.native.js +23 -56
- package/dist/esm/helpers/parseBorderShorthand.native.js.map +1 -1
- package/dist/esm/helpers/parseOutlineShorthand.native.js +10 -49
- package/dist/esm/helpers/parseOutlineShorthand.native.js.map +1 -1
- package/dist/esm/helpers/resolveSafeArea.mjs +35 -97
- package/dist/esm/helpers/resolveSafeArea.mjs.map +1 -1
- package/dist/esm/helpers/resolveVariantStyle.mjs +38 -0
- package/dist/esm/helpers/resolveVariantStyle.mjs.map +1 -0
- package/dist/esm/helpers/resolveVariantStyle.native.js +46 -0
- package/dist/esm/helpers/resolveVariantStyle.native.js.map +1 -0
- package/dist/esm/helpers/styleStaticConfig.mjs +1 -50
- package/dist/esm/helpers/styleStaticConfig.mjs.map +1 -1
- package/dist/esm/helpers/styleStaticConfig.native.js +1 -51
- package/dist/esm/helpers/styleStaticConfig.native.js.map +1 -1
- package/dist/esm/helpers/styleStaticConfigCore.mjs +88 -0
- package/dist/esm/helpers/styleStaticConfigCore.mjs.map +1 -0
- package/dist/esm/helpers/styleStaticConfigCore.native.js +106 -0
- package/dist/esm/helpers/styleStaticConfigCore.native.js.map +1 -0
- package/dist/esm/helpers/styledDynamic.mjs +136 -0
- package/dist/esm/helpers/styledDynamic.mjs.map +1 -0
- package/dist/esm/helpers/styledDynamic.native.js +169 -0
- package/dist/esm/helpers/styledDynamic.native.js.map +1 -0
- package/dist/esm/helpers/tokenCategories.mjs +15 -36
- package/dist/esm/helpers/tokenCategories.mjs.map +1 -1
- package/dist/esm/helpers/tokenCategories.native.js +15 -38
- package/dist/esm/helpers/tokenCategories.native.js.map +1 -1
- package/dist/esm/helpers/variableValue.mjs +17 -12
- package/dist/esm/helpers/variableValue.mjs.map +1 -1
- package/dist/esm/helpers/variableValue.native.js +46 -23
- package/dist/esm/helpers/variableValue.native.js.map +1 -1
- package/dist/esm/helpers/warnOnce.mjs +5 -4
- package/dist/esm/helpers/warnOnce.mjs.map +1 -1
- package/dist/esm/helpers/warnOnce.native.js +6 -4
- package/dist/esm/helpers/warnOnce.native.js.map +1 -1
- package/dist/esm/hooks/useAnimationDriver.mjs +2 -2
- package/dist/esm/hooks/useAnimationDriver.mjs.map +1 -1
- package/dist/esm/hooks/useAnimationDriver.native.js +2 -2
- package/dist/esm/hooks/useAnimationDriver.native.js.map +1 -1
- package/dist/esm/hooks/useComponentState.mjs +41 -82
- package/dist/esm/hooks/useComponentState.mjs.map +1 -1
- package/dist/esm/hooks/useComponentState.native.js +45 -84
- package/dist/esm/hooks/useComponentState.native.js.map +1 -1
- package/dist/esm/hooks/useMedia.mjs +2 -2
- package/dist/esm/hooks/useMedia.mjs.map +1 -1
- package/dist/esm/hooks/useMedia.native.js +2 -2
- package/dist/esm/hooks/useMedia.native.js.map +1 -1
- package/dist/esm/hooks/useStyle.mjs +11 -0
- package/dist/esm/hooks/useStyle.mjs.map +1 -0
- package/dist/esm/hooks/useStyle.native.js +11 -0
- package/dist/esm/hooks/useStyle.native.js.map +1 -0
- package/dist/esm/hooks/useThemeState.mjs +25 -90
- package/dist/esm/hooks/useThemeState.mjs.map +1 -1
- package/dist/esm/hooks/useThemeState.native.js +34 -94
- package/dist/esm/hooks/useThemeState.native.js.map +1 -1
- package/dist/esm/index.js +6 -4
- package/dist/esm/index.mjs +6 -4
- package/dist/esm/index.native.js +6 -4
- package/dist/esm/static-resolve.mjs +3 -3
- package/dist/esm/static-resolve.mjs.map +1 -1
- package/dist/esm/static-resolve.native.js +3 -3
- package/dist/esm/static-resolve.native.js.map +1 -1
- package/dist/esm/style.mjs +58 -0
- package/dist/esm/style.mjs.map +1 -0
- package/dist/esm/style.native.js +63 -0
- package/dist/esm/style.native.js.map +1 -0
- package/dist/esm/styled.mjs +12 -6
- package/dist/esm/styled.mjs.map +1 -1
- package/dist/esm/styled.native.js +12 -6
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/types.mjs +3 -4
- package/dist/esm/types.mjs.map +1 -1
- package/dist/esm/types.native.js +3 -4
- package/dist/esm/types.native.js.map +1 -1
- package/dist/esm/views/TamaguiProvider.mjs +1 -2
- package/dist/esm/views/TamaguiProvider.mjs.map +1 -1
- package/dist/esm/views/TamaguiProvider.native.js +1 -2
- package/dist/esm/views/TamaguiProvider.native.js.map +1 -1
- package/dist/esm/views/Text.mjs +17 -12
- package/dist/esm/views/Text.mjs.map +1 -1
- package/dist/esm/views/Theme.mjs +3 -3
- package/dist/esm/views/Theme.mjs.map +1 -1
- package/dist/esm/views/Theme.native.js +3 -3
- package/dist/esm/views/Theme.native.js.map +1 -1
- package/dist/esm/views/ThemeDebug.mjs +1 -4
- package/dist/esm/views/ThemeDebug.mjs.map +1 -1
- package/package.json +15 -15
- package/src/createComponent.tsx +21 -1
- package/src/createStyledHOC.tsx +4 -2
- package/src/createVariable.ts +0 -10
- package/src/helpers/borderComponents.ts +62 -0
- package/src/helpers/createDesignSystem.ts +0 -2
- package/src/helpers/createStyledContext.tsx +15 -53
- package/src/helpers/formatDiagnostic.ts +9 -9
- package/src/helpers/getCSSStylesAtomic.native.ts +6 -3
- package/src/helpers/getCSSStylesAtomic.ts +192 -207
- package/src/helpers/getCSSStylesAtomicCompiled.ts +13 -1
- package/src/helpers/getDynamicVal.ts +4 -0
- package/src/helpers/getSplitStyles.tsx +2080 -3270
- package/src/helpers/grammarConfig.ts +218 -1
- package/src/helpers/insertStyleRule.tsx +4 -2
- package/src/helpers/log.ts +12 -11
- package/src/helpers/mergeVariants.ts +55 -18
- package/src/helpers/nativeOnlyProps.ts +0 -1
- package/src/helpers/nativeStyleEngine.ts +55 -14
- package/src/helpers/normalizeValueWithProperty.ts +10 -12
- package/src/helpers/parseBorderShorthand.native.ts +23 -45
- package/src/helpers/parseOutlineShorthand.native.ts +9 -40
- package/src/helpers/resolveSafeArea.ts +34 -101
- package/src/helpers/resolveVariantStyle.ts +77 -0
- package/src/helpers/styleFrontend.ts +8 -5
- package/src/helpers/styleStaticConfig.ts +5 -72
- package/src/helpers/styleStaticConfigCore.ts +110 -0
- package/src/helpers/styledDynamic.ts +191 -0
- package/src/helpers/tokenCategories.ts +40 -65
- package/src/helpers/variableValue.ts +20 -15
- package/src/helpers/warnOnce.ts +5 -4
- package/src/hooks/useAnimationDriver.ts +6 -2
- package/src/hooks/useComponentState.ts +55 -183
- package/src/hooks/useMedia.tsx +10 -8
- package/src/hooks/useStyle.ts +10 -0
- package/src/hooks/useThemeState.ts +51 -264
- package/src/index.ts +6 -6
- package/src/internalRuntimeTypes.ts +1 -0
- package/src/static-resolve.ts +7 -4
- package/src/style.ts +97 -0
- package/src/styled.tsx +39 -68
- package/src/types.tsx +105 -169
- package/src/views/TamaguiProvider.tsx +0 -2
- package/src/views/Text.tsx +20 -14
- package/src/views/Theme.tsx +13 -9
- package/src/views/ThemeDebug.tsx +0 -1
- package/types/createComponent.d.ts.map +1 -1
- package/types/createStyledHOC.d.ts +1 -1
- package/types/createStyledHOC.d.ts.map +1 -1
- package/types/createVariable.d.ts +0 -2
- package/types/createVariable.d.ts.map +1 -1
- package/types/helpers/borderComponents.d.ts +10 -0
- package/types/helpers/borderComponents.d.ts.map +1 -0
- package/types/helpers/createDesignSystem.d.ts.map +1 -1
- package/types/helpers/createStyledContext.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.d.ts +20 -19
- package/types/helpers/getCSSStylesAtomic.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.native.d.ts +5 -0
- package/types/helpers/getCSSStylesAtomic.native.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomicCompiled.d.ts +6 -1
- package/types/helpers/getCSSStylesAtomicCompiled.d.ts.map +1 -1
- package/types/helpers/getDynamicVal.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts +3 -5
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/grammarConfig.d.ts +25 -2
- package/types/helpers/grammarConfig.d.ts.map +1 -1
- package/types/helpers/insertStyleRule.d.ts +1 -0
- package/types/helpers/insertStyleRule.d.ts.map +1 -1
- package/types/helpers/log.d.ts.map +1 -1
- package/types/helpers/mergeVariants.d.ts.map +1 -1
- package/types/helpers/nativeOnlyProps.d.ts +0 -1
- package/types/helpers/nativeOnlyProps.d.ts.map +1 -1
- package/types/helpers/nativeStyleEngine.d.ts +6 -0
- package/types/helpers/nativeStyleEngine.d.ts.map +1 -1
- package/types/helpers/normalizeValueWithProperty.d.ts.map +1 -1
- package/types/helpers/parseBorderShorthand.native.d.ts +1 -0
- package/types/helpers/parseBorderShorthand.native.d.ts.map +1 -1
- package/types/helpers/parseOutlineShorthand.native.d.ts.map +1 -1
- package/types/helpers/resolveSafeArea.d.ts +0 -1
- package/types/helpers/resolveSafeArea.d.ts.map +1 -1
- package/types/helpers/resolveVariantStyle.d.ts +3 -0
- package/types/helpers/resolveVariantStyle.d.ts.map +1 -0
- package/types/helpers/styleFrontend.d.ts +3 -5
- package/types/helpers/styleFrontend.d.ts.map +1 -1
- package/types/helpers/styleStaticConfig.d.ts +4 -9
- package/types/helpers/styleStaticConfig.d.ts.map +1 -1
- package/types/helpers/styleStaticConfigCore.d.ts +4 -0
- package/types/helpers/styleStaticConfigCore.d.ts.map +1 -0
- package/types/helpers/styledDynamic.d.ts +18 -0
- package/types/helpers/styledDynamic.d.ts.map +1 -0
- package/types/helpers/tokenCategories.d.ts +0 -1
- package/types/helpers/tokenCategories.d.ts.map +1 -1
- package/types/helpers/variableValue.d.ts.map +1 -1
- package/types/helpers/warnOnce.d.ts.map +1 -1
- package/types/helpers/webPropsToSkip.native.d.ts +68 -68
- package/types/hooks/useAnimationDriver.d.ts.map +1 -1
- package/types/hooks/useComponentState.d.ts.map +1 -1
- package/types/hooks/useMedia.d.ts.map +1 -1
- package/types/hooks/useStyle.d.ts +4 -0
- package/types/hooks/useStyle.d.ts.map +1 -0
- package/types/hooks/useThemeState.d.ts +1 -11
- package/types/hooks/useThemeState.d.ts.map +1 -1
- package/types/index.d.ts +6 -4
- package/types/index.d.ts.map +1 -1
- package/types/internalRuntimeTypes.d.ts +1 -1
- package/types/internalRuntimeTypes.d.ts.map +1 -1
- package/types/static-resolve.d.ts.map +1 -1
- package/types/style.d.ts +18 -0
- package/types/style.d.ts.map +1 -0
- package/types/styled.d.ts +10 -10
- package/types/styled.d.ts.map +1 -1
- package/types/types.d.ts +74 -49
- package/types/types.d.ts.map +1 -1
- package/types/views/TamaguiProvider.d.ts +1 -1
- package/types/views/TamaguiProvider.d.ts.map +1 -1
- package/types/views/Text.d.ts.map +1 -1
- package/types/views/Theme.d.ts.map +1 -1
- package/types/views/ThemeDebug.d.ts.map +1 -1
- package/dist/cjs/helpers/directStyleCSS.cjs +0 -345
- package/dist/cjs/helpers/directStyleCSS.native.js.map +0 -1
- package/dist/cjs/helpers/directStyleCSSCompiled.cjs +0 -40
- package/dist/cjs/helpers/directStyleCSSCompiled.native.cjs +0 -46
- package/dist/cjs/helpers/directStyleCSSCompiled.native.js +0 -48
- package/dist/cjs/helpers/directStyleCSSCompiled.native.js.map +0 -1
- package/dist/cjs/helpers/getVariantExtras.cjs +0 -91
- package/dist/cjs/helpers/getVariantExtras.native.cjs +0 -94
- package/dist/cjs/helpers/getVariantExtras.native.js +0 -96
- package/dist/cjs/helpers/getVariantExtras.native.js.map +0 -1
- package/dist/cjs/helpers/variantResolvers.cjs +0 -87
- package/dist/cjs/helpers/variantResolvers.native.cjs +0 -140
- package/dist/cjs/helpers/variantResolvers.native.js +0 -142
- package/dist/cjs/helpers/variantResolvers.native.js.map +0 -1
- package/dist/esm/helpers/directStyleCSS.mjs +0 -317
- package/dist/esm/helpers/directStyleCSS.mjs.map +0 -1
- package/dist/esm/helpers/directStyleCSS.native.js +0 -1
- package/dist/esm/helpers/directStyleCSSCompiled.mjs +0 -11
- package/dist/esm/helpers/directStyleCSSCompiled.mjs.map +0 -1
- package/dist/esm/helpers/directStyleCSSCompiled.native.js +0 -15
- package/dist/esm/helpers/directStyleCSSCompiled.native.js.map +0 -1
- package/dist/esm/helpers/getVariantExtras.mjs +0 -69
- package/dist/esm/helpers/getVariantExtras.mjs.map +0 -1
- package/dist/esm/helpers/getVariantExtras.native.js +0 -70
- package/dist/esm/helpers/getVariantExtras.native.js.map +0 -1
- package/dist/esm/helpers/variantResolvers.mjs +0 -65
- package/dist/esm/helpers/variantResolvers.mjs.map +0 -1
- package/dist/esm/helpers/variantResolvers.native.js +0 -116
- package/dist/esm/helpers/variantResolvers.native.js.map +0 -1
- package/src/helpers/directStyleCSS.native.ts +0 -1
- package/src/helpers/directStyleCSS.ts +0 -513
- package/src/helpers/directStyleCSSCompiled.ts +0 -32
- package/src/helpers/getVariantExtras.tsx +0 -95
- package/src/helpers/variantResolvers.ts +0 -121
- package/types/helpers/directStyleCSS.d.ts +0 -28
- package/types/helpers/directStyleCSS.d.ts.map +0 -1
- package/types/helpers/directStyleCSS.native.d.ts +0 -2
- package/types/helpers/directStyleCSS.native.d.ts.map +0 -1
- package/types/helpers/directStyleCSSCompiled.d.ts +0 -10
- package/types/helpers/directStyleCSSCompiled.d.ts.map +0 -1
- package/types/helpers/getVariantExtras.d.ts +0 -4
- package/types/helpers/getVariantExtras.d.ts.map +0 -1
- package/types/helpers/variantResolvers.d.ts +0 -9
- package/types/helpers/variantResolvers.d.ts.map +0 -1
package/src/types.tsx
CHANGED
|
@@ -460,7 +460,6 @@ export type ThemeProviderProps = {
|
|
|
460
460
|
className?: string
|
|
461
461
|
defaultTheme: string | null | undefined
|
|
462
462
|
children?: any
|
|
463
|
-
reset?: boolean
|
|
464
463
|
/**
|
|
465
464
|
* This provider is mounted inside a page it does not own, so it must not write
|
|
466
465
|
* its theme class onto `html` or `body`. Its theme class goes on its own node
|
|
@@ -1083,7 +1082,6 @@ export type ReservedThemePropName =
|
|
|
1083
1082
|
| 'nativeUpdate'
|
|
1084
1083
|
| 'needsUpdate'
|
|
1085
1084
|
| 'passThrough'
|
|
1086
|
-
| 'reset'
|
|
1087
1085
|
| 'shallow'
|
|
1088
1086
|
|
|
1089
1087
|
export type Tokens = TamaguiConfig['tokens']
|
|
@@ -1147,7 +1145,6 @@ export interface ThemeProps {
|
|
|
1147
1145
|
className?: string
|
|
1148
1146
|
name?: Exclude<ThemeName, number> | null
|
|
1149
1147
|
children?: any
|
|
1150
|
-
reset?: boolean
|
|
1151
1148
|
debug?: DebugProp
|
|
1152
1149
|
// on the web, for portals we need to re-insert className
|
|
1153
1150
|
forceClassName?: boolean
|
|
@@ -2918,6 +2915,27 @@ export type StaticComponentObject<
|
|
|
2918
2915
|
ParentStaticProperties,
|
|
2919
2916
|
> = {
|
|
2920
2917
|
staticConfig: StaticConfig
|
|
2918
|
+
|
|
2919
|
+
/**
|
|
2920
|
+
* chain a component resolver: receives the complete props plus the style
|
|
2921
|
+
* env, returns a style fragment applied above variants and below call-site
|
|
2922
|
+
* props. Returns a NEW component; the original is untouched.
|
|
2923
|
+
*/
|
|
2924
|
+
resolve(
|
|
2925
|
+
resolver: StyledResolver<
|
|
2926
|
+
Props extends TamaDefer
|
|
2927
|
+
? GetFinalProps<NonStyledProps, BaseStyles, VariantProps>
|
|
2928
|
+
: Props,
|
|
2929
|
+
WithThemeAndShorthands<BaseStyles, {}>
|
|
2930
|
+
>
|
|
2931
|
+
): TamaguiComponent<
|
|
2932
|
+
Props,
|
|
2933
|
+
Ref,
|
|
2934
|
+
NonStyledProps,
|
|
2935
|
+
BaseStyles,
|
|
2936
|
+
VariantProps,
|
|
2937
|
+
ParentStaticProperties
|
|
2938
|
+
>
|
|
2921
2939
|
}
|
|
2922
2940
|
|
|
2923
2941
|
export type TamaguiComponentExpectingVariants<
|
|
@@ -2998,14 +3016,15 @@ export type PropMapper = (
|
|
|
2998
3016
|
) => void
|
|
2999
3017
|
|
|
3000
3018
|
export type GenericVariantDefinitions = {
|
|
3001
|
-
[key: string]:
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3005
|
-
|
|
3006
|
-
|
|
3007
|
-
|
|
3008
|
-
|
|
3019
|
+
[key: string]:
|
|
3020
|
+
| StyledDynamic<any>
|
|
3021
|
+
| {
|
|
3022
|
+
[key: string]:
|
|
3023
|
+
| StaticStyleInput
|
|
3024
|
+
| {
|
|
3025
|
+
[key: string]: any
|
|
3026
|
+
}
|
|
3027
|
+
}
|
|
3009
3028
|
}
|
|
3010
3029
|
|
|
3011
3030
|
export type StaticConfigPublic = {
|
|
@@ -3036,13 +3055,6 @@ export type StaticConfigPublic = {
|
|
|
3036
3055
|
*/
|
|
3037
3056
|
validStyles?: { [key: string]: boolean }
|
|
3038
3057
|
|
|
3039
|
-
/**
|
|
3040
|
-
* Accept Tamagui tokens for these props (key for the prop key, val for the token category)
|
|
3041
|
-
*/
|
|
3042
|
-
accept?: {
|
|
3043
|
-
[key: string]: keyof Tokens | 'style' | 'textStyle'
|
|
3044
|
-
}
|
|
3045
|
-
|
|
3046
3058
|
/**
|
|
3047
3059
|
* (compiler) If these props are encountered, leave them un-extracted.
|
|
3048
3060
|
*/
|
|
@@ -3087,6 +3099,13 @@ type StaticConfigBase = StaticConfigPublic & {
|
|
|
3087
3099
|
|
|
3088
3100
|
variants?: GenericVariantDefinitions
|
|
3089
3101
|
|
|
3102
|
+
/**
|
|
3103
|
+
* component resolvers added via `.resolve`, parent-first. Run after the
|
|
3104
|
+
* props walk at their own precedence tier (above variants, below call-site
|
|
3105
|
+
* props); a later resolver wins within the tier.
|
|
3106
|
+
*/
|
|
3107
|
+
resolvers?: StyledResolver[]
|
|
3108
|
+
|
|
3090
3109
|
context?: StyledContext
|
|
3091
3110
|
|
|
3092
3111
|
contextProps?: readonly string[]
|
|
@@ -3131,6 +3150,24 @@ export type StaticConfig = StaticConfigBase & {
|
|
|
3131
3150
|
|
|
3132
3151
|
export type ViewStyleObject = TextStyle
|
|
3133
3152
|
|
|
3153
|
+
/** Shared registry symbol carried by runtime/compiled `style()` pieces. */
|
|
3154
|
+
export const stylePieceSymbol: symbol = Symbol.for('tamagui.stylePiece')
|
|
3155
|
+
|
|
3156
|
+
/** A statically-shaped style accepted by `style()`. */
|
|
3157
|
+
export type StaticShapeStyle = TextStyle
|
|
3158
|
+
|
|
3159
|
+
/**
|
|
3160
|
+
* Per-property style fragment. `byKey` keeps later tiers subtractable; the
|
|
3161
|
+
* authored object is retained for native and inline-JS resolution.
|
|
3162
|
+
*/
|
|
3163
|
+
export type StylePiece = {
|
|
3164
|
+
className: string
|
|
3165
|
+
[key: symbol]: {
|
|
3166
|
+
byKey: Record<string, string>
|
|
3167
|
+
styleObject: StaticShapeStyle
|
|
3168
|
+
}
|
|
3169
|
+
}
|
|
3170
|
+
|
|
3134
3171
|
/**
|
|
3135
3172
|
* --------------------------------------------
|
|
3136
3173
|
* variants
|
|
@@ -3143,95 +3180,52 @@ export type StylableComponent =
|
|
|
3143
3180
|
| ReactComponentWithRef<any, any>
|
|
3144
3181
|
| (new (props: any) => any)
|
|
3145
3182
|
|
|
3146
|
-
|
|
3147
|
-
|
|
3148
|
-
|
|
3149
|
-
|
|
3150
|
-
|
|
3151
|
-
| 'ZIndex'
|
|
3152
|
-
| 'Theme'
|
|
3153
|
-
| 'FontSize'
|
|
3154
|
-
| 'FontStyle'
|
|
3155
|
-
| 'FontTransform'
|
|
3156
|
-
| 'FontLineHeight'
|
|
3157
|
-
| 'FontLetterSpacing'
|
|
3158
|
-
| 'number'
|
|
3159
|
-
| 'string'
|
|
3160
|
-
| 'boolean'
|
|
3161
|
-
| 'any'
|
|
3162
|
-
|
|
3163
|
-
type TrimWhitespace = ' ' | '\n' | '\t' | '\r' | '\v' | '\f'
|
|
3164
|
-
|
|
3165
|
-
type Trim<S extends string> = S extends `${TrimWhitespace}${infer Next}`
|
|
3166
|
-
? Trim<Next>
|
|
3167
|
-
: S extends `${infer Next}${TrimWhitespace}`
|
|
3168
|
-
? Trim<Next>
|
|
3169
|
-
: S
|
|
3170
|
-
|
|
3171
|
-
type ValidateVariantResolverKey<Key extends string> =
|
|
3172
|
-
Trim<Key> extends `${infer Left}|${infer Right}`
|
|
3173
|
-
? Trim<Left> extends VariantResolverName
|
|
3174
|
-
? ValidateVariantResolverKey<Right> extends never
|
|
3175
|
-
? never
|
|
3176
|
-
: Key
|
|
3177
|
-
: never
|
|
3178
|
-
: Trim<Key> extends VariantResolverName
|
|
3179
|
-
? Key
|
|
3180
|
-
: never
|
|
3183
|
+
/**
|
|
3184
|
+
* brand for `styled.dynamic` carriers stored in `variants`. Shared registry
|
|
3185
|
+
* symbol so multiple copies of the package agree on what is a carrier.
|
|
3186
|
+
*/
|
|
3187
|
+
export const styledDynamicSymbol = Symbol.for('tamagui.styledDynamic')
|
|
3181
3188
|
|
|
3182
|
-
|
|
3183
|
-
|
|
3184
|
-
|
|
3189
|
+
/**
|
|
3190
|
+
* environment handed to `styled.dynamic` callbacks and component `.resolve`
|
|
3191
|
+
* resolvers. Never includes props for dynamics: a dynamic is a pure function
|
|
3192
|
+
* of its value, which is what makes per-clause invocation sound.
|
|
3193
|
+
*/
|
|
3194
|
+
export type StyledDynamicEnv = {
|
|
3195
|
+
fonts: TamaguiConfig['fonts']
|
|
3196
|
+
tokens: TokensParsed
|
|
3197
|
+
theme: Themes extends { [key: string]: infer B } ? B : unknown
|
|
3198
|
+
fontFamily?: FontFamilyTokens
|
|
3199
|
+
font?: Font
|
|
3200
|
+
}
|
|
3185
3201
|
|
|
3186
|
-
|
|
3187
|
-
|
|
3188
|
-
:
|
|
3189
|
-
|
|
3190
|
-
|
|
3191
|
-
|
|
3192
|
-
|
|
3193
|
-
|
|
3194
|
-
|
|
3195
|
-
|
|
3196
|
-
|
|
3197
|
-
? ThemeTokens
|
|
3198
|
-
: Name extends 'FontSize'
|
|
3199
|
-
? FontSize
|
|
3200
|
-
: Name extends 'FontStyle'
|
|
3201
|
-
? FontStyleTokens
|
|
3202
|
-
: Name extends 'FontTransform'
|
|
3203
|
-
? FontTransformTokens
|
|
3204
|
-
: Name extends 'FontLineHeight'
|
|
3205
|
-
? FontLineHeightTokens
|
|
3206
|
-
: Name extends 'FontLetterSpacing'
|
|
3207
|
-
? FontLetterSpacingTokens
|
|
3208
|
-
: Name extends 'number'
|
|
3209
|
-
? number
|
|
3210
|
-
: Name extends 'string'
|
|
3211
|
-
? string
|
|
3212
|
-
: Name extends 'boolean'
|
|
3213
|
-
? boolean
|
|
3214
|
-
: Name extends 'any'
|
|
3215
|
-
? any
|
|
3216
|
-
: never
|
|
3217
|
-
|
|
3218
|
-
export type VariantResolverValue<Key extends string> =
|
|
3219
|
-
Trim<Key> extends `${infer Left}|${infer Right}`
|
|
3220
|
-
? VariantResolverValueForName<Trim<Left>> | VariantResolverValue<Right>
|
|
3221
|
-
: VariantResolverValueForName<Trim<Key>>
|
|
3222
|
-
|
|
3223
|
-
export function createVariantResolver<
|
|
3224
|
-
Key extends string,
|
|
3225
|
-
Props extends PropLike = PropLike,
|
|
3226
|
-
Resolver extends VariantSpreadFunction<Props, VariantResolverValue<Key>> =
|
|
3227
|
-
VariantSpreadFunction<Props, VariantResolverValue<Key>>,
|
|
3228
|
-
>(
|
|
3229
|
-
key: string extends Key ? never : Key & VariantResolverKey<Key>,
|
|
3230
|
-
resolver: Resolver
|
|
3231
|
-
): Resolver {
|
|
3232
|
-
return resolver
|
|
3202
|
+
/** bare `styled.dynamic<T>()`: a typed prop consumed by styling, given style by `.resolve` */
|
|
3203
|
+
export interface StyledDynamicProp<Val = any> {
|
|
3204
|
+
[styledDynamicSymbol]: true
|
|
3205
|
+
/** phantom carrying the accepted value type; never set at runtime */
|
|
3206
|
+
__value?: Val
|
|
3207
|
+
}
|
|
3208
|
+
|
|
3209
|
+
/** `styled.dynamic<T>(fn)`: value -> style fragment, invoked per clause payload */
|
|
3210
|
+
export interface StyledDynamicFn<Val = any, Output extends object = Record<string, any>> {
|
|
3211
|
+
(value: Val, env: StyledDynamicEnv): Partial<Output> | null | undefined
|
|
3212
|
+
[styledDynamicSymbol]: true
|
|
3233
3213
|
}
|
|
3234
3214
|
|
|
3215
|
+
export type StyledDynamic<Val = any, Output extends object = Record<string, any>> =
|
|
3216
|
+
| StyledDynamicProp<Val>
|
|
3217
|
+
| StyledDynamicFn<Val, Output>
|
|
3218
|
+
|
|
3219
|
+
/**
|
|
3220
|
+
* a component resolver added via `.resolve`: complete merged props -> style
|
|
3221
|
+
* fragment, applied above variants and below call-site props. undefined
|
|
3222
|
+
* values mean absent (fall through to lower tiers).
|
|
3223
|
+
*/
|
|
3224
|
+
export type StyledResolver<
|
|
3225
|
+
Props = Record<string, any>,
|
|
3226
|
+
Output extends object = Record<string, any>,
|
|
3227
|
+
> = (props: Props, env: StyledDynamicEnv) => Partial<Output> | null | undefined
|
|
3228
|
+
|
|
3235
3229
|
export type VariantDefinitions<
|
|
3236
3230
|
Parent extends StylableComponent = TamaguiComponent,
|
|
3237
3231
|
StaticConfig extends StaticConfigPublic = Parent extends {
|
|
@@ -3277,12 +3271,9 @@ export type GetVariantProps<
|
|
|
3277
3271
|
export type VariantDefinitionFromProps<MyProps, Val> = MyProps extends object
|
|
3278
3272
|
? {
|
|
3279
3273
|
[propName: string]:
|
|
3280
|
-
|
|
|
3274
|
+
| StyledDynamic<any, MyProps>
|
|
3281
3275
|
| {
|
|
3282
|
-
[Key in string | number | 'true' | 'false']?:
|
|
3283
|
-
| MyProps
|
|
3284
|
-
| VariantSpreadFunction<MyProps, Val>
|
|
3285
|
-
| StaticStyleInput
|
|
3276
|
+
[Key in string | number | 'true' | 'false']?: MyProps | StaticStyleInput
|
|
3286
3277
|
}
|
|
3287
3278
|
}
|
|
3288
3279
|
: {}
|
|
@@ -3293,66 +3284,6 @@ export type GenericStackVariants = VariantDefinitionFromProps<
|
|
|
3293
3284
|
>
|
|
3294
3285
|
export type GenericTextVariants = VariantDefinitionFromProps<TextProps, any>
|
|
3295
3286
|
|
|
3296
|
-
export type VariantSpreadExtras<Props> = {
|
|
3297
|
-
fonts: TamaguiConfig['fonts']
|
|
3298
|
-
tokens: TokensParsed
|
|
3299
|
-
theme: Themes extends { [key: string]: infer B } ? B : unknown
|
|
3300
|
-
props: Props
|
|
3301
|
-
fontFamily?: FontFamilyTokens
|
|
3302
|
-
font?: Font
|
|
3303
|
-
}
|
|
3304
|
-
|
|
3305
|
-
type PropLike = { [key: string]: any }
|
|
3306
|
-
|
|
3307
|
-
export type VariantSpreadFunction<Props extends PropLike, Val = any> = (
|
|
3308
|
-
val: Val,
|
|
3309
|
-
config: VariantSpreadExtras<Props>
|
|
3310
|
-
) =>
|
|
3311
|
-
| {
|
|
3312
|
-
[Key in keyof Props]: Props[Key] | Variable | VariableVal
|
|
3313
|
-
}
|
|
3314
|
-
| null
|
|
3315
|
-
| undefined
|
|
3316
|
-
|
|
3317
|
-
export type FontSizeVariantSpreadFunction<A extends PropLike> = VariantSpreadFunction<
|
|
3318
|
-
A,
|
|
3319
|
-
FontSizeTokens
|
|
3320
|
-
>
|
|
3321
|
-
export type SizeVariantSpreadFunction<A extends PropLike> = VariantSpreadFunction<
|
|
3322
|
-
A,
|
|
3323
|
-
SizeTokens
|
|
3324
|
-
>
|
|
3325
|
-
export type SpaceVariantSpreadFunction<A extends PropLike> = VariantSpreadFunction<
|
|
3326
|
-
A,
|
|
3327
|
-
SpaceTokens
|
|
3328
|
-
>
|
|
3329
|
-
export type ColorVariantSpreadFunction<A extends PropLike> = VariantSpreadFunction<
|
|
3330
|
-
A,
|
|
3331
|
-
ColorTokens
|
|
3332
|
-
>
|
|
3333
|
-
export type FontLineHeightVariantSpreadFunction<A extends PropLike> =
|
|
3334
|
-
VariantSpreadFunction<A, FontLineHeightTokens>
|
|
3335
|
-
export type FontLetterSpacingVariantSpreadFunction<A extends PropLike> =
|
|
3336
|
-
VariantSpreadFunction<A, FontLetterSpacingTokens>
|
|
3337
|
-
export type FontStyleVariantSpreadFunction<A extends PropLike> = VariantSpreadFunction<
|
|
3338
|
-
A,
|
|
3339
|
-
FontStyleTokens
|
|
3340
|
-
>
|
|
3341
|
-
export type FontTransformVariantSpreadFunction<A extends PropLike> =
|
|
3342
|
-
VariantSpreadFunction<A, FontTransformTokens>
|
|
3343
|
-
export type ZIndexVariantSpreadFunction<A extends PropLike> = VariantSpreadFunction<
|
|
3344
|
-
A,
|
|
3345
|
-
ZIndexTokens
|
|
3346
|
-
>
|
|
3347
|
-
export type RadiusVariantSpreadFunction<A extends PropLike> = VariantSpreadFunction<
|
|
3348
|
-
A,
|
|
3349
|
-
RadiusTokens
|
|
3350
|
-
>
|
|
3351
|
-
export type ThemeVariantSpreadFunction<A extends PropLike> = VariantSpreadFunction<
|
|
3352
|
-
A,
|
|
3353
|
-
ThemeTokens
|
|
3354
|
-
>
|
|
3355
|
-
|
|
3356
3287
|
/**
|
|
3357
3288
|
* --------------------------------------------
|
|
3358
3289
|
* end variants
|
|
@@ -3368,6 +3299,10 @@ export type ResolveVariableAs =
|
|
|
3368
3299
|
| 'except-theme'
|
|
3369
3300
|
|
|
3370
3301
|
export type SplitStyleProps = {
|
|
3302
|
+
/** Internal: extraction must carry rules even when module evaluation inserted them. */
|
|
3303
|
+
isStatic?: boolean
|
|
3304
|
+
/** Internal: captures pre-parsed style-piece slots before atomic completion. */
|
|
3305
|
+
stylePieceEntries?: Record<string, any[]>
|
|
3371
3306
|
displayName?: string
|
|
3372
3307
|
styledContext?: Record<string, any>
|
|
3373
3308
|
mediaState?: Record<string, boolean>
|
|
@@ -3623,8 +3558,9 @@ export type RegisteredStyle<T> = number & { __registeredStyleBrand: T }
|
|
|
3623
3558
|
|
|
3624
3559
|
export type StyleProp<T> =
|
|
3625
3560
|
| T
|
|
3561
|
+
| StylePiece
|
|
3626
3562
|
| RegisteredStyle<T>
|
|
3627
|
-
| RecursiveArray<T | RegisteredStyle<T> | Falsy>
|
|
3563
|
+
| RecursiveArray<T | StylePiece | RegisteredStyle<T> | Falsy>
|
|
3628
3564
|
| Falsy
|
|
3629
3565
|
|
|
3630
3566
|
export type FillInFont<A extends GenericFont, DefaultKeys extends string | number> = {
|
|
@@ -29,7 +29,6 @@ export function TamaguiProvider({
|
|
|
29
29
|
config,
|
|
30
30
|
className,
|
|
31
31
|
defaultTheme: defaultThemeProp,
|
|
32
|
-
reset,
|
|
33
32
|
insets,
|
|
34
33
|
isSubtreeRoot,
|
|
35
34
|
}: TamaguiProviderProps) {
|
|
@@ -65,7 +64,6 @@ export function TamaguiProvider({
|
|
|
65
64
|
>
|
|
66
65
|
<ThemeProvider
|
|
67
66
|
defaultTheme={defaultTheme}
|
|
68
|
-
reset={reset}
|
|
69
67
|
className={className}
|
|
70
68
|
isSubtreeRoot={isSubtreeRoot}
|
|
71
69
|
>
|
package/src/views/Text.tsx
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { stylePropsTextOnly, validStyles } from '@tamagui/helpers'
|
|
2
2
|
|
|
3
3
|
import { createComponent } from '../createComponent'
|
|
4
|
+
import { styledDynamic } from '../helpers/styledDynamic'
|
|
4
5
|
import type {
|
|
5
6
|
StaticConfig,
|
|
6
7
|
TamaguiTextElement,
|
|
@@ -42,20 +43,25 @@ export const textStaticConfig: StaticConfig = {
|
|
|
42
43
|
|
|
43
44
|
variants: {
|
|
44
45
|
...(process.env.TAMAGUI_TARGET === 'web' && {
|
|
45
|
-
numberOfLines: {
|
|
46
|
-
1
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
46
|
+
numberOfLines: styledDynamic<number>((numberOfLines) => {
|
|
47
|
+
if (numberOfLines === 1) {
|
|
48
|
+
return {
|
|
49
|
+
maxWidth: '100%',
|
|
50
|
+
overflow: 'hidden',
|
|
51
|
+
textOverflow: 'ellipsis',
|
|
52
|
+
whiteSpace: 'nowrap',
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
return numberOfLines >= 1
|
|
56
|
+
? {
|
|
57
|
+
maxWidth: '100%',
|
|
58
|
+
WebkitLineClamp: numberOfLines,
|
|
59
|
+
WebkitBoxOrient: 'vertical',
|
|
60
|
+
display: '-webkit-box',
|
|
61
|
+
overflow: 'hidden',
|
|
62
|
+
}
|
|
63
|
+
: null
|
|
64
|
+
}),
|
|
59
65
|
}),
|
|
60
66
|
|
|
61
67
|
ellipsis: {
|
package/src/views/Theme.tsx
CHANGED
|
@@ -33,7 +33,9 @@ export const Theme = createRefComponent(function Theme(
|
|
|
33
33
|
|
|
34
34
|
if (process.env.NODE_ENV === 'development') {
|
|
35
35
|
for (const key in props) {
|
|
36
|
-
|
|
36
|
+
// bundler dev tooling stamps source locations onto every element
|
|
37
|
+
// (`data-one-source` on web, `srcloc` on native); those are not values
|
|
38
|
+
if (!reservedThemeProps[key] && key !== 'srcloc' && !key.startsWith('data-')) {
|
|
37
39
|
warnOnce(
|
|
38
40
|
`theme-update:${key}`,
|
|
39
41
|
`<Theme ${key}=...> no longer accepts inline values. Wrap the subtree in <ThemeUpdate ${key}=...> instead.`
|
|
@@ -156,14 +158,16 @@ export function getThemedChildren(
|
|
|
156
158
|
)
|
|
157
159
|
if (!parentState) {
|
|
158
160
|
throw new Error(
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
161
|
+
process.env.NODE_ENV !== 'production'
|
|
162
|
+
? formatDiagnostic(
|
|
163
|
+
'‼️010',
|
|
164
|
+
'Theme',
|
|
165
|
+
'parent theme state is missing for shallow rendering',
|
|
166
|
+
'Keep <Theme shallow> inside its mounted parent Theme',
|
|
167
|
+
'name,parentId',
|
|
168
|
+
{ name: themeState.name, parentId: themeState.parentId }
|
|
169
|
+
)
|
|
170
|
+
: '❌ Error 014'
|
|
167
171
|
)
|
|
168
172
|
}
|
|
169
173
|
children = Children.toArray(children).map((child) => {
|
package/src/views/ThemeDebug.tsx
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAqC/D,OAAO,KAAK,EASV,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EAOf,MAAM,SAAS,CAAA;AAahB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAwK9D,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAqC/D,OAAO,KAAK,EASV,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EAOf,MAAM,SAAS,CAAA;AAahB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAwK9D,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,wEA88D3B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { type ReactNode, type Ref as ReactRef } from 'react';
|
|
2
2
|
import type { GetFinalProps, StyledHOCMergedProps, StyledHOCOptions, TamaguiComponent, TamaDefer } from './types';
|
|
3
|
-
export declare function createStyledHOC<Props, Ref, NonStyledProps, BaseStyles extends object, VariantProps, ParentStaticProperties, CustomProps extends object = {}>(component: TamaguiComponent<Props, Ref, NonStyledProps, BaseStyles, VariantProps, ParentStaticProperties>, render: (props: NoInfer<Props extends TamaDefer ? GetFinalProps<NonStyledProps, BaseStyles, VariantProps> : Props> & CustomProps, ref
|
|
3
|
+
export declare function createStyledHOC<Props, Ref, NonStyledProps, BaseStyles extends object, VariantProps, ParentStaticProperties, CustomProps extends object = {}>(component: TamaguiComponent<Props, Ref, NonStyledProps, BaseStyles, VariantProps, ParentStaticProperties>, render: (props: NoInfer<Props extends TamaDefer ? GetFinalProps<NonStyledProps, BaseStyles, VariantProps> : Props> & CustomProps, ref: ReactRef<NoInfer<Ref>> | null) => ReactNode, options?: StyledHOCOptions): TamaguiComponent<keyof CustomProps extends never ? Props : StyledHOCMergedProps<Props extends TamaDefer ? GetFinalProps<NonStyledProps, BaseStyles, VariantProps> : Props, CustomProps>, Ref, NonStyledProps & CustomProps, BaseStyles, VariantProps, ParentStaticProperties>;
|
|
4
4
|
//# sourceMappingURL=createStyledHOC.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createStyledHOC.d.ts","sourceRoot":"","sources":["../src/createStyledHOC.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,IAAI,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGnE,OAAO,KAAK,EACV,aAAa,EAEb,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EAEV,MAAM,SAAS,CAAA;AAEhB,wBAAgB,eAAe,CAC7B,KAAK,EACL,GAAG,EACH,cAAc,EACd,UAAU,SAAS,MAAM,EACzB,YAAY,EACZ,sBAAsB,EACtB,WAAW,SAAS,MAAM,GAAG,EAAE,EAE/B,SAAS,EAAE,gBAAgB,CACzB,KAAK,EACL,GAAG,EACH,cAAc,EACd,UAAU,EACV,YAAY,EACZ,sBAAsB,CACvB,EACD,MAAM,EAAE,CACN,KAAK,EAAE,OAAO,CACZ,KAAK,SAAS,SAAS,GACnB,aAAa,CAAC,cAAc,EAAE,UAAU,EAAE,YAAY,CAAC,GACvD,KAAK,CACV,GACC,WAAW,
|
|
1
|
+
{"version":3,"file":"createStyledHOC.d.ts","sourceRoot":"","sources":["../src/createStyledHOC.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,IAAI,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGnE,OAAO,KAAK,EACV,aAAa,EAEb,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EAEV,MAAM,SAAS,CAAA;AAEhB,wBAAgB,eAAe,CAC7B,KAAK,EACL,GAAG,EACH,cAAc,EACd,UAAU,SAAS,MAAM,EACzB,YAAY,EACZ,sBAAsB,EACtB,WAAW,SAAS,MAAM,GAAG,EAAE,EAE/B,SAAS,EAAE,gBAAgB,CACzB,KAAK,EACL,GAAG,EACH,cAAc,EACd,UAAU,EACV,YAAY,EACZ,sBAAsB,CACvB,EACD,MAAM,EAAE,CACN,KAAK,EAAE,OAAO,CACZ,KAAK,SAAS,SAAS,GACnB,aAAa,CAAC,cAAc,EAAE,UAAU,EAAE,YAAY,CAAC,GACvD,KAAK,CACV,GACC,WAAW,EAGb,GAAG,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,KAC/B,SAAS,EACd,OAAO,CAAC,EAAE,gBAAgB,GACzB,gBAAgB,CAKjB,MAAM,WAAW,SAAS,KAAK,GAC3B,KAAK,GACL,oBAAoB,CAClB,KAAK,SAAS,SAAS,GACnB,aAAa,CAAC,cAAc,EAAE,UAAU,EAAE,YAAY,CAAC,GACvD,KAAK,EACT,WAAW,CACZ,EACL,GAAG,EACH,cAAc,GAAG,WAAW,EAC5B,UAAU,EACV,YAAY,EACZ,sBAAsB,CACvB,CA4EA"}
|
|
@@ -7,8 +7,6 @@ export declare function getVariable(nameOrVariable: Variable | string | any, gro
|
|
|
7
7
|
export declare const setDidGetVariableValue: (val: boolean) => boolean;
|
|
8
8
|
export declare const didGetVariableValue: () => boolean;
|
|
9
9
|
export declare function getVariableValue(v: Variable | any, group?: TokenCategories): any;
|
|
10
|
-
export declare function getVariableName(v: Variable | any): any;
|
|
11
|
-
export declare function getVariableVariable(v: Variable | string | undefined): string | undefined;
|
|
12
10
|
export declare const createCSSVariable: (nameProp: string, includeVar?: boolean) => string;
|
|
13
11
|
/**
|
|
14
12
|
* Helper function to mark a token value as needing px units.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createVariable.d.ts","sourceRoot":"","sources":["../src/createVariable.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAWjE,KAAK,UAAU,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC,CAAA;AAOpE,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,GAAG,SAChE,UAAU,CAAC,CAAC,CAAC,yBAEnB,QAAQ,CAAC,CAAC,CAwBZ,CAAA;AAGD,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,QAAQ,UAAQ,UAQ7D;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,IAAI,QAAQ,CAE3D;AAED,wBAAgB,WAAW,CACzB,cAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,GAAG,EACvC,KAAK,GAAE,eAAwB,OAYhC;AAGD,eAAO,MAAM,sBAAsB,QAAS,OAAO,YAAqB,CAAA;AACxE,eAAO,MAAM,mBAAmB,eAAiB,CAAA;AAEjD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,KAAK,CAAC,EAAE,eAAe,OAc1E;
|
|
1
|
+
{"version":3,"file":"createVariable.d.ts","sourceRoot":"","sources":["../src/createVariable.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAWjE,KAAK,UAAU,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC,CAAA;AAOpE,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,GAAG,SAChE,UAAU,CAAC,CAAC,CAAC,yBAEnB,QAAQ,CAAC,CAAC,CAwBZ,CAAA;AAGD,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,QAAQ,UAAQ,UAQ7D;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,IAAI,QAAQ,CAE3D;AAED,wBAAgB,WAAW,CACzB,cAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,GAAG,EACvC,KAAK,GAAE,eAAwB,OAYhC;AAGD,eAAO,MAAM,sBAAsB,QAAS,OAAO,YAAqB,CAAA;AACxE,eAAO,MAAM,mBAAmB,eAAiB,CAAA;AAEjD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,KAAK,CAAC,EAAE,eAAe,OAc1E;AAGD,eAAO,MAAM,iBAAiB,aAAc,MAAM,iCAQjD,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAKzC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const lineStyles: Set<string>;
|
|
2
|
+
export declare function splitComponents(value: string): string[];
|
|
3
|
+
export declare function startsValueFunction(value: string): boolean;
|
|
4
|
+
export type BorderComponents = {
|
|
5
|
+
width?: string;
|
|
6
|
+
style?: string;
|
|
7
|
+
color?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare function classifyBorderComponents(raw: string, allowAuto?: boolean): BorderComponents;
|
|
10
|
+
//# sourceMappingURL=borderComponents.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borderComponents.d.ts","sourceRoot":"","sources":["../../src/helpers/borderComponents.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,aAWrB,CAAA;AAIF,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAMvD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAE1D;AAKD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,UAAQ,oBAoBtE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDesignSystem.d.ts","sourceRoot":"","sources":["../../src/helpers/createDesignSystem.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAW5D,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,iBAAiB,EAAE,MAAM,MAAM,EAAE,CAAA;CAClC,CAAA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,EAChD,4BAA4B,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,GAC1D,MAAM,EAAE,CAuBV;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,EAC5C,qBAAqB,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,MAAM,EAAE,GACnD,MAAM,CACP,MAAM,EACN;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,GAAG,CAAA;CAAE,CAC7E,CAyBA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,YAAY,EAAE,MAAM,EAAE,EACtB,gBAAgB,EAAE,MAAM,CACtB,MAAM,EACN;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,GAAG,CAAA;CAAE,CAC7E,EACD,gBAAgB,SAAK,GACpB,MAAM,EAAE,CA4CV;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,aAAa,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE,CAAC,EACrD,QAAQ,EAAE,kBAAkB,GAC3B,MAAM,EAAE,CAmBV;AAED;;;;;;;GAOG;AACH,KAAK,SAAS,GAAG;IACf,uDAAuD;IACvD,UAAU,EAAE,MAAM,CAAA;IAClB,4EAA4E;IAC5E,MAAM,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,uEAAuE;IACvE,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,SAAS,GAAG,IAAI,CAAA;CACzB,CAAA;
|
|
1
|
+
{"version":3,"file":"createDesignSystem.d.ts","sourceRoot":"","sources":["../../src/helpers/createDesignSystem.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAW5D,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,iBAAiB,EAAE,MAAM,MAAM,EAAE,CAAA;CAClC,CAAA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,EAChD,4BAA4B,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,GAC1D,MAAM,EAAE,CAuBV;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,EAC5C,qBAAqB,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,MAAM,EAAE,GACnD,MAAM,CACP,MAAM,EACN;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,GAAG,CAAA;CAAE,CAC7E,CAyBA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,YAAY,EAAE,MAAM,EAAE,EACtB,gBAAgB,EAAE,MAAM,CACtB,MAAM,EACN;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,GAAG,CAAA;CAAE,CAC7E,EACD,gBAAgB,SAAK,GACpB,MAAM,EAAE,CA4CV;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,aAAa,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE,CAAC,EACrD,QAAQ,EAAE,kBAAkB,GAC3B,MAAM,EAAE,CAmBV;AAED;;;;;;;GAOG;AACH,KAAK,SAAS,GAAG;IACf,uDAAuD;IACvD,UAAU,EAAE,MAAM,CAAA;IAClB,4EAA4E;IAC5E,MAAM,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,uEAAuE;IACvE,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,SAAS,GAAG,IAAI,CAAA;CACzB,CAAA;AA8ED;;GAEG;AACH,wBAAgB,MAAM,CACpB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE;IACJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAAA;CACrD,YAAK,EACN,KAAK,EAAE,WAAW,GACjB,MAAM,CAwBR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createStyledContext.d.ts","sourceRoot":"","sources":["../../src/helpers/createStyledContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAKnE,KAAK,YAAY,GAAG,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"createStyledContext.d.ts","sourceRoot":"","sources":["../../src/helpers/createStyledContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAKnE,KAAK,YAAY,GAAG,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;AAC9C,KAAK,mBAAmB,GAAG,MAAM,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AACxE,KAAK,gBAAgB,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,CAAA;AAE3D,KAAK,yBAAyB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACjE,GAAG,IAAI,MAAM,KAAK,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,KAAK;CAClE,CAAC,MAAM,KAAK,CAAC,CAAA;AAEd,KAAK,yBAAyB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,OAAO,CACzE,MAAM,KAAK,EACX,yBAAyB,CAAC,KAAK,CAAC,CACjC,CAAA;AAED,KAAK,iBAAiB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACzD,GAAG,IAAI,yBAAyB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC;CACtD,GAAG;KACD,GAAG,IAAI,yBAAyB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS;CAClE,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,CACE,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACxC,YAAY,SAAS,gBAAgB,CAAC,YAAY,CAAC,EAEnD,aAAa,EAAE,YAAY,EAC3B,kBAAkB,EAAE,oBAAoB,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG;QACrE,IAAI,EAAE,SAAS,YAAY,EAAE,CAAA;KAC9B,GACA,aAAa,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAC7C,CAAC,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACvC,aAAa,EAAE,YAAY,EAC3B,kBAAkB,CAAC,EAAE,mBAAmB,GACvC,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACvC,aAAa,EAAE,YAAY,GAAG,iBAAiB,CAAC,YAAY,CAAC,EAC7D,kBAAkB,CAAC,EAAE,mBAAmB,GACvC,aAAa,CAAC,YAAY,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;IAC/D,CACE,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACxC,YAAY,SAAS,gBAAgB,CAAC,YAAY,CAAC,EAEnD,aAAa,EAAE,SAAS,EACxB,kBAAkB,EAAE,oBAAoB,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG;QACrE,IAAI,EAAE,SAAS,YAAY,EAAE,CAAA;KAC9B,GACA,aAAa,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAC7C,CAAC,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7D,aAAa,CAAC,EAAE,SAAS,EACzB,kBAAkB,CAAC,EAAE,MAAM,GAC1B,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAgF1B,oBAAoB,CAAA"}
|
|
@@ -2,32 +2,33 @@
|
|
|
2
2
|
* Some parts adapted from react-native-web
|
|
3
3
|
* Copyright (c) Nicolas Gallagher licensed under the MIT license.
|
|
4
4
|
*/
|
|
5
|
-
import type
|
|
6
|
-
import type { ViewStyleObject } from '../types';
|
|
5
|
+
import { type StyleObject } from '@tamagui/helpers';
|
|
6
|
+
import type { GetStyleState, ViewStyleObject } from '../types';
|
|
7
7
|
export { styleToCSS } from './styleToCSS';
|
|
8
|
-
export declare
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
rules: string[],
|
|
13
|
-
value: any,
|
|
14
|
-
/** finished wrapper, cached so a repeat build allocates nothing */
|
|
15
|
-
styleObject?: unknown
|
|
16
|
-
];
|
|
8
|
+
export declare const canGenerateCSS: boolean;
|
|
9
|
+
type DirectAtomicState = GetStyleState & {
|
|
10
|
+
flatAtomics?: Map<string, StyleObject>;
|
|
11
|
+
};
|
|
17
12
|
export type AtomicSlotEntry = [
|
|
18
13
|
property: string,
|
|
19
14
|
value: any,
|
|
20
15
|
condition: number,
|
|
21
16
|
identity: string,
|
|
22
17
|
selector: string,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
/** authored value, carried only on deferred platform-pseudo passes so an
|
|
27
|
-
* inline conversion preserves provenance */
|
|
28
|
-
original?: any
|
|
18
|
+
wrappers: readonly string[] | undefined,
|
|
19
|
+
original?: any,
|
|
20
|
+
flags?: number
|
|
29
21
|
];
|
|
30
|
-
export
|
|
31
|
-
|
|
22
|
+
export type SlotIdentity = [
|
|
23
|
+
identifier: string,
|
|
24
|
+
rules: string[],
|
|
25
|
+
value: any,
|
|
26
|
+
styleObject?: unknown
|
|
27
|
+
];
|
|
28
|
+
export declare function registerAtomicSlot(state: DirectAtomicState, atomicKey: string, entries: readonly AtomicSlotEntry[]): void;
|
|
29
|
+
export declare function flushDirectStyles(state: GetStyleState, clear?: boolean): void;
|
|
30
|
+
export declare function addComposition(state: GetStyleState, property: 'translate' | 'scale'): void;
|
|
31
|
+
export declare function getCSSStylesAtomic(style: ViewStyleObject): StyleObject[];
|
|
32
|
+
export declare function getCSSStyleAtomic(key: string, val: any, condition?: string, wrappers?: readonly string[], identity?: string, direct?: boolean, identityKey?: string, classRepetitions?: number): StyleObject | undefined;
|
|
32
33
|
export declare function buildAtomicSlotCSS(atomicKey: string, entries: readonly AtomicSlotEntry[], signature: string): SlotIdentity | undefined;
|
|
33
34
|
//# sourceMappingURL=getCSSStylesAtomic.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getCSSStylesAtomic.d.ts","sourceRoot":"","sources":["../../src/helpers/getCSSStylesAtomic.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"getCSSStylesAtomic.d.ts","sourceRoot":"","sources":["../../src/helpers/getCSSStylesAtomic.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,KAAK,WAAW,EAKjB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAyB,eAAe,EAAE,MAAM,UAAU,CAAA;AAOrF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAO,MAAM,cAAc,SACkD,CAAA;AAE7E,KAAK,iBAAiB,GAAG,aAAa,GAAG;IACvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,GAAG;IACV,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS;IACvC,QAAQ,CAAC,EAAE,GAAG;IACd,KAAK,CAAC,EAAE,MAAM;CACf,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM,EAAE;IACf,KAAK,EAAE,GAAG;IACV,WAAW,CAAC,EAAE,OAAO;CACtB,CAAA;AAoBD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,iBAAiB,EACxB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,SAAS,eAAe,EAAE,QAkCpC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,UAAQ,QAkBpE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,GAAG,OAAO,QAuBnF;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,iBAaxD;AAED,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,GAAG,EACR,SAAS,SAAK,EACd,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,EAC5B,QAAQ,CAAC,EAAE,MAAM,EACjB,MAAM,UAAQ,EACd,WAAW,SAAM,EACjB,gBAAgB,SAAI,GACnB,WAAW,GAAG,SAAS,CAYzB;AA2DD,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,SAAS,eAAe,EAAE,EACnC,SAAS,EAAE,MAAM,GAChB,YAAY,GAAG,SAAS,CAqD1B"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
declare const empty: () => void;
|
|
2
|
+
export declare const canGenerateCSS = false;
|
|
3
|
+
export declare const flushDirectStyles: typeof empty;
|
|
4
|
+
export declare const addComposition: typeof empty;
|
|
5
|
+
export declare const registerAtomicSlot: typeof empty;
|
|
6
|
+
export declare const buildAtomicSlotCSS: typeof empty;
|
|
2
7
|
export declare const getCSSStylesAtomic: typeof empty;
|
|
3
8
|
export declare const getCSSStyleAtomic: typeof empty;
|
|
4
9
|
export declare const getStyleAtomic: typeof empty;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getCSSStylesAtomic.native.d.ts","sourceRoot":"","sources":["../../src/helpers/getCSSStylesAtomic.native.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"getCSSStylesAtomic.native.d.ts","sourceRoot":"","sources":["../../src/helpers/getCSSStylesAtomic.native.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK,YAAW,CAAA;AAEtB,eAAO,MAAM,cAAc,QAAQ,CAAA;AACnC,eAAO,MAAM,iBAAiB,cAAQ,CAAA;AACtC,eAAO,MAAM,cAAc,cAAQ,CAAA;AACnC,eAAO,MAAM,kBAAkB,cAAQ,CAAA;AACvC,eAAO,MAAM,kBAAkB,cAAQ,CAAA;AACvC,eAAO,MAAM,kBAAkB,cAAQ,CAAA;AACvC,eAAO,MAAM,iBAAiB,cAAQ,CAAA;AACtC,eAAO,MAAM,cAAc,cAAQ,CAAA;AACnC,eAAO,MAAM,UAAU,cAAQ,CAAA"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
import type { ViewStyleObject } from '../types';
|
|
1
|
+
import type { GetStyleState, ViewStyleObject } from '../types';
|
|
2
|
+
export declare const canGenerateCSS = false;
|
|
3
|
+
export declare function flushDirectStyles(_state: GetStyleState, _clear?: boolean): void;
|
|
4
|
+
export declare function addComposition(_state: GetStyleState, _property: 'translate' | 'scale'): void;
|
|
5
|
+
export declare function registerAtomicSlot(): void;
|
|
6
|
+
export declare function buildAtomicSlotCSS(): undefined;
|
|
2
7
|
export declare function getCSSStylesAtomic(_style: ViewStyleObject): never[];
|
|
3
8
|
export declare function getCSSStyleAtomic(): undefined;
|
|
4
9
|
//# sourceMappingURL=getCSSStylesAtomicCompiled.d.ts.map
|