tamagui 1.15.39 → 1.16.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.
Files changed (15) hide show
  1. package/dist/cjs/views/Skeleton.js +0 -63
  2. package/dist/cjs/views/Skeleton.js.map +2 -2
  3. package/dist/esm/views/Skeleton.js +0 -38
  4. package/dist/esm/views/Skeleton.js.map +2 -2
  5. package/dist/esm/views/Skeleton.mjs +0 -38
  6. package/dist/esm/views/Skeleton.mjs.map +2 -2
  7. package/dist/jsx/views/Skeleton.js +0 -34
  8. package/dist/jsx/views/Skeleton.js.map +2 -2
  9. package/dist/jsx/views/Skeleton.mjs +0 -34
  10. package/dist/jsx/views/Skeleton.mjs.map +2 -2
  11. package/package.json +51 -51
  12. package/src/views/Skeleton.tsx +34 -34
  13. package/src/views/Spinner.tsx +2 -2
  14. package/types/views/Skeleton.d.ts +0 -41
  15. package/types/views/Skeleton.d.ts.map +1 -1
package/dist/cjs/views/Skeleton.js CHANGED
@@ -1,65 +1,2 @@
1
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: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var Skeleton_exports = {};
20
- __export(Skeleton_exports, {
21
- Skeleton: () => Skeleton,
22
- SkeletonFrame: () => SkeletonFrame,
23
- SkeletonShine: () => SkeletonShine
24
- });
25
- module.exports = __toCommonJS(Skeleton_exports);
26
- var import_jsx_runtime = require("react/jsx-runtime");
27
- var import_core = require("@tamagui/core");
28
- var import_linear_gradient = require("@tamagui/linear-gradient");
29
- var import_stacks = require("@tamagui/stacks");
30
- var import_react = require("react");
31
- var import_VisuallyHidden = require("./VisuallyHidden");
32
- const SkeletonFrame = (0, import_core.styled)(import_stacks.YStack, {
33
- name: "Skeleton",
34
- backgroundColor: "$backgroundHover",
35
- overflow: "hidden",
36
- position: "relative"
37
- });
38
- const Skeleton = SkeletonFrame.extractable(
39
- (0, import_react.forwardRef)(({ children, ...props }, ref) => {
40
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SkeletonFrame, { ref, ...props, children: [
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonShine, {}),
42
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisuallyHidden.VisuallyHidden, { preserveDimensions: true, children })
43
- ] });
44
- })
45
- );
46
- const SkeletonShine = (props) => {
47
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
48
- import_linear_gradient.LinearGradient,
49
- {
50
- position: "absolute",
51
- top: 0,
52
- bottom: 0,
53
- width: "25%",
54
- colors: ["$background", "$color"],
55
- ...props
56
- }
57
- );
58
- };
59
- // Annotate the CommonJS export names for ESM import in node:
60
- 0 && (module.exports = {
61
- Skeleton,
62
- SkeletonFrame,
63
- SkeletonShine
64
- });
65
2
  //# sourceMappingURL=Skeleton.js.map
package/dist/cjs/views/Skeleton.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/views/Skeleton.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBM;AAnBN,kBAAiD;AACjD,6BAAoD;AACpD,oBAAuB;AACvB,mBAA2B;AAE3B,4BAA+B;AAExB,MAAM,oBAAgB,oBAAO,sBAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,MACpC,yBAA2B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAkB,QAAQ;AACzE,WACE,6CAAC,iBAAc,KAAW,GAAG,OAC3B;AAAA,kDAAC,iBAAc;AAAA,MACf,4CAAC,wCAAe,oBAAkB,MAAE,UAAS;AAAA,OAC/C;AAAA,EAEJ,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAC/B,GAAG;AAAA;AAAA,EACN;AAEJ;",
3
+ "sources": [],
4
+ "mappings": "",
5
5
  "names": []
6
6
  }
