@tamagui/label 1.0.1-beta.107 → 1.0.1-beta.110
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/Label.js +15 -42
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/Label.js +14 -44
- package/dist/esm/Label.js.map +1 -1
- package/package.json +7 -7
- package/dist/cjs/Card.js +0 -144
- package/dist/cjs/Card.js.map +0 -7
- package/dist/esm/Card.js +0 -119
- package/dist/esm/Card.js.map +0 -7
- package/dist/jsx/Card.js +0 -87
- package/dist/jsx/Card.js.map +0 -7
package/dist/cjs/Label.js
CHANGED
|
@@ -1,38 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
6
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
8
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
9
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
-
var __spreadValues = (a, b) => {
|
|
13
|
-
for (var prop in b || (b = {}))
|
|
14
|
-
if (__hasOwnProp.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
if (__getOwnPropSymbols)
|
|
17
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
-
if (__propIsEnum.call(b, prop))
|
|
19
|
-
__defNormalProp(a, prop, b[prop]);
|
|
20
|
-
}
|
|
21
|
-
return a;
|
|
22
|
-
};
|
|
23
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
24
|
-
var __objRest = (source, exclude) => {
|
|
25
|
-
var target = {};
|
|
26
|
-
for (var prop in source)
|
|
27
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
28
|
-
target[prop] = source[prop];
|
|
29
|
-
if (source != null && __getOwnPropSymbols)
|
|
30
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
31
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
32
|
-
target[prop] = source[prop];
|
|
33
|
-
}
|
|
34
|
-
return target;
|
|
35
|
-
};
|
|
36
8
|
var __export = (target, all) => {
|
|
37
9
|
for (var name in all)
|
|
38
10
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -81,16 +53,17 @@ const LabelFrame = (0, import_core.styled)(import_text.SizableText, {
|
|
|
81
53
|
size: {
|
|
82
54
|
"...size": (val, extras) => {
|
|
83
55
|
const buttonStyle = (0, import_core.getButtonSize)(val, extras);
|
|
84
|
-
return
|
|
56
|
+
return {
|
|
57
|
+
...(0, import_core.getFont)(val, extras),
|
|
85
58
|
height: buttonStyle.height,
|
|
86
59
|
lineHeight: buttonStyle.height
|
|
87
|
-
}
|
|
60
|
+
};
|
|
88
61
|
}
|
|
89
62
|
}
|
|
90
63
|
}
|
|
91
64
|
});
|
|
92
65
|
const LabelComponent = React.forwardRef((props, forwardedRef) => {
|
|
93
|
-
const
|
|
66
|
+
const { htmlFor, id: idProp, ...labelProps } = props;
|
|
94
67
|
const controlRef = React.useRef(null);
|
|
95
68
|
const ref = React.useRef(null);
|
|
96
69
|
const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
|
|
@@ -106,10 +79,10 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
|
|
|
106
79
|
element.setAttribute("aria-labelledby", ariaLabelledBy);
|
|
107
80
|
controlRef.current = element;
|
|
108
81
|
return () => {
|
|
109
|
-
var
|
|
82
|
+
var _a;
|
|
110
83
|
if (!id)
|
|
111
84
|
return;
|
|
112
|
-
const ariaLabelledBy2 = (
|
|
85
|
+
const ariaLabelledBy2 = (_a = getAriaLabel()) == null ? void 0 : _a.replace(id, "");
|
|
113
86
|
if (ariaLabelledBy2 === "") {
|
|
114
87
|
element.removeAttribute("aria-labelledby");
|
|
115
88
|
} else if (ariaLabelledBy2) {
|
|
@@ -123,21 +96,21 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
|
|
|
123
96
|
return /* @__PURE__ */ React.createElement(LabelProvider, {
|
|
124
97
|
id,
|
|
125
98
|
controlRef
|
|
126
|
-
}, /* @__PURE__ */ React.createElement(LabelFrame,
|
|
99
|
+
}, /* @__PURE__ */ React.createElement(LabelFrame, {
|
|
127
100
|
role: "label",
|
|
128
|
-
id
|
|
129
|
-
|
|
101
|
+
id,
|
|
102
|
+
...labelProps,
|
|
130
103
|
ref: composedRefs,
|
|
131
104
|
onMouseDown: (event) => {
|
|
132
|
-
var
|
|
133
|
-
(
|
|
105
|
+
var _a;
|
|
106
|
+
(_a = props.onMouseDown) == null ? void 0 : _a.call(props, event);
|
|
134
107
|
if (!event.defaultPrevented && event.detail > 1) {
|
|
135
108
|
event.preventDefault();
|
|
136
109
|
}
|
|
137
110
|
},
|
|
138
111
|
onPress: (event) => {
|
|
139
|
-
var
|
|
140
|
-
(
|
|
112
|
+
var _a;
|
|
113
|
+
(_a = props.onPress) == null ? void 0 : _a.call(props, event);
|
|
141
114
|
if (import_core.isWeb) {
|
|
142
115
|
if (!controlRef.current || event.defaultPrevented)
|
|
143
116
|
return;
|
|
@@ -153,7 +126,7 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
|
|
|
153
126
|
}
|
|
154
127
|
}
|
|
155
128
|
}
|
|
156
|
-
}))
|
|
129
|
+
}));
|
|
157
130
|
});
|
|
158
131
|
LabelComponent.displayName = NAME;
|
|
159
132
|
const Label = LabelFrame.extractable((0, import_core.themeable)(LabelComponent), {
|
package/dist/cjs/Label.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Label.tsx"],
|
|
4
4
|
"sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n GetProps,\n ReactComponentWithRef,\n getButtonSize,\n getFont,\n isWeb,\n styled,\n themeable,\n useId,\n} from '@tamagui/core'\nimport { createContext } from '@tamagui/create-context'\nimport { focusFocusable } from '@tamagui/focusable'\nimport { SizableText } from '@tamagui/text'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nconst NAME = 'Label'\n\ntype LabelContextValue = {\n id?: string\n controlRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n id: undefined,\n controlRef: { current: null },\n})\n\nexport const LabelFrame = styled(SizableText, {\n name: 'Label',\n tag: 'label',\n size: '$4',\n backgroundColor: 'transparent',\n display: 'flex',\n alignItems: 'center',\n selectable: false,\n cursor: 'default',\n pressStyle: {\n color: '$colorPress',\n },\n variants: {\n size: {\n '...size': (val, extras) => {\n const buttonStyle = getButtonSize(val, extras)\n return {\n ...getFont(val, extras),\n height: buttonStyle.height,\n lineHeight: buttonStyle.height,\n }\n },\n },\n },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n htmlFor?: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>((props, forwardedRef) => {\n const { htmlFor, id: idProp, ...labelProps } = props\n const controlRef = React.useRef<HTMLElement | null>(null)\n const ref = React.useRef<any>(null)\n const composedRefs = useComposedRefs(forwardedRef, ref)\n const id = useId(idProp)\n\n if (isWeb) {\n React.useEffect(() => {\n if (htmlFor) {\n const element = document.getElementById(htmlFor)\n const label = ref.current\n if (label && element) {\n const getAriaLabel = () => element.getAttribute('aria-labelledby')\n const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(' ')\n element.setAttribute('aria-labelledby', ariaLabelledBy)\n controlRef.current = element\n return () => {\n /**\n * We get the latest attribute value because at the time that this cleanup fires,\n * the values from the closure may have changed.\n */\n if (!id) return\n const ariaLabelledBy = getAriaLabel()?.replace(id, '')\n if (ariaLabelledBy === '') {\n element.removeAttribute('aria-labelledby')\n } else if (ariaLabelledBy) {\n element.setAttribute('aria-labelledby', ariaLabelledBy)\n }\n }\n }\n }\n }, [id, htmlFor])\n }\n\n return (\n <LabelProvider id={id} controlRef={controlRef}>\n <LabelFrame\n // @ts-ignore\n role=\"label\"\n id={id}\n {...labelProps}\n ref={composedRefs}\n onMouseDown={(event) => {\n props.onMouseDown?.(event)\n // prevent text selection when double clicking label\n if (!event.defaultPrevented && event.detail > 1) {\n event.preventDefault()\n }\n }}\n onPress={(event) => {\n props.onPress?.(event)\n\n if (isWeb) {\n if (!controlRef.current || event.defaultPrevented) return\n const isClickingControl = controlRef.current.contains(event.target as any as Node)\n // Ensure event was generated by a user action\n // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n const isUserClick = event.isTrusted === true\n /**\n * When a label is wrapped around the control it labels, we trigger the appropriate events\n * on the control when the label is clicked. We do nothing if the user is already clicking the\n * control inside the label.\n */\n if (!isClickingControl && isUserClick) {\n controlRef.current.click()\n controlRef.current.focus()\n }\n } else {\n if (props.htmlFor) {\n focusFocusable(props.htmlFor)\n }\n }\n }}\n />\n </LabelProvider>\n )\n})\n\nLabelComponent.displayName = NAME\n\nexport const Label: ReactComponentWithRef<LabelProps, HTMLButtonElement | View> =\n LabelFrame.extractable(themeable(LabelComponent as any) as any, {\n neverFlatten: true,\n })\n\nexport const useLabelContext = (element?: HTMLElement | null) => {\n const context = useLabelContextImpl('LabelConsumer')\n const { controlRef } = context\n\n React.useEffect(() => {\n if (element) controlRef.current = element\n }, [element, controlRef])\n\n return context.id\n}\n\nconst Root = Label\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
package/dist/cjs/index.js.map
CHANGED
package/dist/esm/Label.js
CHANGED
|
@@ -1,34 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __objRest = (source, exclude) => {
|
|
21
|
-
var target = {};
|
|
22
|
-
for (var prop in source)
|
|
23
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
-
target[prop] = source[prop];
|
|
25
|
-
if (source != null && __getOwnPropSymbols)
|
|
26
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
-
target[prop] = source[prop];
|
|
29
|
-
}
|
|
30
|
-
return target;
|
|
31
|
-
};
|
|
32
1
|
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
33
2
|
import {
|
|
34
3
|
getButtonSize,
|
|
@@ -63,16 +32,17 @@ const LabelFrame = styled(SizableText, {
|
|
|
63
32
|
size: {
|
|
64
33
|
"...size": (val, extras) => {
|
|
65
34
|
const buttonStyle = getButtonSize(val, extras);
|
|
66
|
-
return
|
|
35
|
+
return {
|
|
36
|
+
...getFont(val, extras),
|
|
67
37
|
height: buttonStyle.height,
|
|
68
38
|
lineHeight: buttonStyle.height
|
|
69
|
-
}
|
|
39
|
+
};
|
|
70
40
|
}
|
|
71
41
|
}
|
|
72
42
|
}
|
|
73
43
|
});
|
|
74
44
|
const LabelComponent = React.forwardRef((props, forwardedRef) => {
|
|
75
|
-
const
|
|
45
|
+
const { htmlFor, id: idProp, ...labelProps } = props;
|
|
76
46
|
const controlRef = React.useRef(null);
|
|
77
47
|
const ref = React.useRef(null);
|
|
78
48
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
@@ -88,10 +58,10 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
|
|
|
88
58
|
element.setAttribute("aria-labelledby", ariaLabelledBy);
|
|
89
59
|
controlRef.current = element;
|
|
90
60
|
return () => {
|
|
91
|
-
var
|
|
61
|
+
var _a;
|
|
92
62
|
if (!id)
|
|
93
63
|
return;
|
|
94
|
-
const ariaLabelledBy2 = (
|
|
64
|
+
const ariaLabelledBy2 = (_a = getAriaLabel()) == null ? void 0 : _a.replace(id, "");
|
|
95
65
|
if (ariaLabelledBy2 === "") {
|
|
96
66
|
element.removeAttribute("aria-labelledby");
|
|
97
67
|
} else if (ariaLabelledBy2) {
|
|
@@ -105,21 +75,21 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
|
|
|
105
75
|
return /* @__PURE__ */ React.createElement(LabelProvider, {
|
|
106
76
|
id,
|
|
107
77
|
controlRef
|
|
108
|
-
}, /* @__PURE__ */ React.createElement(LabelFrame,
|
|
78
|
+
}, /* @__PURE__ */ React.createElement(LabelFrame, {
|
|
109
79
|
role: "label",
|
|
110
|
-
id
|
|
111
|
-
|
|
80
|
+
id,
|
|
81
|
+
...labelProps,
|
|
112
82
|
ref: composedRefs,
|
|
113
83
|
onMouseDown: (event) => {
|
|
114
|
-
var
|
|
115
|
-
(
|
|
84
|
+
var _a;
|
|
85
|
+
(_a = props.onMouseDown) == null ? void 0 : _a.call(props, event);
|
|
116
86
|
if (!event.defaultPrevented && event.detail > 1) {
|
|
117
87
|
event.preventDefault();
|
|
118
88
|
}
|
|
119
89
|
},
|
|
120
90
|
onPress: (event) => {
|
|
121
|
-
var
|
|
122
|
-
(
|
|
91
|
+
var _a;
|
|
92
|
+
(_a = props.onPress) == null ? void 0 : _a.call(props, event);
|
|
123
93
|
if (isWeb) {
|
|
124
94
|
if (!controlRef.current || event.defaultPrevented)
|
|
125
95
|
return;
|
|
@@ -135,7 +105,7 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
|
|
|
135
105
|
}
|
|
136
106
|
}
|
|
137
107
|
}
|
|
138
|
-
}))
|
|
108
|
+
}));
|
|
139
109
|
});
|
|
140
110
|
LabelComponent.displayName = NAME;
|
|
141
111
|
const Label = LabelFrame.extractable(themeable(LabelComponent), {
|
package/dist/esm/Label.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Label.tsx"],
|
|
4
4
|
"sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n GetProps,\n ReactComponentWithRef,\n getButtonSize,\n getFont,\n isWeb,\n styled,\n themeable,\n useId,\n} from '@tamagui/core'\nimport { createContext } from '@tamagui/create-context'\nimport { focusFocusable } from '@tamagui/focusable'\nimport { SizableText } from '@tamagui/text'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nconst NAME = 'Label'\n\ntype LabelContextValue = {\n id?: string\n controlRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n id: undefined,\n controlRef: { current: null },\n})\n\nexport const LabelFrame = styled(SizableText, {\n name: 'Label',\n tag: 'label',\n size: '$4',\n backgroundColor: 'transparent',\n display: 'flex',\n alignItems: 'center',\n selectable: false,\n cursor: 'default',\n pressStyle: {\n color: '$colorPress',\n },\n variants: {\n size: {\n '...size': (val, extras) => {\n const buttonStyle = getButtonSize(val, extras)\n return {\n ...getFont(val, extras),\n height: buttonStyle.height,\n lineHeight: buttonStyle.height,\n }\n },\n },\n },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n htmlFor?: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>((props, forwardedRef) => {\n const { htmlFor, id: idProp, ...labelProps } = props\n const controlRef = React.useRef<HTMLElement | null>(null)\n const ref = React.useRef<any>(null)\n const composedRefs = useComposedRefs(forwardedRef, ref)\n const id = useId(idProp)\n\n if (isWeb) {\n React.useEffect(() => {\n if (htmlFor) {\n const element = document.getElementById(htmlFor)\n const label = ref.current\n if (label && element) {\n const getAriaLabel = () => element.getAttribute('aria-labelledby')\n const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(' ')\n element.setAttribute('aria-labelledby', ariaLabelledBy)\n controlRef.current = element\n return () => {\n /**\n * We get the latest attribute value because at the time that this cleanup fires,\n * the values from the closure may have changed.\n */\n if (!id) return\n const ariaLabelledBy = getAriaLabel()?.replace(id, '')\n if (ariaLabelledBy === '') {\n element.removeAttribute('aria-labelledby')\n } else if (ariaLabelledBy) {\n element.setAttribute('aria-labelledby', ariaLabelledBy)\n }\n }\n }\n }\n }, [id, htmlFor])\n }\n\n return (\n <LabelProvider id={id} controlRef={controlRef}>\n <LabelFrame\n // @ts-ignore\n role=\"label\"\n id={id}\n {...labelProps}\n ref={composedRefs}\n onMouseDown={(event) => {\n props.onMouseDown?.(event)\n // prevent text selection when double clicking label\n if (!event.defaultPrevented && event.detail > 1) {\n event.preventDefault()\n }\n }}\n onPress={(event) => {\n props.onPress?.(event)\n\n if (isWeb) {\n if (!controlRef.current || event.defaultPrevented) return\n const isClickingControl = controlRef.current.contains(event.target as any as Node)\n // Ensure event was generated by a user action\n // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n const isUserClick = event.isTrusted === true\n /**\n * When a label is wrapped around the control it labels, we trigger the appropriate events\n * on the control when the label is clicked. We do nothing if the user is already clicking the\n * control inside the label.\n */\n if (!isClickingControl && isUserClick) {\n controlRef.current.click()\n controlRef.current.focus()\n }\n } else {\n if (props.htmlFor) {\n focusFocusable(props.htmlFor)\n }\n }\n }}\n />\n </LabelProvider>\n )\n})\n\nLabelComponent.displayName = NAME\n\nexport const Label: ReactComponentWithRef<LabelProps, HTMLButtonElement | View> =\n LabelFrame.extractable(themeable(LabelComponent as any) as any, {\n neverFlatten: true,\n })\n\nexport const useLabelContext = (element?: HTMLElement | null) => {\n const context = useLabelContextImpl('LabelConsumer')\n const { controlRef } = context\n\n React.useEffect(() => {\n if (element) controlRef.current = element\n }, [element, controlRef])\n\n return context.id\n}\n\nconst Root = Label\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/label",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
3
|
+
"version": "1.0.1-beta.110",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
"clean:build": "tamagui-build clean:build"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@tamagui/compose-refs": "^1.0.1-beta.
|
|
25
|
-
"@tamagui/core": "^1.0.1-beta.
|
|
26
|
-
"@tamagui/create-context": "^1.0.1-beta.
|
|
27
|
-
"@tamagui/focusable": "^1.0.1-beta.
|
|
28
|
-
"@tamagui/text": "^1.0.1-beta.
|
|
24
|
+
"@tamagui/compose-refs": "^1.0.1-beta.110",
|
|
25
|
+
"@tamagui/core": "^1.0.1-beta.110",
|
|
26
|
+
"@tamagui/create-context": "^1.0.1-beta.110",
|
|
27
|
+
"@tamagui/focusable": "^1.0.1-beta.110",
|
|
28
|
+
"@tamagui/text": "^1.0.1-beta.110"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"react": "*",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"react-native": "*"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@tamagui/build": "^1.0.1-beta.
|
|
36
|
+
"@tamagui/build": "^1.0.1-beta.110",
|
|
37
37
|
"@types/react-native": "^0.69.2",
|
|
38
38
|
"react": "*",
|
|
39
39
|
"react-dom": "*",
|
package/dist/cjs/Card.js
DELETED
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
-
var __spreadValues = (a, b) => {
|
|
11
|
-
for (var prop in b || (b = {}))
|
|
12
|
-
if (__hasOwnProp.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
if (__getOwnPropSymbols)
|
|
15
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
-
if (__propIsEnum.call(b, prop))
|
|
17
|
-
__defNormalProp(a, prop, b[prop]);
|
|
18
|
-
}
|
|
19
|
-
return a;
|
|
20
|
-
};
|
|
21
|
-
var __objRest = (source, exclude) => {
|
|
22
|
-
var target = {};
|
|
23
|
-
for (var prop in source)
|
|
24
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
if (source != null && __getOwnPropSymbols)
|
|
27
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
}
|
|
31
|
-
return target;
|
|
32
|
-
};
|
|
33
|
-
var __export = (target, all) => {
|
|
34
|
-
for (var name in all)
|
|
35
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
36
|
-
};
|
|
37
|
-
var __copyProps = (to, from, except, desc) => {
|
|
38
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
39
|
-
for (let key of __getOwnPropNames(from))
|
|
40
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
41
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
42
|
-
}
|
|
43
|
-
return to;
|
|
44
|
-
};
|
|
45
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
46
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
47
|
-
var Card_exports = {};
|
|
48
|
-
__export(Card_exports, {
|
|
49
|
-
Card: () => Card,
|
|
50
|
-
CardBackground: () => CardBackground,
|
|
51
|
-
CardFooter: () => CardFooter,
|
|
52
|
-
CardFrame: () => CardFrame,
|
|
53
|
-
CardHeader: () => CardHeader,
|
|
54
|
-
createCardScope: () => createCardScope,
|
|
55
|
-
useCardContext: () => useCardContext
|
|
56
|
-
});
|
|
57
|
-
module.exports = __toCommonJS(Card_exports);
|
|
58
|
-
var import_core = require("@tamagui/core");
|
|
59
|
-
var import_create_context = require("@tamagui/create-context");
|
|
60
|
-
var import_stacks = require("@tamagui/stacks");
|
|
61
|
-
var import_react = __toESM(require("react"));
|
|
62
|
-
import_react.default["createElement"];
|
|
63
|
-
const CARD_NAME = "CARD";
|
|
64
|
-
const [createCardContext, createCardScope] = (0, import_create_context.createContextScope)(CARD_NAME);
|
|
65
|
-
const [CardProvider, useCardContext] = createCardContext(CARD_NAME);
|
|
66
|
-
const CardFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
67
|
-
name: "Card",
|
|
68
|
-
backgroundColor: "$background",
|
|
69
|
-
position: "relative",
|
|
70
|
-
overflow: "hidden",
|
|
71
|
-
variants: {
|
|
72
|
-
size: {
|
|
73
|
-
"...size": (val, { tokens }) => {
|
|
74
|
-
return {
|
|
75
|
-
borderRadius: tokens.radius[val] ?? val
|
|
76
|
-
};
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
defaultVariants: {
|
|
81
|
-
size: "$4"
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
const CardHeader = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
85
|
-
name: "CardHeader",
|
|
86
|
-
zIndex: 10,
|
|
87
|
-
backgroundColor: "transparent",
|
|
88
|
-
marginBottom: "auto",
|
|
89
|
-
variants: {
|
|
90
|
-
size: {
|
|
91
|
-
"...size": (val, { tokens }) => {
|
|
92
|
-
return {
|
|
93
|
-
padding: tokens.space[val] ?? val
|
|
94
|
-
};
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
});
|
|
99
|
-
const CardFooter = (0, import_core.styled)(CardHeader, {
|
|
100
|
-
name: "CardFooter",
|
|
101
|
-
zIndex: 5,
|
|
102
|
-
flexDirection: "row",
|
|
103
|
-
marginTop: "auto",
|
|
104
|
-
marginBottom: 0
|
|
105
|
-
});
|
|
106
|
-
const CardBackground = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
107
|
-
name: "CardBackground",
|
|
108
|
-
zIndex: 0,
|
|
109
|
-
fullscreen: true,
|
|
110
|
-
overflow: "hidden",
|
|
111
|
-
pointerEvents: "none",
|
|
112
|
-
padding: 0
|
|
113
|
-
});
|
|
114
|
-
const Card = (0, import_core.withStaticProperties)(CardFrame.extractable((0, import_core.themeable)((0, import_react.forwardRef)((_a, ref) => {
|
|
115
|
-
var _b = _a, { size, __scopeCard, children } = _b, props = __objRest(_b, ["size", "__scopeCard", "children"]);
|
|
116
|
-
return /* @__PURE__ */ import_react.default.createElement(CardProvider, {
|
|
117
|
-
scope: __scopeCard,
|
|
118
|
-
size
|
|
119
|
-
}, /* @__PURE__ */ import_react.default.createElement(CardFrame, __spreadValues({
|
|
120
|
-
ref
|
|
121
|
-
}, props), import_react.default.Children.map(children, (child) => {
|
|
122
|
-
if ((0, import_core.isTamaguiElement)(child) && !child.props.size) {
|
|
123
|
-
return (0, import_react.cloneElement)(child, {
|
|
124
|
-
size
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
|
-
return child;
|
|
128
|
-
})));
|
|
129
|
-
}))), {
|
|
130
|
-
Header: CardHeader,
|
|
131
|
-
Footer: CardFooter,
|
|
132
|
-
Background: CardBackground
|
|
133
|
-
});
|
|
134
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
135
|
-
0 && (module.exports = {
|
|
136
|
-
Card,
|
|
137
|
-
CardBackground,
|
|
138
|
-
CardFooter,
|
|
139
|
-
CardFrame,
|
|
140
|
-
CardHeader,
|
|
141
|
-
createCardScope,
|
|
142
|
-
useCardContext
|
|
143
|
-
});
|
|
144
|
-
//# sourceMappingURL=Card.js.map
|
package/dist/cjs/Card.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Card.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n isTamaguiElement,\n styled,\n themeable,\n withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst CARD_NAME = 'CARD'\n\ntype CardContextValue = {\n size?: SizeTokens\n}\n\nconst [createCardContext, createCardScope] = createContextScope(CARD_NAME)\nconst [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n },\n\n defaultVariants: {\n size: '$4',\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n },\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\n\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n themeable(\n forwardRef<HTMLElement | View, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardProvider scope={__scopeCard} size={size}>\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n </CardProvider>\n )\n }\n )\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n\nexport { createCardScope, useCardContext }\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO;AACP,4BAAgD;AAChD,oBAA+B;AAC/B,mBAAgD;AAIhD,qBAAM;AAEN,MAAM,YAAY;AAMlB,MAAM,CAAC,mBAAmB,mBAAmB,8CAAmB,SAAS;AACzE,MAAM,CAAC,cAAc,kBAAkB,kBAAoC,SAAS;AAE7E,MAAM,YAAY,wBAAO,8BAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,QAAQ;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,wBAAO,8BAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,QAAQ;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,aAAa,wBAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,wBAAO,8BAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO,sCAClB,UAAU,YACR,2BACE,6BACE,CAAC,IAA2C,QAAQ;AAAnD,eAAE,QAAM,aAAa,aAArB,IAAkC,kBAAlC,IAAkC,CAAhC,QAAM,eAAa;AACpB,SACE,mDAAC;AAAA,IAAa,OAAO;AAAA,IAAa;AAAA,KAChC,mDAAC;AAAA,IAAU;AAAA,KAAc,QACtB,qBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,QAAI,kCAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,aAAO,+BAAa,OAAO;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC,CACH,CACF;AAEJ,CACF,CACF,CACF,GACA;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,CACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/Card.js
DELETED
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __spreadValues = (a, b) => {
|
|
7
|
-
for (var prop in b || (b = {}))
|
|
8
|
-
if (__hasOwnProp.call(b, prop))
|
|
9
|
-
__defNormalProp(a, prop, b[prop]);
|
|
10
|
-
if (__getOwnPropSymbols)
|
|
11
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
-
if (__propIsEnum.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
}
|
|
15
|
-
return a;
|
|
16
|
-
};
|
|
17
|
-
var __objRest = (source, exclude) => {
|
|
18
|
-
var target = {};
|
|
19
|
-
for (var prop in source)
|
|
20
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
-
target[prop] = source[prop];
|
|
22
|
-
if (source != null && __getOwnPropSymbols)
|
|
23
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
}
|
|
27
|
-
return target;
|
|
28
|
-
};
|
|
29
|
-
import {
|
|
30
|
-
isTamaguiElement,
|
|
31
|
-
styled,
|
|
32
|
-
themeable,
|
|
33
|
-
withStaticProperties
|
|
34
|
-
} from "@tamagui/core";
|
|
35
|
-
import { createContextScope } from "@tamagui/create-context";
|
|
36
|
-
import { ThemeableStack } from "@tamagui/stacks";
|
|
37
|
-
import React, { cloneElement, forwardRef } from "react";
|
|
38
|
-
React["createElement"];
|
|
39
|
-
const CARD_NAME = "CARD";
|
|
40
|
-
const [createCardContext, createCardScope] = createContextScope(CARD_NAME);
|
|
41
|
-
const [CardProvider, useCardContext] = createCardContext(CARD_NAME);
|
|
42
|
-
const CardFrame = styled(ThemeableStack, {
|
|
43
|
-
name: "Card",
|
|
44
|
-
backgroundColor: "$background",
|
|
45
|
-
position: "relative",
|
|
46
|
-
overflow: "hidden",
|
|
47
|
-
variants: {
|
|
48
|
-
size: {
|
|
49
|
-
"...size": (val, { tokens }) => {
|
|
50
|
-
return {
|
|
51
|
-
borderRadius: tokens.radius[val] ?? val
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
defaultVariants: {
|
|
57
|
-
size: "$4"
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
const CardHeader = styled(ThemeableStack, {
|
|
61
|
-
name: "CardHeader",
|
|
62
|
-
zIndex: 10,
|
|
63
|
-
backgroundColor: "transparent",
|
|
64
|
-
marginBottom: "auto",
|
|
65
|
-
variants: {
|
|
66
|
-
size: {
|
|
67
|
-
"...size": (val, { tokens }) => {
|
|
68
|
-
return {
|
|
69
|
-
padding: tokens.space[val] ?? val
|
|
70
|
-
};
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
const CardFooter = styled(CardHeader, {
|
|
76
|
-
name: "CardFooter",
|
|
77
|
-
zIndex: 5,
|
|
78
|
-
flexDirection: "row",
|
|
79
|
-
marginTop: "auto",
|
|
80
|
-
marginBottom: 0
|
|
81
|
-
});
|
|
82
|
-
const CardBackground = styled(ThemeableStack, {
|
|
83
|
-
name: "CardBackground",
|
|
84
|
-
zIndex: 0,
|
|
85
|
-
fullscreen: true,
|
|
86
|
-
overflow: "hidden",
|
|
87
|
-
pointerEvents: "none",
|
|
88
|
-
padding: 0
|
|
89
|
-
});
|
|
90
|
-
const Card = withStaticProperties(CardFrame.extractable(themeable(forwardRef((_a, ref) => {
|
|
91
|
-
var _b = _a, { size, __scopeCard, children } = _b, props = __objRest(_b, ["size", "__scopeCard", "children"]);
|
|
92
|
-
return /* @__PURE__ */ React.createElement(CardProvider, {
|
|
93
|
-
scope: __scopeCard,
|
|
94
|
-
size
|
|
95
|
-
}, /* @__PURE__ */ React.createElement(CardFrame, __spreadValues({
|
|
96
|
-
ref
|
|
97
|
-
}, props), React.Children.map(children, (child) => {
|
|
98
|
-
if (isTamaguiElement(child) && !child.props.size) {
|
|
99
|
-
return cloneElement(child, {
|
|
100
|
-
size
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
return child;
|
|
104
|
-
})));
|
|
105
|
-
}))), {
|
|
106
|
-
Header: CardHeader,
|
|
107
|
-
Footer: CardFooter,
|
|
108
|
-
Background: CardBackground
|
|
109
|
-
});
|
|
110
|
-
export {
|
|
111
|
-
Card,
|
|
112
|
-
CardBackground,
|
|
113
|
-
CardFooter,
|
|
114
|
-
CardFrame,
|
|
115
|
-
CardHeader,
|
|
116
|
-
createCardScope,
|
|
117
|
-
useCardContext
|
|
118
|
-
};
|
|
119
|
-
//# sourceMappingURL=Card.js.map
|
package/dist/esm/Card.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Card.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n isTamaguiElement,\n styled,\n themeable,\n withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst CARD_NAME = 'CARD'\n\ntype CardContextValue = {\n size?: SizeTokens\n}\n\nconst [createCardContext, createCardScope] = createContextScope(CARD_NAME)\nconst [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n },\n\n defaultVariants: {\n size: '$4',\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n },\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\n\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n themeable(\n forwardRef<HTMLElement | View, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardProvider scope={__scopeCard} size={size}>\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n </CardProvider>\n )\n }\n )\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n\nexport { createCardScope, useCardContext }\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AAIA,MAAM;AAEN,MAAM,YAAY;AAMlB,MAAM,CAAC,mBAAmB,mBAAmB,mBAAmB,SAAS;AACzE,MAAM,CAAC,cAAc,kBAAkB,kBAAoC,SAAS;AAE7E,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,QAAQ;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,QAAQ;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO,qBAClB,UAAU,YACR,UACE,WACE,CAAC,IAA2C,QAAQ;AAAnD,eAAE,QAAM,aAAa,aAArB,IAAkC,kBAAlC,IAAkC,CAAhC,QAAM,eAAa;AACpB,SACE,oCAAC;AAAA,IAAa,OAAO;AAAA,IAAa;AAAA,KAChC,oCAAC;AAAA,IAAU;AAAA,KAAc,QACtB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,QAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,aAAO,aAAa,OAAO;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC,CACH,CACF;AAEJ,CACF,CACF,CACF,GACA;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,CACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/jsx/Card.js
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
isTamaguiElement,
|
|
3
|
-
styled,
|
|
4
|
-
themeable,
|
|
5
|
-
withStaticProperties
|
|
6
|
-
} from "@tamagui/core";
|
|
7
|
-
import { createContextScope } from "@tamagui/create-context";
|
|
8
|
-
import { ThemeableStack } from "@tamagui/stacks";
|
|
9
|
-
import React, { cloneElement, forwardRef } from "react";
|
|
10
|
-
React["createElement"];
|
|
11
|
-
const CARD_NAME = "CARD";
|
|
12
|
-
const [createCardContext, createCardScope] = createContextScope(CARD_NAME);
|
|
13
|
-
const [CardProvider, useCardContext] = createCardContext(CARD_NAME);
|
|
14
|
-
const CardFrame = styled(ThemeableStack, {
|
|
15
|
-
name: "Card",
|
|
16
|
-
backgroundColor: "$background",
|
|
17
|
-
position: "relative",
|
|
18
|
-
overflow: "hidden",
|
|
19
|
-
variants: {
|
|
20
|
-
size: {
|
|
21
|
-
"...size": (val, { tokens }) => {
|
|
22
|
-
var _a;
|
|
23
|
-
return {
|
|
24
|
-
borderRadius: (_a = tokens.radius[val]) != null ? _a : val
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
defaultVariants: {
|
|
30
|
-
size: "$4"
|
|
31
|
-
}
|
|
32
|
-
});
|
|
33
|
-
const CardHeader = styled(ThemeableStack, {
|
|
34
|
-
name: "CardHeader",
|
|
35
|
-
zIndex: 10,
|
|
36
|
-
backgroundColor: "transparent",
|
|
37
|
-
marginBottom: "auto",
|
|
38
|
-
variants: {
|
|
39
|
-
size: {
|
|
40
|
-
"...size": (val, { tokens }) => {
|
|
41
|
-
var _a;
|
|
42
|
-
return {
|
|
43
|
-
padding: (_a = tokens.space[val]) != null ? _a : val
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
const CardFooter = styled(CardHeader, {
|
|
50
|
-
name: "CardFooter",
|
|
51
|
-
zIndex: 5,
|
|
52
|
-
flexDirection: "row",
|
|
53
|
-
marginTop: "auto",
|
|
54
|
-
marginBottom: 0
|
|
55
|
-
});
|
|
56
|
-
const CardBackground = styled(ThemeableStack, {
|
|
57
|
-
name: "CardBackground",
|
|
58
|
-
zIndex: 0,
|
|
59
|
-
fullscreen: true,
|
|
60
|
-
overflow: "hidden",
|
|
61
|
-
pointerEvents: "none",
|
|
62
|
-
padding: 0
|
|
63
|
-
});
|
|
64
|
-
const Card = withStaticProperties(CardFrame.extractable(themeable(forwardRef(({ size, __scopeCard, children, ...props }, ref) => {
|
|
65
|
-
return <CardProvider scope={__scopeCard} size={size}><CardFrame ref={ref} {...props}>{React.Children.map(children, (child) => {
|
|
66
|
-
if (isTamaguiElement(child) && !child.props.size) {
|
|
67
|
-
return cloneElement(child, {
|
|
68
|
-
size
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
return child;
|
|
72
|
-
})}</CardFrame></CardProvider>;
|
|
73
|
-
}))), {
|
|
74
|
-
Header: CardHeader,
|
|
75
|
-
Footer: CardFooter,
|
|
76
|
-
Background: CardBackground
|
|
77
|
-
});
|
|
78
|
-
export {
|
|
79
|
-
Card,
|
|
80
|
-
CardBackground,
|
|
81
|
-
CardFooter,
|
|
82
|
-
CardFrame,
|
|
83
|
-
CardHeader,
|
|
84
|
-
createCardScope,
|
|
85
|
-
useCardContext
|
|
86
|
-
};
|
|
87
|
-
//# sourceMappingURL=Card.js.map
|
package/dist/jsx/Card.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Card.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n isTamaguiElement,\n styled,\n themeable,\n withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst CARD_NAME = 'CARD'\n\ntype CardContextValue = {\n size?: SizeTokens\n}\n\nconst [createCardContext, createCardScope] = createContextScope(CARD_NAME)\nconst [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n },\n\n defaultVariants: {\n size: '$4',\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n },\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\n\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n themeable(\n forwardRef<HTMLElement | View, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n <CardProvider scope={__scopeCard} size={size}>\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n </CardProvider>\n )\n }\n )\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n\nexport { createCardScope, useCardContext }\n"],
|
|
5
|
-
"mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AAIA,MAAM;AAEN,MAAM,YAAY;AAMlB,MAAM,CAAC,mBAAmB,mBAAmB,mBAAmB,SAAS;AACzE,MAAM,CAAC,cAAc,kBAAkB,kBAAoC,SAAS;AAE7E,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAjCtC;AAkCQ,eAAO;AAAA,UACL,cAAc,aAAO,OAAO,SAAd,YAAsB;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAtDtC;AAuDQ,eAAO;AAAA,UACL,SAAS,aAAO,MAAM,SAAb,YAAqB;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO,qBAClB,UAAU,YACR,UACE,WACE,CAAC,EAAE,MAAM,aAAa,aAAa,SAAS,QAAQ;AAClD,SACE,CAAC,aAAa,OAAO,aAAa,MAAM,MACtC,CAAC,UAAU,KAAK,SAAS,QACtB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,QAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,aAAO,aAAa,OAAO;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC,EACH,EATC,UAUH,EAXC;AAaL,CACF,CACF,CACF,GACA;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,CACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|