koylu-vampir-design 0.0.16

package/dist/Themes/size.d.ts

@@ -0,0 +1,22 @@
+export declare const DefaultFontSize: {
+    readonly xxsmall: 8;
+    readonly xsmall: 10;
+    readonly small: 14;
+    readonly medium: 16;
+    readonly large: 20;
+    readonly xlarge: 24;
+    readonly xxlarge: 40;
+};
+export declare type FontSize = keyof typeof DefaultFontSize;
+export declare const DefaultSpaceSize: {
+    readonly none: 0;
+    readonly xxsmall: 2;
+    readonly xsmall: 4;
+    readonly small: 8;
+    readonly medium: 16;
+    readonly large: 24;
+    readonly xlarge: 32;
+    readonly xxlarge: 48;
+};
+export declare type SpaceSize = keyof typeof DefaultSpaceSize;
+//# sourceMappingURL=size.d.ts.map

package/dist/Themes/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../src/Themes/size.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;;;;;;CAQlB,CAAC;AAEX,oBAAY,QAAQ,GAAG,MAAM,OAAO,eAAe,CAAC;AAEpD,eAAO,MAAM,gBAAgB;;;;;;;;;CASnB,CAAC;AAEX,oBAAY,SAAS,GAAG,MAAM,OAAO,gBAAgB,CAAC"}

package/dist/Themes/size.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultSpaceSize = exports.DefaultFontSize = void 0;
+exports.DefaultFontSize = {
+    xxsmall: 8,
+    xsmall: 10,
+    small: 14,
+    medium: 16,
+    large: 20,
+    xlarge: 24,
+    xxlarge: 40,
+};
+exports.DefaultSpaceSize = {
+    none: 0,
+    xxsmall: 2,
+    xsmall: 4,
+    small: 8,
+    medium: 16,
+    large: 24,
+    xlarge: 32,
+    xxlarge: 48,
+};

package/dist/Themes/theme.d.ts

@@ -0,0 +1,11 @@
+import { Color } from "./colors";
+import { FontSize, SpaceSize } from "./size";
+export declare type Theme = {
+    colors: Record<'light' | 'dark', Colors>;
+    fontSizes: Record<FontSize, number>;
+    spaceSizes: Record<SpaceSize, number>;
+};
+export declare const DefaultTheme: Theme;
+declare type Colors = Record<Color, string>;
+export {};
+//# sourceMappingURL=theme.d.ts.map

package/dist/Themes/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/Themes/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAqB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAqC,QAAQ,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEhF,oBAAY,KAAK,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC,OAAO,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAIjB,CAAC;AAEX,aAAK,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC"}

package/dist/Themes/theme.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultTheme = void 0;
+const colors_1 = require("./colors");
+const size_1 = require("./size");
+exports.DefaultTheme = {
+    colors: colors_1.DefaultColorTheme,
+    fontSizes: size_1.DefaultFontSize,
+    spaceSizes: size_1.DefaultSpaceSize,
+};

package/dist/Typography/HTMLTags.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { StyleProp } from "react-native";
+import { TypographyProps } from "./Typography";
+interface Props extends TypographyProps {
+    style?: StyleProp<any>;
+}
+interface LIProps extends TypographyProps {
+    icon?: string;
+    negative?: boolean;
+}
+export declare const HTMLTags: {
+    H1: React.FC<Props>;
+    H2: React.FC<Props>;
+    H3: React.FC<Props>;
+    P: React.FC<Props>;
+    U: React.FC<Props>;
+    LI: React.FC<LIProps & Props>;
+};
+export {};
+//# sourceMappingURL=HTMLTags.d.ts.map

package/dist/Typography/HTMLTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLTags.d.ts","sourceRoot":"","sources":["../../src/Typography/HTMLTags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAI3D,UAAU,KAAM,SAAQ,eAAe;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CACxB;AA2DD,UAAU,OAAQ,SAAQ,eAAe;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAeD,eAAO,MAAM,QAAQ;;;;;;;CAOpB,CAAC"}

package/dist/Typography/HTMLTags.js