package/dist/esm/views/Skeleton.js CHANGED
@@ -1,39 +1 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { styled } from "@tamagui/core";
3
- import { LinearGradient } from "@tamagui/linear-gradient";
4
- import { YStack } from "@tamagui/stacks";
5
- import { forwardRef } from "react";
6
- import { VisuallyHidden } from "./VisuallyHidden";
7
- const SkeletonFrame = styled(YStack, {
8
- name: "Skeleton",
9
- backgroundColor: "$backgroundHover",
10
- overflow: "hidden",
11
- position: "relative"
12
- });
13
- const Skeleton = SkeletonFrame.extractable(
14
- forwardRef(({ children, ...props }, ref) => {
15
- return /* @__PURE__ */ jsxs(SkeletonFrame, { ref, ...props, children: [
16
- /* @__PURE__ */ jsx(SkeletonShine, {}),
17
- /* @__PURE__ */ jsx(VisuallyHidden, { preserveDimensions: true, children })
18
- ] });
19
- })
20
- );
21
- const SkeletonShine = (props) => {
22
- return /* @__PURE__ */ jsx(
23
- LinearGradient,
24
- {
25
- position: "absolute",
26
- top: 0,
27
- bottom: 0,
28
- width: "25%",
29
- colors: ["$background", "$color"],
30
- ...props
31
- }
32
- );
33
- };
34
- export {
35
- Skeleton,
36
- SkeletonFrame,
37
- SkeletonShine
38
- };
39
1
  //# sourceMappingURL=Skeleton.js.map
package/dist/esm/views/Skeleton.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/views/Skeleton.tsx"],
4
- "mappings": "AAmBM,SACE,KADF;AAnBN,SAAmC,cAAc;AACjD,SAAS,sBAA2C;AACpD,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,EACpC,WAA2B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAkB,QAAQ;AACzE,WACE,qBAAC,iBAAc,KAAW,GAAG,OAC3B;AAAA,0BAAC,iBAAc;AAAA,MACf,oBAAC,kBAAe,oBAAkB,MAAE,UAAS;AAAA,OAC/C;AAAA,EAEJ,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAC/B,GAAG;AAAA;AAAA,EACN;AAEJ;",
3
+ "sources": [],
4
+ "mappings": "",
5
5
  "names": []
6
6
  }
package/dist/esm/views/Skeleton.mjs CHANGED
@@ -1,39 +1 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { styled } from "@tamagui/core";
3
- import { LinearGradient } from "@tamagui/linear-gradient";
4
- import { YStack } from "@tamagui/stacks";
5
- import { forwardRef } from "react";
6
- import { VisuallyHidden } from "./VisuallyHidden";
7
- const SkeletonFrame = styled(YStack, {
8
- name: "Skeleton",
9
- backgroundColor: "$backgroundHover",
10
- overflow: "hidden",
11
- position: "relative"
12
- });
13
- const Skeleton = SkeletonFrame.extractable(
14
- forwardRef(({ children, ...props }, ref) => {
15
- return /* @__PURE__ */ jsxs(SkeletonFrame, { ref, ...props, children: [
16
- /* @__PURE__ */ jsx(SkeletonShine, {}),
17
- /* @__PURE__ */ jsx(VisuallyHidden, { preserveDimensions: true, children })
18
- ] });
19
- })
20
- );
21
- const SkeletonShine = (props) => {
22
- return /* @__PURE__ */ jsx(
23
- LinearGradient,
24
- {
25
- position: "absolute",
26
- top: 0,
27
- bottom: 0,
28
- width: "25%",
29
- colors: ["$background", "$color"],
30
- ...props
31
- }
32
- );
33
- };
34
- export {
35
- Skeleton,
36
- SkeletonFrame,
37
- SkeletonShine
38
- };
39
1
  //# sourceMappingURL=Skeleton.mjs.map
package/dist/esm/views/Skeleton.mjs.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/views/Skeleton.tsx"],
4
- "mappings": "AAmBM,SACE,KADF;AAnBN,SAAmC,cAAc;AACjD,SAAS,sBAA2C;AACpD,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,EACpC,WAA2B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAkB,QAAQ;AACzE,WACE,qBAAC,iBAAc,KAAW,GAAG,OAC3B;AAAA,0BAAC,iBAAc;AAAA,MACf,oBAAC,kBAAe,oBAAkB,MAAE,UAAS;AAAA,OAC/C;AAAA,EAEJ,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAC/B,GAAG;AAAA;AAAA,EACN;AAEJ;",
3
+ "sources": [],
4
+ "mappings": "",
5
5
  "names": []
