ui-beyable 1.0.19 → 1.0.21

package/lib/esm/components/Btn/Btn.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-import { IBtn } from './types';
+import { IBtn, IBtnGroup } from './types';
+declare function BtnGroup({ children, gap }: IBtnGroup): JSX.Element;
 declare const Btn: React.MemoExoticComponent<React.ForwardRefExoticComponent<IBtn & React.RefAttributes<unknown>>>;
-export { Btn };
+export { Btn, BtnGroup };

package/lib/esm/components/Btn/types.d.ts

@@ -30,4 +30,8 @@ interface IBtn {
     tooltipHTML?: any;
     doInputHug?: boolean;
 }
-export { IBtn };
+interface IBtnGroup {
+    children?: React.ReactNode;
+    gap?: 'm' | 'l' | 'xl' | 'none';
+}
+export { IBtn, IBtnGroup };

package/lib/esm/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IEmptyState } from './types';
+declare function EmptyState({ title, text, primaryAction, secondaryAction, imageUrl, icon, verticalSize, verticalAlign, textSize, titleIsBold, hasSpinner, hasBorder }: IEmptyState): JSX.Element;
+export { EmptyState };

package/lib/esm/components/EmptyState/types.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface IEmptyState {
+    title?: React.ReactNode | string;
+    text?: React.ReactNode | string;
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    imageUrl?: string;
+    icon?: string;
+    textSize?: 's' | 'm' | 'l' | 'xl';
+    verticalSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    verticalAlign?: boolean;
+    titleIsBold?: boolean;
+    hasSpinner?: boolean;
+    hasBorder?: boolean;
+}
+export { IEmptyState };

package/lib/esm/components/Fieldset/Fieldset.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { IFieldset } from './types';
-declare function Fieldset({ children, label, description, labelClassName, blockClassName, tooltip, tooltipHTML, inputID, append }: IFieldset): JSX.Element;
+declare function Fieldset({ children, label, description, labelClassName, blockClassName, marginSize, tooltip, tooltipHTML, inputID, append }: IFieldset): JSX.Element;
 export { Fieldset };

package/lib/esm/components/Fieldset/types.d.ts

@@ -5,6 +5,7 @@ interface IFieldset {
     description?: React.ReactNode | string;
     labelClassName?: string;
     blockClassName?: string;
+    marginSize?: 'm' | 'l' | 'xl' | 'none';
     tooltip?: string;
     tooltipHTML?: any;
     inputID?: string | number;

package/lib/esm/components/Message/Message.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IMessage } from './types';
+declare function Message({ children, links, type, title, text, appearance, icon, showIcon, marginSize, verticalSize, noMargin, color }: IMessage): JSX.Element;
+export { Message };

package/lib/esm/components/Message/types.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface IMessage {
+    children?: React.ReactNode;
+    links?: React.ReactNode;
+    type?: 'information' | 'success' | 'warning' | 'alert';
+    title?: React.ReactNode | string;
+    text?: React.ReactNode | string;
+    appearance?: 'background' | 'outline' | 'ghost';
+    icon?: 'default' | 'information' | 'success' | 'warning' | 'alert';
+    showIcon?: boolean;
+    marginSize?: 's' | 'm' | 'l' | 'none';
+    verticalSize?: 's' | 'm';
+    noMargin?: boolean;
+    color?: 'default' | 'purple';
+}
+export { IMessage };

package/lib/esm/index.d.ts

@@ -1,15 +1,17 @@
 import { AppRoot, AppHeader, AppLinkWrapper, AppLogo } from './components/App/App';
 import { Article } from './components/Article/Article';
-import { Btn } from './components/Btn/Btn';
+import { Btn, BtnGroup } from './components/Btn/Btn';
 import { Checkbox, Radio, Switch, CheckboxList } from './components/Checkbox/Checkbox';
 import Collapse from './components/Collapse/Collapse';
 import { Confirm } from './components/Confirm/Confirm';
 import { Dropdown } from './components/Dropdown/Dropdown';
+import { EmptyState } from './components/EmptyState/EmptyState';
 import { Fieldset } from './components/Fieldset/Fieldset';
 import { IconBtn } from './components/IconBtn/IconBtn';
 import { List, ListItem } from './components/List/List';
 import { Listbox, ListboxItem, ListboxSep } from './components/Listbox/Listbox';
 import { Mask } from './components/Mask/Mask';
+import { Message } from './components/Message/Message';
 import { Modal, ModalHeader, ModalBody, ModalFooter } from './components/Modal/Modal';
 import { Panel, PanelClose, PanelHeader, PanelBody } from './components/Panel/Panel';
 import { Picto } from './components/Picto/Picto';
@@ -18,5 +20,5 @@ import { Section } from './components/Section/Section';
 import { Spinner } from './components/Spinner/Spinner';
 import { Textfield, TextfieldIcon, SearchBar } from './components/Textfield/Textfield';
 declare const Theme: any;
-export { Theme, AppRoot, AppHeader, AppLinkWrapper, AppLogo, Article, Btn, Checkbox, CheckboxList, Collapse, // Not OK
-Confirm, Dropdown, Fieldset, IconBtn, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Modal, ModalHeader, ModalBody, ModalFooter, Panel, PanelClose, PanelHeader, PanelBody, Picto, Portal, Radio, Section, SearchBar, Spinner, Switch, Textfield, TextfieldIcon };
+export { Theme, AppRoot, AppHeader, AppLinkWrapper, AppLogo, Article, Btn, BtnGroup, Checkbox, CheckboxList, Collapse, // Not OK
+Confirm, Dropdown, EmptyState, Fieldset, IconBtn, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Message, Modal, ModalHeader, ModalBody, ModalFooter, Panel, PanelClose, PanelHeader, PanelBody, Picto, Portal, Radio, Section, SearchBar, Spinner, Switch, Textfield, TextfieldIcon };