@workday/canvas-kit-docs 13.0.0-alpha.1074-next.0 → 13.0.0-alpha.1080-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.
|
@@ -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": "12.5.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "12.5.
|
|
23
|
-
"@workday/canvas-kit-react": "12.5.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^12.5.
|
|
25
|
-
"@workday/canvas-kit-styling": "12.5.
|
|
21
|
+
"@workday/canvas-kit-labs-react": "12.5.5",
|
|
22
|
+
"@workday/canvas-kit-preview-react": "12.5.5",
|
|
23
|
+
"@workday/canvas-kit-react": "12.5.5",
|
|
24
|
+
"@workday/canvas-kit-react-fonts": "^12.5.5",
|
|
25
|
+
"@workday/canvas-kit-styling": "12.5.5",
|
|
26
26
|
"@workday/canvas-system-icons-web": "3.0.22",
|
|
27
27
|
"@workday/canvas-tokens-web": "2.0.0"
|
|
28
28
|
},
|
|
@@ -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": "12.5.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "12.5.
|
|
23
|
-
"@workday/canvas-kit-react": "12.5.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^12.5.
|
|
25
|
-
"@workday/canvas-kit-styling": "12.5.
|
|
21
|
+
"@workday/canvas-kit-labs-react": "12.5.5",
|
|
22
|
+
"@workday/canvas-kit-preview-react": "12.5.5",
|
|
23
|
+
"@workday/canvas-kit-react": "12.5.5",
|
|
24
|
+
"@workday/canvas-kit-react-fonts": "^12.5.5",
|
|
25
|
+
"@workday/canvas-kit-styling": "12.5.5",
|
|
26
26
|
"@workday/canvas-system-icons-web": "3.0.22",
|
|
27
27
|
"@workday/canvas-tokens-web": "2.0.0"
|
|
28
28
|
},
|
|
@@ -21,6 +21,8 @@ any questions.
|
|
|
21
21
|
- [External Hyperlink](#external-hyperlink)
|
|
22
22
|
- [Pill](#pill)
|
|
23
23
|
- [Tabs](#tabs)
|
|
24
|
+
- [Brand Refresh](#brand-refresh)
|
|
25
|
+
- [Logo Updates](#logo-updates)
|
|
24
26
|
- [Infrastructure](#infrastructure)
|
|
25
27
|
- [Supporting react-jsx](#supoorting-react-jsx)
|
|
26
28
|
- [Troubleshooting](#troubleshooting)
|
|
@@ -94,7 +96,7 @@ yarn remove @workday/canvas-kit-codemod
|
|
|
94
96
|
|
|
95
97
|
### Styling API and CSS Tokens
|
|
96
98
|
|
|
97
|
-
**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), [#3123](https://github.com/Workday/canvas-kit/pull/3123), [#3205](https://github.com/Workday/canvas-kit/pull/3205)
|
|
99
|
+
**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), [#3123](https://github.com/Workday/canvas-kit/pull/3123), [#3205](https://github.com/Workday/canvas-kit/pull/3205), [#3210](https://github.com/Workday/canvas-kit/pull/3210)
|
|
98
100
|
|
|
99
101
|
Several components have been refactored to use our
|
|
100
102
|
[Canvas Tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs) and
|
|
@@ -108,6 +110,7 @@ The React interface **has not changed**, but CSS variables are now used for dyna
|
|
|
108
110
|
The following components are affected:
|
|
109
111
|
|
|
110
112
|
- `ActionBar`
|
|
113
|
+
- `Banner`
|
|
111
114
|
- `Expandable`
|
|
112
115
|
- `ExternalHyperlink`
|
|
113
116
|
- `LoadingSparkles`
|
|
@@ -118,7 +121,7 @@ The following components are affected:
|
|
|
118
121
|
- `Tabs`
|
|
119
122
|
- `Tooltip`
|
|
120
123
|
|
|
121
|
-
|
|
124
|
+
### External Hyperlink
|
|
122
125
|
|
|
123
126
|
**PR:** [#3101](https://github.com/Workday/canvas-kit/pull/3101)
|
|
124
127
|
|
|
@@ -136,7 +139,7 @@ The following components are affected:
|
|
|
136
139
|
</ExternalHyperlink>
|
|
137
140
|
```
|
|
138
141
|
|
|
139
|
-
|
|
142
|
+
### Pill
|
|
140
143
|
|
|
141
144
|
**PRs:** [#3104](https://github.com/Workday/canvas-kit/pull/3104)
|
|
142
145
|
|
|
@@ -152,7 +155,7 @@ A few changes have been made to `Pill` to ensure proper accessibility and styles
|
|
|
152
155
|
- `<Pill.IconButton/>` no longer has a default `aria-label="remove"`. You *must* provide an `aria-label` for `<Pill.IconButton/>` to ensure proper accessibility. Our examples have been updated to reflect this change.
|
|
153
156
|
- `<Pill.Label/>` is a *required* element when using other sub-components like `<Pill.Icon/>` to ensure that the label truncates correctly.
|
|
154
157
|
|
|
155
|
-
|
|
158
|
+
### Tabs
|
|
156
159
|
|
|
157
160
|
**PR:** [#3119](https://github.com/Workday/canvas-kit/pull/3119)
|
|
158
161
|
|
|
@@ -160,6 +163,52 @@ A few changes have been made to `Pill` to ensure proper accessibility and styles
|
|
|
160
163
|
|
|
161
164
|
**Note:** There should be no developer impact and the visual changes are safe to accept.
|
|
162
165
|
|
|
166
|
+
## Brand Refresh
|
|
167
|
+
|
|
168
|
+
### Logo Updates
|
|
169
|
+
|
|
170
|
+
We've removed the outdated Dub Logos in Main and promoted the new logos that were previously in our Preview package to Main as part of the brand refresh.
|
|
171
|
+
|
|
172
|
+
| Old Logo Name | New Logo Name |
|
|
173
|
+
| --------------- | ----------------- |
|
|
174
|
+
| dubLogoBlue | dubLogoPrimary |
|
|
175
|
+
| dubLogoWhite | dubLogoReversed |
|
|
176
|
+
| wdayLogoBlue | wdayLogoPrimary |
|
|
177
|
+
| wdayLogoWhite | wdayLogoReversed |
|
|
178
|
+
|
|
179
|
+
```tsx
|
|
180
|
+
// In v12
|
|
181
|
+
// Importing from Main common
|
|
182
|
+
import {dubLogoBlue} from "@workday/canvas-kit-react/common"
|
|
183
|
+
|
|
184
|
+
<div dangerouslySetInnerHTML={__html: dubLogoBlue} />
|
|
185
|
+
|
|
186
|
+
// Importing from Preview common
|
|
187
|
+
import {dubLogoPrimary} from "@workday/canvas-kit-preview-react/common"
|
|
188
|
+
|
|
189
|
+
<div dangerouslySetInnerHTML={__html: dubLogoPrimary} />
|
|
190
|
+
|
|
191
|
+
// In v13
|
|
192
|
+
// New logos have been promoted to Main common AND renamed
|
|
193
|
+
import {dubLogoPrimary} from "@workday/canvas-kit-preview-react/common"
|
|
194
|
+
|
|
195
|
+
<div dangerouslySetInnerHTML={__html: dubLogoPrimary} />
|
|
196
|
+
```
|
|
197
|
+
|
|
198
|
+
🤖 The codemod will handle the change of `'dubLogoBlue', 'dubLogoWhite', 'wdayLogoBlue', 'wdayLogoWhite'` to
|
|
199
|
+
`'dubLogoPrimary', 'dubLogoReversed', 'wdayLogoPrimary', 'wdayLogoReversed'` as shown above in the table. It will also handle
|
|
200
|
+
updating your imports.
|
|
201
|
+
|
|
202
|
+
From:
|
|
203
|
+
```tsx
|
|
204
|
+
import {dubLogoBlue} from "@workday/canvas-kit-react/common"
|
|
205
|
+
```
|
|
206
|
+
To:
|
|
207
|
+
```tsx
|
|
208
|
+
import {dubLogoPrimary} from "@workday/canvas-kit-react/common"
|
|
209
|
+
```
|
|
210
|
+
|
|
211
|
+
|
|
163
212
|
## Infrastructure
|
|
164
213
|
|
|
165
214
|
### Supporting `react-jsx`
|
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.1080-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",
|
|
@@ -45,10 +45,10 @@
|
|
|
45
45
|
"@emotion/styled": "^11.6.0",
|
|
46
46
|
"@stackblitz/sdk": "^1.11.0",
|
|
47
47
|
"@storybook/csf": "0.0.1",
|
|
48
|
-
"@workday/canvas-kit-labs-react": "^13.0.0-alpha.
|
|
49
|
-
"@workday/canvas-kit-preview-react": "^13.0.0-alpha.
|
|
50
|
-
"@workday/canvas-kit-react": "^13.0.0-alpha.
|
|
51
|
-
"@workday/canvas-kit-styling": "^13.0.0-alpha.
|
|
48
|
+
"@workday/canvas-kit-labs-react": "^13.0.0-alpha.1080-next.0",
|
|
49
|
+
"@workday/canvas-kit-preview-react": "^13.0.0-alpha.1080-next.0",
|
|
50
|
+
"@workday/canvas-kit-react": "^13.0.0-alpha.1080-next.0",
|
|
51
|
+
"@workday/canvas-kit-styling": "^13.0.0-alpha.1080-next.0",
|
|
52
52
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
53
53
|
"@workday/canvas-tokens-web": "^2.1.1",
|
|
54
54
|
"markdown-to-jsx": "^7.2.0",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"mkdirp": "^1.0.3",
|
|
62
62
|
"typescript": "5.0"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "3a91b45efddac2543b8c0d88f2e33f54133778ea"
|
|
65
65
|
}
|