@workday/canvas-kit-docs 8.4.5 → 8.4.7
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.
|
@@ -59,6 +59,12 @@ Here's an example of a `Card` with a reduced padding of `xs`.
|
|
|
59
59
|
wraps a non-semantic `div` element. The element can be replaced using the `as` prop, or a `role` or
|
|
60
60
|
other `aria-*` attributes can be added to give `Card` semantic meaning.
|
|
61
61
|
|
|
62
|
+
Changing the `Card` container to certain semantic elements will put accessibility at risk. For
|
|
63
|
+
example, using the `as` prop to change the cards to buttons will flatten the content in the card.
|
|
64
|
+
Headings, calls to action, etc. will not function as expected for users with disabilities. Semantic
|
|
65
|
+
container elements like `<section>`, or using `<li>` grouped together in a common `<ul>` can be a
|
|
66
|
+
useful way to elevate the accessibility of your design.
|
|
67
|
+
|
|
62
68
|
#### Props
|
|
63
69
|
|
|
64
70
|
Undocumented props are spread to the outermost element rendered by `Card`.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "8.4.
|
|
3
|
+
"version": "8.4.7",
|
|
4
4
|
"description": "Documentation components of Canvas Kit components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@storybook/csf": "0.0.1",
|
|
45
|
-
"@workday/canvas-kit-react": "^8.4.
|
|
45
|
+
"@workday/canvas-kit-react": "^8.4.7",
|
|
46
46
|
"@workday/canvas-system-icons-web": "^3.0.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"mkdirp": "^1.0.3",
|
|
52
52
|
"typescript": "4.1"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "f60d81f57ac03edebfcea6337277780ebecd416a"
|
|
55
55
|
}
|