fix: Export Tab Component

studiobakers · Sep 3, 2020 · 9b6dcbe · 9b6dcbe
1 parent 43082a1
commit 9b6dcbe
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -5,6 +5,5 @@
 .tab-header-item {
   --button-bg: transparent;
   --button-width: auto;
-
-  color: black;
+  --button-color: black;
 }