Iris 1.0 Tracking / Brainstorm / Discussion

[siobhán]

New Components

• Sidebar

Component Updates

• ColorSelect: separate from its PopOver
• DateSelect: separate from its PopOver
• DateRange: separate from its PopOver
• DateRange: remove minDate and maxDate props (in favor of min and max)
• Grid: support virtualization
• List: support virtualization
• PopOver: support hover trigger in addition to click
• TextArea: add Rich Text Editor features, toolbar, and icons

Design Tokens

• replace all relevant CSS and theme object code with design tokens
• support gradients as color tokens
• implement theming with CSS Variables and remove React Context theming

Animation

• add framer-motion peerDep
• standardize animations across all Iris components (with new animation tokens)
• add loading state animations and standardize loading prop on all relevant components
• filter and sort animations for grids, lists, etc (inspo: https://isotope.metafizzy.co/)

Accessibility

• audit all components
• raise all component scores to minimum WCAG 2.1 AA

Monorepo

• move SVG components out to Lyra (aka. Iris-Icons, Iris-SVG)

Miscellaneous

• audit all Event functions and correct any issues (onChange, onMouseEnter, onBlur, etc)
• standardize Input component labels (consider minor components?)
• add a CSS arg to single component stories for modifying styles
• (??) remove CJS support, bundle only as ESM
• automatic generation of props stories and story controls via type naming conventions or doc annotations
• standardize approach to complex props
• correctly implement JSON editor for relevant controls (https://storybook.js.org/blog/storybook-6-2/)
• add /minors story folders for minor component stories (and examples)
• add more examples of different children for relevant example stories
• (??) refactor usePortal and portal components?