@workday/canvas-kit-docs 13.0.0-alpha.1045-next.0 → 13.0.0-alpha.1052-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), [#3128](https://github.com/Workday/canvas-kit/pull/3128)
|
|
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
|
|
@@ -104,11 +104,13 @@ The React interface **has not changed**, but CSS variables are now used for dyna
|
|
|
104
104
|
|
|
105
105
|
The following components are affected:
|
|
106
106
|
|
|
107
|
+
- `Expandable`
|
|
107
108
|
- `ExternalHyperlink`
|
|
108
109
|
- `LoadingSparkles`
|
|
109
110
|
- `Menu`
|
|
110
111
|
- `Skeleton`
|
|
111
112
|
- `Tabs`
|
|
113
|
+
- `Tooltip`
|
|
112
114
|
|
|
113
115
|
## External Hyperlink
|
|
114
116
|
|
|
@@ -132,7 +134,7 @@ The following components are affected:
|
|
|
132
134
|
|
|
133
135
|
**PR:** [#3119](https://github.com/Workday/canvas-kit/pull/3119)
|
|
134
136
|
|
|
135
|
-
- The `disabled` icon color has been updated to use `system.color.fg.disabled`. This has made the icon darker for better contrast.
|
|
137
|
+
- The `disabled` icon color has been updated to use `system.color.fg.disabled`. This has made the icon darker for better contrast.
|
|
136
138
|
|
|
137
139
|
**Note:** There should be no developer impact and the visual changes are safe to accept.
|
|
138
140
|
|
|
@@ -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.1052-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.1052-next.0",
|
|
48
|
+
"@workday/canvas-kit-preview-react": "^13.0.0-alpha.1052-next.0",
|
|
49
|
+
"@workday/canvas-kit-react": "^13.0.0-alpha.1052-next.0",
|
|
50
|
+
"@workday/canvas-kit-styling": "^13.0.0-alpha.1052-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": "7dab7ee02b928735125088175e2e13aa1a354bcc"
|
|
64
64
|
}
|