react-native-marked 1.4.3 → 1.5.0

package/README.md

@@ -40,11 +40,12 @@ https://snack.expo.dev/@gmsgowtham/react-native-marked
 
 ## [Props](https://github.com/gmsgowtham/react-native-marked/blob/4ef070931b7d309a7490c41e45129e12525d12d9/src/lib/types.ts#L18)
 
-| Prop          | Description                                        | Type                                                                                                                                                                           | Optional? |
-| ------------- | -------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------- |
-| value         | Markdown value                                     | string                                                                                                                                                                         | false     |
-| flatListProps | Props for customizing the underlying FlatList used | `Omit<FlatListProps<ReactNode>, 'data' \| 'renderItem' \| 'horizontal'>`<br><br><br>(`'data'`, `'renderItem'`, and `'horizontal'` props are omitted and cannot be overridden.) | true      |
-| styles        | Styles for parsed components                       | [MarkedStyles](https://github.com/gmsgowtham/react-native-marked/blob/4ef070931b7d309a7490c41e45129e12525d12d9/src/theme/types.ts#L3)                                          | true      |
+| Prop          | Description                                                                                                                                  | Type                                                                                                                                                                           | Optional? |
+| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------- |
+| value         | Markdown value                                                                                                                               | string                                                                                                                                                                         | false     |
+| flatListProps | Props for customizing the underlying FlatList used                                                                                           | `Omit<FlatListProps<ReactNode>, 'data' \| 'renderItem' \| 'horizontal'>`<br><br><br>(`'data'`, `'renderItem'`, and `'horizontal'` props are omitted and cannot be overridden.) | true      |
+| styles        | Styles for parsed components                                                                                                                 | [MarkedStyles](https://github.com/gmsgowtham/react-native-marked/blob/4ef070931b7d309a7490c41e45129e12525d12d9/src/theme/types.ts#L3)                                          | true      |
+| theme         | Props for customizing colors and spacing for all components,and it will get overridden with custom component style applied via 'styles' prop | [UserTheme](https://github.com/gmsgowtham/react-native-marked/blob/6eba804c617099ffb574aa97c57a71ea3e0184fb/src/theme/types.ts#L28)                                            | true      |
 
 ## Screenshots
 

package/dist/commonjs/lib/Markdown.js

@@ -27,10 +27,11 @@ const Markdown = _ref => {
   let {
     value,
     flatListProps,
+    theme,
     styles: userStyles
   } = _ref;
-  const systemTheme = (0, _reactNative.useColorScheme)();
-  const styles = (0, _react.useMemo)(() => (0, _styles.default)(userStyles, systemTheme), [userStyles, systemTheme]);
+  const colorScheme = (0, _reactNative.useColorScheme)();
+  const styles = (0, _react.useMemo)(() => (0, _styles.default)(userStyles, colorScheme, theme), [userStyles, colorScheme, theme]);
   const rnElements = (0, _react.useMemo)(() => {
     const parser = new _Parser.default({
       styles

package/dist/commonjs/lib/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["Markdown","value","flatListProps","styles","userStyles","systemTheme","useColorScheme","useMemo","getStyles","rnElements","parser","Parser","tokens","marked","lexer","mangle","gfm","parse","renderItem","useCallback","item","keyExtractor","_","index","toString","container","memo"],"sourceRoot":"../../src","sources":["Markdown.tsx"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,QAAQ,GAAG,QAII;EAAA,IAJH;IAChBC,KADgB;IAEhBC,aAFgB;IAGhBC,MAAM,EAAEC;EAHQ,CAIG;EACnB,MAAMC,WAAW,GAAG,IAAAC,2BAAA,GAApB;EACA,MAAMH,MAAM,GAAG,IAAAI,cAAA,EACb,MAAM,IAAAC,eAAA,EAAUJ,UAAV,EAAsBC,WAAtB,CADO,EAEb,CAACD,UAAD,EAAaC,WAAb,CAFa,CAAf;EAKA,MAAMI,UAAU,GAAG,IAAAF,cAAA,EAAQ,MAAM;IAC/B,MAAMG,MAAM,GAAG,IAAIC,eAAJ,CAAW;MACxBR;IADwB,CAAX,CAAf;;IAGA,MAAMS,MAAM,GAAGC,cAAA,CAAOC,KAAP,CAAab,KAAb,EAAoB;MACjCc,MAAM,EAAE,KADyB;MAEjCC,GAAG,EAAE;IAF4B,CAApB,CAAf;;IAKA,OAAON,MAAM,CAACO,KAAP,CAAaL,MAAb,CAAP;EACD,CAVkB,EAUhB,CAACX,KAAD,EAAQE,MAAR,CAVgB,CAAnB;EAYA,MAAMe,UAAU,GAAG,IAAAC,kBAAA,EAAY,SAAmC;IAAA,IAAlC;MAAEC;IAAF,CAAkC;IAChE,oBAAO,4DAAGA,IAAH,CAAP;EACD,CAFkB,EAEhB,EAFgB,CAAnB;EAIA,MAAMC,YAAY,GAAG,IAAAF,kBAAA,EACnB,CAACG,CAAD,EAAeC,KAAf,KAAiCA,KAAK,CAACC,QAAN,EADd,EAEnB,EAFmB,CAArB;EAKA,oBACE,6BAAC,qBAAD;IACE,YAAY,EAAEH,YADhB;IAEE,mBAAmB,EAAE,CAFvB;IAGE,kBAAkB,EAAE,CAHtB;IAIE,qBAAqB,MAJvB;IAKE,KAAK,EAAElB,MAAM,CAACsB;EALhB,GAMMvB,aANN;IAOE,IAAI,EAAEO,UAPR;IAQE,UAAU,EAAES;EARd,GADF;AAYD,CA5CD;;4BA8Ce,IAAAQ,WAAA,EAAK1B,QAAL,C"}
+{"version":3,"names":["Markdown","value","flatListProps","theme","styles","userStyles","colorScheme","useColorScheme","useMemo","getStyles","rnElements","parser","Parser","tokens","marked","lexer","mangle","gfm","parse","renderItem","useCallback","item","keyExtractor","_","index","toString","container","memo"],"sourceRoot":"../../src","sources":["Markdown.tsx"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,QAAQ,GAAG,QAKI;EAAA,IALH;IAChBC,KADgB;IAEhBC,aAFgB;IAGhBC,KAHgB;IAIhBC,MAAM,EAAEC;EAJQ,CAKG;EACnB,MAAMC,WAAW,GAAG,IAAAC,2BAAA,GAApB;EACA,MAAMH,MAAM,GAAG,IAAAI,cAAA,EACb,MAAM,IAAAC,eAAA,EAAUJ,UAAV,EAAsBC,WAAtB,EAAmCH,KAAnC,CADO,EAEb,CAACE,UAAD,EAAaC,WAAb,EAA0BH,KAA1B,CAFa,CAAf;EAKA,MAAMO,UAAU,GAAG,IAAAF,cAAA,EAAQ,MAAM;IAC/B,MAAMG,MAAM,GAAG,IAAIC,eAAJ,CAAW;MACxBR;IADwB,CAAX,CAAf;;IAGA,MAAMS,MAAM,GAAGC,cAAA,CAAOC,KAAP,CAAad,KAAb,EAAoB;MACjCe,MAAM,EAAE,KADyB;MAEjCC,GAAG,EAAE;IAF4B,CAApB,CAAf;;IAKA,OAAON,MAAM,CAACO,KAAP,CAAaL,MAAb,CAAP;EACD,CAVkB,EAUhB,CAACZ,KAAD,EAAQG,MAAR,CAVgB,CAAnB;EAYA,MAAMe,UAAU,GAAG,IAAAC,kBAAA,EAAY,SAAmC;IAAA,IAAlC;MAAEC;IAAF,CAAkC;IAChE,oBAAO,4DAAGA,IAAH,CAAP;EACD,CAFkB,EAEhB,EAFgB,CAAnB;EAIA,MAAMC,YAAY,GAAG,IAAAF,kBAAA,EACnB,CAACG,CAAD,EAAeC,KAAf,KAAiCA,KAAK,CAACC,QAAN,EADd,EAEnB,EAFmB,CAArB;EAKA,oBACE,6BAAC,qBAAD;IACE,YAAY,EAAEH,YADhB;IAEE,mBAAmB,EAAE,CAFvB;IAGE,kBAAkB,EAAE,CAHtB;IAIE,qBAAqB,MAJvB;IAKE,KAAK,EAAElB,MAAM,CAACsB;EALhB,GAMMxB,aANN;IAOE,IAAI,EAAEQ,UAPR;IAQE,UAAU,EAAES;EARd,GADF;AAYD,CA7CD;;4BA+Ce,IAAAQ,WAAA,EAAK3B,QAAL,C"}

package/dist/commonjs/theme/colors.js.map

@@ -1 +1 @@
-{"version":3,"names":["colors","light","background","code","link","text","border","dark"],"sourceRoot":"../../src","sources":["colors.ts"],"mappings":";;;;;;AAEA,MAAMA,MAA2D,GAAG;EAClEC,KAAK,EAAE;IACLC,UAAU,EAAE,SADP;IAELC,IAAI,EAAE,SAFD;IAGLC,IAAI,EAAE,SAHD;IAILC,IAAI,EAAE,SAJD;IAKLC,MAAM,EAAE;EALH,CAD2D;EAQlEC,IAAI,EAAE;IACJL,UAAU,EAAE,SADR;IAEJC,IAAI,EAAE,SAFF;IAGJC,IAAI,EAAE,SAHF;IAIJC,IAAI,EAAE,SAJF;IAKJC,MAAM,EAAE;EALJ;AAR4D,CAApE;eAiBeN,M"}
+{"version":3,"names":["colors","light","background","code","link","text","border","dark"],"sourceRoot":"../../src","sources":["colors.ts"],"mappings":";;;;;;AAGA,MAAMA,MAAgD,GAAG;EACvDC,KAAK,EAAE;IACLC,UAAU,EAAE,SADP;IAELC,IAAI,EAAE,SAFD;IAGLC,IAAI,EAAE,SAHD;IAILC,IAAI,EAAE,SAJD;IAKLC,MAAM,EAAE;EALH,CADgD;EAQvDC,IAAI,EAAE;IACJL,UAAU,EAAE,SADR;IAEJC,IAAI,EAAE,SAFF;IAGJC,IAAI,EAAE,SAHF;IAIJC,IAAI,EAAE,SAJF;IAKJC,MAAM,EAAE;EALJ;AARiD,CAAzD;eAiBeN,M"}

package/dist/commonjs/theme/spacing.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const padding = {
+  xs: 2,
+  s: 4,
+  m: 8,
+  l: 16
+};
+var _default = padding;
+exports.default = _default;
+//# sourceMappingURL=spacing.js.map

package/dist/commonjs/theme/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["padding","xs","s","m","l"],"sourceRoot":"../../src","sources":["spacing.ts"],"mappings":";;;;;;AAEA,MAAMA,OAAwC,GAAG;EAC/CC,EAAE,EAAE,CAD2C;EAE/CC,CAAC,EAAE,CAF4C;EAG/CC,CAAC,EAAE,CAH4C;EAI/CC,CAAC,EAAE;AAJ4C,CAAjD;eAOeJ,O"}

package/dist/commonjs/theme/styles.js

@@ -7,29 +7,38 @@ exports.default = void 0;
 
 var _reactNative = require("react-native");
 
-var _theme = require("./theme");
+var _spacing = _interopRequireDefault(require("./spacing"));
 
-const getFontStyles = theme => {
+var _colors = _interopRequireDefault(require("./colors"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const getFontStyles = mdColors => {
   return _reactNative.StyleSheet.create({
     regular: {
       fontSize: 16,
       lineHeight: 24,
-      color: theme.colors.text
+      color: mdColors.text
     },
     heading: {
       fontWeight: '500',
-      color: theme.colors.text
+      color: mdColors.text
     }
   });
 };
 
-const getStyles = (userStyles, colorScheme) => {
-  const theme = (0, _theme.getTheme)(colorScheme || 'light');
-  const fontStyle = getFontStyles(theme);
+const getStyles = (userStyles, colorScheme, userTheme) => {
+  const mdColors = { ..._colors.default[colorScheme || 'light'],
+    ...(userTheme === null || userTheme === void 0 ? void 0 : userTheme.colors)
+  };
+  const mdSpacing = { ..._spacing.default,
+    ...(userTheme === null || userTheme === void 0 ? void 0 : userTheme.spacing)
+  };
+  const fontStyle = getFontStyles(mdColors);
 
   const defaultStyles = _reactNative.StyleSheet.create({
     container: {
-      backgroundColor: theme.colors.background
+      backgroundColor: mdColors.background
     },
     em: { ...fontStyle.regular,
       fontStyle: 'italic'
@@ -44,69 +53,69 @@ const getStyles = (userStyles, colorScheme) => {
     text: { ...fontStyle.regular
     },
     paragraph: { ...fontStyle.regular,
-      paddingVertical: 8
+      paddingVertical: mdSpacing.m
     },
     link: { ...fontStyle.regular,
       fontStyle: 'italic',
-      color: theme.colors.link
+      color: mdColors.link
     },
     blockquote: {
-      borderLeftColor: theme.colors.border,
-      paddingLeft: 16,
-      borderLeftWidth: 5,
+      borderLeftColor: mdColors.border,
+      paddingLeft: mdSpacing.l,
+      borderLeftWidth: mdSpacing.s,
       opacity: 0.8
     },
     h1: {
       fontSize: 32,
       lineHeight: 40,
       fontWeight: 'bold',
-      marginVertical: 8,
+      marginVertical: mdSpacing.m,
       letterSpacing: 0,
-      paddingBottom: 4,
-      borderBottomColor: theme.colors.border,
+      paddingBottom: mdSpacing.s,
+      borderBottomColor: mdColors.border,
       borderBottomWidth: 1
     },
     h2: { ...fontStyle.heading,
       fontSize: 28,
       lineHeight: 36,
-      marginVertical: 8,
-      paddingBottom: 4,
-      borderBottomColor: theme.colors.border,
+      marginVertical: mdSpacing.m,
+      paddingBottom: mdSpacing.s,
+      borderBottomColor: mdColors.border,
       borderBottomWidth: 1
     },
     h3: { ...fontStyle.heading,
       fontSize: 24,
       lineHeight: 32,
-      marginVertical: 4
+      marginVertical: mdSpacing.s
     },
     h4: { ...fontStyle.heading,
       fontSize: 22,
       lineHeight: 28,
-      marginVertical: 4
+      marginVertical: mdSpacing.s
     },
     h5: { ...fontStyle.regular,
       ...fontStyle.heading,
-      marginVertical: 2
+      marginVertical: mdSpacing.xs
     },
     h6: { ...fontStyle.heading,
       fontSize: 14,
       lineHeight: 20,
-      marginVertical: 2
+      marginVertical: mdSpacing.xs
     },
     codespan: { ...fontStyle.regular,
       fontStyle: 'italic',
-      backgroundColor: theme.colors.code,
+      backgroundColor: mdColors.code,
       fontWeight: '300'
     },
     code: {
-      padding: 16,
-      backgroundColor: theme.colors.code,
+      padding: mdSpacing.l,
+      backgroundColor: mdColors.code,
       minWidth: '100%'
     },
     hr: {
       borderBottomWidth: 1,
-      borderBottomColor: theme.colors.border,
-      marginVertical: 4
+      borderBottomColor: mdColors.border,
+      marginVertical: mdSpacing.s
     },
     li: { ...fontStyle.regular,
       flexShrink: 1

package/dist/commonjs/theme/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["getFontStyles","theme","StyleSheet","create","regular","fontSize","lineHeight","color","colors","text","heading","fontWeight","getStyles","userStyles","colorScheme","getTheme","fontStyle","defaultStyles","container","backgroundColor","background","em","strong","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","link","blockquote","borderLeftColor","border","paddingLeft","borderLeftWidth","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","h6","codespan","code","padding","minWidth","hr","li","flexShrink","image","resizeMode"],"sourceRoot":"../../src","sources":["styles.ts"],"mappings":";;;;;;;AAAA;;AACA;;AAGA,MAAMA,aAAa,GAAIC,KAAD,IAAkB;EACtC,OAAOC,uBAAA,CAAWC,MAAX,CAAkB;IACvBC,OAAO,EAAE;MACPC,QAAQ,EAAE,EADH;MAEPC,UAAU,EAAE,EAFL;MAGPC,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC;IAHb,CADc;IAMvBC,OAAO,EAAE;MACPC,UAAU,EAAE,KADL;MAEPJ,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC;IAFb;EANc,CAAlB,CAAP;AAWD,CAZD;;AAcA,MAAMG,SAAS,GAAG,CAChBC,UADgB,EAEhBC,WAFgB,KAGC;EACjB,MAAMb,KAAK,GAAG,IAAAc,eAAA,EAASD,WAAW,IAAI,OAAxB,CAAd;EACA,MAAME,SAAS,GAAGhB,aAAa,CAACC,KAAD,CAA/B;;EACA,MAAMgB,aAAa,GAAGf,uBAAA,CAAWC,MAAX,CAAgC;IACpDe,SAAS,EAAE;MACTC,eAAe,EAAElB,KAAK,CAACO,MAAN,CAAaY;IADrB,CADyC;IAIpDC,EAAE,EAAE,EACF,GAAGL,SAAS,CAACZ,OADX;MAEFY,SAAS,EAAE;IAFT,CAJgD;IAQpDM,MAAM,EAAE,EACN,GAAGN,SAAS,CAACZ,OADP;MAENO,UAAU,EAAE;IAFN,CAR4C;IAYpDY,aAAa,EAAE,EACb,GAAGP,SAAS,CAACZ,OADA;MAEboB,kBAAkB,EAAE,cAFP;MAGbC,mBAAmB,EAAE;IAHR,CAZqC;IAiBpDhB,IAAI,EAAE,EACJ,GAAGO,SAAS,CAACZ;IADT,CAjB8C;IAoBpDsB,SAAS,EAAE,EACT,GAAGV,SAAS,CAACZ,OADJ;MAETuB,eAAe,EAAE;IAFR,CApByC;IAwBpDC,IAAI,EAAE,EACJ,GAAGZ,SAAS,CAACZ,OADT;MAEJY,SAAS,EAAE,QAFP;MAGJT,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaoB;IAHhB,CAxB8C;IA6BpDC,UAAU,EAAE;MACVC,eAAe,EAAE7B,KAAK,CAACO,MAAN,CAAauB,MADpB;MAEVC,WAAW,EAAE,EAFH;MAGVC,eAAe,EAAE,CAHP;MAIVC,OAAO,EAAE;IAJC,CA7BwC;IAmCpDC,EAAE,EAAE;MACF9B,QAAQ,EAAE,EADR;MAEFC,UAAU,EAAE,EAFV;MAGFK,UAAU,EAAE,MAHV;MAIFyB,cAAc,EAAE,CAJd;MAKFC,aAAa,EAAE,CALb;MAMFC,aAAa,EAAE,CANb;MAOFC,iBAAiB,EAAEtC,KAAK,CAACO,MAAN,CAAauB,MAP9B;MAQFS,iBAAiB,EAAE;IARjB,CAnCgD;IA6CpDC,EAAE,EAAE,EACF,GAAGzB,SAAS,CAACN,OADX;MAEFL,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIF8B,cAAc,EAAE,CAJd;MAKFE,aAAa,EAAE,CALb;MAMFC,iBAAiB,EAAEtC,KAAK,CAACO,MAAN,CAAauB,MAN9B;MAOFS,iBAAiB,EAAE;IAPjB,CA7CgD;IAsDpDE,EAAE,EAAE,EACF,GAAG1B,SAAS,CAACN,OADX;MAEFL,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIF8B,cAAc,EAAE;IAJd,CAtDgD;IA4DpDO,EAAE,EAAE,EACF,GAAG3B,SAAS,CAACN,OADX;MAEFL,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIF8B,cAAc,EAAE;IAJd,CA5DgD;IAkEpDQ,EAAE,EAAE,EACF,GAAG5B,SAAS,CAACZ,OADX;MAEF,GAAGY,SAAS,CAACN,OAFX;MAGF0B,cAAc,EAAE;IAHd,CAlEgD;IAuEpDS,EAAE,EAAE,EACF,GAAG7B,SAAS,CAACN,OADX;MAEFL,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIF8B,cAAc,EAAE;IAJd,CAvEgD;IA6EpDU,QAAQ,EAAE,EACR,GAAG9B,SAAS,CAACZ,OADL;MAERY,SAAS,EAAE,QAFH;MAGRG,eAAe,EAAElB,KAAK,CAACO,MAAN,CAAauC,IAHtB;MAIRpC,UAAU,EAAE;IAJJ,CA7E0C;IAmFpDoC,IAAI,EAAE;MACJC,OAAO,EAAE,EADL;MAEJ7B,eAAe,EAAElB,KAAK,CAACO,MAAN,CAAauC,IAF1B;MAGJE,QAAQ,EAAE;IAHN,CAnF8C;IAwFpDC,EAAE,EAAE;MACFV,iBAAiB,EAAE,CADjB;MAEFD,iBAAiB,EAAEtC,KAAK,CAACO,MAAN,CAAauB,MAF9B;MAGFK,cAAc,EAAE;IAHd,CAxFgD;IA6FpDe,EAAE,EAAE,EACF,GAAGnC,SAAS,CAACZ,OADX;MAEFgD,UAAU,EAAE;IAFV,CA7FgD;IAiGpDC,KAAK,EAAE;MACLC,UAAU,EAAE;IADP;EAjG6C,CAAhC,CAAtB;;EAsGA,OAAO,EACL,GAAGrC,aADE;IAEL,GAAGJ;EAFE,CAAP;AAID,CAhHD;;eAkHeD,S"}
+{"version":3,"names":["getFontStyles","mdColors","StyleSheet","create","regular","fontSize","lineHeight","color","text","heading","fontWeight","getStyles","userStyles","colorScheme","userTheme","colors","mdSpacing","spacing","fontStyle","defaultStyles","container","backgroundColor","background","em","strong","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","m","link","blockquote","borderLeftColor","border","paddingLeft","l","borderLeftWidth","s","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","xs","h6","codespan","code","padding","minWidth","hr","li","flexShrink","image","resizeMode"],"sourceRoot":"../../src","sources":["styles.ts"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGA,MAAMA,aAAa,GAAIC,QAAD,IAA8B;EAClD,OAAOC,uBAAA,CAAWC,MAAX,CAAkB;IACvBC,OAAO,EAAE;MACPC,QAAQ,EAAE,EADH;MAEPC,UAAU,EAAE,EAFL;MAGPC,KAAK,EAAEN,QAAQ,CAACO;IAHT,CADc;IAMvBC,OAAO,EAAE;MACPC,UAAU,EAAE,KADL;MAEPH,KAAK,EAAEN,QAAQ,CAACO;IAFT;EANc,CAAlB,CAAP;AAWD,CAZD;;AAcA,MAAMG,SAAS,GAAG,CAChBC,UADgB,EAEhBC,WAFgB,EAGhBC,SAHgB,KAIC;EACjB,MAAMb,QAAQ,GAAG,EAAE,GAAGc,eAAA,CAAOF,WAAW,IAAI,OAAtB,CAAL;IAAqC,IAAGC,SAAH,aAAGA,SAAH,uBAAGA,SAAS,CAAEC,MAAd;EAArC,CAAjB;EACA,MAAMC,SAAS,GAAG,EAAE,GAAGC,gBAAL;IAAc,IAAGH,SAAH,aAAGA,SAAH,uBAAGA,SAAS,CAAEG,OAAd;EAAd,CAAlB;EAEA,MAAMC,SAAS,GAAGlB,aAAa,CAACC,QAAD,CAA/B;;EACA,MAAMkB,aAAa,GAAGjB,uBAAA,CAAWC,MAAX,CAAgC;IACpDiB,SAAS,EAAE;MACTC,eAAe,EAAEpB,QAAQ,CAACqB;IADjB,CADyC;IAIpDC,EAAE,EAAE,EACF,GAAGL,SAAS,CAACd,OADX;MAEFc,SAAS,EAAE;IAFT,CAJgD;IAQpDM,MAAM,EAAE,EACN,GAAGN,SAAS,CAACd,OADP;MAENM,UAAU,EAAE;IAFN,CAR4C;IAYpDe,aAAa,EAAE,EACb,GAAGP,SAAS,CAACd,OADA;MAEbsB,kBAAkB,EAAE,cAFP;MAGbC,mBAAmB,EAAE;IAHR,CAZqC;IAiBpDnB,IAAI,EAAE,EACJ,GAAGU,SAAS,CAACd;IADT,CAjB8C;IAoBpDwB,SAAS,EAAE,EACT,GAAGV,SAAS,CAACd,OADJ;MAETyB,eAAe,EAAEb,SAAS,CAACc;IAFlB,CApByC;IAwBpDC,IAAI,EAAE,EACJ,GAAGb,SAAS,CAACd,OADT;MAEJc,SAAS,EAAE,QAFP;MAGJX,KAAK,EAAEN,QAAQ,CAAC8B;IAHZ,CAxB8C;IA6BpDC,UAAU,EAAE;MACVC,eAAe,EAAEhC,QAAQ,CAACiC,MADhB;MAEVC,WAAW,EAAEnB,SAAS,CAACoB,CAFb;MAGVC,eAAe,EAAErB,SAAS,CAACsB,CAHjB;MAIVC,OAAO,EAAE;IAJC,CA7BwC;IAmCpDC,EAAE,EAAE;MACFnC,QAAQ,EAAE,EADR;MAEFC,UAAU,EAAE,EAFV;MAGFI,UAAU,EAAE,MAHV;MAIF+B,cAAc,EAAEzB,SAAS,CAACc,CAJxB;MAKFY,aAAa,EAAE,CALb;MAMFC,aAAa,EAAE3B,SAAS,CAACsB,CANvB;MAOFM,iBAAiB,EAAE3C,QAAQ,CAACiC,MAP1B;MAQFW,iBAAiB,EAAE;IARjB,CAnCgD;IA6CpDC,EAAE,EAAE,EACF,GAAG5B,SAAS,CAACT,OADX;MAEFJ,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIFmC,cAAc,EAAEzB,SAAS,CAACc,CAJxB;MAKFa,aAAa,EAAE3B,SAAS,CAACsB,CALvB;MAMFM,iBAAiB,EAAE3C,QAAQ,CAACiC,MAN1B;MAOFW,iBAAiB,EAAE;IAPjB,CA7CgD;IAsDpDE,EAAE,EAAE,EACF,GAAG7B,SAAS,CAACT,OADX;MAEFJ,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIFmC,cAAc,EAAEzB,SAAS,CAACsB;IAJxB,CAtDgD;IA4DpDU,EAAE,EAAE,EACF,GAAG9B,SAAS,CAACT,OADX;MAEFJ,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIFmC,cAAc,EAAEzB,SAAS,CAACsB;IAJxB,CA5DgD;IAkEpDW,EAAE,EAAE,EACF,GAAG/B,SAAS,CAACd,OADX;MAEF,GAAGc,SAAS,CAACT,OAFX;MAGFgC,cAAc,EAAEzB,SAAS,CAACkC;IAHxB,CAlEgD;IAuEpDC,EAAE,EAAE,EACF,GAAGjC,SAAS,CAACT,OADX;MAEFJ,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIFmC,cAAc,EAAEzB,SAAS,CAACkC;IAJxB,CAvEgD;IA6EpDE,QAAQ,EAAE,EACR,GAAGlC,SAAS,CAACd,OADL;MAERc,SAAS,EAAE,QAFH;MAGRG,eAAe,EAAEpB,QAAQ,CAACoD,IAHlB;MAIR3C,UAAU,EAAE;IAJJ,CA7E0C;IAmFpD2C,IAAI,EAAE;MACJC,OAAO,EAAEtC,SAAS,CAACoB,CADf;MAEJf,eAAe,EAAEpB,QAAQ,CAACoD,IAFtB;MAGJE,QAAQ,EAAE;IAHN,CAnF8C;IAwFpDC,EAAE,EAAE;MACFX,iBAAiB,EAAE,CADjB;MAEFD,iBAAiB,EAAE3C,QAAQ,CAACiC,MAF1B;MAGFO,cAAc,EAAEzB,SAAS,CAACsB;IAHxB,CAxFgD;IA6FpDmB,EAAE,EAAE,EACF,GAAGvC,SAAS,CAACd,OADX;MAEFsD,UAAU,EAAE;IAFV,CA7FgD;IAiGpDC,KAAK,EAAE;MACLC,UAAU,EAAE;IADP;EAjG6C,CAAhC,CAAtB;;EAsGA,OAAO,EACL,GAAGzC,aADE;IAEL,GAAGP;EAFE,CAAP;AAID,CAnHD;;eAqHeD,S"}

package/dist/module/lib/Markdown.js

@@ -10,10 +10,11 @@ const Markdown = _ref => {
   let {
     value,
     flatListProps,
+    theme,
     styles: userStyles
   } = _ref;
-  const systemTheme = useColorScheme();
-  const styles = useMemo(() => getStyles(userStyles, systemTheme), [userStyles, systemTheme]);
+  const colorScheme = useColorScheme();
+  const styles = useMemo(() => getStyles(userStyles, colorScheme, theme), [userStyles, colorScheme, theme]);
   const rnElements = useMemo(() => {
     const parser = new Parser({
       styles

package/dist/module/lib/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useMemo","FlatList","useColorScheme","marked","Parser","getStyles","Markdown","value","flatListProps","styles","userStyles","systemTheme","rnElements","parser","tokens","lexer","mangle","gfm","parse","renderItem","item","keyExtractor","_","index","toString","container"],"sourceRoot":"../../src","sources":["Markdown.tsx"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAiCC,WAAjC,EAA8CC,OAA9C,QAA6D,OAA7D;AACA,SAASC,QAAT,EAAmBC,cAAnB,QAAyC,cAAzC;AACA,SAASC,MAAT,QAAuB,QAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,MAAsB,iBAAtB;;AAGA,MAAMC,QAAQ,GAAG,QAII;EAAA,IAJH;IAChBC,KADgB;IAEhBC,aAFgB;IAGhBC,MAAM,EAAEC;EAHQ,CAIG;EACnB,MAAMC,WAAW,GAAGT,cAAc,EAAlC;EACA,MAAMO,MAAM,GAAGT,OAAO,CACpB,MAAMK,SAAS,CAACK,UAAD,EAAaC,WAAb,CADK,EAEpB,CAACD,UAAD,EAAaC,WAAb,CAFoB,CAAtB;EAKA,MAAMC,UAAU,GAAGZ,OAAO,CAAC,MAAM;IAC/B,MAAMa,MAAM,GAAG,IAAIT,MAAJ,CAAW;MACxBK;IADwB,CAAX,CAAf;IAGA,MAAMK,MAAM,GAAGX,MAAM,CAACY,KAAP,CAAaR,KAAb,EAAoB;MACjCS,MAAM,EAAE,KADyB;MAEjCC,GAAG,EAAE;IAF4B,CAApB,CAAf;IAKA,OAAOJ,MAAM,CAACK,KAAP,CAAaJ,MAAb,CAAP;EACD,CAVyB,EAUvB,CAACP,KAAD,EAAQE,MAAR,CAVuB,CAA1B;EAYA,MAAMU,UAAU,GAAGpB,WAAW,CAAC,SAAmC;IAAA,IAAlC;MAAEqB;IAAF,CAAkC;IAChE,oBAAO,0CAAGA,IAAH,CAAP;EACD,CAF6B,EAE3B,EAF2B,CAA9B;EAIA,MAAMC,YAAY,GAAGtB,WAAW,CAC9B,CAACuB,CAAD,EAAeC,KAAf,KAAiCA,KAAK,CAACC,QAAN,EADH,EAE9B,EAF8B,CAAhC;EAKA,oBACE,oBAAC,QAAD;IACE,YAAY,EAAEH,YADhB;IAEE,mBAAmB,EAAE,CAFvB;IAGE,kBAAkB,EAAE,CAHtB;IAIE,qBAAqB,MAJvB;IAKE,KAAK,EAAEZ,MAAM,CAACgB;EALhB,GAMMjB,aANN;IAOE,IAAI,EAAEI,UAPR;IAQE,UAAU,EAAEO;EARd,GADF;AAYD,CA5CD;;AA8CA,4BAAerB,IAAI,CAACQ,QAAD,CAAnB"}
+{"version":3,"names":["React","memo","useCallback","useMemo","FlatList","useColorScheme","marked","Parser","getStyles","Markdown","value","flatListProps","theme","styles","userStyles","colorScheme","rnElements","parser","tokens","lexer","mangle","gfm","parse","renderItem","item","keyExtractor","_","index","toString","container"],"sourceRoot":"../../src","sources":["Markdown.tsx"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAiCC,WAAjC,EAA8CC,OAA9C,QAA6D,OAA7D;AACA,SAASC,QAAT,EAAmBC,cAAnB,QAAyC,cAAzC;AACA,SAASC,MAAT,QAAuB,QAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,MAAsB,iBAAtB;;AAGA,MAAMC,QAAQ,GAAG,QAKI;EAAA,IALH;IAChBC,KADgB;IAEhBC,aAFgB;IAGhBC,KAHgB;IAIhBC,MAAM,EAAEC;EAJQ,CAKG;EACnB,MAAMC,WAAW,GAAGV,cAAc,EAAlC;EACA,MAAMQ,MAAM,GAAGV,OAAO,CACpB,MAAMK,SAAS,CAACM,UAAD,EAAaC,WAAb,EAA0BH,KAA1B,CADK,EAEpB,CAACE,UAAD,EAAaC,WAAb,EAA0BH,KAA1B,CAFoB,CAAtB;EAKA,MAAMI,UAAU,GAAGb,OAAO,CAAC,MAAM;IAC/B,MAAMc,MAAM,GAAG,IAAIV,MAAJ,CAAW;MACxBM;IADwB,CAAX,CAAf;IAGA,MAAMK,MAAM,GAAGZ,MAAM,CAACa,KAAP,CAAaT,KAAb,EAAoB;MACjCU,MAAM,EAAE,KADyB;MAEjCC,GAAG,EAAE;IAF4B,CAApB,CAAf;IAKA,OAAOJ,MAAM,CAACK,KAAP,CAAaJ,MAAb,CAAP;EACD,CAVyB,EAUvB,CAACR,KAAD,EAAQG,MAAR,CAVuB,CAA1B;EAYA,MAAMU,UAAU,GAAGrB,WAAW,CAAC,SAAmC;IAAA,IAAlC;MAAEsB;IAAF,CAAkC;IAChE,oBAAO,0CAAGA,IAAH,CAAP;EACD,CAF6B,EAE3B,EAF2B,CAA9B;EAIA,MAAMC,YAAY,GAAGvB,WAAW,CAC9B,CAACwB,CAAD,EAAeC,KAAf,KAAiCA,KAAK,CAACC,QAAN,EADH,EAE9B,EAF8B,CAAhC;EAKA,oBACE,oBAAC,QAAD;IACE,YAAY,EAAEH,YADhB;IAEE,mBAAmB,EAAE,CAFvB;IAGE,kBAAkB,EAAE,CAHtB;IAIE,qBAAqB,MAJvB;IAKE,KAAK,EAAEZ,MAAM,CAACgB;EALhB,GAMMlB,aANN;IAOE,IAAI,EAAEK,UAPR;IAQE,UAAU,EAAEO;EARd,GADF;AAYD,CA7CD;;AA+CA,4BAAetB,IAAI,CAACQ,QAAD,CAAnB"}

package/dist/module/theme/colors.js.map

@@ -1 +1 @@
-{"version":3,"names":["colors","light","background","code","link","text","border","dark"],"sourceRoot":"../../src","sources":["colors.ts"],"mappings":"AAEA,MAAMA,MAA2D,GAAG;EAClEC,KAAK,EAAE;IACLC,UAAU,EAAE,SADP;IAELC,IAAI,EAAE,SAFD;IAGLC,IAAI,EAAE,SAHD;IAILC,IAAI,EAAE,SAJD;IAKLC,MAAM,EAAE;EALH,CAD2D;EAQlEC,IAAI,EAAE;IACJL,UAAU,EAAE,SADR;IAEJC,IAAI,EAAE,SAFF;IAGJC,IAAI,EAAE,SAHF;IAIJC,IAAI,EAAE,SAJF;IAKJC,MAAM,EAAE;EALJ;AAR4D,CAApE;AAiBA,eAAeN,MAAf"}
+{"version":3,"names":["colors","light","background","code","link","text","border","dark"],"sourceRoot":"../../src","sources":["colors.ts"],"mappings":"AAGA,MAAMA,MAAgD,GAAG;EACvDC,KAAK,EAAE;IACLC,UAAU,EAAE,SADP;IAELC,IAAI,EAAE,SAFD;IAGLC,IAAI,EAAE,SAHD;IAILC,IAAI,EAAE,SAJD;IAKLC,MAAM,EAAE;EALH,CADgD;EAQvDC,IAAI,EAAE;IACJL,UAAU,EAAE,SADR;IAEJC,IAAI,EAAE,SAFF;IAGJC,IAAI,EAAE,SAHF;IAIJC,IAAI,EAAE,SAJF;IAKJC,MAAM,EAAE;EALJ;AARiD,CAAzD;AAiBA,eAAeN,MAAf"}

package/dist/module/theme/spacing.js

@@ -0,0 +1,8 @@
+const padding = {
+  xs: 2,
+  s: 4,
+  m: 8,
+  l: 16
+};
+export default padding;
+//# sourceMappingURL=spacing.js.map

package/dist/module/theme/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["padding","xs","s","m","l"],"sourceRoot":"../../src","sources":["spacing.ts"],"mappings":"AAEA,MAAMA,OAAwC,GAAG;EAC/CC,EAAE,EAAE,CAD2C;EAE/CC,CAAC,EAAE,CAF4C;EAG/CC,CAAC,EAAE,CAH4C;EAI/CC,CAAC,EAAE;AAJ4C,CAAjD;AAOA,eAAeJ,OAAf"}

package/dist/module/theme/styles.js

@@ -1,26 +1,32 @@
 import { StyleSheet } from 'react-native';
-import { getTheme } from './theme';
+import spacing from './spacing';
+import colors from './colors';
 
-const getFontStyles = theme => {
+const getFontStyles = mdColors => {
   return StyleSheet.create({
     regular: {
       fontSize: 16,
       lineHeight: 24,
-      color: theme.colors.text
+      color: mdColors.text
     },
     heading: {
       fontWeight: '500',
-      color: theme.colors.text
+      color: mdColors.text
     }
   });
 };
 
-const getStyles = (userStyles, colorScheme) => {
-  const theme = getTheme(colorScheme || 'light');
-  const fontStyle = getFontStyles(theme);
+const getStyles = (userStyles, colorScheme, userTheme) => {
+  const mdColors = { ...colors[colorScheme || 'light'],
+    ...(userTheme === null || userTheme === void 0 ? void 0 : userTheme.colors)
+  };
+  const mdSpacing = { ...spacing,
+    ...(userTheme === null || userTheme === void 0 ? void 0 : userTheme.spacing)
+  };
+  const fontStyle = getFontStyles(mdColors);
   const defaultStyles = StyleSheet.create({
     container: {
-      backgroundColor: theme.colors.background
+      backgroundColor: mdColors.background
     },
     em: { ...fontStyle.regular,
       fontStyle: 'italic'
@@ -35,69 +41,69 @@ const getStyles = (userStyles, colorScheme) => {
     text: { ...fontStyle.regular
     },
     paragraph: { ...fontStyle.regular,
-      paddingVertical: 8
+      paddingVertical: mdSpacing.m
     },
     link: { ...fontStyle.regular,
       fontStyle: 'italic',
-      color: theme.colors.link
+      color: mdColors.link
     },
     blockquote: {
-      borderLeftColor: theme.colors.border,
-      paddingLeft: 16,
-      borderLeftWidth: 5,
+      borderLeftColor: mdColors.border,
+      paddingLeft: mdSpacing.l,
+      borderLeftWidth: mdSpacing.s,
       opacity: 0.8
     },
     h1: {
       fontSize: 32,
       lineHeight: 40,
       fontWeight: 'bold',
-      marginVertical: 8,
+      marginVertical: mdSpacing.m,
       letterSpacing: 0,
-      paddingBottom: 4,
-      borderBottomColor: theme.colors.border,
+      paddingBottom: mdSpacing.s,
+      borderBottomColor: mdColors.border,
       borderBottomWidth: 1
     },
     h2: { ...fontStyle.heading,
       fontSize: 28,
       lineHeight: 36,
-      marginVertical: 8,
-      paddingBottom: 4,
-      borderBottomColor: theme.colors.border,
+      marginVertical: mdSpacing.m,
+      paddingBottom: mdSpacing.s,
+      borderBottomColor: mdColors.border,
       borderBottomWidth: 1
     },
     h3: { ...fontStyle.heading,
       fontSize: 24,
       lineHeight: 32,
-      marginVertical: 4
+      marginVertical: mdSpacing.s
     },
     h4: { ...fontStyle.heading,
       fontSize: 22,
       lineHeight: 28,
-      marginVertical: 4
+      marginVertical: mdSpacing.s
     },
     h5: { ...fontStyle.regular,
       ...fontStyle.heading,
-      marginVertical: 2
+      marginVertical: mdSpacing.xs
     },
     h6: { ...fontStyle.heading,
       fontSize: 14,
       lineHeight: 20,
-      marginVertical: 2
+      marginVertical: mdSpacing.xs
     },
     codespan: { ...fontStyle.regular,
       fontStyle: 'italic',
-      backgroundColor: theme.colors.code,
+      backgroundColor: mdColors.code,
       fontWeight: '300'
     },
     code: {
-      padding: 16,
-      backgroundColor: theme.colors.code,
+      padding: mdSpacing.l,
+      backgroundColor: mdColors.code,
       minWidth: '100%'
     },
     hr: {
       borderBottomWidth: 1,
-      borderBottomColor: theme.colors.border,
-      marginVertical: 4
+      borderBottomColor: mdColors.border,
+      marginVertical: mdSpacing.s
     },
     li: { ...fontStyle.regular,
       flexShrink: 1

package/dist/module/theme/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","getTheme","getFontStyles","theme","create","regular","fontSize","lineHeight","color","colors","text","heading","fontWeight","getStyles","userStyles","colorScheme","fontStyle","defaultStyles","container","backgroundColor","background","em","strong","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","link","blockquote","borderLeftColor","border","paddingLeft","borderLeftWidth","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","h6","codespan","code","padding","minWidth","hr","li","flexShrink","image","resizeMode"],"sourceRoot":"../../src","sources":["styles.ts"],"mappings":"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"}
+{"version":3,"names":["StyleSheet","spacing","colors","getFontStyles","mdColors","create","regular","fontSize","lineHeight","color","text","heading","fontWeight","getStyles","userStyles","colorScheme","userTheme","mdSpacing","fontStyle","defaultStyles","container","backgroundColor","background","em","strong","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","m","link","blockquote","borderLeftColor","border","paddingLeft","l","borderLeftWidth","s","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","xs","h6","codespan","code","padding","minWidth","hr","li","flexShrink","image","resizeMode"],"sourceRoot":"../../src","sources":["styles.ts"],"mappings":"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"}

package/dist/typescript/lib/Markdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { MarkdownProps } from './types';
-declare const _default: React.MemoExoticComponent<({ value, flatListProps, styles: userStyles, }: MarkdownProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ value, flatListProps, theme, styles: userStyles, }: MarkdownProps) => JSX.Element>;
 export default _default;
 //# sourceMappingURL=Markdown.d.ts.map

package/dist/typescript/lib/Markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/lib/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAKrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AAgD7C,wBAA8B"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/lib/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAKrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AAiD7C,wBAA8B"}

package/dist/typescript/lib/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { FlatListProps } from 'react-native';
-import type { MarkedStyles } from './../theme/types';
+import type { MarkedStyles, UserTheme } from './../theme/types';
 export interface ParserOptions {
     styles?: MarkedStyles;
 }
@@ -8,5 +8,6 @@ export interface MarkdownProps {
     value: string;
     flatListProps?: Omit<FlatListProps<ReactNode>, 'data' | 'renderItem' | 'horizontal'>;
     styles?: MarkedStyles;
+    theme?: UserTheme;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/typescript/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,IAAI,CAClB,aAAa,CAAC,SAAS,CAAC,EACxB,MAAM,GAAG,YAAY,GAAG,YAAY,CACrC,CAAC;IACF,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,IAAI,CAClB,aAAa,CAAC,SAAS,CAAC,EACxB,MAAM,GAAG,YAAY,GAAG,YAAY,CACrC,CAAC;IACF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}

package/dist/typescript/theme/colors.d.ts

@@ -1,4 +1,5 @@
-import type { ColorKeys } from './types';
-declare const colors: Record<'light' | 'dark', Record<ColorKeys, string>>;
+export declare type ColorKeysType = 'background' | 'code' | 'link' | 'text' | 'border';
+export declare type ColorsPropType = Record<ColorKeysType, string>;
+declare const colors: Record<'light' | 'dark', ColorsPropType>;
 export default colors;
 //# sourceMappingURL=colors.d.ts.map

package/dist/typescript/theme/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/theme/colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,OAAO,GAAG,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAe/D,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/theme/colors.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC/E,oBAAY,cAAc,GAAG,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAE3D,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,OAAO,GAAG,MAAM,EAAE,cAAc,CAepD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/typescript/theme/spacing.d.ts

@@ -0,0 +1,4 @@
+export declare type SpacingKeysType = 'xs' | 's' | 'm' | 'l';
+declare const padding: Record<SpacingKeysType, number>;
+export default padding;
+//# sourceMappingURL=spacing.d.ts.map

package/dist/typescript/theme/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../src/theme/spacing.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAErD,QAAA,MAAM,OAAO,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAK5C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/typescript/theme/styles.d.ts

@@ -1,5 +1,5 @@
 import { ColorSchemeName } from 'react-native';
-import type { MarkedStyles } from './types';
-declare const getStyles: (userStyles?: MarkedStyles, colorScheme?: ColorSchemeName) => MarkedStyles;
+import type { MarkedStyles, UserTheme } from './types';
+declare const getStyles: (userStyles?: MarkedStyles, colorScheme?: ColorSchemeName, userTheme?: UserTheme) => MarkedStyles;
 export default getStyles;
 //# sourceMappingURL=styles.d.ts.map

package/dist/typescript/theme/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/theme/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAc,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAS,MAAM,SAAS,CAAC;AAgBnD,QAAA,MAAM,SAAS,gBACA,YAAY,gBACX,eAAe,KAC5B,YA6GF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/theme/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAc,MAAM,cAAc,CAAC;AAG3D,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBvD,QAAA,MAAM,SAAS,gBACA,YAAY,gBACX,eAAe,cACjB,SAAS,KACpB,YA+GF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/typescript/theme/types.d.ts

@@ -1,4 +1,6 @@
 import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+import type { ColorKeysType } from './colors';
+import type { SpacingKeysType } from './spacing';
 export interface MarkedStyles {
     container?: ViewStyle;
     em?: TextStyle;
@@ -21,8 +23,8 @@ export interface MarkedStyles {
     li?: TextStyle;
     image?: ImageStyle;
 }
-export declare type ColorKeys = 'background' | 'code' | 'link' | 'text' | 'border';
-export interface Theme {
-    colors: Record<ColorKeys, string>;
+export interface UserTheme {
+    colors?: Record<ColorKeysType, string>;
+    spacing?: Record<SpacingKeysType, number>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/typescript/theme/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,oBAAY,SAAS,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE3E,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;CACnC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;CAC3C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-marked",
-  "version": "1.4.3",
+  "version": "1.5.0",
   "description": "Markdown renderer for React Native powered by marked.js",
   "main": "dist/commonjs/index",
   "module": "dist/module/index",
@@ -53,7 +53,7 @@
     "@evilmartians/lefthook": "1.1.3",
     "@react-native-community/eslint-config": "3.1.0",
     "@release-it/conventional-changelog": "5.1.1",
-    "@testing-library/jest-native": "5.1.0",
+    "@testing-library/jest-native": "5.1.2",
     "@testing-library/react-native": "11.3.0",
     "@types/jest": "29.2.0",
     "@types/marked": "4.0.7",
@@ -62,7 +62,7 @@
     "@typescript-eslint/eslint-plugin": "5.40.1",
     "@typescript-eslint/parser": "5.40.1",
     "commitlint": "17.1.2",
-    "eslint": "8.25.0",
+    "eslint": "8.26.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-jest": "27.1.3",
     "eslint-plugin-prettier": "4.2.1",

package/src/lib/Markdown.tsx

@@ -8,12 +8,13 @@ import type { MarkdownProps } from './types';
 const Markdown = ({
   value,
   flatListProps,
+  theme,
   styles: userStyles,
 }: MarkdownProps) => {
-  const systemTheme = useColorScheme();
+  const colorScheme = useColorScheme();
   const styles = useMemo(
-    () => getStyles(userStyles, systemTheme),
-    [userStyles, systemTheme]
+    () => getStyles(userStyles, colorScheme, theme),
+    [userStyles, colorScheme, theme]
   );
 
   const rnElements = useMemo(() => {

package/src/lib/types.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { FlatListProps } from 'react-native';
-import type { MarkedStyles } from './../theme/types';
+import type { MarkedStyles, UserTheme } from './../theme/types';
 
 export interface ParserOptions {
   styles?: MarkedStyles;
@@ -13,4 +13,5 @@ export interface MarkdownProps {
     'data' | 'renderItem' | 'horizontal'
   >;
   styles?: MarkedStyles;
+  theme?: UserTheme;
 }

package/src/theme/colors.ts

@@ -1,6 +1,7 @@
-import type { ColorKeys } from './types';
+export type ColorKeysType = 'background' | 'code' | 'link' | 'text' | 'border';
+export type ColorsPropType = Record<ColorKeysType, string>;
 
-const colors: Record<'light' | 'dark', Record<ColorKeys, string>> = {
+const colors: Record<'light' | 'dark', ColorsPropType> = {
   light: {
     background: '#ffffff',
     code: '#f6f8fa',

package/src/theme/spacing.ts

@@ -0,0 +1,10 @@
+export type SpacingKeysType = 'xs' | 's' | 'm' | 'l';
+
+const padding: Record<SpacingKeysType, number> = {
+  xs: 2,
+  s: 4,
+  m: 8,
+  l: 16,
+};
+
+export default padding;

package/src/theme/styles.ts

@@ -1,30 +1,34 @@
 import { ColorSchemeName, StyleSheet } from 'react-native';
-import { getTheme } from './theme';
-import type { MarkedStyles, Theme } from './types';
+import spacing from './spacing';
+import colors, { type ColorsPropType } from './colors';
+import type { MarkedStyles, UserTheme } from './types';
 
-const getFontStyles = (theme: Theme) => {
+const getFontStyles = (mdColors: ColorsPropType) => {
   return StyleSheet.create({
     regular: {
       fontSize: 16,
       lineHeight: 24,
-      color: theme.colors.text,
+      color: mdColors.text,
     },
     heading: {
       fontWeight: '500',
-      color: theme.colors.text,
+      color: mdColors.text,
     },
   });
 };
 
 const getStyles = (
   userStyles?: MarkedStyles,
-  colorScheme?: ColorSchemeName
+  colorScheme?: ColorSchemeName,
+  userTheme?: UserTheme
 ): MarkedStyles => {
-  const theme = getTheme(colorScheme || 'light');
-  const fontStyle = getFontStyles(theme);
+  const mdColors = { ...colors[colorScheme || 'light'], ...userTheme?.colors };
+  const mdSpacing = { ...spacing, ...userTheme?.spacing };
+
+  const fontStyle = getFontStyles(mdColors);
   const defaultStyles = StyleSheet.create<MarkedStyles>({
     container: {
-      backgroundColor: theme.colors.background,
+      backgroundColor: mdColors.background,
     },
     em: {
       ...fontStyle.regular,
@@ -44,76 +48,76 @@ const getStyles = (
     },
     paragraph: {
       ...fontStyle.regular,
-      paddingVertical: 8,
+      paddingVertical: mdSpacing.m,
     },
     link: {
       ...fontStyle.regular,
       fontStyle: 'italic',
-      color: theme.colors.link,
+      color: mdColors.link,
     },
     blockquote: {
-      borderLeftColor: theme.colors.border,
-      paddingLeft: 16,
-      borderLeftWidth: 5,
+      borderLeftColor: mdColors.border,
+      paddingLeft: mdSpacing.l,
+      borderLeftWidth: mdSpacing.s,
       opacity: 0.8,
     },
     h1: {
       fontSize: 32,
       lineHeight: 40,
       fontWeight: 'bold',
-      marginVertical: 8,
+      marginVertical: mdSpacing.m,
       letterSpacing: 0,
-      paddingBottom: 4,
-      borderBottomColor: theme.colors.border,
+      paddingBottom: mdSpacing.s,
+      borderBottomColor: mdColors.border,
       borderBottomWidth: 1,
     },
     h2: {
       ...fontStyle.heading,
       fontSize: 28,
       lineHeight: 36,
-      marginVertical: 8,
-      paddingBottom: 4,
-      borderBottomColor: theme.colors.border,
+      marginVertical: mdSpacing.m,
+      paddingBottom: mdSpacing.s,
+      borderBottomColor: mdColors.border,
       borderBottomWidth: 1,
     },
     h3: {
       ...fontStyle.heading,
       fontSize: 24,
       lineHeight: 32,
-      marginVertical: 4,
+      marginVertical: mdSpacing.s,
     },
     h4: {
       ...fontStyle.heading,
       fontSize: 22,
       lineHeight: 28,
-      marginVertical: 4,
+      marginVertical: mdSpacing.s,
     },
     h5: {
       ...fontStyle.regular,
       ...fontStyle.heading,
-      marginVertical: 2,
+      marginVertical: mdSpacing.xs,
     },
     h6: {
       ...fontStyle.heading,
       fontSize: 14,
       lineHeight: 20,
-      marginVertical: 2,
+      marginVertical: mdSpacing.xs,
     },
     codespan: {
       ...fontStyle.regular,
       fontStyle: 'italic',
-      backgroundColor: theme.colors.code,
+      backgroundColor: mdColors.code,
       fontWeight: '300',
     },
     code: {
-      padding: 16,
-      backgroundColor: theme.colors.code,
+      padding: mdSpacing.l,
+      backgroundColor: mdColors.code,
       minWidth: '100%',
     },
     hr: {
       borderBottomWidth: 1,
-      borderBottomColor: theme.colors.border,
-      marginVertical: 4,
+      borderBottomColor: mdColors.border,
+      marginVertical: mdSpacing.s,
     },
     li: {
       ...fontStyle.regular,

package/src/theme/types.ts

@@ -1,4 +1,6 @@
 import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+import type { ColorKeysType } from './colors';
+import type { SpacingKeysType } from './spacing';
 
 export interface MarkedStyles {
   container?: ViewStyle;
@@ -23,8 +25,7 @@ export interface MarkedStyles {
   image?: ImageStyle;
 }
 
-export type ColorKeys = 'background' | 'code' | 'link' | 'text' | 'border';
-
-export interface Theme {
-  colors: Record<ColorKeys, string>;
+export interface UserTheme {
+  colors?: Record<ColorKeysType, string>;
+  spacing?: Record<SpacingKeysType, number>;
 }

package/dist/commonjs/theme/theme.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTheme = void 0;
-
-var _colors = _interopRequireDefault(require("./colors"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const getTheme = theme => {
-  return {
-    colors: _colors.default[theme || 'light']
-  };
-};
-
-exports.getTheme = getTheme;
-//# sourceMappingURL=theme.js.map

package/dist/commonjs/theme/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getTheme","theme","colors"],"sourceRoot":"../../src","sources":["theme.ts"],"mappings":";;;;;;;AACA;;;;AAGO,MAAMA,QAAQ,GAAIC,KAAD,IAAmC;EACzD,OAAO;IACLC,MAAM,EAAEA,eAAA,CAAOD,KAAK,IAAI,OAAhB;EADH,CAAP;AAGD,CAJM"}

package/dist/module/theme/theme.js

@@ -1,7 +0,0 @@
-import colors from './colors';
-export const getTheme = theme => {
-  return {
-    colors: colors[theme || 'light']
-  };
-};
-//# sourceMappingURL=theme.js.map

package/dist/module/theme/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["colors","getTheme","theme"],"sourceRoot":"../../src","sources":["theme.ts"],"mappings":"AACA,OAAOA,MAAP,MAAmB,UAAnB;AAGA,OAAO,MAAMC,QAAQ,GAAIC,KAAD,IAAmC;EACzD,OAAO;IACLF,MAAM,EAAEA,MAAM,CAACE,KAAK,IAAI,OAAV;EADT,CAAP;AAGD,CAJM"}

package/dist/typescript/theme/theme.d.ts

@@ -1,4 +0,0 @@
-import type { ColorSchemeName } from 'react-native';
-import type { Theme } from './types';
-export declare const getTheme: (theme: ColorSchemeName) => Theme;
-//# sourceMappingURL=theme.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,QAAQ,UAAW,eAAe,KAAG,KAIjD,CAAC"}

package/src/theme/theme.ts

@@ -1,9 +0,0 @@
-import type { ColorSchemeName } from 'react-native';
-import colors from './colors';
-import type { Theme } from './types';
-
-export const getTheme = (theme: ColorSchemeName): Theme => {
-  return {
-    colors: colors[theme || 'light'],
-  };
-};