@workday/canvas-kit-docs 10.3.30 → 10.3.31

package/dist/es6/lib/docs.js

@@ -199277,7 +199277,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         {
           "name": "Card",
           "symbol": "SelectCard",
-          "description": "`Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.\n\n**Note: The card will be the width of its corresponding `Select.Input`**.\n\n```tsx\n<Select item={options}>\n <FormField label=\"Your Label\">\n   <Select.Input onChange={(event) => handleChange(event)}>\n   <Select.Popper>\n     <Select.Card>\n       ...\n     </Select.Card>\n   </Select.Popper>\n </FormField>\n</Select>\n```",
+          "description": "`Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.\n\n**Note: The card will be the width of its corresponding `Select.Input`**.\n\n```tsx\n<Select items={options}>\n <FormField label=\"Your Label\">\n   <Select.Input onChange={(event) => handleChange(event)}>\n   <Select.Popper>\n     <Select.Card>\n       ...\n     </Select.Card>\n   </Select.Popper>\n </FormField>\n</Select>\n```",
           "declarations": [
             {
               "name": "Card",
@@ -199289,7 +199289,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         {
           "name": "Item",
           "symbol": "SelectItem",
-          "description": "`Select.Item` renders a {@link ComboboxMenuItem Combobox.Menu.Item} with aria role of `option`. You can optionally render a `Icon`.\n\n```tsx\n<Select item={options}>\n <FormField label=\"Your Label\">\n   <Select.Input onChange={(event) => handleChange(event)}>\n     <Select.Popper>\n       <Select.Card>\n         <Select.List>\n           {(item) => <Select.Item><Select.Item.Icon icon={icon} />{item}</Select.Item>}\n         </Select.List\n       </Select.Card>\n     </Select.Popper>\n </FormField>\n</Select>\n```",
+          "description": "`Select.Item` renders a {@link ComboboxMenuItem Combobox.Menu.Item} with aria role of `option`. You can optionally render a `Icon`.\n\n```tsx\n<Select items={options}>\n <FormField label=\"Your Label\">\n   <Select.Input onChange={(event) => handleChange(event)}>\n     <Select.Popper>\n       <Select.Card>\n         <Select.List>\n           {(item) => <Select.Item><Select.Item.Icon icon={icon} />{item}</Select.Item>}\n         </Select.List\n       </Select.Card>\n     </Select.Popper>\n </FormField>\n</Select>\n```",
           "declarations": [
             {
               "name": "Item",

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

@@ -259,6 +259,9 @@ We've converted `Select` into a
 a flexible API and access to its internals via its subcomponents.
 
 ```tsx
+import {Select} from '@workday/canvas-kit-react/select';
+import {FormField} from '@workday/canvas-kit-react/form-field';
+
 // v9
 <FormField label="Pizza Size">
   <Select onChange={handleChange} value={value}>
@@ -270,6 +273,9 @@ a flexible API and access to its internals via its subcomponents.
 ```
 
 ```tsx
+import {Select} from '@workday/canvas-kit-react/select';
+import {FormField} from '@workday/canvas-kit-react/form-field';
+
 // v10
 <Select items={['Small', 'Medium', 'Large']}>
   <FormField label="Pizza Size" inputId="pizza">
@@ -287,7 +293,13 @@ a flexible API and access to its internals via its subcomponents.
 </Select>
 ```
 
-Unlike the
+Notice that `Select` is now outside the `FormField`. This is due to the update in `Select` and how
+the `FormField` in main applies attributes. Previously, `Select` was a styled native `<select>`
+input and `FormField` applied attributes automatically to that input. The new `Select` is solely a
+React context provider for its subcomponents. `FormField` needs `Select.Input` to be a direct child
+to apply attributes correctly.
+
+Also, unlike the
 [Select in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-select-left-label--default),
 this component does not have a border around its menu.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "10.3.30",
+  "version": "10.3.31",
   "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": "^10.3.30",
-    "@workday/canvas-kit-preview-react": "^10.3.30",
-    "@workday/canvas-kit-react": "^10.3.30",
-    "@workday/canvas-kit-styling": "^10.3.30",
+    "@workday/canvas-kit-labs-react": "^10.3.31",
+    "@workday/canvas-kit-preview-react": "^10.3.31",
+    "@workday/canvas-kit-react": "^10.3.31",
+    "@workday/canvas-kit-styling": "^10.3.31",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^1.0.0",
     "markdown-to-jsx": "^6.10.3",
@@ -59,5 +59,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "4.2"
   },
-  "gitHead": "29c68b2901b35d8d4bf87fe4d8850ef26196fa49"
+  "gitHead": "743cbfdbea68fbdb955406a65bb7472571fb9847"
 }