@workday/canvas-kit-docs 14.0.0-alpha.1238-next.0 → 14.0.0-alpha.1239-next.0

package/dist/es6/lib/docs.js

@@ -12747,11 +12747,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               },
               {
                 "kind": "string",
-                "value": "standalone-inverse"
+                "value": "standaloneInverse"
               }
             ]
           },
-          "description": "sets modifier styles for Hyperlink\n- `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes\n- `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.\n- `standalone-inverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.",
+          "description": "sets modifier styles for Hyperlink\n- `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes\n- `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.\n- `standaloneInverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.",
           "declarations": [
             {
               "name": "variant",
@@ -89692,11 +89692,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               },
               {
                 "kind": "string",
-                "value": "standalone-inverse"
+                "value": "standaloneInverse"
               }
             ]
           },
-          "description": "sets modifier styles for Hyperlink\n- `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes\n- `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.\n- `standalone-inverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.",
+          "description": "sets modifier styles for Hyperlink\n- `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes\n- `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.\n- `standaloneInverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.",
           "declarations": [
             {
               "name": "variant",
@@ -115338,11 +115338,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               },
               {
                 "kind": "string",
-                "value": "standalone-inverse"
+                "value": "standaloneInverse"
               }
             ]
           },
-          "description": "sets modifier styles for Hyperlink\n- `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes\n- `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.\n- `standalone-inverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.",
+          "description": "sets modifier styles for Hyperlink\n- `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes\n- `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.\n- `standaloneInverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.",
           "declarations": [
             {
               "name": "variant",
@@ -116206,11 +116206,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               },
               {
                 "kind": "string",
-                "value": "standalone-inverse"
+                "value": "standaloneInverse"
               }
             ]
           },
