v0.3.0

What's Changed

Breaking Changes

• [GHI #109] Button API Fix by @Jeremy-Walton in #130

  • If you are customizing --_rm-font-small, --_rm-font-medium, or --_rm-font-large, you will need to rename them to -_rm-btn-font-small, -_rm-btn-font-medium, -_rm-btn-font-large

• [GHI #131] Rename rm prefix to op by @Jeremy-Walton in #132

  • All token name prefixes have changed from --rm to --op

• [GHI #133] Revise Layout classes by @Jeremy-Walton in #141

  • .app-wrapper is now .app-with-sidebar
  • .app__main is now .app-body
  • .page__header is now .app__header
  • .page__content is now .app__content
  • .page__footer is now .app__footer

• [TR#27] Revised Tokens by @Jeremy-Walton in #150

  • Input Height tokens have been adjusted. You may want to adjust them.
    • --op-input-height-small: 2.8rem; // 28px
    • --op-input-height-medium: 3.6rem; // 36px
    • --op-input-height-large: 4rem; // 40px
    • --op-input-height-x-large: 8.4rem; // 84px
  • Transition tokens have been refactored to include the entire transition instead of just the duration. If you are customizing a component, you may need to refactor.
    • --op-transition-input: all 120ms ease-in;
    • --op-transition-sidebar: all 200ms ease-in-out;
    • --op-transition-modal: all 300ms ease-in;
    • --op-transition-panel: right 400ms ease-in;
  • The navigation transition token was adjusted.
    • --op-transition-navigation is removed
    • --op-transition-sidebar now does what --op-transition-navigation did
  • The flash transition token was renamed to reflect it is an animation
    • --op-transition-flash is now --op-animation-flash and it includes the full animation options instead of just the duration.

• [TR#28] Font Tokens by @Jeremy-Walton in #149

  • Added a new stop for 2rem (20px). This is set to --op-font-x-large which means all steps above this have been bumped up 2x -> 3x etc. Any token large and above will need to be revised.

• [GHI #125] Enhanced Color Support by @Jeremy-Walton in #140

  • --op-border-color token has been changed to point to -op-color-neutral-plus-five (used to be three). If you want to revert it, you will need to override it back.
  • All color scale tokens (light and dark mode) luminosities have been adjusted.

Base Token Changes

• [GHI #131] Rename rm prefix to op by @Jeremy-Walton in #132
  • All token name prefixes have changed from --rm to --op
• [TR#27] Revised Tokens by @Jeremy-Walton in #150
  • Input Height tokens have been adjusted.
  • Transition tokens have been refactored to include the entire transition instead of just the duration
  • The navigation transition token was remove as it was not being used.
  • The flash transition token was renamed to reflect it is an animation
  • Added new Radius stop (12px)
• [TR#28] Font Tokens by @Jeremy-Walton in #149
  • Added a 2x-small font token set to 1rem
  • Added a new stop for 2rem (20px). This is set to --op-font-x-large which means all steps above this have been bumped up 2x -> 3x etc.
• [GHI #125] Enhanced Color Support by @Jeremy-Walton in #140
  • --op-border-color token has been changed to point to -op-color-neutral-plus-five (used to be three)

Theme Token Changes

• [GHI #131] Rename rm prefix to op by @Jeremy-Walton in #132
  • All token name prefixes have changed from --rm to --op
• [GHI #125] Enhanced Color Support by @Jeremy-Walton in #140
  • All the default scale colors have been adjusted and optimized to maintain contrast.
  • on-alt versions for each scale step have been added

Layout Changes

• [GHI #133] Revise Layout classes by @Jeremy-Walton in #141
  • The layout classes have been renamed to be more intention revealing and intuitive

Component Changes

• [GHI #109] Button API Fix by @Jeremy-Walton in #130
  • The internal size variables were not named correctly. This PR added the btn prefix into the variable names.

Addon Changes

• [GHI #125] Enhanced Color Support by @Jeremy-Walton in #140
  • The dark mode overrides for modal and panel were moved to be in their respective addons and therefore not included by default in the dark mode overrides.

Documentation Changes

• [GHI #125] Enhanced Color Support by @Jeremy-Walton in #140
  • Added better Color documentation. color, on-color, and on-color-alt are now grouped together for easier reference.

Full Changelog: v0.2.5...v0.3.0