@workday/canvas-kit-popup-stack - npm Package Versions

4.1.0 (2020-07-17)

Components

• test(radio): Fix prop table logic (#748) @lychyi
• fix(select): Fix theming colors for proper contrast (#747) @jamesfan
• test(skeleton): Add stories and enabled snapshots (#720) @mannycarrera4
• chore: Add iconRef to Icon components (#707) @alanbsmith
• chore(popup-stack): Fix repo url in package.json (#753) @lychyi
• fix(select): Fix a11y issues (#764) @jamesfan
• fix(select): Fix typeahead behavior and scrolling (#754) @jamesfan
• feat(popup): Add getAnchorClientRect prop for custom positioning (#765) @luislikescoffee
• fix: Add explicit arg to initEvent in ComboBox and header SearchBar (#767) @lychyi
• test(text-area): Added placeholder with value unit test (#772) @amritbhullar
• refactor(form-field): Update error message color (#774) @jamesfan
• feat(combobox): Allow grouping of listbox items (#535) @vibdev
• fix(menu): Fix style so item is not truncated in IE11 (#777) @mannycarrera4
• fix(avatar): Fix undesired halo around Dark variant (#783) @6r3al

Infrastructure

• fix: Address various publish-canary.js bugs (#749) @lychyi
• docs: Added Workday Design page to README file (#737) @tiarebalbi
• ci: Fix canary regex to grab version (#758) @anicholls
• feat: Support SSR (#649) @anicholls

Theming

• refactor(common): Update pickForegroundColor to use fallback color logic (#752) @donovangini

Breaking Changes:

• feat(popup-stack): Add adapter API to integrate with other popup systems (#782) @NicholasBoll

This is a potentially breaking change if you use usePopupStack and ReactDOM.createPortal(contents, document.body): We added createContainer to PopupStack. React no longer controls the element that is given to the the PopupStack. The PopupStack will now create a containing element that your content should render into. If you recognize this pattern, you'll need to render into stackRef.current instead of document.body.

Before:

const ref = React.createRef<HTMLDivElement>(null);

usePopupStack(ref)

React.createPortal(contents, document.body)

Now

const stackRef = usePopupStack()

React.createPortal(contents, stackRef.current)