@workday/canvas-kit-docs 10.3.42 → 10.3.44

package/dist/es6/lib/docs.js

@@ -57708,7 +57708,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     "type": {
       "kind": "symbol",
       "name": "ModifierReturn",
-      "value": "ModifierReturn<{ size: { large: string; medium: string; small: string; extraSmall: string; }; iconPosition: { largeOnly: string; largeStart: string; largeEnd: string; mediumOnly: string; mediumStart: string; mediumEnd: string; ... 5 more ...; extraSmallEnd: string; }; }>"
+      "value": "ModifierReturn<{ size: { large: string; medium: string; small: string; extraSmall: string; }; grow: { true: string; }; iconPosition: { largeOnly: string; largeStart: string; largeEnd: string; mediumOnly: string; mediumStart: string; ... 6 more ...; extraSmallEnd: string; }; }>"
     }
   },
   {

package/dist/mdx/react/button/button/Button.mdx

@@ -7,6 +7,7 @@ import SecondaryInverse from './examples/SecondaryInverse';
 import Tertiary from './examples/Tertiary';
 import TertiaryInverse from './examples/TertiaryInverse';
 import Delete from './examples/Delete';
+import Grow from './examples/Grow';
 import CustomStyles from './examples/CustomStyles';
 
 
@@ -70,6 +71,12 @@ on a dark or colorful background such as `blueberry400`.
 
 <ExampleCodeBlock code={Delete} />
 
+### Grow Prop
+
+The example below shows the use of the `grow` prop on different variants of buttons. This will set the width of the button to the width of its container.
+
+<ExampleCodeBlock code={Grow} />
+
 ### Custom Styles
 
 We understand that there are instances in which consumers might need to adjust styles for specific

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

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import {
+  DeleteButton,
+  PrimaryButton,
+  SecondaryButton,
+  TertiaryButton,
+} from '@workday/canvas-kit-react/button';
+import {Flex} from '@workday/canvas-kit-react/layout';
+
+export default () => (
+  <Flex gap="s" padding="s" flexDirection="column" maxWidth={300}>
+    <PrimaryButton size="small" grow={true}>
+      Primary
+    </PrimaryButton>
+    <SecondaryButton size="small" grow={true}>
+      Secondary
+    </SecondaryButton>
+    <TertiaryButton size="small" grow={true}>
+      Tertiary
+    </TertiaryButton>
+    <DeleteButton size="small" grow={true}>
+      Delete
+    </DeleteButton>
+  </Flex>
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "10.3.42",
+  "version": "10.3.44",
   "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.42",
-    "@workday/canvas-kit-preview-react": "^10.3.42",
-    "@workday/canvas-kit-react": "^10.3.42",
-    "@workday/canvas-kit-styling": "^10.3.42",
+    "@workday/canvas-kit-labs-react": "^10.3.44",
+    "@workday/canvas-kit-preview-react": "^10.3.44",
+    "@workday/canvas-kit-react": "^10.3.44",
+    "@workday/canvas-kit-styling": "^10.3.44",
     "@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": "9a10699755a309bfd94348243e037c632492a7fc"
+  "gitHead": "1e3de62930809eb8af96135f05408e592ec1a193"
 }