@hanzogui/text 7.0.0 → 7.3.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/LICENSE +40 -19
- package/dist/cjs/Emphasis.cjs +41 -0
- package/dist/cjs/Emphasis.native.js +44 -0
- package/dist/cjs/Emphasis.native.js.map +1 -0
- package/dist/cjs/Headings.cjs +127 -0
- package/dist/cjs/Headings.native.js +130 -0
- package/dist/cjs/Headings.native.js.map +1 -0
- package/dist/cjs/Paragraph.cjs +37 -0
- package/dist/cjs/Paragraph.native.js +40 -0
- package/dist/cjs/Paragraph.native.js.map +1 -0
- package/dist/cjs/SizableText.cjs +58 -0
- package/dist/cjs/SizableText.native.js +61 -0
- package/dist/cjs/SizableText.native.js.map +1 -0
- package/dist/cjs/index.cjs +25 -0
- package/dist/cjs/index.native.js +28 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/types.cjs +18 -0
- package/dist/cjs/types.native.js +21 -0
- package/dist/cjs/types.native.js.map +1 -0
- package/dist/cjs/wrapChildrenInText.cjs +80 -0
- package/dist/cjs/wrapChildrenInText.native.js +84 -0
- package/dist/cjs/wrapChildrenInText.native.js.map +1 -0
- package/dist/esm/Emphasis.mjs +14 -0
- package/dist/esm/Emphasis.mjs.map +1 -0
- package/dist/esm/Emphasis.native.js +14 -0
- package/dist/esm/Emphasis.native.js.map +1 -0
- package/dist/esm/Headings.mjs +96 -0
- package/dist/esm/Headings.mjs.map +1 -0
- package/dist/esm/Headings.native.js +96 -0
- package/dist/esm/Headings.native.js.map +1 -0
- package/dist/esm/Paragraph.mjs +12 -0
- package/dist/esm/Paragraph.mjs.map +1 -0
- package/dist/esm/Paragraph.native.js +12 -0
- package/dist/esm/Paragraph.native.js.map +1 -0
- package/dist/esm/SizableText.mjs +33 -0
- package/dist/esm/SizableText.mjs.map +1 -0
- package/dist/esm/SizableText.native.js +33 -0
- package/dist/esm/SizableText.native.js.map +1 -0
- package/dist/esm/index.js +7 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +7 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +7 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/types.mjs +2 -0
- package/dist/esm/types.mjs.map +1 -0
- package/dist/esm/types.native.js +2 -0
- package/dist/esm/types.native.js.map +1 -0
- package/dist/esm/wrapChildrenInText.mjs +45 -0
- package/dist/esm/wrapChildrenInText.mjs.map +1 -0
- package/dist/esm/wrapChildrenInText.native.js +45 -0
- package/dist/esm/wrapChildrenInText.native.js.map +1 -0
- package/dist/jsx/Emphasis.mjs +14 -0
- package/dist/jsx/Emphasis.mjs.map +1 -0
- package/dist/jsx/Emphasis.native.js +44 -0
- package/dist/jsx/Emphasis.native.js.map +1 -0
- package/dist/jsx/Headings.mjs +96 -0
- package/dist/jsx/Headings.mjs.map +1 -0
- package/dist/jsx/Headings.native.js +130 -0
- package/dist/jsx/Headings.native.js.map +1 -0
- package/dist/jsx/Paragraph.mjs +12 -0
- package/dist/jsx/Paragraph.mjs.map +1 -0
- package/dist/jsx/Paragraph.native.js +40 -0
- package/dist/jsx/Paragraph.native.js.map +1 -0
- package/dist/jsx/SizableText.mjs +33 -0
- package/dist/jsx/SizableText.mjs.map +1 -0
- package/dist/jsx/SizableText.native.js +61 -0
- package/dist/jsx/SizableText.native.js.map +1 -0
- package/dist/jsx/index.js +7 -0
- package/dist/jsx/index.js.map +1 -0
- package/dist/jsx/index.mjs +7 -0
- package/dist/jsx/index.mjs.map +1 -0
- package/dist/jsx/index.native.js +28 -0
- package/dist/jsx/index.native.js.map +1 -0
- package/dist/jsx/types.mjs +2 -0
- package/dist/jsx/types.mjs.map +1 -0
- package/dist/jsx/types.native.js +21 -0
- package/dist/jsx/types.native.js.map +1 -0
- package/dist/jsx/wrapChildrenInText.mjs +45 -0
- package/dist/jsx/wrapChildrenInText.mjs.map +1 -0
- package/dist/jsx/wrapChildrenInText.native.js +84 -0
- package/dist/jsx/wrapChildrenInText.native.js.map +1 -0
- package/package.json +13 -11
- package/src/Headings.tsx +6 -6
- package/src/SizableText.tsx +1 -1
- package/types/Emphasis.d.ts +3 -3
- package/types/Emphasis.d.ts.map +1 -0
- package/types/Headings.d.ts +7 -7
- package/types/Headings.d.ts.map +1 -0
- package/types/Paragraph.d.ts +1 -1
- package/types/Paragraph.d.ts.map +1 -0
- package/types/SizableText.d.ts +1 -1
- package/types/SizableText.d.ts.map +1 -0
- package/types/index.d.ts.map +1 -0
- package/types/types.d.ts.map +1 -0
- package/types/wrapChildrenInText.d.ts +1 -1
- package/types/wrapChildrenInText.d.ts.map +1 -0
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
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
|
+
maxFontSizeMultiplier
|
|
17
|
+
} = propsIn;
|
|
18
|
+
if (noTextWrap || !children) {
|
|
19
|
+
return [children];
|
|
20
|
+
}
|
|
21
|
+
const props = {
|
|
22
|
+
...extraProps
|
|
23
|
+
};
|
|
24
|
+
if (color) props.color = color;
|
|
25
|
+
if (fontFamily) props.fontFamily = fontFamily;
|
|
26
|
+
if (fontSize) props.fontSize = fontSize;
|
|
27
|
+
if (fontWeight) props.fontWeight = fontWeight;
|
|
28
|
+
if (letterSpacing) props.letterSpacing = letterSpacing;
|
|
29
|
+
if (textAlign) props.textAlign = textAlign;
|
|
30
|
+
if (size) props.size = size;
|
|
31
|
+
if (fontStyle) props.fontStyle = fontStyle;
|
|
32
|
+
if (maxFontSizeMultiplier) props.maxFontSizeMultiplier = maxFontSizeMultiplier;
|
|
33
|
+
return React.Children.toArray(children).map((child, index) => {
|
|
34
|
+
return typeof child === "string" ?
|
|
35
|
+
// so "data-disable-theme" is a hack to fix themeInverse, don't ask me why
|
|
36
|
+
/* @__PURE__ */
|
|
37
|
+
jsx(TextComponent, {
|
|
38
|
+
...props,
|
|
39
|
+
...textProps,
|
|
40
|
+
children: child
|
|
41
|
+
}, index) : child;
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
export { wrapChildrenInText };
|
|
45
|
+
//# sourceMappingURL=wrapChildrenInText.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","jsx","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,OAAOA,KAAA,MAAW;AAqDZ,SAAAC,GAAA;AA5CC,SAASC,mBACdC,aAAA,EACAC,OAAA,EAGAC,UAAA,EACA;EACA,MAAM;IACJC,QAAA;IACAC,SAAA;IACAC,IAAA;IACAC,UAAA;IACAC,KAAA;IACAC,UAAA;IACAC,QAAA;IACAC,UAAA;IACAC,aAAA;IACAC,SAAA;IACAC,SAAA;IACAC;EACF,IAAIb,OAAA;EAEJ,IAAIK,UAAA,IAAc,CAACH,QAAA,EAAU;IAC3B,OAAO,CAACA,QAAQ;EAClB;EAEA,MAAMY,KAAA,GAAQ;IACZ,GAAGb;EACL;EAGA,IAAIK,KAAA,EAAOQ,KAAA,CAAMR,KAAA,GAAQA,KAAA;EACzB,IAAIC,UAAA,EAAYO,KAAA,CAAMP,UAAA,GAAaA,UAAA;EACnC,IAAIC,QAAA,EAAUM,KAAA,CAAMN,QAAA,GAAWA,QAAA;EAC/B,IAAIC,UAAA,EAAYK,KAAA,CAAML,UAAA,GAAaA,UAAA;EACnC,IAAIC,aAAA,EAAeI,KAAA,CAAMJ,aAAA,GAAgBA,aAAA;EACzC,IAAIC,SAAA,EAAWG,KAAA,CAAMH,SAAA,GAAYA,SAAA;EACjC,IAAIP,IAAA,EAAMU,KAAA,CAAMV,IAAA,GAAOA,IAAA;EACvB,IAAIQ,SAAA,EAAWE,KAAA,CAAMF,SAAA,GAAYA,SAAA;EACjC,IAAIC,qBAAA,EAAuBC,KAAA,CAAMD,qBAAA,GAAwBA,qBAAA;EAEzD,OAAOjB,KAAA,CAAMmB,QAAA,CAASC,OAAA,CAAQd,QAAQ,EAAEe,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,KAAU;IAC5D,OAAO,OAAOD,KAAA,KAAU;IAAA;IAEtB;IAAArB,GAAA,CAACE,aAAA;MAA2B,GAAGe,KAAA;MAAQ,GAAGX,SAAA;MACvCD,QAAA,EAAAgB;IAAA,GADiBC,KAEpB,IAEAD,KAAA;EAEJ,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,45 @@
|
|
|
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) {
|
|
19
|
+
return [children];
|
|
20
|
+
}
|
|
21
|
+
var props = {
|
|
22
|
+
...extraProps
|
|
23
|
+
};
|
|
24
|
+
if (color) props.color = color;
|
|
25
|
+
if (fontFamily) props.fontFamily = fontFamily;
|
|
26
|
+
if (fontSize) props.fontSize = fontSize;
|
|
27
|
+
if (fontWeight) props.fontWeight = fontWeight;
|
|
28
|
+
if (letterSpacing) props.letterSpacing = letterSpacing;
|
|
29
|
+
if (textAlign) props.textAlign = textAlign;
|
|
30
|
+
if (size) props.size = size;
|
|
31
|
+
if (fontStyle) props.fontStyle = fontStyle;
|
|
32
|
+
if (maxFontSizeMultiplier) props.maxFontSizeMultiplier = maxFontSizeMultiplier;
|
|
33
|
+
return React.Children.toArray(children).map(function (child, index) {
|
|
34
|
+
return typeof child === "string" ?
|
|
35
|
+
// so "data-disable-theme" is a hack to fix themeInverse, don't ask me why
|
|
36
|
+
/* @__PURE__ */
|
|
37
|
+
_jsx(TextComponent, {
|
|
38
|
+
...props,
|
|
39
|
+
...textProps,
|
|
40
|
+
children: child
|
|
41
|
+
}, index) : child;
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
export { wrapChildrenInText };
|
|
45
|
+
//# sourceMappingURL=wrapChildrenInText.native.js.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;IACA,QACAA,QAAA,CACA;EAAA;EACA,IACAY,KAAA;IACA,GAAAb;EAAA;EACA,IACAK,KAAA,EAAAQ,KAAA,CAAAR,KAAA,GAAAA,KAAA;EAAA,IACAC,UAAA,EAAAO,KAAA,CAAAP,UAAA,GAAAA,UAAA;EAAA,IACAC,QAAA,EAAAM,KAAA,CAAAN,QAAA,GAAAA,QAAA;EAAA,IACAC,UAAA,EAAAK,KAAA,CAAAL,UAAA,GAAAA,UAAA;EACF,IAAIC,aAAA,EAAAI,KAAA,CAAAJ,aAAA,GAAAA,aAAA;EAEJ,IAAIC,SAAA,EAAAG,KAAe,CAAAH,SAAU,GAAAA,SAAA;EAC3B,IAAAP,IAAA,EAAQU,KAAA,CAAAV,IAAQ,GAAAA,IAAA;EAClB,IAAAQ,SAAA,EAAAE,KAAA,CAAAF,SAAA,GAAAA,SAAA;EAEA,IAAAC,qBAAc,EAAAC,KAAA,CAAAD,qBAAA,GAAAA,qBAAA;EAAA,OACThB,KAAA,CAAAkB,QAAA,CAAAC,OAAA,CAAAd,QAAA,EAAAe,GAAA,WAAAC,KAAA,EAAAC,KAAA;IACL,cAAAD,KAAA;IAGI;IACA;IAAYtB,IAAM,CAAAG,aAAa;MAC/B,GAAAe,KAAU;MACV,GAAAX,SAAY;MACZD,QAAA,EAAAgB;IACA,GAAAC,KAAA,IACAD,KAAM;EACV;AACA;AAEA,SACEpB,kBAAc","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { styled, Text } from "@hanzogui/web";
|
|
2
|
+
const Strong = styled(Text, {
|
|
3
|
+
render: "strong",
|
|
4
|
+
fontWeight: "bold"
|
|
5
|
+
});
|
|
6
|
+
const Span = styled(Text, {
|
|
7
|
+
render: "span"
|
|
8
|
+
});
|
|
9
|
+
const Em = styled(Text, {
|
|
10
|
+
render: "em",
|
|
11
|
+
fontStyle: "italic"
|
|
12
|
+
});
|
|
13
|
+
export { Em, Span, Strong };
|
|
14
|
+
//# sourceMappingURL=Emphasis.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","Text","Strong","render","fontWeight","Span","Em","fontStyle"],"sources":["../../src/Emphasis.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAEtB,MAAMC,MAAA,GAASF,MAAA,CAAOC,IAAA,EAAM;EACjCE,MAAA,EAAQ;EACRC,UAAA,EAAY;AACd,CAAC;AAEM,MAAMC,IAAA,GAAOL,MAAA,CAAOC,IAAA,EAAM;EAC/BE,MAAA,EAAQ;AACV,CAAC;AAEM,MAAMG,EAAA,GAAKN,MAAA,CAAOC,IAAA,EAAM;EAC7BE,MAAA,EAAQ;EACRI,SAAA,EAAW;AACb,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
}), mod);
|
|
25
|
+
var Emphasis_exports = {};
|
|
26
|
+
__export(Emphasis_exports, {
|
|
27
|
+
Em: () => Em,
|
|
28
|
+
Span: () => Span,
|
|
29
|
+
Strong: () => Strong
|
|
30
|
+
});
|
|
31
|
+
module.exports = __toCommonJS(Emphasis_exports);
|
|
32
|
+
var import_web = require("@hanzogui/web");
|
|
33
|
+
var Strong = (0, import_web.styled)(import_web.Text, {
|
|
34
|
+
render: "strong",
|
|
35
|
+
fontWeight: "bold"
|
|
36
|
+
});
|
|
37
|
+
var Span = (0, import_web.styled)(import_web.Text, {
|
|
38
|
+
render: "span"
|
|
39
|
+
});
|
|
40
|
+
var Em = (0, import_web.styled)(import_web.Text, {
|
|
41
|
+
render: "em",
|
|
42
|
+
fontStyle: "italic"
|
|
43
|
+
});
|
|
44
|
+
//# sourceMappingURL=Emphasis.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key"],"sources":["../../src/Emphasis.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAEF,IAAAA,SAAM,GAASC,MAAO,CAAAC,cAAM;AAAA,IACjCC,gBAAQ,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACRC,iBAAY,GAAAJ,MAAA,CAAAK,mBAAA;AACd,IAACC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAEM,IAAAC,QAAM,GAAOA,CAAAC,MAAO,EAAAC,GAAM;EAC/B,SAAQC,IAAA,IAAAD,GAAA,EACTZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEM;AAAwB,IAC7BC,WAAQ,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACR,IAAAF,IAAA,IAAW,OAAAA,IAAA,wBAAAA,IAAA;IACZ,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,G","ignoreList":[]}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { styled } from "@hanzogui/web";
|
|
2
|
+
import { Paragraph } from "./Paragraph.mjs";
|
|
3
|
+
const Heading = styled(Paragraph, {
|
|
4
|
+
render: "span",
|
|
5
|
+
name: "Heading",
|
|
6
|
+
role: "heading",
|
|
7
|
+
fontFamily: "$heading",
|
|
8
|
+
size: "$8",
|
|
9
|
+
margin: 0
|
|
10
|
+
});
|
|
11
|
+
const H1 = styled(Heading, {
|
|
12
|
+
name: "H1",
|
|
13
|
+
render: "h1",
|
|
14
|
+
variants: {
|
|
15
|
+
unstyled: {
|
|
16
|
+
false: {
|
|
17
|
+
size: "$10"
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: {
|
|
22
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
const H2 = styled(Heading, {
|
|
26
|
+
name: "H2",
|
|
27
|
+
render: "h2",
|
|
28
|
+
variants: {
|
|
29
|
+
unstyled: {
|
|
30
|
+
false: {
|
|
31
|
+
size: "$9"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
defaultVariants: {
|
|
36
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
const H3 = styled(Heading, {
|
|
40
|
+
name: "H3",
|
|
41
|
+
render: "h3",
|
|
42
|
+
variants: {
|
|
43
|
+
unstyled: {
|
|
44
|
+
false: {
|
|
45
|
+
size: "$8"
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
defaultVariants: {
|
|
50
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
const H4 = styled(Heading, {
|
|
54
|
+
name: "H4",
|
|
55
|
+
render: "h4",
|
|
56
|
+
variants: {
|
|
57
|
+
unstyled: {
|
|
58
|
+
false: {
|
|
59
|
+
size: "$7"
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
defaultVariants: {
|
|
64
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
const H5 = styled(Heading, {
|
|
68
|
+
name: "H5",
|
|
69
|
+
render: "h5",
|
|
70
|
+
variants: {
|
|
71
|
+
unstyled: {
|
|
72
|
+
false: {
|
|
73
|
+
size: "$6"
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
defaultVariants: {
|
|
78
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
const H6 = styled(Heading, {
|
|
82
|
+
name: "H6",
|
|
83
|
+
render: "h6",
|
|
84
|
+
variants: {
|
|
85
|
+
unstyled: {
|
|
86
|
+
false: {
|
|
87
|
+
size: "$5"
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
defaultVariants: {
|
|
92
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
export { H1, H2, H3, H4, H5, H6, Heading };
|
|
96
|
+
//# sourceMappingURL=Headings.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","Paragraph","Heading","render","name","role","fontFamily","size","margin","H1","variants","unstyled","false","defaultVariants","process","env","GUI_HEADLESS","H2","H3","H4","H5","H6"],"sources":["../../src/Headings.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AAEvB,SAASC,SAAA,QAAiB;AAEnB,MAAMC,OAAA,GAAUF,MAAA,CAAOC,SAAA,EAAW;EACvCE,MAAA,EAAQ;EACRC,IAAA,EAAM;EACNC,IAAA,EAAM;EACNC,UAAA,EAAY;EACZC,IAAA,EAAM;EACNC,MAAA,EAAQ;AACV,CAAC;AAIM,MAAMC,EAAA,GAAKT,MAAA,CAAOE,OAAA,EAAS;EAChCE,IAAA,EAAM;EACND,MAAA,EAAQ;EAERO,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLL,IAAA,EAAM;MACR;IACF;EACF;EAEAM,eAAA,EAAiB;IACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB,MAAM,OAAO;EACtD;AACF,CAAC;AAEM,MAAMC,EAAA,GAAKjB,MAAA,CAAOE,OAAA,EAAS;EAChCE,IAAA,EAAM;EACND,MAAA,EAAQ;EAERO,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLL,IAAA,EAAM;MACR;IACF;EACF;EAEAM,eAAA,EAAiB;IACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB,MAAM,OAAO;EACtD;AACF,CAAC;AAEM,MAAME,EAAA,GAAKlB,MAAA,CAAOE,OAAA,EAAS;EAChCE,IAAA,EAAM;EACND,MAAA,EAAQ;EAERO,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLL,IAAA,EAAM;MACR;IACF;EACF;EAEAM,eAAA,EAAiB;IACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB,MAAM,OAAO;EACtD;AACF,CAAC;AAEM,MAAMG,EAAA,GAAKnB,MAAA,CAAOE,OAAA,EAAS;EAChCE,IAAA,EAAM;EACND,MAAA,EAAQ;EAERO,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLL,IAAA,EAAM;MACR;IACF;EACF;EAEAM,eAAA,EAAiB;IACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB,MAAM,OAAO;EACtD;AACF,CAAC;AAEM,MAAMI,EAAA,GAAKpB,MAAA,CAAOE,OAAA,EAAS;EAChCE,IAAA,EAAM;EACND,MAAA,EAAQ;EAERO,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLL,IAAA,EAAM;MACR;IACF;EACF;EAEAM,eAAA,EAAiB;IACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB,MAAM,OAAO;EACtD;AACF,CAAC;AAEM,MAAMK,EAAA,GAAKrB,MAAA,CAAOE,OAAA,EAAS;EAChCE,IAAA,EAAM;EACND,MAAA,EAAQ;EAERO,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLL,IAAA,EAAM;MACR;IACF;EACF;EAEAM,eAAA,EAAiB;IACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB,MAAM,OAAO;EACtD;AACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
}), mod);
|
|
25
|
+
var Headings_exports = {};
|
|
26
|
+
__export(Headings_exports, {
|
|
27
|
+
H1: () => H1,
|
|
28
|
+
H2: () => H2,
|
|
29
|
+
H3: () => H3,
|
|
30
|
+
H4: () => H4,
|
|
31
|
+
H5: () => H5,
|
|
32
|
+
H6: () => H6,
|
|
33
|
+
Heading: () => Heading
|
|
34
|
+
});
|
|
35
|
+
module.exports = __toCommonJS(Headings_exports);
|
|
36
|
+
var import_web = require("@hanzogui/web");
|
|
37
|
+
var import_Paragraph = require("./Paragraph.native.js");
|
|
38
|
+
var Heading = (0, import_web.styled)(import_Paragraph.Paragraph, {
|
|
39
|
+
render: "span",
|
|
40
|
+
name: "Heading",
|
|
41
|
+
role: "heading",
|
|
42
|
+
fontFamily: "$heading",
|
|
43
|
+
size: "$8",
|
|
44
|
+
margin: 0
|
|
45
|
+
});
|
|
46
|
+
var H1 = (0, import_web.styled)(Heading, {
|
|
47
|
+
name: "H1",
|
|
48
|
+
render: "h1",
|
|
49
|
+
variants: {
|
|
50
|
+
unstyled: {
|
|
51
|
+
false: {
|
|
52
|
+
size: "$10"
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
defaultVariants: {
|
|
57
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
var H2 = (0, import_web.styled)(Heading, {
|
|
61
|
+
name: "H2",
|
|
62
|
+
render: "h2",
|
|
63
|
+
variants: {
|
|
64
|
+
unstyled: {
|
|
65
|
+
false: {
|
|
66
|
+
size: "$9"
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
defaultVariants: {
|
|
71
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
var H3 = (0, import_web.styled)(Heading, {
|
|
75
|
+
name: "H3",
|
|
76
|
+
render: "h3",
|
|
77
|
+
variants: {
|
|
78
|
+
unstyled: {
|
|
79
|
+
false: {
|
|
80
|
+
size: "$8"
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
defaultVariants: {
|
|
85
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
var H4 = (0, import_web.styled)(Heading, {
|
|
89
|
+
name: "H4",
|
|
90
|
+
render: "h4",
|
|
91
|
+
variants: {
|
|
92
|
+
unstyled: {
|
|
93
|
+
false: {
|
|
94
|
+
size: "$7"
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
defaultVariants: {
|
|
99
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
var H5 = (0, import_web.styled)(Heading, {
|
|
103
|
+
name: "H5",
|
|
104
|
+
render: "h5",
|
|
105
|
+
variants: {
|
|
106
|
+
unstyled: {
|
|
107
|
+
false: {
|
|
108
|
+
size: "$6"
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
defaultVariants: {
|
|
113
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
114
|
+
}
|
|
115
|
+
});
|
|
116
|
+
var H6 = (0, import_web.styled)(Heading, {
|
|
117
|
+
name: "H6",
|
|
118
|
+
render: "h6",
|
|
119
|
+
variants: {
|
|
120
|
+
unstyled: {
|
|
121
|
+
false: {
|
|
122
|
+
size: "$5"
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
defaultVariants: {
|
|
127
|
+
unstyled: process.env.GUI_HEADLESS === "1" ? true : false
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
//# sourceMappingURL=Headings.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Headings_exports","H1","H2","H3","H4","H5","H6","Heading","module","exports","import_web","require","import_Paragraph","styled","Paragraph","render","role","fontFamily","size","margin","variants","unstyled","false","defaultVariants","process","env","GUI_HEADLESS"],"sources":["../../src/Headings.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { styled } from "@hanzogui/web";
|
|
2
|
+
import { SizableText } from "./SizableText.mjs";
|
|
3
|
+
const Paragraph = styled(SizableText, {
|
|
4
|
+
name: "Paragraph",
|
|
5
|
+
render: "p",
|
|
6
|
+
userSelect: "auto",
|
|
7
|
+
color: "$color",
|
|
8
|
+
size: "$true",
|
|
9
|
+
whiteSpace: "normal"
|
|
10
|
+
});
|
|
11
|
+
export { Paragraph };
|
|
12
|
+
//# sourceMappingURL=Paragraph.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","SizableText","Paragraph","name","render","userSelect","color","size","whiteSpace"],"sources":["../../src/Paragraph.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AAEvB,SAASC,WAAA,QAAmB;AAErB,MAAMC,SAAA,GAAYF,MAAA,CAAOC,WAAA,EAAa;EAC3CE,IAAA,EAAM;EACNC,MAAA,EAAQ;EACRC,UAAA,EAAY;EACZC,KAAA,EAAO;EACPC,IAAA,EAAM;EACNC,UAAA,EAAY;AACd,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
}), mod);
|
|
25
|
+
var Paragraph_exports = {};
|
|
26
|
+
__export(Paragraph_exports, {
|
|
27
|
+
Paragraph: () => Paragraph
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(Paragraph_exports);
|
|
30
|
+
var import_web = require("@hanzogui/web");
|
|
31
|
+
var import_SizableText = require("./SizableText.native.js");
|
|
32
|
+
var Paragraph = (0, import_web.styled)(import_SizableText.SizableText, {
|
|
33
|
+
name: "Paragraph",
|
|
34
|
+
render: "p",
|
|
35
|
+
userSelect: "auto",
|
|
36
|
+
color: "$color",
|
|
37
|
+
size: "$true",
|
|
38
|
+
whiteSpace: "normal"
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=Paragraph.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc"],"sources":["../../src/Paragraph.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAmB;AAErB,IAAAC,gBAAkB,GAAAF,MAAO,CAAAG,wBAAa;AAAA,IAC3CC,iBAAM,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACNC,YAAQ,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACRC,QAAA,GAAYA,CAAAC,MAAA,EAAAC,GAAA;EACZ,SAAOC,IAAA,IAAAD,GAAA,EACPZ,SAAM,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAER,IAACC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA","ignoreList":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { getFontSized } from "@hanzogui/get-font-sized";
|
|
2
|
+
import { Text, styled } from "@hanzogui/web";
|
|
3
|
+
const 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.GUI_HEADLESS === "1"
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
SizableText.staticConfig.variants.fontFamily = {
|
|
20
|
+
"...": (val, extras) => {
|
|
21
|
+
if (val === "inherit") {
|
|
22
|
+
return {
|
|
23
|
+
fontFamily: "inherit"
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
const sizeProp = extras.props["size"];
|
|
27
|
+
const fontSizeProp = extras.props["fontSize"];
|
|
28
|
+
const size = sizeProp === "$true" && fontSizeProp ? fontSizeProp : extras.props["size"] || "$true";
|
|
29
|
+
return getFontSized(size, extras);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
export { SizableText };
|
|
33
|
+
//# sourceMappingURL=SizableText.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getFontSized","Text","styled","SizableText","name","fontFamily","variants","unstyled","false","size","color","defaultVariants","process","env","GUI_HEADLESS","staticConfig","...","val","extras","sizeProp","props","fontSizeProp"],"sources":["../../src/SizableText.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,QAAoB;AAE7B,SAASC,IAAA,EAAMC,MAAA,QAAc;AAEtB,MAAMC,WAAA,GAAcD,MAAA,CAAOD,IAAA,EAAM;EACtCG,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,YAAA,KAAiB;EACzC;AACF,CAAC;AAIDX,WAAA,CAAYY,YAAA,CAAaT,QAAA,CAAUD,UAAA,GAAa;EAC9C,OAAOW,CAACC,GAAA,EAAKC,MAAA,KAAW;IAEtB,IAAID,GAAA,KAAQ,WAAW;MACrB,OAAO;QAAEZ,UAAA,EAAY;MAAU;IACjC;IAEA,MAAMc,QAAA,GAAWD,MAAA,CAAOE,KAAA,CAAM,MAAM;IACpC,MAAMC,YAAA,GAAeH,MAAA,CAAOE,KAAA,CAAM,UAAU;IAC5C,MAAMX,IAAA,GACJU,QAAA,KAAa,WAAWE,YAAA,GACpBA,YAAA,GACAH,MAAA,CAAOE,KAAA,CAAM,MAAM,KAAK;IAC9B,OAAOpB,YAAA,CAAaS,IAAA,EAAMS,MAAM;EAClC;AACF","ignoreList":[]}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
}), mod);
|
|
25
|
+
var SizableText_exports = {};
|
|
26
|
+
__export(SizableText_exports, {
|
|
27
|
+
SizableText: () => SizableText
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(SizableText_exports);
|
|
30
|
+
var import_get_font_sized = require("@hanzogui/get-font-sized");
|
|
31
|
+
var import_web = require("@hanzogui/web");
|
|
32
|
+
var SizableText = (0, import_web.styled)(import_web.Text, {
|
|
33
|
+
name: "SizableText",
|
|
34
|
+
fontFamily: "$body",
|
|
35
|
+
variants: {
|
|
36
|
+
unstyled: {
|
|
37
|
+
false: {
|
|
38
|
+
size: "$true",
|
|
39
|
+
color: "$color"
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
size: import_get_font_sized.getFontSized
|
|
43
|
+
},
|
|
44
|
+
defaultVariants: {
|
|
45
|
+
unstyled: process.env.GUI_HEADLESS === "1"
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
SizableText.staticConfig.variants.fontFamily = {
|
|
49
|
+
"...": function (val, extras) {
|
|
50
|
+
if (val === "inherit") {
|
|
51
|
+
return {
|
|
52
|
+
fontFamily: "inherit"
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
var sizeProp = extras.props["size"];
|
|
56
|
+
var fontSizeProp = extras.props["fontSize"];
|
|
57
|
+
var size = sizeProp === "$true" && fontSizeProp ? fontSizeProp : extras.props["size"] || "$true";
|
|
58
|
+
return (0, import_get_font_sized.getFontSized)(size, extras);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
//# sourceMappingURL=SizableText.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","SizableText_exports","SizableText","module","exports","import_get_font_sized","require","import_web","styled","Text","fontFamily","variants"],"sources":["../../src/SizableText.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAMC,MAAA,CAAAC,cAAc;AAEtB,IAAAC,gBAAoB,GAAAF,MAAO,CAAAG,wBAAM;AAAA,IACtCC,iBAAM,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACNC,YAAY,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IAEZC,QAAU,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KACR,IAAAC,IAAU,IAAAD,GAAA,EAAAZ,SACD,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACC,IAAAC,WACC,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACTF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACF,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAEA,IAAM,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACRnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAEA;EAAiB,OACfE,EAAA;AAAuC;AAE3C,IAACM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAID,IAAAE,mBAAY,GAAa;AAAuBhB,QAC9C,CAAOgB,mBAAiB;EAEtBC,WAAI,EAAAA,CAAA,KAAQA;AACV;AAA+BC,MACjC,CAAAC,OAAA,GAAAN,YAAA,CAAAG,mBAAA;AAEA,IAAAI,qBAAiB,GAAOC,OAAM,2BAAM;AACpC,IAAAC,UAAM,GAAAD,OAAA,CAAe,eAAa;AAClC,IAAAJ,WAAM,GACJ,IAAAK,UAAa,CAAAC,MAAA,EAAWD,UAAA,CAAAE,IACpB;EAENrB,IAAA,eAAO;EACTsB,UAAA;EACFC,QAAA","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;AACd,cAAc","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;AACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
10
|
+
get: () => from[key],
|
|
11
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
17
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
18
|
+
value: true
|
|
19
|
+
}), mod);
|
|
20
|
+
var index_exports = {};
|
|
21
|
+
module.exports = __toCommonJS(index_exports);
|
|
22
|
+
__reExport(index_exports, require("./Emphasis.native.js"), module.exports);
|
|
23
|
+
__reExport(index_exports, require("./SizableText.native.js"), module.exports);
|
|
24
|
+
__reExport(index_exports, require("./Paragraph.native.js"), module.exports);
|
|
25
|
+
__reExport(index_exports, require("./Headings.native.js"), module.exports);
|
|
26
|
+
__reExport(index_exports, require("./wrapChildrenInText.native.js"), module.exports);
|
|
27
|
+
__reExport(index_exports, require("./types.native.js"), module.exports);
|
|
28
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,SAAA,GAAcC,MAAA,CAAAC,cAAA;AACd,IAAAC,gBAAc,GAAAF,MAAA,CAAAG,wBAAA;AACd,IAAAC,iBAAc,GAAAJ,MAAA,CAAAK,mBAAA;AACd,IAAAC,YAAc,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACd,IAAAC,WAAc,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|