chore: Release v4.0.0-beta.1 (#565)

* docs: Add updates to migration guide * docs: Add changelog entry for 4.0.0-beta.1 * chore: Bump modules to v4.0.0-beta.1
Workday · Apr 14, 2020 · 1eda47f · 1eda47f
1 parent 48687cf
commit 1eda47f
Show file tree

Hide file tree

Showing 62 changed files with 342 additions and 260 deletions.
diff --git a/4.0-MIGRATION-GUIDE.md b/4.0-MIGRATION-GUIDE.md
@@ -22,6 +22,22 @@ Non-breaking:
 
 ## Breaking Component Changes
 
+### General
+
+- We've moved away from using `SyntheticEvent` typing in favor of using more accurate types
+  (https://github.com/Workday/canvas-kit/pull/499)
+- Popper dependency has been upgraded to v2 and now all popups use React Portals (potential z-index
+  breaking change)
+
+### Core
+
+We've made minor changes to our hyperlink styles based on feedback from accessibility. As part of
+this change, we've also added a new `Hyperlink` component to make applying these styles easier.
+
+PR:
+
+- https://github.com/Workday/canvas-kit/pull/541
+
 ### Button
 
 We've refactored our Button components to simplify logic and add support for theming.
@@ -31,6 +47,7 @@ PRs:
 - https://github.com/Workday/canvas-kit/pull/471
 - https://github.com/Workday/canvas-kit/pull/509
 - https://github.com/Workday/canvas-kit/pull/527
+- https://github.com/Workday/canvas-kit/pull/540
 
 #### Changes
 
@@ -74,6 +91,7 @@ PRs:
   - `<TextButton variant={TextButton.Variant.InverseAllCaps}>` >
     `<TextButton variant={TextButton.Variant.Inverse} allCaps={true}>`
 - All caps large/medium text buttons now correctly use 16px font (up from 14)
+- Text button has some minor visual changes for various interaction states
 
 #### Quality of Life changes:
 
@@ -131,6 +149,16 @@ import {SegmentedControl} from '@workday/canvas-kit-labs-react-segmented-control
 
 ---
 
+### InputProvider
+
+Our `InputProvider` did not work with React Portals (since the popups get placed outside of the
+`InputProvider` container `div`. `InputProvider` provider has been updated to use `document.body`
+(configurable with the `containerElement` prop).
+
+PR: https://github.com/Workday/canvas-kit/pull/546
+
+---
+
 ### Modal
 
 Modal now uses React Portals which could cause a visual breaking change related to z-indexing
@@ -141,5 +169,43 @@ PRs:
 
 ---
 
+### Popper
+
+`Popper` was changed to a Functional Component with a forwarded ref. If you passed a `ref` object to
+`Popper` before, it will now point to the element rather than the `Popper` instance.
+
+PR: https://github.com/Workday/canvas-kit/pull/528
+
+---
+
+### Tooltip
+
+Tooltip now uses React Portals and has been completely updated to make attaching tooltips much
+easier.
+
+PR:
+
+- https://github.com/Workday/canvas-kit/pull/528
+
+The original `Tooltip` did little more than add a `role="tooltip"` to a styled component. The
+original tooltip is now exported as `TooltipContainer` to make it easier to migrate without
+rewriting all tooltips. The new experience is much better and will remove the need for wrapping
+components, but if you'd like to keep using the old tooltip as is, your imports will have to be
+updated to use the old API: **Before:**
+
+```ts
+import {Tooltip} from '@workday/canvas-kit-react-tooltip';
+```
+
+**After:**
+
+```ts
+import {TooltipContainer as Tooltip} from '@workday/canvas-kit-react-tooltip';
+```
+
+Also with this change, the tooltip no longer gets the role `tooltip` and must be added manually.
+
+---
+
 **More to come! Check out [our 4.0 tracking issue](https://github.com/Workday/canvas-kit/issues/483)
 for all planned changes.**
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.0.0-beta.1 (2020-04-13)
+
+### Infrastructure
+
+- fix: Remove SyntheticEvent type usage ([#499](https://github.com/Workday/canvas-kit/pull/499)) [@donovangini](https://github.com/donovangini)
+- refactor: Destructure default props ([#525](https://github.com/Workday/canvas-kit/pull/525)) [@mannycarrera4](https://github.com/mannycarrera4)
+
+### Components
+- refactor(button): TextButton design updates ([#540](https://github.com/Workday/canvas-kit/pull/540)) [@anicholls](https://github.com/anicholls)
+- feat(button): Add Hyperlink component ([#541](https://github.com/Workday/canvas-kit/pull/541)) [@anicholls](https://github.com/anicholls)
+- feat(tooltip): Refactor to a simpler API ([#528](https://github.com/Workday/canvas-kit/pull/528)) [@NicholasBoll](https://github.com/NicholasBoll)
+- feat(core): Allow InputProvider to use a configurable container ([#546](https://github.com/Workday/canvas-kit/pull/546)) [@mannycarrera4](https://github.com/mannycarrera4)
+
+
 # 4.0.0-beta.0 (2020-03-30)
 
 ### Infrastructure

diff --git a/lerna.json b/lerna.json
@@ -1,6 +1,8 @@
 {
-  "packages": ["modules/**"],
-  "version": "4.0.0-beta.0",
+  "packages": [
+    "modules/**"
+  ],
+  "version": "4.0.0-beta.1",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "command": {

diff --git a/modules/_canvas-kit-css/package.json b/modules/_canvas-kit-css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-css",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.1",
   "description": "The parent module that contains all Workday Canvas Kit CSS components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -16,27 +16,27 @@
     "url": "https://github.com/Workday/canvas-kit/tree/master/modules/_canvas-kit-css"
   },
   "dependencies": {
-    "@workday/canvas-kit-css-action-bar": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-banner": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-button": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-card": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-checkbox": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-common": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-core": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-form-field": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-icon": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-layout": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-loading-animation": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-menu": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-modal": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-page-header": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-popup": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-radio": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-select": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-table": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-text-area": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-text-input": "^4.0.0-beta.0",
-    "@workday/canvas-kit-css-tooltip": "^4.0.0-beta.0"
+    "@workday/canvas-kit-css-action-bar": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-banner": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-button": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-card": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-checkbox": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-common": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-core": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-form-field": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-icon": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-layout": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-loading-animation": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-menu": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-modal": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-page-header": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-popup": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-radio": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-select": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-table": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-text-area": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-text-input": "^4.0.0-beta.1",
+    "@workday/canvas-kit-css-tooltip": "^4.0.0-beta.1"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

diff --git a/modules/_canvas-kit-react/package.json b/modules/_canvas-kit-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.1",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -46,34 +46,34 @@
     "react": ">= 16.8 < 17"
   },
   "dependencies": {
-    "@workday/canvas-kit-react-action-bar": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-avatar": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-banner": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-button": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-card": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-checkbox": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-color-picker": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-common": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-cookie-banner": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-core": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-form-field": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-icon": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-layout": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-loading-animation": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-modal": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-page-header": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-popup": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-radio": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-segmented-control": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-select": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-side-panel": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-skeleton": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-status-indicator": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-switch": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-table": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-text-area": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-text-input": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-toast": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-tooltip": "^4.0.0-beta.0"
+    "@workday/canvas-kit-react-action-bar": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-avatar": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-banner": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-button": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-card": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-checkbox": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-color-picker": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-common": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-cookie-banner": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-core": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-form-field": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-icon": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-layout": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-loading-animation": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-modal": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-page-header": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-popup": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-radio": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-segmented-control": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-select": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-side-panel": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-skeleton": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-status-indicator": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-switch": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-table": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-text-area": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-text-input": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-toast": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-tooltip": "^4.0.0-beta.1"
   }
 }
diff --git a/modules/_labs/color-picker/react/package.json b/modules/_labs/color-picker/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-react-color-picker",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.1",
   "description": "Color Picker is a component for selecting a color.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -45,15 +45,15 @@
   "dependencies": {
     "@emotion/core": "^10.0.28",
     "@emotion/styled": "^10.0.27",
-    "@workday/canvas-kit-labs-react-core": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-button": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-color-picker": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-common": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-core": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-form-field": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-icon": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-popup": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-text-input": "^4.0.0-beta.0",
+    "@workday/canvas-kit-labs-react-core": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-button": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-color-picker": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-common": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-core": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-form-field": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-icon": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-popup": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-text-input": "^4.0.0-beta.1",
     "@workday/canvas-system-icons-web": "^1.0.20"
   },
   "peerDependencies": {

diff --git a/modules/_labs/combobox/react/package.json b/modules/_labs/combobox/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-react-combobox",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.1",
   "description": "Text input with an autocomplete menu",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -50,12 +50,12 @@
   "dependencies": {
     "@emotion/core": "^10.0.28",
     "@emotion/styled": "^10.0.27",
-    "@workday/canvas-kit-labs-react-menu": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-button": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-card": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-common": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-core": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-text-input": "^4.0.0-beta.0",
+    "@workday/canvas-kit-labs-react-menu": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-button": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-card": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-common": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-core": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-text-input": "^4.0.0-beta.1",
     "@workday/canvas-system-icons-web": "^1.0.20",
     "uuid": "^3.3.3"
   }

diff --git a/modules/_labs/core/react/package.json b/modules/_labs/core/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-react-core",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.1",
   "description": "A group of core primitives (i.e. colors, text, etc.)",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -50,7 +50,7 @@
     "@emotion/core": "^10.0.28",
     "@emotion/styled": "^10.0.27",
     "@workday/canvas-colors-web": "^0.17.13",
-    "@workday/canvas-kit-react-core": "^4.0.0-beta.0",
+    "@workday/canvas-kit-react-core": "^4.0.0-beta.1",
     "chroma-js": "^2.1.0",
     "emotion-theming": "^10.0.10",
     "lodash": "^4.17.14",

diff --git a/modules/_labs/drawer/react/package.json b/modules/_labs/drawer/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-react-drawer",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.1",
   "description": "A Drawer component that allows for custom content to be added",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -46,8 +46,8 @@
   "dependencies": {
     "@emotion/core": "^10.0.28",
     "@emotion/styled": "^10.0.27",
-    "@workday/canvas-kit-react-button": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-core": "^4.0.0-beta.0",
+    "@workday/canvas-kit-react-button": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-core": "^4.0.0-beta.1",
     "@workday/canvas-system-icons-web": "^1.0.20"
   },
   "peerDependencies": {

diff --git a/modules/_labs/header/react/package.json b/modules/_labs/header/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-react-header",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.1",
   "description": "A Canvas-styled application header",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -50,14 +50,14 @@
   "dependencies": {
     "@emotion/core": "^10.0.28",
     "@emotion/styled": "^10.0.27",
-    "@workday/canvas-kit-labs-react-combobox": "^4.0.0-beta.0",
-    "@workday/canvas-kit-labs-react-menu": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-button": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-common": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-core": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-form-field": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-icon": "^4.0.0-beta.0",
-    "@workday/canvas-kit-react-text-input": "^4.0.0-beta.0",
+    "@workday/canvas-kit-labs-react-combobox": "^4.0.0-beta.1",
+    "@workday/canvas-kit-labs-react-menu": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-button": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-common": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-core": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-form-field": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-icon": "^4.0.0-beta.1",
+    "@workday/canvas-kit-react-text-input": "^4.0.0-beta.1",
     "@workday/canvas-system-icons-web": "^1.0.20",
     "chroma-js": "^2.1.0",
     "uuid": "^3.3.3"