v0.10.0
This release includes many visual updates as well as some breaking changes including:
- Icons being redesigned and renamed
- ESM Package entry points being explicitly defined
- Design tokens being updated and renamed
In addition there are a number of design updates:
- Size and spacing of elements being adjusted
- Focus states for form elements and buttons have been redesigned to meet accessibility criteria
⚠ BREAKING CHANGES
- odyssey-react: Heading now applies standard line-heights for each
semantic and visual heading level. If custom line-heights are desired
for these headings, they can now be themed. Alternately, Text may be
used to generate custom font-size/line-height combinations. - odyssey-react: removes "normal" and "heading" line height props in
favor of "body" and "heading"s 1-6; (e.g. "heading3") - odyssey-design-tokens: set space scale under "scale"
- odyssey-design-tokens: removes prior space tokens from dict
- odyssey-react: utilizes new type tokens
- odyssey-design-tokens: updates type tokens to match new scale
- odyssey-react: icons deleted and renamed
- odyssey-icons: icons deleted and renamed
- odyssey-design-tokens: migrates all focus tokens under Focus; renames outlines
tokens - odyssey-design-tokens: define explicit exports and module type
- odyssey-react: define explicit exports and module type
- odyssey-react-theme: define explicit exports and module type
Features
- browserslist-config-odyssey: make package public (d0341bf)
- odyssey-design-tokens: add new spacing scale (faf6f19)
- odyssey-design-tokens: make Neutral Dark color available (a718368)
- odyssey-design-tokens: standardize focus styles for outline (c6556a0)
- odyssey-design-tokens: updates type tokens to match new scale (b763705)
- odyssey-icons: update icons with new designs (c46a433)
- odyssey-react-theme: useTheme hook (fce5848)
- odyssey-react: add SvgIcon to exported components (bbe1ff3)
- odyssey-react: update focus styles to be a11y-friendly (a9dc7c4)
- odyssey-react: update icons with new designs, update components with icons (a5430b9)
- odyssey-storybook: force 14px font-size on preview html (9eb4fdc)
- odyssey-storybook: update Icon and Link stories with new icons (67d9d3f)
- odyssey: add package for IE 11 testing sandbox (e30b754)
Code Refactoring
- odyssey-design-tokens: define explicit exports and module type (fdb56c5)
- odyssey-design-tokens: removes prior space tokens from dict (f35b3f5)
- odyssey-design-tokens: set space scale under "scale" (5ddbe65)
- odyssey-react-theme: define explicit exports and module type (f71a20b)
- odyssey-react: define explicit exports and module type (6a194a5)
- odyssey-react: remove lineheight props from Heading (d0538d0)
- odyssey-react: update Text props to reflect new line-heights (f0ef803)
- odyssey-react: utilizes new type tokens (3650b7c)