natura11y/src/index.js

Natura11y is an open-source design system for creating beautiful web interfaces with a focus on accessible interaction design and front-end development.

//////////////////////////////////////////////
// A. SCSS
//////////////////////////////////////////////

import './scss/index.scss';

//////////////////////////////////////////////
// B. JS
//////////////////////////////////////////////

import Accordion from './js/accordion';
import AlertDismissable from './js/alert';
import Backdrop from './js/backdrop';
import Collapse from './js/collapse';
import FormInput, { FormSubmission, FormFileUpload, FormSearch } from './js/form';
import Lightbox from './js/lightbox';
import Dropdown from './js/dropdown';
import Flyout from './js/flyout';
import Modal from './js/modal';
import MainMenu from './js/main-menu';
import Table from './js/table';
import Tab from './js/tab';
import Track from './js/track';

//////////////////////////////////////////////
// C. Class Instantiation
//////////////////////////////////////////////

document.addEventListener('DOMContentLoaded', () => {

  const accordion = new Accordion();
  accordion.init();

  const alertDismissable = new AlertDismissable();
  alertDismissable.init();

  const backdrop = new Backdrop();
  backdrop.init();

  const collapse = new Collapse();
  collapse.init();

  const formInput = new FormInput();
  formInput.init();

  const formSearch = new FormSearch();
  formSearch.init();

  const formSubmission = new FormSubmission();
  formSubmission.init();
  
  const formFileUpload = new FormFileUpload();
  formFileUpload.init();

  const lightbox = new Lightbox();
  lightbox.init();

  const flyout = new Flyout();
  flyout.init();

  const dropdown = new Dropdown();
  dropdown.init();

  const modal = new Modal();
  modal.init();

  const mainMenu = new MainMenu();
  mainMenu.init();

  const table = new Table();
  table.init();

  const tab = new Tab();
  tab.init();

  const track = new Track();
  track.init();

});