@workday/canvas-kit-docs 9.0.13 → 9.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/es6/lib/docs.js
CHANGED
|
@@ -104971,7 +104971,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
104971
104971
|
{
|
|
104972
104972
|
"name": "accessibleHide",
|
|
104973
104973
|
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/styles/accessibleHide.ts",
|
|
104974
|
-
"description": "A utility to hide content
|
|
104974
|
+
"description": "A utility to visually hide content, while still making accessible to screenreaders\nSee https://a11y-101.com/development/skip-link",
|
|
104975
104975
|
"declarations": [
|
|
104976
104976
|
{
|
|
104977
104977
|
"name": "accessibleHide",
|
|
@@ -34,13 +34,50 @@ any questions.
|
|
|
34
34
|
|
|
35
35
|
## Codemod
|
|
36
36
|
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
We've provided a [codemod](https://github.com/Workday/canvas-kit/tree/master/modules/codemod) to
|
|
38
|
+
automatically update your code to work with most of the breaking changes in v9. **Breaking changes
|
|
39
|
+
handled by the codemod are marked with 🤖 in the Upgrade Guide.**
|
|
40
|
+
|
|
41
|
+
A codemod is a script that makes programmatic transformations on your codebase by traversing the
|
|
42
|
+
[AST](https://www.codeshiftcommunity.com/docs/understanding-asts), identifying patterns, and making
|
|
43
|
+
prescribed changes. This greatly decreases opportunities for error and reduces the number of manual
|
|
44
|
+
updates, which allows you to focus on changes that need your attention. **We highly recommend you
|
|
45
|
+
use the codemod for these reasons.**
|
|
46
|
+
|
|
47
|
+
If you're new to running codemods or if it's been a minute since you've used one, there are a few
|
|
48
|
+
things you'll want to keep in mind.
|
|
49
|
+
|
|
50
|
+
- Our codemods are meant to be run sequentially. For example, if you're using v7 of Canvas Kit,
|
|
51
|
+
you'll need to run the v8 codemod before you run v9.
|
|
52
|
+
- The codemod will update your code to be compatible with the specified version, but it will **not**
|
|
53
|
+
remove outdated dependencies or upgrade dependencies to the latest version. You'll need to upgrade
|
|
54
|
+
dependencies on your own.
|
|
55
|
+
- We recommend upgrading dependencies before running the codemod.
|
|
56
|
+
- Always review your `package.json` files to make sure your dependency versions look correct.
|
|
57
|
+
- The codemod will not handle every breaking change in v9. You will likely need to make some manual
|
|
58
|
+
changes to be compatible. Use our Upgrade Guide as a checklist.
|
|
59
|
+
- Codemods are not bulletproof.
|
|
60
|
+
- Conduct a thorough PR and QA review of all changes to ensure no regressions were introduced.
|
|
61
|
+
- As a safety precaution, we recommend committing the changes from the codemod as a single
|
|
62
|
+
isolated commit (separate from other changes) so you can roll back more easily if necessary.
|
|
63
|
+
|
|
64
|
+
We're here to help! Automatic changes to your codebase can feel scary. You can always reach out to
|
|
65
|
+
our team. We'd be very happy to walk you through the process to set you up for success.
|
|
66
|
+
|
|
67
|
+
### Instructions
|
|
68
|
+
|
|
69
|
+
The easiest way to run our codemod is to use `npx`.
|
|
39
70
|
|
|
40
71
|
```sh
|
|
41
72
|
> npx @workday/canvas-kit-codemod v9 [path]
|
|
42
73
|
```
|
|
43
74
|
|
|
75
|
+
Be sure to provide specific directories that need to be updated via the `[path]` argument. This
|
|
76
|
+
decreases the amount of AST the codemod needs to traverse and reduces the chances of the script
|
|
77
|
+
having an error. For example, if your source code lives in `src/`, use `src/` as your `[path]`. Or,
|
|
78
|
+
if you have a monorepo with three packages using Canvas Kit, provide those specific packages as your
|
|
79
|
+
`[path]`.
|
|
80
|
+
|
|
44
81
|
Alternatively, if you're unable to run the codemod successfully using `npx`, you can install the
|
|
45
82
|
codemod package as a dev dependency, run it with `yarn`, and then remove the package after you're
|
|
46
83
|
finished.
|
|
@@ -56,13 +93,6 @@ finished.
|
|
|
56
93
|
> the codemod, as its resulting formatting (spacing, quotes, etc.) may not match your project
|
|
57
94
|
> conventions.
|
|
58
95
|
|
|
59
|
-
The codemod will handle _most_ but _not all_ of the breaking changes in v9. **Breaking changes
|
|
60
|
-
handled by the codemod are marked with 🤖 in the Upgrade Guide.**
|
|
61
|
-
|
|
62
|
-
**Please verify all changes made by the codemod.** As a safety precaution, we recommend committing
|
|
63
|
-
the changes from the codemod as a single isolated commit (separate from other changes) so you can
|
|
64
|
-
roll back more easily if necessary.
|
|
65
|
-
|
|
66
96
|
## New Components
|
|
67
97
|
|
|
68
98
|
### Table
|
|
@@ -16,7 +16,7 @@ import {SearchForm} from '@workday/canvas-kit-labs-react/search-form';
|
|
|
16
16
|
|
|
17
17
|
interface HeaderItemProps extends FlexProps {}
|
|
18
18
|
|
|
19
|
-
export
|
|
19
|
+
export const Basic = () => (
|
|
20
20
|
<GlobalHeader>
|
|
21
21
|
<GlobalHeader.Item>
|
|
22
22
|
<TertiaryButton aria-label="menu" icon={justifyIcon} />
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.15",
|
|
4
4
|
"description": "Documentation components of Canvas Kit components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@emotion/styled": "^11.6.0",
|
|
46
46
|
"@storybook/csf": "0.0.1",
|
|
47
|
-
"@workday/canvas-kit-labs-react": "^9.0.
|
|
48
|
-
"@workday/canvas-kit-preview-react": "^9.0.
|
|
49
|
-
"@workday/canvas-kit-react": "^9.0.
|
|
47
|
+
"@workday/canvas-kit-labs-react": "^9.0.15",
|
|
48
|
+
"@workday/canvas-kit-preview-react": "^9.0.15",
|
|
49
|
+
"@workday/canvas-kit-react": "^9.0.15",
|
|
50
50
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
51
51
|
"markdown-to-jsx": "^6.10.3",
|
|
52
52
|
"ts-node": "^10.9.1"
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"mkdirp": "^1.0.3",
|
|
58
58
|
"typescript": "4.2"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "c44610accaaa4e2cfee98dcfb4db55c9aa1b2d09"
|
|
61
61
|
}
|