6
6
  }
package/dist/jsx/views/Skeleton.js CHANGED
@@ -1,35 +1 @@
1
- import { styled } from "@tamagui/core";
2
- import { LinearGradient } from "@tamagui/linear-gradient";
3
- import { YStack } from "@tamagui/stacks";
4
- import { forwardRef } from "react";
5
- import { VisuallyHidden } from "./VisuallyHidden";
6
- const SkeletonFrame = styled(YStack, {
7
- name: "Skeleton",
8
- backgroundColor: "$backgroundHover",
9
- overflow: "hidden",
10
- position: "relative"
11
- });
12
- const Skeleton = SkeletonFrame.extractable(
13
- forwardRef(({ children, ...props }, ref) => {
14
- return <SkeletonFrame ref={ref} {...props}>
15
- <SkeletonShine />
16
- <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>
17
- </SkeletonFrame>;
18
- })
19
- );
20
- const SkeletonShine = (props) => {
21
- return <LinearGradient
22
- position="absolute"
23
- top={0}
24
- bottom={0}
25
- width="25%"
26
- colors={["$background", "$color"]}
27
- {...props}
28
- />;
29
- };
30
- export {
31
- Skeleton,
32
- SkeletonFrame,
33
- SkeletonShine
34
- };
35
1
  //# sourceMappingURL=Skeleton.js.map
package/dist/jsx/views/Skeleton.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/views/Skeleton.tsx"],
4
- "mappings": "AAAA,SAAmC,cAAc;AACjD,SAAS,sBAA2C;AACpD,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,EACpC,WAA2B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAkB,QAAQ;AACzE,WACE,CAAC,cAAc,KAAK,SAAS;AAAA,MAC3B,CAAC,cAAc;AAAA,MACf,CAAC,eAAe,oBAAoB,SAAS,EAA5C;AAAA,IACH,EAHC;AAAA,EAKL,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE,CAAC;AAAA,IACC,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,QAC5B;AAAA,EACN;AAEJ;",
3
+ "sources": [],
4
+ "mappings": "",
5
5
  "names": []
6
6
  }
package/dist/jsx/views/Skeleton.mjs CHANGED
@@ -1,35 +1 @@
1
- import { styled } from "@tamagui/core";
2
- import { LinearGradient } from "@tamagui/linear-gradient";
3
- import { YStack } from "@tamagui/stacks";
4
- import { forwardRef } from "react";
5
- import { VisuallyHidden } from "./VisuallyHidden";
6
- const SkeletonFrame = styled(YStack, {
7
- name: "Skeleton",
8
- backgroundColor: "$backgroundHover",
9
- overflow: "hidden",
10
- position: "relative"
11
- });
12
- const Skeleton = SkeletonFrame.extractable(
13
- forwardRef(({ children, ...props }, ref) => {
14
- return <SkeletonFrame ref={ref} {...props}>
15
- <SkeletonShine />
16
- <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>
17
- </SkeletonFrame>;
18
- })
19
- );
20
- const SkeletonShine = (props) => {
21
- return <LinearGradient
22
- position="absolute"
23
- top={0}
24
- bottom={0}
25
- width="25%"
26
- colors={["$background", "$color"]}
27
- {...props}
28
- />;
29
- };
30
- export {
31
- Skeleton,
32
- SkeletonFrame,
33
- SkeletonShine
34
- };
35
1
  //# sourceMappingURL=Skeleton.mjs.map
package/dist/jsx/views/Skeleton.mjs.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/views/Skeleton.tsx"],
4
- "mappings": "AAAA,SAAmC,cAAc;AACjD,SAAS,sBAA2C;AACpD,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,EACpC,WAA2B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAkB,QAAQ;AACzE,WACE,CAAC,cAAc,KAAK,SAAS;AAAA,MAC3B,CAAC,cAAc;AAAA,MACf,CAAC,eAAe,oBAAoB,SAAS,EAA5C;AAAA,IACH,EAHC;AAAA,EAKL,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE,CAAC;AAAA,IACC,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,QAC5B;AAAA,EACN;AAEJ;",
3
+ "sources": [],
4
+ "mappings": "",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tamagui",
3
- "version": "1.15.39",
3
+ "version": "1.16.0",
4
4
  "sideEffects": [
5
5
  "*.css",
6
6
  "setup.js"
@@ -40,55 +40,55 @@
40
40
  }
