@workday/canvas-kit-docs 11.0.0-alpha.716-next.0 → 11.0.0-alpha.721-next.0

package/dist/mdx/11.0-UPGRADE-GUIDE.mdx

@@ -21,9 +21,11 @@ any questions.
   - [Component Style Updates](#component-style-updates)
   - [Card](#card)
   - [Checkbox](#checkbox)
+  - [Combobox](#combobox)
   - [Count Badge](#count-badge)
   - [Form Field Preview](#form-field-preview)
   - [Radio (Preview)](#radio-preview)
+  - [Select](#select)
   - [Switch](#switch)
   - [Table (Preview)](#table-preview)
   - [Text](#text)
@@ -418,9 +420,22 @@ no longer extends the `Box` component, however, it still supports Emotion `style
 
 **PR:** [#2542](https://github.com/Workday/canvas-kit/pull/2542)
 
-`Checkbox` now uses [Canvas Tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs) and our [new styling utilities](https://workday.github.io/canvas-kit/?path=/docs/styling-basics--create-modifiers#createstyles-api). The component now supports the `cs`
-prop, but otherwise the API has not changed. It should behave identically as it did in previous
-versions.
+`Checkbox` now uses
+[Canvas Tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs) and
+our
+[new styling utilities](https://workday.github.io/canvas-kit/?path=/docs/styling-basics--create-modifiers#createstyles-api).
+The component now supports the `cs` prop, but otherwise the API has not changed. It should behave
+identically as it did in previous versions.
+
+### Combobox
+
+**PR:** [#2570](https://github.com/Workday/canvas-kit/pull/2570)
+
+`Combobox` has been refactored to use our
+[new styling utilities](https://workday.github.io/canvas-kit/?path=/docs/styling-basics--create-modifiers#createstyles-api)
+and [tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs). The
+component now supports the `cs` prop, but otherwise the API has not changed. It should behave
+identically as it did in previous versions.
 
 ### Count Badge
 
@@ -491,6 +506,15 @@ our
 The component now supports the `cs` prop, but otherwise the API has not changed. It should behave
 identically as it did in previous versions.
 
+### Select
+
+**PR:** [#2570](https://github.com/Workday/canvas-kit/pull/2570)
+
+`Select` has been refactored to use our
+[new styling utilities](https://workday.github.io/canvas-kit/?path=/docs/styling-basics--create-modifiers#createstyles-api)
+and [tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs). The
+component now supports the `cs` prop, but otherwise the API has not changed. It should behave
+
 ### Switch
 
 **PR:** [#2583](https://github.com/Workday/canvas-kit/pull/2583)

package/dist/mdx/react/select/examples/FetchingDynamicItems.tsx

@@ -40,8 +40,7 @@ const movieListItems = [
 
 export default () => {
   const [id, setId] = React.useState('456');
-  const [value, setValue] = React.useState('');
-  const [moviesLists, setMoviesList] = React.useState([]);
+  const [moviesLists, setMoviesList] = React.useState<typeof movieListItems>([]);
   const [loadingStatus, setLoadingStatus] = React.useState<'idle' | 'loading' | 'success'>('idle');
   const loadingRef = React.useRef<ReturnType<typeof setTimeout>>();
 
@@ -52,6 +51,8 @@ export default () => {
     initialSelectedIds: [id],
   });
 
+  const stringValue = moviesLists.find(item => item.serverId === id)?.label || '';
+
   function loadItems() {
     setLoadingStatus('loading');
     loadingRef.current = setTimeout(() => {
@@ -68,13 +69,11 @@ export default () => {
 
   return (
     <Flex flexDirection="column" maxWidth={300}>
-      <div id="foo">Foo Bar</div>
       <Select model={model}>
         <FormField label="Choose a Film">
           <Select.Input
             onChange={e => {
               setId(e.target.value);
-              setValue(model.navigation.getItem(e.target.value, model).textValue);
             }}
             placeholder={loadingStatus}
           />
@@ -90,7 +89,7 @@ export default () => {
         </FormField>
       </Select>
       <div data-testid="selected-id">Selected Id: {id}</div>
-      <div data-testid="selected-value">Selected value: {value}</div>
+      <div data-testid="selected-value">Selected value: {stringValue}</div>
       <PrimaryButton
         onClick={() => {
           loadItems();

package/dist/mdx/react/select/examples/Grow.tsx

@@ -20,7 +20,7 @@ export default () => {
   return (
     <Flex>
       <Select model={model}>
-        <FormField cs={{width: '100%'}}>
+        <FormField grow>
           <FormField.Label>Contact</FormField.Label>
           <FormField.Input grow as={Select.Input} />
           <Select.Popper>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "11.0.0-alpha.716-next.0",
+  "version": "11.0.0-alpha.721-next.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -44,10 +44,10 @@
   "dependencies": {
     "@emotion/styled": "^11.6.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^11.0.0-alpha.716-next.0",
-    "@workday/canvas-kit-preview-react": "^11.0.0-alpha.716-next.0",
-    "@workday/canvas-kit-react": "^11.0.0-alpha.716-next.0",
-    "@workday/canvas-kit-styling": "^11.0.0-alpha.716-next.0",
+    "@workday/canvas-kit-labs-react": "^11.0.0-alpha.721-next.0",
+    "@workday/canvas-kit-preview-react": "^11.0.0-alpha.721-next.0",
+    "@workday/canvas-kit-react": "^11.0.0-alpha.721-next.0",
+    "@workday/canvas-kit-styling": "^11.0.0-alpha.721-next.0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^1.0.2",
     "markdown-to-jsx": "^6.10.3",
@@ -59,5 +59,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "4.2"
   },
-  "gitHead": "34d1e766c584f0425e40e7d94ee36d77fe944f9d"
+  "gitHead": "e7fad00a4763b2f506fc08d6c419b4b251c7d925"
 }