@workday/canvas-kit-docs 9.1.15 → 9.1.16
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.
|
@@ -8,8 +8,8 @@ export default () => {
|
|
|
8
8
|
<Table.Caption>Coffee Drinks and Sizes</Table.Caption>
|
|
9
9
|
<Table.Head>
|
|
10
10
|
<Table.Row>
|
|
11
|
-
<Table.Header backgroundColor="soap100">Drink</Table.Header>
|
|
12
|
-
<Table.Header backgroundColor="soap100">Size</Table.Header>
|
|
11
|
+
<Table.Header scope="col" backgroundColor="soap100">Drink</Table.Header>
|
|
12
|
+
<Table.Header scope="col" backgroundColor="soap100">Size</Table.Header>
|
|
13
13
|
</Table.Row>
|
|
14
14
|
</Table.Head>
|
|
15
15
|
<Table.Body>
|
|
@@ -2,18 +2,21 @@ import React from 'react';
|
|
|
2
2
|
|
|
3
3
|
import {Table} from '@workday/canvas-kit-preview-react/table';
|
|
4
4
|
import {Heading} from '@workday/canvas-kit-react/text';
|
|
5
|
+
import {useUniqueId} from '@workday/canvas-kit-react/common';
|
|
5
6
|
|
|
6
7
|
export default () => {
|
|
8
|
+
const headingID = useUniqueId();
|
|
9
|
+
|
|
7
10
|
return (
|
|
8
11
|
<>
|
|
9
|
-
<Heading size="small" marginBottom="s">
|
|
12
|
+
<Heading as="h3" id={headingID} size="small" marginBottom="s">
|
|
10
13
|
Pizza Toppings
|
|
11
14
|
</Heading>
|
|
12
|
-
<Table>
|
|
15
|
+
<Table aria-labelledby={headingID}>
|
|
13
16
|
<Table.Head>
|
|
14
17
|
<Table.Row>
|
|
15
|
-
<Table.Header backgroundColor="soap100">Toppings</Table.Header>
|
|
16
|
-
<Table.Header backgroundColor="soap100">Amount</Table.Header>
|
|
18
|
+
<Table.Header scope="col" backgroundColor="soap100">Toppings</Table.Header>
|
|
19
|
+
<Table.Header scope="col" backgroundColor="soap100">Amount</Table.Header>
|
|
17
20
|
</Table.Row>
|
|
18
21
|
</Table.Head>
|
|
19
22
|
<Table.Body>
|
|
@@ -3,8 +3,10 @@ import React from 'react';
|
|
|
3
3
|
import {Table} from '@workday/canvas-kit-preview-react/table';
|
|
4
4
|
import {Heading} from '@workday/canvas-kit-react/text';
|
|
5
5
|
import {colors} from '@workday/canvas-kit-react/tokens';
|
|
6
|
+
import {useUniqueId} from '@workday/canvas-kit-react/common';
|
|
6
7
|
|
|
7
8
|
export default () => {
|
|
9
|
+
const headingID = useUniqueId();
|
|
8
10
|
const exampleData = [
|
|
9
11
|
{
|
|
10
12
|
brand: 'Porsche',
|
|
@@ -75,13 +77,14 @@ export default () => {
|
|
|
75
77
|
];
|
|
76
78
|
return (
|
|
77
79
|
<>
|
|
78
|
-
<Heading size="small" marginBottom="s">
|
|
80
|
+
<Heading as="h3" id={headingID} size="small" marginBottom="s">
|
|
79
81
|
Performance Car Specs
|
|
80
82
|
</Heading>
|
|
81
|
-
<Table width={690}>
|
|
83
|
+
<Table width={690} aria-labelledby={headingID} tabIndex={0}>
|
|
82
84
|
<Table.Head>
|
|
83
85
|
<Table.Row>
|
|
84
86
|
<Table.Header
|
|
87
|
+
scope="col"
|
|
85
88
|
position="sticky"
|
|
86
89
|
left="0"
|
|
87
90
|
backgroundColor="soap100"
|
|
@@ -89,14 +92,14 @@ export default () => {
|
|
|
89
92
|
>
|
|
90
93
|
Brand
|
|
91
94
|
</Table.Header>
|
|
92
|
-
<Table.Header>Model</Table.Header>
|
|
93
|
-
<Table.Header>Year</Table.Header>
|
|
94
|
-
<Table.Header>Price</Table.Header>
|
|
95
|
-
<Table.Header>Engine</Table.Header>
|
|
96
|
-
<Table.Header>Transmission</Table.Header>
|
|
97
|
-
<Table.Header>Horsepower</Table.Header>
|
|
98
|
-
<Table.Header>Torque</Table.Header>
|
|
99
|
-
<Table.Header>Tires</Table.Header>
|
|
95
|
+
<Table.Header scope="col">Model</Table.Header>
|
|
96
|
+
<Table.Header scope="col">Year</Table.Header>
|
|
97
|
+
<Table.Header scope="col">Price</Table.Header>
|
|
98
|
+
<Table.Header scope="col">Engine</Table.Header>
|
|
99
|
+
<Table.Header scope="col">Transmission</Table.Header>
|
|
100
|
+
<Table.Header scope="col">Horsepower</Table.Header>
|
|
101
|
+
<Table.Header scope="col">Torque</Table.Header>
|
|
102
|
+
<Table.Header scope="col">Tires</Table.Header>
|
|
100
103
|
</Table.Row>
|
|
101
104
|
</Table.Head>
|
|
102
105
|
<Table.Body>
|
|
@@ -104,6 +107,7 @@ export default () => {
|
|
|
104
107
|
<>
|
|
105
108
|
<Table.Row>
|
|
106
109
|
<Table.Header
|
|
110
|
+
scope="row"
|
|
107
111
|
position="sticky"
|
|
108
112
|
left="0"
|
|
109
113
|
backgroundColor="soap100"
|
|
@@ -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.1.
|
|
3
|
+
"version": "9.1.16",
|
|
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.1.
|
|
48
|
-
"@workday/canvas-kit-preview-react": "^9.1.
|
|
49
|
-
"@workday/canvas-kit-react": "^9.1.
|
|
47
|
+
"@workday/canvas-kit-labs-react": "^9.1.16",
|
|
48
|
+
"@workday/canvas-kit-preview-react": "^9.1.16",
|
|
49
|
+
"@workday/canvas-kit-react": "^9.1.16",
|
|
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": "55c53bf58a48a56a2499ecacd1ae1d2f37df09cf"
|
|
61
61
|
}
|