@workday/canvas-kit-docs 14.0.0-alpha.1144-next.0 → 14.0.0-alpha.1146-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": "13.1.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "13.1.
|
|
23
|
-
"@workday/canvas-kit-react": "13.1.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^13.1.
|
|
25
|
-
"@workday/canvas-kit-styling": "13.1.
|
|
21
|
+
"@workday/canvas-kit-labs-react": "13.1.4",
|
|
22
|
+
"@workday/canvas-kit-preview-react": "13.1.4",
|
|
23
|
+
"@workday/canvas-kit-react": "13.1.4",
|
|
24
|
+
"@workday/canvas-kit-react-fonts": "^13.1.4",
|
|
25
|
+
"@workday/canvas-kit-styling": "13.1.4",
|
|
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": "13.1.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "13.1.
|
|
23
|
-
"@workday/canvas-kit-react": "13.1.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^13.1.
|
|
25
|
-
"@workday/canvas-kit-styling": "13.1.
|
|
21
|
+
"@workday/canvas-kit-labs-react": "13.1.4",
|
|
22
|
+
"@workday/canvas-kit-preview-react": "13.1.4",
|
|
23
|
+
"@workday/canvas-kit-react": "13.1.4",
|
|
24
|
+
"@workday/canvas-kit-react-fonts": "^13.1.4",
|
|
25
|
+
"@workday/canvas-kit-styling": "13.1.4",
|
|
26
26
|
"@workday/canvas-system-icons-web": "3.0.22",
|
|
27
27
|
"@workday/canvas-tokens-web": "2.0.0"
|
|
28
28
|
},
|
|
@@ -78,8 +78,6 @@ yarn remove @workday/canvas-kit-codemod
|
|
|
78
78
|
> after executing the codemod, as its resulting formatting (spacing, quotes, etc.) may not match
|
|
79
79
|
> your project conventions.
|
|
80
80
|
|
|
81
|
-
|
|
82
|
-
|
|
83
81
|
## Styling API and Canvas Tokens 💅
|
|
84
82
|
|
|
85
83
|
Several components have been refactored to use our Canvas tokens and styling API. The React
|
|
@@ -91,6 +89,8 @@ interface has not changed, but Canvas Tokens are now used for dynamic properties
|
|
|
91
89
|
The following components have been updated:
|
|
92
90
|
|
|
93
91
|
- `Breadcrumbs` [#3270](https://github.com/Workday/canvas-kit/pull/3270)
|
|
92
|
+
- `ColorPicker` (main) [#3307](https://github.com/Workday/canvas-kit/pull/3307)
|
|
93
|
+
- `ColorPicker` (preview) [#3307](https://github.com/Workday/canvas-kit/pull/3307)
|
|
94
94
|
- `Pagination` (Preview) [#3300](https://github.com/Workday/canvas-kit/pull/3300)
|
|
95
95
|
- `SearchForm` (Labs) [#3303](https://github.com/Workday/canvas-kit/pull/3303)
|
|
96
96
|
- `SegmentedControl` (Main) [#3278](https://github.com/Workday/canvas-kit/pull/3278)
|
|
@@ -102,9 +102,11 @@ The following components have been updated:
|
|
|
102
102
|
|
|
103
103
|
**PR:** [#3303](https://github.com/Workday/canvas-kit/pull/3303)
|
|
104
104
|
|
|
105
|
-
- `SearchThemeAttributes` type has been updated. Both `boxShadow` and `boxShadowFocus` now only
|
|
105
|
+
- `SearchThemeAttributes` type has been updated. Both `boxShadow` and `boxShadowFocus` now only
|
|
106
|
+
accept a `string` instead of `string | string[]`.
|
|
106
107
|
|
|
107
108
|
**Before in v13**
|
|
109
|
+
|
|
108
110
|
```tsx
|
|
109
111
|
const customTheme = {
|
|
110
112
|
background: colors.cinnamon600,
|
|
@@ -128,23 +130,26 @@ const customTheme = {
|
|
|
128
130
|
|
|
129
131
|
```tsx
|
|
130
132
|
const customTheme = {
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
133
|
+
background: colors.cinnamon600,
|
|
134
|
+
backgroundFocus: colors.frenchVanilla100,
|
|
135
|
+
placeholderColor: colors.frenchVanilla100,
|
|
136
|
+
placeholderColorFocus: colors.blackPepper400,
|
|
137
|
+
boxShadow: '10px 5px 5px red',
|
|
138
|
+
boxShadowFocus: '10px 5px 5px red',
|
|
137
139
|
} as SearchThemeAttributes;
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
140
|
+
//...
|
|
141
|
+
|
|
142
|
+
<SearchForm
|
|
143
|
+
searchTheme={customTheme}
|
|
144
|
+
autocompleteItems={menuItems}
|
|
145
|
+
onInputChange={filterMenuItems}
|
|
146
|
+
onSubmit={handleSubmit}
|
|
147
|
+
/>;
|
|
146
148
|
```
|
|
147
|
-
|
|
149
|
+
|
|
150
|
+
- `SearchTheme` enum type has been updated to have string values `light`, `dark` and `transparent`.
|
|
151
|
+
This **should not** affect the way you use the type unless you're passing a `number` of `0`, `1`
|
|
152
|
+
or `2` to the `searchTheme` prop.
|
|
148
153
|
|
|
149
154
|
## Troubleshooting
|
|
150
155
|
|
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.1146-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.1146-next.0",
|
|
49
|
+
"@workday/canvas-kit-preview-react": "^14.0.0-alpha.1146-next.0",
|
|
50
|
+
"@workday/canvas-kit-react": "^14.0.0-alpha.1146-next.0",
|
|
51
|
+
"@workday/canvas-kit-styling": "^14.0.0-alpha.1146-next.0",
|
|
52
52
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
53
53
|
"@workday/canvas-tokens-web": "3.0.0-alpha.0",
|
|
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": "7344de719bfac6107e64f65c5b9f6129af2671d2"
|
|
65
65
|
}
|