react-restyle-components 0.2.20 → 0.2.22

package/README.md

@@ -22,6 +22,8 @@ Github: www.github.com/appasaheb4 <br />
 Website: www.tech-abl.com
 ☆━━━━━━━━━━━━━━━━━━━☆☆━━━━━━━━━━━━━━━━━━━☆
 
+### If you use pdf components ref : [a relative link](PDF-README.md)
+
 ## Contributes / Support
 
 1.  More content here : https://www.youtube.com/@techabl

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.20",
+  "version": "0.2.22",
   "private": false,
   "description": "Easy use restyle components",
   "author": {

package/lib/src/App.js

@@ -1,10 +1,11 @@
 import React, { useState } from 'react';
 import './App.css';
-import { ColorPickerModal, } from './core-components';
+import { ColorPickerModal, PdfMedium, } from './core-components';
 function App() {
     const [color, setColor] = useState('#aabbcc');
     return (React.createElement("div", { className: "flex flex-col gap-4 p-4" },
         React.createElement("p", { style: { margin: '0 0 10px 0' } }, "Autocomplete Comp."),
-        React.createElement(ColorPickerModal, { color: color, onChange: setColor })));
+        React.createElement(ColorPickerModal, { color: color, onChange: setColor }),
+        React.createElement(PdfMedium, null, "hi")));
 }
 export default App;

package/lib/src/core-components/atoms/pdf/pdf-typography.components.d.ts

@@ -11,10 +11,10 @@ interface PdfTextProps {
     fixed?: boolean;
     children?: React.ReactNode;
 }
-export declare const PdfHeading: ({ fontWeight, fontSize, style, children, }: PdfTextProps) => React.JSX.Element;
-export declare const PdfSubHeading: ({ fontWeight, fontSize, style, children, }: PdfTextProps) => React.JSX.Element;
-export declare const PdfMedium: ({ fontWeight, fontSize, textAlign, style, children, }: PdfTextProps) => React.JSX.Element;
-export declare const PdfRegular: ({ fontWeight, fontSize, textAlign, style, children, }: PdfTextProps) => React.JSX.Element;
-export declare const PdfSmall: ({ fontSize, fontWeight, textAlign, lineHeight, fixed, style, children, }: PdfTextProps) => React.JSX.Element;
+export declare const PdfHeading: ({ fontWeight, fontSize, fontFamily, style, children, }: PdfTextProps) => React.JSX.Element;
+export declare const PdfSubHeading: ({ fontWeight, fontSize, fontFamily, style, children, }: PdfTextProps) => React.JSX.Element;
+export declare const PdfMedium: ({ fontWeight, fontSize, textAlign, fontFamily, style, children, }: PdfTextProps) => React.JSX.Element;
+export declare const PdfRegular: ({ fontWeight, fontSize, textAlign, fontFamily, style, children, }: PdfTextProps) => React.JSX.Element;
+export declare const PdfSmall: ({ fontSize, fontFamily, fontWeight, textAlign, lineHeight, fixed, style, children, }: PdfTextProps) => React.JSX.Element;
 export declare const PdfPageNumber: ({ style, bottom }: PdfTextProps) => React.JSX.Element;
 export {};

package/lib/src/core-components/atoms/pdf/pdf-typography.components.js

@@ -4,7 +4,7 @@ Font.register({
     family: 'ArimaBold',
     fonts: [
         {
-            src: '../../../library/assets/fonts/arima/arima-bold.ttf',
+            src: require('/src/library/assets/fonts/arima/arima-bold.ttf'),
             fontStyle: 'normal',
             fontWeight: 'bold',
         },
@@ -12,41 +12,46 @@ Font.register({
 });
 Font.register({
     family: 'ArimaRegular',
-    src: '../../../library/assets/fonts/arima/arima-regular.ttf',
+    src: require('/src/library/assets/fonts/arima/arima-regular.ttf'),
 });
-export const PdfHeading = ({ fontWeight = 'bold', fontSize = 22, style, children, }) => {
+export const PdfHeading = ({ fontWeight = 'bold', fontSize = 22, fontFamily = 'ArimaRegular', style, children, }) => {
     return (React.createElement(Text, { style: {
             fontWeight: fontWeight,
             fontSize: fontSize,
+            fontFamily: fontFamily,
             ...style,
         } }, children));
 };
-export const PdfSubHeading = ({ fontWeight = 'bold', fontSize = 20, style, children, }) => {
+export const PdfSubHeading = ({ fontWeight = 'bold', fontSize = 20, fontFamily = 'ArimaRegular', style, children, }) => {
     return (React.createElement(Text, { style: {
             fontWeight: fontWeight,
             fontSize: fontSize,
+            fontFamily: fontFamily,
             ...style,
         } }, children));
 };
-export const PdfMedium = ({ fontWeight = 'medium', fontSize = 16, textAlign = 'left', style, children, }) => {
+export const PdfMedium = ({ fontWeight = 'medium', fontSize = 16, textAlign = 'left', fontFamily = 'ArimaRegular', style, children, }) => {
     return (React.createElement(Text, { style: {
             fontWeight: fontWeight,
             fontSize: fontSize,
+            fontFamily: fontFamily,
             textAlign: textAlign,
             ...style,
         } }, children));
 };
-export const PdfRegular = ({ fontWeight = 'normal', fontSize = 12, textAlign = 'left', style, children, }) => {
+export const PdfRegular = ({ fontWeight = 'normal', fontSize = 12, textAlign = 'left', fontFamily = 'ArimaRegular', style, children, }) => {
     return (React.createElement(Text, { style: {
             fontWeight: fontWeight,
             fontSize: fontSize,
+            fontFamily: fontFamily,
             textAlign: textAlign,
             ...style,
         } }, children));
 };
-export const PdfSmall = ({ fontSize = 10, fontWeight = 'normal', textAlign = 'left', lineHeight = 0, fixed = false, style, children, }) => {
+export const PdfSmall = ({ fontSize = 10, fontFamily = 'ArimaRegular', fontWeight = 'normal', textAlign = 'left', lineHeight = 0, fixed = false, style, children, }) => {
     return (React.createElement(Text, { style: {
             fontSize: fontSize,
+            fontFamily: fontFamily,
             fontWeight: fontWeight,
             lineHeight: lineHeight,
             textAlign: textAlign,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.20",
+  "version": "0.2.22",
   "private": false,
   "description": "Easy use restyle components",
   "author": {