manifest.json

{
  "base": {
    "name": "Base",
    "description": "Defines styles and helper classes for CSS, and a robust component system for JavaScript.",
    "category": "layout",
    "priority": 1,
    "source": {
      "css": ["layout/base.scss"]
    }
  },
  "typography": {
    "name": "Typography",
    "description": "Variable font scaling and text styling for headers, paragraphs, lists, and other text based elements.",
    "category": "layout",
    "priority": 2,
    "source": {
      "css": ["layout/typography.scss"]
    }
  },
  "code": {
    "name": "Code",
    "description": "Styles for code related HTML tags.",
    "category": "layout",
    "priority": 4,
    "source": {
      "css": ["layout/code.scss"]
    }
  },
  "responsive": {
    "name": "Responsive",
    "description": "Responsive classes for mobile, tablet, and desktop resolutions.",
    "category": "layout",
    "priority": 100,
    "source": {
      "css": ["layout/responsive.scss"]
    }
  },



  "accordion": {
    "name": "Accordion",
    "description": "Allows collapsing and expanding of multiple sections of content.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/accordion.scss"],
      "js": ["components/Accordion.js"]
    }
  },
  "breadcrumb": {
    "name": "Breadcrumb",
    "description": "Navigation for hierarchical trails.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/breadcrumb.scss"]
    }
  },
  "button": {
    "name": "Button",
    "description": "A typical button. You click it.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/button.scss"]
    }
  },
  "button-group": {
    "name": "Button Group",
    "description": "Groups multiple buttons by collapsing spacing in between to visually mimic a single button.",
    "category": "component",
    "priority": 10,
    "require": ["base", "button"],
    "source": {
      "css": ["components/button-group.scss"]
    }
  },
  "carousel": {
    "name": "Carousel",
    "description": "Cycles through items using a slide or fade animation.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/carousel.scss"],
      "js": ["components/Carousel.js"]
    }
  },
  "checkbox": {
    "name": "Checkbox",
    "description": "Custom checkbox input elements.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/checkbox.scss"]
    }
  },
  "divider": {
    "name": "Divider",
    "description": "Separates sections of content.",
    "category": "component",
    "priority": 10,
    "source": {
      "css": ["components/divider.scss"]
    },
    "version": "1.4.0"
  },
  "drop": {
    "name": "Drop",
    "description": "A contextual menu that is dropped down (or up, left, right) and displayed relative a target element.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/drop.scss"],
      "js": ["components/Drop.js"]
    }
  },
  "flex": {
    "name": "Flex",
    "description": "Flexbox based grid and layout. Responsive support through different block sizes.",
    "category": "component",
    "priority": 5,
    "require": ["base"],
    "source": {
      "css": ["components/flex.scss"]
    },
    "version": "2.1.0"
  },
  "flyout": {
    "name": "Flyout",
    "description": "Hierarchical sitemap through nested menus.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/flyout.scss"],
      "js": ["components/Flyout.js"]
    }
  },
  "form": {
    "name": "Form",
    "description": "Vertical, horizontal, and inline form field structuring.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/form.scss"]
    }
  },
  "grid": {
    "name": "Grid",
    "description": "Fluid float based grid with multiple column support. Responsive support through different column sizes.",
    "category": "component",
    "priority": 6,
    "require": ["base"],
    "source": {
      "css": ["components/grid.scss"]
    }
  },
  "input": {
    "name": "Input",
    "description": "Input, textarea, select, radio, and checkbox layout structuring.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/input.scss"]
    }
  },
  "input-group": {
    "name": "Input Group",
    "description": "Group input fields with addons by collapsing spacing in between.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/input-group.scss"]
    }
  },
  "label": {
    "name": "Label",
    "description": "Labels and badges for simplistic information.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/label.scss"]
    }
  },
  "lazy-load": {
    "name": "Lazy Load",
    "description": "Defer loading of images and elements until they scroll into view.",
    "category": "behavior",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["behaviors/lazy-load.scss"],
      "js": ["behaviors/LazyLoad.js"]
    }
  },
  "loader": {
    "name": "Loader",
    "description": "Animated Loaders and spinners used for processing and loading states.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/loader.scss"]
    },
    "version": "1.1.0"
  },
  "mask": {
    "name": "Mask",
    "description": "Conceal an element by masking its content with a transparent overlay.",
    "category": "behavior",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["behaviors/mask.scss"],
      "js": ["behaviors/Mask.js"]
    },
    "version": "1.1.0"
  },
  "matrix": {
    "name": "Matrix",
    "description": "Arranges multiple elements of variable sizes into a uniform grid with exact spacing in between.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/matrix.scss"],
      "js": ["components/Matrix.js"]
    }
  },
  "modal": {
    "name": "Modal",
    "description": "An informational window displayed above content and utilized for workflow interactions.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/modal.scss"],
      "js": ["components/Modal.js"]
    }
  },
  "notice": {
    "name": "Notice",
    "description": "Notification boxes for displaying informational, error, warning, or success messages.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/notice.scss"]
    }
  },
  "off-canvas": {
    "name": "Off Canvas",
    "description": "Contextual sidebars positioned outside the viewport until activated.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/off-canvas.scss"],
      "js": ["components/OffCanvas.js"]
    },
    "version": "1.4.0"
  },
  "pagination": {
    "name": "Pagination",
    "description": "Divides content into multiple pages through a list of numerical links.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/pagination.scss"]
    }
  },
  "pin": {
    "name": "Pin",
    "description": "Pin an element within the bounds of its parent and follow the position of the scroll.",
    "category": "behavior",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["behaviors/pin.scss"],
      "js": ["behaviors/Pin.js"]
    }
  },
  "popover": {
    "name": "Popover",
    "description": "Contextual popup to display relative to a target element.",
    "category": "component",
    "priority": 10,
    "require": ["base", "tooltip"],
    "source": {
      "css": ["components/popover.scss"],
      "js": ["components/Popover.js"]
    }
  },
  "progress": {
    "name": "Progress",
    "description": "A progress bar. It shows the progress of something.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/progress.scss"]
    }
  },
  "radio": {
    "name": "Radio",
    "description": "Custom radio input elements.",
    "category": "component",
    "priority": 10,
    "require": ["base", "checkbox"],
    "source": {
      "css": ["components/radio.scss"]
    }
  },
  "select": {
    "name": "Select",
    "description": "Custom select input elements.",
    "category": "component",
    "priority": 10,
    "require": ["base", "drop"],
    "source": {
      "css": ["components/select.scss"]
    }
  },
  "showcase": {
    "name": "Showcase",
    "description": "Lightbox styled image gallery with optional categorization.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/showcase.scss"],
      "js": ["components/Showcase.js"]
    }
  },
  "stalker": {
    "name": "Stalker",
    "description": "Monitors the scroll of an element and notifies a target when a marker is reached.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "js": ["components/Stalker.js"]
    }
  },
  "step": {
    "name": "Step",
    "description": "Navigation grouped into consecutive steps.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/step.scss"]
    },
    "version": "1.3.0"
  },
  "switch": {
    "name": "Switch",
    "description": "Binary switch for on and off states.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/switch.scss"]
    },
    "version": "1.3.0"
  },
  "table": {
    "name": "Table",
    "description": "Provides styles for tables and their common use cases.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/table.scss"]
    }
  },
  "tab": {
    "name": "Tab",
    "description": "Organizes multiple sections of content into toggleable tabs.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/tab.scss"],
      "js": ["components/Tab.js"]
    }
  },
  "toast": {
    "name": "Toast",
    "description": "Provides feedback about an operation through a timed popup.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/toast.scss"],
      "js": ["components/Toast.js"]
    },
    "version": "1.4.0"
  },
  "tooltip": {
    "name": "Tooltip",
    "description": "Contextual box displayed relative to a target element while hovering.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/tooltip.scss"],
      "js": ["components/Tooltip.js"]
    }
  },
  "type-ahead": {
    "name": "Type Ahead",
    "description": "Monitors an input field and triggers a lookup of data to render in a clickable menu.",
    "category": "component",
    "priority": 10,
    "require": ["base"],
    "source": {
      "css": ["components/type-ahead.scss"],
      "js": ["components/TypeAhead.js"]
    }
  }
}