Skip to content

v0.10.0

Compare
Choose a tag to compare
@andrewberg-okta andrewberg-okta released this 04 Mar 23:10
bdc6bfc

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)