@tamagui/text 1.26.0 → 1.26.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +5 -5
- package/dist/esm/Headings.mjs +0 -50
- package/dist/esm/Headings.mjs.map +0 -6
- package/dist/esm/Paragraph.mjs +0 -13
- package/dist/esm/Paragraph.mjs.map +0 -6
- package/dist/esm/SizableText.mjs +0 -16
- package/dist/esm/SizableText.mjs.map +0 -6
- package/dist/esm/index.mjs +0 -6
- package/dist/esm/index.mjs.map +0 -6
- package/dist/esm/types.mjs +0 -1
- package/dist/esm/types.mjs.map +0 -6
- package/dist/esm/wrapChildrenInText.mjs +0 -70
- package/dist/esm/wrapChildrenInText.mjs.map +0 -6
- package/dist/esm/wrapChildrenInText.test.mjs +0 -30
- package/dist/esm/wrapChildrenInText.test.mjs.map +0 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/text",
|
|
3
|
-
"version": "1.26.
|
|
3
|
+
"version": "1.26.1",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -31,15 +31,15 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@tamagui/get-font-sized": "1.26.
|
|
35
|
-
"@tamagui/helpers-tamagui": "1.26.
|
|
36
|
-
"@tamagui/web": "1.26.
|
|
34
|
+
"@tamagui/get-font-sized": "1.26.1",
|
|
35
|
+
"@tamagui/helpers-tamagui": "1.26.1",
|
|
36
|
+
"@tamagui/web": "1.26.1"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"react": "*"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@tamagui/build": "1.26.
|
|
42
|
+
"@tamagui/build": "1.26.1",
|
|
43
43
|
"react": "^18.2.0"
|
|
44
44
|
},
|
|
45
45
|
"publishConfig": {
|
package/dist/esm/Headings.mjs
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { styled } from "@tamagui/web";
|
|
2
|
-
import { Paragraph } from "./Paragraph";
|
|
3
|
-
const Heading = styled(Paragraph, {
|
|
4
|
-
tag: "span",
|
|
5
|
-
name: "Heading",
|
|
6
|
-
accessibilityRole: "header",
|
|
7
|
-
fontFamily: "$heading",
|
|
8
|
-
size: "$8",
|
|
9
|
-
margin: 0
|
|
10
|
-
});
|
|
11
|
-
const H1 = styled(Heading, {
|
|
12
|
-
name: "H1",
|
|
13
|
-
tag: "h1",
|
|
14
|
-
size: "$10"
|
|
15
|
-
});
|
|
16
|
-
const H2 = styled(Heading, {
|
|
17
|
-
name: "H2",
|
|
18
|
-
tag: "h2",
|
|
19
|
-
size: "$9"
|
|
20
|
-
});
|
|
21
|
-
const H3 = styled(Heading, {
|
|
22
|
-
name: "H3",
|
|
23
|
-
tag: "h3",
|
|
24
|
-
size: "$8"
|
|
25
|
-
});
|
|
26
|
-
const H4 = styled(Heading, {
|
|
27
|
-
name: "H4",
|
|
28
|
-
tag: "h4",
|
|
29
|
-
size: "$7"
|
|
30
|
-
});
|
|
31
|
-
const H5 = styled(Heading, {
|
|
32
|
-
name: "H5",
|
|
33
|
-
tag: "h5",
|
|
34
|
-
size: "$6"
|
|
35
|
-
});
|
|
36
|
-
const H6 = styled(Heading, {
|
|
37
|
-
name: "H6",
|
|
38
|
-
tag: "h6",
|
|
39
|
-
size: "$5"
|
|
40
|
-
});
|
|
41
|
-
export {
|
|
42
|
-
H1,
|
|
43
|
-
H2,
|
|
44
|
-
H3,
|
|
45
|
-
H4,
|
|
46
|
-
H5,
|
|
47
|
-
H6,
|
|
48
|
-
Heading
|
|
49
|
-
};
|
|
50
|
-
//# sourceMappingURL=Headings.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Headings.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,iBAAiB;AAEnB,MAAM,UAAU,OAAO,WAAW;AAAA,EACvC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAIM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,OAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/esm/Paragraph.mjs
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { styled } from "@tamagui/web";
|
|
2
|
-
import { SizableText } from "./SizableText";
|
|
3
|
-
const Paragraph = styled(SizableText, {
|
|
4
|
-
name: "Paragraph",
|
|
5
|
-
tag: "p",
|
|
6
|
-
userSelect: "auto",
|
|
7
|
-
color: "$color",
|
|
8
|
-
size: "$true"
|
|
9
|
-
});
|
|
10
|
-
export {
|
|
11
|
-
Paragraph
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=Paragraph.mjs.map
|
package/dist/esm/SizableText.mjs
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { getFontSized } from "@tamagui/get-font-sized";
|
|
2
|
-
import { Text, styled } from "@tamagui/web";
|
|
3
|
-
const SizableText = styled(Text, {
|
|
4
|
-
name: "SizableText",
|
|
5
|
-
fontFamily: "$body",
|
|
6
|
-
variants: {
|
|
7
|
-
size: getFontSized
|
|
8
|
-
},
|
|
9
|
-
defaultVariants: {
|
|
10
|
-
size: "$true"
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
export {
|
|
14
|
-
SizableText
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=SizableText.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/SizableText.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAmB,MAAM,cAAc;AAEhC,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/esm/index.mjs
DELETED
package/dist/esm/index.mjs.map
DELETED
package/dist/esm/types.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=types.mjs.map
|
package/dist/esm/types.mjs.map
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
function wrapChildrenInText(TextComponent, propsIn, extraProps) {
|
|
4
|
-
const {
|
|
5
|
-
children,
|
|
6
|
-
textProps,
|
|
7
|
-
size,
|
|
8
|
-
noTextWrap,
|
|
9
|
-
color,
|
|
10
|
-
fontFamily,
|
|
11
|
-
fontSize,
|
|
12
|
-
fontWeight,
|
|
13
|
-
letterSpacing,
|
|
14
|
-
textAlign,
|
|
15
|
-
fontStyle
|
|
16
|
-
} = propsIn;
|
|
17
|
-
if (noTextWrap || !children) {
|
|
18
|
-
return [children];
|
|
19
|
-
}
|
|
20
|
-
const allChildren = React.Children.toArray(children);
|
|
21
|
-
const nextChildren = [];
|
|
22
|
-
let lastIsString = false;
|
|
23
|
-
const props = {
|
|
24
|
-
...extraProps
|
|
25
|
-
};
|
|
26
|
-
if (color)
|
|
27
|
-
props.color = color;
|
|
28
|
-
if (fontFamily)
|
|
29
|
-
props.fontFamily = fontFamily;
|
|
30
|
-
if (fontSize)
|
|
31
|
-
props.fontSize = fontSize;
|
|
32
|
-
if (fontWeight)
|
|
33
|
-
props.fontWeight = fontWeight;
|
|
34
|
-
if (letterSpacing)
|
|
35
|
-
props.letterSpacing = letterSpacing;
|
|
36
|
-
if (textAlign)
|
|
37
|
-
props.textAlign = textAlign;
|
|
38
|
-
if (size)
|
|
39
|
-
props.size = size;
|
|
40
|
-
if (fontStyle)
|
|
41
|
-
props.fontStyle = fontStyle;
|
|
42
|
-
function concatStringChildren() {
|
|
43
|
-
if (!lastIsString)
|
|
44
|
-
return;
|
|
45
|
-
const index = nextChildren.length - 1;
|
|
46
|
-
const childrenStrings = nextChildren[index];
|
|
47
|
-
nextChildren[index] = /* @__PURE__ */ jsx(TextComponent, { ...props, ...textProps, children: childrenStrings }, index);
|
|
48
|
-
}
|
|
49
|
-
for (const child of allChildren) {
|
|
50
|
-
const last = nextChildren[nextChildren.length - 1];
|
|
51
|
-
const isString = typeof child === "string";
|
|
52
|
-
if (isString) {
|
|
53
|
-
if (lastIsString) {
|
|
54
|
-
last.push(child);
|
|
55
|
-
} else {
|
|
56
|
-
nextChildren.push([child]);
|
|
57
|
-
}
|
|
58
|
-
} else {
|
|
59
|
-
concatStringChildren();
|
|
60
|
-
nextChildren.push(child);
|
|
61
|
-
}
|
|
62
|
-
lastIsString = isString;
|
|
63
|
-
}
|
|
64
|
-
concatStringChildren();
|
|
65
|
-
return nextChildren;
|
|
66
|
-
}
|
|
67
|
-
export {
|
|
68
|
-
wrapChildrenInText
|
|
69
|
-
};
|
|
70
|
-
//# sourceMappingURL=wrapChildrenInText.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/wrapChildrenInText.tsx"],
|
|
4
|
-
"mappings": "AA8DM;AA7DN,OAAO,WAAW;AASX,SAAS,mBACd,eACA,SAGA,YACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,MAAI,cAAc,CAAC,UAAU;AAC3B,WAAO,CAAC,QAAQ;AAAA,EAClB;AAOA,QAAM,cAAc,MAAM,SAAS,QAAQ,QAAQ;AACnD,QAAM,eAAsB,CAAC;AAC7B,MAAI,eAAe;AACnB,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,EACL;AAGA,MAAI;AAAO,UAAM,QAAQ;AACzB,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAU,UAAM,WAAW;AAC/B,MAAI;AAAY,UAAM,aAAa;AACnC,MAAI;AAAe,UAAM,gBAAgB;AACzC,MAAI;AAAW,UAAM,YAAY;AACjC,MAAI;AAAM,UAAM,OAAO;AACvB,MAAI;AAAW,UAAM,YAAY;AAEjC,WAAS,uBAAuB;AAC9B,QAAI,CAAC;AAAc;AACnB,UAAM,QAAQ,aAAa,SAAS;AACpC,UAAM,kBAAkB,aAAa,KAAK;AAC1C,iBAAa,KAAK,IAChB,oBAAC,iBAA2B,GAAG,OAAQ,GAAG,WACvC,6BADiB,KAEpB;AAAA,EAEJ;AAEA,aAAW,SAAS,aAAa;AAC/B,UAAM,OAAO,aAAa,aAAa,SAAS,CAAC;AACjD,UAAM,WAAW,OAAO,UAAU;AAClC,QAAI,UAAU;AACZ,UAAI,cAAc;AAChB,aAAK,KAAK,KAAK;AAAA,MACjB,OAAO;AACL,qBAAa,KAAK,CAAC,KAAK,CAAC;AAAA,MAC3B;AAAA,IACF,OAAO;AACL,2BAAqB;AACrB,mBAAa,KAAK,KAAK;AAAA,IACzB;AACA,mBAAe;AAAA,EACjB;AACA,uBAAqB;AAErB,SAAO;AACT;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { expect, test } from "vitest";
|
|
3
|
-
import { wrapChildrenInText } from "./wrapChildrenInText";
|
|
4
|
-
const Comp = () => {
|
|
5
|
-
};
|
|
6
|
-
const re = /* @__PURE__ */ jsx("div", { "data-id": Math.random() });
|
|
7
|
-
const reID = re.props["data-id"];
|
|
8
|
-
test("should wrap all string children, not wrap others", () => {
|
|
9
|
-
const out = wrapChildrenInText(Comp, {
|
|
10
|
-
children: [re, "a", "b", re, "c", re, "d"]
|
|
11
|
-
});
|
|
12
|
-
expect(out[0].props["data-id"]).toBe(reID);
|
|
13
|
-
expect(out[1].type).toBe(Comp);
|
|
14
|
-
expect(out[1].props.children).toStrictEqual(["a", "b"]);
|
|
15
|
-
expect(out[2].props["data-id"]).toBe(reID);
|
|
16
|
-
expect(out[3].type).toBe(Comp);
|
|
17
|
-
expect(out[3].props.children).toStrictEqual(["c"]);
|
|
18
|
-
expect(out[4].props["data-id"]).toBe(reID);
|
|
19
|
-
expect(out[5].type).toBe(Comp);
|
|
20
|
-
expect(out[5].props.children).toStrictEqual(["d"]);
|
|
21
|
-
});
|
|
22
|
-
test("should first child string", () => {
|
|
23
|
-
const out = wrapChildrenInText(Comp, {
|
|
24
|
-
children: ["a", re]
|
|
25
|
-
});
|
|
26
|
-
expect(out[0].type).toBe(Comp);
|
|
27
|
-
expect(out[0].props.children).toStrictEqual(["a"]);
|
|
28
|
-
expect(out[1].props["data-id"]).toBe(reID);
|
|
29
|
-
});
|
|
30
|
-
//# sourceMappingURL=wrapChildrenInText.test.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/wrapChildrenInText.test.tsx"],
|
|
4
|
-
"mappings": "AAMW;AALX,SAAS,QAAQ,YAAY;AAE7B,SAAS,0BAA0B;AAEnC,MAAM,OAAO,MAAM;AAAC;AACpB,MAAM,KAAK,oBAAC,SAAI,WAAS,KAAK,OAAO,GAAG;AACxC,MAAM,OAAO,GAAG,MAAM,SAAS;AAE/B,KAAK,oDAAoD,MAAM;AAC7D,QAAM,MAAM,mBAAmB,MAAM;AAAA,IACnC,UAAU,CAAC,IAAI,KAAK,KAAK,IAAI,KAAK,IAAI,GAAG;AAAA,EAC3C,CAAC;AAED,SAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAC,EAAE,KAAK,IAAI;AAEzC,SAAO,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI;AAC7B,SAAO,IAAI,CAAC,EAAE,MAAM,QAAQ,EAAE,cAAc,CAAC,KAAK,GAAG,CAAC;AAEtD,SAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAC,EAAE,KAAK,IAAI;AAEzC,SAAO,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI;AAC7B,SAAO,IAAI,CAAC,EAAE,MAAM,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC;AAEjD,SAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAC,EAAE,KAAK,IAAI;AAEzC,SAAO,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI;AAC7B,SAAO,IAAI,CAAC,EAAE,MAAM,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC;AACnD,CAAC;AAED,KAAK,6BAA6B,MAAM;AACtC,QAAM,MAAM,mBAAmB,MAAM;AAAA,IACnC,UAAU,CAAC,KAAK,EAAE;AAAA,EACpB,CAAC;AAED,SAAO,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI;AAC7B,SAAO,IAAI,CAAC,EAAE,MAAM,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC;AAEjD,SAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAC,EAAE,KAAK,IAAI;AAC3C,CAAC;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|