@workday/canvas-kit-docs 10.3.5 → 10.3.6
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
|
@@ -101421,6 +101421,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
101421
101421
|
"tags": {},
|
|
101422
101422
|
"declarations": []
|
|
101423
101423
|
},
|
|
101424
|
+
{
|
|
101425
|
+
"kind": "property",
|
|
101426
|
+
"name": "aria-activedescendant",
|
|
101427
|
+
"required": true,
|
|
101428
|
+
"type": {
|
|
101429
|
+
"kind": "union",
|
|
101430
|
+
"value": [
|
|
101431
|
+
{
|
|
101432
|
+
"kind": "primitive",
|
|
101433
|
+
"value": "null"
|
|
101434
|
+
},
|
|
101435
|
+
{
|
|
101436
|
+
"kind": "primitive",
|
|
101437
|
+
"value": "undefined"
|
|
101438
|
+
}
|
|
101439
|
+
]
|
|
101440
|
+
},
|
|
101441
|
+
"description": "",
|
|
101442
|
+
"tags": {},
|
|
101443
|
+
"declarations": []
|
|
101444
|
+
},
|
|
101424
101445
|
{
|
|
101425
101446
|
"kind": "property",
|
|
101426
101447
|
"name": "id",
|
package/dist/es6/lib/specs.js
CHANGED
|
@@ -4345,6 +4345,10 @@ module.exports = {specifications: [
|
|
|
4345
4345
|
"type": "it",
|
|
4346
4346
|
"name": "should not have any axe errors"
|
|
4347
4347
|
},
|
|
4348
|
+
{
|
|
4349
|
+
"type": "it",
|
|
4350
|
+
"name": "should not have an aria-activedescendant attribute"
|
|
4351
|
+
},
|
|
4348
4352
|
{
|
|
4349
4353
|
"type": "describe",
|
|
4350
4354
|
"name": "when the select button is clicked",
|
|
@@ -4587,6 +4591,10 @@ module.exports = {specifications: [
|
|
|
4587
4591
|
"type": "describe",
|
|
4588
4592
|
"name": "when the menu is closed WITHOUT selecting the newly focused option (\"Phone\")",
|
|
4589
4593
|
"children": [
|
|
4594
|
+
{
|
|
4595
|
+
"type": "it",
|
|
4596
|
+
"name": "should not have an aria-activedescendant attribute"
|
|
4597
|
+
},
|
|
4590
4598
|
{
|
|
4591
4599
|
"type": "describe",
|
|
4592
4600
|
"name": "when the menu is re-opened AFTER it has fully closed",
|
|
@@ -4,6 +4,7 @@ import {Table} from '@workday/canvas-kit-preview-react/table';
|
|
|
4
4
|
import Basic from './examples/Basic';
|
|
5
5
|
import BasicWithHeading from './examples/BasicWithHeading';
|
|
6
6
|
import FixedColumn from './examples/FixedColumn';
|
|
7
|
+
import RightToLeft from './examples/RightToLeft';
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
# Canvas Kit Table
|
|
@@ -29,6 +30,12 @@ customization of the title/heading of their table.
|
|
|
29
30
|
|
|
30
31
|
<ExampleCodeBlock code={BasicWithHeading} />
|
|
31
32
|
|
|
33
|
+
### Right to Left
|
|
34
|
+
|
|
35
|
+
Table supports right-to-left languages when specified in the CanvasProvider theme.
|
|
36
|
+
|
|
37
|
+
<ExampleCodeBlock code={RightToLeft} />
|
|
38
|
+
|
|
32
39
|
### Example with Caption
|
|
33
40
|
|
|
34
41
|
Users are free to use a `caption` instead of a heading. A `caption` is not required but it is good
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
import {Table} from '@workday/canvas-kit-preview-react/table';
|
|
4
|
+
import {CanvasProvider, ContentDirection} from '@workday/canvas-kit-react/common';
|
|
5
|
+
|
|
6
|
+
export default () => {
|
|
7
|
+
return (
|
|
8
|
+
<CanvasProvider theme={{canvas: {direction: ContentDirection.RTL}}}>
|
|
9
|
+
<Table>
|
|
10
|
+
<Table.Caption>משקאות קפה וגדלים</Table.Caption>
|
|
11
|
+
<Table.Head>
|
|
12
|
+
<Table.Row>
|
|
13
|
+
<Table.Header scope="col" backgroundColor="soap100">
|
|
14
|
+
מַשׁקֶה
|
|
15
|
+
</Table.Header>
|
|
16
|
+
<Table.Header scope="col" backgroundColor="soap100">
|
|
17
|
+
גודל
|
|
18
|
+
</Table.Header>
|
|
19
|
+
</Table.Row>
|
|
20
|
+
</Table.Head>
|
|
21
|
+
<Table.Body>
|
|
22
|
+
<Table.Row>
|
|
23
|
+
<Table.Cell>אספרסו</Table.Cell>
|
|
24
|
+
<Table.Cell>1 גר</Table.Cell>
|
|
25
|
+
</Table.Row>
|
|
26
|
+
<Table.Row>
|
|
27
|
+
<Table.Cell>מקיאטו</Table.Cell>
|
|
28
|
+
<Table.Cell>2 גרם אספרסו</Table.Cell>
|
|
29
|
+
</Table.Row>
|
|
30
|
+
<Table.Row>
|
|
31
|
+
<Table.Cell>גזירה</Table.Cell>
|
|
32
|
+
<Table.Cell>2 גרם אספרסו, 1 גרם חלב מוקצף</Table.Cell>
|
|
33
|
+
</Table.Row>
|
|
34
|
+
</Table.Body>
|
|
35
|
+
</Table>
|
|
36
|
+
</CanvasProvider>
|
|
37
|
+
);
|
|
38
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "10.3.
|
|
3
|
+
"version": "10.3.6",
|
|
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,10 +44,10 @@
|
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@emotion/styled": "^11.6.0",
|
|
46
46
|
"@storybook/csf": "0.0.1",
|
|
47
|
-
"@workday/canvas-kit-labs-react": "^10.3.
|
|
48
|
-
"@workday/canvas-kit-preview-react": "^10.3.
|
|
49
|
-
"@workday/canvas-kit-react": "^10.3.
|
|
50
|
-
"@workday/canvas-kit-styling": "^10.3.
|
|
47
|
+
"@workday/canvas-kit-labs-react": "^10.3.6",
|
|
48
|
+
"@workday/canvas-kit-preview-react": "^10.3.6",
|
|
49
|
+
"@workday/canvas-kit-react": "^10.3.6",
|
|
50
|
+
"@workday/canvas-kit-styling": "^10.3.6",
|
|
51
51
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
52
52
|
"@workday/canvas-tokens-web": "^1.0.0",
|
|
53
53
|
"markdown-to-jsx": "^6.10.3",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"mkdirp": "^1.0.3",
|
|
60
60
|
"typescript": "4.2"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "eb4bb0dca899f228ce654f2bc8b251b0e082b59d"
|
|
63
63
|
}
|