@workday/canvas-kit-docs 16.2.0-0630-next.0 → 16.2.0-0638-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.
Files changed (8) hide show
  1. package/dist/es6/lib/docs.js +8701 -3060
  2. package/dist/es6/lib/specs.js +17 -17
  3. package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
  4. package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
  5. package/dist/mdx/preview-react/tabs/examples/OverflowTabs.tsx +7 -2
  6. package/dist/mdx/react/tabs/examples/OverflowTabs.tsx +7 -2
  7. package/dist/mdx/style-props/examples/Background.tsx +1 -1
  8. package/package.json +6 -6
package/dist/es6/lib/specs.js CHANGED
@@ -6667,7 +6667,7 @@ module.exports = {specifications: [
6667
6667
  },
6668
6668
  {
6669
6669
  "type": "it",
6670
- "name": "should not show the \"More\" button"
6670
+ "name": "should not show the \"More\" overflow tab"
6671
6671
  },
6672
6672
  {
6673
6673
  "type": "it",
@@ -6687,7 +6687,7 @@ module.exports = {specifications: [
6687
6687
  "children": [
6688
6688
  {
6689
6689
  "type": "it",
6690
- "name": "should focus on the tab panel"
6690
+ "name": "should move focus out of the tablist to the next focusable (width control)"
6691
6691
  }
6692
6692
  ]
6693
6693
  }
@@ -6703,11 +6703,11 @@ module.exports = {specifications: [
6703
6703
  },
6704
6704
  {
6705
6705
  "type": "it",
6706
- "name": "should show the \"More\" button"
6706
+ "name": "should show the \"More\" overflow tab"
6707
6707
  },
6708
6708
  {
6709
6709
  "type": "it",
6710
- "name": "should show only 3 tab items"
6710
+ "name": "should show visible content tabs plus the More overflow tab"
6711
6711
  },
6712
6712
  {
6713
6713
  "type": "it",
@@ -6719,11 +6719,11 @@ module.exports = {specifications: [
6719
6719
  "children": [
6720
6720
  {
6721
6721
  "type": "describe",
6722
- "name": "when the Tab key is pressed",
6722
+ "name": "when the Right Arrow key is pressed until the More overflow tab",
6723
6723
  "children": [
6724
6724
  {
6725
6725
  "type": "it",
6726
- "name": "should focus on the \"More\" button"
6726
+ "name": "should focus on the \"More\" overflow tab"
6727
6727
  }
6728
6728
  ]
6729
6729
  }
@@ -6731,7 +6731,7 @@ module.exports = {specifications: [
6731
6731
  },
6732
6732
  {
6733
6733
  "type": "describe",
6734
- "name": "when the \"More\" button is clicked",
6734
+ "name": "when the \"More\" overflow tab is clicked",
6735
6735
  "children": [
6736
6736
  {
6737
6737
  "type": "it",
@@ -6751,7 +6751,7 @@ module.exports = {specifications: [
6751
6751
  },
6752
6752
  {
6753
6753
  "type": "it",
6754
- "name": "should move focus back to the \"More\" button"
6754
+ "name": "should move focus to the Sixth Tab"
6755
6755
  }
6756
6756
  ]
6757
6757
  }
@@ -6769,7 +6769,7 @@ module.exports = {specifications: [
6769
6769
  },
6770
6770
  {
6771
6771
  "type": "it",
6772
- "name": "should show the \"More\" button"
6772
+ "name": "should show the \"More\" overflow tab"
6773
6773
  },
6774
6774
  {
6775
6775
  "type": "it",
@@ -6777,11 +6777,11 @@ module.exports = {specifications: [
6777
6777
  },
6778
6778
  {
6779
6779
  "type": "it",
6780
- "name": "should show only 1 tab item"
6780
+ "name": "should show 2 content tabs plus the More overflow tab (3 total)"
6781
6781
  },
6782
6782
  {
6783
6783
  "type": "describe",
6784
- "name": "when the \"More\" button is clicked",
6784
+ "name": "when the \"More\" overflow tab is clicked",
6785
6785
  "children": [
6786
6786
  {
6787
6787
  "type": "it",
@@ -6789,7 +6789,7 @@ module.exports = {specifications: [
6789
6789
  },
6790
6790
  {
6791
6791
  "type": "it",
6792
- "name": "should have the second Tab as the first menu item"
6792
+ "name": "should have the third Tab as the first menu item"
6793
6793
  }
6794
6794
  ]
6795
6795
  }
@@ -6805,7 +6805,7 @@ module.exports = {specifications: [
6805
6805
  },
6806
6806
  {
6807
6807
  "type": "it",
6808
- "name": "should show the \"More\" button"
6808
+ "name": "should show the \"More\" overflow tab"
6809
6809
  },
6810
6810
  {
6811
6811
  "type": "it",
@@ -6813,11 +6813,11 @@ module.exports = {specifications: [
6813
6813
  },
6814
6814
  {
6815
6815
  "type": "it",
6816
- "name": "should show no tab items"
6816
+ "name": "should show only the More overflow tab (1 tab when all content tabs overflow)"
6817
6817
  },
6818
6818
  {
6819
6819
  "type": "describe",
6820
- "name": "when the \"More\" button is clicked",
6820
+ "name": "when the \"More\" overflow tab is clicked",
6821
6821
  "children": [
6822
6822
  {
6823
6823
  "type": "it",
@@ -6825,7 +6825,7 @@ module.exports = {specifications: [
6825
6825
  },
6826
6826
  {
6827
6827
  "type": "it",
6828
- "name": "should have the third Tab as the first menu item"
6828
+ "name": "should have focus on the first menu item (First Tab)"
6829
6829
  }
6830
6830
  ]
6831
6831
  }
@@ -6837,7 +6837,7 @@ module.exports = {specifications: [
6837
6837
  "children": [
6838
6838
  {
6839
6839
  "type": "it",
6840
- "name": "should not show the \"More\" button"
6840
+ "name": "should not show the \"More\" overflow tab"
6841
6841
  },
6842
6842
  {
6843
6843
  "type": "it",
package/dist/es6/lib/stackblitzFiles/packageJSONFile.js CHANGED
@@ -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.7",
22
- "@workday/canvas-kit-preview-react": "16.1.7",
23
- "@workday/canvas-kit-react": "16.1.7",
24
- "@workday/canvas-kit-react-fonts": "^16.1.7",
25
- "@workday/canvas-kit-styling": "16.1.7",
21
+ "@workday/canvas-kit-labs-react": "16.1.9",
22
+ "@workday/canvas-kit-preview-react": "16.1.9",
23
+ "@workday/canvas-kit-react": "16.1.9",
24
+ "@workday/canvas-kit-react-fonts": "^16.1.9",
25
+ "@workday/canvas-kit-styling": "16.1.9",
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"
package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts CHANGED
@@ -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.7",
23
- "@workday/canvas-kit-preview-react": "16.1.7",
24
- "@workday/canvas-kit-react": "16.1.7",
25
- "@workday/canvas-kit-react-fonts": "^16.1.7",
26
- "@workday/canvas-kit-styling": "16.1.7",
22
+ "@workday/canvas-kit-labs-react": "16.1.9",
23
+ "@workday/canvas-kit-preview-react": "16.1.9",
24
+ "@workday/canvas-kit-react": "16.1.9",
25
+ "@workday/canvas-kit-react-fonts": "^16.1.9",
26
+ "@workday/canvas-kit-styling": "16.1.9",
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"
package/dist/mdx/preview-react/tabs/examples/OverflowTabs.tsx CHANGED
@@ -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}}>{item.contents}</Tabs.Panel>
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
- <h4>Change Tabs container size</h4>
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>
package/dist/mdx/react/tabs/examples/OverflowTabs.tsx CHANGED
@@ -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}}>{item.contents}</Tabs.Panel>
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
- <h4>Change Tabs container size</h4>
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/dist/mdx/style-props/examples/Background.tsx CHANGED
@@ -9,7 +9,7 @@ const baseStyles = {
9
9
  padding: 'xs',
10
10
  };
11
11
 
12
- export default () => {
12
+ export const Background = () => {
13
13
  return (
14
14
  <div>
15
15
  <Box backgroundColor="cinnamon300" {...baseStyles}>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "16.2.0-0630-next.0",
3
+ "version": "16.2.0-0638-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",
@@ -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.2.0-0630-next.0",
51
- "@workday/canvas-kit-preview-react": "^16.2.0-0630-next.0",
52
- "@workday/canvas-kit-react": "^16.2.0-0630-next.0",
53
- "@workday/canvas-kit-styling": "^16.2.0-0630-next.0",
50
+ "@workday/canvas-kit-labs-react": "^16.2.0-0638-next.0",
51
+ "@workday/canvas-kit-preview-react": "^16.2.0-0638-next.0",
52
+ "@workday/canvas-kit-react": "^16.2.0-0638-next.0",
53
+ "@workday/canvas-kit-styling": "^16.2.0-0638-next.0",
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": "cca2de38ec1c9736ce2d71f962e522a4861b82c2"
66
+ "gitHead": "8f605ef1c093e1ad20689d21e92665309c9e858d"
67
67
  }