41
41
  },
42
42
  "dependencies": {
43
- "@tamagui/adapt": "1.15.39",
44
- "@tamagui/alert-dialog": "1.15.39",
45
- "@tamagui/animate-presence": "1.15.39",
46
- "@tamagui/avatar": "1.15.39",
47
- "@tamagui/button": "1.15.39",
48
- "@tamagui/card": "1.15.39",
49
- "@tamagui/checkbox": "1.15.39",
50
- "@tamagui/compose-refs": "1.15.39",
51
- "@tamagui/core": "1.15.39",
52
- "@tamagui/create-context": "1.15.39",
53
- "@tamagui/dialog": "1.15.39",
54
- "@tamagui/fake-react-native": "1.15.39",
55
- "@tamagui/focusable": "1.15.39",
56
- "@tamagui/font-size": "1.15.39",
57
- "@tamagui/form": "1.15.39",
58
- "@tamagui/get-button-sized": "1.15.39",
59
- "@tamagui/get-font-sized": "1.15.39",
60
- "@tamagui/get-size": "1.15.39",
61
- "@tamagui/helpers": "1.15.39",
62
- "@tamagui/helpers-tamagui": "1.15.39",
63
- "@tamagui/image": "1.15.39",
64
- "@tamagui/label": "1.15.39",
65
- "@tamagui/linear-gradient": "1.15.39",
66
- "@tamagui/list-item": "1.15.39",
67
- "@tamagui/popover": "1.15.39",
68
- "@tamagui/popper": "1.15.39",
69
- "@tamagui/portal": "1.15.39",
70
- "@tamagui/progress": "1.15.39",
71
- "@tamagui/radio-group": "1.15.39",
72
- "@tamagui/react-native-media-driver": "1.15.39",
73
- "@tamagui/scroll-view": "1.15.39",
74
- "@tamagui/select": "1.15.39",
75
- "@tamagui/separator": "1.15.39",
76
- "@tamagui/shapes": "1.15.39",
77
- "@tamagui/sheet": "1.15.39",
78
- "@tamagui/slider": "1.15.39",
79
- "@tamagui/stacks": "1.15.39",
80
- "@tamagui/switch": "1.15.39",
81
- "@tamagui/tabs": "1.15.39",
82
- "@tamagui/text": "1.15.39",
83
- "@tamagui/theme": "1.15.39",
84
- "@tamagui/toggle-group": "1.15.39",
85
- "@tamagui/tooltip": "1.15.39",
86
- "@tamagui/use-controllable-state": "1.15.39",
87
- "@tamagui/use-debounce": "1.15.39",
88
- "@tamagui/use-event": "1.15.39",
89
- "@tamagui/use-force-update": "1.15.39",
90
- "@tamagui/use-window-dimensions": "1.15.39",
91
- "@tamagui/visually-hidden": "1.15.39",
43
+ "@tamagui/adapt": "1.16.0",
44
+ "@tamagui/alert-dialog": "1.16.0",
45
+ "@tamagui/animate-presence": "1.16.0",
46
+ "@tamagui/avatar": "1.16.0",
47
+ "@tamagui/button": "1.16.0",
48
+ "@tamagui/card": "1.16.0",
49
+ "@tamagui/checkbox": "1.16.0",
50
+ "@tamagui/compose-refs": "1.16.0",
51
+ "@tamagui/core": "1.16.0",
52
+ "@tamagui/create-context": "1.16.0",
53
+ "@tamagui/dialog": "1.16.0",
54
+ "@tamagui/fake-react-native": "1.16.0",
55
+ "@tamagui/focusable": "1.16.0",
56
+ "@tamagui/font-size": "1.16.0",
57
+ "@tamagui/form": "1.16.0",
58
+ "@tamagui/get-button-sized": "1.16.0",
59
+ "@tamagui/get-font-sized": "1.16.0",
60
+ "@tamagui/get-size": "1.16.0",
61
+ "@tamagui/helpers": "1.16.0",
62
+ "@tamagui/helpers-tamagui": "1.16.0",
63
+ "@tamagui/image": "1.16.0",
64
+ "@tamagui/label": "1.16.0",
65
+ "@tamagui/linear-gradient": "1.16.0",
66
+ "@tamagui/list-item": "1.16.0",
67
+ "@tamagui/popover": "1.16.0",
68
+ "@tamagui/popper": "1.16.0",
69
+ "@tamagui/portal": "1.16.0",
70
+ "@tamagui/progress": "1.16.0",
71
+ "@tamagui/radio-group": "1.16.0",
72
+ "@tamagui/react-native-media-driver": "1.16.0",
73
+ "@tamagui/scroll-view": "1.16.0",
74
+ "@tamagui/select": "1.16.0",
75
+ "@tamagui/separator": "1.16.0",
76
+ "@tamagui/shapes": "1.16.0",
77
+ "@tamagui/sheet": "1.16.0",
78
+ "@tamagui/slider": "1.16.0",
79
+ "@tamagui/stacks": "1.16.0",
80
+ "@tamagui/switch": "1.16.0",
81
+ "@tamagui/tabs": "1.16.0",
82
+ "@tamagui/text": "1.16.0",
83
+ "@tamagui/theme": "1.16.0",
84
+ "@tamagui/toggle-group": "1.16.0",
85
+ "@tamagui/tooltip": "1.16.0",
86
+ "@tamagui/use-controllable-state": "1.16.0",
87
+ "@tamagui/use-debounce": "1.16.0",
88
+ "@tamagui/use-event": "1.16.0",
89
+ "@tamagui/use-force-update": "1.16.0",
90
+ "@tamagui/use-window-dimensions": "1.16.0",
91
+ "@tamagui/visually-hidden": "1.16.0",
92
92
  "reforest": "^0.12.1"
93
93
  },
