@pushwoosh/kit-typography 1.0.2 → 1.1.0

package/lib/code/code.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { CodeProps } from './code.types';
-export declare const Code: React.ForwardRefExoticComponent<Pick<CodeProps, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+export declare function Code(props: CodeProps): JSX.Element;

package/lib/code/code.types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare type CodeProps = JSX.IntrinsicElements['div'] & {
+export declare type CodeProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly children: React.ReactNode;
 };

package/lib/code/index.d.ts

@@ -1,3 +1,3 @@
 export * from './code.component';
-export * from './code.styled';
+export * from './code.styles';
 export * from './code.types';

package/lib/footnote/footnote.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { FootnoteProps } from './footnote.types';
-export declare const Footnote: React.ForwardRefExoticComponent<Pick<FootnoteProps, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+export declare function Footnote(props: FootnoteProps): JSX.Element;

package/lib/footnote/footnote.types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare type FootnoteProps = JSX.IntrinsicElements['div'] & {
+export declare type FootnoteProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly children: React.ReactNode;
 };

package/lib/footnote/index.d.ts

@@ -1,3 +1,3 @@
 export * from './footnote.component';
-export * from './footnote.styled';
+export * from './footnote.styles';
 export * from './footnote.types';

package/lib/h1/h1.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { H1Props } from './h1.types';
-export declare const H1: React.ForwardRefExoticComponent<Pick<H1Props, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>;
+export declare function H1(props: H1Props): JSX.Element;

