/hpe-design-system

HPE Design System

Primary LanguageJavaScript

hpe design-system monorepo

HPE Design System Site

Netlify Status - https://design-system.hpe.design/

Storybook

Netlify Status - http://storybook.hpe.design/

Welcome to HPE Design System

Aries is a monorepo built from two modules.

  1. aries-core
  2. aries-site (For designers and developers. This is the documentation site for the HPE Design System.)

The Monorepo is installed using yarn, and relies on yarn workspaces.

Packages are automatically linked together, meaning you can do cross-package work within the repo. woot-woot!

Basic structure and configurations

aries/
  aries-*/
    src/js/
      index.js
    package.json         // package-specific deps and scripts
    README.md            // shown in npmjs.com. included in npm artifact

.eslintignore            // eslint (linter) ignored directories/files
.eslintrc                // eslint (linter) configuration based on @hpe/project-scripts
.gitignore               // github's default node gitignore with customizations
.prettierrc.js           // prettier (formatter) configuration based on @hpe/project-scripts
package.json             // common dev deps and workspace-wide scripts WIP
README.md                // workspace-wide information. shown in github
yarn.lock                // the only lock file in the repo. all packages combined

Getting Started

yarn install

Running 'yarn install' anywhere in the monorepo hierarchy will always install ALL the modules in the workspaces.

Run aries-site in development mode:

cd aries-site
yarn start

Running in production mode:

yarn build

Sprint Schedule

Q3

June 2020
6/8

  • Digest company app page layout variations
  • Initial page layout design review
  • Designer "How to get started" training video

6/15

  • Final Page Layout design review
  • Developer "how to get started" training video
  • Grommet Designer Intro tutorial

6/22

  • Add page layouts to the Design System site
  • Card and List template exploration
  • Grommet Designer Share tetorial

6/29

  • Initial Card template design review
  • Grommet Designer Backing up tetorial

July 2020
7/6

  • Fisrt pass Card template review
  • Design System/Brand Central content audit

7/13

  • First pass list template review
  • Final Card template design review
  • Initial Table template design review

7/20

  • Final List template review
  • Align Design System/Brand Central content

7/27

  • First pass Table template review
  • Initial Data Visualization template design review

8/3

  • Final Table template review

8/10

  • First pass Data Visualization review

8/17

  • Initial Asynchronous Notifications design review