@workday/canvas-kit-docs 17.0.0-alpha.0627-next.0 → 17.0.0-alpha.0631-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 (4) hide show
  1. package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
  2. package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
  3. package/dist/mdx/API_PATTERN_GUIDELINES.mdx +10 -14
  4. package/package.json +6 -6
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": "16.1.6",
22
- "@workday/canvas-kit-preview-react": "16.1.6",
23
- "@workday/canvas-kit-react": "16.1.6",
24
- "@workday/canvas-kit-react-fonts": "^16.1.6",
25
- "@workday/canvas-kit-styling": "16.1.6",
21
+ "@workday/canvas-kit-labs-react": "16.1.7",
22
+ "@workday/canvas-kit-preview-react": "16.1.7",
23
+ "@workday/canvas-kit-react": "16.1.7",
24
+ "@workday/canvas-kit-react-fonts": "^16.1.7",
25
+ "@workday/canvas-kit-styling": "16.1.7",
26
26
  "@workday/canvas-system-icons-web": "^5.0.3",
27
27
  "@workday/canvas-expressive-icons-web": "1.0.1",
28
28
  "@workday/canvas-tokens-web": "4.4.0-beta.11"
package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts CHANGED
@@ -19,11 +19,11 @@ export const packageJSONFile = `{
19
19
  "@emotion/react": "11.11.4",
20
20
  "@types/react": "18.2.60",
21
21
  "@types/react-dom": "18.2.19",
22
- "@workday/canvas-kit-labs-react": "16.1.6",
23
- "@workday/canvas-kit-preview-react": "16.1.6",
24
- "@workday/canvas-kit-react": "16.1.6",
25
- "@workday/canvas-kit-react-fonts": "^16.1.6",
26
- "@workday/canvas-kit-styling": "16.1.6",
22
+ "@workday/canvas-kit-labs-react": "16.1.7",
23
+ "@workday/canvas-kit-preview-react": "16.1.7",
24
+ "@workday/canvas-kit-react": "16.1.7",
25
+ "@workday/canvas-kit-react-fonts": "^16.1.7",
26
+ "@workday/canvas-kit-styling": "16.1.7",
27
27
  "@workday/canvas-system-icons-web": "^5.0.3",
28
28
  "@workday/canvas-expressive-icons-web": "1.0.1",
29
29
  "@workday/canvas-tokens-web": "4.4.0-beta.11"
package/dist/mdx/API_PATTERN_GUIDELINES.mdx CHANGED
@@ -13,7 +13,7 @@ Some of the below rules are inspired by painpoints we've encountered in this pro
13
13
  - [Patterns](#patterns)
14
14
  - [Event Handlers](#event-handlers-1)
15
15
  - [Grow Interface](#grow-interface)
16
- - [Input Provider](#input-provider)
16
+ - [Focus indicators](#focus-indicators)
17
17
  - [Prop Spread Behavior](#prop-spread-behavior)
18
18
  - [Controlled Components](#controlled-components)
19
19
  - [Accessibility](#accessibility)
@@ -135,22 +135,18 @@ If objects are desired, the keys follow these rules:
135
135
  - Then use the `grow` boolean prop in your styles to achieve the desired effect (e.g.
136
136
  `width: grow ? '100%' : undefined`)
137
137
 
138
- #### Input Provider
138
+ #### Focus indicators
139
139
 
140
- - All Canvas Kit components should support an `InputProvider` component to provide the cleanest
141
- experience for mouse users. Read the docs
142
- [here](https://github.com/Workday/canvas-kit/tree/master/modules/core/react#input-provider).
143
- - Do not use `InputProvider` within your components. It is meant to be used only once in your
144
- application. It does not require wrapping any children
145
- - Make sure you provide fully accessible styling by default, and only override for mouse usage.
146
- -
140
+ - Visible focus indicators are required by default. Use **`:focus-visible`** so browser heuristics
141
+ show the ring for keyboard (and other non-pointer) focus. Pair it with a `&.focus` class twin for
142
+ Chromatic / `StaticStates` visual testing.
143
+ - Do **not** use `data-whatinput` or `InputProvider` — those were removed in v14. Never remove
144
+ `outline` on `:focus` without a `:focus-visible` replacement.
147
145
 
148
146
  ```tsx
149
- [`[data-whatinput='mouse'] &:focus,
150
- [data-whatinput='touch'] &:focus,
151
- [data-whatinput='pointer'] &:focus`]: {
152
- outline: 'none',
153
- border: 'none',
147
+ '&:is(.focus, :focus-visible)': {
148
+ outline: `2px solid ${system.legacy.color.brand.border.primary}`,
149
+ outlineOffset: '-2px',
154
150
  },
155
151
  ```
156
152
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "17.0.0-alpha.0627-next.0",
3
+ "version": "17.0.0-alpha.0631-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",
@@ -47,10 +47,10 @@
47
47
  "@stackblitz/sdk": "^1.11.0",
48
48
  "@storybook/csf": "0.0.1",
49
49
  "@workday/canvas-expressive-icons-web": "1.0.2",
50
- "@workday/canvas-kit-labs-react": "^17.0.0-alpha.0627-next.0",
51
- "@workday/canvas-kit-preview-react": "^17.0.0-alpha.0627-next.0",
52
- "@workday/canvas-kit-react": "^17.0.0-alpha.0627-next.0",
53
- "@workday/canvas-kit-styling": "^17.0.0-alpha.0627-next.0",
50
+ "@workday/canvas-kit-labs-react": "^17.0.0-alpha.0631-next.0",
51
+ "@workday/canvas-kit-preview-react": "^17.0.0-alpha.0631-next.0",
52
+ "@workday/canvas-kit-react": "^17.0.0-alpha.0631-next.0",
53
+ "@workday/canvas-kit-styling": "^17.0.0-alpha.0631-next.0",
54
54
  "@workday/canvas-system-icons-web": "^5.0.3",
55
55
  "@workday/canvas-tokens-web": "^4.4.0",
56
56
  "markdown-to-jsx": "^7.2.0",
@@ -63,5 +63,5 @@
63
63
  "mkdirp": "^1.0.3",
64
64
  "typescript": "5.0"
65
65
  },
66
- "gitHead": "56ae907105dec14af22ffa5cb9e8d0d8340feed4"
66
+ "gitHead": "cca2de38ec1c9736ce2d71f962e522a4861b82c2"
67
67
  }