@tamagui/web 1.99.1 → 1.100.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/_withStableStyle.native.js +2 -4
- package/dist/cjs/_withStableStyle.native.js.map +1 -1
- package/dist/cjs/config.native.js +6 -12
- package/dist/cjs/config.native.js.map +1 -1
- package/dist/cjs/constants/webToNativeProps.native.js +1 -2
- package/dist/cjs/constants/webToNativeProps.native.js.map +1 -1
- package/dist/cjs/createComponent.js +28 -12
- package/dist/cjs/createComponent.js.map +1 -1
- package/dist/cjs/createComponent.native.js +45 -32
- package/dist/cjs/createComponent.native.js.map +2 -2
- package/dist/cjs/createFont.js +1 -2
- package/dist/cjs/createFont.js.map +1 -1
- package/dist/cjs/createFont.native.js +9 -18
- package/dist/cjs/createFont.native.js.map +1 -1
- package/dist/cjs/createTamagui.native.js +8 -16
- package/dist/cjs/createTamagui.native.js.map +1 -1
- package/dist/cjs/createVariable.js +15 -10
- package/dist/cjs/createVariable.js.map +1 -1
- package/dist/cjs/createVariable.native.js +22 -18
- package/dist/cjs/createVariable.native.js.map +2 -2
- package/dist/cjs/createVariables.js +1 -2
- package/dist/cjs/createVariables.js.map +1 -1
- package/dist/cjs/createVariables.native.js +1 -2
- package/dist/cjs/createVariables.native.js.map +1 -1
- package/dist/cjs/helpers/ThemeManager.native.js +8 -16
- package/dist/cjs/helpers/ThemeManager.native.js.map +1 -1
- package/dist/cjs/helpers/createShallowSetState.js +8 -2
- package/dist/cjs/helpers/createShallowSetState.js.map +1 -1
- package/dist/cjs/helpers/createShallowSetState.native.js +10 -3
- package/dist/cjs/helpers/createShallowSetState.native.js.map +2 -2
- package/dist/cjs/helpers/createStyledContext.native.js +2 -4
- package/dist/cjs/helpers/createStyledContext.native.js.map +1 -1
- package/dist/cjs/helpers/expandStyle.native.js +1 -2
- package/dist/cjs/helpers/expandStyle.native.js.map +1 -1
- package/dist/cjs/helpers/getExpandedShorthands.js +1 -2
- package/dist/cjs/helpers/getExpandedShorthands.js.map +1 -1
- package/dist/cjs/helpers/getExpandedShorthands.native.js +1 -2
- package/dist/cjs/helpers/getExpandedShorthands.native.js.map +1 -1
- package/dist/cjs/helpers/getGroupPropParts.native.js +6 -12
- package/dist/cjs/helpers/getGroupPropParts.native.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.js +10 -15
- package/dist/cjs/helpers/getSplitStyles.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.native.js +13 -23
- package/dist/cjs/helpers/getSplitStyles.native.js.map +2 -2
- package/dist/cjs/helpers/getStylesAtomic.js +2 -4
- package/dist/cjs/helpers/getStylesAtomic.js.map +1 -1
- package/dist/cjs/helpers/getThemeCSSRules.js +1 -2
- package/dist/cjs/helpers/getThemeCSSRules.js.map +1 -1
- package/dist/cjs/helpers/getVariantExtras.js +14 -9
- package/dist/cjs/helpers/getVariantExtras.js.map +1 -1
- package/dist/cjs/helpers/getVariantExtras.native.js +18 -19
- package/dist/cjs/helpers/getVariantExtras.native.js.map +2 -2
- package/dist/cjs/helpers/insertStyleRule.js +37 -30
- package/dist/cjs/helpers/insertStyleRule.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.native.js +44 -31
- package/dist/cjs/helpers/insertStyleRule.native.js.map +2 -2
- package/dist/cjs/helpers/log.native.js +6 -12
- package/dist/cjs/helpers/log.native.js.map +1 -1
- package/dist/cjs/helpers/matchMedia.native.js +6 -12
- package/dist/cjs/helpers/matchMedia.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeColor.js +1 -2
- package/dist/cjs/helpers/normalizeColor.js.map +1 -1
- package/dist/cjs/helpers/normalizeColor.native.js +1 -2
- package/dist/cjs/helpers/normalizeColor.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeStyle.js +1 -2
- package/dist/cjs/helpers/normalizeStyle.js.map +1 -1
- package/dist/cjs/helpers/propMapper.js +4 -8
- package/dist/cjs/helpers/propMapper.js.map +1 -1
- package/dist/cjs/helpers/propMapper.native.js +8 -16
- package/dist/cjs/helpers/propMapper.native.js.map +1 -1
- package/dist/cjs/helpers/themeable.native.js +2 -4
- package/dist/cjs/helpers/themeable.native.js.map +1 -1
- package/dist/cjs/hooks/useConfiguration.native.js +2 -4
- package/dist/cjs/hooks/useConfiguration.native.js.map +1 -1
- package/dist/cjs/hooks/useMedia.js +4 -8
- package/dist/cjs/hooks/useMedia.js.map +1 -1
- package/dist/cjs/hooks/useMedia.native.js +13 -26
- package/dist/cjs/hooks/useMedia.native.js.map +1 -1
- package/dist/cjs/hooks/useProps.native.js +8 -16
- package/dist/cjs/hooks/useProps.native.js.map +1 -1
- package/dist/cjs/hooks/useTheme.js +5 -10
- package/dist/cjs/hooks/useTheme.js.map +1 -1
- package/dist/cjs/hooks/useTheme.native.js +13 -26
- package/dist/cjs/hooks/useTheme.native.js.map +1 -1
- package/dist/cjs/hooks/useThemeName.native.js +6 -12
- package/dist/cjs/hooks/useThemeName.native.js.map +1 -1
- package/dist/cjs/styled.native.js +2 -4
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/views/FontLanguage.native.js +2 -4
- package/dist/cjs/views/FontLanguage.native.js.map +1 -1
- package/dist/cjs/views/Slot.native.js +2 -4
- package/dist/cjs/views/Slot.native.js.map +1 -1
- package/dist/cjs/views/TamaguiProvider.native.js +2 -4
- package/dist/cjs/views/TamaguiProvider.native.js.map +1 -1
- package/dist/cjs/views/Theme.native.js +2 -4
- package/dist/cjs/views/Theme.native.js.map +1 -1
- package/dist/cjs/views/ThemeProvider.js +1 -2
- package/dist/cjs/views/ThemeProvider.js.map +1 -1
- package/dist/esm/_withStableStyle.native.js +2 -4
- package/dist/esm/_withStableStyle.native.js.map +1 -1
- package/dist/esm/config.native.js +6 -12
- package/dist/esm/config.native.js.map +1 -1
- package/dist/esm/constants/webToNativeProps.native.js +1 -2
- package/dist/esm/constants/webToNativeProps.native.js.map +1 -1
- package/dist/esm/createComponent.js +30 -15
- package/dist/esm/createComponent.js.map +2 -2
- package/dist/esm/createComponent.mjs +31 -19
- package/dist/esm/createComponent.native.js +47 -35
- package/dist/esm/createComponent.native.js.map +2 -2
- package/dist/esm/createFont.js +1 -2
- package/dist/esm/createFont.js.map +1 -1
- package/dist/esm/createFont.native.js +9 -18
- package/dist/esm/createFont.native.js.map +1 -1
- package/dist/esm/createTamagui.native.js +8 -16
- package/dist/esm/createTamagui.native.js.map +1 -1
- package/dist/esm/createVariable.js +15 -10
- package/dist/esm/createVariable.js.map +1 -1
- package/dist/esm/createVariable.mjs +12 -8
- package/dist/esm/createVariable.native.js +22 -18
- package/dist/esm/createVariable.native.js.map +2 -2
- package/dist/esm/createVariables.js +1 -2
- package/dist/esm/createVariables.js.map +1 -1
- package/dist/esm/createVariables.native.js +1 -2
- package/dist/esm/createVariables.native.js.map +1 -1
- package/dist/esm/helpers/ThemeManager.native.js +8 -16
- package/dist/esm/helpers/ThemeManager.native.js.map +1 -1
- package/dist/esm/helpers/createShallowSetState.js +8 -2
- package/dist/esm/helpers/createShallowSetState.js.map +1 -1
- package/dist/esm/helpers/createShallowSetState.mjs +8 -2
- package/dist/esm/helpers/createShallowSetState.native.js +10 -3
- package/dist/esm/helpers/createShallowSetState.native.js.map +2 -2
- package/dist/esm/helpers/createStyledContext.native.js +2 -4
- package/dist/esm/helpers/createStyledContext.native.js.map +1 -1
- package/dist/esm/helpers/expandStyle.native.js +1 -2
- package/dist/esm/helpers/expandStyle.native.js.map +1 -1
- package/dist/esm/helpers/getExpandedShorthands.js +1 -2
- package/dist/esm/helpers/getExpandedShorthands.js.map +1 -1
- package/dist/esm/helpers/getExpandedShorthands.native.js +1 -2
- package/dist/esm/helpers/getExpandedShorthands.native.js.map +1 -1
- package/dist/esm/helpers/getGroupPropParts.native.js +6 -12
- package/dist/esm/helpers/getGroupPropParts.native.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.js +10 -15
- package/dist/esm/helpers/getSplitStyles.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.mjs +4 -3
- package/dist/esm/helpers/getSplitStyles.native.js +13 -23
- package/dist/esm/helpers/getSplitStyles.native.js.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.js +2 -4
- package/dist/esm/helpers/getStylesAtomic.js.map +1 -1
- package/dist/esm/helpers/getThemeCSSRules.js +1 -2
- package/dist/esm/helpers/getThemeCSSRules.js.map +1 -1
- package/dist/esm/helpers/getVariantExtras.js +14 -9
- package/dist/esm/helpers/getVariantExtras.js.map +1 -1
- package/dist/esm/helpers/getVariantExtras.mjs +34 -29
- package/dist/esm/helpers/getVariantExtras.native.js +18 -19
- package/dist/esm/helpers/getVariantExtras.native.js.map +2 -2
- package/dist/esm/helpers/insertStyleRule.js +37 -30
- package/dist/esm/helpers/insertStyleRule.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.mjs +28 -20
- package/dist/esm/helpers/insertStyleRule.native.js +44 -31
- package/dist/esm/helpers/insertStyleRule.native.js.map +2 -2
- package/dist/esm/helpers/log.native.js +6 -12
- package/dist/esm/helpers/log.native.js.map +1 -1
- package/dist/esm/helpers/matchMedia.native.js +6 -12
- package/dist/esm/helpers/matchMedia.native.js.map +1 -1
- package/dist/esm/helpers/normalizeColor.js +1 -2
- package/dist/esm/helpers/normalizeColor.js.map +1 -1
- package/dist/esm/helpers/normalizeColor.native.js +1 -2
- package/dist/esm/helpers/normalizeColor.native.js.map +1 -1
- package/dist/esm/helpers/normalizeStyle.js +1 -2
- package/dist/esm/helpers/normalizeStyle.js.map +1 -1
- package/dist/esm/helpers/propMapper.js +4 -8
- package/dist/esm/helpers/propMapper.js.map +1 -1
- package/dist/esm/helpers/propMapper.native.js +8 -16
- package/dist/esm/helpers/propMapper.native.js.map +1 -1
- package/dist/esm/helpers/themeable.native.js +2 -4
- package/dist/esm/helpers/themeable.native.js.map +1 -1
- package/dist/esm/hooks/useConfiguration.native.js +2 -4
- package/dist/esm/hooks/useConfiguration.native.js.map +1 -1
- package/dist/esm/hooks/useMedia.js +4 -8
- package/dist/esm/hooks/useMedia.js.map +1 -1
- package/dist/esm/hooks/useMedia.native.js +13 -26
- package/dist/esm/hooks/useMedia.native.js.map +1 -1
- package/dist/esm/hooks/useProps.native.js +8 -16
- package/dist/esm/hooks/useProps.native.js.map +1 -1
- package/dist/esm/hooks/useTheme.js +5 -10
- package/dist/esm/hooks/useTheme.js.map +1 -1
- package/dist/esm/hooks/useTheme.native.js +13 -26
- package/dist/esm/hooks/useTheme.native.js.map +1 -1
- package/dist/esm/hooks/useThemeName.native.js +6 -12
- package/dist/esm/hooks/useThemeName.native.js.map +1 -1
- package/dist/esm/styled.native.js +2 -4
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/views/FontLanguage.native.js +2 -4
- package/dist/esm/views/FontLanguage.native.js.map +1 -1
- package/dist/esm/views/Slot.native.js +2 -4
- package/dist/esm/views/Slot.native.js.map +1 -1
- package/dist/esm/views/TamaguiProvider.native.js +2 -4
- package/dist/esm/views/TamaguiProvider.native.js.map +1 -1
- package/dist/esm/views/Theme.native.js +2 -4
- package/dist/esm/views/Theme.native.js.map +1 -1
- package/dist/esm/views/ThemeProvider.js +1 -2
- package/dist/esm/views/ThemeProvider.js.map +1 -1
- package/package.json +11 -11
- package/src/createComponent.tsx +59 -33
- package/src/createVariable.ts +22 -12
- package/src/helpers/createShallowSetState.tsx +10 -2
- package/src/helpers/getSplitStyles.tsx +11 -9
- package/src/helpers/getVariantExtras.tsx +19 -10
- package/src/helpers/insertStyleRule.tsx +84 -79
- package/src/hooks/useTheme.tsx +1 -2
- package/src/types.tsx +3 -1
- package/types/createComponent.d.ts +1 -1
- package/types/createComponent.d.ts.map +1 -1
- package/types/createVariable.d.ts +4 -4
- package/types/createVariable.d.ts.map +1 -1
- package/types/helpers/createShallowSetState.d.ts +1 -1
- package/types/helpers/createShallowSetState.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/getVariantExtras.d.ts +1 -1
- package/types/helpers/getVariantExtras.d.ts.map +1 -1
- package/types/helpers/insertStyleRule.d.ts.map +1 -1
- package/types/hooks/useConfiguration.d.ts +5 -5
- package/types/hooks/useTheme.d.ts.map +1 -1
- package/types/types.d.ts +2 -1
- package/types/types.d.ts.map +1 -1
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
import { getVariableValue } from "../createVariable";
|
|
2
|
-
|
|
2
|
+
const cache = /* @__PURE__ */ new WeakMap(), getVariantExtras = (styleState) => {
|
|
3
|
+
if (cache.has(styleState))
|
|
4
|
+
return cache.get(styleState);
|
|
3
5
|
const { curProps, props, conf, context, theme } = styleState;
|
|
4
6
|
let fonts = conf.fontsParsed;
|
|
5
7
|
context?.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
|
|
6
|
-
const
|
|
7
|
-
styleState.fontFamily || styleState.curProps.fontFamily || styleState.conf.defaultFont
|
|
8
|
-
), font = fonts[fontFamily] || fonts[styleState.conf.defaultFont];
|
|
9
|
-
return {
|
|
8
|
+
const next = {
|
|
10
9
|
fonts,
|
|
11
10
|
tokens: conf.tokensParsed,
|
|
12
11
|
theme,
|
|
13
|
-
fontFamily
|
|
14
|
-
|
|
12
|
+
get fontFamily() {
|
|
13
|
+
return getVariableValue(
|
|
14
|
+
styleState.fontFamily || styleState.curProps.fontFamily || styleState.conf.defaultFont
|
|
15
|
+
);
|
|
16
|
+
},
|
|
17
|
+
get font() {
|
|
18
|
+
return fonts[this.fontFamily] || fonts[styleState.conf.defaultFont];
|
|
19
|
+
},
|
|
15
20
|
// TODO do this in splitstlye
|
|
16
21
|
// we avoid passing in default props for media queries because that would confuse things like SizableText.size:
|
|
17
22
|
props: new Proxy(props, {
|
|
@@ -23,8 +28,8 @@ function getVariantExtras(styleState) {
|
|
|
23
28
|
}
|
|
24
29
|
})
|
|
25
30
|
};
|
|
26
|
-
|
|
27
|
-
|
|
31
|
+
return cache.set(styleState, next), next;
|
|
32
|
+
}, fontLanguageCache = /* @__PURE__ */ new WeakMap();
|
|
28
33
|
function getFontsForLanguage(fonts, language) {
|
|
29
34
|
if (fontLanguageCache.has(language))
|
|
30
35
|
return fontLanguageCache.get(language);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/getVariantExtras.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,wBAAwB;
|
|
4
|
+
"mappings": "AAAA,SAAS,wBAAwB;AAIjC,MAAM,QAAQ,oBAAI,QAAQ,GAEb,mBAAmB,CAAC,eAA8B;AAC7D,MAAI,MAAM,IAAI,UAAU;AACtB,WAAO,MAAM,IAAI,UAAU;AAG7B,QAAM,EAAE,UAAU,OAAO,MAAM,SAAS,MAAM,IAAI;AAClD,MAAI,QAAQ,KAAK;AACjB,EAAI,SAAS,aACX,QAAQ,oBAAoB,KAAK,aAAa,QAAQ,QAAQ;AAGhE,QAAM,OAAO;AAAA,IACX;AAAA,IACA,QAAQ,KAAK;AAAA,IACb;AAAA,IACA,IAAI,aAAa;AACf,aAAO;AAAA,QACL,WAAW,cACT,WAAW,SAAS,cACpB,WAAW,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,IAAI,OAAO;AACT,aAAO,MAAM,KAAK,UAAU,KAAK,MAAM,WAAW,KAAK,WAAY;AAAA,IACrE;AAAA;AAAA;AAAA,IAGA,OAAO,IAAI,MAAM,OAAO;AAAA;AAAA,MAEtB,IAAI,QAAQ,KAAK;AACf,mBAAW,UAAU,CAAC,KAAK,KAAK,kBAAkB,GAAU,CAAC;AAC3D,cAAK;AACL,mBAAI,QAAQ,IAAI,UAAU,MAAM,IAAU,QAAQ,IAAI,UAAU,MAAM,IAC/D,QAAQ,IAAI,QAAQ,MAAM;AAAA,MAErC;AAAA,IACF,CAAC;AAAA,EACH;AAEA,eAAM,IAAI,YAAY,IAAI,GAEnB;AACT,GAEM,oBAAoB,oBAAI,QAAQ;AAE/B,SAAS,oBAAoB,OAAqB,UAA+B;AACtF,MAAI,kBAAkB,IAAI,QAAQ;AAChC,WAAO,kBAAkB,IAAI,QAAQ;AAEvC,QAAM,OAAO;AAAA,IACX,GAAG;AAAA,IACH,GAAG,OAAO;AAAA,MACR,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM;AAC7C,YAAI,SAAS;AACX,iBAAO,CAAC;AAEV,cAAM,UAAU,IAAI,IAAI,IAAI,IAAI;AAChC,eAAO,CAAC,IAAI,IAAI,IAAI,MAAM,OAAO,CAAC;AAAA,MACpC,CAAC;AAAA,IACH;AAAA,EACF;AACA,2BAAkB,IAAI,UAAU,IAAI,GAC7B;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,33 +1,38 @@
|
|
|
1
1
|
import { getVariableValue } from "../createVariable.mjs";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
2
|
+
const cache = /* @__PURE__ */new WeakMap(),
|
|
3
|
+
getVariantExtras = styleState => {
|
|
4
|
+
if (cache.has(styleState)) return cache.get(styleState);
|
|
5
|
+
const {
|
|
6
|
+
curProps,
|
|
7
|
+
props,
|
|
8
|
+
conf,
|
|
9
|
+
context,
|
|
10
|
+
theme
|
|
11
|
+
} = styleState;
|
|
12
|
+
let fonts = conf.fontsParsed;
|
|
13
|
+
context?.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
|
|
14
|
+
const next = {
|
|
15
|
+
fonts,
|
|
16
|
+
tokens: conf.tokensParsed,
|
|
17
|
+
theme,
|
|
18
|
+
get fontFamily() {
|
|
19
|
+
return getVariableValue(styleState.fontFamily || styleState.curProps.fontFamily || styleState.conf.defaultFont);
|
|
20
|
+
},
|
|
21
|
+
get font() {
|
|
22
|
+
return fonts[this.fontFamily] || fonts[styleState.conf.defaultFont];
|
|
23
|
+
},
|
|
24
|
+
// TODO do this in splitstlye
|
|
25
|
+
// we avoid passing in default props for media queries because that would confuse things like SizableText.size:
|
|
26
|
+
props: new Proxy(props, {
|
|
27
|
+
// handles shorthands
|
|
28
|
+
get(target, key) {
|
|
29
|
+
for (const tryKey of [key, conf.inverseShorthands[key]]) if (tryKey) return Reflect.has(curProps, tryKey) ? Reflect.get(curProps, tryKey) : Reflect.get(target, tryKey);
|
|
30
|
+
}
|
|
31
|
+
})
|
|
32
|
+
};
|
|
33
|
+
return cache.set(styleState, next), next;
|
|
34
|
+
},
|
|
35
|
+
fontLanguageCache = /* @__PURE__ */new WeakMap();
|
|
31
36
|
function getFontsForLanguage(fonts, language) {
|
|
32
37
|
if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);
|
|
33
38
|
const next = {
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { getVariableValue } from "../createVariable";
|
|
2
2
|
function _array_like_to_array(arr, len) {
|
|
3
3
|
(len == null || len > arr.length) && (len = arr.length);
|
|
4
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
5
|
-
arr2[i] = arr[i];
|
|
4
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
6
5
|
return arr2;
|
|
7
6
|
}
|
|
8
7
|
function _array_with_holes(arr) {
|
|
9
|
-
if (Array.isArray(arr))
|
|
10
|
-
return arr;
|
|
8
|
+
if (Array.isArray(arr)) return arr;
|
|
11
9
|
}
|
|
12
10
|
function _define_property(obj, key, value) {
|
|
13
11
|
return key in obj ? Object.defineProperty(obj, key, {
|
|
@@ -30,8 +28,7 @@ function _iterable_to_array_limit(arr, i) {
|
|
|
30
28
|
try {
|
|
31
29
|
!_n && _i.return != null && _i.return();
|
|
32
30
|
} finally {
|
|
33
|
-
if (_d)
|
|
34
|
-
throw _e;
|
|
31
|
+
if (_d) throw _e;
|
|
35
32
|
}
|
|
36
33
|
}
|
|
37
34
|
return _arr;
|
|
@@ -56,24 +53,27 @@ function _sliced_to_array(arr, i) {
|
|
|
56
53
|
}
|
|
57
54
|
function _unsupported_iterable_to_array(o, minLen) {
|
|
58
55
|
if (o) {
|
|
59
|
-
if (typeof o == "string")
|
|
60
|
-
return _array_like_to_array(o, minLen);
|
|
56
|
+
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
61
57
|
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
62
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
|
|
63
|
-
|
|
64
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
|
|
65
|
-
return _array_like_to_array(o, minLen);
|
|
58
|
+
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
59
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
66
60
|
}
|
|
67
61
|
}
|
|
68
|
-
|
|
62
|
+
var cache = /* @__PURE__ */ new WeakMap(), getVariantExtras = function(styleState) {
|
|
63
|
+
if (cache.has(styleState))
|
|
64
|
+
return cache.get(styleState);
|
|
69
65
|
var curProps = styleState.curProps, props = styleState.props, conf = styleState.conf, context = styleState.context, theme = styleState.theme, fonts = conf.fontsParsed;
|
|
70
66
|
context != null && context.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
|
|
71
|
-
var
|
|
67
|
+
var next = {
|
|
72
68
|
fonts,
|
|
73
69
|
tokens: conf.tokensParsed,
|
|
74
70
|
theme,
|
|
75
|
-
fontFamily
|
|
76
|
-
|
|
71
|
+
get fontFamily() {
|
|
72
|
+
return getVariableValue(styleState.fontFamily || styleState.curProps.fontFamily || styleState.conf.defaultFont);
|
|
73
|
+
},
|
|
74
|
+
get font() {
|
|
75
|
+
return fonts[this.fontFamily] || fonts[styleState.conf.defaultFont];
|
|
76
|
+
},
|
|
77
77
|
// TODO do this in splitstlye
|
|
78
78
|
// we avoid passing in default props for media queries because that would confuse things like SizableText.size:
|
|
79
79
|
props: new Proxy(props, {
|
|
@@ -90,9 +90,8 @@ function getVariantExtras(styleState) {
|
|
|
90
90
|
}
|
|
91
91
|
})
|
|
92
92
|
};
|
|
93
|
-
return next;
|
|
94
|
-
}
|
|
95
|
-
var fontLanguageCache = /* @__PURE__ */ new WeakMap();
|
|
93
|
+
return cache.set(styleState, next), next;
|
|
94
|
+
}, fontLanguageCache = /* @__PURE__ */ new WeakMap();
|
|
96
95
|
function getFontsForLanguage(fonts, language) {
|
|
97
96
|
if (fontLanguageCache.has(language))
|
|
98
97
|
return fontLanguageCache.get(language);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/Users/n8/tamagui/packages/web/src/helpers/getVariantExtras.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,wBAAwB
|
|
5
|
-
"names": ["getVariableValue", "getVariantExtras", "styleState", "curProps", "props", "conf", "context", "theme", "fonts", "fontsParsed", "language", "getFontsForLanguage", "
|
|
4
|
+
"mappings": "AAAA,SAASA,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIjC,IAAMC,QAAQ,oBAAIC,QAAAA,GAELC,mBAAmB,SAACC,YAAAA;AAC/B,MAAIH,MAAMI,IAAID,UAAAA;AACZ,WAAOH,MAAMK,IAAIF,UAAAA;AAGnB,MAAQG,WAA0CH,WAA1CG,UAAUC,QAAgCJ,WAAhCI,OAAOC,OAAyBL,WAAzBK,MAAMC,UAAmBN,WAAnBM,SAASC,QAAUP,WAAVO,OACpCC,QAAQH,KAAKI;AACjB,EAAIH,WAAAA,QAAAA,QAASI,aACXF,QAAQG,oBAAoBN,KAAKI,aAAaH,QAAQI,QAAQ;AAGhE,MAAME,OAAO;IACXJ;IACAK,QAAQR,KAAKS;IACbP;IACA,IAAIQ,aAAa;AACf,aAAOnB,iBACLI,WAAWe,cACTf,WAAWG,SAASY,cACpBf,WAAWK,KAAKW,WAAW;IAEjC;IACA,IAAIC,OAAO;AACT,aAAOT,MAAM,KAAKO,UAAU,KAAKP,MAAMR,WAAWK,KAAKW,WAAW;IACpE;;;IAGAZ,OAAO,IAAIc,MAAMd,OAAO;;MAEtBF,KAAAA,SAAIiB,QAAQC,KAAG;AACb,iBAAA,KAAA,GAAqB,QAAA;UAACA;UAAKf,KAAKgB,kBAAkBD,GAAAA;WAAY,KAAzC,MAAA,QAAA,MAA2C;cAArDE,SAAU,MAAA,EAAA;AACnB,cAAKA;AACL,mBAAIC,QAAQtB,IAAIE,UAAUmB,MAAAA,IAAgBC,QAAQrB,IAAIC,UAAUmB,MAAAA,IACzDC,QAAQrB,IAAIiB,QAAQG,MAAAA;QAC7B;MACF;IACF,CAAA;EACF;AAEAzB,eAAM2B,IAAIxB,YAAYY,IAAAA,GAEfA;AACT,GAEMa,oBAAoB,oBAAI3B,QAAAA;AAEvB,SAASa,oBAAoBH,OAAqBE,UAA6B;AACpF,MAAIe,kBAAkBxB,IAAIS,QAAAA;AACxB,WAAOe,kBAAkBvB,IAAIQ,QAAAA;AAE/B,MAAME,OAAO,eAAA,CAAA,GACRJ,OACAkB,OAAOC,YACRD,OAAOE,QAAQlB,QAAAA,EAAUmB,IAAI,SAAA,OAAA;6CAAEC,OAAAA,OAAAA,CAAAA,GAAMC,OAAAA,OAAAA,CAAAA;AACnC,QAAIA,SAAS;AACX,aAAO,CAAA;AAET,QAAMC,UAAW,IAAWD,OAARD,MAAK,GAAA,EAAQ,OAALC,IAAAA;AAC5B,WAAO;MAAE,IAAQ,OAALD,IAAAA;MAAQtB,MAAMwB,OAAAA;;EAC5B,CAAA,CAAA,CAAA;AAGJP,2BAAkBD,IAAId,UAAUE,IAAAA,GACzBA;AACT;",
|
|
5
|
+
"names": ["getVariableValue", "cache", "WeakMap", "getVariantExtras", "styleState", "has", "get", "curProps", "props", "conf", "context", "theme", "fonts", "fontsParsed", "language", "getFontsForLanguage", "next", "tokens", "tokensParsed", "fontFamily", "defaultFont", "font", "Proxy", "target", "key", "inverseShorthands", "tryKey", "Reflect", "set", "fontLanguageCache", "Object", "fromEntries", "entries", "map", "name", "lang", "langKey"]
|
|
6
6
|
}
|
|
@@ -12,8 +12,7 @@ function addTransform(identifier, css, rule) {
|
|
|
12
12
|
return insertedTransforms[identifier] = value, !0;
|
|
13
13
|
}
|
|
14
14
|
function listenForSheetChanges() {
|
|
15
|
-
if (!isClient)
|
|
16
|
-
return;
|
|
15
|
+
if (!isClient) return;
|
|
17
16
|
new MutationObserver((entries) => {
|
|
18
17
|
for (const entry of entries)
|
|
19
18
|
if (entry instanceof HTMLStyleElement && entry.sheet || entry instanceof HTMLLinkElement && entry.href.endsWith(".css")) {
|
|
@@ -26,8 +25,7 @@ function listenForSheetChanges() {
|
|
|
26
25
|
}
|
|
27
26
|
let lastScannedSheets = null;
|
|
28
27
|
function scanAllSheets(collectThemes = !1, tokens) {
|
|
29
|
-
if (process.env.NODE_ENV === "test" || !isClient)
|
|
30
|
-
return;
|
|
28
|
+
if (process.env.NODE_ENV === "test" || !isClient) return;
|
|
31
29
|
let themes;
|
|
32
30
|
const sheets = document.styleSheets || [], prev = lastScannedSheets, current = new Set(sheets);
|
|
33
31
|
if (document.styleSheets) {
|
|
@@ -63,8 +61,7 @@ function updateSheetStyles(sheet2, remove = !1, collectThemes = !1, tokens) {
|
|
|
63
61
|
let fails = 0, dedupedThemes;
|
|
64
62
|
for (let i = 0; i < len; i++) {
|
|
65
63
|
const rule = rules[i];
|
|
66
|
-
if (!(rule instanceof CSSStyleRule))
|
|
67
|
-
continue;
|
|
64
|
+
if (!(rule instanceof CSSStyleRule)) continue;
|
|
68
65
|
const response = getTamaguiSelector(rule, collectThemes);
|
|
69
66
|
if (response)
|
|
70
67
|
fails = 0;
|
|
@@ -79,16 +76,17 @@ function updateSheetStyles(sheet2, remove = !1, collectThemes = !1, tokens) {
|
|
|
79
76
|
deduped && (dedupedThemes ||= [], dedupedThemes.push(deduped));
|
|
80
77
|
continue;
|
|
81
78
|
}
|
|
82
|
-
|
|
83
|
-
|
|
79
|
+
if (!process.env.TAMAGUI_REACT_19) {
|
|
80
|
+
const total = track(identifier, remove);
|
|
81
|
+
remove ? total === 0 && delete allSelectors[identifier] : identifier in allSelectors || (!identifier.startsWith("_transform-") || addTransform(identifier, cssRule.cssText, cssRule)) && (allSelectors[identifier] = cssRule.cssText);
|
|
82
|
+
}
|
|
84
83
|
}
|
|
85
84
|
return scannedCache.set(sheet2, cacheKey), dedupedThemes;
|
|
86
85
|
}
|
|
87
86
|
let colorVarToVal, rootComputedStyle = null;
|
|
88
87
|
function addThemesFromCSS(cssStyleRule, tokens) {
|
|
89
88
|
const selectors = cssStyleRule.selectorText.split(",");
|
|
90
|
-
if (!selectors.length)
|
|
91
|
-
return;
|
|
89
|
+
if (!selectors.length) return;
|
|
92
90
|
if (tokens && !colorVarToVal) {
|
|
93
91
|
colorVarToVal = {};
|
|
94
92
|
for (const key in tokens.color) {
|
|
@@ -96,17 +94,19 @@ function addThemesFromCSS(cssStyleRule, tokens) {
|
|
|
96
94
|
colorVarToVal[token.name] = token.val;
|
|
97
95
|
}
|
|
98
96
|
}
|
|
99
|
-
const rules = (cssStyleRule.cssText || "").slice(
|
|
97
|
+
const rules = (cssStyleRule.cssText || "").slice(
|
|
98
|
+
cssStyleRule.selectorText.length + 2,
|
|
99
|
+
-1
|
|
100
|
+
).split(";"), values = {};
|
|
100
101
|
for (const rule of rules) {
|
|
101
102
|
const sepI = rule.indexOf(":");
|
|
102
|
-
if (sepI === -1)
|
|
103
|
-
continue;
|
|
103
|
+
if (sepI === -1) continue;
|
|
104
104
|
const varIndex = rule.indexOf("--");
|
|
105
105
|
let key = rule.slice(varIndex === -1 ? 0 : varIndex + 2, sepI);
|
|
106
106
|
process.env.TAMAGUI_CSS_VARIABLE_PREFIX && (key = key.replace(process.env.TAMAGUI_CSS_VARIABLE_PREFIX, ""));
|
|
107
107
|
const val = rule.slice(sepI + 2);
|
|
108
108
|
let value;
|
|
109
|
-
if (val.startsWith("var(")) {
|
|
109
|
+
if (val[0] === "v" && val.startsWith("var(")) {
|
|
110
110
|
const varName = val.slice(6, -1), tokenVal = colorVarToVal[varName];
|
|
111
111
|
tokenVal ? value = tokenVal : (rootComputedStyle ||= getComputedStyle(document.body), value = rootComputedStyle.getPropertyValue("--" + varName));
|
|
112
112
|
} else
|
|
@@ -120,15 +120,15 @@ function addThemesFromCSS(cssStyleRule, tokens) {
|
|
|
120
120
|
!0
|
|
121
121
|
);
|
|
122
122
|
}
|
|
123
|
-
const
|
|
124
|
-
names: [],
|
|
125
|
-
theme: values
|
|
126
|
-
};
|
|
123
|
+
const names = /* @__PURE__ */ new Set();
|
|
127
124
|
for (const selector of selectors) {
|
|
128
|
-
const
|
|
129
|
-
!themeName ||
|
|
125
|
+
const lastThemeSelectorIndex = selector.lastIndexOf(".t_"), name = selector.slice(lastThemeSelectorIndex).slice(3), [schemeChar] = selector[lastThemeSelectorIndex - 5], scheme = schemeChar === "d" ? "dark" : schemeChar === "i" ? "light" : "", themeName = scheme && scheme !== name ? `${scheme}_${name}` : name;
|
|
126
|
+
!themeName || themeName === "light_dark" || themeName === "dark_light" || names.add(themeName);
|
|
130
127
|
}
|
|
131
|
-
return
|
|
128
|
+
return {
|
|
129
|
+
names: [...names],
|
|
130
|
+
theme: values
|
|
131
|
+
};
|
|
132
132
|
}
|
|
133
133
|
function getTamaguiSelector(rule, collectThemes = !1) {
|
|
134
134
|
if (rule instanceof CSSStyleRule) {
|
|
@@ -148,14 +148,17 @@ function getTamaguiSelector(rule, collectThemes = !1) {
|
|
|
148
148
|
return rule.cssRules.length > 1 ? void 0 : getTamaguiSelector(rule.cssRules[0]);
|
|
149
149
|
}
|
|
150
150
|
const getIdentifierFromTamaguiSelector = (selector) => {
|
|
151
|
-
|
|
152
|
-
return
|
|
151
|
+
const dotIndex = selector.indexOf(":");
|
|
152
|
+
return dotIndex > -1 ? selector.slice(7, dotIndex) : selector.slice(7);
|
|
153
153
|
}, sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
|
|
154
154
|
function updateRules(identifier, rules) {
|
|
155
|
-
|
|
155
|
+
if (!process.env.TAMAGUI_REACT_19)
|
|
156
|
+
return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform-") ? addTransform(identifier, rules[0]) : !0);
|
|
156
157
|
}
|
|
157
158
|
function insertStyleRules(rulesToInsert) {
|
|
158
|
-
if (!
|
|
159
|
+
if (!process.env.TAMAGUI_REACT_19) {
|
|
160
|
+
if (!rulesToInsert.length || !sheet)
|
|
161
|
+
return;
|
|
159
162
|
for (const { identifier, rules } of rulesToInsert)
|
|
160
163
|
if (shouldInsertStyleRules(identifier)) {
|
|
161
164
|
allSelectors[identifier] = rules.join(`
|
|
@@ -174,12 +177,16 @@ function insertStyleRules(rulesToInsert) {
|
|
|
174
177
|
}
|
|
175
178
|
const minInsertAmt = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 2;
|
|
176
179
|
function shouldInsertStyleRules(identifier) {
|
|
177
|
-
if (process.env.
|
|
180
|
+
if (process.env.TAMAGUI_REACT_19)
|
|
178
181
|
return !0;
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
182
|
+
{
|
|
183
|
+
if (process.env.IS_STATIC === "is_static")
|
|
184
|
+
return !0;
|
|
185
|
+
const total = totalSelectorsInserted.get(identifier);
|
|
186
|
+
return process.env.NODE_ENV === "development" && totalSelectorsInserted.size > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 1e4) && console.warn(
|
|
187
|
+
'Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher'
|
|
188
|
+
), total === void 0 || total < minInsertAmt;
|
|
189
|
+
}
|
|
183
190
|
}
|
|
184
191
|
export {
|
|
185
192
|
getAllRules,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/insertStyleRule.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,gBAAgB;AAEzB,SAAS,sBAAsB;AAW/B,MAAM,eAAe,oBAAI,QAA+B,GAClD,yBAAyB,oBAAI,IAAoB,GACjD,eAAuC,CAAC,GACxC,WAAmC,CAAC,GAC7B,qBAAqB,CAAC,GAEtB,kBAAkB,MAAM,cACxB,cAAc,MAAM,OAAO,OAAO,QAAQ,GAC1C,mBAAmB,MAAM;AAGtC,SAAS,aAAa,YAAoB,KAAa,MAAgB;AACrE,QAAM,IAAI,IAAI,QAAQ,YAAY;AAClC,MAAI,MAAM,IAAI;AACZ,IAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,MAAM,0DAAqD,UAAU,EAAE;AAEjF;AAAA,EACF;AACA,QAAM,SAAS,IAAI,IACb,OAAO,IAAI,QAAQ,GAAG,GACtB,QAAQ,IAAI,MAAM,QAAQ,IAAI;AACpC,MAAI,CAAC,mBAAmB,UAAU;AAChC,8BAAmB,UAAU,IAAI,OAC1B;AAEX;AAWO,SAAS,wBAAwB;AACtC,MAAI,CAAC;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["sheet"]
|
|
6
6
|
}
|
|
@@ -82,8 +82,10 @@ function updateSheetStyles(sheet2, remove = !1, collectThemes = !1, tokens) {
|
|
|
82
82
|
deduped && (dedupedThemes ||= [], dedupedThemes.push(deduped));
|
|
83
83
|
continue;
|
|
84
84
|
}
|
|
85
|
-
|
|
86
|
-
|
|
85
|
+
if (!process.env.TAMAGUI_REACT_19) {
|
|
86
|
+
const total = track(identifier, remove);
|
|
87
|
+
remove ? total === 0 && delete allSelectors[identifier] : identifier in allSelectors || (!identifier.startsWith("_transform-") || addTransform(identifier, cssRule.cssText, cssRule)) && (allSelectors[identifier] = cssRule.cssText);
|
|
88
|
+
}
|
|
87
89
|
}
|
|
88
90
|
return scannedCache.set(sheet2, cacheKey), dedupedThemes;
|
|
89
91
|
}
|
|
@@ -99,7 +101,7 @@ function addThemesFromCSS(cssStyleRule, tokens) {
|
|
|
99
101
|
colorVarToVal[token.name] = token.val;
|
|
100
102
|
}
|
|
101
103
|
}
|
|
102
|
-
const rules = (cssStyleRule.cssText || "").slice(cssStyleRule.selectorText.length + 2, -1).
|
|
104
|
+
const rules = (cssStyleRule.cssText || "").slice(cssStyleRule.selectorText.length + 2, -1).split(";"),
|
|
103
105
|
values = {};
|
|
104
106
|
for (const rule of rules) {
|
|
105
107
|
const sepI = rule.indexOf(":");
|
|
@@ -109,7 +111,7 @@ function addThemesFromCSS(cssStyleRule, tokens) {
|
|
|
109
111
|
process.env.TAMAGUI_CSS_VARIABLE_PREFIX && (key = key.replace(process.env.TAMAGUI_CSS_VARIABLE_PREFIX, ""));
|
|
110
112
|
const val = rule.slice(sepI + 2);
|
|
111
113
|
let value;
|
|
112
|
-
if (val.startsWith("var(")) {
|
|
114
|
+
if (val[0] === "v" && val.startsWith("var(")) {
|
|
113
115
|
const varName = val.slice(6, -1),
|
|
114
116
|
tokenVal = colorVarToVal[varName];
|
|
115
117
|
tokenVal ? value = tokenVal : (rootComputedStyle ||= getComputedStyle(document.body), value = rootComputedStyle.getPropertyValue("--" + varName));
|
|
@@ -120,17 +122,19 @@ function addThemesFromCSS(cssStyleRule, tokens) {
|
|
|
120
122
|
val: value
|
|
121
123
|
}, !0);
|
|
122
124
|
}
|
|
123
|
-
const
|
|
124
|
-
names: [],
|
|
125
|
-
theme: values
|
|
126
|
-
};
|
|
125
|
+
const names = /* @__PURE__ */new Set();
|
|
127
126
|
for (const selector of selectors) {
|
|
128
|
-
const
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
127
|
+
const lastThemeSelectorIndex = selector.lastIndexOf(".t_"),
|
|
128
|
+
name = selector.slice(lastThemeSelectorIndex).slice(3),
|
|
129
|
+
[schemeChar] = selector[lastThemeSelectorIndex - 5],
|
|
130
|
+
scheme = schemeChar === "d" ? "dark" : schemeChar === "i" ? "light" : "",
|
|
131
|
+
themeName = scheme && scheme !== name ? `${scheme}_${name}` : name;
|
|
132
|
+
!themeName || themeName === "light_dark" || themeName === "dark_light" || names.add(themeName);
|
|
132
133
|
}
|
|
133
|
-
return
|
|
134
|
+
return {
|
|
135
|
+
names: [...names],
|
|
136
|
+
theme: values
|
|
137
|
+
};
|
|
134
138
|
}
|
|
135
139
|
function getTamaguiSelector(rule, collectThemes = !1) {
|
|
136
140
|
if (rule instanceof CSSStyleRule) {
|
|
@@ -144,15 +148,16 @@ function getTamaguiSelector(rule, collectThemes = !1) {
|
|
|
144
148
|
} else if (rule instanceof CSSMediaRule) return rule.cssRules.length > 1 ? void 0 : getTamaguiSelector(rule.cssRules[0]);
|
|
145
149
|
}
|
|
146
150
|
const getIdentifierFromTamaguiSelector = selector => {
|
|
147
|
-
|
|
148
|
-
return
|
|
151
|
+
const dotIndex = selector.indexOf(":");
|
|
152
|
+
return dotIndex > -1 ? selector.slice(7, dotIndex) : selector.slice(7);
|
|
149
153
|
},
|
|
150
154
|
sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
|
|
151
155
|
function updateRules(identifier, rules) {
|
|
152
|
-
return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform-") ? addTransform(identifier, rules[0]) : !0);
|
|
156
|
+
if (!process.env.TAMAGUI_REACT_19) return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform-") ? addTransform(identifier, rules[0]) : !0);
|
|
153
157
|
}
|
|
154
158
|
function insertStyleRules(rulesToInsert) {
|
|
155
|
-
if (!
|
|
159
|
+
if (!process.env.TAMAGUI_REACT_19) {
|
|
160
|
+
if (!rulesToInsert.length || !sheet) return;
|
|
156
161
|
for (const {
|
|
157
162
|
identifier,
|
|
158
163
|
rules
|
|
@@ -169,8 +174,11 @@ function insertStyleRules(rulesToInsert) {
|
|
|
169
174
|
}
|
|
170
175
|
const minInsertAmt = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 2;
|
|
171
176
|
function shouldInsertStyleRules(identifier) {
|
|
172
|
-
if (process.env.
|
|
173
|
-
|
|
174
|
-
|
|
177
|
+
if (process.env.TAMAGUI_REACT_19) return !0;
|
|
178
|
+
{
|
|
179
|
+
if (process.env.IS_STATIC === "is_static") return !0;
|
|
180
|
+
const total = totalSelectorsInserted.get(identifier);
|
|
181
|
+
return process.env.NODE_ENV === "development" && totalSelectorsInserted.size > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 1e4) && console.warn('Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher'), total === void 0 || total < minInsertAmt;
|
|
182
|
+
}
|
|
175
183
|
}
|
|
176
184
|
export { getAllRules, getAllSelectors, getAllTransforms, insertStyleRules, insertedTransforms, listenForSheetChanges, scanAllSheets, shouldInsertStyleRules, updateRules };
|