diff --git a/package.json b/package.json index 4b0b7b0c..9c531f77 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@hipo/react-ui-toolkit", - "version": "0.2.4", + "version": "0.2.5", "description": "React based UI toolkit.", "main": "dist/index.js", "scripts": { diff --git a/src/index.ts b/src/index.ts index af642305..8fe5986e 100644 --- a/src/index.ts +++ b/src/index.ts @@ -13,8 +13,10 @@ import FileUploadButton, { FileUploadButtonProps } from "./button/file-upload/FileUploadButton"; import Spinner, {SpinnerProps} from "./spinner/Spinner"; +import Tab, {TabItem, TabProps} from "./tab/Tab"; export { + // Components FormField, Input, FileInput, @@ -28,6 +30,8 @@ export { Button, FileUploadButton, Spinner, + Tab, + // Types FormFieldProps, InputProps, FileInputProps, @@ -40,5 +44,7 @@ export { ListProps, ButtonProps, FileUploadButtonProps, - SpinnerProps + SpinnerProps, + TabItem, + TabProps }; diff --git a/src/tab/Tab.tsx b/src/tab/Tab.tsx index b7f3ccc4..cb6882af 100644 --- a/src/tab/Tab.tsx +++ b/src/tab/Tab.tsx @@ -11,7 +11,7 @@ export type TabItem = { icon?: React.ReactNode; }; -interface TabProps { +export interface TabProps { items: TabItem[]; initialActiveTabIndex?: number; children: React.ReactNode[]; diff --git a/src/tab/_tab.scss b/src/tab/_tab.scss index 4f7d0a8e..cc425993 100644 --- a/src/tab/_tab.scss +++ b/src/tab/_tab.scss @@ -5,6 +5,5 @@ .tab-header-item { --button-bg: transparent; --button-width: auto; - - color: black; + --button-color: black; }