@workday/canvas-kit-docs 13.0.0-alpha.1043-next.0 → 13.0.0-alpha.1051-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.
|
@@ -91,7 +91,7 @@ yarn remove @workday/canvas-kit-codemod
|
|
|
91
91
|
|
|
92
92
|
### Styling API and CSS Tokens
|
|
93
93
|
|
|
94
|
-
**PRs:** [#3101](https://github.com/Workday/canvas-kit/pull/3101), [#3088](https://github.com/Workday/canvas-kit/pull/3088), [#3114](https://github.com/Workday/canvas-kit/pull/3114), [#3119](https://github.com/Workday/canvas-kit/pull/3119), [#3120](https://github.com/Workday/canvas-kit/pull/3120)
|
|
94
|
+
**PRs:** [#3101](https://github.com/Workday/canvas-kit/pull/3101), [#3088](https://github.com/Workday/canvas-kit/pull/3088), [#3114](https://github.com/Workday/canvas-kit/pull/3114), [#3119](https://github.com/Workday/canvas-kit/pull/3119), [#3120](https://github.com/Workday/canvas-kit/pull/3120), [#3164](https://github.com/Workday/canvas-kit/pull/3164)
|
|
95
95
|
|
|
96
96
|
Several components have been refactored to use our
|
|
97
97
|
[Canvas Tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs) and
|
|
@@ -109,6 +109,7 @@ The following components are affected:
|
|
|
109
109
|
- `Menu`
|
|
110
110
|
- `Skeleton`
|
|
111
111
|
- `Tabs`
|
|
112
|
+
- `Tooltip`
|
|
112
113
|
|
|
113
114
|
## External Hyperlink
|
|
114
115
|
|
|
@@ -2,6 +2,17 @@ import React from 'react';
|
|
|
2
2
|
import {Tooltip} from '@workday/canvas-kit-react/tooltip';
|
|
3
3
|
import {Card} from '@workday/canvas-kit-react/card';
|
|
4
4
|
import {Placement} from '@workday/canvas-kit-react/popup';
|
|
5
|
+
import {createStyles} from '@workday/canvas-kit-styling';
|
|
6
|
+
import {system} from '@workday/canvas-tokens-web';
|
|
7
|
+
|
|
8
|
+
const placementCardStyles = createStyles({
|
|
9
|
+
display: 'flex',
|
|
10
|
+
width: 100,
|
|
11
|
+
height: 100,
|
|
12
|
+
justifyContent: 'space-around',
|
|
13
|
+
alignItems: 'center',
|
|
14
|
+
padding: system.space.x1,
|
|
15
|
+
});
|
|
5
16
|
|
|
6
17
|
export default () => {
|
|
7
18
|
const placementStyles = {
|
|
@@ -12,15 +23,7 @@ export default () => {
|
|
|
12
23
|
const createPlacement = (placement: string, index) => {
|
|
13
24
|
return (
|
|
14
25
|
<Tooltip title="Add" placement={placement as Placement} key={index}>
|
|
15
|
-
<Card
|
|
16
|
-
style={{
|
|
17
|
-
display: 'flex',
|
|
18
|
-
width: 80,
|
|
19
|
-
height: 80,
|
|
20
|
-
justifyContent: 'space-around',
|
|
21
|
-
alignItems: 'center',
|
|
22
|
-
}}
|
|
23
|
-
>
|
|
26
|
+
<Card cs={placementCardStyles}>
|
|
24
27
|
<Card.Body>{placement}</Card.Body>
|
|
25
28
|
</Card>
|
|
26
29
|
</Tooltip>
|
|
@@ -32,8 +35,8 @@ export default () => {
|
|
|
32
35
|
style={{
|
|
33
36
|
padding: 100, // give enough room for the tooltips to fit around their targets
|
|
34
37
|
display: 'grid',
|
|
35
|
-
gridTemplateColumns: '
|
|
36
|
-
gridTemplateRows: '
|
|
38
|
+
gridTemplateColumns: '100px 320px 100px',
|
|
39
|
+
gridTemplateRows: '100px 320px 100px',
|
|
37
40
|
}}
|
|
38
41
|
>
|
|
39
42
|
<div />
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "13.0.0-alpha.
|
|
3
|
+
"version": "13.0.0-alpha.1051-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",
|
|
@@ -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": "^13.0.0-alpha.
|
|
48
|
-
"@workday/canvas-kit-preview-react": "^13.0.0-alpha.
|
|
49
|
-
"@workday/canvas-kit-react": "^13.0.0-alpha.
|
|
50
|
-
"@workday/canvas-kit-styling": "^13.0.0-alpha.
|
|
47
|
+
"@workday/canvas-kit-labs-react": "^13.0.0-alpha.1051-next.0",
|
|
48
|
+
"@workday/canvas-kit-preview-react": "^13.0.0-alpha.1051-next.0",
|
|
49
|
+
"@workday/canvas-kit-react": "^13.0.0-alpha.1051-next.0",
|
|
50
|
+
"@workday/canvas-kit-styling": "^13.0.0-alpha.1051-next.0",
|
|
51
51
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
52
52
|
"@workday/canvas-tokens-web": "^2.1.1",
|
|
53
53
|
"markdown-to-jsx": "^7.2.0",
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
"mkdirp": "^1.0.3",
|
|
61
61
|
"typescript": "5.0"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "1d31c5bee6dbae914e2af4f9f73da5493a0c5b44"
|
|
64
64
|
}
|