package/lib/h1/h1.types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare type H1Props = JSX.IntrinsicElements['h1'] & {
+export declare type H1Props = Omit<JSX.IntrinsicElements['h1'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLHeadingElement>;
     readonly children: React.ReactNode;
 };

package/lib/h1/index.d.ts

@@ -1,3 +1,3 @@
 export * from './h1.component';
-export * from './h1.styled';
+export * from './h1.styles';
 export * from './h1.types';

package/lib/h2/h2.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { H2Props } from './h2.types';
-export declare const H2: React.ForwardRefExoticComponent<Pick<H2Props, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>;
+export declare function H2(props: H2Props): JSX.Element;

package/lib/h2/h2.types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare type H2Props = JSX.IntrinsicElements['h2'] & {
+export declare type H2Props = Omit<JSX.IntrinsicElements['h2'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLHeadingElement>;
     readonly children: React.ReactNode;
 };

package/lib/h2/index.d.ts

@@ -1,3 +1,3 @@
 export * from './h2.component';
-export * from './h2.styled';
+export * from './h2.styles';
 export * from './h2.types';

package/lib/h3/h3.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { H3Props } from './h3.types';
-export declare const H3: React.ForwardRefExoticComponent<Pick<H3Props, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>;
+export declare function H3(props: H3Props): JSX.Element;

package/lib/h3/h3.types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare type H3Props = JSX.IntrinsicElements['h3'] & {
+export declare type H3Props = Omit<JSX.IntrinsicElements['h3'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLHeadingElement>;
     readonly children: React.ReactNode;
 };

package/lib/h3/index.d.ts

@@ -1,3 +1,3 @@
 export * from './h3.component';
-export * from './h3.styled';
+export * from './h3.styles';
 export * from './h3.types';

package/lib/h4/h4.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { H4Props } from './h4.types';
-export declare const H4: React.ForwardRefExoticComponent<Pick<H4Props, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>;
+export declare function H4(props: H4Props): JSX.Element;

package/lib/h4/h4.types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare type H4Props = JSX.IntrinsicElements['h4'] & {
+export declare type H4Props = Omit<JSX.IntrinsicElements['h4'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLHeadingElement>;
     readonly children: React.ReactNode;
 };

package/lib/h4/index.d.ts

@@ -1,3 +1,3 @@
 export * from './h4.component';
-export * from './h4.styled';
+export * from './h4.styles';
 export * from './h4.types';

package/lib/h5/h5.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { H5Props } from './h5.types';
-export declare const H5: React.ForwardRefExoticComponent<Pick<H5Props, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.RefAttributes<HTMLHeadingElement>>;
+export declare function H5(props: H5Props): JSX.Element;

package/lib/h5/h5.types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare type H5Props = JSX.IntrinsicElements['h5'] & {
+export declare type H5Props = Omit<JSX.IntrinsicElements['h5'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLHeadingElement>;
     readonly children: React.ReactNode;
 };

package/lib/h5/index.d.ts

@@ -1,3 +1,3 @@
 export * from './h5.component';
-export * from './h5.styled';
+export * from './h5.styles';
 export * from './h5.types';

package/lib/index.js

@@ -1,2 +1,2 @@
-!function(n,e){for(var t in e)n[t]=e[t]}(exports,function(n){var e={};function t(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return n[o].call(i.exports,i,i.exports,t),i.l=!0,i.exports}return t.m=n,t.c=e,t.d=function(n,e,o){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:o})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var i in n)t.d(o,i,function(e){return n[e]}.bind(null,i));return o},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="/",t(t.s=4)}([function(n,e){n.exports=require("@pushwoosh/kit-constants")},function(n,e){n.exports=require("tslib")},function(n,e){n.exports=require("react")},function(n,e){n.exports=require("styled-components")},function(n,e,t){"use strict";t.r(e),t.d(e,"Code",(function(){return s})),t.d(e,"CodeBox",(function(){return m})),t.d(e,"Footnote",(function(){return h})),t.d(e,"FootnoteBox",(function(){return g})),t.d(e,"GlobalStyles",(function(){return p})),t.d(e,"H1",(function(){return O})),t.d(e,"H1Box",(function(){return b})),t.d(e,"H2",(function(){return j})),t.d(e,"H2Box",(function(){return H})),t.d(e,"H3",(function(){return _})),t.d(e,"H3Box",(function(){return F})),t.d(e,"H4",(function(){return z})),t.d(e,"H4Box",(function(){return v})),t.d(e,"H5",(function(){return I})),t.d(e,"H5Box",(function(){return E})),t.d(e,"Paragraph",(function(){return L})),t.d(e,"ParagraphBox",(function(){return B}));var o,i=t(1),a=t(2),r=t.n(a),f=t(3),l=t.n(f),c=t(0),m=l.a.div.withConfig({displayName:"CodeBox",componentId:"sc-14m2602-0"})(o||(o=Object(i.__makeTemplateObject)(["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),c.FontFamily.MONO,c.FontSize.REGULAR,c.FontWeight.REGULAR,c.LineHeight.REGULAR);m.displayName="CodeBox";var s=Object(a.forwardRef)((function(n,e){return r.a.createElement(m,Object(i.__assign)({},n,{ref:e}))}));s.displayName="Code";var u,g=l.a.div.withConfig({displayName:"FootnoteBox",componentId:"sc-1821e7p-0"})(u||(u=Object(i.__makeTemplateObject)(["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),c.FontFamily.MAIN,c.FontSize.SMALL,c.FontWeight.REGULAR,c.LineHeight.SMALL);g.displayName="FootnoteBox";var h=Object(a.forwardRef)((function(n,e){return r.a.createElement(g,Object(i.__assign)({},n,{ref:e}))}));h.displayName="Footnote";var d,p=Object(f.createGlobalStyle)(d||(d=Object(i.__makeTemplateObject)(["\n  *, *:before, *:after {\n    box-sizing: border-box;\n  }\n\n  body {\n    color: ",";\n\n    font-family: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: ",";\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  button {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n"],["\n  *, *:before, *:after {\n    box-sizing: border-box;\n  }\n\n  body {\n    color: ",";\n\n    font-family: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: ",";\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  button {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n"])),c.Color.MAIN,c.FontFamily.MAIN,c.FontSize.REGULAR,c.FontWeight.REGULAR,c.LineHeight.REGULAR);p.displayName="GlobalStyles";var y,b=l.a.h1.withConfig({displayName:"H1Box",componentId:"sc-l11kcw-0"})(y||(y=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),c.FontFamily.MAIN,c.FontSize.HEADING1,c.FontWeight.BOLD,c.LineHeight.HEADING1);b.displayName="H1Box";var O=Object(a.forwardRef)((function(n,e){return r.a.createElement(b,Object(i.__assign)({},n,{ref:e}))}));O.displayName="H1";var N,H=l.a.h2.withConfig({displayName:"H2Box",componentId:"sc-etqriv-0"})(N||(N=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),c.FontFamily.MAIN,c.FontSize.HEADING2,c.FontWeight.BOLD,c.LineHeight.HEADING2);H.displayName="H2Box";var j=Object(a.forwardRef)((function(n,e){return r.a.createElement(H,Object(i.__assign)({},n,{ref:e}))}));j.displayName="H2";var x,F=l.a.h3.withConfig({displayName:"H3Box",componentId:"sc-sl0v9x-0"})(x||(x=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),c.FontFamily.MAIN,c.FontSize.HEADING3,c.FontWeight.BOLD,c.LineHeight.HEADING3);F.displayName="H3Box";var _=Object(a.forwardRef)((function(n,e){return r.a.createElement(F,Object(i.__assign)({},n,{ref:e}))}));_.displayName="H3";var w,v=l.a.h4.withConfig({displayName:"H4Box",componentId:"sc-30i0ka-0"})(w||(w=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),c.FontFamily.MAIN,c.FontSize.HEADING4,c.FontWeight.MEDIUM,c.LineHeight.HEADING4);v.displayName="H4Box";var z=Object(a.forwardRef)((function(n,e){return r.a.createElement(v,Object(i.__assign)({},n,{ref:e}))}));z.displayName="H4";var A,E=l.a.h5.withConfig({displayName:"H5Box",componentId:"sc-7v2on0-0"})(A||(A=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),c.FontFamily.MAIN,c.FontSize.HEADING5,c.FontWeight.MEDIUM,c.LineHeight.HEADING5);E.displayName="H5Box";var I=Object(a.forwardRef)((function(n,e){return r.a.createElement(E,Object(i.__assign)({},n,{ref:e}))}));I.displayName="H5";var R,B=l.a.p.withConfig({displayName:"ParagraphBox",componentId:"sc-1b7qsb1-0"})(R||(R=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n\n  & + & {\n    margin: .5em 0 0;\n  }\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n\n  & + & {\n    margin: .5em 0 0;\n  }\n"])),c.FontFamily.MAIN,c.FontSize.REGULAR,c.FontWeight.REGULAR,c.LineHeight.REGULAR);B.displayName="ParagraphBox";var L=Object(a.forwardRef)((function(n,e){return r.a.createElement(B,Object(i.__assign)({},n,{ref:e}))}));L.displayName="Paragraph"}]));
+!function(n,e){for(var t in e)n[t]=e[t]}(exports,function(n){var e={};function t(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return n[o].call(i.exports,i,i.exports,t),i.l=!0,i.exports}return t.m=n,t.c=e,t.d=function(n,e,o){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:o})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var i in n)t.d(o,i,function(e){return n[e]}.bind(null,i));return o},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="/",t(t.s=4)}([function(n,e){n.exports=require("@pushwoosh/kit-constants")},function(n,e){n.exports=require("tslib")},function(n,e){n.exports=require("styled-components")},function(n,e){n.exports=require("react")},function(n,e,t){"use strict";t.r(e),t.d(e,"Code",(function(){return m})),t.d(e,"CodeBox",(function(){return s})),t.d(e,"Footnote",(function(){return h})),t.d(e,"FootnoteBox",(function(){return g})),t.d(e,"GlobalStyles",(function(){return d})),t.d(e,"H1",(function(){return x})),t.d(e,"H1Box",(function(){return y})),t.d(e,"H2",(function(){return j})),t.d(e,"H2Box",(function(){return O})),t.d(e,"H3",(function(){return N})),t.d(e,"H3Box",(function(){return H})),t.d(e,"H4",(function(){return z})),t.d(e,"H4Box",(function(){return w})),t.d(e,"H5",(function(){return v})),t.d(e,"H5Box",(function(){return E})),t.d(e,"Paragraph",(function(){return L})),t.d(e,"ParagraphBox",(function(){return B}));var o,i=t(1),r=t(3),a=t.n(r),f=t(2),c=t.n(f),l=t(0),s=c.a.div.withConfig({displayName:"CodeBox",componentId:"sc-13vq2rn-0"})(o||(o=Object(i.__makeTemplateObject)(["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),l.FontFamily.MONO,l.FontSize.REGULAR,l.FontWeight.REGULAR,l.LineHeight.REGULAR);function m(n){var e=n.boxRef,t=Object(i.__rest)(n,["boxRef"]);return a.a.createElement(s,Object(i.__assign)({},t,{ref:e}))}s.displayName="CodeBox";var u,g=c.a.div.withConfig({displayName:"FootnoteBox",componentId:"sc-36yg3x-0"})(u||(u=Object(i.__makeTemplateObject)(["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),l.FontFamily.MAIN,l.FontSize.SMALL,l.FontWeight.REGULAR,l.LineHeight.SMALL);function h(n){var e=n.boxRef,t=Object(i.__rest)(n,["boxRef"]);return a.a.createElement(g,Object(i.__assign)({},t,{ref:e}))}g.displayName="FootnoteBox";var b,d=Object(f.createGlobalStyle)(b||(b=Object(i.__makeTemplateObject)(["\n  *, *:before, *:after {\n    box-sizing: border-box;\n  }\n\n  body {\n    color: ",";\n\n    font-family: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: ",";\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  button, a {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n"],["\n  *, *:before, *:after {\n    box-sizing: border-box;\n  }\n\n  body {\n    color: ",";\n\n    font-family: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: ",";\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  button, a {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n"])),l.Color.MAIN,l.FontFamily.MAIN,l.FontSize.REGULAR,l.FontWeight.REGULAR,l.LineHeight.REGULAR);d.displayName="GlobalStyles";var p,y=c.a.h1.withConfig({displayName:"H1Box",componentId:"sc-yascqk-0"})(p||(p=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),l.FontFamily.MAIN,l.FontSize.HEADING1,l.FontWeight.BOLD,l.LineHeight.HEADING1);function x(n){var e=n.boxRef,t=Object(i.__rest)(n,["boxRef"]);return a.a.createElement(y,Object(i.__assign)({},t,{ref:e}))}y.displayName="H1Box";var _,O=c.a.h2.withConfig({displayName:"H2Box",componentId:"sc-ppq866-0"})(_||(_=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),l.FontFamily.MAIN,l.FontSize.HEADING2,l.FontWeight.BOLD,l.LineHeight.HEADING2);function j(n){var e=n.boxRef,t=Object(i.__rest)(n,["boxRef"]);return a.a.createElement(O,Object(i.__assign)({},t,{ref:e}))}O.displayName="H2Box";var F,H=c.a.h3.withConfig({displayName:"H3Box",componentId:"sc-hm5pt2-0"})(F||(F=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),l.FontFamily.MAIN,l.FontSize.HEADING3,l.FontWeight.BOLD,l.LineHeight.HEADING3);function N(n){var e=n.boxRef,t=Object(i.__rest)(n,["boxRef"]);return a.a.createElement(H,Object(i.__assign)({},t,{ref:e}))}H.displayName="H3Box";var R,w=c.a.h4.withConfig({displayName:"H4Box",componentId:"sc-i2n3xx-0"})(R||(R=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),l.FontFamily.MAIN,l.FontSize.HEADING4,l.FontWeight.MEDIUM,l.LineHeight.HEADING4);function z(n){var e=n.boxRef,t=Object(i.__rest)(n,["boxRef"]);return a.a.createElement(w,Object(i.__assign)({},t,{ref:e}))}w.displayName="H4Box";var A,E=c.a.h5.withConfig({displayName:"H5Box",componentId:"sc-1j97w5u-0"})(A||(A=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n"])),l.FontFamily.MAIN,l.FontSize.HEADING5,l.FontWeight.MEDIUM,l.LineHeight.HEADING5);function v(n){var e=n.boxRef,t=Object(i.__rest)(n,["boxRef"]);return a.a.createElement(E,Object(i.__assign)({},t,{ref:e}))}E.displayName="H5Box";var I,B=c.a.p.withConfig({displayName:"ParagraphBox",componentId:"sc-353jjb-0"})(I||(I=Object(i.__makeTemplateObject)(["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n\n  & + & {\n    margin: .5em 0 0;\n  }\n"],["\n  margin: 0;\n\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n\n  & + & {\n    margin: .5em 0 0;\n  }\n"])),l.FontFamily.MAIN,l.FontSize.REGULAR,l.FontWeight.REGULAR,l.LineHeight.REGULAR);function L(n){var e=n.boxRef,t=Object(i.__rest)(n,["boxRef"]);return a.a.createElement(B,Object(i.__assign)({},t,{ref:e}))}B.displayName="ParagraphBox"}]));
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"@pushwoosh/kit-constants\"","webpack:///external \"tslib\"","webpack:///external \"react\"","webpack:///external \"styled-components\"","webpack:///./src/code/code.styled.tsx","webpack:///./src/code/code.component.tsx","webpack:///./src/footnote/footnote.styled.tsx","webpack:///./src/footnote/footnote.component.tsx","webpack:///./src/global-styles/global-styles.component.tsx","webpack:///./src/h1/h1.styled.tsx","webpack:///./src/h1/h1.component.tsx","webpack:///./src/h2/h2.styled.tsx","webpack:///./src/h2/h2.component.tsx","webpack:///./src/h3/h3.styled.tsx","webpack:///./src/h3/h3.component.tsx","webpack:///./src/h4/h4.styled.tsx","webpack:///./src/h4/h4.component.tsx","webpack:///./src/h5/h5.styled.tsx","webpack:///./src/h5/h5.component.tsx","webpack:///./src/paragraph/paragraph.styled.tsx","webpack:///./src/paragraph/paragraph.component.tsx"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","require","CodeBox","div","MONO","REGULAR","displayName","Code","props","$ref","ref","FootnoteBox","MAIN","SMALL","Footnote","GlobalStyles","H1Box","h1","HEADING1","BOLD","H1","H2Box","h2","HEADING2","H2","H3Box","h3","HEADING3","H3","H4Box","h4","HEADING4","MEDIUM","H4","H5Box","h5","HEADING5","H5","ParagraphBox","Paragraph"],"mappings":"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","file":"index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 4);\n","module.exports = require(\"@pushwoosh/kit-constants\");","module.exports = require(\"tslib\");","module.exports = require(\"react\");","module.exports = require(\"styled-components\");","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const CodeBox = styled.div`\n  font-family: ${FontFamily.MONO};\n  font-size: ${FontSize.REGULAR};\n  font-weight: ${FontWeight.REGULAR};\n  line-height: ${LineHeight.REGULAR};\n`;\n\nCodeBox.displayName = 'CodeBox';\n","import React, { forwardRef } from 'react';\n\nimport { CodeBox } from './code.styled';\nimport { CodeProps } from './code.types';\n\nexport const Code = (\n  forwardRef<HTMLDivElement, CodeProps>(\n    (props, $ref): JSX.Element => (\n      <CodeBox {...props} ref={$ref} />\n    ),\n  )\n);\n\nCode.displayName = 'Code';\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const FootnoteBox = styled.div`\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.SMALL};\n  font-weight: ${FontWeight.REGULAR};\n  line-height: ${LineHeight.SMALL};\n`;\n\nFootnoteBox.displayName = 'FootnoteBox';\n","import React, { forwardRef } from 'react';\n\nimport { FootnoteBox } from './footnote.styled';\nimport { FootnoteProps } from './footnote.types';\n\nexport const Footnote = (\n  forwardRef<HTMLDivElement, FootnoteProps>(\n    (props, $ref): JSX.Element => (\n      <FootnoteBox {...props} ref={$ref} />\n    ),\n  )\n);\n\nFootnote.displayName = 'Footnote';\n","import { createGlobalStyle } from 'styled-components';\n\nimport {\n  Color,\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const GlobalStyles = createGlobalStyle`\n  *, *:before, *:after {\n    box-sizing: border-box;\n  }\n\n  body {\n    color: ${Color.MAIN};\n\n    font-family: ${FontFamily.MAIN};\n    font-size: ${FontSize.REGULAR};\n    font-weight: ${FontWeight.REGULAR};\n    line-height: ${LineHeight.REGULAR};\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  button {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n`;\n\nGlobalStyles.displayName = 'GlobalStyles';\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const H1Box = styled.h1`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.HEADING1};\n  font-weight: ${FontWeight.BOLD};\n  line-height: ${LineHeight.HEADING1};\n`;\n\nH1Box.displayName = 'H1Box';\n","import React, { forwardRef } from 'react';\n\nimport { H1Box } from './h1.styled';\nimport { H1Props } from './h1.types';\n\nexport const H1 = (\n  forwardRef<HTMLHeadingElement, H1Props>(\n    (props, $ref): JSX.Element => (\n      <H1Box {...props} ref={$ref} />\n    ),\n  )\n);\n\nH1.displayName = 'H1';\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const H2Box = styled.h2`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.HEADING2};\n  font-weight: ${FontWeight.BOLD};\n  line-height: ${LineHeight.HEADING2};\n`;\n\nH2Box.displayName = 'H2Box';\n","import React, { forwardRef } from 'react';\n\nimport { H2Box } from './h2.styled';\nimport { H2Props } from './h2.types';\n\nexport const H2 = (\n  forwardRef<HTMLHeadingElement, H2Props>(\n    (props, $ref): JSX.Element => (\n      <H2Box {...props} ref={$ref} />\n    ),\n  )\n);\n\nH2.displayName = 'H2';\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const H3Box = styled.h3`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.HEADING3};\n  font-weight: ${FontWeight.BOLD};\n  line-height: ${LineHeight.HEADING3};\n`;\n\nH3Box.displayName = 'H3Box';\n","import React, { forwardRef } from 'react';\n\nimport { H3Box } from './h3.styled';\nimport { H3Props } from './h3.types';\n\nexport const H3 = (\n  forwardRef<HTMLHeadingElement, H3Props>(\n    (props, $ref): JSX.Element => (\n      <H3Box {...props} ref={$ref} />\n    ),\n  )\n);\n\nH3.displayName = 'H3';\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const H4Box = styled.h4`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.HEADING4};\n  font-weight: ${FontWeight.MEDIUM};\n  line-height: ${LineHeight.HEADING4};\n`;\n\nH4Box.displayName = 'H4Box';\n","import React, { forwardRef } from 'react';\n\nimport { H4Box } from './h4.styled';\nimport { H4Props } from './h4.types';\n\nexport const H4 = (\n  forwardRef<HTMLHeadingElement, H4Props>(\n    (props, $ref): JSX.Element => (\n      <H4Box {...props} ref={$ref} />\n    ),\n  )\n);\n\nH4.displayName = 'H4';\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const H5Box = styled.h5`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.HEADING5};\n  font-weight: ${FontWeight.MEDIUM};\n  line-height: ${LineHeight.HEADING5};\n`;\n\nH5Box.displayName = 'H5Box';\n","import React, { forwardRef } from 'react';\n\nimport { H5Box } from './h5.styled';\nimport { H5Props } from './h5.types';\n\nexport const H5 = (\n  forwardRef<HTMLHeadingElement, H5Props>(\n    (props, $ref): JSX.Element => (\n      <H5Box {...props} ref={$ref} />\n    ),\n  )\n);\n\nH5.displayName = 'H5';\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const ParagraphBox = styled.p`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.REGULAR};\n  font-weight: ${FontWeight.REGULAR};\n  line-height: ${LineHeight.REGULAR};\n\n  & + & {\n    margin: .5em 0 0;\n  }\n`;\n\nParagraphBox.displayName = 'ParagraphBox';\n","import React, { forwardRef } from 'react';\n\nimport { ParagraphBox } from './paragraph.styled';\nimport { ParagraphProps } from './paragraph.types';\n\nexport const Paragraph = (\n  forwardRef<HTMLParagraphElement, ParagraphProps>(\n    (props, $ref): JSX.Element => (\n      <ParagraphBox {...props} ref={$ref} />\n    ),\n  )\n);\n\nParagraph.displayName = 'Paragraph';\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"@pushwoosh/kit-constants\"","webpack:///external \"tslib\"","webpack:///external \"styled-components\"","webpack:///external \"react\"","webpack:///./src/code/code.styles.tsx","webpack:///./src/code/code.component.tsx","webpack:///./src/footnote/footnote.styles.tsx","webpack:///./src/footnote/footnote.component.tsx","webpack:///./src/global-styles/global-styles.component.tsx","webpack:///./src/h1/h1.styles.tsx","webpack:///./src/h1/h1.component.tsx","webpack:///./src/h2/h2.styles.tsx","webpack:///./src/h2/h2.component.tsx","webpack:///./src/h3/h3.styles.tsx","webpack:///./src/h3/h3.component.tsx","webpack:///./src/h4/h4.styles.tsx","webpack:///./src/h4/h4.component.tsx","webpack:///./src/h5/h5.styles.tsx","webpack:///./src/h5/h5.component.tsx","webpack:///./src/paragraph/paragraph.styles.tsx","webpack:///./src/paragraph/paragraph.component.tsx"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","require","CodeBox","div","MONO","REGULAR","Code","props","boxRef","rest","ref","displayName","FootnoteBox","MAIN","SMALL","Footnote","GlobalStyles","H1Box","h1","HEADING1","BOLD","H1","H2Box","h2","HEADING2","H2","H3Box","h3","HEADING3","H3","H4Box","h4","HEADING4","MEDIUM","H4","H5Box","h5","HEADING5","H5","ParagraphBox","Paragraph"],"mappings":"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","file":"index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 4);\n","module.exports = require(\"@pushwoosh/kit-constants\");","module.exports = require(\"tslib\");","module.exports = require(\"styled-components\");","module.exports = require(\"react\");","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const CodeBox = styled.div`\n  font-family: ${FontFamily.MONO};\n  font-size: ${FontSize.REGULAR};\n  font-weight: ${FontWeight.REGULAR};\n  line-height: ${LineHeight.REGULAR};\n`;\n\nCodeBox.displayName = 'CodeBox';\n","import React from 'react';\n\nimport { CodeBox } from './code.styles';\nimport { CodeProps } from './code.types';\n\nexport function Code(props: CodeProps): JSX.Element {\n  const { boxRef, ...rest } = props;\n\n  return (\n    <CodeBox {...rest} ref={boxRef} />\n  );\n}\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const FootnoteBox = styled.div`\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.SMALL};\n  font-weight: ${FontWeight.REGULAR};\n  line-height: ${LineHeight.SMALL};\n`;\n\nFootnoteBox.displayName = 'FootnoteBox';\n","import React from 'react';\n\nimport { FootnoteBox } from './footnote.styles';\nimport { FootnoteProps } from './footnote.types';\n\nexport function Footnote(props: FootnoteProps): JSX.Element {\n  const { boxRef, ...rest } = props;\n\n  return (\n    <FootnoteBox {...rest} ref={boxRef} />\n  );\n}\n","import { createGlobalStyle } from 'styled-components';\n\nimport {\n  Color,\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const GlobalStyles = createGlobalStyle`\n  *, *:before, *:after {\n    box-sizing: border-box;\n  }\n\n  body {\n    color: ${Color.MAIN};\n\n    font-family: ${FontFamily.MAIN};\n    font-size: ${FontSize.REGULAR};\n    font-weight: ${FontWeight.REGULAR};\n    line-height: ${LineHeight.REGULAR};\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  button, a {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n`;\n\nGlobalStyles.displayName = 'GlobalStyles';\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const H1Box = styled.h1`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.HEADING1};\n  font-weight: ${FontWeight.BOLD};\n  line-height: ${LineHeight.HEADING1};\n`;\n\nH1Box.displayName = 'H1Box';\n","import React from 'react';\n\nimport { H1Box } from './h1.styles';\nimport { H1Props } from './h1.types';\n\nexport function H1(props: H1Props): JSX.Element {\n  const { boxRef, ...rest } = props;\n\n  return (\n    <H1Box {...rest} ref={boxRef} />\n  );\n}\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const H2Box = styled.h2`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.HEADING2};\n  font-weight: ${FontWeight.BOLD};\n  line-height: ${LineHeight.HEADING2};\n`;\n\nH2Box.displayName = 'H2Box';\n","import React from 'react';\n\nimport { H2Box } from './h2.styles';\nimport { H2Props } from './h2.types';\n\nexport function H2(props: H2Props): JSX.Element {\n  const { boxRef, ...rest } = props;\n\n  return (\n    <H2Box {...rest} ref={boxRef} />\n  );\n}\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const H3Box = styled.h3`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.HEADING3};\n  font-weight: ${FontWeight.BOLD};\n  line-height: ${LineHeight.HEADING3};\n`;\n\nH3Box.displayName = 'H3Box';\n","import React from 'react';\n\nimport { H3Box } from './h3.styles';\nimport { H3Props } from './h3.types';\n\nexport function H3(props: H3Props): JSX.Element {\n  const { boxRef, ...rest } = props;\n\n  return (\n    <H3Box {...rest} ref={boxRef} />\n  );\n}\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const H4Box = styled.h4`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.HEADING4};\n  font-weight: ${FontWeight.MEDIUM};\n  line-height: ${LineHeight.HEADING4};\n`;\n\nH4Box.displayName = 'H4Box';\n","import React from 'react';\n\nimport { H4Box } from './h4.styles';\nimport { H4Props } from './h4.types';\n\nexport function H4(props: H4Props): JSX.Element {\n  const { boxRef, ...rest } = props;\n\n  return (\n    <H4Box {...rest} ref={boxRef} />\n  );\n}\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const H5Box = styled.h5`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.HEADING5};\n  font-weight: ${FontWeight.MEDIUM};\n  line-height: ${LineHeight.HEADING5};\n`;\n\nH5Box.displayName = 'H5Box';\n","import React from 'react';\n\nimport { H5Box } from './h5.styles';\nimport { H5Props } from './h5.types';\n\nexport function H5(props: H5Props): JSX.Element {\n  const { boxRef, ...rest } = props;\n\n  return (\n    <H5Box {...rest} ref={boxRef} />\n  );\n}\n","import styled from 'styled-components';\n\nimport {\n  FontFamily,\n  FontSize,\n  FontWeight,\n  LineHeight,\n} from '@pushwoosh/kit-constants';\n\nexport const ParagraphBox = styled.p`\n  margin: 0;\n\n  font-family: ${FontFamily.MAIN};\n  font-size: ${FontSize.REGULAR};\n  font-weight: ${FontWeight.REGULAR};\n  line-height: ${LineHeight.REGULAR};\n\n  & + & {\n    margin: .5em 0 0;\n  }\n`;\n\nParagraphBox.displayName = 'ParagraphBox';\n","import React from 'react';\n\nimport { ParagraphBox } from './paragraph.styles';\nimport { ParagraphProps } from './paragraph.types';\n\nexport function Paragraph(props: ParagraphProps): JSX.Element {\n  const { boxRef, ...rest } = props;\n\n  return (\n    <ParagraphBox {...rest} ref={boxRef} />\n  );\n}\n"],"sourceRoot":""}

package/lib/paragraph/index.d.ts

@@ -1,3 +1,3 @@
 export * from './paragraph.component';
-export * from './paragraph.styled';
+export * from './paragraph.styles';
 export * from './paragraph.types';

package/lib/paragraph/paragraph.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ParagraphProps } from './paragraph.types';
-export declare const Paragraph: React.ForwardRefExoticComponent<Pick<ParagraphProps, "key" | keyof React.HTMLAttributes<HTMLParagraphElement>> & React.RefAttributes<HTMLParagraphElement>>;
+export declare function Paragraph(props: ParagraphProps): JSX.Element;

package/lib/paragraph/paragraph.types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare type ParagraphProps = JSX.IntrinsicElements['p'] & {
+export declare type ParagraphProps = Omit<JSX.IntrinsicElements['p'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLParagraphElement>;
     readonly children: React.ReactNode;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-typography",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "React component for build Pushwoosh products",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",