@workday/canvas-kit-docs 15.1.4 → 15.1.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.
- package/dist/es6/lib/docs.js +34 -0
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
- package/dist/mdx/react/tabs/examples/OverflowTabs.tsx +9 -8
- package/dist/mdx/react/tooltip/examples/Ellipsis.tsx +5 -0
- package/package.json +8 -8
package/dist/es6/lib/docs.js
CHANGED
|
@@ -433014,6 +433014,40 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
433014
433014
|
}
|
|
433015
433015
|
],
|
|
433016
433016
|
"tags": {}
|
|
433017
|
+
},
|
|
433018
|
+
{
|
|
433019
|
+
"kind": "property",
|
|
433020
|
+
"name": "showDelay",
|
|
433021
|
+
"required": false,
|
|
433022
|
+
"type": {
|
|
433023
|
+
"kind": "primitive",
|
|
433024
|
+
"value": "number"
|
|
433025
|
+
},
|
|
433026
|
+
"description": "Amount of time (in ms) to delay before showing the Tooltip",
|
|
433027
|
+
"declarations": [
|
|
433028
|
+
{
|
|
433029
|
+
"name": "showDelay",
|
|
433030
|
+
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tooltip/lib/OverflowTooltip.tsx"
|
|
433031
|
+
}
|
|
433032
|
+
],
|
|
433033
|
+
"tags": {}
|
|
433034
|
+
},
|
|
433035
|
+
{
|
|
433036
|
+
"kind": "property",
|
|
433037
|
+
"name": "hideDelay",
|
|
433038
|
+
"required": false,
|
|
433039
|
+
"type": {
|
|
433040
|
+
"kind": "primitive",
|
|
433041
|
+
"value": "number"
|
|
433042
|
+
},
|
|
433043
|
+
"description": "Amount of time (in ms) to delay before hiding the Tooltip",
|
|
433044
|
+
"declarations": [
|
|
433045
|
+
{
|
|
433046
|
+
"name": "hideDelay",
|
|
433047
|
+
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tooltip/lib/OverflowTooltip.tsx"
|
|
433048
|
+
}
|
|
433049
|
+
],
|
|
433050
|
+
"tags": {}
|
|
433017
433051
|
}
|
|
433018
433052
|
]
|
|
433019
433053
|
}
|
|
@@ -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": "15.1.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "15.1.
|
|
23
|
-
"@workday/canvas-kit-react": "15.1.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^15.1.
|
|
25
|
-
"@workday/canvas-kit-styling": "15.1.
|
|
21
|
+
"@workday/canvas-kit-labs-react": "15.1.7",
|
|
22
|
+
"@workday/canvas-kit-preview-react": "15.1.7",
|
|
23
|
+
"@workday/canvas-kit-react": "15.1.7",
|
|
24
|
+
"@workday/canvas-kit-react-fonts": "^15.1.7",
|
|
25
|
+
"@workday/canvas-kit-styling": "15.1.7",
|
|
26
26
|
"@workday/canvas-system-icons-web": "4.0.2",
|
|
27
27
|
"@workday/canvas-expressive-icons-web": "1.0.1",
|
|
28
28
|
"@workday/canvas-tokens-web": "4.2.0"
|
|
@@ -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": "15.1.
|
|
23
|
-
"@workday/canvas-kit-preview-react": "15.1.
|
|
24
|
-
"@workday/canvas-kit-react": "15.1.
|
|
25
|
-
"@workday/canvas-kit-react-fonts": "^15.1.
|
|
26
|
-
"@workday/canvas-kit-styling": "15.1.
|
|
22
|
+
"@workday/canvas-kit-labs-react": "15.1.7",
|
|
23
|
+
"@workday/canvas-kit-preview-react": "15.1.7",
|
|
24
|
+
"@workday/canvas-kit-react": "15.1.7",
|
|
25
|
+
"@workday/canvas-kit-react-fonts": "^15.1.7",
|
|
26
|
+
"@workday/canvas-kit-styling": "15.1.7",
|
|
27
27
|
"@workday/canvas-system-icons-web": "4.0.2",
|
|
28
28
|
"@workday/canvas-expressive-icons-web": "1.0.1",
|
|
29
29
|
"@workday/canvas-tokens-web": "4.2.0"
|
|
@@ -7,23 +7,24 @@ import {px2rem} from '@workday/canvas-kit-styling';
|
|
|
7
7
|
import {system} from '@workday/canvas-tokens-web';
|
|
8
8
|
|
|
9
9
|
type MyTabItem = {
|
|
10
|
-
|
|
10
|
+
contextId: string;
|
|
11
11
|
text: React.ReactNode;
|
|
12
12
|
contents: string;
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
export default () => {
|
|
16
16
|
const [items] = React.useState<MyTabItem[]>([
|
|
17
|
-
{
|
|
18
|
-
{
|
|
19
|
-
{
|
|
20
|
-
{
|
|
21
|
-
{
|
|
22
|
-
{
|
|
23
|
-
{
|
|
17
|
+
{contextId: 'first', text: 'First Tab', contents: 'Contents of First Tab'},
|
|
18
|
+
{contextId: 'second', text: 'Second Tab', contents: 'Contents of Second Tab'},
|
|
19
|
+
{contextId: 'third', text: 'Third Tab', contents: 'Contents of Third Tab'},
|
|
20
|
+
{contextId: 'fourth', text: 'Fourth Tab', contents: 'Contents of Fourth Tab'},
|
|
21
|
+
{contextId: 'fifth', text: 'Fifth Tab', contents: 'Contents of Fifth Tab'},
|
|
22
|
+
{contextId: 'sixth', text: 'Sixth Tab', contents: 'Contents of Sixth Tab'},
|
|
23
|
+
{contextId: 'seventh', text: 'Seventh Tab', contents: 'Contents of Seventh Tab'},
|
|
24
24
|
]);
|
|
25
25
|
const model = useTabsModel({
|
|
26
26
|
items,
|
|
27
|
+
getId: (item: MyTabItem) => item.contextId,
|
|
27
28
|
});
|
|
28
29
|
const [containerWidth, setContainerWidth] = React.useState('100%');
|
|
29
30
|
return (
|
|
@@ -52,6 +52,11 @@ export default () => {
|
|
|
52
52
|
<OverflowTooltip>
|
|
53
53
|
<CustomContent />
|
|
54
54
|
</OverflowTooltip>
|
|
55
|
+
<OverflowTooltip showDelay={2000} hideDelay={2000}>
|
|
56
|
+
<SecondaryButton cs={{maxWidth: px2rem(200)}}>
|
|
57
|
+
2 second delay on show and hide content
|
|
58
|
+
</SecondaryButton>
|
|
59
|
+
</OverflowTooltip>
|
|
55
60
|
</React.Fragment>
|
|
56
61
|
);
|
|
57
62
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "15.1.
|
|
3
|
+
"version": "15.1.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",
|
|
@@ -47,12 +47,12 @@
|
|
|
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": "^15.1.
|
|
51
|
-
"@workday/canvas-kit-preview-react": "^15.1.
|
|
52
|
-
"@workday/canvas-kit-react": "^15.1.
|
|
53
|
-
"@workday/canvas-kit-styling": "^15.1.
|
|
54
|
-
"@workday/canvas-system-icons-web": "4.0
|
|
55
|
-
"@workday/canvas-tokens-web": "4.4.0
|
|
50
|
+
"@workday/canvas-kit-labs-react": "^15.1.7",
|
|
51
|
+
"@workday/canvas-kit-preview-react": "^15.1.7",
|
|
52
|
+
"@workday/canvas-kit-react": "^15.1.7",
|
|
53
|
+
"@workday/canvas-kit-styling": "^15.1.7",
|
|
54
|
+
"@workday/canvas-system-icons-web": "4.2.0",
|
|
55
|
+
"@workday/canvas-tokens-web": "4.4.0",
|
|
56
56
|
"markdown-to-jsx": "^7.2.0",
|
|
57
57
|
"react-syntax-highlighter": "^15.5.0",
|
|
58
58
|
"ts-node": "^10.9.1"
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"mkdirp": "^1.0.3",
|
|
64
64
|
"typescript": "5.0"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "6137b93673be02b4e5f960abfbf70e862326feac"
|
|
67
67
|
}
|