@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.3",
22
- "@workday/canvas-kit-preview-react": "13.1.3",
23
- "@workday/canvas-kit-react": "13.1.3",
24
- "@workday/canvas-kit-react-fonts": "^13.1.3",
25
- "@workday/canvas-kit-styling": "13.1.3",
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.3",
22
- "@workday/canvas-kit-preview-react": "13.1.3",
23
- "@workday/canvas-kit-react": "13.1.3",
24
- "@workday/canvas-kit-react-fonts": "^13.1.3",
25
- "@workday/canvas-kit-styling": "13.1.3",
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 accept a `string` instead of `string | string[]`.
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
- background: colors.cinnamon600,
132
- backgroundFocus: colors.frenchVanilla100,
133
- placeholderColor: colors.frenchVanilla100,
134
- placeholderColorFocus: colors.blackPepper400,
135
- boxShadow: '10px 5px 5px red',
136
- boxShadowFocus: '10px 5px 5px red'
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
- <SearchForm
141
- searchTheme={customTheme}
142
- autocompleteItems={menuItems}
143
- onInputChange={filterMenuItems}
144
- onSubmit={handleSubmit}
145
- />
140
+ //...
141
+
142
+ <SearchForm
143
+ searchTheme={customTheme}
144
+ autocompleteItems={menuItems}
145
+ onInputChange={filterMenuItems}
146
+ onSubmit={handleSubmit}
147
+ />;
146
148
  ```
147
- - `SearchTheme` enum type has been updated to have string values `light`, `dark` and `transparent`. This **should not** affect the way you use the type unless you're passing a `number` of `0`, `1` or `2` to the `searchTheme` prop.
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
 
@@ -206,7 +206,7 @@ check our
206
206
 
207
207
  ## Component API
208
208
 
209
- <SymbolDoc name="FormField" fileName="/preview-react/" />
209
+ <SymbolDoc name="FormField" />
210
210
 
211
211
  ## Specifications
212
212
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "14.0.0-alpha.1144-next.0",
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.1144-next.0",
49
- "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1144-next.0",
50
- "@workday/canvas-kit-react": "^14.0.0-alpha.1144-next.0",
51
- "@workday/canvas-kit-styling": "^14.0.0-alpha.1144-next.0",
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": "8c2a2215d9a0b96f98e4b768781d3a5061a61f9c"
64
+ "gitHead": "7344de719bfac6107e64f65c5b9f6129af2671d2"
65
65
  }