ui-beyable 1.0.8 → 1.0.10

package/README.md

@@ -50,6 +50,11 @@ After every code changes
 npm run buildlib 
 ```
 
+Pre publish
+```bash
+npm run prepublishOnly 
+```
+
 You can also migrate module to npm:
 ```bash
 npm publish

package/lib/cjs/components/App/App.d.ts

@@ -2,6 +2,6 @@
 import { IAppRoot, IAppHeader, IAppLinkWrapper, IAppLogo } from './types';
 declare function AppRoot({ children }: IAppRoot): JSX.Element;
 declare function AppHeader({ logo, primaryLinks, secondaryLinks }: IAppHeader): JSX.Element;
-declare function AppLinkWrapper({ children, isActive }: IAppLinkWrapper): JSX.Element;
+declare function AppLinkWrapper({ children, isActive, isTab, theme }: IAppLinkWrapper): JSX.Element;
 declare function AppLogo({ name, overlayLink }: IAppLogo): JSX.Element;
 export { AppRoot, AppHeader, AppLinkWrapper, AppLogo };

package/lib/cjs/components/App/types.d.ts

@@ -10,6 +10,8 @@ interface IAppHeader {
 interface IAppLinkWrapper {
     children: React.ReactNode;
     isActive?: boolean;
+    isTab?: boolean;
+    theme?: string;
 }
 interface IAppLogo {
     name: string;

package/lib/cjs/components/Mask/Mask.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IMask } from './types';
+declare function Mask({ children, hasDelay, hasProgress }: IMask): JSX.Element;
+export default Mask;

package/lib/cjs/components/Mask/types.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IMask {
+    children?: React.ReactNode;
+    hasDelay?: boolean;
+    hasProgress?: boolean;
+}
+export type { IMask };

package/lib/cjs/components/Section/Section.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ISection } from './types';
+declare function Section({ children, width }: ISection): JSX.Element;
+export default Section;

package/lib/cjs/components/Section/types.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ISection {
+    children: React.ReactNode;
+    width?: string;
+}
+export type { ISection };

package/lib/cjs/components/Spinner/Spinner.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ISpinner } from './types';
+declare function Spinner({ wheelSize, // xxs, xs, s, m, l
+display, // block | inline | overlay
+verticalSize, }: ISpinner): JSX.Element;
+export default Spinner;

package/lib/cjs/components/Spinner/types.d.ts

@@ -0,0 +1,6 @@
+interface ISpinner {
+    wheelSize?: string;
+    display?: string;
+    verticalSize?: string;
+}
+export type { ISpinner };

package/lib/cjs/index.d.ts

@@ -1,19 +1,14 @@
 import { AppRoot, AppHeader, AppLinkWrapper, AppLogo } from './components/App/App';
 import Btn from './components/Button/Btn';
+import Collapse from './components/Collapse/Collapse';
+import Mask from './components/Mask/Mask';
 import Modal from './components/Modal/Modal';
 import { Panel, PanelClose, PanelHeader, PanelBody } from './components/Panel/Panel';
 import Portal from './components/Portal/BYportal';
-import Collapse from './components/Collapse/Collapse';
-declare const Theme: {
-    typo: {
-        readonly h1: string;
-        readonly h2: string;
-        readonly h3: string;
-    };
-    colors: {
-        readonly red: string;
-        readonly blue: string;
-        readonly green: string;
-    };
-};
-export { Theme, AppRoot, AppHeader, AppLinkWrapper, AppLogo, Btn, Modal, Panel, PanelClose, PanelHeader, PanelBody, Portal, Collapse };
+import Section from './components/Section/Section';
+import Spinner from './components/Spinner/Spinner';
+declare const Theme: any;
+export { Theme, AppRoot, AppHeader, AppLinkWrapper, AppLogo, Btn, // Not OK
+Collapse, // Not OK
+Mask, Modal, // Not OK
+Panel, PanelClose, PanelHeader, PanelBody, Portal, Section, Spinner };