@worldresources/gfw-components/src/index.js

React component library for the Global Forest Watch project.

// Styles
export { default as GlobalStyles } from './components/global-styles';

// Icons
export { default as ArrowIcon } from './assets/icons/arrow-down.svg';
export { default as CloseIcon } from './assets/icons/close.svg';
export { default as MenuIcon } from './assets/icons/menu.svg';
export { default as MoreIcon } from './assets/icons/more.svg';
export { default as SearchIcon } from './assets/icons/search.svg';
export { default as MyGFWIcon } from './assets/icons/mygfw.svg';
export { default as DownloadIcon } from './assets/icons/download.svg';
export { default as LinkIcon } from './assets/icons/link.svg';
export { default as InfoIcon } from './assets/icons/info.svg';

export { default as DeveloperIcon } from './assets/icons/developer.svg';
export { default as BlogIcon } from './assets/icons/blog.svg';
export { default as ForumIcon } from './assets/icons/forum.svg';
export { default as HowToIcon } from './assets/icons/howto.svg';
export { default as OpenDataIcon } from './assets/icons/open-data.svg';
export { default as SGFIcon } from './assets/icons/sgf.svg';

export { default as FacebookIcon } from './assets/icons/social/facebook.svg';
export { default as TwitterIcon } from './assets/icons/social/twitter.svg';
export { default as GoogleIcon } from './assets/icons/social/google-plus.svg';
export { default as InstagramIcon } from './assets/icons/social/instagram.svg';
export { default as YouTubeIcon } from './assets/icons/social/youtube.svg';

// Components
export { default as Header } from './components/header';
export { default as Footer } from './components/footer';
export { default as Button } from './components/button';
export { default as Carousel } from './components/carousel';
export { default as Loader } from './components/loader';
export { default as Search } from './components/search';
export { default as Share } from './components/share';
export { default as Pill } from './components/pill';
export { default as Paginator } from './components/paginator';
export { default as NoContent } from './components/no-content';
export { default as Switch } from './components/switch';
export { default as Tooltip } from './components/tooltip';
export { default as CookiesBanner } from './components/cookies-banner';
export { default as NotificationItem } from './components/notifications/notification-item';

// Forms
export { default as ContactUsForm } from './components/forms/contact-us';
export { default as Checkbox } from './components/forms/components/checkbox';
export { default as Error } from './components/forms/components/error';
export { default as FieldWrapper } from './components/forms/components/field-wrapper';
export { default as Input } from './components/forms/components/input';
export { default as InputTags } from './components/forms/components/input-tags';
export { default as Radio } from './components/forms/components/radio';
export { default as Select } from './components/forms/components/select';
export { default as Submit } from './components/forms/components/submit';
export { default as validations } from './components/forms/validations';
export { Form } from 'react-final-form';
export { Field } from 'react-final-form';
export { FORM_ERROR } from 'final-form';

// Modals
export { default as Modal } from './components/modals/modal';
export { default as ContactUsModal } from './components/modals/contact-us';
export { default as MetaModal } from './components/modals/meta';
export { default as ShareModal } from './components/modals/share';

// Responsive
export {
  Media,
  MediaContextProvider,
  mediaStyles,
} from 'components/responsive';
export { default as Mobile } from 'components/responsive/mobile';
export { default as Desktop } from 'components/responsive/desktop';

// Grid
export { default as Row } from 'components/grid/row';
export { default as Column } from 'components/grid/column';

// html
export { default as A } from 'components/html/a';
export { default as H1 } from 'components/html/h1';
export { default as H2 } from 'components/html/h2';
export { default as H3 } from 'components/html/h3';
export { default as H4 } from 'components/html/h4';
export { default as H5 } from 'components/html/h5';
export { default as P } from 'components/html/p';
export { default as BasicInput } from 'components/html/input';

// theme
export { default as theme } from 'styles/theme';