@workday/canvas-kit-docs 13.0.0-alpha.1107-next.0 → 13.0.0-alpha.1110-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.
Files changed (5) hide show
  1. package/dist/es6/lib/docs.js +2 -27
  2. package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
  3. package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
  4. package/dist/mdx/13.0-UPGRADE-GUIDE.mdx +17 -10
  5. package/package.json +6 -6
package/dist/es6/lib/docs.js CHANGED
@@ -46284,38 +46284,13 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
46284
46284
  ],
46285
46285
  "tags": {}
46286
46286
  },
46287
- {
46288
- "kind": "property",
46289
- "name": "onAnimationStart",
46290
- "required": false,
46291
- "type": {
46292
- "kind": "symbol",
46293
- "name": "React.AnimationEventHandler",
46294
- "typeParameters": [
46295
- {
46296
- "kind": "symbol",
46297
- "name": "HTMLElement",
46298
- "value": "HTMLElement"
46299
- }
46300
- ],
46301
- "value": "AnimationEventHandler<T>"
46302
- },
46303
- "description": "",
46304
- "declarations": [
46305
- {
46306
- "name": "onAnimationStart",
46307
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
46308
- }
46309
- ],
46310
- "tags": {}
46311
- },
46312
46287
  {
46313
46288
  "kind": "property",
46314
46289
  "name": "onAnimationEnd",
46315
46290
  "required": false,
46316
46291
  "type": {
46317
46292
  "kind": "symbol",
46318
- "name": "React.AnimationEventHandler",
46293
+ "name": "React.TransitionEvent",
46319
46294
  "typeParameters": [
46320
46295
  {
46321
46296
  "kind": "symbol",
@@ -46323,7 +46298,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
46323
46298
  "value": "HTMLElement"
46324
46299
  }
46325
46300
  ],
46326
- "value": "AnimationEventHandler<T>"
46301
+ "value": "TransitionEvent<T>"
46327
46302
  },
46328
46303
  "description": "",
46329
46304
  "declarations": [
package/dist/es6/lib/stackblitzFiles/packageJSONFile.js CHANGED
@@ -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.6.7",
22
- "@workday/canvas-kit-preview-react": "12.6.7",
23
- "@workday/canvas-kit-react": "12.6.7",
24
- "@workday/canvas-kit-react-fonts": "^12.6.7",
25
- "@workday/canvas-kit-styling": "12.6.7",
21
+ "@workday/canvas-kit-labs-react": "12.6.8",
22
+ "@workday/canvas-kit-preview-react": "12.6.8",
23
+ "@workday/canvas-kit-react": "12.6.8",
24
+ "@workday/canvas-kit-react-fonts": "^12.6.8",
25
+ "@workday/canvas-kit-styling": "12.6.8",
26
26
  "@workday/canvas-system-icons-web": "3.0.22",
27
27
  "@workday/canvas-tokens-web": "2.0.0"
28
28
  },
package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts CHANGED
@@ -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.6.7",
22
- "@workday/canvas-kit-preview-react": "12.6.7",
23
- "@workday/canvas-kit-react": "12.6.7",
24
- "@workday/canvas-kit-react-fonts": "^12.6.7",
25
- "@workday/canvas-kit-styling": "12.6.7",
21
+ "@workday/canvas-kit-labs-react": "12.6.8",
22
+ "@workday/canvas-kit-preview-react": "12.6.8",
23
+ "@workday/canvas-kit-react": "12.6.8",
24
+ "@workday/canvas-kit-react-fonts": "^12.6.8",
25
+ "@workday/canvas-kit-styling": "12.6.8",
26
26
  "@workday/canvas-system-icons-web": "3.0.22",
27
27
  "@workday/canvas-tokens-web": "2.0.0"
28
28
  },
