@workday/canvas-kit-docs 14.0.0-alpha.1125-next.0 → 14.0.0-alpha.1127-next.0
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 +3530 -895
- package/dist/mdx/14.0-UPGRADE-GUIDE.mdx +17 -10
- package/package.json +6 -6
|
@@ -4,13 +4,12 @@ This guide contains an overview of the changes in Canvas Kit v14. Please
|
|
|
4
4
|
[reach out](https://github.com/Workday/canvas-kit/issues/new?labels=bug&template=bug.md) if you have
|
|
5
5
|
any questions.
|
|
6
6
|
|
|
7
|
-
|
|
8
7
|
## Table of contents
|
|
9
8
|
|
|
10
9
|
- [Codemod](#codemod)
|
|
11
10
|
- [Instructions](#instructions)
|
|
12
11
|
- [Component Updates](#component-updates)
|
|
13
|
-
|
|
12
|
+
- [Styling API and CSS Tokens](#styling-api-and-css-tokens)
|
|
14
13
|
- [Troubleshooting](#troubleshooting)
|
|
15
14
|
- [Glossary](#glossary)
|
|
16
15
|
- [Main](#main)
|
|
@@ -79,23 +78,30 @@ yarn remove @workday/canvas-kit-codemod
|
|
|
79
78
|
> your project conventions.
|
|
80
79
|
|
|
81
80
|
## Styling API and Canvas Tokens 💅
|
|
82
|
-
Several components have been refactored to use our Canvas tokens and styling API. The React interface has not changed, but Canvas Tokens are now used for dynamic properties.
|
|
83
81
|
|
|
84
|
-
|
|
82
|
+
Several components have been refactored to use our Canvas tokens and styling API. The React
|
|
83
|
+
interface has not changed, but Canvas Tokens are now used for dynamic properties.
|
|
84
|
+
|
|
85
|
+
> **Note:** These components also support our cs prop for styling. Learn more about styling with cs
|
|
86
|
+
> in our documentation.
|
|
85
87
|
|
|
86
88
|
The following components have been updated:
|
|
87
89
|
|
|
88
90
|
- `Breadcrumbs` [#3270](https://github.com/Workday/canvas-kit/pull/3270)
|
|
91
|
+
- `SegmentedControl` (main) [#3278](https://github.com/Workday/canvas-kit/pull/3278)
|
|
92
|
+
- `SegmentedControl` (preview) [#3278](https://github.com/Workday/canvas-kit/pull/3278)
|
|
93
|
+
- `ToolbarDropdownButton` [#3293](https://github.com/Workday/canvas-kit/pull/3293)
|
|
94
|
+
- `ToolbarIconButton` [#3293](https://github.com/Workday/canvas-kit/pull/3293)
|
|
89
95
|
|
|
90
96
|
## Troubleshooting
|
|
91
97
|
|
|
92
98
|
- When upgrading to the latest major version of Canvas Kit, all related Canvas Kit packages should
|
|
93
99
|
be updated at the same time:
|
|
94
|
-
- `"@workday/canvas-kit-react": "^
|
|
95
|
-
- `"@workday/canvas-kit-styling": "^
|
|
96
|
-
- `"@workday/canvas-kit-preview-react": "^
|
|
97
|
-
`"@workday/canvas-kit-preview-react": "^
|
|
98
|
-
- `"@workday/canvas-kit-labs-react": "^
|
|
100
|
+
- `"@workday/canvas-kit-react": "^13.5.6"` -> `"@workday/canvas-kit-react": "^14.0.0"`
|
|
101
|
+
- `"@workday/canvas-kit-styling": "^13.5.6"` -> `"@workday/canvas-kit-styling": "^14.0.0"`
|
|
102
|
+
- `"@workday/canvas-kit-preview-react": "^13.5.6"` ->
|
|
103
|
+
`"@workday/canvas-kit-preview-react": "^14.0.0"`
|
|
104
|
+
- `"@workday/canvas-kit-labs-react": "^13.5.6"` -> `"@workday/canvas-kit-labs-react": "^14.0.0"`
|
|
99
105
|
- Our components rely on the `@workday/canvas-tokens-web` package which provides our CSS variables
|
|
100
106
|
and ensures the correct styling of our components. Make sure to upgrade to the latest version of
|
|
101
107
|
Canvas Tokens Web and install it correctly. For more information,
|
|
@@ -103,4 +109,5 @@ The following components have been updated:
|
|
|
103
109
|
|
|
104
110
|
## Glossary
|
|
105
111
|
|
|
106
|
-
For an overview of the different packages we provide, plase view our docs
|
|
112
|
+
For an overview of the different packages we provide, plase view our docs
|
|
113
|
+
[here](https://workday.github.io/canvas-kit/?path=/docs/guides-packages--docs).
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "14.0.0-alpha.
|
|
3
|
+
"version": "14.0.0-alpha.1127-next.0",
|
|
4
4
|
"description": "Documentation components of Canvas Kit components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -45,10 +45,10 @@
|
|
|
45
45
|
"@emotion/styled": "^11.6.0",
|
|
46
46
|
"@stackblitz/sdk": "^1.11.0",
|
|
47
47
|
"@storybook/csf": "0.0.1",
|
|
48
|
-
"@workday/canvas-kit-labs-react": "^14.0.0-alpha.
|
|
49
|
-
"@workday/canvas-kit-preview-react": "^14.0.0-alpha.
|
|
50
|
-
"@workday/canvas-kit-react": "^14.0.0-alpha.
|
|
51
|
-
"@workday/canvas-kit-styling": "^14.0.0-alpha.
|
|
48
|
+
"@workday/canvas-kit-labs-react": "^14.0.0-alpha.1127-next.0",
|
|
49
|
+
"@workday/canvas-kit-preview-react": "^14.0.0-alpha.1127-next.0",
|
|
50
|
+
"@workday/canvas-kit-react": "^14.0.0-alpha.1127-next.0",
|
|
51
|
+
"@workday/canvas-kit-styling": "^14.0.0-alpha.1127-next.0",
|
|
52
52
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
53
53
|
"@workday/canvas-tokens-web": "^2.1.1",
|
|
54
54
|
"markdown-to-jsx": "^7.2.0",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"mkdirp": "^1.0.3",
|
|
62
62
|
"typescript": "5.0"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "3067be6c028bb5eee066f8dc3ef82a5788b3fa98"
|
|
65
65
|
}
|