ui-beyable 1.1.0-beta.1 → 1.1.0-beta.3

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

@@ -1,13 +1,14 @@
 /// <reference types="react" />
+type stepType = number | string;
 interface BreadcrumbType {
     items: {
         index: number;
-        step: number;
+        step: stepType;
         title: string;
         className?: string;
     }[];
-    onClick?: (step: number) => void;
-    activeStep?: number;
+    onClick?: (step: stepType) => void;
+    activeStep?: stepType;
     direction?: 'horizontal' | 'vertical';
 }
 declare function Breadcrumb({ items, onClick, activeStep, direction }: BreadcrumbType): JSX.Element;

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

@@ -1,4 +1,7 @@
 import React from 'react';
+type sizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+type horizontalSizeType = 'xs' | 's' | 'm' | 'l';
+type fontSizeType = 's' | 'm' | 'l' | 'xl' | 'xxl';
 interface IBtn {
     children?: React.ReactNode;
     type?: "button" | "submit" | "reset" | undefined;
@@ -18,11 +21,12 @@ interface IBtn {
     light?: boolean;
     isActive?: boolean;
     isLoading?: boolean;
-    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
-    horizontalSize?: 'xs' | 's' | 'm' | 'l';
-    fontSize?: 'l' | 'm';
+    size?: sizeType;
+    horizontalSize?: horizontalSizeType;
+    fontSize?: fontSizeType;
     fullWidth?: boolean;
     fullHeight?: boolean;
+    hasMinWith?: boolean;
     icon?: string;
     iconPosition?: string;
     arrow?: boolean;
@@ -34,4 +38,4 @@ interface IBtnGroup {
     children?: React.ReactNode;
     gap?: 'm' | 'l' | 'xl' | 'none';
 }
-export { IBtn, IBtnGroup };
+export { IBtn, IBtnGroup, sizeType as BtnSizeType, horizontalSizeType as BtnHorizontalSizeType, fontSizeType as BtnFontSizeType };

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BtnSizeType, BtnHorizontalSizeType } from '../Btn/types';
+type valueType = string | boolean | number;
+interface BtnGroupProps {
+    value: valueType;
+    optionsList: Array<{
+        value: valueType;
+        label?: string;
+        icon?: string;
+    }>;
+    onChange: (value: valueType) => void;
+    appearance?: 'outline' | 'ghost';
+    className?: string;
+    size?: BtnSizeType;
+    btnHorizontalSize?: BtnHorizontalSizeType;
+    btnIsLight?: boolean;
+}
+declare const BtnGroup: React.FC<BtnGroupProps>;
+export { BtnGroup, valueType as BtnGroupValueType };

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BtnSizeType, BtnHorizontalSizeType } from '../Btn/types';
+type valueType = string | boolean | number;
+interface BtnSwitchProps {
+    value: valueType;
+    optionsList: Array<{
+        value: valueType;
+        label?: string;
+        icon?: string;
+    }>;
+    onChange: (value: valueType) => void;
+    appearance?: 'outline' | 'ghost';
+    className?: string;
+    size?: BtnSizeType;
+    btnHorizontalSize?: BtnHorizontalSizeType;
+    btnIsLight?: boolean;
+}
+declare const BtnSwitch: React.FC<BtnSwitchProps>;
+export { BtnSwitch, valueType as BtnSwitchValueType };

package/lib/cjs/index.d.ts

@@ -3,6 +3,7 @@ import { Article, ArticleFoldable } from './components/Article/Article';
 import { Box } from './components/Box/Box';
 import { Breadcrumb } from './components/Breadcrumb/Breadcrumb';
 import { Btn, BtnGroup } from './components/Btn/Btn';
+import { BtnSwitch } from './components/BtnSwitch/BtnSwitch';
 import { Checkbox, Radio, Switch, CheckboxList } from './components/Checkbox/Checkbox';
 import Collapse from './components/Collapse/Collapse';
 import { Confirm } from './components/Confirm/Confirm';
@@ -31,5 +32,5 @@ import { TabBar, TabItem } from './components/Tabs/Tabs';
 import { Textfield, TextfieldIcon, SearchBar } from './components/Textfield/Textfield';
 declare const Theme: any;
 declare const Utils: any;
-export { Theme, Utils, AppRoot, AppHeader, AppLinkWrapper, AppLogo, Article, ArticleFoldable, Box, Breadcrumb, Btn, BtnGroup, Checkbox, CheckboxList, Collapse, // Not OK, use ArticleFoldable instead
+export { Theme, Utils, AppRoot, AppHeader, AppLinkWrapper, AppLogo, Article, ArticleFoldable, Box, Breadcrumb, Btn, BtnGroup, BtnSwitch, Checkbox, CheckboxList, Collapse, // Not OK, use ArticleFoldable instead
 Confirm, Container, Dropdown, DropdownSection, EditorHeader, EmptyState, Fieldset, Hr, IconBtn, Inline, KpiList, KpiItem, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Message, Modal, ModalHeader, ModalBody, ModalFooter, Panel, PanelClose, PanelHeader, PanelBody, PanelSection, Picto, Portal, Stack, Radio, SearchBar, Section, Select, Spinner, Switch, TabBar, TabItem, Textfield, TextfieldIcon, };