@@ -0,0 +1,98 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTMLTags = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Typography_1 = require("./Typography");
+const Utils_1 = require("../Utils");
+const Themes_1 = require("../Themes");
+const H1 = (_a) => {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    const styles = [
+        {
+            marginBottom: 8,
+            fontSize: 24,
+            fontWeight: "bold",
+            textAlign: "center"
+        },
+        style
+    ];
+    return react_1.default.createElement(Typography_1.Typography, Object.assign({ style: styles }, rest));
+};
+const H2 = (_a) => {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    const styles = [
+        {
+            marginBottom: 8,
+            fontSize: 18,
+            fontWeight: "bold",
+            textAlign: "center"
+        },
+        style
+    ];
+    return react_1.default.createElement(Typography_1.Typography, Object.assign({ style: styles }, rest));
+};
+const H3 = (_a) => {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    const styles = [
+        {
+            marginBottom: 8,
+            fontWeight: "bold",
+            textAlign: "center"
+        },
+        style
+    ];
+    return react_1.default.createElement(Typography_1.Typography, Object.assign({ style: styles }, rest));
+};
+const P = (_a) => {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    const styles = [
+        {
+            marginBottom: 16
+        },
+        style
+    ];
+    return react_1.default.createElement(Typography_1.Typography, Object.assign({ style: styles }, rest));
+};
+const U = (_a) => {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    const styles = [
+        {
+            textDecorationLine: "underline"
+        },
+        style
+    ];
+    return react_1.default.createElement(Typography_1.Typography, Object.assign({ style: styles }, rest));
+};
+const LI = (_a) => {
+    var { style, negative, icon = "square" } = _a, rest = __rest(_a, ["style", "negative", "icon"]);
+    const styles = [{
+            marginBottom: 16
+        }, style];
+    const { secondaryColor, negativeColor } = Themes_1.useColors();
+    return react_1.default.createElement(react_native_1.View, { style: { flexDirection: "row" } },
+        react_1.default.createElement(Utils_1.Icon, { name: icon, size: 16, color: negative ? negativeColor : secondaryColor, style: { marginTop: 0, marginRight: 5 } }),
+        react_1.default.createElement(Typography_1.Typography, Object.assign({ style: styles }, rest)));
+};
+exports.HTMLTags = {
+    H1,
+    H2,
+    H3,
+    P,
+    U,
+    LI
+};

package/dist/Typography/Heading.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { TypographyProps } from "./Typography";
+export declare const Heading: React.FC<TypographyProps>;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/Typography/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/Typography/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAU3D,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAU7C,CAAC"}

package/dist/Typography/Heading.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Heading = void 0;
+const React = __importStar(require("react"));
+const Typography_1 = require("./Typography");
+const Themes_1 = require("../Themes");
+const react_native_1 = require("react-native");
+const styles = react_native_1.StyleSheet.create({
+    heading: {
+        fontWeight: '700',
+    },
+});
+const Heading = (_a) => {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    const { xlarge } = Themes_1.useFontSizes();
+    return (React.createElement(Typography_1.Typography, Object.assign({ style: [styles.heading, style], size: xlarge, accessibilityRole: 'header' }, rest)));
+};
+exports.Heading = Heading;

package/dist/Typography/LabelText.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { TypographyProps } from "./Typography";
+export declare const LabelText: React.FC<TypographyProps>;
+//# sourceMappingURL=LabelText.d.ts.map

package/dist/Typography/LabelText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelText.d.ts","sourceRoot":"","sources":["../../src/Typography/LabelText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAU3D,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAU/C,CAAC"}

package/dist/Typography/LabelText.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabelText = void 0;
+const React = __importStar(require("react"));
+const Typography_1 = require("./Typography");
+const Themes_1 = require("../Themes");
+const react_native_1 = require("react-native");
+const styles = react_native_1.StyleSheet.create({
+    heading: {
+        fontWeight: '600',
+    },
+});
+const LabelText = (_a) => {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    const { small } = Themes_1.useFontSizes();
+    return (React.createElement(Typography_1.Typography, Object.assign({ style: [styles.heading, style], size: small, accessibilityRole: 'text' }, rest)));
+};
+exports.LabelText = LabelText;