package/dist/mdx/13.0-UPGRADE-GUIDE.mdx CHANGED
@@ -17,17 +17,18 @@ any questions.
17
17
  - [Codemod](#codemod)
18
18
  - [Instructions](#instructions)
19
19
  - [Component Updates](#component-updates)
20
- - [Styling API and CSS Tokens](#styling-api-and-css-tokens)
21
- - [Avatar](#avatar)
22
- - [Expandable](#expandable)
23
- - [External Hyperlink](#external-hyperlink)
20
+ - [Styling API and CSS Tokens](#styling-api-and-css-tokens)
21
+ - [Avatar](#avatar)
22
+ - [Expandable](#expandable)
23
+ - [External Hyperlink](#external-hyperlink)
24
24
  - [Form Field and Form Field Group](#form-field-and-form-field-group)
25
- - [Pill](#pill)
26
- - [Tabs](#tabs)
25
+ - [Pill (Preview)](#pill-preview)
26
+ - [SidePanel (Preview)](#sidepanel-preview)
27
+ - [Tabs](#tabs)
27
28
  - [Brand Refresh](#brand-refresh)
28
29
  - [Logo Updates](#logo-updates)
29
30
  - [Infrastructure](#infrastructure)
30
- - [Supporting react-jsx](#supoorting-react-jsx)
31
+ - [Supporting react-jsx](#supporting-react-jsx)
31
32
  - [Troubleshooting](#troubleshooting)
32
33
  - [Glossary](#glossary)
33
34
  - [Main](#main)
@@ -197,14 +198,14 @@ The `orientation` prop on `FormField` component has been updated to remove the d
197
198
  ```
198
199
 
199
200
 
200
- ### Pill
201
+ ### Pill (Preview)
201
202
 
202
203
  **PR:** [#3104](https://github.com/Workday/canvas-kit/pull/3104)
203
204
 
204
205
  A few changes have been made to `Pill` to ensure proper accessibility and styles.
205
206
 
206
207
  - The border color on hover has been updated from `licorice400` to `licorice500` to match our design specs.
207
- - We've removed extra elements and leverage [flex box}(https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Flexbox) to ensure only the label receives overflow styles. When `maxWidth` is set, it is set on the parent `<Pill/>` element and the child elements will be styled accordingly. Before v13, `maxWidth` wasn't calculating the width of all its elements and wasn't a true pixel value.
208
+ - We've removed extra elements and leverage [flex box](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Flexbox) to ensure only the label receives overflow styles. When `maxWidth` is set, it is set on the parent `<Pill/>` element and the child elements will be styled accordingly. Before v13, `maxWidth` wasn't calculating the width of all its elements and wasn't a true pixel value.
208
209
 
209
210
  ##### Breaking Changes
210
211
 
@@ -213,6 +214,13 @@ A few changes have been made to `Pill` to ensure proper accessibility and styles
213
214
  - `<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.
214
215
  - `<Pill.Label/>` is a *required* element when using other sub-components like `<Pill.Icon/>` to ensure that the label truncates correctly.
215
216
 
217
+ ### SidePanel (Preview)
218
+
219
+ **PR:** [3258](https://github.com/Workday/canvas-kit/pull/3258)
220
+
221
+ When we supported IE 11 we needed to use [CSS Animation](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations) to support animation events. Since we dropped support for IE11, we can now use [CSS Transitions](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_transitions/Using_CSS_transitions) to animate the `width` of the `SidePanel` when it's expanding or collapsing.
222
+ As part of this change, we also removed the `onAnimationStart` prop. Since moving to transitions, React doesn't support `onTransitionStart`, therefore the prop is no longer needed.
223
+
216
224
  ### Tabs
217
225
 
218
226
  **PR:** [#3119](https://github.com/Workday/canvas-kit/pull/3119)
@@ -279,7 +287,6 @@ If you're using `react@16.x.x`, you'll need to upgrade to `react@17.x.x` to use
279
287
 
280
288
  >**Note:** You'll need to update the way `jsx` transpiles. The automatic runtime feature, enabled through the `@babel/preset-react` preset with the `runtime: "automatic"` option, handles the importing of functions that JSX transpiles to.
281
289
 
282
- ```sh
283
290
 
284
291
  ## Troubleshooting
285
292
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "13.0.0-alpha.1107-next.0",
3
+ "version": "13.0.0-alpha.1110-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.1107-next.0",
49
- "@workday/canvas-kit-preview-react": "^13.0.0-alpha.1107-next.0",
50
- "@workday/canvas-kit-react": "^13.0.0-alpha.1107-next.0",
51
- "@workday/canvas-kit-styling": "^13.0.0-alpha.1107-next.0",
48
+ "@workday/canvas-kit-labs-react": "^13.0.0-alpha.1110-next.0",
49
+ "@workday/canvas-kit-preview-react": "^13.0.0-alpha.1110-next.0",
50
+ "@workday/canvas-kit-react": "^13.0.0-alpha.1110-next.0",
51
+ "@workday/canvas-kit-styling": "^13.0.0-alpha.1110-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": "68413fa0564895825344e09a927b4848ebfe4824"
64
+ "gitHead": "acdd2495c022e1121cbce90ee654edaf53866fba"
65
65
  }