@tamagui/web 1.114.4 → 1.115.0
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/Tamagui.cjs +80 -0
- package/dist/cjs/_withStableStyle.cjs +51 -0
- package/dist/cjs/config.cjs +111 -0
- package/dist/cjs/constants/{accessibilityDirectMap.js → accessibilityDirectMap.cjs} +19 -11
- package/dist/cjs/constants/accessibilityDirectMap.native.cjs +34 -0
- package/dist/cjs/constants/accessibilityDirectMap.native.cjs.map +6 -0
- package/dist/cjs/constants/constants.cjs +45 -0
- package/dist/cjs/constants/isDevTools.cjs +31 -0
- package/dist/cjs/constants/webToNativeProps.cjs +28 -0
- package/dist/cjs/constants/webToNativeProps.native.cjs +102 -0
- package/dist/cjs/constants/webToNativeProps.native.cjs.map +6 -0
- package/dist/cjs/contexts/{ComponentContext.js → ComponentContext.cjs} +17 -12
- package/dist/cjs/{createComponent.js → createComponent.cjs} +407 -317
- package/dist/cjs/createFont.cjs +42 -0
- package/dist/cjs/createShorthands.cjs +28 -0
- package/dist/cjs/createTamagui.cjs +235 -0
- package/dist/cjs/createTheme.cjs +26 -0
- package/dist/cjs/createTokens.cjs +29 -0
- package/dist/cjs/{createVariable.js → createVariable.cjs} +31 -24
- package/dist/cjs/createVariables.cjs +58 -0
- package/dist/cjs/defaultComponentState.cjs +44 -0
- package/dist/cjs/helpers/ThemeManager.cjs +184 -0
- package/dist/cjs/helpers/{ThemeManagerContext.js → ThemeManagerContext.cjs} +22 -14
- package/dist/cjs/helpers/createMediaStyle.cjs +96 -0
- package/dist/cjs/helpers/{createShallowSetState.js → createShallowSetState.cjs} +29 -22
- package/dist/cjs/helpers/createStyledContext.cjs +70 -0
- package/dist/cjs/helpers/defaultOffset.cjs +29 -0
- package/dist/cjs/helpers/expandStyle.cjs +67 -0
- package/dist/cjs/helpers/expandStyles.cjs +40 -0
- package/dist/cjs/helpers/getExpandedShorthands.cjs +33 -0
- package/dist/cjs/helpers/getFontLanguage.cjs +26 -0
- package/dist/cjs/helpers/getGroupPropParts.cjs +37 -0
- package/dist/cjs/helpers/{getSplitStyles.js → getSplitStyles.cjs} +362 -335
- package/dist/cjs/helpers/getStylesAtomic.cjs +176 -0
- package/dist/cjs/helpers/getStylesAtomic.native.cjs +33 -0
- package/dist/cjs/helpers/getStylesAtomic.native.cjs.map +6 -0
- package/dist/cjs/helpers/getThemeCSSRules.cjs +119 -0
- package/dist/cjs/helpers/getThemeCSSRules.native.cjs +28 -0
- package/dist/cjs/helpers/getThemeCSSRules.native.cjs.map +6 -0
- package/dist/cjs/helpers/getVariantExtras.cjs +65 -0
- package/dist/cjs/helpers/{insertStyleRule.js → insertStyleRule.cjs} +93 -96
- package/dist/cjs/helpers/isActivePlatform.cjs +35 -0
- package/dist/cjs/helpers/isObj.cjs +26 -0
- package/dist/cjs/helpers/isTamaguiComponent.cjs +29 -0
- package/dist/cjs/helpers/{isTamaguiElement.js → isTamaguiElement.cjs} +24 -15
- package/dist/cjs/helpers/log.cjs +36 -0
- package/dist/cjs/helpers/matchMedia.cjs +36 -0
- package/dist/cjs/helpers/matchMedia.native.cjs +39 -0
- package/dist/cjs/helpers/matchMedia.native.cjs.map +6 -0
- package/dist/cjs/helpers/mergeProps.cjs +45 -0
- package/dist/cjs/helpers/{mergeVariants.js → mergeVariants.cjs} +19 -17
- package/dist/cjs/helpers/normalizeColor.cjs +48 -0
- package/dist/cjs/helpers/{normalizeShadow.js → normalizeShadow.cjs} +22 -13
- package/dist/cjs/helpers/normalizeStyle.cjs +47 -0
- package/dist/cjs/helpers/normalizeStylePropKeys.cjs +26 -0
- package/dist/cjs/helpers/normalizeStylePropKeys.native.cjs +37 -0
- package/dist/cjs/helpers/normalizeStylePropKeys.native.cjs.map +6 -0
- package/dist/cjs/helpers/{normalizeValueWithProperty.js → normalizeValueWithProperty.cjs} +22 -19
- package/dist/cjs/helpers/objectIdentityKey.cjs +39 -0
- package/dist/cjs/helpers/propMapper.cjs +254 -0
- package/dist/cjs/helpers/proxyThemeToParents.cjs +61 -0
- package/dist/cjs/helpers/{proxyThemeVariables.js → proxyThemeVariables.cjs} +16 -11
- package/dist/cjs/helpers/pseudoDescriptors.cjs +72 -0
- package/dist/cjs/helpers/registerCSSVariable.cjs +33 -0
- package/dist/cjs/helpers/setElementProps.cjs +29 -0
- package/dist/cjs/helpers/setElementProps.native.cjs +30 -0
- package/dist/cjs/helpers/setElementProps.native.cjs.map +6 -0
- package/dist/cjs/helpers/{skipProps.js → skipProps.cjs} +17 -12
- package/dist/cjs/helpers/sortString.cjs +26 -0
- package/dist/cjs/helpers/{subscribeToContextGroup.js → subscribeToContextGroup.cjs} +25 -17
- package/dist/cjs/helpers/themeable.cjs +83 -0
- package/dist/cjs/helpers/{themes.js → themes.cjs} +17 -12
- package/dist/cjs/helpers/timer.cjs +32 -0
- package/dist/cjs/helpers/transformsToString.cjs +37 -0
- package/dist/cjs/helpers/webPropsToSkip.cjs +26 -0
- package/dist/cjs/helpers/webPropsToSkip.native.cjs +79 -0
- package/dist/cjs/helpers/webPropsToSkip.native.cjs.map +6 -0
- package/dist/cjs/helpers/wrapStyleTags.cjs +40 -0
- package/dist/cjs/hooks/{useComponentState.js → useComponentState.cjs} +75 -30
- package/dist/cjs/hooks/useConfiguration.cjs +55 -0
- package/dist/cjs/hooks/{useDidHydrateOnce.js → useDidHydrateOnce.cjs} +27 -16
- package/dist/cjs/hooks/useDisableSSR.cjs +29 -0
- package/dist/cjs/hooks/useIsTouchDevice.cjs +28 -0
- package/dist/cjs/hooks/useMedia.cjs +227 -0
- package/dist/cjs/hooks/useProps.cjs +108 -0
- package/dist/cjs/hooks/useTheme.cjs +277 -0
- package/dist/cjs/hooks/useThemeName.cjs +50 -0
- package/dist/cjs/index.cjs +106 -0
- package/dist/cjs/inject-styles.cjs +37 -0
- package/dist/cjs/insertFont.cjs +72 -0
- package/dist/cjs/interfaces/CSSColorNames.cjs +16 -0
- package/dist/cjs/interfaces/GetRef.cjs +16 -0
- package/dist/cjs/interfaces/KeyTypes.cjs +16 -0
- package/dist/cjs/interfaces/RNExclusiveTypes.cjs +16 -0
- package/dist/cjs/interfaces/Role.cjs +16 -0
- package/dist/cjs/interfaces/TamaguiComponentEvents.cjs +16 -0
- package/dist/cjs/interfaces/{TamaguiComponentPropsBaseBase.js → TamaguiComponentPropsBaseBase.cjs} +8 -6
- package/dist/cjs/interfaces/TamaguiComponentState.cjs +16 -0
- package/dist/cjs/interfaces/WebOnlyPressEvents.cjs +16 -0
- package/dist/cjs/setupHooks.cjs +30 -0
- package/dist/cjs/setupReactNative.cjs +49 -0
- package/dist/cjs/styled.cjs +87 -0
- package/dist/cjs/type-utils.cjs +16 -0
- package/dist/cjs/types.cjs +19 -0
- package/dist/cjs/views/Configuration.cjs +47 -0
- package/dist/cjs/views/FontLanguage.cjs +37 -0
- package/dist/cjs/views/FontLanguage.native.cjs +50 -0
- package/dist/cjs/views/FontLanguage.native.cjs.map +6 -0
- package/dist/cjs/views/FontLanguage.types.cjs +16 -0
- package/dist/cjs/views/Slot.cjs +78 -0
- package/dist/cjs/views/Stack.cjs +34 -0
- package/dist/cjs/views/TamaguiProvider.cjs +93 -0
- package/dist/cjs/views/Text.cjs +86 -0
- package/dist/cjs/views/Theme.cjs +145 -0
- package/dist/cjs/views/ThemeDebug.cjs +92 -0
- package/dist/cjs/views/ThemeDebug.native.cjs +33 -0
- package/dist/cjs/views/ThemeDebug.native.cjs.map +6 -0
- package/dist/cjs/views/ThemeProvider.cjs +56 -0
- package/dist/cjs/views/View.cjs +33 -0
- package/package.json +15 -14
- package/dist/cjs/Tamagui.js +0 -63
- package/dist/cjs/_withStableStyle.js +0 -33
- package/dist/cjs/config.js +0 -97
- package/dist/cjs/constants/constants.js +0 -36
- package/dist/cjs/constants/isDevTools.js +0 -28
- package/dist/cjs/constants/webToNativeProps.js +0 -22
- package/dist/cjs/createFont.js +0 -53
- package/dist/cjs/createShorthands.js +0 -23
- package/dist/cjs/createTamagui.js +0 -189
- package/dist/cjs/createTheme.js +0 -21
- package/dist/cjs/createTokens.js +0 -24
- package/dist/cjs/createVariables.js +0 -47
- package/dist/cjs/defaultComponentState.js +0 -37
- package/dist/cjs/helpers/ThemeManager.js +0 -166
- package/dist/cjs/helpers/createMediaStyle.js +0 -74
- package/dist/cjs/helpers/createStyledContext.js +0 -53
- package/dist/cjs/helpers/defaultOffset.js +0 -21
- package/dist/cjs/helpers/expandStyle.js +0 -73
- package/dist/cjs/helpers/expandStyles.js +0 -34
- package/dist/cjs/helpers/getExpandedShorthands.js +0 -29
- package/dist/cjs/helpers/getFontLanguage.js +0 -21
- package/dist/cjs/helpers/getGroupPropParts.js +0 -27
- package/dist/cjs/helpers/getStylesAtomic.js +0 -152
- package/dist/cjs/helpers/getThemeCSSRules.js +0 -89
- package/dist/cjs/helpers/getVariantExtras.js +0 -58
- package/dist/cjs/helpers/isActivePlatform.js +0 -29
- package/dist/cjs/helpers/isObj.js +0 -21
- package/dist/cjs/helpers/isTamaguiComponent.js +0 -24
- package/dist/cjs/helpers/log.js +0 -31
- package/dist/cjs/helpers/matchMedia.js +0 -34
- package/dist/cjs/helpers/mergeProps.js +0 -41
- package/dist/cjs/helpers/normalizeColor.js +0 -43
- package/dist/cjs/helpers/normalizeStyle.js +0 -36
- package/dist/cjs/helpers/normalizeStylePropKeys.js +0 -21
- package/dist/cjs/helpers/objectIdentityKey.js +0 -38
- package/dist/cjs/helpers/propMapper.js +0 -238
- package/dist/cjs/helpers/proxyThemeToParents.js +0 -52
- package/dist/cjs/helpers/pseudoDescriptors.js +0 -65
- package/dist/cjs/helpers/registerCSSVariable.js +0 -29
- package/dist/cjs/helpers/setElementProps.js +0 -24
- package/dist/cjs/helpers/sortString.js +0 -21
- package/dist/cjs/helpers/themeable.js +0 -63
- package/dist/cjs/helpers/timer.js +0 -27
- package/dist/cjs/helpers/transformsToString.js +0 -32
- package/dist/cjs/helpers/webPropsToSkip.js +0 -21
- package/dist/cjs/helpers/wrapStyleTags.js +0 -39
- package/dist/cjs/hooks/useConfiguration.js +0 -37
- package/dist/cjs/hooks/useDisableSSR.js +0 -24
- package/dist/cjs/hooks/useIsTouchDevice.js +0 -22
- package/dist/cjs/hooks/useMedia.js +0 -206
- package/dist/cjs/hooks/useProps.js +0 -95
- package/dist/cjs/hooks/useTheme.js +0 -263
- package/dist/cjs/hooks/useThemeName.js +0 -39
- package/dist/cjs/index.js +0 -99
- package/dist/cjs/inject-styles.js +0 -28
- package/dist/cjs/insertFont.js +0 -65
- package/dist/cjs/interfaces/CSSColorNames.js +0 -14
- package/dist/cjs/interfaces/GetRef.js +0 -14
- package/dist/cjs/interfaces/KeyTypes.js +0 -14
- package/dist/cjs/interfaces/RNExclusiveTypes.js +0 -14
- package/dist/cjs/interfaces/Role.js +0 -14
- package/dist/cjs/interfaces/TamaguiComponentEvents.js +0 -14
- package/dist/cjs/interfaces/TamaguiComponentState.js +0 -14
- package/dist/cjs/interfaces/WebOnlyPressEvents.js +0 -14
- package/dist/cjs/setupHooks.js +0 -25
- package/dist/cjs/setupReactNative.js +0 -46
- package/dist/cjs/styled.js +0 -74
- package/dist/cjs/type-utils.js +0 -14
- package/dist/cjs/types.js +0 -16
- package/dist/cjs/views/Configuration.js +0 -34
- package/dist/cjs/views/FontLanguage.js +0 -32
- package/dist/cjs/views/FontLanguage.types.js +0 -14
- package/dist/cjs/views/Slot.js +0 -59
- package/dist/cjs/views/Stack.js +0 -27
- package/dist/cjs/views/TamaguiProvider.js +0 -76
- package/dist/cjs/views/Text.js +0 -77
- package/dist/cjs/views/Theme.js +0 -103
- package/dist/cjs/views/ThemeDebug.js +0 -94
- package/dist/cjs/views/ThemeProvider.js +0 -45
- package/dist/cjs/views/View.js +0 -26
- /package/dist/cjs/{Tamagui.js.map → Tamagui.cjs.map} +0 -0
- /package/dist/cjs/{_withStableStyle.js.map → _withStableStyle.cjs.map} +0 -0
- /package/dist/cjs/{config.js.map → config.cjs.map} +0 -0
- /package/dist/cjs/constants/{accessibilityDirectMap.js.map → accessibilityDirectMap.cjs.map} +0 -0
- /package/dist/cjs/constants/{constants.js.map → constants.cjs.map} +0 -0
- /package/dist/cjs/constants/{isDevTools.js.map → isDevTools.cjs.map} +0 -0
- /package/dist/cjs/constants/{webToNativeProps.js.map → webToNativeProps.cjs.map} +0 -0
- /package/dist/cjs/contexts/{ComponentContext.js.map → ComponentContext.cjs.map} +0 -0
- /package/dist/cjs/{createComponent.js.map → createComponent.cjs.map} +0 -0
- /package/dist/cjs/{createFont.js.map → createFont.cjs.map} +0 -0
- /package/dist/cjs/{createShorthands.js.map → createShorthands.cjs.map} +0 -0
- /package/dist/cjs/{createTamagui.js.map → createTamagui.cjs.map} +0 -0
- /package/dist/cjs/{createTheme.js.map → createTheme.cjs.map} +0 -0
- /package/dist/cjs/{createTokens.js.map → createTokens.cjs.map} +0 -0
- /package/dist/cjs/{createVariable.js.map → createVariable.cjs.map} +0 -0
- /package/dist/cjs/{createVariables.js.map → createVariables.cjs.map} +0 -0
- /package/dist/cjs/{defaultComponentState.js.map → defaultComponentState.cjs.map} +0 -0
- /package/dist/cjs/helpers/{ThemeManager.js.map → ThemeManager.cjs.map} +0 -0
- /package/dist/cjs/helpers/{ThemeManagerContext.js.map → ThemeManagerContext.cjs.map} +0 -0
- /package/dist/cjs/helpers/{createMediaStyle.js.map → createMediaStyle.cjs.map} +0 -0
- /package/dist/cjs/helpers/{createShallowSetState.js.map → createShallowSetState.cjs.map} +0 -0
- /package/dist/cjs/helpers/{createStyledContext.js.map → createStyledContext.cjs.map} +0 -0
- /package/dist/cjs/helpers/{defaultOffset.js.map → defaultOffset.cjs.map} +0 -0
- /package/dist/cjs/helpers/{expandStyle.js.map → expandStyle.cjs.map} +0 -0
- /package/dist/cjs/helpers/{expandStyles.js.map → expandStyles.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getExpandedShorthands.js.map → getExpandedShorthands.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getFontLanguage.js.map → getFontLanguage.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getGroupPropParts.js.map → getGroupPropParts.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getSplitStyles.js.map → getSplitStyles.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getStylesAtomic.js.map → getStylesAtomic.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getThemeCSSRules.js.map → getThemeCSSRules.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getVariantExtras.js.map → getVariantExtras.cjs.map} +0 -0
- /package/dist/cjs/helpers/{insertStyleRule.js.map → insertStyleRule.cjs.map} +0 -0
- /package/dist/cjs/helpers/{isActivePlatform.js.map → isActivePlatform.cjs.map} +0 -0
- /package/dist/cjs/helpers/{isObj.js.map → isObj.cjs.map} +0 -0
- /package/dist/cjs/helpers/{isTamaguiComponent.js.map → isTamaguiComponent.cjs.map} +0 -0
- /package/dist/cjs/helpers/{isTamaguiElement.js.map → isTamaguiElement.cjs.map} +0 -0
- /package/dist/cjs/helpers/{log.js.map → log.cjs.map} +0 -0
- /package/dist/cjs/helpers/{matchMedia.js.map → matchMedia.cjs.map} +0 -0
- /package/dist/cjs/helpers/{mergeProps.js.map → mergeProps.cjs.map} +0 -0
- /package/dist/cjs/helpers/{mergeVariants.js.map → mergeVariants.cjs.map} +0 -0
- /package/dist/cjs/helpers/{normalizeColor.js.map → normalizeColor.cjs.map} +0 -0
- /package/dist/cjs/helpers/{normalizeShadow.js.map → normalizeShadow.cjs.map} +0 -0
- /package/dist/cjs/helpers/{normalizeStyle.js.map → normalizeStyle.cjs.map} +0 -0
- /package/dist/cjs/helpers/{normalizeStylePropKeys.js.map → normalizeStylePropKeys.cjs.map} +0 -0
- /package/dist/cjs/helpers/{normalizeValueWithProperty.js.map → normalizeValueWithProperty.cjs.map} +0 -0
- /package/dist/cjs/helpers/{objectIdentityKey.js.map → objectIdentityKey.cjs.map} +0 -0
- /package/dist/cjs/helpers/{propMapper.js.map → propMapper.cjs.map} +0 -0
- /package/dist/cjs/helpers/{proxyThemeToParents.js.map → proxyThemeToParents.cjs.map} +0 -0
- /package/dist/cjs/helpers/{proxyThemeVariables.js.map → proxyThemeVariables.cjs.map} +0 -0
- /package/dist/cjs/helpers/{pseudoDescriptors.js.map → pseudoDescriptors.cjs.map} +0 -0
- /package/dist/cjs/helpers/{registerCSSVariable.js.map → registerCSSVariable.cjs.map} +0 -0
- /package/dist/cjs/helpers/{setElementProps.js.map → setElementProps.cjs.map} +0 -0
- /package/dist/cjs/helpers/{skipProps.js.map → skipProps.cjs.map} +0 -0
- /package/dist/cjs/helpers/{sortString.js.map → sortString.cjs.map} +0 -0
- /package/dist/cjs/helpers/{subscribeToContextGroup.js.map → subscribeToContextGroup.cjs.map} +0 -0
- /package/dist/cjs/helpers/{themeable.js.map → themeable.cjs.map} +0 -0
- /package/dist/cjs/helpers/{themes.js.map → themes.cjs.map} +0 -0
- /package/dist/cjs/helpers/{timer.js.map → timer.cjs.map} +0 -0
- /package/dist/cjs/helpers/{transformsToString.js.map → transformsToString.cjs.map} +0 -0
- /package/dist/cjs/helpers/{webPropsToSkip.js.map → webPropsToSkip.cjs.map} +0 -0
- /package/dist/cjs/helpers/{wrapStyleTags.js.map → wrapStyleTags.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useComponentState.js.map → useComponentState.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useConfiguration.js.map → useConfiguration.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useDidHydrateOnce.js.map → useDidHydrateOnce.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useDisableSSR.js.map → useDisableSSR.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useIsTouchDevice.js.map → useIsTouchDevice.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useMedia.js.map → useMedia.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useProps.js.map → useProps.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useTheme.js.map → useTheme.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useThemeName.js.map → useThemeName.cjs.map} +0 -0
- /package/dist/cjs/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/{inject-styles.js.map → inject-styles.cjs.map} +0 -0
- /package/dist/cjs/{insertFont.js.map → insertFont.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{CSSColorNames.js.map → CSSColorNames.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{GetRef.js.map → GetRef.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{KeyTypes.js.map → KeyTypes.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{RNExclusiveTypes.js.map → RNExclusiveTypes.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{Role.js.map → Role.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{TamaguiComponentEvents.js.map → TamaguiComponentEvents.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{TamaguiComponentPropsBaseBase.js.map → TamaguiComponentPropsBaseBase.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{TamaguiComponentState.js.map → TamaguiComponentState.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{WebOnlyPressEvents.js.map → WebOnlyPressEvents.cjs.map} +0 -0
- /package/dist/cjs/{setupHooks.js.map → setupHooks.cjs.map} +0 -0
- /package/dist/cjs/{setupReactNative.js.map → setupReactNative.cjs.map} +0 -0
- /package/dist/cjs/{styled.js.map → styled.cjs.map} +0 -0
- /package/dist/cjs/{type-utils.js.map → type-utils.cjs.map} +0 -0
- /package/dist/cjs/{types.js.map → types.cjs.map} +0 -0
- /package/dist/cjs/views/{Configuration.js.map → Configuration.cjs.map} +0 -0
- /package/dist/cjs/views/{FontLanguage.js.map → FontLanguage.cjs.map} +0 -0
- /package/dist/cjs/views/{FontLanguage.types.js.map → FontLanguage.types.cjs.map} +0 -0
- /package/dist/cjs/views/{Slot.js.map → Slot.cjs.map} +0 -0
- /package/dist/cjs/views/{Stack.js.map → Stack.cjs.map} +0 -0
- /package/dist/cjs/views/{TamaguiProvider.js.map → TamaguiProvider.cjs.map} +0 -0
- /package/dist/cjs/views/{Text.js.map → Text.cjs.map} +0 -0
- /package/dist/cjs/views/{Theme.js.map → Theme.cjs.map} +0 -0
- /package/dist/cjs/views/{ThemeDebug.js.map → ThemeDebug.cjs.map} +0 -0
- /package/dist/cjs/views/{ThemeProvider.js.map → ThemeProvider.cjs.map} +0 -0
- /package/dist/cjs/views/{View.js.map → View.cjs.map} +0 -0
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all2) => {
|
|
6
|
-
for (var name in all2)
|
|
7
|
-
__defProp(target, name, { get: all2[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var expandStyle_exports = {};
|
|
16
|
-
__export(expandStyle_exports, {
|
|
17
|
-
expandStyle: () => expandStyle
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(expandStyle_exports);
|
|
20
|
-
var import_constants = require("@tamagui/constants"), import_webToNativeProps = require("../constants/webToNativeProps"), import_config = require("../config");
|
|
21
|
-
const neg1Flex = [
|
|
22
|
-
["flexGrow", 0],
|
|
23
|
-
["flexShrink", 1],
|
|
24
|
-
["flexBasis", "auto"]
|
|
25
|
-
];
|
|
26
|
-
function expandStyle(key, value) {
|
|
27
|
-
if (key === "flex")
|
|
28
|
-
return value === -1 ? neg1Flex : [
|
|
29
|
-
["flexGrow", value],
|
|
30
|
-
["flexShrink", 1],
|
|
31
|
-
["flexBasis", (0, import_config.getConfig)().settings.styleCompat === "react-native" ? 0 : "auto"]
|
|
32
|
-
];
|
|
33
|
-
switch (key) {
|
|
34
|
-
case "textAlignVertical":
|
|
35
|
-
return [["verticalAlign", value === "center" ? "middle" : value]];
|
|
36
|
-
case "writingDirection":
|
|
37
|
-
return [["direction", value]];
|
|
38
|
-
}
|
|
39
|
-
if (key in EXPANSIONS)
|
|
40
|
-
return EXPANSIONS[key].map((key2) => [key2, value]);
|
|
41
|
-
if (key in import_webToNativeProps.webToNativeExpansion)
|
|
42
|
-
return import_webToNativeProps.webToNativeExpansion[key].map((key2) => [key2, value]);
|
|
43
|
-
if (key in import_webToNativeProps.webToNativeDynamicExpansion)
|
|
44
|
-
return import_webToNativeProps.webToNativeDynamicExpansion[key](value);
|
|
45
|
-
}
|
|
46
|
-
const all = ["Top", "Right", "Bottom", "Left"], horiz = ["Right", "Left"], vert = ["Top", "Bottom"], xy = ["X", "Y"], EXPANSIONS = {
|
|
47
|
-
borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
|
|
48
|
-
borderRadius: [
|
|
49
|
-
"TopLeftRadius",
|
|
50
|
-
"TopRightRadius",
|
|
51
|
-
"BottomRightRadius",
|
|
52
|
-
"BottomLeftRadius"
|
|
53
|
-
],
|
|
54
|
-
borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
|
|
55
|
-
margin: all,
|
|
56
|
-
marginHorizontal: horiz,
|
|
57
|
-
marginVertical: vert,
|
|
58
|
-
overscrollBehavior: xy,
|
|
59
|
-
padding: all,
|
|
60
|
-
paddingHorizontal: horiz,
|
|
61
|
-
paddingVertical: vert,
|
|
62
|
-
...import_constants.isWeb && {
|
|
63
|
-
// react-native only supports borderStyle
|
|
64
|
-
borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
|
|
65
|
-
// react-native doesn't support X / Y
|
|
66
|
-
overflow: xy
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
for (const parent in EXPANSIONS) {
|
|
70
|
-
const prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length);
|
|
71
|
-
EXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`);
|
|
72
|
-
}
|
|
73
|
-
//# sourceMappingURL=expandStyle.js.map
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var expandStyles_exports = {};
|
|
16
|
-
__export(expandStyles_exports, {
|
|
17
|
-
fixStyles: () => fixStyles
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(expandStyles_exports);
|
|
20
|
-
var import_constants = require("@tamagui/constants"), import_normalizeShadow = require("./normalizeShadow");
|
|
21
|
-
function fixStyles(style) {
|
|
22
|
-
(style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
|
|
23
|
-
for (const key in borderDefaults)
|
|
24
|
-
key in style && (style[borderDefaults[key]] ||= "solid");
|
|
25
|
-
}
|
|
26
|
-
const nativeStyle = import_constants.isWeb ? null : "borderStyle", borderDefaults = {
|
|
27
|
-
borderWidth: "borderStyle",
|
|
28
|
-
borderBottomWidth: nativeStyle || "borderBottomStyle",
|
|
29
|
-
borderTopWidth: nativeStyle || "borderTopStyle",
|
|
30
|
-
borderLeftWidth: nativeStyle || "borderLeftStyle",
|
|
31
|
-
borderRightWidth: nativeStyle || "borderRightStyle"
|
|
32
|
-
// TODO: need to add borderBlock and borderInline here, but they are alot and might impact performance
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=expandStyles.js.map
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var getExpandedShorthands_exports = {};
|
|
16
|
-
__export(getExpandedShorthands_exports, {
|
|
17
|
-
getExpandedShorthands: () => getExpandedShorthands
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(getExpandedShorthands_exports);
|
|
20
|
-
var import_config = require("../config");
|
|
21
|
-
function getExpandedShorthands(props) {
|
|
22
|
-
const shorthands = (0, import_config.getConfig)().shorthands;
|
|
23
|
-
if (!shorthands) return props;
|
|
24
|
-
const res = {};
|
|
25
|
-
for (const key in props)
|
|
26
|
-
res[shorthands[key] || key] = props[key];
|
|
27
|
-
return res;
|
|
28
|
-
}
|
|
29
|
-
//# sourceMappingURL=getExpandedShorthands.js.map
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var getFontLanguage_exports = {};
|
|
16
|
-
__export(getFontLanguage_exports, {
|
|
17
|
-
getFontLanguage: () => getFontLanguage
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(getFontLanguage_exports);
|
|
20
|
-
const getFontLanguage = (fontFamily) => fontFamily.includes("_") ? fontFamily.split("_")[1] : null;
|
|
21
|
-
//# sourceMappingURL=getFontLanguage.js.map
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var getGroupPropParts_exports = {};
|
|
16
|
-
__export(getGroupPropParts_exports, {
|
|
17
|
-
getGroupPropParts: () => getGroupPropParts
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(getGroupPropParts_exports);
|
|
20
|
-
var import_useMedia = require("../hooks/useMedia");
|
|
21
|
-
function getGroupPropParts(groupProp) {
|
|
22
|
-
const mediaQueries = (0, import_useMedia.getMedia)(), [_, name, part3, part4] = groupProp.split("-");
|
|
23
|
-
let pseudo;
|
|
24
|
-
const media = part3 in mediaQueries ? part3 : void 0;
|
|
25
|
-
return media ? pseudo = part4 : pseudo = part3, { name, pseudo, media };
|
|
26
|
-
}
|
|
27
|
-
//# sourceMappingURL=getGroupPropParts.js.map
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var getStylesAtomic_exports = {};
|
|
16
|
-
__export(getStylesAtomic_exports, {
|
|
17
|
-
getStyleAtomic: () => getStyleAtomic,
|
|
18
|
-
getStylesAtomic: () => getStylesAtomic,
|
|
19
|
-
styleToCSS: () => styleToCSS
|
|
20
|
-
});
|
|
21
|
-
module.exports = __toCommonJS(getStylesAtomic_exports);
|
|
22
|
-
var import_helpers = require("@tamagui/helpers"), import_config = require("../config"), import_defaultOffset = require("./defaultOffset"), import_normalizeColor = require("./normalizeColor"), import_normalizeValueWithProperty = require("./normalizeValueWithProperty"), import_pseudoDescriptors = require("./pseudoDescriptors"), import_transformsToString = require("./transformsToString"), import_useMedia = require("../hooks/useMedia");
|
|
23
|
-
function getStylesAtomic(style) {
|
|
24
|
-
styleToCSS(style);
|
|
25
|
-
const out = [];
|
|
26
|
-
for (const key in style) {
|
|
27
|
-
if (key === "$$css") continue;
|
|
28
|
-
const val = style[key];
|
|
29
|
-
if (key in import_pseudoDescriptors.pseudoDescriptors)
|
|
30
|
-
val && out.push(...getStyleAtomic(val, import_pseudoDescriptors.pseudoDescriptors[key]));
|
|
31
|
-
else if ((0, import_useMedia.isMediaKey)(key))
|
|
32
|
-
for (const subKey in val) {
|
|
33
|
-
const so = getStyleObject(val, subKey);
|
|
34
|
-
so && (so[0] = key, out.push(so));
|
|
35
|
-
}
|
|
36
|
-
else {
|
|
37
|
-
const so = getStyleObject(style, key);
|
|
38
|
-
so && out.push(so);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
return out;
|
|
42
|
-
}
|
|
43
|
-
const getStyleAtomic = (style, pseudo) => {
|
|
44
|
-
styleToCSS(style);
|
|
45
|
-
const out = [];
|
|
46
|
-
for (const key in style) {
|
|
47
|
-
const so = getStyleObject(style, key, pseudo);
|
|
48
|
-
so && out.push(so);
|
|
49
|
-
}
|
|
50
|
-
return out;
|
|
51
|
-
};
|
|
52
|
-
let conf = null;
|
|
53
|
-
const getStyleObject = (style, key, pseudo) => {
|
|
54
|
-
let val = style[key];
|
|
55
|
-
if (val == null) return;
|
|
56
|
-
key === "transform" && Array.isArray(style.transform) && (val = (0, import_transformsToString.transformsToString)(val));
|
|
57
|
-
const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key), hash = (0, import_helpers.simpleHash)(typeof value == "string" ? value : `${value}`), pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
|
|
58
|
-
conf ||= (0, import_config.getConfigMaybe)();
|
|
59
|
-
const identifier = `_${conf?.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`, rules = createAtomicRules(identifier, key, value, pseudo);
|
|
60
|
-
return [
|
|
61
|
-
// array for performance
|
|
62
|
-
key,
|
|
63
|
-
value,
|
|
64
|
-
identifier,
|
|
65
|
-
pseudo?.name,
|
|
66
|
-
rules
|
|
67
|
-
];
|
|
68
|
-
};
|
|
69
|
-
function styleToCSS(style) {
|
|
70
|
-
const { shadowOffset, shadowRadius, shadowColor, shadowOpacity } = style;
|
|
71
|
-
if (shadowRadius || shadowColor) {
|
|
72
|
-
const offset = shadowOffset || import_defaultOffset.defaultOffset, width = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.width), height = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height), radius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius), color = (0, import_normalizeColor.normalizeColor)(shadowColor, shadowOpacity), shadow = `${width} ${height} ${radius} ${color}`;
|
|
73
|
-
style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow, delete style.shadowOffset, delete style.shadowRadius, delete style.shadowColor, delete style.shadowOpacity;
|
|
74
|
-
}
|
|
75
|
-
const { textShadowColor, textShadowOffset, textShadowRadius } = style;
|
|
76
|
-
if (textShadowColor || textShadowOffset || textShadowRadius) {
|
|
77
|
-
const { height, width } = textShadowOffset || import_defaultOffset.defaultOffset, radius = textShadowRadius || 0, color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
|
|
78
|
-
if (color && (height !== 0 || width !== 0 || radius !== 0)) {
|
|
79
|
-
const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius), offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width), offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
|
|
80
|
-
style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
|
|
81
|
-
}
|
|
82
|
-
delete style.textShadowColor, delete style.textShadowOffset, delete style.textShadowRadius;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
function createDeclarationBlock(style, important = !1) {
|
|
86
|
-
let next = "";
|
|
87
|
-
for (const [key, value] of style)
|
|
88
|
-
next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
|
|
89
|
-
return `{${next}}`;
|
|
90
|
-
}
|
|
91
|
-
const hcache = {}, toHyphenLower = (match) => `-${match.toLowerCase()}`, hyphenateStyleName = (key) => {
|
|
92
|
-
if (key in hcache) return hcache[key];
|
|
93
|
-
const val = key.replace(/[A-Z]/g, toHyphenLower);
|
|
94
|
-
return hcache[key] = val, val;
|
|
95
|
-
}, selectorPriority = (() => {
|
|
96
|
-
const res = {};
|
|
97
|
-
for (const key in import_pseudoDescriptors.pseudoDescriptors) {
|
|
98
|
-
const pseudo = import_pseudoDescriptors.pseudoDescriptors[key];
|
|
99
|
-
res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ":root").join("")} `;
|
|
100
|
-
}
|
|
101
|
-
return res;
|
|
102
|
-
})();
|
|
103
|
-
function createAtomicRules(identifier, property, value, pseudo) {
|
|
104
|
-
const pseudoIdPostfix = pseudo ? pseudo.name === "disabled" ? "[aria-disabled]" : `:${pseudo.name}` : "", pseudoSelector = pseudo?.selector;
|
|
105
|
-
let selector = pseudo ? pseudoSelector ? `${pseudoSelector} .${identifier}` : `${selectorPriority[pseudo.name]} .${identifier}${pseudoIdPostfix}` : `:root .${identifier}`;
|
|
106
|
-
pseudoSelector === import_pseudoDescriptors.pseudoDescriptors.enterStyle.selector && (selector = `${selector}, .${identifier}${pseudoSelector}`);
|
|
107
|
-
const important = !!pseudo;
|
|
108
|
-
let rules = [];
|
|
109
|
-
switch (property) {
|
|
110
|
-
// Equivalent to using '::placeholder'
|
|
111
|
-
case "placeholderTextColor": {
|
|
112
|
-
const block = createDeclarationBlock(
|
|
113
|
-
[
|
|
114
|
-
["color", value],
|
|
115
|
-
["opacity", 1]
|
|
116
|
-
],
|
|
117
|
-
important
|
|
118
|
-
);
|
|
119
|
-
rules.push(`${selector}::placeholder${block}`);
|
|
120
|
-
break;
|
|
121
|
-
}
|
|
122
|
-
// all webkit prefixed rules
|
|
123
|
-
case "backgroundClip":
|
|
124
|
-
case "userSelect": {
|
|
125
|
-
const webkitProperty = `Webkit${`${property[0].toUpperCase()}${property.slice(1)}`}`, block = createDeclarationBlock(
|
|
126
|
-
[
|
|
127
|
-
[property, value],
|
|
128
|
-
[webkitProperty, value]
|
|
129
|
-
],
|
|
130
|
-
important
|
|
131
|
-
);
|
|
132
|
-
rules.push(`${selector}${block}`);
|
|
133
|
-
break;
|
|
134
|
-
}
|
|
135
|
-
// Polyfill for additional 'pointer-events' values
|
|
136
|
-
case "pointerEvents": {
|
|
137
|
-
let finalValue = value;
|
|
138
|
-
value === "auto" || value === "box-only" ? (finalValue = "auto", value === "box-only" && rules.push(`${selector}>*${boxOnly}`)) : (value === "none" || value === "box-none") && (finalValue = "none", value === "box-none" && rules.push(`${selector}>*${boxNone}`));
|
|
139
|
-
const block = createDeclarationBlock([["pointerEvents", finalValue]], !0);
|
|
140
|
-
rules.push(`${selector}${block}`);
|
|
141
|
-
break;
|
|
142
|
-
}
|
|
143
|
-
default: {
|
|
144
|
-
const block = createDeclarationBlock([[property, value]], important);
|
|
145
|
-
rules.push(`${selector}${block}`);
|
|
146
|
-
break;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
return pseudo?.name === "hover" && (rules = rules.map((r) => `@media (hover) {${r}}`)), rules;
|
|
150
|
-
}
|
|
151
|
-
const boxNone = createDeclarationBlock([["pointerEvents", "auto"]], !0), boxOnly = createDeclarationBlock([["pointerEvents", "none"]], !0);
|
|
152
|
-
//# sourceMappingURL=getStylesAtomic.js.map
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var getThemeCSSRules_exports = {};
|
|
16
|
-
__export(getThemeCSSRules_exports, {
|
|
17
|
-
getThemeCSSRules: () => getThemeCSSRules
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(getThemeCSSRules_exports);
|
|
20
|
-
var import_helpers = require("@tamagui/helpers"), import_constants = require("../constants/constants"), import_createVariable = require("../createVariable"), import_registerCSSVariable = require("./registerCSSVariable"), import_config = require("../config"), import_sortString = require("./sortString");
|
|
21
|
-
const darkLight = ["dark", "light"], lightDark = ["light", "dark"];
|
|
22
|
-
function getThemeCSSRules(props) {
|
|
23
|
-
const cssRuleSets = [];
|
|
24
|
-
if (!process.env.TAMAGUI_DOES_SSR_CSS || process.env.TAMAGUI_DOES_SSR_CSS === "mutates-themes" || process.env.TAMAGUI_DOES_SSR_CSS === "false") {
|
|
25
|
-
const { config, themeName, theme, names } = props, hasDarkLight = props.hasDarkLight ?? (config.themes && ("light" in config.themes || "dark" in config.themes)), CNP = `.${import_constants.THEME_CLASSNAME_PREFIX}`;
|
|
26
|
-
let vars = "";
|
|
27
|
-
for (const themeKey in theme) {
|
|
28
|
-
const variable = theme[themeKey];
|
|
29
|
-
let value = null;
|
|
30
|
-
import_registerCSSVariable.tokensValueToVariable.has(variable.val) ? value = import_registerCSSVariable.tokensValueToVariable.get(variable.val).variable : value = variable.val, vars += `--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${(0, import_helpers.simpleHash)(
|
|
31
|
-
themeKey,
|
|
32
|
-
40
|
|
33
|
-
)}:${value};`;
|
|
34
|
-
}
|
|
35
|
-
const isDarkBase = themeName === "dark", isLightBase = themeName === "light", baseSelectors = names.map((name) => `${CNP}${name}`), selectorsSet = new Set(isDarkBase || isLightBase ? baseSelectors : []);
|
|
36
|
-
if (hasDarkLight) {
|
|
37
|
-
const maxDepth = (0, import_config.getSetting)("maxDarkLightNesting") ?? 3;
|
|
38
|
-
for (const subName of names) {
|
|
39
|
-
const isDark = isDarkBase || subName.startsWith("dark_"), isLight = !isDark && (isLightBase || subName.startsWith("light_"));
|
|
40
|
-
if (!(isDark || isLight)) {
|
|
41
|
-
selectorsSet.add(`${CNP}${subName}`);
|
|
42
|
-
continue;
|
|
43
|
-
}
|
|
44
|
-
const childSelector = `${CNP}${subName.replace(/^(dark|light)_/, "")}`, order = isDark ? darkLight : lightDark, [stronger, weaker] = order, numSelectors = Math.round(maxDepth * 1.5);
|
|
45
|
-
for (let depth = 0; depth < numSelectors; depth++) {
|
|
46
|
-
const isOdd = depth % 2 === 1;
|
|
47
|
-
if (isOdd && depth < 3)
|
|
48
|
-
continue;
|
|
49
|
-
const parents = new Array(depth + 1).fill(0).map((_, idx) => `${CNP}${idx % 2 === 0 ? stronger : weaker}`);
|
|
50
|
-
let parentSelectors = parents.length > 1 ? parents.slice(1) : parents;
|
|
51
|
-
if (isOdd) {
|
|
52
|
-
const [_first, second, ...rest] = parentSelectors;
|
|
53
|
-
parentSelectors = [second, ...rest, second];
|
|
54
|
-
}
|
|
55
|
-
const lastParentSelector = parentSelectors[parentSelectors.length - 1], nextChildSelector = childSelector === lastParentSelector ? "" : childSelector, parentSelectorString = parentSelectors.join(" ");
|
|
56
|
-
selectorsSet.add(`${parentSelectorString} ${nextChildSelector}`);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
const selectors = [...selectorsSet].sort(import_sortString.sortString), css = `${selectors.map((x) => `:root${isBaseTheme(x) && (0, import_config.getSetting)("themeClassNameOnRoot") ? "" : " "}${x}`).join(", ")} {${vars}}`;
|
|
61
|
-
if (cssRuleSets.push(css), (0, import_config.getSetting)("shouldAddPrefersColorThemes")) {
|
|
62
|
-
const bgString = theme.background ? `background:${(0, import_createVariable.variableToString)(theme.background)};` : "", fgString = theme.color ? `color:${(0, import_createVariable.variableToString)(theme.color)}` : "", bodyRules = `body{${bgString}${fgString}}`, isDark = themeName.startsWith("dark"), baseName = isDark ? "dark" : "light", themeRules = `${selectors.map((x) => {
|
|
63
|
-
if (x == darkSelector || x === lightSelector) return ":root";
|
|
64
|
-
if (!(isDark && x.startsWith(lightSelector) || !isDark && x.startsWith(darkSelector)))
|
|
65
|
-
return x.replace(/^\.t_(dark|light) /, "").trim();
|
|
66
|
-
}).filter(Boolean).join(", ")} {${vars}}`, prefersMediaSelectors = `@media(prefers-color-scheme:${baseName}){
|
|
67
|
-
${bodyRules}
|
|
68
|
-
${themeRules}
|
|
69
|
-
}`;
|
|
70
|
-
cssRuleSets.push(prefersMediaSelectors);
|
|
71
|
-
}
|
|
72
|
-
const selectionStyles = (0, import_config.getSetting)("selectionStyles");
|
|
73
|
-
if (selectionStyles) {
|
|
74
|
-
const rules = selectionStyles(theme);
|
|
75
|
-
if (rules) {
|
|
76
|
-
const selectionSelectors = baseSelectors.map((s) => `${s} ::selection`).join(", "), styles = Object.entries(rules).flatMap(
|
|
77
|
-
([k, v]) => v ? `${k === "backgroundColor" ? "background" : k}:${(0, import_createVariable.variableToString)(v)}` : []
|
|
78
|
-
).join(";");
|
|
79
|
-
if (styles) {
|
|
80
|
-
const css2 = `${selectionSelectors}{${styles}}`;
|
|
81
|
-
cssRuleSets.push(css2);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
return cssRuleSets;
|
|
87
|
-
}
|
|
88
|
-
const darkSelector = ".t_dark", lightSelector = ".t_light", isBaseTheme = (x) => x === darkSelector || x === lightSelector || x.startsWith(".t_dark ") || x.startsWith(".t_light ");
|
|
89
|
-
//# sourceMappingURL=getThemeCSSRules.js.map
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var getVariantExtras_exports = {};
|
|
16
|
-
__export(getVariantExtras_exports, {
|
|
17
|
-
getFontsForLanguage: () => getFontsForLanguage,
|
|
18
|
-
getVariantExtras: () => getVariantExtras
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(getVariantExtras_exports);
|
|
21
|
-
var import_createVariable = require("../createVariable");
|
|
22
|
-
const cache = /* @__PURE__ */ new WeakMap(), getVariantExtras = (styleState) => {
|
|
23
|
-
if (cache.has(styleState))
|
|
24
|
-
return cache.get(styleState);
|
|
25
|
-
const { props, conf, context, theme } = styleState;
|
|
26
|
-
let fonts = conf.fontsParsed;
|
|
27
|
-
context?.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
|
|
28
|
-
const next = {
|
|
29
|
-
fonts,
|
|
30
|
-
tokens: conf.tokensParsed,
|
|
31
|
-
theme,
|
|
32
|
-
get fontFamily() {
|
|
33
|
-
return (0, import_createVariable.getVariableValue)(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || (0, import_createVariable.getVariableValue)(styleState.conf.defaultFont);
|
|
34
|
-
},
|
|
35
|
-
get font() {
|
|
36
|
-
return fonts[this.fontFamily] || (!props.fontFamily || props.fontFamily[0] === "$" ? fonts[styleState.conf.defaultFont] : void 0);
|
|
37
|
-
},
|
|
38
|
-
props
|
|
39
|
-
};
|
|
40
|
-
return cache.set(styleState, next), next;
|
|
41
|
-
}, fontLanguageCache = /* @__PURE__ */ new WeakMap();
|
|
42
|
-
function getFontsForLanguage(fonts, language) {
|
|
43
|
-
if (fontLanguageCache.has(language))
|
|
44
|
-
return fontLanguageCache.get(language);
|
|
45
|
-
const next = {
|
|
46
|
-
...fonts,
|
|
47
|
-
...Object.fromEntries(
|
|
48
|
-
Object.entries(language).map(([name, lang]) => {
|
|
49
|
-
if (lang === "default")
|
|
50
|
-
return [];
|
|
51
|
-
const langKey = `$${name}_${lang}`;
|
|
52
|
-
return [`$${name}`, fonts[langKey]];
|
|
53
|
-
})
|
|
54
|
-
)
|
|
55
|
-
};
|
|
56
|
-
return fontLanguageCache.set(language, next), next;
|
|
57
|
-
}
|
|
58
|
-
//# sourceMappingURL=getVariantExtras.js.map
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var isActivePlatform_exports = {};
|
|
16
|
-
__export(isActivePlatform_exports, {
|
|
17
|
-
isActivePlatform: () => isActivePlatform
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(isActivePlatform_exports);
|
|
20
|
-
var import_constants = require("@tamagui/constants");
|
|
21
|
-
function isActivePlatform(key) {
|
|
22
|
-
const platform = key.slice(10);
|
|
23
|
-
return (
|
|
24
|
-
// web, ios, android
|
|
25
|
-
platform === import_constants.currentPlatform || // web, native
|
|
26
|
-
platform === "web"
|
|
27
|
-
);
|
|
28
|
-
}
|
|
29
|
-
//# sourceMappingURL=isActivePlatform.js.map
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var isObj_exports = {};
|
|
16
|
-
__export(isObj_exports, {
|
|
17
|
-
isObj: () => isObj
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(isObj_exports);
|
|
20
|
-
const isObj = (x) => x && !Array.isArray(x) && typeof x == "object";
|
|
21
|
-
//# sourceMappingURL=isObj.js.map
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var isTamaguiComponent_exports = {};
|
|
16
|
-
__export(isTamaguiComponent_exports, {
|
|
17
|
-
isTamaguiComponent: () => isTamaguiComponent
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(isTamaguiComponent_exports);
|
|
20
|
-
function isTamaguiComponent(comp, name) {
|
|
21
|
-
const config = comp?.staticConfig;
|
|
22
|
-
return !!(config && (!name || name === config.componentName));
|
|
23
|
-
}
|
|
24
|
-
//# sourceMappingURL=isTamaguiComponent.js.map
|
package/dist/cjs/helpers/log.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var log_exports = {};
|
|
16
|
-
__export(log_exports, {
|
|
17
|
-
log: () => log
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(log_exports);
|
|
20
|
-
var import_useMedia = require("../hooks/useMedia");
|
|
21
|
-
function log(...args) {
|
|
22
|
-
if (process.env.NODE_ENV !== "production") {
|
|
23
|
-
(0, import_useMedia._dmt)(!0);
|
|
24
|
-
try {
|
|
25
|
-
return console.info(...args);
|
|
26
|
-
} finally {
|
|
27
|
-
(0, import_useMedia._dmt)(!1);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
//# sourceMappingURL=log.js.map
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var matchMedia_exports = {};
|
|
16
|
-
__export(matchMedia_exports, {
|
|
17
|
-
matchMedia: () => matchMedia,
|
|
18
|
-
setupMatchMedia: () => setupMatchMedia
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(matchMedia_exports);
|
|
21
|
-
const matchMedia = typeof window < "u" && window.matchMedia || matchMediaFallback;
|
|
22
|
-
function matchMediaFallback(_) {
|
|
23
|
-
return {
|
|
24
|
-
match: (a, b) => !1,
|
|
25
|
-
addListener() {
|
|
26
|
-
},
|
|
27
|
-
removeListener() {
|
|
28
|
-
},
|
|
29
|
-
matches: !1
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
function setupMatchMedia(_) {
|
|
33
|
-
}
|
|
34
|
-
//# sourceMappingURL=matchMedia.js.map
|