@via-profit/ui-kit 0.1.0-rc.11 → 0.1.0-rc.12

package/README.md

@@ -20,11 +20,14 @@ $ npm install @emotion/react @emotion/styled react react-dom react-modal react-p
 Для переопределения темы оформления в пакете `@emotion/styled` создайте, например в директории `@types`, файл `emotion.d.ts` со следующим содержимым:
 
 ```ts
+import '@emotion/react';
+
 declare module '@emotion/react' {
   import { UITheme } from '@via-profit/ui-kit';
 
   export interface Theme extends UITheme {}
 }
+
 ```
 
 Для переопределения темы оформления в пакете `@via-profit/ui-kit` создайте, например в директории `@types`, файл `ui-kit.d.ts` со следующим содержимым:
@@ -32,12 +35,13 @@ declare module '@emotion/react' {
 _@types/emotion.d.ts_
 
 ```ts
-declare module '@via-profit/ui-kit' {
   import {
     UIThemeOverrideColor as Colors,
     UIThemeOverrideZIndex as ZIndexes,
   } from '@via-profit/ui-kit';
 
+
+declare module '@via-profit/ui-kit' {
   export interface UIThemeOverrideColor extends Colors {
     readonly drawer: string;
     readonly drawerContrast: string;

package/ThemeProvider/index.d.ts

@@ -1,5 +1,16 @@
 declare module '@via-profit/ui-kit/ThemeProvider' {
   import { UITheme, UIThemeOverrides } from '@via-profit/ui-kit';
 
+  export type { UITheme, UIThemeOverrides };
+
   export type CreateTheme = (overrides?: UIThemeOverrides) => UITheme;
+
+  export interface ThemeProviderProps {
+    readonly children: React.ReactNode | readonly React.ReactNode[];
+    readonly theme: UITheme;
+  }
+
+  const ThemeProvider: React.FC<ThemeProviderProps>;
+
+  export default ThemeProvider;
 }

package/Typography/Paragraph.d.ts

@@ -0,0 +1,9 @@
+declare module '@via-profit/ui-kit/Typography/Paragraph' {
+  export type ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {
+    readonly noMargin?: boolean;
+  };
+
+  const Paragraph: React.FC<ParagraphProps>;
+
+  export default Paragraph;
+}

package/Typography/Paragraph.js

@@ -1,12 +1,29 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const styled_1 = __importDefault(require("@emotion/styled"));
-const Paragraph = styled_1.default.p `
+const react_1 = __importDefault(require("react"));
+const StyledParagraph = styled_1.default.p `
   font-size: 1rem;
   font-weight: 300;
+  margin: ${({ $noMargin }) => ($noMargin ? 0 : '0 0 0.8em 0')};
   color: ${({ theme }) => theme.colors.textPrimary.toString()};
 `;
-exports.default = Paragraph;
+const Paragraph = (props, ref) => {
+    const { noMargin, children } = props, restProps = __rest(props, ["noMargin", "children"]);
+    return (react_1.default.createElement(StyledParagraph, Object.assign({}, restProps, { ref: ref }), children));
+};
+exports.default = react_1.default.forwardRef(Paragraph);

package/Typography/index.d.ts

@@ -0,0 +1,7 @@
+declare module '@via-profit/ui-kit/Typography' {
+  import Paragraph, { ParagraphProps } from '@via-profit/ui-kit/Typography/Paragraph';
+
+  export { ParagraphProps };
+
+  export default Paragraph;
+}

package/index.d.ts

@@ -1,5 +1,5 @@
 declare module '@via-profit/ui-kit' {
-  import { ColorInterface } from '@via-profit/ui-kit/color';
+  import { ColorInterface } from '@via-profit/ui-kit/Color';
 
   export interface UITheme {
     readonly isDark: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@via-profit/ui-kit",
-  "version": "0.1.0-rc.11",
+  "version": "0.1.0-rc.12",
   "description": "UI Kit",
   "repository": {
     "type": "git",