-          "description": "sets modifier styles for Hyperlink\n- `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes\n- `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.\n- `standalone-inverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.",
+          "description": "sets modifier styles for Hyperlink\n- `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes\n- `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.\n- `standaloneInverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.",
           "declarations": [
             {
               "name": "variant",
@@ -116472,7 +116472,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     "type": {
       "kind": "enhancedComponent",
       "componentType": "regular",
-      "displayName": "ButtonLabelIconNew",
+      "displayName": "ButtonLabelIcon",
       "props": [
         {
           "kind": "property",
@@ -397410,11 +397410,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               },
               {
                 "kind": "string",
-                "value": "standalone-inverse"
+                "value": "standaloneInverse"
               }
             ]
           },
-          "description": "sets modifier styles for Hyperlink\n- `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes\n- `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.\n- `standalone-inverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.",
+          "description": "sets modifier styles for Hyperlink\n- `inverse`: sets the color to white and updates hover, focus, and active pseudo-classes\n- `standalone`: removes the underline of the Hyperlink. This is useful when a hyperlink is used outside the context of a paragraph or body text.\n- `standaloneInverse`: removes the underline of the Hyperlink and sets the color to white. This is useful when a hyperlink is used outside the context of a paragraph or body text on a dark background.",
           "declarations": [
             {
               "name": "variant",

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

@@ -467,7 +467,7 @@ These changes are only **visual** and should not affect the functionality of the
 
 **PR:** [#3390](https://github.com/Workday/canvas-kit/pull/3390)
 
-- `Hyperlink` and `ExternalHyperlink` now have a `standalone` and `standalone-inverse` variant. This
+- `Hyperlink` and `ExternalHyperlink` now have a `standalone` and `standaloneInverse` variant. This
   removes the underline text decoration for use outside the context of body text.
 
 **HyperLink and ExternalHyperlink in v14**
@@ -475,11 +475,11 @@ These changes are only **visual** and should not affect the functionality of the
 ```tsx
 <Hyperlink variant="standalone" href="#hyperlink">Hyperlink</Hyperlink>
 <ExternalHyperlink variant="standalone" href="#external-hyperlink">External Hyperlink</ExternalHyperlink>
-<Hyperlink variant="standalone-inverse" href="#hyperlink">Hyperlink</Hyperlink>
-<ExternalHyperlink variant="standalone-inverse" href="#external-hyperlink">External Hyperlink</ExternalHyperlink>
+<Hyperlink variant="standaloneInverse" href="#hyperlink">Hyperlink</Hyperlink>
+<ExternalHyperlink variant="standaloneInverse" href="#external-hyperlink">External Hyperlink</ExternalHyperlink>
 ```
 
-> **Note:** Only use the `standalone` or `standalone-inverse` variant in cases where the
+> **Note:** Only use the `standalone` or `standaloneInverse` variant in cases where the
 > `<HyperLink>` and `<ExternalHyperlink>` are used outside the context of body text.
 
 ### Loading Dots
@@ -760,6 +760,31 @@ We've removed `TextArea` from `@workday/canvas-kit-preview-react` package. Pleas
 [TextArea](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) from
 `@workday/canvas-kit-react` instead.
 
+**Before in v13**
+
+```tsx
+import {TextArea} from '@workday/canvas-kit-preview-react/text-area';
+
+<TextArea orientation="vertical">
+  <TextArea.Label>Leave a review</TextArea.Label>
+  <TextArea.Field onChange={handleChange} value={value} />
+</TextArea>
+```
+
+**After in v14**
+
+```tsx
+import {TextArea} from '@workday/canvas-kit-preview-react/text-area';
+import {FormField} from '@workday/canvas-kit-react/form-field';
+
+<FormField>
+  <FormField.Label>Leave a Review</FormField.Label>
+  <FormField.Field>
+    <FormField.Input as={TextArea} onChange={handleChange} value={value} />
+  </FormField.Field>
+</FormField>
+```
+
 ### Text Input (preview)
 
 **PR:** [#3471](https://github.com/Workday/canvas-kit/pull/3471)
@@ -768,6 +793,31 @@ We've removed `TextInput` from `@workday/canvas-kit-preview-react` package. Plea
 [TextInput](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-text-input--docs)
 from `@workday/canvas-kit-react` instead.
 
+**Before in v13**
+
+```tsx
+import {TextInput} from '@workday/canvas-kit-preview-react/text-input';
+
+<TextInput orientation="vertical">
+  <TextInput.Label>Email</TextInput.Label>
+  <TextInput.Field onChange={handleChange} value={value} />
+</TextInput>
+```
+
+**After in v14**
+
+```tsx
+import {TextArea} from '@workday/canvas-kit-preview-react/text-input';
+import {FormField} from '@workday/canvas-kit-react/form-field';
+
+<FormField>
+  <FormField.Label>Leave a Review</FormField.Label>
+  <FormField.Field>
+    <FormField.Input as={TextInput} onChange={handleChange} value={value} />
+  </FormField.Field>
+</FormField>
+```
+
 ---
 
 ## Troubleshooting

package/dist/mdx/preview-react/multi-select/examples/Error.tsx

@@ -24,30 +24,32 @@ export default () => {
           }
         >
           <FormField.Label>Toppings</FormField.Label>
-          <FormField.Input
-            as={MultiSelect.Input}
-            placeholder="Select Multiple"
-            removeLabel="Remove"
-          />
-          <MultiSelect.Popper>
-            <MultiSelect.Card>
-              <MultiSelect.List>
-                {item => (
-                  <MultiSelect.Item data-id={item}>
-                    <MultiSelect.Item.Text>{item}</MultiSelect.Item.Text>
-                  </MultiSelect.Item>
-                )}
-              </MultiSelect.List>
-            </MultiSelect.Card>
-          </MultiSelect.Popper>
+          <FormField.Field>
+            <FormField.Input
+              as={MultiSelect.Input}
+              placeholder="Select Multiple"
+              removeLabel="Remove"
+            />
+            <MultiSelect.Popper>
+              <MultiSelect.Card>
+                <MultiSelect.List>
+                  {item => (
+                    <MultiSelect.Item data-id={item}>
+                      <MultiSelect.Item.Text>{item}</MultiSelect.Item.Text>
+                    </MultiSelect.Item>
+                  )}
+                </MultiSelect.List>
+              </MultiSelect.Card>
+            </MultiSelect.Popper>
 
-          <FormField.Hint>
-            {model.state.selectedIds.length < 1
-              ? 'Select at least one topping.'
-              : model.state.selectedIds.length > 3
-              ? 'More than 3 toppings cost extra.'
-              : undefined}
-          </FormField.Hint>
+            <FormField.Hint>
+              {model.state.selectedIds.length < 1
+                ? 'Select at least one topping.'
+                : model.state.selectedIds.length > 3
+                ? 'More than 3 toppings cost extra.'
+                : undefined}
+            </FormField.Hint>
+          </FormField.Field>
         </FormField>
       </MultiSelect>
     </>

package/dist/mdx/react/button/button/examples/ExternalHyperlinkInverse.tsx

@@ -23,7 +23,7 @@ export default () => (
     </ExternalHyperlink>
     <ExternalHyperlink
       href="https://workday.com"
-      variant="standalone-inverse"
+      variant="standaloneInverse"
       iconLabel="Opens link in new window"
     >
       Hyperlink

package/dist/mdx/react/button/button/examples/HyperlinkInverse.tsx

@@ -17,7 +17,7 @@ export default () => (
     <Hyperlink href="#hyperlink" variant="inverse">
       Hyperlink
     </Hyperlink>
-    <Hyperlink href="#hyperlink" variant="standalone-inverse">
+    <Hyperlink href="#hyperlink" variant="standaloneInverse">
       Hyperlink
     </Hyperlink>
   </Box>

package/dist/mdx/react/expandable/examples/EndIcon.tsx

@@ -3,7 +3,9 @@ import {Expandable} from '@workday/canvas-kit-react/expandable';
 export default () => (
   <Expandable>
     <Expandable.Target headingLevel="h4">
-      <Expandable.Title>Title</Expandable.Title>
+      <Expandable.Title>
+        TitleTitleTitleTitleTitle TitleTitleTitleTitle TitleTitleTitle Title
+      </Expandable.Title>
       <Expandable.Icon iconPosition="end" />
     </Expandable.Target>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "14.0.0-alpha.1238-next.0",
+  "version": "14.0.0-alpha.1239-next.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -45,10 +45,10 @@
     "@emotion/styled": "^11.6.0",
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1238-next.0",
-    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1238-next.0",
-    "@workday/canvas-kit-react": "^14.0.0-alpha.1238-next.0",
-    "@workday/canvas-kit-styling": "^14.0.0-alpha.1238-next.0",
+    "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1239-next.0",
+    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1239-next.0",
+    "@workday/canvas-kit-react": "^14.0.0-alpha.1239-next.0",
+    "@workday/canvas-kit-styling": "^14.0.0-alpha.1239-next.0",
     "@workday/canvas-system-icons-web": "^3.0.35",
     "@workday/canvas-tokens-web": "3.0.0-alpha.12",
     "markdown-to-jsx": "^7.2.0",
@@ -61,5 +61,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "ddfa0ae8c1be2e17cd6133b84fa8a76825267f5b"
+  "gitHead": "fdb8b845a09a86de1fb0a383fb3c5def6016e064"
 }