@npm.tangocode/tc_ui_components/src/index.ts

[<img src="https://s3.amazonaws.com/tc-ui-components/documentationImages/tangoCodeLogo.png">](https://tangocode.com/) # TangoCode React UI Components #

//COMPONENTS
import AnimatedLabel from './components/AnimatedLabel';
import CheckBox from './components/Checkbox';
import DropDown from './components/DropDown';
import InputSuggest from './components/InputSuggest';
import HierarchyList from './components/HierarchyList';
import List from './components/List';
import ListPicker from './components/ListPicker';
import LoadingButton, { MODE } from './components/LoadingButton';
import MenuItem  from './components/SideMenu/MenuItem';
import Pager from './components/Pager';
import ButtonPill from './components/Pill';
import PillList from './components/PillList';
import RadioGroup from './components/RadioGroup';
import Scroller from './components/Scroller';
import SideMenuComponent from './components/SideMenu';
import TextInput from './components/TextInput';
import TokenSuggest from './components/TokenSuggest';
import UnderlineAnimation from './components/UnderlineAnimation';
import Stepper from './components/Stepper';


//COMPONENT STYLES
import * as AnimatedLabelStyles from './components/AnimatedLabel/style';
import * as CheckBoxStyles from './components/Checkbox/style';
import * as DropDownDrawerStyles from './components/InputDropDownDrawer/DropDownDrawer/style';
import * as DropDownEmptyStateStyles from './components/InputDropDownDrawer/DropDownDrawer/DropDownEmptyState/style';
import * as DropDownItemStyles from './components/InputDropDownDrawer/DropDownDrawer/DropDownItem/style';
import * as HierarchyListStyles from './components/HierarchyList/style';
import * as InputDropDownDrawerStyles from './components/InputDropDownDrawer/style';
import * as ListStyles from './components/List/style';
import * as ListPickerStyles from './components/ListPicker/style';
import * as LoadingButtonStyles from './components/LoadingButton/style';
import * as PagerStyles from './components/Pager/style';
import * as PillStyles from './components/Pill/style';
import * as PillListStyles from './components/PillList/style';
import * as RadioGroupStyles from './components/RadioGroup/style';
import * as ScrollerStyles from './components/Scroller/style';
import * as SideMenuStyles from './components/SideMenu/styles'
import * as TextInputStyles from './components/TextInput/style';
import * as UnderlineAnimationStyles from './components/UnderlineAnimation/style';
import * as StepperStyles from './components/Stepper/styles';



const styles = {
    animatedLabel: AnimatedLabelStyles,
    checkBox: CheckBoxStyles,
    dropDownDrawer: DropDownDrawerStyles,
    dropDownEmptyState: DropDownEmptyStateStyles,
    dropDownItem: DropDownItemStyles,
    hierarchyList: HierarchyListStyles,
    inputDropDownDrawer: InputDropDownDrawerStyles,
    list: ListStyles,
    listPicker: ListPickerStyles,
    loadingButton: LoadingButtonStyles,
    pager: PagerStyles,
    pill: PillStyles,
    pillList: PillListStyles,
    radioGroup: RadioGroupStyles,
    scroller: ScrollerStyles,
    sideMenu: SideMenuStyles,
    textInput: TextInputStyles,
    underlineAnimation: UnderlineAnimationStyles,
	stepper: StepperStyles
};


export {
    AnimatedLabel,
    CheckBox,
    DropDown,
    HierarchyList,
    InputSuggest,
    List,
    ListPicker,
    LoadingButton,
    MODE,
    Pager,
    PillList,
    RadioGroup,
    ButtonPill,
    SideMenuComponent,
    MenuItem,
    Scroller,
    TextInput,
    TokenSuggest,
    UnderlineAnimation,
	Stepper,
    styles,
};