@hanzogui/web 7.3.2 → 8.0.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/.turbo/turbo-build.log +2 -0
- package/dist/cjs/_withStableStyle.cjs +2 -2
- package/dist/cjs/_withStableStyle.native.js +2 -2
- package/dist/cjs/_withStableStyle.native.js.map +1 -1
- package/dist/cjs/config.cjs +18 -10
- package/dist/cjs/config.native.js +19 -10
- package/dist/cjs/config.native.js.map +1 -1
- package/dist/cjs/constants/constants.cjs +1 -1
- package/dist/cjs/constants/constants.native.js +1 -1
- package/dist/cjs/constants/constants.native.js.map +1 -1
- package/dist/cjs/createComponent.cjs +68 -28
- package/dist/cjs/createComponent.native.js +75 -30
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/createGui.cjs +1 -1
- package/dist/cjs/createGui.native.js +1 -1
- package/dist/cjs/createGui.native.js.map +1 -1
- package/dist/cjs/eventHandling.cjs +2 -2
- package/dist/cjs/eventHandling.native.js +73 -54
- package/dist/cjs/eventHandling.native.js.map +1 -1
- package/dist/cjs/helpers/createDesignSystem.cjs +2 -2
- package/dist/cjs/helpers/defaultAnimationDriver.cjs +1 -1
- package/dist/cjs/helpers/defaultAnimationDriver.native.js +1 -1
- package/dist/cjs/helpers/expandStyle.cjs +46 -5
- package/dist/cjs/helpers/expandStyle.native.js +36 -30
- package/dist/cjs/helpers/expandStyle.native.js.map +1 -1
- package/dist/cjs/helpers/getGroupPropParts.cjs +1 -1
- package/dist/cjs/helpers/getGroupPropParts.native.js +1 -1
- package/dist/cjs/helpers/getSplitStyles.cjs +76 -31
- package/dist/cjs/helpers/getSplitStyles.native.js +140 -85
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/cjs/helpers/getTokenForKey.cjs +5 -5
- package/dist/cjs/helpers/getTokenForKey.native.js +5 -5
- package/dist/cjs/helpers/getTokenForKey.native.js.map +1 -1
- package/dist/cjs/helpers/getVariantExtras.cjs +7 -3
- package/dist/cjs/helpers/getVariantExtras.native.js +7 -3
- package/dist/cjs/helpers/getVariantExtras.native.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.cjs +4 -4
- package/dist/cjs/helpers/insertStyleRule.native.js +3 -3
- package/dist/cjs/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/cjs/helpers/mainThreadPressEvents.native.js +32 -4
- package/dist/cjs/helpers/mainThreadPressEvents.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeStyle.cjs +22 -1
- package/dist/cjs/helpers/normalizeStyle.native.js +41 -1
- package/dist/cjs/helpers/normalizeStyle.native.js.map +1 -1
- package/dist/cjs/helpers/platformResolveValue.cjs +1 -1
- package/dist/cjs/helpers/platformResolveValue.native.js +1 -1
- package/dist/cjs/helpers/platformResolveValue.native.js.map +1 -1
- package/dist/cjs/helpers/pointerEvents.native.js +26 -20
- package/dist/cjs/helpers/pointerEvents.native.js.map +1 -1
- package/dist/cjs/helpers/propMapper.cjs +31 -7
- package/dist/cjs/helpers/propMapper.native.js +70 -20
- package/dist/cjs/helpers/propMapper.native.js.map +1 -1
- package/dist/cjs/helpers/resolveSafeArea.native.js +1 -1
- package/dist/cjs/helpers/resolveSafeArea.native.js.map +1 -1
- package/dist/cjs/helpers/styleOriginalValues.cjs +28 -0
- package/dist/cjs/helpers/styleOriginalValues.native.js +31 -0
- package/dist/cjs/helpers/styleOriginalValues.native.js.map +1 -0
- package/dist/cjs/helpers/styleProvenance.cjs +43 -0
- package/dist/cjs/helpers/styleProvenance.native.js +46 -0
- package/dist/cjs/helpers/styleProvenance.native.js.map +1 -0
- package/dist/cjs/helpers/wrapStyleTags.cjs +35 -11
- package/dist/cjs/helpers/wrapStyleTags.native.js.map +1 -1
- package/dist/cjs/hooks/getThemeProxied.cjs +1 -1
- package/dist/cjs/hooks/getThemeProxied.native.js +4 -4
- package/dist/cjs/hooks/getThemeProxied.native.js.map +1 -1
- package/dist/cjs/hooks/useComponentState.cjs +29 -3
- package/dist/cjs/hooks/useComponentState.native.js +30 -4
- package/dist/cjs/hooks/useComponentState.native.js.map +1 -1
- package/dist/cjs/hooks/useMedia.cjs +107 -42
- package/dist/cjs/hooks/useMedia.native.js +149 -60
- package/dist/cjs/hooks/useMedia.native.js.map +1 -1
- package/dist/cjs/hooks/useTheme.cjs +18 -5
- package/dist/cjs/hooks/useTheme.native.js +19 -5
- package/dist/cjs/hooks/useTheme.native.js.map +1 -1
- package/dist/cjs/hooks/useThemeState.cjs +143 -72
- package/dist/cjs/hooks/useThemeState.native.js +155 -74
- package/dist/cjs/hooks/useThemeState.native.js.map +1 -1
- package/dist/cjs/index.cjs +3 -0
- package/dist/cjs/index.native.js +3 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/opacityModifier.test-d.cjs +36 -0
- package/dist/cjs/opacityModifier.test-d.native.js +39 -0
- package/dist/cjs/opacityModifier.test-d.native.js.map +1 -0
- package/dist/cjs/styledNonStyleProps.test-d.cjs +63 -0
- package/dist/cjs/styledNonStyleProps.test-d.native.js +66 -0
- package/dist/cjs/styledNonStyleProps.test-d.native.js.map +1 -0
- package/dist/cjs/views/GuiProvider.cjs +2 -2
- package/dist/cjs/views/Text.cjs +1 -0
- package/dist/cjs/views/Text.native.js +1 -0
- package/dist/cjs/views/Text.native.js.map +1 -1
- package/dist/cjs/views/Theme.cjs +1 -1
- package/dist/cjs/views/Theme.native.js +1 -1
- package/dist/cjs/views/Theme.native.js.map +1 -1
- package/dist/esm/_withStableStyle.mjs +2 -2
- package/dist/esm/_withStableStyle.mjs.map +1 -1
- package/dist/esm/_withStableStyle.native.js +2 -2
- package/dist/esm/_withStableStyle.native.js.map +1 -1
- package/dist/esm/config.mjs +18 -11
- package/dist/esm/config.mjs.map +1 -1
- package/dist/esm/config.native.js +19 -11
- package/dist/esm/config.native.js.map +1 -1
- package/dist/esm/constants/constants.mjs +1 -1
- package/dist/esm/constants/constants.native.js +1 -1
- package/dist/esm/constants/constants.native.js.map +1 -1
- package/dist/esm/createComponent.mjs +74 -35
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +90 -42
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/createGui.mjs +6 -6
- package/dist/esm/createGui.mjs.map +1 -1
- package/dist/esm/createGui.native.js +6 -6
- package/dist/esm/createGui.native.js.map +1 -1
- package/dist/esm/eventHandling.mjs +2 -2
- package/dist/esm/eventHandling.mjs.map +1 -1
- package/dist/esm/eventHandling.native.js +74 -55
- package/dist/esm/eventHandling.native.js.map +1 -1
- package/dist/esm/helpers/createDesignSystem.mjs +2 -2
- package/dist/esm/helpers/createDesignSystem.mjs.map +1 -1
- package/dist/esm/helpers/createDesignSystem.native.js +1 -2
- package/dist/esm/helpers/createDesignSystem.native.js.map +1 -1
- package/dist/esm/helpers/defaultAnimationDriver.mjs +1 -1
- package/dist/esm/helpers/defaultAnimationDriver.mjs.map +1 -1
- package/dist/esm/helpers/defaultAnimationDriver.native.js +1 -1
- package/dist/esm/helpers/expandStyle.mjs +47 -8
- package/dist/esm/helpers/expandStyle.mjs.map +1 -1
- package/dist/esm/helpers/expandStyle.native.js +36 -30
- package/dist/esm/helpers/expandStyle.native.js.map +1 -1
- package/dist/esm/helpers/expandStyles.mjs.map +1 -1
- package/dist/esm/helpers/expandStyles.native.js.map +1 -1
- package/dist/esm/helpers/getGroupPropParts.mjs +1 -1
- package/dist/esm/helpers/getGroupPropParts.mjs.map +1 -1
- package/dist/esm/helpers/getGroupPropParts.native.js +1 -1
- package/dist/esm/helpers/getSplitStyles.mjs +86 -45
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +146 -98
- package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/esm/helpers/getThemeCSSRules.mjs +1 -1
- package/dist/esm/helpers/getThemeCSSRules.mjs.map +1 -1
- package/dist/esm/helpers/getTokenForKey.mjs +5 -5
- package/dist/esm/helpers/getTokenForKey.mjs.map +1 -1
- package/dist/esm/helpers/getTokenForKey.native.js +5 -5
- package/dist/esm/helpers/getTokenForKey.native.js.map +1 -1
- package/dist/esm/helpers/getVariantExtras.mjs +7 -3
- package/dist/esm/helpers/getVariantExtras.mjs.map +1 -1
- package/dist/esm/helpers/getVariantExtras.native.js +7 -3
- package/dist/esm/helpers/getVariantExtras.native.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.mjs +4 -6
- package/dist/esm/helpers/insertStyleRule.mjs.map +1 -1
- package/dist/esm/helpers/insertStyleRule.native.js +0 -26
- package/dist/esm/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/esm/helpers/isActivePlatform.mjs.map +1 -1
- package/dist/esm/helpers/isActivePlatform.native.js.map +1 -1
- package/dist/esm/helpers/log.mjs.map +1 -1
- package/dist/esm/helpers/log.native.js.map +1 -1
- package/dist/esm/helpers/mainThreadPressEvents.native.js +32 -4
- package/dist/esm/helpers/mainThreadPressEvents.native.js.map +1 -1
- package/dist/esm/helpers/normalizeStyle.mjs +22 -1
- package/dist/esm/helpers/normalizeStyle.mjs.map +1 -1
- package/dist/esm/helpers/normalizeStyle.native.js +41 -1
- package/dist/esm/helpers/normalizeStyle.native.js.map +1 -1
- package/dist/esm/helpers/platformResolveValue.mjs +1 -1
- package/dist/esm/helpers/platformResolveValue.mjs.map +1 -1
- package/dist/esm/helpers/platformResolveValue.native.js +1 -1
- package/dist/esm/helpers/platformResolveValue.native.js.map +1 -1
- package/dist/esm/helpers/pointerEvents.native.js +26 -20
- package/dist/esm/helpers/pointerEvents.native.js.map +1 -1
- package/dist/esm/helpers/propMapper.mjs +32 -11
- package/dist/esm/helpers/propMapper.mjs.map +1 -1
- package/dist/esm/helpers/propMapper.native.js +71 -22
- package/dist/esm/helpers/propMapper.native.js.map +1 -1
- package/dist/esm/helpers/resolveSafeArea.native.js +1 -1
- package/dist/esm/helpers/resolveSafeArea.native.js.map +1 -1
- package/dist/esm/helpers/skipProps.mjs +0 -1
- package/dist/esm/helpers/skipProps.mjs.map +1 -1
- package/dist/esm/helpers/skipProps.native.js +0 -1
- package/dist/esm/helpers/skipProps.native.js.map +1 -1
- package/dist/esm/helpers/styleOriginalValues.mjs +3 -0
- package/dist/esm/helpers/styleOriginalValues.mjs.map +1 -0
- package/dist/esm/helpers/styleOriginalValues.native.js +3 -0
- package/dist/esm/helpers/styleOriginalValues.native.js.map +1 -0
- package/dist/esm/helpers/styleProvenance.mjs +16 -0
- package/dist/esm/helpers/styleProvenance.mjs.map +1 -0
- package/dist/esm/helpers/styleProvenance.native.js +16 -0
- package/dist/esm/helpers/styleProvenance.native.js.map +1 -0
- package/dist/esm/helpers/useRenderElement.mjs.map +1 -1
- package/dist/esm/helpers/useRenderElement.native.js.map +1 -1
- package/dist/esm/helpers/wrapStyleTags.mjs +35 -11
- package/dist/esm/helpers/wrapStyleTags.mjs.map +1 -1
- package/dist/esm/helpers/wrapStyleTags.native.js +0 -2
- package/dist/esm/helpers/wrapStyleTags.native.js.map +1 -1
- package/dist/esm/hooks/getThemeProxied.mjs +2 -5
- package/dist/esm/hooks/getThemeProxied.mjs.map +1 -1
- package/dist/esm/hooks/getThemeProxied.native.js +5 -5
- package/dist/esm/hooks/getThemeProxied.native.js.map +1 -1
- package/dist/esm/hooks/useComponentState.mjs +31 -5
- package/dist/esm/hooks/useComponentState.mjs.map +1 -1
- package/dist/esm/hooks/useComponentState.native.js +32 -6
- package/dist/esm/hooks/useComponentState.native.js.map +1 -1
- package/dist/esm/hooks/useMedia.mjs +108 -43
- package/dist/esm/hooks/useMedia.mjs.map +1 -1
- package/dist/esm/hooks/useMedia.native.js +150 -61
- package/dist/esm/hooks/useMedia.native.js.map +1 -1
- package/dist/esm/hooks/useTheme.mjs +18 -5
- package/dist/esm/hooks/useTheme.mjs.map +1 -1
- package/dist/esm/hooks/useTheme.native.js +19 -5
- package/dist/esm/hooks/useTheme.native.js.map +1 -1
- package/dist/esm/hooks/useThemeState.mjs +141 -70
- package/dist/esm/hooks/useThemeState.mjs.map +1 -1
- package/dist/esm/hooks/useThemeState.native.js +154 -73
- package/dist/esm/hooks/useThemeState.native.js.map +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +4 -4
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +4 -4
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/insertFont.mjs.map +1 -1
- package/dist/esm/insertFont.native.js +0 -1
- package/dist/esm/insertFont.native.js.map +1 -1
- package/dist/esm/opacityModifier.test-d.mjs +37 -0
- package/dist/esm/opacityModifier.test-d.mjs.map +1 -0
- package/dist/esm/opacityModifier.test-d.native.js +37 -0
- package/dist/esm/opacityModifier.test-d.native.js.map +1 -0
- package/dist/esm/styledNonStyleProps.test-d.mjs +64 -0
- package/dist/esm/styledNonStyleProps.test-d.mjs.map +1 -0
- package/dist/esm/styledNonStyleProps.test-d.native.js +64 -0
- package/dist/esm/styledNonStyleProps.test-d.native.js.map +1 -0
- package/dist/esm/views/GuiProvider.mjs +2 -2
- package/dist/esm/views/GuiProvider.mjs.map +1 -1
- package/dist/esm/views/GuiProvider.native.js +6 -6
- package/dist/esm/views/GuiProvider.native.js.map +1 -1
- package/dist/esm/views/Text.mjs +1 -0
- package/dist/esm/views/Text.mjs.map +1 -1
- package/dist/esm/views/Text.native.js +1 -0
- package/dist/esm/views/Text.native.js.map +1 -1
- package/dist/esm/views/Theme.mjs +1 -1
- package/dist/esm/views/Theme.mjs.map +1 -1
- package/dist/esm/views/Theme.native.js +1 -1
- package/dist/esm/views/Theme.native.js.map +1 -1
- package/dist/esm/views/ThemeProvider.mjs.map +1 -1
- package/dist/esm/views/ThemeProvider.native.js +2 -4
- package/dist/esm/views/ThemeProvider.native.js.map +1 -1
- package/inject-styles/index.cjs +2 -0
- package/inject-styles/index.js +2 -0
- package/package.json +27 -40
- package/src/_withStableStyle.tsx +9 -3
- package/src/config.ts +24 -14
- package/src/constants/accessibilityDirectMap.tsx +1 -1
- package/src/constants/constants.ts +1 -1
- package/src/createComponent.tsx +161 -26
- package/src/createGui.ts +2 -2
- package/src/eventHandling.native.ts +143 -52
- package/src/eventHandling.ts +4 -2
- package/src/helpers/createDesignSystem.ts +2 -2
- package/src/helpers/createMediaStyle.ts +1 -1
- package/src/helpers/defaultAnimationDriver.tsx +1 -1
- package/src/helpers/expandStyle.ts +108 -40
- package/src/helpers/getGroupPropParts.ts +1 -1
- package/src/helpers/getSplitStyles.tsx +178 -72
- package/src/helpers/getTokenForKey.ts +5 -5
- package/src/helpers/getVariantExtras.tsx +5 -4
- package/src/helpers/insertStyleRule.tsx +7 -7
- package/src/helpers/mainThreadPressEvents.native.ts +42 -2
- package/src/helpers/mergeProps.ts +1 -1
- package/src/helpers/normalizeStyle.ts +23 -1
- package/src/helpers/platformResolveValue.native.ts +4 -1
- package/src/helpers/platformResolveValue.ts +5 -1
- package/src/helpers/pointerEvents.native.ts +26 -19
- package/src/helpers/propMapper.ts +61 -6
- package/src/helpers/resolveSafeArea.native.ts +1 -1
- package/src/helpers/styleOriginalValues.ts +2 -0
- package/src/helpers/styleProvenance.ts +49 -0
- package/src/helpers/wrapStyleTags.tsx +63 -20
- package/src/hooks/getThemeProxied.ts +14 -8
- package/src/hooks/useComponentState.ts +56 -4
- package/src/hooks/useMedia.tsx +156 -43
- package/src/hooks/useTheme.tsx +28 -6
- package/src/hooks/useThemeState.ts +284 -142
- package/src/index.ts +9 -1
- package/src/interfaces/GuiComponentPropsBaseBase.tsx +2 -2
- package/src/opacityModifier.test-d.ts +65 -0
- package/src/styled.tsx +1 -1
- package/src/styledNonStyleProps.test-d.ts +106 -0
- package/src/types.tsx +120 -22
- package/src/views/GuiProvider.tsx +2 -2
- package/src/views/Text.tsx +1 -0
- package/src/views/Theme.tsx +4 -1
- package/tsconfig.json +44 -0
- package/tsconfig.test.json +9 -0
- package/types/_withStableStyle.d.ts.map +1 -1
- package/types/config.d.ts +3 -1
- package/types/config.d.ts.map +1 -1
- package/types/constants/constants.d.ts +1 -1
- package/types/constants/constants.d.ts.map +1 -1
- package/types/createComponent.d.ts.map +1 -1
- package/types/eventHandling.d.ts +2 -2
- package/types/eventHandling.d.ts.map +1 -1
- package/types/eventHandling.native.d.ts +3 -3
- package/types/eventHandling.native.d.ts.map +1 -1
- package/types/helpers/expandStyle.d.ts +2 -1
- package/types/helpers/expandStyle.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts +4 -2
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/getVariantExtras.d.ts.map +1 -1
- package/types/helpers/mainThreadPressEvents.native.d.ts.map +1 -1
- package/types/helpers/normalizeStyle.d.ts.map +1 -1
- package/types/helpers/platformResolveValue.d.ts.map +1 -1
- package/types/helpers/platformResolveValue.native.d.ts.map +1 -1
- package/types/helpers/pointerEvents.native.d.ts.map +1 -1
- package/types/helpers/propMapper.d.ts.map +1 -1
- package/types/helpers/styleOriginalValues.d.ts +2 -0
- package/types/helpers/styleOriginalValues.d.ts.map +1 -0
- package/types/helpers/styleProvenance.d.ts +11 -0
- package/types/helpers/styleProvenance.d.ts.map +1 -0
- package/types/helpers/wrapStyleTags.d.ts +1 -1
- package/types/helpers/wrapStyleTags.d.ts.map +1 -1
- package/types/hooks/getThemeProxied.d.ts.map +1 -1
- package/types/hooks/useComponentState.d.ts +2 -1
- package/types/hooks/useComponentState.d.ts.map +1 -1
- package/types/hooks/useMedia.d.ts.map +1 -1
- package/types/hooks/useTheme.d.ts +1 -1
- package/types/hooks/useTheme.d.ts.map +1 -1
- package/types/hooks/useThemeState.d.ts +1 -1
- package/types/hooks/useThemeState.d.ts.map +1 -1
- package/types/index.d.ts +3 -3
- package/types/index.d.ts.map +1 -1
- package/types/interfaces/GuiComponentPropsBaseBase.d.ts +2 -2
- package/types/types.d.ts +33 -16
- package/types/types.d.ts.map +1 -1
- package/types/views/Configuration.d.ts +1 -1
- package/types/views/Configuration.d.ts.map +1 -1
- package/types/views/FontLanguage.d.ts +1 -1
- package/types/views/FontLanguage.native.d.ts +1 -2
- package/types/views/FontLanguage.native.d.ts.map +1 -1
- package/types/views/GuiProvider.d.ts +1 -2
- package/types/views/GuiProvider.d.ts.map +1 -1
- package/types/views/GuiRoot.d.ts +1 -1
- package/types/views/GuiRoot.d.ts.map +1 -1
- package/types/views/Slot.d.ts +1 -1
- package/types/views/Text.d.ts.map +1 -1
- package/types/views/Theme.d.ts.map +1 -1
- package/types/views/ThemeProvider.d.ts +1 -1
- package/types/views/ThemeProvider.d.ts.map +1 -1
- package/vitest.config.d.ts +3 -0
- package/vitest.config.d.ts.map +1 -0
- package/vitest.config.ts +14 -0
- package/LICENSE +0 -42
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { isAndroid, isWeb } from "@hanzogui/constants";
|
|
2
|
-
import {
|
|
2
|
+
import { getStyleCompat } from "../config.native.js";
|
|
3
3
|
import { parseBorderShorthand } from "./parseBorderShorthand.native.js";
|
|
4
4
|
import { parseOutlineShorthand } from "./parseOutlineShorthand.native.js";
|
|
5
|
-
var _loop = function (
|
|
5
|
+
var _loop = function (parent2) {
|
|
6
6
|
var _exec;
|
|
7
7
|
var _exec_index;
|
|
8
|
-
var prefix =
|
|
9
|
-
EXPANSIONS[
|
|
8
|
+
var prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);
|
|
9
|
+
EXPANSIONS[parent2] = EXPANSIONS[parent2].map(function (k) {
|
|
10
10
|
return `${prefix}${k}`;
|
|
11
11
|
});
|
|
12
12
|
};
|
|
13
13
|
function expandStyle(key, value) {
|
|
14
|
+
arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : getStyleCompat();
|
|
14
15
|
if (isAndroid && key === "elevationAndroid") return [["elevation", value]];
|
|
15
16
|
switch (key) {
|
|
16
17
|
case "objectFit":
|
|
@@ -35,7 +36,10 @@ function expandStyle(key, value) {
|
|
|
35
36
|
}
|
|
36
37
|
return;
|
|
37
38
|
}
|
|
38
|
-
if (key in
|
|
39
|
+
if (key in nativeInlineExpansions) return nativeInlineExpansions[key].map(function (k) {
|
|
40
|
+
return [k, value];
|
|
41
|
+
});
|
|
42
|
+
if (key in universalExpansions) return universalExpansions[key].map(function (k) {
|
|
39
43
|
return [k, value];
|
|
40
44
|
});
|
|
41
45
|
if (key in EXPANSIONS) return EXPANSIONS[key].map(function (k) {
|
|
@@ -76,47 +80,49 @@ var EXPANSIONS = {
|
|
|
76
80
|
})
|
|
77
81
|
};
|
|
78
82
|
for (var parent in EXPANSIONS) _loop(parent);
|
|
79
|
-
var
|
|
83
|
+
var universalExpansions = {
|
|
84
|
+
inset: ["top", "right", "bottom", "left"],
|
|
85
|
+
insetBlock: ["top", "bottom"],
|
|
86
|
+
insetBlockStart: ["top"],
|
|
87
|
+
insetBlockEnd: ["bottom"],
|
|
88
|
+
marginBlock: ["marginTop", "marginBottom"],
|
|
89
|
+
marginBlockStart: ["marginTop"],
|
|
90
|
+
marginBlockEnd: ["marginBottom"],
|
|
91
|
+
paddingBlock: ["paddingTop", "paddingBottom"],
|
|
92
|
+
paddingBlockStart: ["paddingTop"],
|
|
93
|
+
paddingBlockEnd: ["paddingBottom"],
|
|
80
94
|
borderBlockColor: ["borderTopColor", "borderBottomColor"],
|
|
81
|
-
borderInlineColor: ["borderEndColor", "borderStartColor"],
|
|
82
95
|
borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
|
|
83
|
-
borderInlineWidth: ["borderEndWidth", "borderStartWidth"],
|
|
84
96
|
borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
|
|
85
|
-
borderInlineStyle: ["borderEndStyle", "borderStartStyle"],
|
|
86
97
|
borderBlockStartColor: ["borderTopColor"],
|
|
87
98
|
borderBlockEndColor: ["borderBottomColor"],
|
|
88
|
-
borderInlineStartColor: ["borderStartColor"],
|
|
89
|
-
borderInlineEndColor: ["borderEndColor"],
|
|
90
99
|
borderBlockStartWidth: ["borderTopWidth"],
|
|
91
100
|
borderBlockEndWidth: ["borderBottomWidth"],
|
|
92
|
-
borderInlineStartWidth: ["borderStartWidth"],
|
|
93
|
-
borderInlineEndWidth: ["borderEndWidth"],
|
|
94
101
|
borderBlockStartStyle: ["borderTopStyle"],
|
|
95
102
|
borderBlockEndStyle: ["borderBottomStyle"],
|
|
103
|
+
minBlockSize: ["minHeight"],
|
|
104
|
+
maxBlockSize: ["maxHeight"],
|
|
105
|
+
minInlineSize: ["minWidth"],
|
|
106
|
+
maxInlineSize: ["maxWidth"],
|
|
107
|
+
blockSize: ["height"],
|
|
108
|
+
inlineSize: ["width"]
|
|
109
|
+
};
|
|
110
|
+
var nativeInlineExpansions = {
|
|
111
|
+
borderInlineColor: ["borderEndColor", "borderStartColor"],
|
|
112
|
+
borderInlineWidth: ["borderEndWidth", "borderStartWidth"],
|
|
113
|
+
borderInlineStyle: ["borderEndStyle", "borderStartStyle"],
|
|
114
|
+
borderInlineStartColor: ["borderStartColor"],
|
|
115
|
+
borderInlineEndColor: ["borderEndColor"],
|
|
116
|
+
borderInlineStartWidth: ["borderStartWidth"],
|
|
117
|
+
borderInlineEndWidth: ["borderEndWidth"],
|
|
96
118
|
borderInlineStartStyle: ["borderStartStyle"],
|
|
97
119
|
borderInlineEndStyle: ["borderEndStyle"],
|
|
98
|
-
marginBlock: ["marginTop", "marginBottom"],
|
|
99
120
|
marginInline: ["marginEnd", "marginStart"],
|
|
100
|
-
paddingBlock: ["paddingTop", "paddingBottom"],
|
|
101
|
-
paddingInline: ["paddingEnd", "paddingStart"],
|
|
102
|
-
marginBlockStart: ["marginTop"],
|
|
103
|
-
marginBlockEnd: ["marginBottom"],
|
|
104
121
|
marginInlineStart: ["marginStart"],
|
|
105
122
|
marginInlineEnd: ["marginEnd"],
|
|
106
|
-
|
|
107
|
-
paddingBlockEnd: ["paddingBottom"],
|
|
123
|
+
paddingInline: ["paddingEnd", "paddingStart"],
|
|
108
124
|
paddingInlineStart: ["paddingStart"],
|
|
109
125
|
paddingInlineEnd: ["paddingEnd"],
|
|
110
|
-
minBlockSize: ["minHeight"],
|
|
111
|
-
maxBlockSize: ["maxHeight"],
|
|
112
|
-
minInlineSize: ["minWidth"],
|
|
113
|
-
maxInlineSize: ["maxWidth"],
|
|
114
|
-
blockSize: ["height"],
|
|
115
|
-
inlineSize: ["width"],
|
|
116
|
-
inset: ["top", "right", "bottom", "left"],
|
|
117
|
-
insetBlock: ["top", "bottom"],
|
|
118
|
-
insetBlockStart: ["top"],
|
|
119
|
-
insetBlockEnd: ["bottom"],
|
|
120
126
|
insetInlineStart: ["left"],
|
|
121
127
|
insetInlineEnd: ["right"]
|
|
122
128
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isAndroid","isWeb","getSetting","parseBorderShorthand","parseOutlineShorthand","_loop","parent","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","expandStyle","key","value","resizeModeMap","verticalAlignMap","parsed","parsed1","nativeExpansions","fill","none","contain","cover","top","middle","bottom","auto","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","borderStyle","overflow","overscrollBehavior","borderBlockColor","borderInlineColor","borderBlockWidth","borderInlineWidth","borderBlockStyle","borderInlineStyle","borderBlockStartColor","borderBlockEndColor","borderInlineStartColor","borderInlineEndColor","borderBlockStartWidth","borderBlockEndWidth","borderInlineStartWidth","borderInlineEndWidth","borderBlockStartStyle","borderBlockEndStyle","borderInlineStartStyle","borderInlineEndStyle","marginBlock","marginInline","paddingBlock","paddingInline","marginBlockStart","marginBlockEnd","marginInlineStart","marginInlineEnd","paddingBlockStart","paddingBlockEnd","paddingInlineStart","paddingInlineEnd","minBlockSize","maxBlockSize","minInlineSize","maxInlineSize","blockSize","inlineSize","inset","insetBlock","insetBlockStart","insetBlockEnd","insetInlineStart","insetInlineEnd"],"sources":["../../../src/helpers/expandStyle.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["isAndroid","isWeb","getStyleCompat","parseBorderShorthand","parseOutlineShorthand","_loop","parent2","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","expandStyle","key","value","arguments","resizeModeMap","verticalAlignMap","parsed","parsed1","nativeInlineExpansions","universalExpansions","fill","none","contain","cover","top","middle","bottom","auto","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","borderStyle","overflow","overscrollBehavior","parent","inset","insetBlock","insetBlockStart","insetBlockEnd","marginBlock","marginBlockStart","marginBlockEnd","paddingBlock","paddingBlockStart","paddingBlockEnd","borderBlockColor","borderBlockWidth","borderBlockStyle","borderBlockStartColor","borderBlockEndColor","borderBlockStartWidth","borderBlockEndWidth","borderBlockStartStyle","borderBlockEndStyle","minBlockSize","maxBlockSize","minInlineSize","maxInlineSize","blockSize","inlineSize","borderInlineColor","borderInlineWidth","borderInlineStyle","borderInlineStartColor","borderInlineEndColor","borderInlineStartWidth","borderInlineEndWidth","borderInlineStartStyle","borderInlineEndStyle","marginInline","marginInlineStart","marginInlineEnd","paddingInline","paddingInlineStart","paddingInlineEnd","insetInlineStart","insetInlineEnd"],"sources":["expandStyle.native.js"],"sourcesContent":["import { isAndroid, isWeb } from \"@hanzogui/constants\";\nimport { getStyleCompat } from \"../config\";\nimport { parseBorderShorthand } from \"./parseBorderShorthand\";\nimport { parseOutlineShorthand } from \"./parseOutlineShorthand\";\n\nvar _loop = function(parent2) {\n\tvar _exec;\n\tvar _exec_index;\n\tvar prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);\n\tEXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {\n\t\treturn `${prefix}${k}`;\n\t});\n};\nfunction expandStyle(key, value) {\n\targuments.length > 2 && arguments[2] !== void 0 ? arguments[2] : getStyleCompat();\n\tif (isAndroid && key === \"elevationAndroid\") return [[\"elevation\", value]];\n\tswitch (key) {\n\t\tcase \"objectFit\": return [[\"resizeMode\", resizeModeMap[value] || \"cover\"]];\n\t\tcase \"verticalAlign\": return [[\"textAlignVertical\", verticalAlignMap[value] || \"auto\"]];\n\t\tcase \"position\":\n\t\t\tif (value === \"fixed\" || value === \"sticky\") return [[\"position\", \"absolute\"]];\n\t\t\treturn;\n\t\tcase \"backgroundImage\": return [[\"experimental_backgroundImage\", value]];\n\t\tcase \"border\":\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tvar parsed = parseBorderShorthand(value);\n\t\t\t\tif (parsed) return parsed;\n\t\t\t}\n\t\t\treturn;\n\t\tcase \"outline\":\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tvar parsed1 = parseOutlineShorthand(value);\n\t\t\t\tif (parsed1) return parsed1;\n\t\t\t}\n\t\t\treturn;\n\t}\n\tif (key in nativeInlineExpansions) return nativeInlineExpansions[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n\tif (key in universalExpansions) return universalExpansions[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n\tif (key in EXPANSIONS) return EXPANSIONS[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n}\nvar resizeModeMap = {\n\tfill: \"stretch\",\n\tnone: \"center\",\n\t\"scale-down\": \"contain\",\n\tcontain: \"contain\",\n\tcover: \"cover\"\n};\nvar verticalAlignMap = {\n\ttop: \"top\",\n\tmiddle: \"center\",\n\tbottom: \"bottom\",\n\tauto: \"auto\"\n};\nvar all = [\n\t\"Top\",\n\t\"Right\",\n\t\"Bottom\",\n\t\"Left\"\n];\nvar horiz = [\"Right\", \"Left\"];\nvar vert = [\"Top\", \"Bottom\"];\nvar xy = [\"X\", \"Y\"];\nvar EXPANSIONS = {\n\tborderColor: [\n\t\t\"TopColor\",\n\t\t\"RightColor\",\n\t\t\"BottomColor\",\n\t\t\"LeftColor\"\n\t],\n\tborderRadius: [\n\t\t\"TopLeftRadius\",\n\t\t\"TopRightRadius\",\n\t\t\"BottomRightRadius\",\n\t\t\"BottomLeftRadius\"\n\t],\n\tborderWidth: [\n\t\t\"TopWidth\",\n\t\t\"RightWidth\",\n\t\t\"BottomWidth\",\n\t\t\"LeftWidth\"\n\t],\n\tmargin: all,\n\tmarginHorizontal: horiz,\n\tmarginVertical: vert,\n\tpadding: all,\n\tpaddingHorizontal: horiz,\n\tpaddingVertical: vert,\n\t...isWeb && {\n\t\tborderStyle: [\n\t\t\t\"TopStyle\",\n\t\t\t\"RightStyle\",\n\t\t\t\"BottomStyle\",\n\t\t\t\"LeftStyle\"\n\t\t],\n\t\toverflow: xy,\n\t\toverscrollBehavior: xy\n\t}\n};\nfor (var parent in EXPANSIONS) _loop(parent);\nvar universalExpansions = {\n\tinset: [\n\t\t\"top\",\n\t\t\"right\",\n\t\t\"bottom\",\n\t\t\"left\"\n\t],\n\tinsetBlock: [\"top\", \"bottom\"],\n\tinsetBlockStart: [\"top\"],\n\tinsetBlockEnd: [\"bottom\"],\n\tmarginBlock: [\"marginTop\", \"marginBottom\"],\n\tmarginBlockStart: [\"marginTop\"],\n\tmarginBlockEnd: [\"marginBottom\"],\n\tpaddingBlock: [\"paddingTop\", \"paddingBottom\"],\n\tpaddingBlockStart: [\"paddingTop\"],\n\tpaddingBlockEnd: [\"paddingBottom\"],\n\tborderBlockColor: [\"borderTopColor\", \"borderBottomColor\"],\n\tborderBlockWidth: [\"borderTopWidth\", \"borderBottomWidth\"],\n\tborderBlockStyle: [\"borderTopStyle\", \"borderBottomStyle\"],\n\tborderBlockStartColor: [\"borderTopColor\"],\n\tborderBlockEndColor: [\"borderBottomColor\"],\n\tborderBlockStartWidth: [\"borderTopWidth\"],\n\tborderBlockEndWidth: [\"borderBottomWidth\"],\n\tborderBlockStartStyle: [\"borderTopStyle\"],\n\tborderBlockEndStyle: [\"borderBottomStyle\"],\n\tminBlockSize: [\"minHeight\"],\n\tmaxBlockSize: [\"maxHeight\"],\n\tminInlineSize: [\"minWidth\"],\n\tmaxInlineSize: [\"maxWidth\"],\n\tblockSize: [\"height\"],\n\tinlineSize: [\"width\"]\n};\nvar nativeInlineExpansions = {\n\tborderInlineColor: [\"borderEndColor\", \"borderStartColor\"],\n\tborderInlineWidth: [\"borderEndWidth\", \"borderStartWidth\"],\n\tborderInlineStyle: [\"borderEndStyle\", \"borderStartStyle\"],\n\tborderInlineStartColor: [\"borderStartColor\"],\n\tborderInlineEndColor: [\"borderEndColor\"],\n\tborderInlineStartWidth: [\"borderStartWidth\"],\n\tborderInlineEndWidth: [\"borderEndWidth\"],\n\tborderInlineStartStyle: [\"borderStartStyle\"],\n\tborderInlineEndStyle: [\"borderEndStyle\"],\n\tmarginInline: [\"marginEnd\", \"marginStart\"],\n\tmarginInlineStart: [\"marginStart\"],\n\tmarginInlineEnd: [\"marginEnd\"],\n\tpaddingInline: [\"paddingEnd\", \"paddingStart\"],\n\tpaddingInlineStart: [\"paddingStart\"],\n\tpaddingInlineEnd: [\"paddingEnd\"],\n\tinsetInlineStart: [\"left\"],\n\tinsetInlineEnd: [\"right\"]\n};\n\nexport { expandStyle };"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","normalizeShadow","fixStyles","style","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","key","borderDefaults","nativeStyle","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth"],"sources":["
|
|
1
|
+
{"version":3,"names":["isWeb","normalizeShadow","fixStyles","style","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","key","borderDefaults","nativeStyle","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth"],"sources":["expandStyles.mjs"],"sourcesContent":["import { isWeb } from \"@hanzogui/constants\";\nimport { normalizeShadow } from \"./normalizeShadow\";\n\nfunction fixStyles(style) {\n\tif (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) Object.assign(style, normalizeShadow(style));\n\tfor (const key in borderDefaults) if (key in style) style[borderDefaults[key]] ||= \"solid\";\n}\nconst nativeStyle = isWeb ? null : \"borderStyle\";\nconst borderDefaults = {\n\tborderWidth: \"borderStyle\",\n\tborderBottomWidth: nativeStyle || \"borderBottomStyle\",\n\tborderTopWidth: nativeStyle || \"borderTopStyle\",\n\tborderLeftWidth: nativeStyle || \"borderLeftStyle\",\n\tborderRightWidth: nativeStyle || \"borderRightStyle\"\n};\n\nexport { fixStyles };"],"mappings":"AAAA,SAASA,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,eAAe,QAAQ,uBAAmB;AAEnD,SAASC,SAASA,CAACC,KAAK,EAAE;EACzB,IAAIA,KAAK,CAACC,YAAY,IAAI,IAAI,IAAID,KAAK,CAACE,WAAW,IAAIF,KAAK,CAACG,aAAa,IAAI,IAAI,IAAIH,KAAK,CAACI,YAAY,EAAEC,MAAM,CAACC,MAAM,CAACN,KAAK,EAAEF,eAAe,CAACE,KAAK,CAAC,CAAC;EACtJ,KAAK,MAAMO,GAAG,IAAIC,cAAc,EAAE,IAAID,GAAG,IAAIP,KAAK,EAAEA,KAAK,CAACQ,cAAc,CAACD,GAAG,CAAC,CAAC,KAAK,OAAO;AAC3F;AACA,MAAME,WAAW,GAAGZ,KAAK,GAAG,IAAI,GAAG,aAAa;AAChD,MAAMW,cAAc,GAAG;EACtBE,WAAW,EAAE,aAAa;EAC1BC,iBAAiB,EAAEF,WAAW,IAAI,mBAAmB;EACrDG,cAAc,EAAEH,WAAW,IAAI,gBAAgB;EAC/CI,eAAe,EAAEJ,WAAW,IAAI,iBAAiB;EACjDK,gBAAgB,EAAEL,WAAW,IAAI;AAClC,CAAC;AAED,SAASV,SAAS","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","normalizeShadow","fixStyles","style","elevationAndroid","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","key","borderDefaults","_style","_borderDefaults_key","nativeStyle","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth"],"sources":["
|
|
1
|
+
{"version":3,"names":["isWeb","normalizeShadow","fixStyles","style","elevationAndroid","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","key","borderDefaults","_style","_borderDefaults_key","nativeStyle","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth"],"sources":["expandStyles.native.js"],"sourcesContent":["import { isWeb } from \"@hanzogui/constants\";\nimport { normalizeShadow } from \"./normalizeShadow\";\n\nfunction fixStyles(style) {\n\tif (\"elevationAndroid\" in style) {\n\t\tstyle[\"elevation\"] = style.elevationAndroid;\n\t\tdelete style.elevationAndroid;\n\t}\n\tif (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) Object.assign(style, normalizeShadow(style));\n\tfor (var key in borderDefaults) if (key in style) {\n\t\tvar _style, _borderDefaults_key;\n\t\t(_style = style)[_borderDefaults_key = borderDefaults[key]] || (_style[_borderDefaults_key] = \"solid\");\n\t}\n}\nvar nativeStyle = isWeb ? null : \"borderStyle\";\nvar borderDefaults = {\n\tborderWidth: \"borderStyle\",\n\tborderBottomWidth: nativeStyle || \"borderBottomStyle\",\n\tborderTopWidth: nativeStyle || \"borderTopStyle\",\n\tborderLeftWidth: nativeStyle || \"borderLeftStyle\",\n\tborderRightWidth: nativeStyle || \"borderRightStyle\"\n};\n\nexport { fixStyles };"],"mappings":"AAAA,SAASA,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,eAAe,QAAQ,6BAAmB;AAEnD,SAASC,SAASA,CAACC,KAAK,EAAE;EACzB,IAAI,kBAAkB,IAAIA,KAAK,EAAE;IAChCA,KAAK,CAAC,WAAW,CAAC,GAAGA,KAAK,CAACC,gBAAgB;IAC3C,OAAOD,KAAK,CAACC,gBAAgB;EAC9B;EACA,IAAID,KAAK,CAACE,YAAY,IAAI,IAAI,IAAIF,KAAK,CAACG,WAAW,IAAIH,KAAK,CAACI,aAAa,IAAI,IAAI,IAAIJ,KAAK,CAACK,YAAY,EAAEC,MAAM,CAACC,MAAM,CAACP,KAAK,EAAEF,eAAe,CAACE,KAAK,CAAC,CAAC;EACtJ,KAAK,IAAIQ,GAAG,IAAIC,cAAc,EAAE,IAAID,GAAG,IAAIR,KAAK,EAAE;IACjD,IAAIU,MAAM,EAAEC,mBAAmB;IAC/B,CAACD,MAAM,GAAGV,KAAK,EAAEW,mBAAmB,GAAGF,cAAc,CAACD,GAAG,CAAC,CAAC,KAAKE,MAAM,CAACC,mBAAmB,CAAC,GAAG,OAAO,CAAC;EACvG;AACD;AACA,IAAIC,WAAW,GAAGf,KAAK,GAAG,IAAI,GAAG,aAAa;AAC9C,IAAIY,cAAc,GAAG;EACpBI,WAAW,EAAE,aAAa;EAC1BC,iBAAiB,EAAEF,WAAW,IAAI,mBAAmB;EACrDG,cAAc,EAAEH,WAAW,IAAI,gBAAgB;EAC/CI,eAAe,EAAEJ,WAAW,IAAI,iBAAiB;EACjDK,gBAAgB,EAAEL,WAAW,IAAI;AAClC,CAAC;AAED,SAASb,SAAS","ignoreList":[]}
|
|
@@ -15,7 +15,7 @@ function getGroupPropParts(groupProp) {
|
|
|
15
15
|
let pseudoCandidate = media ? media === m2 ? c : b ? `${b}${c ? `-${c}` : ""}` : void 0 : a ? `${a}${b ? `-${b}` : ""}${c ? `-${c}` : ""}` : void 0;
|
|
16
16
|
if (pseudoCandidate && !isValidPseudo(pseudoCandidate)) {
|
|
17
17
|
if (process.env.NODE_ENV === "development") {
|
|
18
|
-
console.warn(`Unknown group prop part "${pseudoCandidate}" in "${groupProp}". If this is a media query, ensure it's defined in your
|
|
18
|
+
console.warn(`Unknown group prop part "${pseudoCandidate}" in "${groupProp}". If this is a media query, ensure it's defined in your hanzogui config.`);
|
|
19
19
|
}
|
|
20
20
|
pseudoCandidate = void 0;
|
|
21
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getMedia","pseudoPriorities","kebabToCamel","str","replace","_","c","toUpperCase","isValidPseudo","getGroupPropParts","groupProp","m","name","a","b","split","m2","media","pseudoCandidate","process","env","NODE_ENV","console","warn","pseudo"],"sources":["../../../src/helpers/getGroupPropParts.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,SAASC,gBAAA,QAAwB;AAKjC,SAASC,aAAaC,GAAA,EAAqB;EACzC,OAAOA,GAAA,CAAIC,OAAA,CAAQ,aAAa,CAACC,CAAA,EAAGC,CAAA,KAAMA,CAAA,CAAEC,WAAA,CAAY,CAAC;AAC3D;AAGA,SAASC,cAAcL,GAAA,EAAwC;EAC7D,IAAI,CAACA,GAAA,EAAK,OAAO;EAEjB,OAAOD,YAAA,CAAaC,GAAG,KAAKF,gBAAA;AAC9B;AAEO,SAASQ,kBAAkBC,SAAA,EAA+B;EAC/D,MAAMC,CAAA,GAAIX,QAAA,CAAS;EACnB,MAAM,CAACK,CAAA,EAAGO,IAAA,EAAMC,CAAA,EAAGC,CAAA,EAAGR,CAAC,IAAII,SAAA,CAAUK,KAAA,CAAM,GAAG;EAE9C,MAAMC,EAAA,GAAKH,CAAA,IAAKC,CAAA,GAAI,GAAGD,CAAC,IAAIC,CAAC,KAAK;EAClC,MAAMG,KAAA,GAASD,EAAA,IAAMA,EAAA,IAAML,CAAA,IAAKK,EAAA,IAAQH,CAAA,IAAKA,CAAA,IAAKF,CAAA,IAAKE,CAAA,IAAM;EAC7D,IAAIK,eAAA,GAAkBD,KAAA,GAClBA,KAAA,KAAUD,EAAA,GACRV,CAAA,GACAQ,CAAA,GACE,GAAGA,CAAC,GAAGR,CAAA,GAAI,IAAIA,CAAC,KAAK,EAAE,KACvB,SACJO,CAAA,GACE,GAAGA,CAAC,GAAGC,CAAA,GAAI,IAAIA,CAAC,KAAK,EAAE,GAAGR,CAAA,GAAI,IAAIA,CAAC,KAAK,EAAE,KAC1C;EAIN,IAAIY,eAAA,IAAmB,CAACV,aAAA,CAAcU,eAAe,GAAG;IACtD,IAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;MAC1CC,OAAA,CAAQC,IAAA,CACN,4BAA4BL,eAAe,SAASR,SAAS,
|
|
1
|
+
{"version":3,"names":["getMedia","pseudoPriorities","kebabToCamel","str","replace","_","c","toUpperCase","isValidPseudo","getGroupPropParts","groupProp","m","name","a","b","split","m2","media","pseudoCandidate","process","env","NODE_ENV","console","warn","pseudo"],"sources":["../../../src/helpers/getGroupPropParts.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,SAASC,gBAAA,QAAwB;AAKjC,SAASC,aAAaC,GAAA,EAAqB;EACzC,OAAOA,GAAA,CAAIC,OAAA,CAAQ,aAAa,CAACC,CAAA,EAAGC,CAAA,KAAMA,CAAA,CAAEC,WAAA,CAAY,CAAC;AAC3D;AAGA,SAASC,cAAcL,GAAA,EAAwC;EAC7D,IAAI,CAACA,GAAA,EAAK,OAAO;EAEjB,OAAOD,YAAA,CAAaC,GAAG,KAAKF,gBAAA;AAC9B;AAEO,SAASQ,kBAAkBC,SAAA,EAA+B;EAC/D,MAAMC,CAAA,GAAIX,QAAA,CAAS;EACnB,MAAM,CAACK,CAAA,EAAGO,IAAA,EAAMC,CAAA,EAAGC,CAAA,EAAGR,CAAC,IAAII,SAAA,CAAUK,KAAA,CAAM,GAAG;EAE9C,MAAMC,EAAA,GAAKH,CAAA,IAAKC,CAAA,GAAI,GAAGD,CAAC,IAAIC,CAAC,KAAK;EAClC,MAAMG,KAAA,GAASD,EAAA,IAAMA,EAAA,IAAML,CAAA,IAAKK,EAAA,IAAQH,CAAA,IAAKA,CAAA,IAAKF,CAAA,IAAKE,CAAA,IAAM;EAC7D,IAAIK,eAAA,GAAkBD,KAAA,GAClBA,KAAA,KAAUD,EAAA,GACRV,CAAA,GACAQ,CAAA,GACE,GAAGA,CAAC,GAAGR,CAAA,GAAI,IAAIA,CAAC,KAAK,EAAE,KACvB,SACJO,CAAA,GACE,GAAGA,CAAC,GAAGC,CAAA,GAAI,IAAIA,CAAC,KAAK,EAAE,GAAGR,CAAA,GAAI,IAAIA,CAAC,KAAK,EAAE,KAC1C;EAIN,IAAIY,eAAA,IAAmB,CAACV,aAAA,CAAcU,eAAe,GAAG;IACtD,IAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;MAC1CC,OAAA,CAAQC,IAAA,CACN,4BAA4BL,eAAe,SAASR,SAAS,2EAC/D;IACF;IACAQ,eAAA,GAAkB;EACpB;EAEA,OAAO;IAAEN,IAAA;IAAMY,MAAA,EAAQN,eAAA;IAAiBD;EAAM;AAChD","ignoreList":[]}
|
|
@@ -17,7 +17,7 @@ function getGroupPropParts(groupProp) {
|
|
|
17
17
|
var pseudoCandidate = media ? media === m2 ? c : b ? `${b}${c ? `-${c}` : ""}` : void 0 : a ? `${a}${b ? `-${b}` : ""}${c ? `-${c}` : ""}` : void 0;
|
|
18
18
|
if (pseudoCandidate && !isValidPseudo(pseudoCandidate)) {
|
|
19
19
|
if (process.env.NODE_ENV === "development") {
|
|
20
|
-
console.warn(`Unknown group prop part "${pseudoCandidate}" in "${groupProp}". If this is a media query, ensure it's defined in your
|
|
20
|
+
console.warn(`Unknown group prop part "${pseudoCandidate}" in "${groupProp}". If this is a media query, ensure it's defined in your hanzogui config.`);
|
|
21
21
|
}
|
|
22
22
|
pseudoCandidate = void 0;
|
|
23
23
|
}
|
|
@@ -1,28 +1,29 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, nonAnimatableStyleProps, stylePropsText, stylePropsTransform, tokenCategories, validPseudoKeys, validStyles
|
|
1
|
+
import { isClient, isWeb, useIsomorphicLayoutEffect } from "@hanzogui/constants";
|
|
2
|
+
import { StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, nonAnimatableStyleProps, stylePropsText, stylePropsTransform, tokenCategories, validPseudoKeys, validStyles } from "@hanzogui/helpers";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { getConfig
|
|
4
|
+
import { getConfig } from "../config.mjs";
|
|
5
5
|
import { isDevTools } from "../constants/isDevTools.mjs";
|
|
6
6
|
import { getMediaImportanceIfMoreImportant, getMediaKey, getMediaKeyImportance, mediaKeyMatch } from "../hooks/useMedia.mjs";
|
|
7
|
-
import {
|
|
7
|
+
import { mediaQueryConfig, mediaState } from "./mediaState.mjs";
|
|
8
8
|
import { createMediaStyle } from "./createMediaStyle.mjs";
|
|
9
9
|
import { fixStyles } from "./expandStyles.mjs";
|
|
10
10
|
import { getCSSStylesAtomic, getStyleAtomic, styleToCSS } from "./getCSSStylesAtomic.mjs";
|
|
11
11
|
import { getDefaultProps } from "./getDefaultProps.mjs";
|
|
12
|
-
import { extractValueFromDynamic, getDynamicVal, getOppositeScheme, isColorStyleKey } from "./getDynamicVal.mjs";
|
|
13
12
|
import { getGroupPropParts } from "./getGroupPropParts.mjs";
|
|
14
13
|
import { insertStyleRules, shouldInsertStyleRules, updateRules } from "./insertStyleRule.mjs";
|
|
15
|
-
import {
|
|
14
|
+
import { getPlatformSpecificityBump, isActivePlatform } from "./isActivePlatform.mjs";
|
|
16
15
|
import { isActiveTheme } from "./isActiveTheme.mjs";
|
|
17
16
|
import { log } from "./log.mjs";
|
|
18
17
|
import { normalizeValueWithProperty } from "./normalizeValueWithProperty.mjs";
|
|
19
18
|
import { propMapper } from "./propMapper.mjs";
|
|
20
|
-
import { pseudoDescriptors, pseudoPriorities
|
|
19
|
+
import { defaultMediaImportance, pseudoDescriptors, pseudoPriorities } from "./pseudoDescriptors.mjs";
|
|
21
20
|
import { skipProps } from "./skipProps.mjs";
|
|
22
21
|
import { sortString } from "./sortString.mjs";
|
|
22
|
+
import { styleOriginalValues } from "./styleOriginalValues.mjs";
|
|
23
|
+
import { STYLE_TOKEN_PROVENANCE_KEY, getStyleTokenProvenance, setStyleTokenProvenance } from "./styleProvenance.mjs";
|
|
23
24
|
import { transformsToString } from "./transformsToString.mjs";
|
|
25
|
+
const shouldTrackStyleTokenProvenance = process.env.NODE_ENV === "development" && process.env.GUI_ENABLE_STYLE_TOKEN_PROVENANCE === "1";
|
|
24
26
|
let conf;
|
|
25
|
-
const styleOriginalValues = /* @__PURE__ */new WeakMap();
|
|
26
27
|
const PROP_SPLIT = "-";
|
|
27
28
|
function normalizeGroupKey(key, groupContext) {
|
|
28
29
|
const parts = key.split("-");
|
|
@@ -36,6 +37,9 @@ function normalizeGroupKey(key, groupContext) {
|
|
|
36
37
|
function isValidStyleKey(key, validStyles, accept) {
|
|
37
38
|
return key in validStyles ? true : accept && key in accept;
|
|
38
39
|
}
|
|
40
|
+
function shouldSkipNativeHoverProp(key, isMedia) {
|
|
41
|
+
return false;
|
|
42
|
+
}
|
|
39
43
|
const getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver) => {
|
|
40
44
|
conf = conf || getConfig();
|
|
41
45
|
const driver = animationDriver || componentContext?.animationDriver || conf.animations;
|
|
@@ -56,7 +60,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
56
60
|
acceptsClassName
|
|
57
61
|
} = staticConfig;
|
|
58
62
|
const viewProps = {};
|
|
59
|
-
const mediaState = styleProps.mediaState ||
|
|
63
|
+
const mediaState$1 = styleProps.mediaState || mediaState;
|
|
60
64
|
const shouldDoClasses = acceptsClassName && isWeb && !styleProps.noClass;
|
|
61
65
|
const rulesToInsert = {};
|
|
62
66
|
const classNames = {};
|
|
@@ -68,7 +72,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
68
72
|
let mediaGroups;
|
|
69
73
|
let className = props.className || "";
|
|
70
74
|
let mediaStylesSeen = 0;
|
|
71
|
-
const validStyles = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? stylePropsText :
|
|
75
|
+
const validStyles$1 = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? stylePropsText : validStyles);
|
|
72
76
|
if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
|
|
73
77
|
const styleState = {
|
|
74
78
|
classNames,
|
|
@@ -162,9 +166,12 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
162
166
|
const identifier = `t_group_${valInit}`;
|
|
163
167
|
addStyleToInsertRules(rulesToInsert, ["container", void 0, identifier, void 0, [`.${identifier} { container-name: ${valInit}; container-type: ${webContainerType || "inline-size"}; }`]]);
|
|
164
168
|
}
|
|
165
|
-
if (keyInit === "transition" && typeof valInit === "string"
|
|
169
|
+
if (keyInit === "transition" && typeof valInit === "string") {
|
|
170
|
+
const animationConfig = driver?.animations?.[valInit];
|
|
171
|
+
if (animationConfig && driver?.outputStyle === "css" && process.env.IS_STATIC === "is_static") valInit = `all ${animationConfig}`;else if (animationConfig) continue;
|
|
172
|
+
} else continue;
|
|
166
173
|
}
|
|
167
|
-
let isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles, accept);
|
|
174
|
+
let isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles$1, accept);
|
|
168
175
|
if (staticConfig.isReactNative && keyInit.startsWith("data-")) {
|
|
169
176
|
keyInit = keyInit.replace("data-", "");
|
|
170
177
|
viewProps["dataSet"] ||= {};
|
|
@@ -174,7 +181,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
174
181
|
if (!noExpand) {
|
|
175
182
|
if (keyInit === "disabled" && valInit === true) {
|
|
176
183
|
viewProps["aria-disabled"] = true;
|
|
177
|
-
if (elementType === "button" || elementType === "form" || elementType === "input" || elementType === "select" || elementType === "textarea") viewProps.disabled = true;
|
|
184
|
+
if (isInput || elementType === "button" || elementType === "form" || elementType === "input" || elementType === "select" || elementType === "textarea") viewProps.disabled = true;
|
|
178
185
|
if (!variants?.disabled) continue;
|
|
179
186
|
}
|
|
180
187
|
if (keyInit === "testID") {
|
|
@@ -196,6 +203,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
196
203
|
let isMediaOrPseudo = Boolean(isMedia || isPseudo);
|
|
197
204
|
if (isMediaOrPseudo && isMedia === "group") keyInit = normalizeGroupKey(keyInit, groupContext);
|
|
198
205
|
const isStyleProp = isValidStyleKeyInit || isMediaOrPseudo || isVariant && !noExpand;
|
|
206
|
+
if (shouldSkipNativeHoverProp(keyInit, isMedia)) continue;
|
|
199
207
|
if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) continue;
|
|
200
208
|
const shouldPassProp = !isStyleProp && isHOC || isHOC && parentVariants && keyInit in parentVariants || inlineProps?.has(keyInit);
|
|
201
209
|
const parentVariant = parentVariants?.[keyInit];
|
|
@@ -246,7 +254,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
246
254
|
console.groupEnd();
|
|
247
255
|
}
|
|
248
256
|
if (val == null) return;
|
|
249
|
-
if (!isHOC && isValidStyleKey(key, validStyles, accept) || false) {
|
|
257
|
+
if (!isHOC && isValidStyleKey(key, validStyles$1, accept) || false) {
|
|
250
258
|
mergeStyle(styleState, key, val, 1, false, originalVal);
|
|
251
259
|
return;
|
|
252
260
|
}
|
|
@@ -255,6 +263,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
255
263
|
isMediaOrPseudo = Boolean(isMedia || isPseudo);
|
|
256
264
|
isVariant = variants && key in variants;
|
|
257
265
|
if (isMedia === "group") key = normalizeGroupKey(key, groupContext);
|
|
266
|
+
if (shouldSkipNativeHoverProp(key, isMedia)) return;
|
|
258
267
|
if (inlineProps?.has(key) || process.env.IS_STATIC === "is_static" && inlineWhenUnflattened?.has(key)) viewProps[key] = props[key] ?? val;
|
|
259
268
|
if (styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || parentStaticConfig?.variants?.[keyInit])) {
|
|
260
269
|
passDownProp(viewProps, key, val, isMediaOrPseudo);
|
|
@@ -289,7 +298,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
289
298
|
const pseudoStyles = getStyleAtomic(pseudoStyleObject, descriptor);
|
|
290
299
|
if (process.env.NODE_ENV === "development" && debug === "verbose") console.info("pseudo:", key, pseudoStyleObject, pseudoStyles);
|
|
291
300
|
for (const psuedoStyle of pseudoStyles) {
|
|
292
|
-
const fullKey = `${psuedoStyle[StyleObjectProperty]}${
|
|
301
|
+
const fullKey = `${psuedoStyle[StyleObjectProperty]}${"-"}${descriptor.name}`;
|
|
293
302
|
addStyleToInsertRules(rulesToInsert, psuedoStyle);
|
|
294
303
|
classNames[fullKey] = psuedoStyle[StyleObjectIdentifier];
|
|
295
304
|
}
|
|
@@ -358,7 +367,7 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
358
367
|
shouldDoClasses,
|
|
359
368
|
acceptsClassName,
|
|
360
369
|
componentState,
|
|
361
|
-
mediaState
|
|
370
|
+
mediaState: mediaState$1
|
|
362
371
|
});
|
|
363
372
|
const priority = mediaStylesSeen;
|
|
364
373
|
mediaStylesSeen += 1;
|
|
@@ -371,20 +380,20 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
371
380
|
const out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig, isMedia, false, priority);
|
|
372
381
|
if (process.env.NODE_ENV === "development" && debug === "verbose") log(`\u{1F4FA} media style:`, out);
|
|
373
382
|
const subKey = isSubStyle ? style[2] : "";
|
|
374
|
-
const fullKey = `${style[StyleObjectProperty]}${subKey}${
|
|
383
|
+
const fullKey = `${style[StyleObjectProperty]}${subKey}${"-"}${mediaKeyShort}${style[StyleObjectPseudo] || ""}`;
|
|
375
384
|
addStyleToInsertRules(rulesToInsert, out);
|
|
376
385
|
classNames[fullKey] = out[StyleObjectIdentifier];
|
|
377
386
|
}
|
|
378
387
|
} else {
|
|
379
388
|
let mergeMediaStyle = function (key2, val2, originalVal2) {
|
|
380
389
|
styleState.style ||= {};
|
|
381
|
-
if (mergeMediaByImportance(styleState, mediaKeyShort, key2, val2, mediaState[mediaKeyShort], importanceBump, debug, originalVal2) && key2 === "fontFamily") styleState.fontFamily = mediaStyle.fontFamily;
|
|
390
|
+
if (mergeMediaByImportance(styleState, mediaKeyShort, key2, val2, mediaState$1[mediaKeyShort], importanceBump, debug, originalVal2) && key2 === "fontFamily") styleState.fontFamily = mediaStyle.fontFamily;
|
|
382
391
|
};
|
|
383
392
|
const isThemeMedia = isMedia === "theme";
|
|
384
393
|
const isGroupMedia = isMedia === "group";
|
|
385
394
|
const isPlatformMedia = isMedia === "platform";
|
|
386
395
|
if (!isThemeMedia && !isPlatformMedia && !isGroupMedia) {
|
|
387
|
-
if (!mediaState[mediaKeyShort]) {
|
|
396
|
+
if (!mediaState$1[mediaKeyShort]) {
|
|
388
397
|
if (process.env.NODE_ENV === "development" && debug === "verbose") log(` \u{1F4FA} \u274C DISABLED ${mediaKeyShort}`);
|
|
389
398
|
return;
|
|
390
399
|
}
|
|
@@ -460,11 +469,11 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
460
469
|
} else if (subMediaType === "theme") {
|
|
461
470
|
if (!isActiveTheme(subKey, themeName)) continue;
|
|
462
471
|
} else if (subMediaType === true) {
|
|
463
|
-
if (!mediaState[subKey.slice(1)]) continue;
|
|
472
|
+
if (!mediaState$1[subKey.slice(1)]) continue;
|
|
464
473
|
}
|
|
465
474
|
const nestedVal = mediaStyle[subKey];
|
|
466
475
|
const subOriginalValues = styleOriginalValues.get(nestedVal);
|
|
467
|
-
const outerBase = !!mediaState[mediaKeyShort] ? getMediaKeyImportance(mediaKeyShort) : defaultMediaImportance;
|
|
476
|
+
const outerBase = !!mediaState$1[mediaKeyShort] ? getMediaKeyImportance(mediaKeyShort) : defaultMediaImportance;
|
|
468
477
|
let innerBase;
|
|
469
478
|
if (subMediaType === "platform") innerBase = defaultMediaImportance + getPlatformSpecificityBump(subKey.slice(1));else if (subMediaType === true) innerBase = getMediaKeyImportance(subKey.slice(1));else innerBase = defaultMediaImportance;
|
|
470
479
|
const nestedImportance = outerBase + importanceBump + innerBase + 1;
|
|
@@ -587,11 +596,28 @@ const getSplitStyles = (props, staticConfig, theme, themeName, componentState, s
|
|
|
587
596
|
const style = isArray ? styleProp[i] : styleProp;
|
|
588
597
|
if (style) if (style["$$css"]) Object.assign(styleState.classNames, style);else {
|
|
589
598
|
styleState.style ||= {};
|
|
590
|
-
|
|
599
|
+
const normalized = normalizeStyle(style);
|
|
600
|
+
Object.assign(styleState.style, normalized);
|
|
601
|
+
if (shouldTrackStyleTokenProvenance) {
|
|
602
|
+
const styleOriginals = styleOriginalValues.get(normalized);
|
|
603
|
+
for (const k in normalized) recordStyleTokenProvenance(styleState, k, styleOriginals?.[k]);
|
|
604
|
+
}
|
|
591
605
|
}
|
|
592
606
|
}
|
|
593
607
|
}
|
|
594
608
|
if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
|
|
609
|
+
if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
|
|
610
|
+
const provenance = {};
|
|
611
|
+
let hasProvenance = false;
|
|
612
|
+
for (const key in styleState.tokenProvenance) {
|
|
613
|
+
provenance[key] = {
|
|
614
|
+
token: styleState.tokenProvenance[key],
|
|
615
|
+
theme: themeName
|
|
616
|
+
};
|
|
617
|
+
hasProvenance = true;
|
|
618
|
+
}
|
|
619
|
+
if (hasProvenance) setStyleTokenProvenance(styleState.style, provenance);
|
|
620
|
+
}
|
|
595
621
|
const result = {
|
|
596
622
|
hasMedia,
|
|
597
623
|
fontFamily: styleState.fontFamily,
|
|
@@ -695,9 +721,13 @@ function mergeStyle(styleState, key, val, importance, disableNormalize = false,
|
|
|
695
721
|
styleState.style ||= {};
|
|
696
722
|
usedKeys[key] = importance;
|
|
697
723
|
styleState.style[key] = key === "transform" && Array.isArray(out) ? [...out] : out;
|
|
724
|
+
if (shouldTrackStyleTokenProvenance) recordStyleTokenProvenance(styleState, key, originalVal);
|
|
698
725
|
}
|
|
699
726
|
}
|
|
700
727
|
}
|
|
728
|
+
function recordStyleTokenProvenance(styleState, key, originalVal) {
|
|
729
|
+
if (typeof originalVal === "string" && originalVal[0] === "$") (styleState.tokenProvenance ||= {})[key] = originalVal;else if (styleState.tokenProvenance && key in styleState.tokenProvenance) delete styleState.tokenProvenance[key];
|
|
730
|
+
}
|
|
701
731
|
const getSubStyle = (styleState, subKey, styleIn, avoidMergeTransform) => {
|
|
702
732
|
const {
|
|
703
733
|
staticConfig,
|
|
@@ -706,29 +736,40 @@ const getSubStyle = (styleState, subKey, styleIn, avoidMergeTransform) => {
|
|
|
706
736
|
} = styleState;
|
|
707
737
|
const styleOut = {};
|
|
708
738
|
let originalValues;
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
739
|
+
const styleInOriginalValues = styleOriginalValues.get(styleIn);
|
|
740
|
+
const parentProps = styleState.props;
|
|
741
|
+
styleState.props = {
|
|
742
|
+
...parentProps,
|
|
743
|
+
...styleIn
|
|
744
|
+
};
|
|
745
|
+
try {
|
|
746
|
+
for (let key in styleIn) {
|
|
747
|
+
const val = styleIn[key];
|
|
748
|
+
key = conf2.shorthands[key] || key;
|
|
749
|
+
if (key === "transition") {
|
|
750
|
+
styleState.pseudoTransitions ||= {};
|
|
751
|
+
styleState.pseudoTransitions[subKey] = val;
|
|
752
|
+
const driver = styleState.animationDriver;
|
|
753
|
+
if (driver?.outputStyle === "css") {
|
|
754
|
+
const animationConfig = driver.animations?.[val];
|
|
755
|
+
if (animationConfig) styleOut["transition"] = `all ${animationConfig}${subKey[0] === "$" ? " !important" : ""}`;
|
|
756
|
+
}
|
|
757
|
+
if (!styleOut["transition"] && typeof val === "string" && !driver?.animations?.[val]) styleOut["transition"] = val;
|
|
758
|
+
continue;
|
|
719
759
|
}
|
|
720
|
-
if (!
|
|
721
|
-
|
|
760
|
+
if (!staticConfig.isHOC && key in skipProps && !styleProps.noSkip) continue;
|
|
761
|
+
propMapper(key, val, styleState, false, (skey, sval, originalVal) => {
|
|
762
|
+
const trackedOriginalVal = styleInOriginalValues?.[skey] ?? originalVal;
|
|
763
|
+
if (trackedOriginalVal !== void 0) {
|
|
764
|
+
originalValues ||= {};
|
|
765
|
+
originalValues[skey] = trackedOriginalVal;
|
|
766
|
+
}
|
|
767
|
+
if (skey in validPseudoKeys) sval = getSubStyle(styleState, skey, sval, avoidMergeTransform);
|
|
768
|
+
if (!avoidMergeTransform && skey in stylePropsTransform) mergeTransform(styleOut, skey, sval);else styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval, key);
|
|
769
|
+
});
|
|
722
770
|
}
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
if (originalVal !== void 0) {
|
|
726
|
-
originalValues ||= {};
|
|
727
|
-
originalValues[skey] = originalVal;
|
|
728
|
-
}
|
|
729
|
-
if (skey in validPseudoKeys) sval = getSubStyle(styleState, skey, sval, avoidMergeTransform);
|
|
730
|
-
if (!avoidMergeTransform && skey in stylePropsTransform) mergeTransform(styleOut, skey, sval);else styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval, key);
|
|
731
|
-
});
|
|
771
|
+
} finally {
|
|
772
|
+
styleState.props = parentProps;
|
|
732
773
|
}
|
|
733
774
|
if (!avoidMergeTransform) {
|
|
734
775
|
const parentTransform = styleState.style?.transform;
|
|
@@ -763,7 +804,7 @@ const getSubStyle = (styleState, subKey, styleIn, avoidMergeTransform) => {
|
|
|
763
804
|
} else if (flatTransforms) mergeFlatTransforms(styleOut, flatTransforms);
|
|
764
805
|
}
|
|
765
806
|
if (!styleProps.noNormalize) fixStyles(styleOut);
|
|
766
|
-
if (originalValues) styleOriginalValues.set(styleOut, originalValues);
|
|
807
|
+
if (originalValues && Object.keys(originalValues).length) styleOriginalValues.set(styleOut, originalValues);
|
|
767
808
|
return styleOut;
|
|
768
809
|
};
|
|
769
810
|
const useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : () => {};
|
|
@@ -855,5 +896,5 @@ function applyDefaultStyle(pkey, styleState) {
|
|
|
855
896
|
const defaultValues = animatableDefaults[pkey];
|
|
856
897
|
if (defaultValues != null && !(pkey in styleState.usedKeys) && (!styleState.style || !(pkey in styleState.style))) mergeStyle(styleState, pkey, defaultValues, 1);
|
|
857
898
|
}
|
|
858
|
-
export { PROP_SPLIT, getSplitStyles, getSubStyle, styleOriginalValues, useSplitStyles };
|
|
899
|
+
export { PROP_SPLIT, STYLE_TOKEN_PROVENANCE_KEY, getSplitStyles, getStyleTokenProvenance, getSubStyle, styleOriginalValues, useSplitStyles };
|
|
859
900
|
//# sourceMappingURL=getSplitStyles.mjs.map
|