package/dist/Typography/Paragraph.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { TypographyProps } from "./Typography";
+export declare const Paragraph: React.FC<TypographyProps>;
+//# sourceMappingURL=Paragraph.d.ts.map

package/dist/Typography/Paragraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../src/Typography/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAG3D,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAU/C,CAAC"}

package/dist/Typography/Paragraph.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Paragraph = void 0;
+const React = __importStar(require("react"));
+const Typography_1 = require("./Typography");
+const Themes_1 = require("../Themes");
+const Paragraph = (_a) => {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    const { medium } = Themes_1.useFontSizes();
+    return (React.createElement(Typography_1.Typography, Object.assign({ style: style, size: medium, accessibilityRole: 'text' }, rest)));
+};
+exports.Paragraph = Paragraph;

package/dist/Typography/SubHeading.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { TypographyProps } from "./Typography";
+export declare const SubHeading: React.FC<TypographyProps>;
+//# sourceMappingURL=SubHeading.d.ts.map

package/dist/Typography/SubHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubHeading.d.ts","sourceRoot":"","sources":["../../src/Typography/SubHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAU3D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAUhD,CAAC"}

package/dist/Typography/SubHeading.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubHeading = void 0;
+const React = __importStar(require("react"));
+const Typography_1 = require("./Typography");
+const Themes_1 = require("../Themes");
+const react_native_1 = require("react-native");
+const styles = react_native_1.StyleSheet.create({
+    heading: {
+        fontWeight: '600',
+    },
+});
+const SubHeading = (_a) => {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    const { large } = Themes_1.useFontSizes();
+    return (React.createElement(Typography_1.Typography, Object.assign({ style: [styles.heading, style], size: large, accessibilityRole: 'header' }, rest)));
+};
+exports.SubHeading = SubHeading;

package/dist/Typography/Typography copy.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TextProps } from 'react-native';
+export declare type TypographyProps = {
+    color?: string;
+    size?: number;
+    bold?: boolean;
+} & TextProps;
+export declare const Typography: React.FC<TypographyProps>;
+//# sourceMappingURL=Typography%20copy.d.ts.map

package/dist/Typography/Typography copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography copy.d.ts","sourceRoot":"","sources":["../../src/Typography/Typography copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,SAAS,EAAC,MAAM,cAAc,CAAC;AAGzD,oBAAY,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,SAAS,CAAC;AAQd,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0BhD,CAAC"}

package/dist/Typography/Typography copy.js

@@ -0,0 +1,43 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Typography = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Themes_1 = require("../Themes");
+const styles = react_native_1.StyleSheet.create({
+    bold: {
+        fontWeight: '700',
+    },
+});
+const Typography = (_a) => {
+    var { color, size, bold, style } = _a, rest = __rest(_a, ["color", "size", "bold", "style"]);
+    const { baseTextColor } = Themes_1.useColors();
+    const textColor = color ? color : baseTextColor;
+    return (react_1.default.createElement(react_native_1.Text, Object.assign({ style: [
+            {
+                color: textColor,
+            },
+            bold ? styles.bold : null,
+            size
+                ? {
+                    fontSize: size,
+                }
+                : null,
+            style,
+        ] }, rest)));
+};
+exports.Typography = Typography;

package/dist/Typography/Typography.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { TextProps } from "react-native";
+export declare type TypographyProps = {
+    color?: string;
+    size?: number;
+    bold?: boolean;
+} & TextProps;
+export declare const Typography: React.FC<TypographyProps>;
+//# sourceMappingURL=Typography.d.ts.map

package/dist/Typography/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3D,oBAAY,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,SAAS,CAAC;AAQd,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0BhD,CAAC"}

package/dist/Typography/Typography.js

