@workday/canvas-kit-docs 14.0.0-alpha.1253-next.0 → 14.0.0-alpha.1254-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.
|
@@ -9,7 +9,7 @@ any questions.
|
|
|
9
9
|
v14.0 Introduces Workday's new brand direction which includes a new color palette and with it, some
|
|
10
10
|
styling updates to our components.
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
**Please consult our [v14 Visual Changes](/help/upgrade-guides/canvas-v14-upgrade-guide/#tab=visual-changes) page for a visual reference of what's changed.**
|
|
13
13
|
|
|
14
14
|
> **Note:** While v14 does not require an upgrade to our v3 tokens, we strongly advise to upgrade to the latest to ensure proper branding.
|
|
15
15
|
|
|
@@ -20,6 +20,7 @@ styling updates to our components.
|
|
|
20
20
|
- [Tokens](#tokens)
|
|
21
21
|
- [Caution Naming](#caution-naming)
|
|
22
22
|
- [Theming](#theming)
|
|
23
|
+
- [New Documentation](#new-documentation)
|
|
23
24
|
- [Canvas Provider](#canvas-provider-)
|
|
24
25
|
- [Component Updates](#component-updates)
|
|
25
26
|
- [Avatar (Preview)](#avatar-preview)
|
|
@@ -207,6 +208,10 @@ someFunction(ErrorType.Caution);
|
|
|
207
208
|
|
|
208
209
|
## Theming
|
|
209
210
|
|
|
211
|
+
### New Documentation
|
|
212
|
+
|
|
213
|
+
We've **significantly** improved our theming documentation. Please consult our new [Canvas Kit Theming Guide](/get-started/for-developers/theming/overview/).
|
|
214
|
+
|
|
210
215
|
### Canvas Provider 🚨
|
|
211
216
|
|
|
212
217
|
**PRs:** [#3407](https://github.com/Workday/canvas-kit/pull/3407),
|
|
@@ -221,8 +226,7 @@ Canvas Provider has been updated to **remove** default branding colors to ensure
|
|
|
221
226
|
our CSS variables. Instead of generating a palette and shifting the brightness and darkness with
|
|
222
227
|
`chroma.js`, we use `oklch` to generate the palette colors.
|
|
223
228
|
|
|
224
|
-
Prior to v14,
|
|
225
|
-
For more information on what is a cascade barrier, please [view our theming docs here](https://github.com/Workday/canvas-kit/issues). For a mode detailed overview of the changes in v14, please view our [v14 Upgrade Guide](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs#what-is-a-cascade-barrier).
|
|
229
|
+
Prior to v14, `CanvasProvider` created a [cascade barrier](/get-started/for-developers/theming/overview/#what-is-a-cascade-barrier), which redefined brand CSS variables under a class and created a higher specificity. This made it difficult to override brand tokens in certain scenarios. v14 removes that barrier.
|
|
226
230
|
|
|
227
231
|
**Before in v13**
|
|
228
232
|
In v13, the `useTheme` hook would call `createCanvasTheme` which generated a
|
|
@@ -283,8 +287,6 @@ The reason for this change is to ensure that the CSS variables properly cascade
|
|
|
283
287
|
Before in v13, the `CanvasProvider` would add the brand tokens under a class name, creating a higher
|
|
284
288
|
specificity.
|
|
285
289
|
|
|
286
|
-
For a thorough guide on theming, please view our theming docs [here](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs).
|
|
287
|
-
|
|
288
290
|
## Component Updates
|
|
289
291
|
|
|
290
292
|
### Avatar (Preview)
|
|
@@ -345,9 +347,7 @@ revolve around the use of our new brand colors. For a better guide on what has c
|
|
|
345
347
|
tokens, please view the Tokens v3.0.0
|
|
346
348
|
[Upgrade Guide](https://workday.github.io/canvas-tokens/?path=/docs/guides-upgrade-guides-v3-overview--docs).
|
|
347
349
|
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
The following components have been updated:
|
|
350
|
+
The following components have been updated (**see [v14 Visual Changes](/help/upgrade-guides/canvas-v14-upgrade-guide/#tab=visual-changes) for a visual reference of the updates**):
|
|
351
351
|
|
|
352
352
|
- `Breadcrumbs` [#3270](https://github.com/Workday/canvas-kit/pull/3270),[#3447](https://github.com/Workday/canvas-kit/pull/3447)
|
|
353
353
|
- `Buttons` [#3394](https://github.com/Workday/canvas-kit/pull/3394)
|
|
@@ -22,7 +22,7 @@ import textInputImage from './images/v14-text-input.png';
|
|
|
22
22
|
|
|
23
23
|
# Canvas Kit 14.0 Visual Changes
|
|
24
24
|
|
|
25
|
-
This guide contains an overview of the changes in Canvas Kit v14. If you have any issues, feel free to report them [here](https://github.com/Workday/canvas-kit/issues). For a mode detailed overview of the changes in v14, please view our [v14 Upgrade Guide](
|
|
25
|
+
This guide contains an overview of the changes in Canvas Kit v14. If you have any issues, feel free to report them [here](https://github.com/Workday/canvas-kit/issues). For a mode detailed overview of the changes in v14, please view our [v14 Upgrade Guide](/help/upgrade-guides/canvas-v14-upgrade-guide/).
|
|
26
26
|
|
|
27
27
|
<Graphic src={{url: avatarImage}} />
|
|
28
28
|
<Graphic src={{url: breadcrumbsImage}} />
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "14.0.0-alpha.
|
|
3
|
+
"version": "14.0.0-alpha.1254-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": "^14.0.0-alpha.
|
|
49
|
-
"@workday/canvas-kit-preview-react": "^14.0.0-alpha.
|
|
50
|
-
"@workday/canvas-kit-react": "^14.0.0-alpha.
|
|
51
|
-
"@workday/canvas-kit-styling": "^14.0.0-alpha.
|
|
48
|
+
"@workday/canvas-kit-labs-react": "^14.0.0-alpha.1254-next.0",
|
|
49
|
+
"@workday/canvas-kit-preview-react": "^14.0.0-alpha.1254-next.0",
|
|
50
|
+
"@workday/canvas-kit-react": "^14.0.0-alpha.1254-next.0",
|
|
51
|
+
"@workday/canvas-kit-styling": "^14.0.0-alpha.1254-next.0",
|
|
52
52
|
"@workday/canvas-system-icons-web": "^3.0.35",
|
|
53
53
|
"@workday/canvas-tokens-web": "3.0.0-alpha.12",
|
|
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": "a177192ec9673c8f8d71ab20c7effc6382cae308"
|
|
65
65
|
}
|