94
94
  "peerDependencies": {
@@ -96,7 +96,7 @@
96
96
  "react-native-web": "*"
97
97
  },
98
98
  "devDependencies": {
99
- "@tamagui/build": "1.15.39",
99
+ "@tamagui/build": "1.16.0",
100
100
  "@types/node": "^16.11.9",
101
101
  "@types/react": "^18.0.15",
102
102
  "react": "^18.2.0",
package/src/views/Skeleton.tsx CHANGED
@@ -1,39 +1,39 @@
1
- import { GetProps, TamaguiElement, styled } from '@tamagui/core'
2
- import { LinearGradient, LinearGradientProps } from '@tamagui/linear-gradient'
3
- import { YStack } from '@tamagui/stacks'
4
- import { forwardRef } from 'react'
1
+ // import { GetProps, TamaguiElement, styled } from '@tamagui/core'
2
+ // import { LinearGradient, LinearGradientProps } from '@tamagui/linear-gradient'
3
+ // import { YStack } from '@tamagui/stacks'
4
+ // import { forwardRef } from 'react'
5
5
 
6
- import { VisuallyHidden } from './VisuallyHidden'
6
+ // import { VisuallyHidden } from './VisuallyHidden'
7
7
 
8
- export const SkeletonFrame = styled(YStack, {
9
- name: 'Skeleton',
10
- backgroundColor: '$backgroundHover',
11
- overflow: 'hidden',
12
- position: 'relative',
13
- })
8
+ // export const SkeletonFrame = styled(YStack, {
9
+ // name: 'Skeleton',
10
+ // backgroundColor: '$backgroundHover',
11
+ // overflow: 'hidden',
12
+ // position: 'relative',
13
+ // })
14
14
 
15
- export type SkeletonProps = GetProps<typeof SkeletonFrame>
15
+ // export type SkeletonProps = GetProps<typeof SkeletonFrame>
16
16
 
17
- export const Skeleton = SkeletonFrame.extractable(
18
- forwardRef<TamaguiElement>(({ children, ...props }: SkeletonProps, ref) => {
19
- return (
20
- <SkeletonFrame ref={ref} {...props}>
21
- <SkeletonShine />
22
- <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>
23
- </SkeletonFrame>
24
- )
25
- })
26
- )
17
+ // export const Skeleton = SkeletonFrame.extractable(
18
+ // forwardRef<TamaguiElement>(({ children, ...props }: SkeletonProps, ref) => {
19
+ // return (
20
+ // <SkeletonFrame ref={ref} {...props}>
21
+ // <SkeletonShine />
22
+ // <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>
23
+ // </SkeletonFrame>
24
+ // )
25
+ // })
26
+ // )
27
27
 
28
- export const SkeletonShine = (props: LinearGradientProps) => {
29
- return (
30
- <LinearGradient
31
- position="absolute"
32
- top={0}
33
- bottom={0}
34
- width="25%"
35
- colors={['$background', '$color']}
36
- {...props}
37
- />
38
- )
39
- }
28
+ // export const SkeletonShine = (props: LinearGradientProps) => {
29
+ // return (
30
+ // <LinearGradient
31
+ // position="absolute"
32
+ // top={0}
33
+ // bottom={0}
34
+ // width="25%"
35
+ // colors={['$background', '$color']}
36
+ // {...props}
37
+ // />
38
+ // )
39
+ // }
package/src/views/Spinner.tsx CHANGED
@@ -34,6 +34,6 @@ export const Spinner: React.ForwardRefExoticComponent<
34
34
  }),
