@workday/canvas-kit-docs 16.1.7 → 16.1.8
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 +8701 -3060
- package/dist/es6/lib/specs.js +17 -17
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
- package/dist/mdx/preview-react/tabs/examples/OverflowTabs.tsx +7 -2
- package/dist/mdx/react/tabs/examples/OverflowTabs.tsx +7 -2
- package/package.json +6 -6
package/dist/es6/lib/specs.js
CHANGED
|
@@ -6463,7 +6463,7 @@ module.exports = {specifications: [
|
|
|
6463
6463
|
},
|
|
6464
6464
|
{
|
|
6465
6465
|
"type": "it",
|
|
6466
|
-
"name": "should not show the \"More\"
|
|
6466
|
+
"name": "should not show the \"More\" overflow tab"
|
|
6467
6467
|
},
|
|
6468
6468
|
{
|
|
6469
6469
|
"type": "it",
|
|
@@ -6483,7 +6483,7 @@ module.exports = {specifications: [
|
|
|
6483
6483
|
"children": [
|
|
6484
6484
|
{
|
|
6485
6485
|
"type": "it",
|
|
6486
|
-
"name": "should focus
|
|
6486
|
+
"name": "should move focus out of the tablist to the next focusable (width control)"
|
|
6487
6487
|
}
|
|
6488
6488
|
]
|
|
6489
6489
|
}
|
|
@@ -6499,11 +6499,11 @@ module.exports = {specifications: [
|
|
|
6499
6499
|
},
|
|
6500
6500
|
{
|
|
6501
6501
|
"type": "it",
|
|
6502
|
-
"name": "should show the \"More\"
|
|
6502
|
+
"name": "should show the \"More\" overflow tab"
|
|
6503
6503
|
},
|
|
6504
6504
|
{
|
|
6505
6505
|
"type": "it",
|
|
6506
|
-
"name": "should show
|
|
6506
|
+
"name": "should show visible content tabs plus the More overflow tab"
|
|
6507
6507
|
},
|
|
6508
6508
|
{
|
|
6509
6509
|
"type": "it",
|
|
@@ -6515,11 +6515,11 @@ module.exports = {specifications: [
|
|
|
6515
6515
|
"children": [
|
|
6516
6516
|
{
|
|
6517
6517
|
"type": "describe",
|
|
6518
|
-
"name": "when the
|
|
6518
|
+
"name": "when the Right Arrow key is pressed until the More overflow tab",
|
|
6519
6519
|
"children": [
|
|
6520
6520
|
{
|
|
6521
6521
|
"type": "it",
|
|
6522
|
-
"name": "should focus on the \"More\"
|
|
6522
|
+
"name": "should focus on the \"More\" overflow tab"
|
|
6523
6523
|
}
|
|
6524
6524
|
]
|
|
6525
6525
|
}
|
|
@@ -6527,7 +6527,7 @@ module.exports = {specifications: [
|
|
|
6527
6527
|
},
|
|
6528
6528
|
{
|
|
6529
6529
|
"type": "describe",
|
|
6530
|
-
"name": "when the \"More\"
|
|
6530
|
+
"name": "when the \"More\" overflow tab is clicked",
|
|
6531
6531
|
"children": [
|
|
6532
6532
|
{
|
|
6533
6533
|
"type": "it",
|
|
@@ -6547,7 +6547,7 @@ module.exports = {specifications: [
|
|
|
6547
6547
|
},
|
|
6548
6548
|
{
|
|
6549
6549
|
"type": "it",
|
|
6550
|
-
"name": "should move focus
|
|
6550
|
+
"name": "should move focus to the Sixth Tab"
|
|
6551
6551
|
}
|
|
6552
6552
|
]
|
|
6553
6553
|
}
|
|
@@ -6565,7 +6565,7 @@ module.exports = {specifications: [
|
|
|
6565
6565
|
},
|
|
6566
6566
|
{
|
|
6567
6567
|
"type": "it",
|
|
6568
|
-
"name": "should show the \"More\"
|
|
6568
|
+
"name": "should show the \"More\" overflow tab"
|
|
6569
6569
|
},
|
|
6570
6570
|
{
|
|
6571
6571
|
"type": "it",
|
|
@@ -6573,11 +6573,11 @@ module.exports = {specifications: [
|
|
|
6573
6573
|
},
|
|
6574
6574
|
{
|
|
6575
6575
|
"type": "it",
|
|
6576
|
-
"name": "should show
|
|
6576
|
+
"name": "should show 2 content tabs plus the More overflow tab (3 total)"
|
|
6577
6577
|
},
|
|
6578
6578
|
{
|
|
6579
6579
|
"type": "describe",
|
|
6580
|
-
"name": "when the \"More\"
|
|
6580
|
+
"name": "when the \"More\" overflow tab is clicked",
|
|
6581
6581
|
"children": [
|
|
6582
6582
|
{
|
|
6583
6583
|
"type": "it",
|
|
@@ -6585,7 +6585,7 @@ module.exports = {specifications: [
|
|
|
6585
6585
|
},
|
|
6586
6586
|
{
|
|
6587
6587
|
"type": "it",
|
|
6588
|
-
"name": "should have the
|
|
6588
|
+
"name": "should have the third Tab as the first menu item"
|
|
6589
6589
|
}
|
|
6590
6590
|
]
|
|
6591
6591
|
}
|
|
@@ -6601,7 +6601,7 @@ module.exports = {specifications: [
|
|
|
6601
6601
|
},
|
|
6602
6602
|
{
|
|
6603
6603
|
"type": "it",
|
|
6604
|
-
"name": "should show the \"More\"
|
|
6604
|
+
"name": "should show the \"More\" overflow tab"
|
|
6605
6605
|
},
|
|
6606
6606
|
{
|
|
6607
6607
|
"type": "it",
|
|
@@ -6609,11 +6609,11 @@ module.exports = {specifications: [
|
|
|
6609
6609
|
},
|
|
6610
6610
|
{
|
|
6611
6611
|
"type": "it",
|
|
6612
|
-
"name": "should show
|
|
6612
|
+
"name": "should show only the More overflow tab (1 tab when all content tabs overflow)"
|
|
6613
6613
|
},
|
|
6614
6614
|
{
|
|
6615
6615
|
"type": "describe",
|
|
6616
|
-
"name": "when the \"More\"
|
|
6616
|
+
"name": "when the \"More\" overflow tab is clicked",
|
|
6617
6617
|
"children": [
|
|
6618
6618
|
{
|
|
6619
6619
|
"type": "it",
|
|
@@ -6621,7 +6621,7 @@ module.exports = {specifications: [
|
|
|
6621
6621
|
},
|
|
6622
6622
|
{
|
|
6623
6623
|
"type": "it",
|
|
6624
|
-
"name": "should have
|
|
6624
|
+
"name": "should have focus on the first menu item (First Tab)"
|
|
6625
6625
|
}
|
|
6626
6626
|
]
|
|
6627
6627
|
}
|
|
@@ -6633,7 +6633,7 @@ module.exports = {specifications: [
|
|
|
6633
6633
|
"children": [
|
|
6634
6634
|
{
|
|
6635
6635
|
"type": "it",
|
|
6636
|
-
"name": "should not show the \"More\"
|
|
6636
|
+
"name": "should not show the \"More\" overflow tab"
|
|
6637
6637
|
},
|
|
6638
6638
|
{
|
|
6639
6639
|
"type": "it",
|
|
@@ -18,11 +18,11 @@ export const packageJSONFile = `{
|
|
|
18
18
|
"@emotion/react": "11.11.4",
|
|
19
19
|
"@types/react": "18.2.60",
|
|
20
20
|
"@types/react-dom": "18.2.19",
|
|
21
|
-
"@workday/canvas-kit-labs-react": "16.1.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "16.1.
|
|
23
|
-
"@workday/canvas-kit-react": "16.1.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^16.1.
|
|
25
|
-
"@workday/canvas-kit-styling": "16.1.
|
|
21
|
+
"@workday/canvas-kit-labs-react": "16.1.8",
|
|
22
|
+
"@workday/canvas-kit-preview-react": "16.1.8",
|
|
23
|
+
"@workday/canvas-kit-react": "16.1.8",
|
|
24
|
+
"@workday/canvas-kit-react-fonts": "^16.1.8",
|
|
25
|
+
"@workday/canvas-kit-styling": "16.1.8",
|
|
26
26
|
"@workday/canvas-system-icons-web": "^5.0.3",
|
|
27
27
|
"@workday/canvas-expressive-icons-web": "1.0.1",
|
|
28
28
|
"@workday/canvas-tokens-web": "4.4.0-beta.11"
|
|
@@ -19,11 +19,11 @@ export const packageJSONFile = `{
|
|
|
19
19
|
"@emotion/react": "11.11.4",
|
|
20
20
|
"@types/react": "18.2.60",
|
|
21
21
|
"@types/react-dom": "18.2.19",
|
|
22
|
-
"@workday/canvas-kit-labs-react": "16.1.
|
|
23
|
-
"@workday/canvas-kit-preview-react": "16.1.
|
|
24
|
-
"@workday/canvas-kit-react": "16.1.
|
|
25
|
-
"@workday/canvas-kit-react-fonts": "^16.1.
|
|
26
|
-
"@workday/canvas-kit-styling": "16.1.
|
|
22
|
+
"@workday/canvas-kit-labs-react": "16.1.8",
|
|
23
|
+
"@workday/canvas-kit-preview-react": "16.1.8",
|
|
24
|
+
"@workday/canvas-kit-react": "16.1.8",
|
|
25
|
+
"@workday/canvas-kit-react-fonts": "^16.1.8",
|
|
26
|
+
"@workday/canvas-kit-styling": "16.1.8",
|
|
27
27
|
"@workday/canvas-system-icons-web": "^5.0.3",
|
|
28
28
|
"@workday/canvas-expressive-icons-web": "1.0.1",
|
|
29
29
|
"@workday/canvas-tokens-web": "4.4.0-beta.11"
|
|
@@ -3,6 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import {Tabs, useTabsModel} from '@workday/canvas-kit-preview-react/tabs';
|
|
4
4
|
import {Box} from '@workday/canvas-kit-react/layout';
|
|
5
5
|
import {SegmentedControl} from '@workday/canvas-kit-react/segmented-control';
|
|
6
|
+
import {Heading} from '@workday/canvas-kit-react/text';
|
|
6
7
|
import {px2rem} from '@workday/canvas-kit-styling';
|
|
7
8
|
import {system} from '@workday/canvas-tokens-web';
|
|
8
9
|
|
|
@@ -42,13 +43,17 @@ export default () => {
|
|
|
42
43
|
</Tabs.Menu.Popper>
|
|
43
44
|
<Tabs.Panels>
|
|
44
45
|
{(item: MyTabItem) => (
|
|
45
|
-
<Tabs.Panel cs={{marginBlockStart: system.gap.lg}}>
|
|
46
|
+
<Tabs.Panel tabIndex={-1} cs={{marginBlockStart: system.gap.lg}}>
|
|
47
|
+
{item.contents}
|
|
48
|
+
</Tabs.Panel>
|
|
46
49
|
)}
|
|
47
50
|
</Tabs.Panels>
|
|
48
51
|
</Tabs>
|
|
49
52
|
</Box>
|
|
50
53
|
<hr />
|
|
51
|
-
<
|
|
54
|
+
<Heading size="small" as="h4">
|
|
55
|
+
Change Tabs container size
|
|
56
|
+
</Heading>
|
|
52
57
|
<SegmentedControl onSelect={data => setContainerWidth(data.id)}>
|
|
53
58
|
<SegmentedControl.List aria-label="container width control">
|
|
54
59
|
<SegmentedControl.Item data-id="100%">100%</SegmentedControl.Item>
|
|
@@ -3,6 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import {Box} from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import {SegmentedControl} from '@workday/canvas-kit-react/segmented-control';
|
|
5
5
|
import {Tabs, useTabsModel} from '@workday/canvas-kit-react/tabs';
|
|
6
|
+
import {Heading} from '@workday/canvas-kit-react/text';
|
|
6
7
|
import {px2rem} from '@workday/canvas-kit-styling';
|
|
7
8
|
import {system} from '@workday/canvas-tokens-web';
|
|
8
9
|
|
|
@@ -43,13 +44,17 @@ export default () => {
|
|
|
43
44
|
</Tabs.Menu.Popper>
|
|
44
45
|
<Tabs.Panels>
|
|
45
46
|
{(item: MyTabItem) => (
|
|
46
|
-
<Tabs.Panel cs={{marginBlockStart: system.gap.lg}}>
|
|
47
|
+
<Tabs.Panel tabIndex={-1} cs={{marginBlockStart: system.gap.lg}}>
|
|
48
|
+
{item.contents}
|
|
49
|
+
</Tabs.Panel>
|
|
47
50
|
)}
|
|
48
51
|
</Tabs.Panels>
|
|
49
52
|
</Tabs>
|
|
50
53
|
</Box>
|
|
51
54
|
<hr />
|
|
52
|
-
<
|
|
55
|
+
<Heading size="small" as="h4">
|
|
56
|
+
Change Tabs container size
|
|
57
|
+
</Heading>
|
|
53
58
|
<SegmentedControl onSelect={data => setContainerWidth(data.id)}>
|
|
54
59
|
<SegmentedControl.List aria-label="container width control">
|
|
55
60
|
<SegmentedControl.Item data-id="100%">100%</SegmentedControl.Item>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "16.1.
|
|
3
|
+
"version": "16.1.8",
|
|
4
4
|
"description": "Documentation components of Canvas Kit components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -47,10 +47,10 @@
|
|
|
47
47
|
"@stackblitz/sdk": "^1.11.0",
|
|
48
48
|
"@storybook/csf": "0.0.1",
|
|
49
49
|
"@workday/canvas-expressive-icons-web": "1.0.2",
|
|
50
|
-
"@workday/canvas-kit-labs-react": "^16.1.
|
|
51
|
-
"@workday/canvas-kit-preview-react": "^16.1.
|
|
52
|
-
"@workday/canvas-kit-react": "^16.1.
|
|
53
|
-
"@workday/canvas-kit-styling": "^16.1.
|
|
50
|
+
"@workday/canvas-kit-labs-react": "^16.1.8",
|
|
51
|
+
"@workday/canvas-kit-preview-react": "^16.1.8",
|
|
52
|
+
"@workday/canvas-kit-react": "^16.1.8",
|
|
53
|
+
"@workday/canvas-kit-styling": "^16.1.8",
|
|
54
54
|
"@workday/canvas-system-icons-web": "^5.0.3",
|
|
55
55
|
"@workday/canvas-tokens-web": "^4.4.0",
|
|
56
56
|
"markdown-to-jsx": "^7.2.0",
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"mkdirp": "^1.0.3",
|
|
64
64
|
"typescript": "5.0"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "cf3943f83922db584cd25d1e4adbc16d71faa834"
|
|
67
67
|
}
|