@pushwoosh/kit-typography 0.0.1

package/README.md

@@ -0,0 +1,31 @@
+# Pushwoosh / Design System / Typography
+Этот пакет является частью [Pushwoosh Design System](https://www.figma.com/file/ECBEieS5VRuVJSBDYH1TBh/Console-Design-System)
+
+
+## Установка
+0.  Установить переменную окружения "NPM_TOKEN" в терминале (токен можно получить у администраторов)
+1.  Выполнить `npm ci` для установки зависимостей
+
+
+## Запуск режима песочницы
+Режим необходим при разработке самой библиотеки в режиме песочницы
+
+Как начать:
+<br />
+Выполнить `npm start`
+
+Что будет:
+<br />
+Поднимется сервер `http://localhost:8080`, с песочницей проекта
+
+
+## Запуск разработки
+Необходима при разработке других библиотек, связанных с текущей библиотекой
+
+Как начать:
+<br />
+Выполнить `npm run dev`
+
+Что будет:
+<br />
+Будут компилироваться файлы библиотеки, чтобы использовать библиотеку при разработке других решений.

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

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

package/lib/code/code.styled.d.ts

@@ -0,0 +1 @@
+export declare const CodeBox: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare type CodeProps = JSX.IntrinsicElements['div'] & {
+    readonly children: React.ReactNode;
+};

package/lib/code/index.d.ts

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

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

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

package/lib/footnote/footnote.styled.d.ts

@@ -0,0 +1 @@
+export declare const FootnoteBox: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare type FootnoteProps = JSX.IntrinsicElements['div'] & {
+    readonly children: React.ReactNode;
+};

package/lib/footnote/index.d.ts

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

package/lib/global-styles/global-styles.component.d.ts

@@ -0,0 +1 @@
+export declare const GlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;

package/lib/global-styles/index.d.ts

@@ -0,0 +1 @@
+export * from './global-styles.component';

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

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

package/lib/h1/h1.styled.d.ts

@@ -0,0 +1 @@
+export declare const H1Box: import("styled-components").StyledComponent<"h1", any, {}, never>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare type H1Props = JSX.IntrinsicElements['h1'] & {
+    readonly children: React.ReactNode;
+};

package/lib/h1/index.d.ts

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

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

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

package/lib/h2/h2.styled.d.ts

@@ -0,0 +1 @@
+export declare const H2Box: import("styled-components").StyledComponent<"h2", any, {}, never>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare type H2Props = JSX.IntrinsicElements['h2'] & {
+    readonly children: React.ReactNode;
+};

package/lib/h2/index.d.ts

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

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

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

package/lib/h3/h3.styled.d.ts

@@ -0,0 +1 @@
+export declare const H3Box: import("styled-components").StyledComponent<"h3", any, {}, never>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare type H3Props = JSX.IntrinsicElements['h3'] & {
+    readonly children: React.ReactNode;
+};

package/lib/h3/index.d.ts

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

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

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

package/lib/h4/h4.styled.d.ts

@@ -0,0 +1 @@
+export declare const H4Box: import("styled-components").StyledComponent<"h4", any, {}, never>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare type H4Props = JSX.IntrinsicElements['h4'] & {
+    readonly children: React.ReactNode;
+};

package/lib/h4/index.d.ts

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

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

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

package/lib/h5/h5.styled.d.ts

@@ -0,0 +1 @@
+export declare const H5Box: import("styled-components").StyledComponent<"h5", any, {}, never>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare type H5Props = JSX.IntrinsicElements['h5'] & {
+    readonly children: React.ReactNode;
+};

package/lib/h5/index.d.ts

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

package/lib/index.d.ts

@@ -0,0 +1,9 @@
+export * from './code';
+export * from './footnote';
+export * from './global-styles';
+export * from './h1';
+export * from './h2';
+export * from './h3';
+export * from './h4';
+export * from './h5';
+export * from './paragraph';

package/lib/index.js

@@ -0,0 +1,2 @@
+!function(n,e){for(var t in e)n[t]=e[t]}(exports,function(n){var e={};function t(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return n[i].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,i){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:i})},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 i=Object.create(null);if(t.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(i,o,function(e){return n[e]}.bind(null,o));return i},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 m})),t.d(e,"CodeBox",(function(){return u})),t.d(e,"Footnote",(function(){return h})),t.d(e,"FootnoteBox",(function(){return s})),t.d(e,"GlobalStyles",(function(){return b})),t.d(e,"H1",(function(){return O})),t.d(e,"H1Box",(function(){return p})),t.d(e,"H2",(function(){return _})),t.d(e,"H2Box",(function(){return F})),t.d(e,"H3",(function(){return x})),t.d(e,"H3Box",(function(){return N})),t.d(e,"H4",(function(){return E})),t.d(e,"H4Box",(function(){return A})),t.d(e,"H5",(function(){return v})),t.d(e,"H5Box",(function(){return R})),t.d(e,"Paragraph",(function(){return I})),t.d(e,"ParagraphBox",(function(){return G}));var i,o=t(1),r=t(2),a=t.n(r),f=t(3),l=t.n(f),c=t(0),u=l.a.div(i||(i=Object(o.__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);u.displayName="CodeBox";var m=Object(r.forwardRef)((function(n,e){return a.a.createElement(u,Object(o.__assign)({},n,{ref:e}))}));m.displayName="Code";var g,s=l.a.div(g||(g=Object(o.__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);s.displayName="FootnoteBox";var h=Object(r.forwardRef)((function(n,e){return a.a.createElement(s,Object(o.__assign)({},n,{ref:e}))}));h.displayName="Footnote";var d,b=Object(f.createGlobalStyle)(d||(d=Object(o.__makeTemplateObject)(["\n  *, *:before, *:after {\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: ",";\n\n    color: ",";\n    background-color: ",";\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    font-family: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: ",";\n\n    color: ",";\n    background-color: ",";\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.FontFamily.MAIN,c.FontSize.REGULAR,c.FontWeight.REGULAR,c.LineHeight.REGULAR,c.Color.MAIN,c.Color.FROZEN);b.displayName="GlobalStyles";var y,p=l.a.h1(y||(y=Object(o.__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);p.displayName="H1Box";var O=Object(r.forwardRef)((function(n,e){return a.a.createElement(p,Object(o.__assign)({},n,{ref:e}))}));O.displayName="H1";var j,F=l.a.h2(j||(j=Object(o.__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);F.displayName="H2Box";var _=Object(r.forwardRef)((function(n,e){return a.a.createElement(F,Object(o.__assign)({},n,{ref:e}))}));_.displayName="H2";var H,N=l.a.h3(H||(H=Object(o.__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);N.displayName="H3Box";var x=Object(r.forwardRef)((function(n,e){return a.a.createElement(N,Object(o.__assign)({},n,{ref:e}))}));x.displayName="H3";var z,A=l.a.h4(z||(z=Object(o.__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);A.displayName="H4Box";var E=Object(r.forwardRef)((function(n,e){return a.a.createElement(A,Object(o.__assign)({},n,{ref:e}))}));E.displayName="H4";var w,R=l.a.h5(w||(w=Object(o.__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);R.displayName="H5Box";var v=Object(r.forwardRef)((function(n,e){return a.a.createElement(R,Object(o.__assign)({},n,{ref:e}))}));v.displayName="H5";var L,G=l.a.p(L||(L=Object(o.__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);G.displayName="ParagraphBox";var I=Object(r.forwardRef)((function(n,e){return a.a.createElement(G,Object(o.__assign)({},n,{ref:e}))}));I.displayName="Paragraph"}]));
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +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","FROZEN","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    font-family: ${FontFamily.MAIN};\n    font-size: ${FontSize.REGULAR};\n    font-weight: ${FontWeight.REGULAR};\n    line-height: ${LineHeight.REGULAR};\n\n    color: ${Color.MAIN};\n    background-color: ${Color.FROZEN};\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":""}

package/lib/paragraph/index.d.ts

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

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

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

package/lib/paragraph/paragraph.styled.d.ts

@@ -0,0 +1 @@
+export declare const ParagraphBox: import("styled-components").StyledComponent<"p", any, {}, never>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare type ParagraphProps = JSX.IntrinsicElements['p'] & {
+    readonly children: React.ReactNode;
+};

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@pushwoosh/kit-typography",
+  "version": "0.0.1",
+  "description": "React component for build Pushwoosh products",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "lib"
+  ],
+  "scripts": {
+    "start": "cross-env NODE_ENV=development webpack-dev-server --config webpack.playground.config.js",
+    "build": "cross-env NODE_ENV=production webpack --config webpack.production.config.js",
+    "dev": "cross-env NODE_ENV=development webpack --config webpack.development.config.js",
+    "check": "npm run check:lint && npm run check:types && npm run check:tests",
+    "check:lint": "echo \"Run check:lint\" && eslint .",
+    "check:types": "echo \"Run check:types\" && tsc --project tsconfig.json --noEmit",
+    "check:tests": "echo \"Run check:tests\" && jest --passWithNoTests"
+  },
+  "pre-commit": "check",
+  "dependencies": {},
+  "devDependencies": {
+    "@babel/core": "^7.13.14",
+    "@babel/plugin-transform-runtime": "^7.13.10",
+    "@babel/preset-env": "^7.13.12",
+    "@babel/runtime-corejs3": "^7.13.10",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
+    "@pushwoosh/kit-constants": "^0.0.1",
+    "@types/jest": "^26.0.22",
+    "@types/react": "^16.14.5",
+    "@types/react-dom": "^16.9.12",
+    "@types/styled-components": "^5.1.9",
+    "@types/webpack-env": "^1.16.0",
+    "@typescript-eslint/eslint-plugin": "^4.20.0",
+    "@typescript-eslint/parser": "^4.20.0",
+    "babel-loader": "^8.2.2",
+    "clean-webpack-plugin": "^3.0.0",
+    "core-js": "^3.10.0",
+    "cross-env": "^7.0.3",
+    "dotenv": "^8.2.0",
+    "eslint": "^7.23.0",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-airbnb-typescript": "^12.3.1",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "^7.23.1",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "html-webpack-plugin": "^4.5.2",
+    "jest": "^26.6.3",
+    "pre-commit": "^1.2.2",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-refresh": "^0.9.0",
+    "styled-components": "^5.2.3",
+    "terser-webpack-plugin": "^4.2.3",
+    "ts-jest": "^26.5.4",
+    "ts-loader": "^8.0.17",
+    "tslib": "^2.1.0",
+    "typescript": "^4.2.3",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.2",
+    "webpack-merge": "^5.7.3"
+  },
+  "peerDependencies": {
+    "@babel/runtime-corejs3": "^7.13.10",
+    "@pushwoosh/kit-constants": "^0.0.1",
+    "core-js": "^3.10.0",
+    "react": "^16.14.0",
+    "styled-components": "^5.2.3",
+    "tslib": "^2.1.0"
+  },
+  "engines": {
+    "node": ">= 12"
+  }
+}