@hanzogui/web 3.0.6 → 4.4.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/Gui.cjs +57 -53
- package/dist/cjs/Gui.native.js +95 -79
- package/dist/cjs/Gui.native.js.map +1 -1
- package/dist/cjs/_withStableStyle.cjs +52 -42
- package/dist/cjs/_withStableStyle.native.js +64 -59
- package/dist/cjs/_withStableStyle.native.js.map +1 -1
- package/dist/cjs/animationDriverTypes.test-d.cjs +34 -17
- package/dist/cjs/animationDriverTypes.test-d.native.js +34 -17
- package/dist/cjs/animationDriverTypes.test-d.native.js.map +1 -1
- package/dist/cjs/config.cjs +128 -77
- package/dist/cjs/config.native.js +150 -108
- package/dist/cjs/config.native.js.map +1 -1
- package/dist/cjs/constants/accessibilityDirectMap.cjs +17 -15
- package/dist/cjs/constants/accessibilityDirectMap.native.js +17 -15
- package/dist/cjs/constants/accessibilityDirectMap.native.js.map +1 -1
- package/dist/cjs/constants/constants.cjs +18 -16
- package/dist/cjs/constants/constants.native.js +18 -16
- package/dist/cjs/constants/constants.native.js.map +1 -1
- package/dist/cjs/constants/isDevTools.cjs +18 -14
- package/dist/cjs/constants/isDevTools.native.js +18 -14
- package/dist/cjs/constants/isDevTools.native.js.map +1 -1
- package/dist/cjs/contexts/ComponentContext.cjs +24 -20
- package/dist/cjs/contexts/ComponentContext.native.js +25 -23
- package/dist/cjs/contexts/ComponentContext.native.js.map +1 -1
- package/dist/cjs/contexts/GroupContext.cjs +12 -10
- package/dist/cjs/contexts/GroupContext.native.js +14 -12
- package/dist/cjs/contexts/GroupContext.native.js.map +1 -1
- package/dist/cjs/createComponent.cjs +1147 -653
- package/dist/cjs/createComponent.native.js +1209 -682
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/createFont.cjs +33 -27
- package/dist/cjs/createFont.native.js +35 -32
- package/dist/cjs/createFont.native.js.map +1 -1
- package/dist/cjs/createGui.cjs +177 -128
- package/dist/cjs/createGui.native.js +220 -167
- package/dist/cjs/createGui.native.js.map +1 -1
- package/dist/cjs/createShorthands.cjs +12 -10
- package/dist/cjs/createShorthands.native.js +12 -10
- package/dist/cjs/createShorthands.native.js.map +1 -1
- package/dist/cjs/createTokens.cjs +13 -11
- package/dist/cjs/createTokens.native.js +14 -12
- package/dist/cjs/createTokens.native.js.map +1 -1
- package/dist/cjs/createVariable.cjs +58 -32
- package/dist/cjs/createVariable.native.js +68 -43
- package/dist/cjs/createVariable.native.js.map +1 -1
- package/dist/cjs/createVariables.cjs +55 -49
- package/dist/cjs/createVariables.native.js +57 -51
- package/dist/cjs/createVariables.native.js.map +1 -1
- package/dist/cjs/defaultComponentState.cjs +29 -27
- package/dist/cjs/defaultComponentState.native.js +29 -27
- package/dist/cjs/defaultComponentState.native.js.map +1 -1
- package/dist/cjs/eventHandling.cjs +15 -13
- package/dist/cjs/eventHandling.native.js +128 -87
- package/dist/cjs/eventHandling.native.js.map +1 -1
- package/dist/cjs/helpers/consoleLog.native.js +14 -12
- package/dist/cjs/helpers/consoleLog.native.js.map +1 -1
- package/dist/cjs/helpers/createDesignSystem.cjs +93 -76
- package/dist/cjs/helpers/createDesignSystem.native.js +178 -106
- package/dist/cjs/helpers/createDesignSystem.native.js.map +1 -1
- package/dist/cjs/helpers/createMediaStyle.cjs +87 -60
- package/dist/cjs/helpers/createMediaStyle.native.js +93 -67
- package/dist/cjs/helpers/createMediaStyle.native.js.map +1 -1
- package/dist/cjs/helpers/createStyledContext.cjs +80 -61
- package/dist/cjs/helpers/createStyledContext.native.js +89 -73
- package/dist/cjs/helpers/createStyledContext.native.js.map +1 -1
- package/dist/cjs/helpers/defaultAnimationDriver.cjs +29 -26
- package/dist/cjs/helpers/defaultAnimationDriver.native.js +45 -40
- package/dist/cjs/helpers/defaultAnimationDriver.native.js.map +1 -1
- package/dist/cjs/helpers/defaultOffset.cjs +12 -10
- package/dist/cjs/helpers/defaultOffset.native.js +12 -10
- package/dist/cjs/helpers/defaultOffset.native.js.map +1 -1
- package/dist/cjs/helpers/expandStyle.cjs +109 -44
- package/dist/cjs/helpers/expandStyle.native.js +130 -88
- package/dist/cjs/helpers/expandStyle.native.js.map +1 -1
- package/dist/cjs/helpers/expandStyles.cjs +37 -23
- package/dist/cjs/helpers/expandStyles.native.js +36 -24
- package/dist/cjs/helpers/expandStyles.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomic.cjs +108 -70
- package/dist/cjs/helpers/getCSSStylesAtomic.native.js +17 -15
- package/dist/cjs/helpers/getCSSStylesAtomic.native.js.map +1 -1
- package/dist/cjs/helpers/getDefaultProps.cjs +24 -19
- package/dist/cjs/helpers/getDefaultProps.native.js +27 -22
- package/dist/cjs/helpers/getDefaultProps.native.js.map +1 -1
- package/dist/cjs/helpers/getDynamicVal.cjs +32 -27
- package/dist/cjs/helpers/getDynamicVal.native.js +37 -32
- package/dist/cjs/helpers/getDynamicVal.native.js.map +1 -1
- package/dist/cjs/helpers/getExpandedShorthands.cjs +15 -11
- package/dist/cjs/helpers/getExpandedShorthands.native.js +17 -13
- package/dist/cjs/helpers/getExpandedShorthands.native.js.map +1 -1
- package/dist/cjs/helpers/getFontLanguage.cjs +12 -10
- package/dist/cjs/helpers/getFontLanguage.native.js +12 -10
- package/dist/cjs/helpers/getFontLanguage.native.js.map +1 -1
- package/dist/cjs/helpers/getGroupPropParts.cjs +27 -18
- package/dist/cjs/helpers/getGroupPropParts.native.js +28 -19
- package/dist/cjs/helpers/getGroupPropParts.native.js.map +1 -1
- package/dist/cjs/helpers/getShorthandValue.cjs +16 -11
- package/dist/cjs/helpers/getShorthandValue.native.js +19 -17
- package/dist/cjs/helpers/getShorthandValue.native.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.cjs +982 -455
- package/dist/cjs/helpers/getSplitStyles.native.js +1139 -572
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/cjs/helpers/getThemeCSSRules.cjs +103 -89
- package/dist/cjs/helpers/getThemeCSSRules.native.js +12 -10
- package/dist/cjs/helpers/getThemeCSSRules.native.js.map +1 -1
- package/dist/cjs/helpers/getTokenForKey.cjs +114 -45
- package/dist/cjs/helpers/getTokenForKey.native.js +126 -66
- package/dist/cjs/helpers/getTokenForKey.native.js.map +1 -1
- package/dist/cjs/helpers/getVariantExtras.cjs +56 -44
- package/dist/cjs/helpers/getVariantExtras.native.js +56 -44
- package/dist/cjs/helpers/getVariantExtras.native.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.cjs +168 -82
- package/dist/cjs/helpers/insertStyleRule.native.js +303 -195
- package/dist/cjs/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/cjs/helpers/isActivePlatform.cjs +33 -14
- package/dist/cjs/helpers/isActivePlatform.native.js +33 -14
- package/dist/cjs/helpers/isActivePlatform.native.js.map +1 -1
- package/dist/cjs/helpers/isActiveTheme.cjs +14 -11
- package/dist/cjs/helpers/isActiveTheme.native.js +14 -11
- package/dist/cjs/helpers/isActiveTheme.native.js.map +1 -1
- package/dist/cjs/helpers/isGuiComponent.cjs +14 -12
- package/dist/cjs/helpers/isGuiComponent.native.js +14 -12
- package/dist/cjs/helpers/isGuiComponent.native.js.map +1 -1
- package/dist/cjs/helpers/isGuiElement.cjs +29 -25
- package/dist/cjs/helpers/isGuiElement.native.js +29 -27
- package/dist/cjs/helpers/isGuiElement.native.js.map +1 -1
- package/dist/cjs/helpers/isObj.cjs +13 -11
- package/dist/cjs/helpers/isObj.native.js +14 -12
- package/dist/cjs/helpers/isObj.native.js.map +1 -1
- package/dist/cjs/helpers/log.cjs +21 -17
- package/dist/cjs/helpers/log.native.js +25 -19
- package/dist/cjs/helpers/log.native.js.map +1 -1
- package/dist/cjs/helpers/mainThreadPressEvents.cjs +13 -11
- package/dist/cjs/helpers/mainThreadPressEvents.native.js +111 -26
- package/dist/cjs/helpers/mainThreadPressEvents.native.js.map +1 -1
- package/dist/cjs/helpers/matchMedia.cjs +15 -13
- package/dist/cjs/helpers/matchMedia.native.js +34 -19
- package/dist/cjs/helpers/matchMedia.native.js.map +1 -1
- package/dist/cjs/helpers/mediaObjectToString.cjs +30 -14
- package/dist/cjs/helpers/mediaObjectToString.native.js +28 -14
- package/dist/cjs/helpers/mediaObjectToString.native.js.map +1 -1
- package/dist/cjs/helpers/mediaState.cjs +21 -17
- package/dist/cjs/helpers/mediaState.native.js +30 -26
- package/dist/cjs/helpers/mediaState.native.js.map +1 -1
- package/dist/cjs/helpers/mergeProps.cjs +54 -30
- package/dist/cjs/helpers/mergeProps.native.js +55 -30
- package/dist/cjs/helpers/mergeProps.native.js.map +1 -1
- package/dist/cjs/helpers/mergeRenderElementProps.cjs +14 -11
- package/dist/cjs/helpers/mergeRenderElementProps.native.js +14 -11
- package/dist/cjs/helpers/mergeRenderElementProps.native.js.map +1 -1
- package/dist/cjs/helpers/mergeSlotStyleProps.cjs +31 -18
- package/dist/cjs/helpers/mergeSlotStyleProps.native.js +32 -19
- package/dist/cjs/helpers/mergeSlotStyleProps.native.js.map +1 -1
- package/dist/cjs/helpers/mergeVariants.cjs +28 -16
- package/dist/cjs/helpers/mergeVariants.native.js +30 -18
- package/dist/cjs/helpers/mergeVariants.native.js.map +1 -1
- package/dist/cjs/helpers/nativeOnlyProps.cjs +12 -10
- package/dist/cjs/helpers/nativeOnlyProps.native.js +12 -10
- package/dist/cjs/helpers/nativeOnlyProps.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeColor.cjs +29 -17
- package/dist/cjs/helpers/normalizeColor.native.js +33 -30
- package/dist/cjs/helpers/normalizeColor.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeShadow.cjs +12 -10
- package/dist/cjs/helpers/normalizeShadow.native.js +25 -23
- package/dist/cjs/helpers/normalizeShadow.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeStyle.cjs +27 -20
- package/dist/cjs/helpers/normalizeStyle.native.js +34 -28
- package/dist/cjs/helpers/normalizeStyle.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeStylePropKeys.cjs +12 -10
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js +22 -20
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeValueWithProperty.cjs +33 -17
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js +34 -18
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/cjs/helpers/objectIdentityKey.cjs +19 -12
- package/dist/cjs/helpers/objectIdentityKey.native.js +22 -15
- package/dist/cjs/helpers/objectIdentityKey.native.js.map +1 -1
- package/dist/cjs/helpers/parseBorderShorthand.cjs +15 -11
- package/dist/cjs/helpers/parseBorderShorthand.native.js +52 -24
- package/dist/cjs/helpers/parseBorderShorthand.native.js.map +1 -1
- package/dist/cjs/helpers/parseNativeStyle.cjs +81 -47
- package/dist/cjs/helpers/parseNativeStyle.native.js +129 -90
- package/dist/cjs/helpers/parseNativeStyle.native.js.map +1 -1
- package/dist/cjs/helpers/parseOutlineShorthand.cjs +15 -11
- package/dist/cjs/helpers/parseOutlineShorthand.native.js +46 -24
- package/dist/cjs/helpers/parseOutlineShorthand.native.js.map +1 -1
- package/dist/cjs/helpers/platformResolveValue.cjs +16 -11
- package/dist/cjs/helpers/platformResolveValue.native.js +48 -36
- package/dist/cjs/helpers/platformResolveValue.native.js.map +1 -1
- package/dist/cjs/helpers/pointerEvents.cjs +12 -10
- package/dist/cjs/helpers/pointerEvents.native.js +124 -89
- package/dist/cjs/helpers/pointerEvents.native.js.map +1 -1
- package/dist/cjs/helpers/propMapper.cjs +257 -130
- package/dist/cjs/helpers/propMapper.native.js +341 -228
- package/dist/cjs/helpers/propMapper.native.js.map +1 -1
- package/dist/cjs/helpers/proxyThemeToParents.cjs +33 -19
- package/dist/cjs/helpers/proxyThemeToParents.native.js +84 -55
- package/dist/cjs/helpers/proxyThemeToParents.native.js.map +1 -1
- package/dist/cjs/helpers/proxyThemeVariables.cjs +13 -11
- package/dist/cjs/helpers/proxyThemeVariables.native.js +13 -11
- package/dist/cjs/helpers/proxyThemeVariables.native.js.map +1 -1
- package/dist/cjs/helpers/pseudoDescriptors.cjs +60 -58
- package/dist/cjs/helpers/pseudoDescriptors.native.js +60 -58
- package/dist/cjs/helpers/pseudoDescriptors.native.js.map +1 -1
- package/dist/cjs/helpers/pseudoTransitions.cjs +50 -32
- package/dist/cjs/helpers/pseudoTransitions.native.js +52 -36
- package/dist/cjs/helpers/pseudoTransitions.native.js.map +1 -1
- package/dist/cjs/helpers/registerCSSVariable.cjs +55 -38
- package/dist/cjs/helpers/registerCSSVariable.native.js +60 -45
- package/dist/cjs/helpers/registerCSSVariable.native.js.map +1 -1
- package/dist/cjs/helpers/resolveAnimationDriver.cjs +20 -11
- package/dist/cjs/helpers/resolveAnimationDriver.native.js +20 -11
- package/dist/cjs/helpers/resolveAnimationDriver.native.js.map +1 -1
- package/dist/cjs/helpers/resolveCompoundTokens.cjs +21 -17
- package/dist/cjs/helpers/resolveCompoundTokens.native.js +24 -20
- package/dist/cjs/helpers/resolveCompoundTokens.native.js.map +1 -1
- package/dist/cjs/helpers/resolveRem.cjs +13 -11
- package/dist/cjs/helpers/resolveRem.native.js +31 -22
- package/dist/cjs/helpers/resolveRem.native.js.map +1 -1
- package/dist/cjs/helpers/resolveSafeArea.cjs +12 -10
- package/dist/cjs/helpers/resolveSafeArea.native.js +18 -14
- package/dist/cjs/helpers/resolveSafeArea.native.js.map +1 -1
- package/dist/cjs/helpers/setElementProps.cjs +12 -10
- package/dist/cjs/helpers/setElementProps.native.js +19 -13
- package/dist/cjs/helpers/setElementProps.native.js.map +1 -1
- package/dist/cjs/helpers/skipProps.cjs +23 -14
- package/dist/cjs/helpers/skipProps.native.js +39 -30
- package/dist/cjs/helpers/skipProps.native.js.map +1 -1
- package/dist/cjs/helpers/sortString.cjs +12 -10
- package/dist/cjs/helpers/sortString.native.js +12 -10
- package/dist/cjs/helpers/sortString.native.js.map +1 -1
- package/dist/cjs/helpers/subscribeToContextGroup.cjs +83 -55
- package/dist/cjs/helpers/subscribeToContextGroup.native.js +118 -92
- package/dist/cjs/helpers/subscribeToContextGroup.native.js.map +1 -1
- package/dist/cjs/helpers/themeable.cjs +75 -48
- package/dist/cjs/helpers/themeable.native.js +96 -70
- package/dist/cjs/helpers/themeable.native.js.map +1 -1
- package/dist/cjs/helpers/themes.cjs +27 -19
- package/dist/cjs/helpers/themes.native.js +27 -19
- package/dist/cjs/helpers/themes.native.js.map +1 -1
- package/dist/cjs/helpers/timer.cjs +13 -11
- package/dist/cjs/helpers/timer.native.js +13 -11
- package/dist/cjs/helpers/timer.native.js.map +1 -1
- package/dist/cjs/helpers/transformsToString.cjs +18 -13
- package/dist/cjs/helpers/transformsToString.native.js +18 -13
- package/dist/cjs/helpers/transformsToString.native.js.map +1 -1
- package/dist/cjs/helpers/useRenderElement.cjs +41 -25
- package/dist/cjs/helpers/useRenderElement.native.js +42 -26
- package/dist/cjs/helpers/useRenderElement.native.js.map +1 -1
- package/dist/cjs/helpers/webPropsToSkip.cjs +12 -10
- package/dist/cjs/helpers/webPropsToSkip.native.js +60 -58
- package/dist/cjs/helpers/webPropsToSkip.native.js.map +1 -1
- package/dist/cjs/helpers/wrapStyleTags.cjs +29 -24
- package/dist/cjs/helpers/wrapStyleTags.native.js +34 -13
- package/dist/cjs/helpers/wrapStyleTags.native.js.map +1 -1
- package/dist/cjs/hooks/doesRootSchemeMatchSystem.cjs +13 -11
- package/dist/cjs/hooks/doesRootSchemeMatchSystem.native.js +14 -12
- package/dist/cjs/hooks/doesRootSchemeMatchSystem.native.js.map +1 -1
- package/dist/cjs/hooks/getThemeProxied.cjs +89 -27
- package/dist/cjs/hooks/getThemeProxied.native.js +95 -60
- package/dist/cjs/hooks/getThemeProxied.native.js.map +1 -1
- package/dist/cjs/hooks/useComponentState.cjs +137 -86
- package/dist/cjs/hooks/useComponentState.native.js +141 -97
- package/dist/cjs/hooks/useComponentState.native.js.map +1 -1
- package/dist/cjs/hooks/useDisableSSR.cjs +12 -10
- package/dist/cjs/hooks/useDisableSSR.native.js +13 -11
- package/dist/cjs/hooks/useDisableSSR.native.js.map +1 -1
- package/dist/cjs/hooks/useIsTouchDevice.cjs +17 -13
- package/dist/cjs/hooks/useIsTouchDevice.native.js +17 -15
- package/dist/cjs/hooks/useIsTouchDevice.native.js.map +1 -1
- package/dist/cjs/hooks/useMedia.cjs +151 -93
- package/dist/cjs/hooks/useMedia.native.js +162 -108
- package/dist/cjs/hooks/useMedia.native.js.map +1 -1
- package/dist/cjs/hooks/useProps.cjs +83 -77
- package/dist/cjs/hooks/useProps.native.js +85 -79
- package/dist/cjs/hooks/useProps.native.js.map +1 -1
- package/dist/cjs/hooks/useTheme.cjs +38 -27
- package/dist/cjs/hooks/useTheme.native.js +39 -31
- package/dist/cjs/hooks/useTheme.native.js.map +1 -1
- package/dist/cjs/hooks/useThemeName.cjs +20 -18
- package/dist/cjs/hooks/useThemeName.native.js +24 -22
- package/dist/cjs/hooks/useThemeName.native.js.map +1 -1
- package/dist/cjs/hooks/useThemeState.cjs +297 -177
- package/dist/cjs/hooks/useThemeState.native.js +378 -245
- package/dist/cjs/hooks/useThemeState.native.js.map +1 -1
- package/dist/cjs/index.cjs +20 -18
- package/dist/cjs/index.native.js +20 -18
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/inject-styles.cjs +27 -22
- package/dist/cjs/inject-styles.native.js +28 -23
- package/dist/cjs/inject-styles.native.js.map +1 -1
- package/dist/cjs/insertFont.cjs +49 -31
- package/dist/cjs/insertFont.native.js +54 -33
- package/dist/cjs/insertFont.native.js.map +1 -1
- package/dist/cjs/interfaces/CSSColorNames.cjs +7 -5
- package/dist/cjs/interfaces/CSSColorNames.native.js +7 -5
- package/dist/cjs/interfaces/CSSColorNames.native.js.map +1 -1
- package/dist/cjs/interfaces/GetRef.cjs +7 -5
- package/dist/cjs/interfaces/GetRef.native.js +7 -5
- package/dist/cjs/interfaces/GetRef.native.js.map +1 -1
- package/dist/cjs/interfaces/GuiComponentEvents.cjs +7 -5
- package/dist/cjs/interfaces/GuiComponentEvents.native.js +7 -5
- package/dist/cjs/interfaces/GuiComponentEvents.native.js.map +1 -1
- package/dist/cjs/interfaces/GuiComponentPropsBaseBase.cjs +7 -5
- package/dist/cjs/interfaces/GuiComponentPropsBaseBase.native.js +7 -5
- package/dist/cjs/interfaces/GuiComponentPropsBaseBase.native.js.map +1 -1
- package/dist/cjs/interfaces/RNExclusiveTypes.cjs +7 -5
- package/dist/cjs/interfaces/RNExclusiveTypes.native.js +7 -5
- package/dist/cjs/interfaces/RNExclusiveTypes.native.js.map +1 -1
- package/dist/cjs/setupHooks.cjs +12 -10
- package/dist/cjs/setupHooks.native.js +12 -10
- package/dist/cjs/setupHooks.native.js.map +1 -1
- package/dist/cjs/setupReactNative.cjs +45 -18
- package/dist/cjs/setupReactNative.native.js +44 -19
- package/dist/cjs/setupReactNative.native.js.map +1 -1
- package/dist/cjs/styled.cjs +121 -77
- package/dist/cjs/styled.native.js +125 -87
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/styledHtml.test-d.cjs +58 -27
- package/dist/cjs/styledHtml.test-d.native.js +58 -27
- package/dist/cjs/styledHtml.test-d.native.js.map +1 -1
- package/dist/cjs/type-utils.cjs +7 -5
- package/dist/cjs/type-utils.native.js +7 -5
- package/dist/cjs/type-utils.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/views/Configuration.cjs +28 -26
- package/dist/cjs/views/Configuration.native.js +39 -37
- package/dist/cjs/views/Configuration.native.js.map +1 -1
- package/dist/cjs/views/FontLanguage.cjs +22 -18
- package/dist/cjs/views/FontLanguage.native.js +34 -32
- package/dist/cjs/views/FontLanguage.native.js.map +1 -1
- package/dist/cjs/views/GuiProvider.cjs +54 -43
- package/dist/cjs/views/GuiProvider.native.js +68 -58
- package/dist/cjs/views/GuiProvider.native.js.map +1 -1
- package/dist/cjs/views/GuiRoot.cjs +45 -34
- package/dist/cjs/views/GuiRoot.native.js +12 -10
- package/dist/cjs/views/GuiRoot.native.js.map +1 -1
- package/dist/cjs/views/Slot.cjs +55 -37
- package/dist/cjs/views/Slot.native.js +57 -41
- package/dist/cjs/views/Slot.native.js.map +1 -1
- package/dist/cjs/views/Text.cjs +41 -31
- package/dist/cjs/views/Text.native.js +40 -32
- package/dist/cjs/views/Text.native.js.map +1 -1
- package/dist/cjs/views/Theme.cjs +137 -101
- package/dist/cjs/views/Theme.native.js +147 -114
- package/dist/cjs/views/Theme.native.js.map +1 -1
- package/dist/cjs/views/ThemeDebug.cjs +39 -18
- package/dist/cjs/views/ThemeDebug.native.js +13 -11
- package/dist/cjs/views/ThemeDebug.native.js.map +1 -1
- package/dist/cjs/views/ThemeProvider.cjs +29 -24
- package/dist/cjs/views/ThemeProvider.native.js +42 -29
- package/dist/cjs/views/ThemeProvider.native.js.map +1 -1
- package/dist/cjs/views/View.cjs +15 -13
- package/dist/cjs/views/View.native.js +18 -16
- package/dist/cjs/views/View.native.js.map +1 -1
- package/dist/esm/Gui.mjs +29 -27
- package/dist/esm/Gui.mjs.map +1 -1
- package/dist/esm/Gui.native.js +67 -53
- package/dist/esm/Gui.native.js.map +1 -1
- package/dist/esm/_withStableStyle.mjs +22 -14
- package/dist/esm/_withStableStyle.mjs.map +1 -1
- package/dist/esm/_withStableStyle.native.js +26 -23
- package/dist/esm/_withStableStyle.native.js.map +1 -1
- package/dist/esm/animationDriverTypes.test-d.mjs +34 -17
- package/dist/esm/animationDriverTypes.test-d.mjs.map +1 -1
- package/dist/esm/animationDriverTypes.test-d.native.js +34 -17
- package/dist/esm/animationDriverTypes.test-d.native.js.map +1 -1
- package/dist/esm/config.mjs +114 -65
- package/dist/esm/config.mjs.map +1 -1
- package/dist/esm/config.native.js +136 -96
- package/dist/esm/config.native.js.map +1 -1
- package/dist/esm/constants/accessibilityDirectMap.mjs +5 -5
- package/dist/esm/constants/accessibilityDirectMap.mjs.map +1 -1
- package/dist/esm/constants/accessibilityDirectMap.native.js +5 -5
- package/dist/esm/constants/accessibilityDirectMap.native.js.map +1 -1
- package/dist/esm/constants/constants.mjs +6 -6
- package/dist/esm/constants/constants.mjs.map +1 -1
- package/dist/esm/constants/constants.native.js +6 -6
- package/dist/esm/constants/constants.native.js.map +1 -1
- package/dist/esm/constants/isDevTools.mjs +6 -4
- package/dist/esm/constants/isDevTools.mjs.map +1 -1
- package/dist/esm/constants/isDevTools.native.js +6 -4
- package/dist/esm/constants/isDevTools.native.js.map +1 -1
- package/dist/esm/contexts/ComponentContext.mjs +10 -8
- package/dist/esm/contexts/ComponentContext.mjs.map +1 -1
- package/dist/esm/contexts/ComponentContext.native.js +10 -10
- package/dist/esm/contexts/ComponentContext.native.js.map +1 -1
- package/dist/esm/createComponent.mjs +1090 -598
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +1156 -630
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/createFont.mjs +21 -17
- package/dist/esm/createFont.mjs.map +1 -1
- package/dist/esm/createFont.native.js +23 -22
- package/dist/esm/createFont.native.js.map +1 -1
- package/dist/esm/createGui.mjs +154 -107
- package/dist/esm/createGui.mjs.map +1 -1
- package/dist/esm/createGui.native.js +197 -146
- package/dist/esm/createGui.native.js.map +1 -1
- package/dist/esm/createTokens.mjs +1 -1
- package/dist/esm/createTokens.mjs.map +1 -1
- package/dist/esm/createTokens.native.js +2 -2
- package/dist/esm/createTokens.native.js.map +1 -1
- package/dist/esm/createVariable.mjs +43 -19
- package/dist/esm/createVariable.mjs.map +1 -1
- package/dist/esm/createVariable.native.js +53 -30
- package/dist/esm/createVariable.native.js.map +1 -1
- package/dist/esm/createVariables.mjs +40 -36
- package/dist/esm/createVariables.mjs.map +1 -1
- package/dist/esm/createVariables.native.js +42 -38
- package/dist/esm/createVariables.native.js.map +1 -1
- package/dist/esm/defaultComponentState.mjs +17 -17
- package/dist/esm/defaultComponentState.mjs.map +1 -1
- package/dist/esm/defaultComponentState.native.js +17 -17
- package/dist/esm/defaultComponentState.native.js.map +1 -1
- package/dist/esm/eventHandling.mjs +3 -3
- package/dist/esm/eventHandling.mjs.map +1 -1
- package/dist/esm/eventHandling.native.js +100 -61
- package/dist/esm/eventHandling.native.js.map +1 -1
- package/dist/esm/helpers/consoleLog.native.js +2 -2
- package/dist/esm/helpers/consoleLog.native.js.map +1 -1
- package/dist/esm/helpers/createDesignSystem.mjs +76 -61
- package/dist/esm/helpers/createDesignSystem.mjs.map +1 -1
- package/dist/esm/helpers/createDesignSystem.native.js +163 -92
- package/dist/esm/helpers/createDesignSystem.native.js.map +1 -1
- package/dist/esm/helpers/createMediaStyle.mjs +72 -47
- package/dist/esm/helpers/createMediaStyle.mjs.map +1 -1
- package/dist/esm/helpers/createMediaStyle.native.js +78 -54
- package/dist/esm/helpers/createMediaStyle.native.js.map +1 -1
- package/dist/esm/helpers/createStyledContext.mjs +52 -35
- package/dist/esm/helpers/createStyledContext.mjs.map +1 -1
- package/dist/esm/helpers/createStyledContext.native.js +56 -42
- package/dist/esm/helpers/createStyledContext.native.js.map +1 -1
- package/dist/esm/helpers/defaultAnimationDriver.mjs +17 -16
- package/dist/esm/helpers/defaultAnimationDriver.mjs.map +1 -1
- package/dist/esm/helpers/defaultAnimationDriver.native.js +33 -30
- package/dist/esm/helpers/defaultAnimationDriver.native.js.map +1 -1
- package/dist/esm/helpers/expandStyle.mjs +93 -30
- package/dist/esm/helpers/expandStyle.mjs.map +1 -1
- package/dist/esm/helpers/expandStyle.native.js +110 -69
- package/dist/esm/helpers/expandStyle.native.js.map +1 -1
- package/dist/esm/helpers/expandStyles.mjs +23 -11
- package/dist/esm/helpers/expandStyles.mjs.map +1 -1
- package/dist/esm/helpers/expandStyles.native.js +22 -12
- package/dist/esm/helpers/expandStyles.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.mjs +88 -52
- package/dist/esm/helpers/getCSSStylesAtomic.mjs.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.native.js +5 -5
- package/dist/esm/helpers/getCSSStylesAtomic.native.js.map +1 -1
- package/dist/esm/helpers/getDefaultProps.mjs +12 -9
- package/dist/esm/helpers/getDefaultProps.mjs.map +1 -1
- package/dist/esm/helpers/getDefaultProps.native.js +14 -11
- package/dist/esm/helpers/getDefaultProps.native.js.map +1 -1
- package/dist/esm/helpers/getDynamicVal.mjs +20 -17
- package/dist/esm/helpers/getDynamicVal.mjs.map +1 -1
- package/dist/esm/helpers/getDynamicVal.native.js +25 -22
- package/dist/esm/helpers/getDynamicVal.native.js.map +1 -1
- package/dist/esm/helpers/getExpandedShorthands.mjs +3 -1
- package/dist/esm/helpers/getExpandedShorthands.mjs.map +1 -1
- package/dist/esm/helpers/getExpandedShorthands.native.js +5 -3
- package/dist/esm/helpers/getExpandedShorthands.native.js.map +1 -1
- package/dist/esm/helpers/getGroupPropParts.mjs +13 -6
- package/dist/esm/helpers/getGroupPropParts.mjs.map +1 -1
- package/dist/esm/helpers/getGroupPropParts.native.js +14 -7
- package/dist/esm/helpers/getGroupPropParts.native.js.map +1 -1
- package/dist/esm/helpers/getShorthandValue.mjs +4 -1
- package/dist/esm/helpers/getShorthandValue.mjs.map +1 -1
- package/dist/esm/helpers/getShorthandValue.native.js +6 -6
- package/dist/esm/helpers/getShorthandValue.native.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.mjs +938 -413
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +1097 -531
- package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/esm/helpers/getThemeCSSRules.mjs +85 -73
- package/dist/esm/helpers/getThemeCSSRules.mjs.map +1 -1
- package/dist/esm/helpers/getTokenForKey.mjs +97 -30
- package/dist/esm/helpers/getTokenForKey.mjs.map +1 -1
- package/dist/esm/helpers/getTokenForKey.native.js +108 -50
- package/dist/esm/helpers/getTokenForKey.native.js.map +1 -1
- package/dist/esm/helpers/getVariantExtras.mjs +42 -32
- package/dist/esm/helpers/getVariantExtras.mjs.map +1 -1
- package/dist/esm/helpers/getVariantExtras.native.js +42 -32
- package/dist/esm/helpers/getVariantExtras.native.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.mjs +154 -70
- package/dist/esm/helpers/insertStyleRule.mjs.map +1 -1
- package/dist/esm/helpers/insertStyleRule.native.js +289 -183
- package/dist/esm/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/esm/helpers/isActivePlatform.mjs +22 -6
- package/dist/esm/helpers/isActivePlatform.mjs.map +1 -1
- package/dist/esm/helpers/isActivePlatform.native.js +22 -6
- package/dist/esm/helpers/isActivePlatform.native.js.map +1 -1
- package/dist/esm/helpers/isActiveTheme.mjs +2 -1
- package/dist/esm/helpers/isActiveTheme.mjs.map +1 -1
- package/dist/esm/helpers/isActiveTheme.native.js +2 -1
- package/dist/esm/helpers/isActiveTheme.native.js.map +1 -1
- package/dist/esm/helpers/isGuiComponent.mjs +2 -2
- package/dist/esm/helpers/isGuiComponent.mjs.map +1 -1
- package/dist/esm/helpers/isGuiComponent.native.js +2 -2
- package/dist/esm/helpers/isGuiComponent.native.js.map +1 -1
- package/dist/esm/helpers/isGuiElement.mjs +3 -1
- package/dist/esm/helpers/isGuiElement.mjs.map +1 -1
- package/dist/esm/helpers/isGuiElement.native.js.map +1 -1
- package/dist/esm/helpers/isObj.mjs +1 -1
- package/dist/esm/helpers/isObj.mjs.map +1 -1
- package/dist/esm/helpers/isObj.native.js +2 -2
- package/dist/esm/helpers/log.mjs +9 -7
- package/dist/esm/helpers/log.mjs.map +1 -1
- package/dist/esm/helpers/log.native.js +13 -9
- package/dist/esm/helpers/log.native.js.map +1 -1
- package/dist/esm/helpers/mainThreadPressEvents.mjs +1 -1
- package/dist/esm/helpers/mainThreadPressEvents.mjs.map +1 -1
- package/dist/esm/helpers/mainThreadPressEvents.native.js +99 -16
- package/dist/esm/helpers/mainThreadPressEvents.native.js.map +1 -1
- package/dist/esm/helpers/matchMedia.mjs +3 -3
- package/dist/esm/helpers/matchMedia.mjs.map +1 -1
- package/dist/esm/helpers/matchMedia.native.js +22 -9
- package/dist/esm/helpers/matchMedia.native.js.map +1 -1
- package/dist/esm/helpers/mediaObjectToString.mjs +18 -4
- package/dist/esm/helpers/mediaObjectToString.mjs.map +1 -1
- package/dist/esm/helpers/mediaObjectToString.native.js +16 -4
- package/dist/esm/helpers/mediaObjectToString.native.js.map +1 -1
- package/dist/esm/helpers/mediaState.mjs +9 -7
- package/dist/esm/helpers/mediaState.mjs.map +1 -1
- package/dist/esm/helpers/mediaState.native.js +18 -16
- package/dist/esm/helpers/mediaState.native.js.map +1 -1
- package/dist/esm/helpers/mergeProps.mjs +42 -20
- package/dist/esm/helpers/mergeProps.mjs.map +1 -1
- package/dist/esm/helpers/mergeProps.native.js +43 -20
- package/dist/esm/helpers/mergeProps.native.js.map +1 -1
- package/dist/esm/helpers/mergeRenderElementProps.mjs +2 -1
- package/dist/esm/helpers/mergeRenderElementProps.mjs.map +1 -1
- package/dist/esm/helpers/mergeRenderElementProps.native.js +2 -1
- package/dist/esm/helpers/mergeRenderElementProps.native.js.map +1 -1
- package/dist/esm/helpers/mergeSlotStyleProps.mjs +17 -6
- package/dist/esm/helpers/mergeSlotStyleProps.mjs.map +1 -1
- package/dist/esm/helpers/mergeSlotStyleProps.native.js +17 -6
- package/dist/esm/helpers/mergeSlotStyleProps.native.js.map +1 -1
- package/dist/esm/helpers/mergeVariants.mjs +16 -6
- package/dist/esm/helpers/mergeVariants.mjs.map +1 -1
- package/dist/esm/helpers/mergeVariants.native.js +18 -8
- package/dist/esm/helpers/mergeVariants.native.js.map +1 -1
- package/dist/esm/helpers/normalizeColor.mjs +17 -7
- package/dist/esm/helpers/normalizeColor.mjs.map +1 -1
- package/dist/esm/helpers/normalizeColor.native.js +18 -17
- package/dist/esm/helpers/normalizeColor.native.js.map +1 -1
- package/dist/esm/helpers/normalizeShadow.native.js +11 -11
- package/dist/esm/helpers/normalizeShadow.native.js.map +1 -1
- package/dist/esm/helpers/normalizeStyle.mjs +10 -5
- package/dist/esm/helpers/normalizeStyle.mjs.map +1 -1
- package/dist/esm/helpers/normalizeStyle.native.js +17 -13
- package/dist/esm/helpers/normalizeStyle.native.js.map +1 -1
- package/dist/esm/helpers/normalizeStylePropKeys.native.js +10 -10
- package/dist/esm/helpers/normalizeValueWithProperty.mjs +19 -5
- package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.native.js +20 -6
- package/dist/esm/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/esm/helpers/objectIdentityKey.mjs +7 -2
- package/dist/esm/helpers/objectIdentityKey.mjs.map +1 -1
- package/dist/esm/helpers/objectIdentityKey.native.js +10 -5
- package/dist/esm/helpers/objectIdentityKey.native.js.map +1 -1
- package/dist/esm/helpers/parseBorderShorthand.mjs +3 -1
- package/dist/esm/helpers/parseBorderShorthand.mjs.map +1 -1
- package/dist/esm/helpers/parseBorderShorthand.native.js +40 -14
- package/dist/esm/helpers/parseBorderShorthand.native.js.map +1 -1
- package/dist/esm/helpers/parseNativeStyle.mjs +69 -37
- package/dist/esm/helpers/parseNativeStyle.mjs.map +1 -1
- package/dist/esm/helpers/parseNativeStyle.native.js +117 -80
- package/dist/esm/helpers/parseNativeStyle.native.js.map +1 -1
- package/dist/esm/helpers/parseOutlineShorthand.mjs +3 -1
- package/dist/esm/helpers/parseOutlineShorthand.mjs.map +1 -1
- package/dist/esm/helpers/parseOutlineShorthand.native.js +34 -14
- package/dist/esm/helpers/parseOutlineShorthand.native.js.map +1 -1
- package/dist/esm/helpers/platformResolveValue.mjs +4 -1
- package/dist/esm/helpers/platformResolveValue.mjs.map +1 -1
- package/dist/esm/helpers/platformResolveValue.native.js +34 -24
- package/dist/esm/helpers/platformResolveValue.native.js.map +1 -1
- package/dist/esm/helpers/pointerEvents.native.js +110 -77
- package/dist/esm/helpers/pointerEvents.native.js.map +1 -1
- package/dist/esm/helpers/propMapper.mjs +232 -107
- package/dist/esm/helpers/propMapper.mjs.map +1 -1
- package/dist/esm/helpers/propMapper.native.js +316 -205
- package/dist/esm/helpers/propMapper.native.js.map +1 -1
- package/dist/esm/helpers/proxyThemeToParents.mjs +21 -9
- package/dist/esm/helpers/proxyThemeToParents.mjs.map +1 -1
- package/dist/esm/helpers/proxyThemeToParents.native.js +72 -45
- package/dist/esm/helpers/proxyThemeToParents.native.js.map +1 -1
- package/dist/esm/helpers/proxyThemeVariables.mjs +1 -1
- package/dist/esm/helpers/proxyThemeVariables.mjs.map +1 -1
- package/dist/esm/helpers/proxyThemeVariables.native.js +1 -1
- package/dist/esm/helpers/pseudoDescriptors.mjs +48 -48
- package/dist/esm/helpers/pseudoDescriptors.mjs.map +1 -1
- package/dist/esm/helpers/pseudoDescriptors.native.js +48 -48
- package/dist/esm/helpers/pseudoDescriptors.native.js.map +1 -1
- package/dist/esm/helpers/pseudoTransitions.mjs +38 -22
- package/dist/esm/helpers/pseudoTransitions.mjs.map +1 -1
- package/dist/esm/helpers/pseudoTransitions.native.js +40 -26
- package/dist/esm/helpers/pseudoTransitions.native.js.map +1 -1
- package/dist/esm/helpers/registerCSSVariable.mjs +42 -27
- package/dist/esm/helpers/registerCSSVariable.mjs.map +1 -1
- package/dist/esm/helpers/registerCSSVariable.native.js +46 -33
- package/dist/esm/helpers/registerCSSVariable.native.js.map +1 -1
- package/dist/esm/helpers/resolveAnimationDriver.mjs +8 -1
- package/dist/esm/helpers/resolveAnimationDriver.mjs.map +1 -1
- package/dist/esm/helpers/resolveAnimationDriver.native.js +8 -1
- package/dist/esm/helpers/resolveAnimationDriver.native.js.map +1 -1
- package/dist/esm/helpers/resolveCompoundTokens.mjs +9 -7
- package/dist/esm/helpers/resolveCompoundTokens.mjs.map +1 -1
- package/dist/esm/helpers/resolveCompoundTokens.native.js +9 -7
- package/dist/esm/helpers/resolveCompoundTokens.native.js.map +1 -1
- package/dist/esm/helpers/resolveRem.mjs +1 -1
- package/dist/esm/helpers/resolveRem.mjs.map +1 -1
- package/dist/esm/helpers/resolveRem.native.js +16 -9
- package/dist/esm/helpers/resolveRem.native.js.map +1 -1
- package/dist/esm/helpers/resolveSafeArea.native.js +6 -4
- package/dist/esm/helpers/resolveSafeArea.native.js.map +1 -1
- package/dist/esm/helpers/setElementProps.native.js +7 -3
- package/dist/esm/helpers/setElementProps.native.js.map +1 -1
- package/dist/esm/helpers/skipProps.mjs +9 -2
- package/dist/esm/helpers/skipProps.mjs.map +1 -1
- package/dist/esm/helpers/skipProps.native.js +10 -2
- package/dist/esm/helpers/skipProps.native.js.map +1 -1
- package/dist/esm/helpers/subscribeToContextGroup.mjs +68 -42
- package/dist/esm/helpers/subscribeToContextGroup.mjs.map +1 -1
- package/dist/esm/helpers/subscribeToContextGroup.native.js +103 -79
- package/dist/esm/helpers/subscribeToContextGroup.native.js.map +1 -1
- package/dist/esm/helpers/themeable.mjs +45 -20
- package/dist/esm/helpers/themeable.mjs.map +1 -1
- package/dist/esm/helpers/themeable.native.js +68 -44
- package/dist/esm/helpers/themeable.native.js.map +1 -1
- package/dist/esm/helpers/themes.mjs +15 -9
- package/dist/esm/helpers/themes.mjs.map +1 -1
- package/dist/esm/helpers/themes.native.js +15 -9
- package/dist/esm/helpers/themes.native.js.map +1 -1
- package/dist/esm/helpers/timer.mjs +1 -1
- package/dist/esm/helpers/timer.native.js +1 -1
- package/dist/esm/helpers/transformsToString.mjs +6 -3
- package/dist/esm/helpers/transformsToString.mjs.map +1 -1
- package/dist/esm/helpers/transformsToString.native.js +6 -3
- package/dist/esm/helpers/transformsToString.native.js.map +1 -1
- package/dist/esm/helpers/useRenderElement.mjs +26 -12
- package/dist/esm/helpers/useRenderElement.mjs.map +1 -1
- package/dist/esm/helpers/useRenderElement.native.js +27 -13
- package/dist/esm/helpers/useRenderElement.native.js.map +1 -1
- package/dist/esm/helpers/webPropsToSkip.native.js +46 -46
- package/dist/esm/helpers/webPropsToSkip.native.js.map +1 -1
- package/dist/esm/helpers/wrapStyleTags.mjs +15 -12
- package/dist/esm/helpers/wrapStyleTags.mjs.map +1 -1
- package/dist/esm/helpers/wrapStyleTags.native.js +22 -1
- package/dist/esm/helpers/wrapStyleTags.native.js.map +1 -1
- package/dist/esm/hooks/doesRootSchemeMatchSystem.mjs +1 -1
- package/dist/esm/hooks/getThemeProxied.mjs +72 -12
- package/dist/esm/hooks/getThemeProxied.mjs.map +1 -1
- package/dist/esm/hooks/getThemeProxied.native.js +78 -45
- package/dist/esm/hooks/getThemeProxied.native.js.map +1 -1
- package/dist/esm/hooks/useComponentState.mjs +117 -68
- package/dist/esm/hooks/useComponentState.mjs.map +1 -1
- package/dist/esm/hooks/useComponentState.native.js +121 -79
- package/dist/esm/hooks/useComponentState.native.js.map +1 -1
- package/dist/esm/hooks/useDisableSSR.native.js +1 -1
- package/dist/esm/hooks/useDisableSSR.native.js.map +1 -1
- package/dist/esm/hooks/useIsTouchDevice.mjs +3 -1
- package/dist/esm/hooks/useIsTouchDevice.mjs.map +1 -1
- package/dist/esm/hooks/useIsTouchDevice.native.js +1 -1
- package/dist/esm/hooks/useIsTouchDevice.native.js.map +1 -1
- package/dist/esm/hooks/useMedia.mjs +131 -75
- package/dist/esm/hooks/useMedia.mjs.map +1 -1
- package/dist/esm/hooks/useMedia.native.js +142 -90
- package/dist/esm/hooks/useMedia.native.js.map +1 -1
- package/dist/esm/hooks/useProps.mjs +47 -43
- package/dist/esm/hooks/useProps.mjs.map +1 -1
- package/dist/esm/hooks/useProps.native.js +49 -45
- package/dist/esm/hooks/useProps.native.js.map +1 -1
- package/dist/esm/hooks/useTheme.mjs +23 -14
- package/dist/esm/hooks/useTheme.mjs.map +1 -1
- package/dist/esm/hooks/useTheme.native.js +24 -18
- package/dist/esm/hooks/useTheme.native.js.map +1 -1
- package/dist/esm/hooks/useThemeName.mjs +8 -8
- package/dist/esm/hooks/useThemeName.mjs.map +1 -1
- package/dist/esm/hooks/useThemeName.native.js +10 -10
- package/dist/esm/hooks/useThemeName.native.js.map +1 -1
- package/dist/esm/hooks/useThemeState.mjs +280 -162
- package/dist/esm/hooks/useThemeState.mjs.map +1 -1
- package/dist/esm/hooks/useThemeState.native.js +361 -230
- package/dist/esm/hooks/useThemeState.native.js.map +1 -1
- package/dist/esm/inject-styles.mjs +15 -12
- package/dist/esm/inject-styles.mjs.map +1 -1
- package/dist/esm/inject-styles.native.js +16 -13
- package/dist/esm/inject-styles.native.js.map +1 -1
- package/dist/esm/insertFont.mjs +32 -16
- package/dist/esm/insertFont.mjs.map +1 -1
- package/dist/esm/insertFont.native.js +38 -18
- package/dist/esm/insertFont.native.js.map +1 -1
- package/dist/esm/setupReactNative.mjs +33 -8
- package/dist/esm/setupReactNative.mjs.map +1 -1
- package/dist/esm/setupReactNative.native.js +32 -9
- package/dist/esm/setupReactNative.native.js.map +1 -1
- package/dist/esm/styled.mjs +106 -64
- package/dist/esm/styled.mjs.map +1 -1
- package/dist/esm/styled.native.js +109 -73
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/styledHtml.test-d.mjs +56 -25
- package/dist/esm/styledHtml.test-d.mjs.map +1 -1
- package/dist/esm/styledHtml.test-d.native.js +56 -25
- package/dist/esm/styledHtml.test-d.native.js.map +1 -1
- package/dist/esm/views/Configuration.native.js +2 -2
- package/dist/esm/views/Configuration.native.js.map +1 -1
- package/dist/esm/views/FontLanguage.mjs +10 -8
- package/dist/esm/views/FontLanguage.mjs.map +1 -1
- package/dist/esm/views/FontLanguage.native.js +7 -7
- package/dist/esm/views/FontLanguage.native.js.map +1 -1
- package/dist/esm/views/GuiProvider.mjs +19 -10
- package/dist/esm/views/GuiProvider.mjs.map +1 -1
- package/dist/esm/views/GuiProvider.native.js +33 -24
- package/dist/esm/views/GuiProvider.native.js.map +1 -1
- package/dist/esm/views/GuiRoot.mjs +17 -8
- package/dist/esm/views/GuiRoot.mjs.map +1 -1
- package/dist/esm/views/Slot.mjs +38 -22
- package/dist/esm/views/Slot.mjs.map +1 -1
- package/dist/esm/views/Slot.native.js +40 -26
- package/dist/esm/views/Slot.native.js.map +1 -1
- package/dist/esm/views/Text.mjs +27 -19
- package/dist/esm/views/Text.mjs.map +1 -1
- package/dist/esm/views/Text.native.js +26 -20
- package/dist/esm/views/Text.native.js.map +1 -1
- package/dist/esm/views/Theme.mjs +106 -72
- package/dist/esm/views/Theme.mjs.map +1 -1
- package/dist/esm/views/Theme.native.js +112 -81
- package/dist/esm/views/Theme.native.js.map +1 -1
- package/dist/esm/views/ThemeDebug.mjs +22 -3
- package/dist/esm/views/ThemeDebug.mjs.map +1 -1
- package/dist/esm/views/ThemeDebug.native.js +1 -1
- package/dist/esm/views/ThemeDebug.native.js.map +1 -1
- package/dist/esm/views/ThemeProvider.mjs +11 -8
- package/dist/esm/views/ThemeProvider.mjs.map +1 -1
- package/dist/esm/views/ThemeProvider.native.js +15 -2
- package/dist/esm/views/ThemeProvider.native.js.map +1 -1
- package/dist/esm/views/View.mjs +1 -1
- package/dist/esm/views/View.native.js +1 -1
- package/package.json +13 -13
- package/src/_withStableStyle.tsx +32 -25
- package/src/config.ts +1 -1
- package/src/constants/constants.ts +2 -2
- package/src/createComponent.tsx +69 -30
- package/src/createGui.ts +20 -12
- package/src/createTokens.ts +1 -1
- package/src/createVariable.ts +1 -1
- package/src/eventHandling.native.ts +33 -11
- package/src/eventHandling.ts +4 -2
- package/src/helpers/createDesignSystem.ts +5 -5
- package/src/helpers/defaultAnimationDriver.tsx +1 -0
- package/src/helpers/expandStyle.ts +2 -2
- package/src/helpers/expandStyles.ts +1 -1
- package/src/helpers/getSplitStyles.tsx +131 -30
- package/src/helpers/getThemeCSSRules.ts +6 -6
- package/src/helpers/getTokenForKey.ts +6 -6
- package/src/helpers/insertStyleRule.tsx +12 -12
- package/src/helpers/isActivePlatform.ts +33 -4
- package/src/helpers/log.ts +1 -1
- package/src/helpers/mainThreadPressEvents.native.ts +122 -26
- package/src/helpers/mainThreadPressEvents.ts +2 -1
- package/src/helpers/parseNativeStyle.ts +1 -1
- package/src/helpers/propMapper.ts +4 -4
- package/src/helpers/registerCSSVariable.ts +3 -3
- package/src/helpers/skipProps.ts +3 -3
- package/src/helpers/useRenderElement.tsx +1 -4
- package/src/helpers/wrapStyleTags.tsx +1 -1
- package/src/hooks/getThemeProxied.ts +1 -1
- package/src/hooks/useTheme.tsx +2 -2
- package/src/hooks/useThemeState.ts +3 -2
- package/src/insertFont.ts +2 -2
- package/src/interfaces/GuiComponentPropsBaseBase.tsx +1 -1
- package/src/setupReactNative.ts +1 -1
- package/src/styled.tsx +1 -1
- package/src/types.tsx +33 -25
- package/src/views/GuiProvider.tsx +1 -1
- package/src/views/Text.tsx +4 -3
- package/src/views/ThemeProvider.tsx +1 -1
- package/types/_withStableStyle.d.ts +1 -2
- package/types/eventHandling.d.ts +2 -2
- package/types/eventHandling.native.d.ts +3 -3
- package/types/helpers/isActivePlatform.d.ts +14 -0
- package/types/helpers/mainThreadPressEvents.d.ts +1 -1
- package/types/helpers/mainThreadPressEvents.native.d.ts +5 -6
- package/types/helpers/parseNativeStyle.d.ts +1 -1
- package/types/helpers/skipProps.d.ts +1 -1
- package/types/interfaces/GuiComponentPropsBaseBase.d.ts +1 -1
- package/types/styled.d.ts +1 -1
- package/types/types.d.ts +24 -17
package/dist/esm/styled.mjs
CHANGED
|
@@ -3,88 +3,130 @@ import { mergeVariants } from "./helpers/mergeVariants.mjs";
|
|
|
3
3
|
import { getReactNativeConfig } from "./setupReactNative.mjs";
|
|
4
4
|
const textLikeElements = /* @__PURE__ */new Set(["a", "abbr", "b", "bdi", "bdo", "cite", "code", "data", "del", "dfn", "em", "i", "ins", "kbd", "label", "mark", "q", "s", "samp", "small", "span", "strong", "sub", "sup", "time", "u", "var"]);
|
|
5
5
|
function styledHtml(tag, options) {
|
|
6
|
-
const isText = textLikeElements.has(tag)
|
|
7
|
-
|
|
6
|
+
const isText = textLikeElements.has(tag);
|
|
7
|
+
const {
|
|
8
|
+
variants,
|
|
9
|
+
name,
|
|
10
|
+
defaultVariants,
|
|
11
|
+
context,
|
|
12
|
+
...defaultProps
|
|
13
|
+
} = options || {};
|
|
14
|
+
const conf = {
|
|
15
|
+
Component: tag,
|
|
16
|
+
variants,
|
|
17
|
+
defaultProps,
|
|
18
|
+
defaultVariants,
|
|
19
|
+
componentName: name,
|
|
20
|
+
isReactNative: false,
|
|
21
|
+
isText,
|
|
22
|
+
acceptsClassName: true,
|
|
23
|
+
context
|
|
24
|
+
};
|
|
25
|
+
if (defaultProps["children"] || context) {
|
|
26
|
+
conf.neverFlatten = true;
|
|
27
|
+
}
|
|
28
|
+
const component = createComponent(conf);
|
|
29
|
+
return component;
|
|
30
|
+
}
|
|
31
|
+
function styled(ComponentIn, options, config) {
|
|
32
|
+
if (process.env.NODE_ENV !== "production") {
|
|
33
|
+
if (!ComponentIn) {
|
|
34
|
+
throw new Error(`No component given to styled()`);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
const parentStaticConfig = ComponentIn["staticConfig"];
|
|
38
|
+
const isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC);
|
|
39
|
+
const isNonStyledHOC = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC;
|
|
40
|
+
let Component = isNonStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;
|
|
41
|
+
const reactNativeConfig = !parentStaticConfig ? getReactNativeConfig(Component) : void 0;
|
|
42
|
+
const isReactNative = Boolean(reactNativeConfig || config?.isReactNative || parentStaticConfig?.isReactNative);
|
|
43
|
+
const staticConfigProps = (() => {
|
|
44
|
+
let {
|
|
8
45
|
variants,
|
|
9
46
|
name,
|
|
10
47
|
defaultVariants,
|
|
11
48
|
context,
|
|
12
49
|
...defaultProps
|
|
13
|
-
} = options || {}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
componentName: name,
|
|
20
|
-
isReactNative: !1,
|
|
21
|
-
isText,
|
|
22
|
-
acceptsClassName: !0,
|
|
23
|
-
context
|
|
24
|
-
};
|
|
25
|
-
return (defaultProps.children || context) && (conf.neverFlatten = !0), createComponent(conf);
|
|
26
|
-
}
|
|
27
|
-
function styled(ComponentIn, options, config) {
|
|
28
|
-
if (process.env.NODE_ENV !== "production" && !ComponentIn) throw new Error("No component given to styled()");
|
|
29
|
-
const parentStaticConfig = ComponentIn.staticConfig,
|
|
30
|
-
isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC);
|
|
31
|
-
let Component = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;
|
|
32
|
-
const reactNativeConfig = parentStaticConfig ? void 0 : getReactNativeConfig(Component),
|
|
33
|
-
isReactNative = !!(reactNativeConfig || config?.isReactNative || parentStaticConfig?.isReactNative),
|
|
34
|
-
staticConfigProps = (() => {
|
|
35
|
-
let {
|
|
36
|
-
variants,
|
|
37
|
-
name,
|
|
38
|
-
defaultVariants,
|
|
39
|
-
context,
|
|
40
|
-
...defaultProps
|
|
41
|
-
} = options || {},
|
|
42
|
-
parentDefaultVariants,
|
|
43
|
-
parentDefaultProps;
|
|
44
|
-
if (parentStaticConfig && !(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {
|
|
50
|
+
} = options || {};
|
|
51
|
+
let parentDefaultVariants;
|
|
52
|
+
let parentDefaultProps;
|
|
53
|
+
if (parentStaticConfig) {
|
|
54
|
+
const avoid = parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC;
|
|
55
|
+
if (!avoid) {
|
|
45
56
|
const pdp = parentStaticConfig.defaultProps;
|
|
46
57
|
for (const key in pdp) {
|
|
47
58
|
const val = pdp[key];
|
|
48
|
-
|
|
59
|
+
if (parentStaticConfig.defaultVariants) {
|
|
60
|
+
if (key in parentStaticConfig.defaultVariants) {
|
|
61
|
+
if (!defaultVariants || !(key in defaultVariants)) {
|
|
62
|
+
parentDefaultVariants ||= {};
|
|
63
|
+
parentDefaultVariants[key] = val;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
if (!(key in defaultProps) && (!defaultVariants || !(key in defaultVariants))) {
|
|
68
|
+
parentDefaultProps ||= {};
|
|
69
|
+
parentDefaultProps[key] = pdp[key];
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
if (parentStaticConfig.variants) {
|
|
73
|
+
variants = mergeVariants(parentStaticConfig.variants, variants);
|
|
49
74
|
}
|
|
50
|
-
parentStaticConfig.variants && (variants = mergeVariants(parentStaticConfig.variants, variants));
|
|
51
75
|
}
|
|
52
|
-
|
|
76
|
+
}
|
|
77
|
+
if (parentDefaultProps || defaultVariants || parentDefaultVariants) {
|
|
78
|
+
defaultProps = {
|
|
53
79
|
...parentDefaultProps,
|
|
54
80
|
...parentDefaultVariants,
|
|
55
81
|
...defaultProps,
|
|
56
82
|
...defaultVariants
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
+
};
|
|
84
|
+
}
|
|
85
|
+
if (parentStaticConfig?.isHOC) {
|
|
86
|
+
if (name) {
|
|
87
|
+
defaultProps.componentName = name;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
const isText = Boolean(config?.isText || parentStaticConfig?.isText);
|
|
91
|
+
const acceptsClassName = config?.acceptsClassName ?? (isPlainStyledComponent || isReactNative || parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName);
|
|
92
|
+
const conf = {
|
|
93
|
+
...parentStaticConfig,
|
|
94
|
+
...config,
|
|
95
|
+
...(!isPlainStyledComponent && {
|
|
96
|
+
Component
|
|
97
|
+
}),
|
|
98
|
+
// @ts-expect-error
|
|
99
|
+
variants,
|
|
100
|
+
defaultProps,
|
|
101
|
+
defaultVariants,
|
|
102
|
+
componentName: name || parentStaticConfig?.componentName,
|
|
103
|
+
isReactNative,
|
|
104
|
+
isText,
|
|
105
|
+
acceptsClassName,
|
|
106
|
+
context,
|
|
107
|
+
...reactNativeConfig,
|
|
108
|
+
isStyledHOC: Boolean(parentStaticConfig?.isHOC),
|
|
109
|
+
parentStaticConfig
|
|
110
|
+
};
|
|
111
|
+
if (defaultProps["children"] || !acceptsClassName || context) {
|
|
112
|
+
conf.neverFlatten = true;
|
|
113
|
+
}
|
|
114
|
+
return conf;
|
|
115
|
+
})();
|
|
116
|
+
const component = createComponent(staticConfigProps || {});
|
|
117
|
+
for (const key in ComponentIn) {
|
|
118
|
+
if (key === "propTypes") continue;
|
|
119
|
+
if (key in component) continue;
|
|
120
|
+
component[key] = ComponentIn[key];
|
|
121
|
+
}
|
|
83
122
|
return component;
|
|
84
123
|
}
|
|
85
124
|
const styledExport = new Proxy(styled, {
|
|
86
125
|
get(target, prop) {
|
|
87
|
-
|
|
126
|
+
if (prop in target) {
|
|
127
|
+
return target[prop];
|
|
128
|
+
}
|
|
129
|
+
return options => styledHtml(prop, options);
|
|
88
130
|
}
|
|
89
131
|
});
|
|
90
132
|
export { styledExport as styled, styledHtml };
|
package/dist/esm/styled.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createComponent","mergeVariants","getReactNativeConfig","textLikeElements","Set","styledHtml","tag","options","isText","has","variants","name","defaultVariants","context","defaultProps","conf","Component","componentName","isReactNative","acceptsClassName","
|
|
1
|
+
{"version":3,"names":["createComponent","mergeVariants","getReactNativeConfig","textLikeElements","Set","styledHtml","tag","options","isText","has","variants","name","defaultVariants","context","defaultProps","conf","Component","componentName","isReactNative","acceptsClassName","neverFlatten","component","styled","ComponentIn","config","process","env","NODE_ENV","Error","parentStaticConfig","isPlainStyledComponent","isHOC","isNonStyledHOC","isStyledHOC","reactNativeConfig","Boolean","staticConfigProps","parentDefaultVariants","parentDefaultProps","avoid","pdp","key","val","styledExport","Proxy","get","target","prop"],"sources":["../../src/styled.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -3,95 +3,131 @@ import { mergeVariants } from "./helpers/mergeVariants.native.js";
|
|
|
3
3
|
import { getReactNativeConfig } from "./setupReactNative.native.js";
|
|
4
4
|
var textLikeElements = /* @__PURE__ */new Set(["a", "abbr", "b", "bdi", "bdo", "cite", "code", "data", "del", "dfn", "em", "i", "ins", "kbd", "label", "mark", "q", "s", "samp", "small", "span", "strong", "sub", "sup", "time", "u", "var"]);
|
|
5
5
|
function styledHtml(tag, options) {
|
|
6
|
-
var isText = textLikeElements.has(tag)
|
|
7
|
-
|
|
6
|
+
var isText = textLikeElements.has(tag);
|
|
7
|
+
var {
|
|
8
|
+
variants,
|
|
9
|
+
name,
|
|
10
|
+
defaultVariants,
|
|
11
|
+
context,
|
|
12
|
+
...defaultProps
|
|
13
|
+
} = options || {};
|
|
14
|
+
var conf = {
|
|
15
|
+
Component: tag,
|
|
16
|
+
variants,
|
|
17
|
+
defaultProps,
|
|
18
|
+
defaultVariants,
|
|
19
|
+
componentName: name,
|
|
20
|
+
isReactNative: false,
|
|
21
|
+
isText,
|
|
22
|
+
acceptsClassName: true,
|
|
23
|
+
context
|
|
24
|
+
};
|
|
25
|
+
if (defaultProps["children"] || context) {
|
|
26
|
+
conf.neverFlatten = true;
|
|
27
|
+
}
|
|
28
|
+
var component = createComponent(conf);
|
|
29
|
+
return component;
|
|
30
|
+
}
|
|
31
|
+
function styled(ComponentIn, options, config) {
|
|
32
|
+
if (process.env.NODE_ENV !== "production") {
|
|
33
|
+
if (!ComponentIn) {
|
|
34
|
+
throw new Error(`No component given to styled()`);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
var parentStaticConfig = ComponentIn["staticConfig"];
|
|
38
|
+
var isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC);
|
|
39
|
+
var isNonStyledHOC = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && !(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isStyledHOC);
|
|
40
|
+
var Component = isNonStyledHOC || isPlainStyledComponent ? ComponentIn : (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.Component) || ComponentIn;
|
|
41
|
+
var reactNativeConfig = !parentStaticConfig ? getReactNativeConfig(Component) : void 0;
|
|
42
|
+
var isReactNative = Boolean(reactNativeConfig || (config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));
|
|
43
|
+
var staticConfigProps = function () {
|
|
44
|
+
var {
|
|
8
45
|
variants,
|
|
9
46
|
name,
|
|
10
47
|
defaultVariants,
|
|
11
48
|
context,
|
|
12
49
|
...defaultProps
|
|
13
|
-
} = options || {}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
isNonStyledHOC = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC,
|
|
34
|
-
Component = isNonStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn,
|
|
35
|
-
reactNativeConfig = parentStaticConfig ? void 0 : getReactNativeConfig(Component),
|
|
36
|
-
isReactNative = !!(reactNativeConfig || config?.isReactNative || parentStaticConfig?.isReactNative),
|
|
37
|
-
staticConfigProps = function () {
|
|
38
|
-
var {
|
|
39
|
-
variants,
|
|
40
|
-
name,
|
|
41
|
-
defaultVariants,
|
|
42
|
-
context,
|
|
43
|
-
...defaultProps
|
|
44
|
-
} = options || {},
|
|
45
|
-
parentDefaultVariants,
|
|
46
|
-
parentDefaultProps;
|
|
47
|
-
if (parentStaticConfig) {
|
|
48
|
-
var avoid = parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC;
|
|
49
|
-
if (!avoid) {
|
|
50
|
-
var pdp = parentStaticConfig.defaultProps;
|
|
51
|
-
for (var key2 in pdp) {
|
|
52
|
-
var val = pdp[key2];
|
|
53
|
-
parentStaticConfig.defaultVariants && key2 in parentStaticConfig.defaultVariants && (!defaultVariants || !(key2 in defaultVariants)) && (parentDefaultVariants || (parentDefaultVariants = {}), parentDefaultVariants[key2] = val), !(key2 in defaultProps) && (!defaultVariants || !(key2 in defaultVariants)) && (parentDefaultProps || (parentDefaultProps = {}), parentDefaultProps[key2] = pdp[key2]);
|
|
50
|
+
} = options || {};
|
|
51
|
+
var parentDefaultVariants;
|
|
52
|
+
var parentDefaultProps;
|
|
53
|
+
if (parentStaticConfig) {
|
|
54
|
+
var avoid = parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC;
|
|
55
|
+
if (!avoid) {
|
|
56
|
+
var pdp = parentStaticConfig.defaultProps;
|
|
57
|
+
for (var key2 in pdp) {
|
|
58
|
+
var val = pdp[key2];
|
|
59
|
+
if (parentStaticConfig.defaultVariants) {
|
|
60
|
+
if (key2 in parentStaticConfig.defaultVariants) {
|
|
61
|
+
if (!defaultVariants || !(key2 in defaultVariants)) {
|
|
62
|
+
parentDefaultVariants || (parentDefaultVariants = {});
|
|
63
|
+
parentDefaultVariants[key2] = val;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
if (!(key2 in defaultProps) && (!defaultVariants || !(key2 in defaultVariants))) {
|
|
68
|
+
parentDefaultProps || (parentDefaultProps = {});
|
|
69
|
+
parentDefaultProps[key2] = pdp[key2];
|
|
54
70
|
}
|
|
55
|
-
|
|
71
|
+
}
|
|
72
|
+
if (parentStaticConfig.variants) {
|
|
73
|
+
variants = mergeVariants(parentStaticConfig.variants, variants);
|
|
56
74
|
}
|
|
57
75
|
}
|
|
58
|
-
|
|
76
|
+
}
|
|
77
|
+
if (parentDefaultProps || defaultVariants || parentDefaultVariants) {
|
|
78
|
+
defaultProps = {
|
|
59
79
|
...parentDefaultProps,
|
|
60
80
|
...parentDefaultVariants,
|
|
61
81
|
...defaultProps,
|
|
62
82
|
...defaultVariants
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
83
|
+
};
|
|
84
|
+
}
|
|
85
|
+
if (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) {
|
|
86
|
+
if (name) {
|
|
87
|
+
defaultProps.componentName = name;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
var isText = Boolean((config === null || config === void 0 ? void 0 : config.isText) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isText));
|
|
91
|
+
var _config_acceptsClassName;
|
|
92
|
+
var acceptsClassName = (_config_acceptsClassName = config === null || config === void 0 ? void 0 : config.acceptsClassName) !== null && _config_acceptsClassName !== void 0 ? _config_acceptsClassName : isPlainStyledComponent || isReactNative || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.acceptsClassName);
|
|
93
|
+
var conf = {
|
|
94
|
+
...parentStaticConfig,
|
|
95
|
+
...config,
|
|
96
|
+
...(!isPlainStyledComponent && {
|
|
97
|
+
Component
|
|
98
|
+
}),
|
|
99
|
+
// @ts-expect-error
|
|
100
|
+
variants,
|
|
101
|
+
defaultProps,
|
|
102
|
+
defaultVariants,
|
|
103
|
+
componentName: name || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.componentName),
|
|
104
|
+
isReactNative,
|
|
105
|
+
isText,
|
|
106
|
+
acceptsClassName,
|
|
107
|
+
context,
|
|
108
|
+
...reactNativeConfig,
|
|
109
|
+
isStyledHOC: Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC),
|
|
110
|
+
parentStaticConfig
|
|
111
|
+
};
|
|
112
|
+
if (defaultProps["children"] || !acceptsClassName || context) {
|
|
113
|
+
conf.neverFlatten = true;
|
|
114
|
+
}
|
|
115
|
+
return conf;
|
|
116
|
+
}();
|
|
117
|
+
var component = createComponent(staticConfigProps || {});
|
|
118
|
+
for (var key in ComponentIn) {
|
|
119
|
+
if (key === "propTypes") continue;
|
|
120
|
+
if (key in component) continue;
|
|
121
|
+
component[key] = ComponentIn[key];
|
|
122
|
+
}
|
|
90
123
|
return component;
|
|
91
124
|
}
|
|
92
125
|
var styledExport = new Proxy(styled, {
|
|
93
126
|
get(target, prop) {
|
|
94
|
-
|
|
127
|
+
if (prop in target) {
|
|
128
|
+
return target[prop];
|
|
129
|
+
}
|
|
130
|
+
return function (options) {
|
|
95
131
|
return styledHtml(prop, options);
|
|
96
132
|
};
|
|
97
133
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createComponent","mergeVariants","getReactNativeConfig","textLikeElements","Set","styledHtml","tag","options","isText","has","variants","name","defaultVariants","context","defaultProps","conf","Component","componentName","isReactNative","acceptsClassName","
|
|
1
|
+
{"version":3,"names":["createComponent","mergeVariants","getReactNativeConfig","textLikeElements","Set","styledHtml","tag","options","isText","has","variants","name","defaultVariants","context","defaultProps","conf","Component","componentName","isReactNative","acceptsClassName","neverFlatten","component","styled","ComponentIn","config","process","env","NODE_ENV","Error","parentStaticConfig","isPlainStyledComponent","isHOC","isNonStyledHOC","isStyledHOC","reactNativeConfig","Boolean","staticConfigProps","parentDefaultVariants","parentDefaultProps","avoid","pdp","key2","val","_config_acceptsClassName","key","styledExport","Proxy","get","target","prop"],"sources":["../../src/styled.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -5,13 +5,20 @@ describe("styled.a() types", () => {
|
|
|
5
5
|
color: "$blue10"
|
|
6
6
|
});
|
|
7
7
|
test("styled.a() accepts href prop", () => {
|
|
8
|
-
expectTypeOf().toHaveProperty("href")
|
|
9
|
-
|
|
8
|
+
expectTypeOf().toHaveProperty("href");
|
|
9
|
+
expectTypeOf().toMatchTypeOf();
|
|
10
|
+
});
|
|
11
|
+
test("styled.a() accepts target prop", () => {
|
|
10
12
|
expectTypeOf().toHaveProperty("target");
|
|
11
|
-
})
|
|
13
|
+
});
|
|
14
|
+
test("styled.a() accepts rel prop", () => {
|
|
12
15
|
expectTypeOf().toHaveProperty("rel");
|
|
13
|
-
})
|
|
14
|
-
|
|
16
|
+
});
|
|
17
|
+
test("styled.a() accepts text style props", () => {
|
|
18
|
+
expectTypeOf().toHaveProperty("color");
|
|
19
|
+
expectTypeOf().toHaveProperty("fontSize");
|
|
20
|
+
expectTypeOf().toHaveProperty("fontWeight");
|
|
21
|
+
expectTypeOf().toHaveProperty("textDecorationLine");
|
|
15
22
|
});
|
|
16
23
|
});
|
|
17
24
|
describe("styled.button() types", () => {
|
|
@@ -20,12 +27,17 @@ describe("styled.button() types", () => {
|
|
|
20
27
|
});
|
|
21
28
|
test("styled.button() accepts type prop", () => {
|
|
22
29
|
expectTypeOf().toHaveProperty("type");
|
|
23
|
-
})
|
|
30
|
+
});
|
|
31
|
+
test("styled.button() accepts disabled prop", () => {
|
|
24
32
|
expectTypeOf().toHaveProperty("disabled");
|
|
25
|
-
})
|
|
33
|
+
});
|
|
34
|
+
test("styled.button() accepts onClick prop", () => {
|
|
26
35
|
expectTypeOf().toHaveProperty("onClick");
|
|
27
|
-
})
|
|
28
|
-
|
|
36
|
+
});
|
|
37
|
+
test("styled.button() accepts stack style props", () => {
|
|
38
|
+
expectTypeOf().toHaveProperty("padding");
|
|
39
|
+
expectTypeOf().toHaveProperty("backgroundColor");
|
|
40
|
+
expectTypeOf().toHaveProperty("borderRadius");
|
|
29
41
|
});
|
|
30
42
|
});
|
|
31
43
|
describe("styled.input() types", () => {
|
|
@@ -34,13 +46,17 @@ describe("styled.input() types", () => {
|
|
|
34
46
|
});
|
|
35
47
|
test("styled.input() accepts type prop", () => {
|
|
36
48
|
expectTypeOf().toHaveProperty("type");
|
|
37
|
-
})
|
|
49
|
+
});
|
|
50
|
+
test("styled.input() accepts placeholder prop", () => {
|
|
38
51
|
expectTypeOf().toHaveProperty("placeholder");
|
|
39
|
-
})
|
|
52
|
+
});
|
|
53
|
+
test("styled.input() accepts maxLength prop", () => {
|
|
40
54
|
expectTypeOf().toHaveProperty("maxLength");
|
|
41
|
-
})
|
|
55
|
+
});
|
|
56
|
+
test("styled.input() accepts value prop", () => {
|
|
42
57
|
expectTypeOf().toHaveProperty("value");
|
|
43
|
-
})
|
|
58
|
+
});
|
|
59
|
+
test("styled.input() accepts onChange prop", () => {
|
|
44
60
|
expectTypeOf().toHaveProperty("onChange");
|
|
45
61
|
});
|
|
46
62
|
});
|
|
@@ -50,9 +66,11 @@ describe("styled.form() types", () => {
|
|
|
50
66
|
});
|
|
51
67
|
test("styled.form() accepts action prop", () => {
|
|
52
68
|
expectTypeOf().toHaveProperty("action");
|
|
53
|
-
})
|
|
69
|
+
});
|
|
70
|
+
test("styled.form() accepts method prop", () => {
|
|
54
71
|
expectTypeOf().toHaveProperty("method");
|
|
55
|
-
})
|
|
72
|
+
});
|
|
73
|
+
test("styled.form() accepts onSubmit prop", () => {
|
|
56
74
|
expectTypeOf().toHaveProperty("onSubmit");
|
|
57
75
|
});
|
|
58
76
|
});
|
|
@@ -69,7 +87,10 @@ describe("styled.div() types", () => {
|
|
|
69
87
|
padding: "$4"
|
|
70
88
|
});
|
|
71
89
|
test("styled.div() accepts stack style props", () => {
|
|
72
|
-
expectTypeOf().toHaveProperty("padding")
|
|
90
|
+
expectTypeOf().toHaveProperty("padding");
|
|
91
|
+
expectTypeOf().toHaveProperty("margin");
|
|
92
|
+
expectTypeOf().toHaveProperty("flex");
|
|
93
|
+
expectTypeOf().toHaveProperty("backgroundColor");
|
|
73
94
|
});
|
|
74
95
|
});
|
|
75
96
|
describe("styled.span() types", () => {
|
|
@@ -77,7 +98,10 @@ describe("styled.span() types", () => {
|
|
|
77
98
|
color: "$color"
|
|
78
99
|
});
|
|
79
100
|
test("styled.span() accepts text style props", () => {
|
|
80
|
-
expectTypeOf().toHaveProperty("color")
|
|
101
|
+
expectTypeOf().toHaveProperty("color");
|
|
102
|
+
expectTypeOf().toHaveProperty("fontSize");
|
|
103
|
+
expectTypeOf().toHaveProperty("fontWeight");
|
|
104
|
+
expectTypeOf().toHaveProperty("lineHeight");
|
|
81
105
|
});
|
|
82
106
|
});
|
|
83
107
|
describe("styled.element() with variants", () => {
|
|
@@ -102,14 +126,16 @@ describe("styled.element() with variants", () => {
|
|
|
102
126
|
}
|
|
103
127
|
},
|
|
104
128
|
defaultVariants: {
|
|
105
|
-
underline:
|
|
129
|
+
underline: true
|
|
106
130
|
}
|
|
107
131
|
});
|
|
108
132
|
test("styled.a() with variants accepts size variant", () => {
|
|
109
133
|
expectTypeOf().toHaveProperty("size");
|
|
110
|
-
})
|
|
134
|
+
});
|
|
135
|
+
test("styled.a() with variants accepts underline variant", () => {
|
|
111
136
|
expectTypeOf().toHaveProperty("underline");
|
|
112
|
-
})
|
|
137
|
+
});
|
|
138
|
+
test("styled.a() with variants still accepts href", () => {
|
|
113
139
|
expectTypeOf().toHaveProperty("href");
|
|
114
140
|
});
|
|
115
141
|
});
|
|
@@ -127,27 +153,32 @@ describe("semantic HTML elements", () => {
|
|
|
127
153
|
padding: "$2"
|
|
128
154
|
});
|
|
129
155
|
expectTypeOf().toHaveProperty("padding");
|
|
130
|
-
})
|
|
156
|
+
});
|
|
157
|
+
test("styled.main() creates main element component", () => {
|
|
131
158
|
const StyledMain = styled.main({
|
|
132
159
|
flex: 1
|
|
133
160
|
});
|
|
134
161
|
expectTypeOf().toHaveProperty("flex");
|
|
135
|
-
})
|
|
162
|
+
});
|
|
163
|
+
test("styled.section() creates section element component", () => {
|
|
136
164
|
const StyledSection = styled.section({
|
|
137
165
|
padding: "$3"
|
|
138
166
|
});
|
|
139
167
|
expectTypeOf().toHaveProperty("padding");
|
|
140
|
-
})
|
|
168
|
+
});
|
|
169
|
+
test("styled.article() creates article element component", () => {
|
|
141
170
|
const StyledArticle = styled.article({
|
|
142
171
|
padding: "$3"
|
|
143
172
|
});
|
|
144
173
|
expectTypeOf().toHaveProperty("padding");
|
|
145
|
-
})
|
|
174
|
+
});
|
|
175
|
+
test("styled.header() creates header element component", () => {
|
|
146
176
|
const StyledHeader = styled.header({
|
|
147
177
|
padding: "$2"
|
|
148
178
|
});
|
|
149
179
|
expectTypeOf().toHaveProperty("padding");
|
|
150
|
-
})
|
|
180
|
+
});
|
|
181
|
+
test("styled.footer() creates footer element component", () => {
|
|
151
182
|
const StyledFooter = styled.footer({
|
|
152
183
|
padding: "$2"
|
|
153
184
|
});
|