@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
- - For a list of visual changes, please view our v14 visual changes doc [here](https://workday.github.io/canvas-kit/?path=/docs/guides-upgrade-guides-v14-0-visual-changes--docs).
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, the `CanvasProvider` created a cascade barrier, re definding brand CSS variables under a class, creating a higher specificity. This made it difficult to override brand tokens in certain scenarios. v14 Removes that barrier.
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
- > **Note:** If you want a visual diff of the changes, please view the [Visual Changes](https://workday.github.io/canvas-kit/?path=/docs/guides-upgrade-guides-v14-0-visual-changes--docs) guide.
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](https://workday.github.io/canvas-kit/?path=/docs/guides-upgrade-guides-v14-0-overview--docs).
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.1253-next.0",
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.1253-next.0",
49
- "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1253-next.0",
50
- "@workday/canvas-kit-react": "^14.0.0-alpha.1253-next.0",
51
- "@workday/canvas-kit-styling": "^14.0.0-alpha.1253-next.0",
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": "7b01743972e4f21990fe36d90fa5938f25c57410"
64
+ "gitHead": "a177192ec9673c8f8d71ab20c7effc6382cae308"
65
65
  }