35
35
  {
36
36
  componentName: 'Spinner',
37
- },
38
- ),
37
+ }
38
+ )
39
39
  ) as any
package/types/views/Skeleton.d.ts CHANGED
@@ -1,42 +1 @@
1
- /// <reference types="react" />
2
- import { GetProps, TamaguiElement } from '@tamagui/core';
3
- import { LinearGradientProps } from '@tamagui/linear-gradient';
4
- export declare const SkeletonFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native/types").ViewProps, "children" | "onLayout" | keyof import("react-native/types").GestureResponderHandlers | "display"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
5
- readonly fullscreen?: boolean | undefined;
6
- readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
7
- } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native/types").ViewProps, "children" | "onLayout" | keyof import("react-native/types").GestureResponderHandlers | "display"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
8
- readonly fullscreen?: boolean | undefined;
9
- readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
10
- }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native/types").ViewProps, "children" | "onLayout" | keyof import("react-native/types").GestureResponderHandlers | "display"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
11
- readonly fullscreen?: boolean | undefined;
12
- readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
13
- }>>) | (Omit<import("react-native/types").ViewProps, "children" | "onLayout" | keyof import("react-native/types").GestureResponderHandlers | "display"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
14
- readonly fullscreen?: boolean | undefined;
15
- readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
16
- }, string | number> & {
17
- [x: string]: undefined;
18
- } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native/types").ViewProps, "children" | "onLayout" | keyof import("react-native/types").GestureResponderHandlers | "display"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
19
- readonly fullscreen?: boolean | undefined;
20
- readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
21
- }, string | number> & {
22
- [x: string]: undefined;
23
- }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native/types").ViewProps, "children" | "onLayout" | keyof import("react-native/types").GestureResponderHandlers | "display"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
24
- readonly fullscreen?: boolean | undefined;
25
- readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
26
- }, string | number> & {
27
- [x: string]: undefined;
28
- }>>), TamaguiElement, Omit<import("react-native/types").ViewProps, "children" | "onLayout" | keyof import("react-native/types").GestureResponderHandlers | "display"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
29
- readonly fullscreen?: boolean | undefined;
30
- readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
31
- } | ({
32
- readonly fullscreen?: boolean | undefined;
33
- readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
34
- } & {
35
- [x: string]: undefined;
36
- }), {
37
- displayName: string | undefined;
38
- }>;
39
- export type SkeletonProps = GetProps<typeof SkeletonFrame>;
40
- export declare const Skeleton: import("react").ForwardRefExoticComponent<import("react").RefAttributes<TamaguiElement>>;
41
- export declare const SkeletonShine: (props: LinearGradientProps) => JSX.Element;
42
1
  //# sourceMappingURL=Skeleton.d.ts.map
package/types/views/Skeleton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/views/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAU,MAAM,eAAe,CAAA;AAChE,OAAO,EAAkB,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAM9E,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKxB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE1D,eAAO,MAAM,QAAQ,0FASpB,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,mBAAmB,gBAWvD,CAAA"}
1
+ {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/views/Skeleton.tsx"],"names":[],"mappings":""}