@tamagui/text 1.110.4 → 1.111.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/wrapChildrenInText.native.js +8 -38
- package/dist/cjs/wrapChildrenInText.native.js.map +1 -1
- package/dist/esm/Headings.native.mjs +42 -0
- package/dist/esm/Headings.native.mjs.map +1 -0
- package/dist/esm/Paragraph.native.mjs +12 -0
- package/dist/esm/Paragraph.native.mjs.map +1 -0
- package/dist/esm/SizableText.native.mjs +28 -0
- package/dist/esm/SizableText.native.mjs.map +1 -0
- package/dist/esm/index.native.mjs +6 -0
- package/dist/esm/index.native.mjs.map +1 -0
- package/dist/esm/types.native.mjs +2 -0
- package/dist/esm/types.native.mjs.map +1 -0
- package/dist/esm/wrapChildrenInText.native.js +8 -38
- package/dist/esm/wrapChildrenInText.native.js.map +1 -1
- package/dist/esm/wrapChildrenInText.native.mjs +34 -0
- package/dist/esm/wrapChildrenInText.native.mjs.map +1 -0
- package/dist/jsx/SizableText.mjs.map +1 -1
- package/dist/jsx/wrapChildrenInText.native.js +8 -38
- package/dist/jsx/wrapChildrenInText.native.js.map +1 -1
- package/package.json +5 -5
|
@@ -27,53 +27,23 @@ __export(wrapChildrenInText_exports, {
|
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(wrapChildrenInText_exports);
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react"));
|
|
30
|
-
function _define_property(obj, key, value) {
|
|
31
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
32
|
-
value,
|
|
33
|
-
enumerable: !0,
|
|
34
|
-
configurable: !0,
|
|
35
|
-
writable: !0
|
|
36
|
-
}) : obj[key] = value, obj;
|
|
37
|
-
}
|
|
38
|
-
function _object_spread(target) {
|
|
39
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
40
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
41
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
42
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
43
|
-
}))), ownKeys2.forEach(function(key) {
|
|
44
|
-
_define_property(target, key, source[key]);
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
return target;
|
|
48
|
-
}
|
|
49
|
-
function ownKeys(object, enumerableOnly) {
|
|
50
|
-
var keys = Object.keys(object);
|
|
51
|
-
if (Object.getOwnPropertySymbols) {
|
|
52
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
53
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
54
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
55
|
-
})), keys.push.apply(keys, symbols);
|
|
56
|
-
}
|
|
57
|
-
return keys;
|
|
58
|
-
}
|
|
59
|
-
function _object_spread_props(target, source) {
|
|
60
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
61
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
62
|
-
}), target;
|
|
63
|
-
}
|
|
64
30
|
function wrapChildrenInText(TextComponent, propsIn, extraProps) {
|
|
65
|
-
var
|
|
31
|
+
var { children, textProps, size, noTextWrap, color, fontFamily, fontSize, fontWeight, letterSpacing, textAlign, fontStyle, maxFontSizeMultiplier } = propsIn;
|
|
66
32
|
if (noTextWrap || !children)
|
|
67
33
|
return [
|
|
68
34
|
children
|
|
69
35
|
];
|
|
70
|
-
var props =
|
|
36
|
+
var props = {
|
|
37
|
+
...extraProps
|
|
38
|
+
};
|
|
71
39
|
return color && (props.color = color), fontFamily && (props.fontFamily = fontFamily), fontSize && (props.fontSize = fontSize), fontWeight && (props.fontWeight = fontWeight), letterSpacing && (props.letterSpacing = letterSpacing), textAlign && (props.textAlign = textAlign), size && (props.size = size), fontStyle && (props.fontStyle = fontStyle), maxFontSizeMultiplier && (props.maxFontSizeMultiplier = maxFontSizeMultiplier), import_react.default.Children.toArray(children).map(function(child, index) {
|
|
72
40
|
return typeof child == "string" ? (
|
|
73
41
|
// so "data-disable-theme" is a hack to fix themeInverse, don't ask me why
|
|
74
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextComponent,
|
|
42
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextComponent, {
|
|
43
|
+
...props,
|
|
44
|
+
...textProps,
|
|
75
45
|
children: child
|
|
76
|
-
}
|
|
46
|
+
}, index)
|
|
77
47
|
) : child;
|
|
78
48
|
});
|
|
79
49
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/text/src/wrapChildrenInText.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDACA,eAAkB
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDACA,eAAkB;AASX,SAASA,mBACdC,eACAC,SAGAC,YAAgC;AAEhC,MAAM,EACJC,UACAC,WACAC,MACAC,YACAC,OACAC,YACAC,UACAC,YACAC,eACAC,WACAC,WACAC,sBAAqB,IACnBb;AAEJ,MAAIK,cAAc,CAACH;AACjB,WAAO;MAACA;;AAGV,MAAMY,QAAQ;IACZ,GAAGb;EACL;AAGA,SAAIK,UAAOQ,MAAMR,QAAQA,QACrBC,eAAYO,MAAMP,aAAaA,aAC/BC,aAAUM,MAAMN,WAAWA,WAC3BC,eAAYK,MAAML,aAAaA,aAC/BC,kBAAeI,MAAMJ,gBAAgBA,gBACrCC,cAAWG,MAAMH,YAAYA,YAC7BP,SAAMU,MAAMV,OAAOA,OACnBQ,cAAWE,MAAMF,YAAYA,YAC7BC,0BAAuBC,MAAMD,wBAAwBA,wBAElDE,aAAAA,QAAMC,SAASC,QAAQf,QAAAA,EAAUgB,IAAI,SAACC,OAAOC,OAAAA;AAClD,WAAO,OAAOD,SAAU;;MAEtB,uCAAAE,KAACtB,eAAAA;QAA2B,GAAGe;QAAQ,GAAGX;kBACvCgB;SADiBC,KAAAA;QAIpBD;EAEJ,CAAA;AACF;",
|
|
5
5
|
"names": ["wrapChildrenInText", "TextComponent", "propsIn", "extraProps", "children", "textProps", "size", "noTextWrap", "color", "fontFamily", "fontSize", "fontWeight", "letterSpacing", "textAlign", "fontStyle", "maxFontSizeMultiplier", "props", "React", "Children", "toArray", "map", "child", "index", "_jsx"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { styled } from "@tamagui/web";
|
|
2
|
+
import { Paragraph } from "./Paragraph.mjs";
|
|
3
|
+
var Heading = styled(Paragraph, {
|
|
4
|
+
tag: "span",
|
|
5
|
+
name: "Heading",
|
|
6
|
+
accessibilityRole: "header",
|
|
7
|
+
fontFamily: "$heading",
|
|
8
|
+
size: "$8",
|
|
9
|
+
margin: 0
|
|
10
|
+
}),
|
|
11
|
+
H1 = styled(Heading, {
|
|
12
|
+
name: "H1",
|
|
13
|
+
tag: "h1",
|
|
14
|
+
size: "$10"
|
|
15
|
+
}),
|
|
16
|
+
H2 = styled(Heading, {
|
|
17
|
+
name: "H2",
|
|
18
|
+
tag: "h2",
|
|
19
|
+
size: "$9"
|
|
20
|
+
}),
|
|
21
|
+
H3 = styled(Heading, {
|
|
22
|
+
name: "H3",
|
|
23
|
+
tag: "h3",
|
|
24
|
+
size: "$8"
|
|
25
|
+
}),
|
|
26
|
+
H4 = styled(Heading, {
|
|
27
|
+
name: "H4",
|
|
28
|
+
tag: "h4",
|
|
29
|
+
size: "$7"
|
|
30
|
+
}),
|
|
31
|
+
H5 = styled(Heading, {
|
|
32
|
+
name: "H5",
|
|
33
|
+
tag: "h5",
|
|
34
|
+
size: "$6"
|
|
35
|
+
}),
|
|
36
|
+
H6 = styled(Heading, {
|
|
37
|
+
name: "H6",
|
|
38
|
+
tag: "h6",
|
|
39
|
+
size: "$5"
|
|
40
|
+
});
|
|
41
|
+
export { H1, H2, H3, H4, H5, H6, Heading };
|
|
42
|
+
//# sourceMappingURL=Headings.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","Paragraph","Heading","tag","name","accessibilityRole","fontFamily","size","margin","H1","H2","H3","H4","H5","H6"],"sources":["../../src/Headings.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AAEvB,SAASC,SAAA,QAAiB;AAEnB,IAAAC,OAAM,GAAAF,MAAU,CAAAC,SAAO;IAC5BE,GAAA,EAAK;IACLC,IAAA,EAAM;IACNC,iBAAA,EAAmB;IACnBC,UAAA,EAAY;IACZC,IAAA,EAAM;IACNC,MAAA,EAAQ;EACV,CAAC;EAIYC,EAAA,GAAKT,MAAA,CAAOE,OAAA,EAAS;IAChCE,IAAA,EAAM;IACND,GAAA,EAAK;IACLI,IAAA,EAAM;EACR,CAAC;EAEYG,EAAA,GAAKV,MAAA,CAAOE,OAAA,EAAS;IAChCE,IAAA,EAAM;IACND,GAAA,EAAK;IACLI,IAAA,EAAM;EACR,CAAC;EAEYI,EAAA,GAAKX,MAAA,CAAOE,OAAA,EAAS;IAChCE,IAAA,EAAM;IACND,GAAA,EAAK;IACLI,IAAA,EAAM;EACR,CAAC;EAEYK,EAAA,GAAKZ,MAAA,CAAOE,OAAA,EAAS;IAChCE,IAAA,EAAM;IACND,GAAA,EAAK;IACLI,IAAA,EAAM;EACR,CAAC;EAEYM,EAAA,GAAKb,MAAA,CAAOE,OAAA,EAAS;IAChCE,IAAA,EAAM;IACND,GAAA,EAAK;IACLI,IAAA,EAAM;EACR,CAAC;EAEYO,EAAA,GAAKd,MAAA,CAAOE,OAAA,EAAS;IAChCE,IAAA,EAAM;IACND,GAAA,EAAK;IACLI,IAAA,EAAM;EACR,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { styled } from "@tamagui/web";
|
|
2
|
+
import { SizableText } from "./SizableText.mjs";
|
|
3
|
+
var Paragraph = styled(SizableText, {
|
|
4
|
+
name: "Paragraph",
|
|
5
|
+
tag: "p",
|
|
6
|
+
userSelect: "auto",
|
|
7
|
+
color: "$color",
|
|
8
|
+
size: "$true",
|
|
9
|
+
whiteSpace: "normal"
|
|
10
|
+
});
|
|
11
|
+
export { Paragraph };
|
|
12
|
+
//# sourceMappingURL=Paragraph.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","SizableText","Paragraph","name","tag","userSelect","color","size","whiteSpace"],"sources":["../../src/Paragraph.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AAEvB,SAASC,WAAA,QAAmB;AAErB,IAAAC,SAAM,GAAAF,MAAY,CAAAC,WAAO;EAC9BE,IAAA,EAAM;EACNC,GAAA,EAAK;EACLC,UAAA,EAAY;EACZC,KAAA,EAAO;EACPC,IAAA,EAAM;EACNC,UAAA,EAAY;AACd,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { getFontSized } from "@tamagui/get-font-sized";
|
|
2
|
+
import { Text, styled } from "@tamagui/web";
|
|
3
|
+
var SizableText = styled(Text, {
|
|
4
|
+
name: "SizableText",
|
|
5
|
+
fontFamily: "$body",
|
|
6
|
+
variants: {
|
|
7
|
+
unstyled: {
|
|
8
|
+
false: {
|
|
9
|
+
size: "$true",
|
|
10
|
+
color: "$color"
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
size: getFontSized
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
SizableText.staticConfig.variants.fontFamily = {
|
|
20
|
+
"...": function (_val, extras) {
|
|
21
|
+
var sizeProp = extras.props.size,
|
|
22
|
+
fontSizeProp = extras.props.fontSize,
|
|
23
|
+
size = sizeProp === "$true" && fontSizeProp ? fontSizeProp : extras.props.size || "$true";
|
|
24
|
+
return getFontSized(size, extras);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
export { SizableText };
|
|
28
|
+
//# sourceMappingURL=SizableText.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getFontSized","Text","styled","SizableText","name","fontFamily","variants","unstyled","false","size","color","defaultVariants","process","env","TAMAGUI_HEADLESS","staticConfig","...","_val","extras","sizeProp","props","fontSizeProp","fontSize"],"sources":["../../src/SizableText.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,QAAoB;AAE7B,SAASC,IAAA,EAAMC,MAAA,QAAc;AAEtB,IAAAC,WAAM,GAAAD,MAAc,CAAAD,IAAO;EAChCG,IAAA,EAAM;EACNC,UAAA,EAAY;EAEZC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,KAAA,EAAO;MACT;IACF;IAEAD,IAAA,EAAMT;EACR;EAEAW,eAAA,EAAiB;IACfJ,QAAA,EAAUK,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAIDX,WAAA,CAAYY,YAAA,CAAaT,QAAA,CAAUD,UAAA,GAAa;EAC9C,OAAO,SAAAW,CAAOC,IAAA,EAAAC,MAAW;IACvB,IAAAC,QAAM,GAAAD,MAAW,CAAAE,KAAO,CAAAX,IAAM;MAAAY,YACxB,GAAAH,MAAe,CAAAE,KAAO,CAAAE,QAAM;MAAAb,IAC5B,GAAAU,QACJ,YAAa,IAAAE,YAAW,GAAAA,YACpB,GAAAH,MACA,CAAAE,KAAO,CAAAX,IAAM,WAAW;IAC9B,OAAOT,YAAA,CAAaS,IAAA,EAAMS,MAAM;EAClC;AACF","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
|
@@ -1,52 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
|
-
function _define_property(obj, key, value) {
|
|
4
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
5
|
-
value,
|
|
6
|
-
enumerable: !0,
|
|
7
|
-
configurable: !0,
|
|
8
|
-
writable: !0
|
|
9
|
-
}) : obj[key] = value, obj;
|
|
10
|
-
}
|
|
11
|
-
function _object_spread(target) {
|
|
12
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
13
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
14
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
15
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
16
|
-
}))), ownKeys2.forEach(function(key) {
|
|
17
|
-
_define_property(target, key, source[key]);
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return target;
|
|
21
|
-
}
|
|
22
|
-
function ownKeys(object, enumerableOnly) {
|
|
23
|
-
var keys = Object.keys(object);
|
|
24
|
-
if (Object.getOwnPropertySymbols) {
|
|
25
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
26
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
27
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
28
|
-
})), keys.push.apply(keys, symbols);
|
|
29
|
-
}
|
|
30
|
-
return keys;
|
|
31
|
-
}
|
|
32
|
-
function _object_spread_props(target, source) {
|
|
33
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
34
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
35
|
-
}), target;
|
|
36
|
-
}
|
|
37
3
|
function wrapChildrenInText(TextComponent, propsIn, extraProps) {
|
|
38
|
-
var
|
|
4
|
+
var { children, textProps, size, noTextWrap, color, fontFamily, fontSize, fontWeight, letterSpacing, textAlign, fontStyle, maxFontSizeMultiplier } = propsIn;
|
|
39
5
|
if (noTextWrap || !children)
|
|
40
6
|
return [
|
|
41
7
|
children
|
|
42
8
|
];
|
|
43
|
-
var props =
|
|
9
|
+
var props = {
|
|
10
|
+
...extraProps
|
|
11
|
+
};
|
|
44
12
|
return color && (props.color = color), fontFamily && (props.fontFamily = fontFamily), fontSize && (props.fontSize = fontSize), fontWeight && (props.fontWeight = fontWeight), letterSpacing && (props.letterSpacing = letterSpacing), textAlign && (props.textAlign = textAlign), size && (props.size = size), fontStyle && (props.fontStyle = fontStyle), maxFontSizeMultiplier && (props.maxFontSizeMultiplier = maxFontSizeMultiplier), React.Children.toArray(children).map(function(child, index) {
|
|
45
13
|
return typeof child == "string" ? (
|
|
46
14
|
// so "data-disable-theme" is a hack to fix themeInverse, don't ask me why
|
|
47
|
-
/* @__PURE__ */ _jsx(TextComponent,
|
|
15
|
+
/* @__PURE__ */ _jsx(TextComponent, {
|
|
16
|
+
...props,
|
|
17
|
+
...textProps,
|
|
48
18
|
children: child
|
|
49
|
-
}
|
|
19
|
+
}, index)
|
|
50
20
|
) : child;
|
|
51
21
|
});
|
|
52
22
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/text/src/wrapChildrenInText.tsx"],
|
|
4
|
-
"mappings": ";AACA,OAAOA,WAAW
|
|
4
|
+
"mappings": ";AACA,OAAOA,WAAW;AASX,SAASC,mBACdC,eACAC,SAGAC,YAAgC;AAEhC,MAAM,EACJC,UACAC,WACAC,MACAC,YACAC,OACAC,YACAC,UACAC,YACAC,eACAC,WACAC,WACAC,sBAAqB,IACnBb;AAEJ,MAAIK,cAAc,CAACH;AACjB,WAAO;MAACA;;AAGV,MAAMY,QAAQ;IACZ,GAAGb;EACL;AAGA,SAAIK,UAAOQ,MAAMR,QAAQA,QACrBC,eAAYO,MAAMP,aAAaA,aAC/BC,aAAUM,MAAMN,WAAWA,WAC3BC,eAAYK,MAAML,aAAaA,aAC/BC,kBAAeI,MAAMJ,gBAAgBA,gBACrCC,cAAWG,MAAMH,YAAYA,YAC7BP,SAAMU,MAAMV,OAAOA,OACnBQ,cAAWE,MAAMF,YAAYA,YAC7BC,0BAAuBC,MAAMD,wBAAwBA,wBAElDhB,MAAMkB,SAASC,QAAQd,QAAAA,EAAUe,IAAI,SAACC,OAAOC,OAAAA;AAClD,WAAO,OAAOD,SAAU;;MAEtB,qBAACnB,eAAAA;QAA2B,GAAGe;QAAQ,GAAGX;kBACvCe;SADiBC,KAAAA;QAIpBD;EAEJ,CAAA;AACF;",
|
|
5
5
|
"names": ["React", "wrapChildrenInText", "TextComponent", "propsIn", "extraProps", "children", "textProps", "size", "noTextWrap", "color", "fontFamily", "fontSize", "fontWeight", "letterSpacing", "textAlign", "fontStyle", "maxFontSizeMultiplier", "props", "Children", "toArray", "map", "child", "index"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
function wrapChildrenInText(TextComponent, propsIn, extraProps) {
|
|
4
|
+
var {
|
|
5
|
+
children,
|
|
6
|
+
textProps,
|
|
7
|
+
size,
|
|
8
|
+
noTextWrap,
|
|
9
|
+
color,
|
|
10
|
+
fontFamily,
|
|
11
|
+
fontSize,
|
|
12
|
+
fontWeight,
|
|
13
|
+
letterSpacing,
|
|
14
|
+
textAlign,
|
|
15
|
+
fontStyle,
|
|
16
|
+
maxFontSizeMultiplier
|
|
17
|
+
} = propsIn;
|
|
18
|
+
if (noTextWrap || !children) return [children];
|
|
19
|
+
var props = {
|
|
20
|
+
...extraProps
|
|
21
|
+
};
|
|
22
|
+
return color && (props.color = color), fontFamily && (props.fontFamily = fontFamily), fontSize && (props.fontSize = fontSize), fontWeight && (props.fontWeight = fontWeight), letterSpacing && (props.letterSpacing = letterSpacing), textAlign && (props.textAlign = textAlign), size && (props.size = size), fontStyle && (props.fontStyle = fontStyle), maxFontSizeMultiplier && (props.maxFontSizeMultiplier = maxFontSizeMultiplier), React.Children.toArray(children).map(function (child, index) {
|
|
23
|
+
return typeof child == "string" ?
|
|
24
|
+
// so "data-disable-theme" is a hack to fix themeInverse, don't ask me why
|
|
25
|
+
/* @__PURE__ */
|
|
26
|
+
_jsx(TextComponent, {
|
|
27
|
+
...props,
|
|
28
|
+
...textProps,
|
|
29
|
+
children: child
|
|
30
|
+
}, index) : child;
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
export { wrapChildrenInText };
|
|
34
|
+
//# sourceMappingURL=wrapChildrenInText.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","React","wrapChildrenInText","TextComponent","propsIn","extraProps","children","textProps","size","noTextWrap","color","fontFamily","fontSize","fontWeight","letterSpacing","textAlign","fontStyle","maxFontSizeMultiplier","props","Children","toArray","map","child","index"],"sources":["../../src/wrapChildrenInText.tsx"],"sourcesContent":[null],"mappings":"AACA,SAAOA,GAAA,IAAAC,IAAW;AAqDZ,OAAAC,KAAA;AA5CC,SAASC,mBACdC,aAAA,EACAC,OAAA,EAGAC,UAAA,EACA;EACA;IAAMC,QAAA;IAAAC,SAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,aAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAb,OAAA;EAAA,IACJK,UAAA,KAAAH,QAAA,EACA,QACAA,QAAA,CACA;EAAA,IACAY,KAAA;IACA,GAAAb;EAAA;EACA,OACAK,KAAA,KAAAQ,KAAA,CAAAR,KAAA,GAAAA,KAAA,GAAAC,UAAA,KAAAO,KAAA,CAAAP,UAAA,GAAAA,UAAA,GAAAC,QAAA,KAAAM,KAAA,CAAAN,QAAA,GAAAA,QAAA,GAAAC,UAAA,KAAAK,KAAA,CAAAL,UAAA,GAAAA,UAAA,GAAAC,aAAA,KAAAI,KAAA,CAAAJ,aAAA,GAAAA,aAAA,GAAAC,SAAA,KAAAG,KAAA,CAAAH,SAAA,GAAAA,SAAA,GAAAP,IAAA,KAAAU,KAAA,CAAAV,IAAA,GAAAA,IAAA,GAAAQ,SAAA,KAAAE,KAAA,CAAAF,SAAA,GAAAA,SAAA,GAAAC,qBAAA,KAAAC,KAAA,CAAAD,qBAAA,GAAAA,qBAAA,GAAAhB,KAAA,CAAAkB,QAAA,CAAAC,OAAA,CAAAd,QAAA,EAAAe,GAAA,WAAAC,KAAA,EAAAC,KAAA;IACA,cAAAD,KAAA;IACA;IACA;IAAAtB,IAAA,CAAAG,aAAA;MACA,GAAAe,KAAA;MACE,GAAAX,SAAA;MAEAD,QAAA,EAAAgB;IACF,GAAAC,KAAQ,IAGJD,KAAA;EAAQ,EACZ;AAAG;AAIL,SAW0BpB,kBAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getFontSized","Text","styled","SizableText","name","fontFamily","variants","unstyled","false","size","color","defaultVariants","process","env","TAMAGUI_HEADLESS","staticConfig","...","_val","extras","sizeProp","props","fontSizeProp","fontSize"],"sources":["
|
|
1
|
+
{"version":3,"names":["getFontSized","Text","styled","SizableText","name","fontFamily","variants","unstyled","false","size","color","defaultVariants","process","env","TAMAGUI_HEADLESS","staticConfig","...","_val","extras","sizeProp","props","fontSizeProp","fontSize"],"sources":["SizableText.mjs"],"sourcesContent":["import { getFontSized } from \"@tamagui/get-font-sized\";\nimport { Text, styled } from \"@tamagui/web\";\nconst SizableText = styled(Text, {\n name: \"SizableText\",\n fontFamily: \"$body\",\n variants: {\n unstyled: {\n false: {\n size: \"$true\",\n color: \"$color\"\n }\n },\n size: getFontSized\n },\n defaultVariants: {\n unstyled: process.env.TAMAGUI_HEADLESS === \"1\"\n }\n});\nSizableText.staticConfig.variants.fontFamily = {\n \"...\": (_val, extras) => {\n const sizeProp = extras.props.size, fontSizeProp = extras.props.fontSize, size = sizeProp === \"$true\" && fontSizeProp ? fontSizeProp : extras.props.size || \"$true\";\n return getFontSized(size, extras);\n }\n};\nexport {\n SizableText\n};\n//# sourceMappingURL=SizableText.js.map\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,IAAI,EAAEC,MAAM,QAAQ,cAAc;AAC3C,MAAMC,WAAW,GAAGD,MAAM,CAACD,IAAI,EAAE;EAC/BG,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE,OAAO;EACnBC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,KAAK,EAAE;QACLC,IAAI,EAAE,OAAO;QACbC,KAAK,EAAE;MACT;IACF,CAAC;IACDD,IAAI,EAAET;EACR,CAAC;EACDW,eAAe,EAAE;IACfJ,QAAQ,EAAEK,OAAO,CAACC,GAAG,CAACC,gBAAgB,KAAK;EAC7C;AACF,CAAC,CAAC;AACFX,WAAW,CAACY,YAAY,CAACT,QAAQ,CAACD,UAAU,GAAG;EAC7C,KAAK,EAAEW,CAACC,IAAI,EAAEC,MAAM,KAAK;IACvB,MAAMC,QAAQ,GAAGD,MAAM,CAACE,KAAK,CAACX,IAAI;MAAEY,YAAY,GAAGH,MAAM,CAACE,KAAK,CAACE,QAAQ;MAAEb,IAAI,GAAGU,QAAQ,KAAK,OAAO,IAAIE,YAAY,GAAGA,YAAY,GAAGH,MAAM,CAACE,KAAK,CAACX,IAAI,IAAI,OAAO;IACnK,OAAOT,YAAY,CAACS,IAAI,EAAES,MAAM,CAAC;EACnC;AACF,CAAC;AACD,SACEf,WAAW","ignoreList":[]}
|
|
@@ -1,52 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
|
-
function _define_property(obj, key, value) {
|
|
4
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
5
|
-
value,
|
|
6
|
-
enumerable: !0,
|
|
7
|
-
configurable: !0,
|
|
8
|
-
writable: !0
|
|
9
|
-
}) : obj[key] = value, obj;
|
|
10
|
-
}
|
|
11
|
-
function _object_spread(target) {
|
|
12
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
13
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
14
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
15
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
16
|
-
}))), ownKeys2.forEach(function(key) {
|
|
17
|
-
_define_property(target, key, source[key]);
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return target;
|
|
21
|
-
}
|
|
22
|
-
function ownKeys(object, enumerableOnly) {
|
|
23
|
-
var keys = Object.keys(object);
|
|
24
|
-
if (Object.getOwnPropertySymbols) {
|
|
25
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
26
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
27
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
28
|
-
})), keys.push.apply(keys, symbols);
|
|
29
|
-
}
|
|
30
|
-
return keys;
|
|
31
|
-
}
|
|
32
|
-
function _object_spread_props(target, source) {
|
|
33
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
34
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
35
|
-
}), target;
|
|
36
|
-
}
|
|
37
3
|
function wrapChildrenInText(TextComponent, propsIn, extraProps) {
|
|
38
|
-
var
|
|
4
|
+
var { children, textProps, size, noTextWrap, color, fontFamily, fontSize, fontWeight, letterSpacing, textAlign, fontStyle, maxFontSizeMultiplier } = propsIn;
|
|
39
5
|
if (noTextWrap || !children)
|
|
40
6
|
return [
|
|
41
7
|
children
|
|
42
8
|
];
|
|
43
|
-
var props =
|
|
9
|
+
var props = {
|
|
10
|
+
...extraProps
|
|
11
|
+
};
|
|
44
12
|
return color && (props.color = color), fontFamily && (props.fontFamily = fontFamily), fontSize && (props.fontSize = fontSize), fontWeight && (props.fontWeight = fontWeight), letterSpacing && (props.letterSpacing = letterSpacing), textAlign && (props.textAlign = textAlign), size && (props.size = size), fontStyle && (props.fontStyle = fontStyle), maxFontSizeMultiplier && (props.maxFontSizeMultiplier = maxFontSizeMultiplier), React.Children.toArray(children).map(function(child, index) {
|
|
45
13
|
return typeof child == "string" ? (
|
|
46
14
|
// so "data-disable-theme" is a hack to fix themeInverse, don't ask me why
|
|
47
|
-
/* @__PURE__ */ _jsx(TextComponent,
|
|
15
|
+
/* @__PURE__ */ _jsx(TextComponent, {
|
|
16
|
+
...props,
|
|
17
|
+
...textProps,
|
|
48
18
|
children: child
|
|
49
|
-
}
|
|
19
|
+
}, index)
|
|
50
20
|
) : child;
|
|
51
21
|
});
|
|
52
22
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/text/src/wrapChildrenInText.tsx"],
|
|
4
|
-
"mappings": ";AACA,OAAOA,WAAW
|
|
4
|
+
"mappings": ";AACA,OAAOA,WAAW;AASX,SAASC,mBACdC,eACAC,SAGAC,YAAgC;AAEhC,MAAM,EACJC,UACAC,WACAC,MACAC,YACAC,OACAC,YACAC,UACAC,YACAC,eACAC,WACAC,WACAC,sBAAqB,IACnBb;AAEJ,MAAIK,cAAc,CAACH;AACjB,WAAO;MAACA;;AAGV,MAAMY,QAAQ;IACZ,GAAGb;EACL;AAGA,SAAIK,UAAOQ,MAAMR,QAAQA,QACrBC,eAAYO,MAAMP,aAAaA,aAC/BC,aAAUM,MAAMN,WAAWA,WAC3BC,eAAYK,MAAML,aAAaA,aAC/BC,kBAAeI,MAAMJ,gBAAgBA,gBACrCC,cAAWG,MAAMH,YAAYA,YAC7BP,SAAMU,MAAMV,OAAOA,OACnBQ,cAAWE,MAAMF,YAAYA,YAC7BC,0BAAuBC,MAAMD,wBAAwBA,wBAElDhB,MAAMkB,SAASC,QAAQd,QAAAA,EAAUe,IAAI,SAACC,OAAOC,OAAAA;AAClD,WAAO,OAAOD,SAAU;;MAEtB,qBAACnB,eAAAA;QAA2B,GAAGe;QAAQ,GAAGX;kBACvCe;SADiBC,KAAAA;QAIpBD;EAEJ,CAAA;AACF;",
|
|
5
5
|
"names": ["React", "wrapChildrenInText", "TextComponent", "propsIn", "extraProps", "children", "textProps", "size", "noTextWrap", "color", "fontFamily", "fontSize", "fontWeight", "letterSpacing", "textAlign", "fontStyle", "maxFontSizeMultiplier", "props", "Children", "toArray", "map", "child", "index"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/text",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.111.0",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -33,12 +33,12 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@tamagui/get-font-sized": "1.
|
|
37
|
-
"@tamagui/helpers-tamagui": "1.
|
|
38
|
-
"@tamagui/web": "1.
|
|
36
|
+
"@tamagui/get-font-sized": "1.111.0",
|
|
37
|
+
"@tamagui/helpers-tamagui": "1.111.0",
|
|
38
|
+
"@tamagui/web": "1.111.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@tamagui/build": "1.
|
|
41
|
+
"@tamagui/build": "1.111.0",
|
|
42
42
|
"react": "^18.2.0 || ^19.0.0"
|
|
43
43
|
},
|
|
44
44
|
"publishConfig": {
|