@@ -0,0 +1,43 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Typography = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Themes_1 = require("../Themes");
+const styles = react_native_1.StyleSheet.create({
+    bold: {
+        fontWeight: '700',
+    },
+});
+const Typography = (_a) => {
+    var { color, size, bold, style } = _a, rest = __rest(_a, ["color", "size", "bold", "style"]);
+    const { baseTextColor } = Themes_1.useColors();
+    const textColor = color ? color : baseTextColor;
+    return (react_1.default.createElement(react_native_1.Text, Object.assign({ style: [
+            {
+                color: textColor,
+            },
+            bold ? styles.bold : null,
+            size
+                ? {
+                    fontSize: size,
+                }
+                : null,
+            style,
+        ] }, rest)));
+};
+exports.Typography = Typography;

package/dist/Typography/index.d.ts

@@ -0,0 +1,7 @@
+export { Typography } from "./Typography";
+export { Heading } from "./Heading";
+export { SubHeading } from "./SubHeading";
+export { LabelText } from "./LabelText";
+export { Paragraph } from "./Paragraph";
+export { HTMLTags } from "./HTMLTags";
+//# sourceMappingURL=index.d.ts.map

package/dist/Typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/Typography/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTMLTags = exports.Paragraph = exports.LabelText = exports.SubHeading = exports.Heading = exports.Typography = void 0;
+var Typography_1 = require("./Typography");
+Object.defineProperty(exports, "Typography", { enumerable: true, get: function () { return Typography_1.Typography; } });
+var Heading_1 = require("./Heading");
+Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return Heading_1.Heading; } });
+var SubHeading_1 = require("./SubHeading");
+Object.defineProperty(exports, "SubHeading", { enumerable: true, get: function () { return SubHeading_1.SubHeading; } });
+var LabelText_1 = require("./LabelText");
+Object.defineProperty(exports, "LabelText", { enumerable: true, get: function () { return LabelText_1.LabelText; } });
+var Paragraph_1 = require("./Paragraph");
+Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return Paragraph_1.Paragraph; } });
+var HTMLTags_1 = require("./HTMLTags");
+Object.defineProperty(exports, "HTMLTags", { enumerable: true, get: function () { return HTMLTags_1.HTMLTags; } });

package/dist/Utils/Assets.d.ts

@@ -0,0 +1,24 @@
+import { ImageSourcePropType } from "react-native";
+declare type ConfigAssetsType = {
+    [key: string]: any;
+};
+declare type ConfigResolversType = {
+    [key: string]: (any: any) => string;
+};
+declare class AssetManager implements IAssetManager {
+    assets: {};
+    resolvers: {};
+    registerResolver: (type: string, resolver: (any: any) => void) => void;
+    setAssets: (config: ConfigAssetsType | ((c: ConfigAssetsType) => ConfigAssetsType)) => void;
+    setResolvers: (config: ConfigResolversType | ((c: ConfigResolversType) => ConfigResolversType)) => void;
+    getSource: (type: any, code: any, size?: string) => ImageSourcePropType;
+}
+interface IAssetManager {
+    assets: ConfigAssetsType;
+    resolvers: ConfigResolversType;
+    getSource: (type: string, code: string | number, size?: string) => ImageSourcePropType;
+    registerResolver: (types: string, callback: (index: string | number, size?: string) => string) => void;
+}
+export declare const Assets: AssetManager;
+export {};
+//# sourceMappingURL=Assets.d.ts.map

package/dist/Utils/Assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Assets.d.ts","sourceRoot":"","sources":["../../src/Utils/Assets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,aAAK,gBAAgB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAA;AAC9C,aAAK,mBAAmB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,KAAA,KAAK,MAAM,CAAA;CAAE,CAAA;AAE7D,cAAM,YAAa,YAAW,aAAa;IACzC,MAAM,KAAM;IACZ,SAAS,KAAM;IAEf,gBAAgB,SAAU,MAAM,0BAAqB,IAAI,UAEvD;IAEF,SAAS,mCAAiB,gBAAgB,KAAK,gBAAgB,WAM7D;IAEF,YAAY,sCAAiB,mBAAmB,KAAK,mBAAmB,WAMtE;IAEF,SAAS,+DAcP;CACH;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,mBAAmB,CAAC;IAC/B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,mBAAmB,CAAC;IACvF,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM,KAAK,IAAI,CAAC;CACxG;AAGD,eAAO,MAAM,MAAM,cAAqB,CAAC"}