@tamagui/web 1.72.0 → 1.72.2
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/package.json +9 -9
- package/dist/cjs/hooks/useStyle.js +0 -47
- package/dist/cjs/hooks/useStyle.js.map +0 -6
- package/dist/cjs/hooks/useStyle.native.js +0 -48
- package/dist/cjs/hooks/useStyle.native.js.map +0 -6
- package/dist/esm/hooks/useStyle.js +0 -32
- package/dist/esm/hooks/useStyle.js.map +0 -6
- package/types/hooks/useStyle.d.ts.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/web",
|
|
3
|
-
"version": "1.72.
|
|
3
|
+
"version": "1.72.2",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -27,19 +27,19 @@
|
|
|
27
27
|
"reset.css"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@tamagui/compose-refs": "1.72.
|
|
31
|
-
"@tamagui/constants": "1.72.
|
|
32
|
-
"@tamagui/helpers": "1.72.
|
|
33
|
-
"@tamagui/normalize-css-color": "1.72.
|
|
34
|
-
"@tamagui/timer": "1.72.
|
|
35
|
-
"@tamagui/use-did-finish-ssr": "1.72.
|
|
36
|
-
"@tamagui/use-force-update": "1.72.
|
|
30
|
+
"@tamagui/compose-refs": "1.72.2",
|
|
31
|
+
"@tamagui/constants": "1.72.2",
|
|
32
|
+
"@tamagui/helpers": "1.72.2",
|
|
33
|
+
"@tamagui/normalize-css-color": "1.72.2",
|
|
34
|
+
"@tamagui/timer": "1.72.2",
|
|
35
|
+
"@tamagui/use-did-finish-ssr": "1.72.2",
|
|
36
|
+
"@tamagui/use-force-update": "1.72.2"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"react": "*"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@tamagui/build": "1.72.
|
|
42
|
+
"@tamagui/build": "1.72.2",
|
|
43
43
|
"@testing-library/react": "^14.0.0",
|
|
44
44
|
"csstype": "^3.0.10",
|
|
45
45
|
"react": "^18.2.0",
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var useStyle_exports = {};
|
|
16
|
-
__export(useStyle_exports, {
|
|
17
|
-
useStyle: () => useStyle
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(useStyle_exports);
|
|
20
|
-
var import_react = require("react"), import_ComponentContext = require("../contexts/ComponentContext"), import_defaultComponentState = require("../defaultComponentState"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
|
|
21
|
-
function useStyle(base, style, options) {
|
|
22
|
-
const isText = base.staticConfig.isText, componentContext = (0, import_react.useContext)(import_ComponentContext.ComponentContext), [themeState] = (0, import_useTheme.useThemeWithState)({}), media = (0, import_useMedia.useMedia)(), out = (0, import_getSplitStyles.useSplitStyles)(
|
|
23
|
-
style,
|
|
24
|
-
base.staticConfig,
|
|
25
|
-
themeState.state.theme,
|
|
26
|
-
themeState.state.name,
|
|
27
|
-
import_defaultComponentState.defaultComponentState,
|
|
28
|
-
{
|
|
29
|
-
...options,
|
|
30
|
-
mediaState: media,
|
|
31
|
-
resolveVariablesAs: "auto"
|
|
32
|
-
},
|
|
33
|
-
null,
|
|
34
|
-
componentContext,
|
|
35
|
-
isText ? "span" : "div",
|
|
36
|
-
options == null ? void 0 : options.debug
|
|
37
|
-
);
|
|
38
|
-
return {
|
|
39
|
-
style: Object.keys(out.style).length ? out.style : null,
|
|
40
|
-
classNames: out.classNames
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
44
|
-
0 && (module.exports = {
|
|
45
|
-
useStyle
|
|
46
|
-
});
|
|
47
|
-
//# sourceMappingURL=useStyle.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/useStyle.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B,kBAE3B,0BAAiC,yCACjC,+BAAsC,qCACtC,wBAA+B,sCAQ/B,kBAAyB,uBACzB,kBAAkC;AAE3B,SAAS,SAId,MACA,OACA,SACA;AACA,QAAM,SAAS,KAAK,aAAa,QAC3B,uBAAmB,yBAAW,wCAAgB,GAC9C,CAAC,UAAU,QAAI,mCAAkB,CAAC,CAAC,GACnC,YAAQ,0BAAS,GACjB,UAAM;AAAA,IACV;AAAA,IACA,KAAK;AAAA,IACL,WAAW,MAAM;AAAA,IACjB,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,MACE,GAAI;AAAA,MACJ,YAAY;AAAA,MACZ,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,SAAS;AAAA,IAClB,mCAAS;AAAA,EACX;AACA,SAAO;AAAA,IACL,OAAO,OAAO,KAAK,IAAI,KAAK,EAAE,SAAS,IAAI,QAAQ;AAAA,IACnD,YAAY,IAAI;AAAA,EAClB;AACF;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
-
var useStyle_exports = {};
|
|
17
|
-
__export(useStyle_exports, {
|
|
18
|
-
useStyle: () => useStyle
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(useStyle_exports);
|
|
21
|
-
var import_react = require("react"), import_ComponentContext = require("../contexts/ComponentContext"), import_defaultComponentState = require("../defaultComponentState"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
|
|
22
|
-
function useStyle(base, style, options) {
|
|
23
|
-
const isText = base.staticConfig.isText, componentContext = (0, import_react.useContext)(import_ComponentContext.ComponentContext), [themeState] = (0, import_useTheme.useThemeWithState)({}), media = (0, import_useMedia.useMedia)(), out = (0, import_getSplitStyles.useSplitStyles)(
|
|
24
|
-
style,
|
|
25
|
-
base.staticConfig,
|
|
26
|
-
themeState.state.theme,
|
|
27
|
-
themeState.state.name,
|
|
28
|
-
import_defaultComponentState.defaultComponentState,
|
|
29
|
-
{
|
|
30
|
-
...options,
|
|
31
|
-
mediaState: media,
|
|
32
|
-
resolveVariablesAs: "auto"
|
|
33
|
-
},
|
|
34
|
-
null,
|
|
35
|
-
componentContext,
|
|
36
|
-
isText ? "span" : "div",
|
|
37
|
-
options == null ? void 0 : options.debug
|
|
38
|
-
);
|
|
39
|
-
return {
|
|
40
|
-
style: Object.keys(out.style).length ? out.style : null,
|
|
41
|
-
classNames: out.classNames
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
45
|
-
0 && (module.exports = {
|
|
46
|
-
useStyle
|
|
47
|
-
});
|
|
48
|
-
//# sourceMappingURL=useStyle.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/useStyle.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B,kBAE3B,0BAAiC,yCACjC,+BAAsC,qCACtC,wBAA+B,sCAQ/B,kBAAyB,uBACzB,kBAAkC;AAE3B,SAAS,SAId,MACA,OACA,SACA;AACA,QAAM,SAAS,KAAK,aAAa,QAC3B,uBAAmB,yBAAW,wCAAgB,GAC9C,CAAC,UAAU,QAAI,mCAAkB,CAAC,CAAC,GACnC,YAAQ,0BAAS,GACjB,UAAM;AAAA,IACV;AAAA,IACA,KAAK;AAAA,IACL,WAAW,MAAM;AAAA,IACjB,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,MACE,GAAI;AAAA,MACJ,YAAY;AAAA,MACZ,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,SAAS;AAAA,IAClB,mCAAS;AAAA,EACX;AACA,SAAO;AAAA,IACL,OAAO,OAAO,KAAK,IAAI,KAAK,EAAE,SAAS,IAAI,QAAQ;AAAA,IACnD,YAAY,IAAI;AAAA,EAClB;AACF;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { useContext } from "react";
|
|
2
|
-
import { ComponentContext } from "../contexts/ComponentContext";
|
|
3
|
-
import { defaultComponentState } from "../defaultComponentState";
|
|
4
|
-
import { useSplitStyles } from "../helpers/getSplitStyles";
|
|
5
|
-
import { useMedia } from "./useMedia";
|
|
6
|
-
import { useThemeWithState } from "./useTheme";
|
|
7
|
-
function useStyle(base, style, options) {
|
|
8
|
-
const isText = base.staticConfig.isText, componentContext = useContext(ComponentContext), [themeState] = useThemeWithState({}), media = useMedia(), out = useSplitStyles(
|
|
9
|
-
style,
|
|
10
|
-
base.staticConfig,
|
|
11
|
-
themeState.state.theme,
|
|
12
|
-
themeState.state.name,
|
|
13
|
-
defaultComponentState,
|
|
14
|
-
{
|
|
15
|
-
...options,
|
|
16
|
-
mediaState: media,
|
|
17
|
-
resolveVariablesAs: "auto"
|
|
18
|
-
},
|
|
19
|
-
null,
|
|
20
|
-
componentContext,
|
|
21
|
-
isText ? "span" : "div",
|
|
22
|
-
options?.debug
|
|
23
|
-
);
|
|
24
|
-
return {
|
|
25
|
-
style: Object.keys(out.style).length ? out.style : null,
|
|
26
|
-
classNames: out.classNames
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
export {
|
|
30
|
-
useStyle
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=useStyle.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/useStyle.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAQ/B,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAE3B,SAAS,SAId,MACA,OACA,SACA;AACA,QAAM,SAAS,KAAK,aAAa,QAC3B,mBAAmB,WAAW,gBAAgB,GAC9C,CAAC,UAAU,IAAI,kBAAkB,CAAC,CAAC,GACnC,QAAQ,SAAS,GACjB,MAAM;AAAA,IACV;AAAA,IACA,KAAK;AAAA,IACL,WAAW,MAAM;AAAA,IACjB,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,MACE,GAAI;AAAA,MACJ,YAAY;AAAA,MACZ,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,SAAS;AAAA,IAClB,SAAS;AAAA,EACX;AACA,SAAO;AAAA,IACL,OAAO,OAAO,KAAK,IAAI,KAAK,EAAE,SAAS,IAAI,QAAQ;AAAA,IACnD,YAAY,IAAI;AAAA,EAClB;AACF;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useStyle.d.ts","sourceRoot":"","sources":["../../src/hooks/useStyle.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,SAAS,EACT,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,UAAU,CAAA;AAIjB,wBAAgB,QAAQ,CACtB,SAAS,SAAS,gBAAgB,EAClC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,iBAAiB,CAAC,EAE/D,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,OAAO,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE;;;EA0B3D"}
|