@workday/canvas-kit-docs 7.3.13 → 7.3.15

package/dist/commonjs/lib/specs.js

@@ -1996,7 +1996,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should transfer focus to the Cancel button element"
+                        "name": "should transfer focus to the Acknowledge button element"
                       },
                       {
                         "type": "it",
@@ -2778,6 +2778,102 @@ module.exports = {specifications: [
               }
             ]
           },
+          {
+            "type": "describe",
+            "name": "given the [Testing/React/Popups/Popup, MixedPopupTypes] story is rendered",
+            "children": [
+              {
+                "type": "describe",
+                "name": "when the \"Open Popup\" is clicked",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the user clicks outside",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should focus the \"Open Popup\" button"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user clicks the input",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should not focus the \"Open Popup\" button"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user scrolls to the top",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "when the user clicks outside",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not focus the \"Open Popup\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user scrolls to the bottom",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "when the user clicks outside",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not focus the \"Open Popup\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user scrolls to the right",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "when the user clicks outside",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not focus the \"Open Popup\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user scrolls to the left",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "when the user clicks outside",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not focus the \"Open Popup\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
           {
             "type": "describe",
             "name": "given the [Testing/React/Popups/Popup, TooltipReturnFocus] example is rendered",

package/dist/es6/lib/specs.js

@@ -1996,7 +1996,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should transfer focus to the Cancel button element"
+                        "name": "should transfer focus to the Acknowledge button element"
                       },
                       {
                         "type": "it",
@@ -2778,6 +2778,102 @@ module.exports = {specifications: [
               }
             ]
           },
+          {
+            "type": "describe",
+            "name": "given the [Testing/React/Popups/Popup, MixedPopupTypes] story is rendered",
+            "children": [
+              {
+                "type": "describe",
+                "name": "when the \"Open Popup\" is clicked",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the user clicks outside",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should focus the \"Open Popup\" button"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user clicks the input",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should not focus the \"Open Popup\" button"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user scrolls to the top",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "when the user clicks outside",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not focus the \"Open Popup\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user scrolls to the bottom",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "when the user clicks outside",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not focus the \"Open Popup\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user scrolls to the right",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "when the user clicks outside",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not focus the \"Open Popup\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the user scrolls to the left",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "when the user clicks outside",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not focus the \"Open Popup\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
           {
             "type": "describe",
             "name": "given the [Testing/React/Popups/Popup, TooltipReturnFocus] example is rendered",

package/dist/mdx/react/modal/examples/Basic.tsx

@@ -1,31 +1,36 @@
 import React from 'react';
 
 import {Modal} from '@workday/canvas-kit-react/modal';
-import {DeleteButton} from '@workday/canvas-kit-react/button';
+import {PrimaryButton} from '@workday/canvas-kit-react/button';
 import {HStack, Box} from '@workday/canvas-kit-react/layout';
 
 export default () => {
-  const handleDelete = () => {
-    console.log('Deleted item');
+  const handleAcknowledge = () => {
+    console.log('License Acknowledged');
+  };
+
+  const handleCancel = () => {
+    console.log('Cancel clicked');
   };
 
   return (
     <Modal>
-      <Modal.Target as={DeleteButton}>Delete Item</Modal.Target>
+      <Modal.Target as={PrimaryButton}>Open License</Modal.Target>
       <Modal.Overlay>
         <Modal.Card>
           <Modal.CloseIcon aria-label="Close" />
-          <Modal.Heading>Delete Item</Modal.Heading>
+          <Modal.Heading>MIT License</Modal.Heading>
           <Modal.Body>
             <Box as="p" marginY="zero">
-              Are you sure you want to delete the item?
+              Permission is hereby granted, free of charge, to any person obtaining a copy of this
+              software and associated documentation files (the "Software").
             </Box>
           </Modal.Body>
           <HStack spacing="s" padding="xxs" marginTop="xxs">
-            <Modal.CloseButton as={DeleteButton} onClick={handleDelete}>
-              Delete
+            <Modal.CloseButton as={PrimaryButton} onClick={handleAcknowledge}>
+              Acknowledge
             </Modal.CloseButton>
-            <Modal.CloseButton>Cancel</Modal.CloseButton>
+            <Modal.CloseButton onClick={handleCancel}>Cancel</Modal.CloseButton>
           </HStack>
         </Modal.Card>
       </Modal.Overlay>

package/dist/mdx/react/modal/examples/BodyOverflow.tsx

@@ -1,52 +1,91 @@
 import React from 'react';
 
 import {Modal} from '@workday/canvas-kit-react/modal';
-import {DeleteButton} from '@workday/canvas-kit-react/button';
+import {PrimaryButton} from '@workday/canvas-kit-react/button';
 import {HStack} from '@workday/canvas-kit-react/layout';
 
 export default () => {
-  const handleDelete = () => {
-    console.log('Deleted item');
+  const handleAcknowledge = () => {
+    console.log('License Acknowledged');
+  };
+
+  const handleCancel = () => {
+    console.log('Cancel clicked');
   };
 
   return (
     <Modal>
-      <Modal.Target as={DeleteButton}>Delete Item</Modal.Target>
+      <Modal.Target as={PrimaryButton}>Open License</Modal.Target>
       <Modal.Overlay>
         <Modal.Card>
           <Modal.CloseIcon aria-label="Close" />
-          <Modal.Heading>Delete Item</Modal.Heading>
+          <Modal.Heading>MIT License</Modal.Heading>
           <Modal.Body>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
+            <p style={{marginTop: 0}}>
+              Permission is hereby granted, free of charge, to any person obtaining a copy of this
+              software and associated documentation files (the "Software"), to deal in the Software
+              without restriction, including without limitation the rights to use, copy, modify,
+              merge, publish, distribute, sublicense, and/or sell copies of the Software, and to
+              permit persons to whom the Software is furnished to do so, subject to the following
+              conditions:
+            </p>
+            <p>
+              The above copyright notice and this permission notice shall be included in all copies
+              or substantial portions of the Software.
+            </p>
+            <p>
+              THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+              INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+              PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+              HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+              CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
+              OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+            </p>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+              incididunt ut labore et dolore magna aliqua. Amet massa vitae tortor condimentum
+              lacinia quis. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl. Sed lectus
+              vestibulum mattis ullamcorper velit sed. Rutrum tellus pellentesque eu tincidunt
+              tortor aliquam nulla. Vitae turpis massa sed elementum tempus egestas sed sed risus.
+              Cursus vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Id neque
+              aliquam vestibulum morbi blandit cursus risus at. Vel eros donec ac odio tempor orci.
+              Ac felis donec et odio pellentesque diam volutpat. Laoreet non curabitur gravida arcu
+              ac tortor dignissim. Rhoncus urna neque viverra justo nec ultrices dui. Bibendum arcu
+              vitae elementum curabitur vitae nunc sed velit dignissim. Sed risus pretium quam
+              vulputate dignissim suspendisse in est. Curabitur gravida arcu ac tortor. Nam libero
+              justo laoreet sit amet cursus sit amet. Arcu dui vivamus arcu felis bibendum ut
+              tristique et egestas. Eros donec ac odio tempor orci dapibus ultrices. At erat
+              pellentesque adipiscing commodo elit at. Dignissim cras tincidunt lobortis feugiat
+              vivamus at augue.
+            </p>
+            <p>
+              Amet commodo nulla facilisi nullam vehicula ipsum. Blandit libero volutpat sed cras.
+              Quam lacus suspendisse faucibus interdum posuere. Aenean euismod elementum nisi quis
+              eleifend. Orci nulla pellentesque dignissim enim sit amet venenatis. Diam vel quam
+              elementum pulvinar etiam non quam lacus. Sit amet dictum sit amet justo donec enim
+              diam vulputate. Tincidunt ornare massa eget egestas purus. Pulvinar neque laoreet
+              suspendisse interdum consectetur libero id faucibus. Morbi tincidunt augue interdum
+              velit. Nullam non nisi est sit amet.
+            </p>
+            <p style={{marginBottom: 0}}>
+              Aliquet enim tortor at auctor urna nunc id cursus metus. Leo urna molestie at
+              elementum eu facilisis. Consectetur purus ut faucibus pulvinar elementum integer.
+              Volutpat est velit egestas dui id ornare arcu odio. At consectetur lorem donec massa
+              sapien. Condimentum vitae sapien pellentesque habitant. Pellentesque habitant morbi
+              tristique senectus. Et molestie ac feugiat sed lectus vestibulum. Arcu risus quis
+              varius quam quisque. Turpis massa tincidunt dui ut ornare lectus sit amet. Magna eget
+              est lorem ipsum dolor sit. Suspendisse faucibus interdum posuere lorem ipsum. Nisi
+              vitae suscipit tellus mauris a diam maecenas sed. Ipsum dolor sit amet consectetur
+              adipiscing. Ultricies integer quis auctor elit sed. Scelerisque varius morbi enim nunc
+              faucibus a. Tortor consequat id porta nibh venenatis cras. Consectetur adipiscing elit
+              ut aliquam purus sit.
+            </p>
           </Modal.Body>
           <HStack spacing="s" padding="xxs" marginTop="xxs">
-            <Modal.CloseButton as={DeleteButton} onClick={handleDelete}>
-              Delete
+            <Modal.CloseButton as={PrimaryButton} onClick={handleAcknowledge}>
+              Acknowledge
             </Modal.CloseButton>
-            <Modal.CloseButton>Cancel</Modal.CloseButton>
+            <Modal.CloseButton onClick={handleCancel}>Cancel</Modal.CloseButton>
           </HStack>
         </Modal.Card>
       </Modal.Overlay>

package/dist/mdx/react/modal/examples/CustomFocus.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Modal, useModalModel} from '@workday/canvas-kit-react/modal';
-import {DeleteButton} from '@workday/canvas-kit-react/button';
+import {PrimaryButton} from '@workday/canvas-kit-react/button';
 import FormField from '@workday/canvas-kit-react/form-field';
 import TextInput from '@workday/canvas-kit-react/text-input';
 import {HStack, Box} from '@workday/canvas-kit-react/layout';
@@ -12,28 +12,28 @@ export default () => {
     initialFocusRef: ref,
   });
 
-  const handleDelete = () => {
-    console.log('Deleted item');
+  const handleAcknowledge = () => {
+    console.log('Acknowledged license');
   };
 
   return (
     <Modal model={model}>
-      <Modal.Target as={DeleteButton}>Delete Item</Modal.Target>
+      <Modal.Target as={PrimaryButton}>Acknowledge License</Modal.Target>
       <Modal.Overlay>
         <Modal.Card>
           <Modal.CloseIcon aria-label="Close" />
-          <Modal.Heading>Delete Item</Modal.Heading>
+          <Modal.Heading>Acknowledge License</Modal.Heading>
           <Modal.Body>
             <Box as="p" marginTop={0} marginBottom="m">
-              Enter name to confirm deletion
+              Enter your initials to acknowledge the license.
             </Box>
-            <FormField label="Item name" style={{marginBottom: 0}}>
+            <FormField label="Initials" style={{marginBottom: 0}}>
               <TextInput ref={ref} value={value} onChange={e => setValue(e.currentTarget.value)} />
             </FormField>
           </Modal.Body>
           <HStack spacing="s" padding="xxs" marginTop="xxs">
-            <Modal.CloseButton as={DeleteButton} onClick={handleDelete}>
-              Delete
+            <Modal.CloseButton as={PrimaryButton} onClick={handleAcknowledge}>
+              Acknowledge
             </Modal.CloseButton>
             <Modal.CloseButton>Cancel</Modal.CloseButton>
           </HStack>

package/dist/mdx/react/modal/examples/CustomTarget.tsx

@@ -17,8 +17,13 @@ export default () => {
       <Modal.Overlay>
         <Modal.Card>
           <Modal.CloseIcon aria-label="Close" />
-          <Modal.Heading>Modal</Modal.Heading>
-          <Modal.Body>Contents</Modal.Body>
+          <Modal.Heading>Modal Heading</Modal.Heading>
+          <Modal.Body>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper facilisis dolor
+            quis facilisis. Aenean tempor eget quam et semper. Nam malesuada rhoncus euismod.
+            Quisque vel urna feugiat, dictum risus sed, pulvinar nulla. Sed gravida, elit non
+            iaculis blandit, ligula tortor posuere mauris, vitae cursus turpis nunc non arcu.
+          </Modal.Body>
         </Modal.Card>
       </Modal.Overlay>
     </Modal>

package/dist/mdx/react/modal/examples/FullOverflow.tsx

@@ -1,52 +1,91 @@
 import React from 'react';
 
 import {Modal} from '@workday/canvas-kit-react/modal';
-import {DeleteButton} from '@workday/canvas-kit-react/button';
+import {PrimaryButton} from '@workday/canvas-kit-react/button';
 import {HStack} from '@workday/canvas-kit-react/layout';
 
 export default () => {
-  const handleDelete = () => {
-    console.log('Deleted item');
+  const handleAcknowledge = () => {
+    console.log('License Acknowledged');
+  };
+
+  const handleCancel = () => {
+    console.log('Cancel clicked');
   };
 
   return (
     <Modal>
-      <Modal.Target as={DeleteButton}>Delete Item</Modal.Target>
+      <Modal.Target as={PrimaryButton}>Open License</Modal.Target>
       <Modal.OverflowOverlay>
         <Modal.Card maxHeight="inherit" height="inherit">
           <Modal.CloseIcon aria-label="Close" />
-          <Modal.Heading>Delete Item</Modal.Heading>
+          <Modal.Heading>MIT License</Modal.Heading>
           <Modal.Body>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
-            <p>Are you sure you want to delete the item?</p>
+            <p style={{marginTop: 0}}>
+              Permission is hereby granted, free of charge, to any person obtaining a copy of this
+              software and associated documentation files (the "Software"), to deal in the Software
+              without restriction, including without limitation the rights to use, copy, modify,
+              merge, publish, distribute, sublicense, and/or sell copies of the Software, and to
+              permit persons to whom the Software is furnished to do so, subject to the following
+              conditions:
+            </p>
+            <p>
+              The above copyright notice and this permission notice shall be included in all copies
+              or substantial portions of the Software.
+            </p>
+            <p>
+              THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+              INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+              PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+              HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+              CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
+              OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+            </p>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+              incididunt ut labore et dolore magna aliqua. Amet massa vitae tortor condimentum
+              lacinia quis. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl. Sed lectus
+              vestibulum mattis ullamcorper velit sed. Rutrum tellus pellentesque eu tincidunt
+              tortor aliquam nulla. Vitae turpis massa sed elementum tempus egestas sed sed risus.
+              Cursus vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Id neque
+              aliquam vestibulum morbi blandit cursus risus at. Vel eros donec ac odio tempor orci.
+              Ac felis donec et odio pellentesque diam volutpat. Laoreet non curabitur gravida arcu
+              ac tortor dignissim. Rhoncus urna neque viverra justo nec ultrices dui. Bibendum arcu
+              vitae elementum curabitur vitae nunc sed velit dignissim. Sed risus pretium quam
+              vulputate dignissim suspendisse in est. Curabitur gravida arcu ac tortor. Nam libero
+              justo laoreet sit amet cursus sit amet. Arcu dui vivamus arcu felis bibendum ut
+              tristique et egestas. Eros donec ac odio tempor orci dapibus ultrices. At erat
+              pellentesque adipiscing commodo elit at. Dignissim cras tincidunt lobortis feugiat
+              vivamus at augue.
+            </p>
+            <p>
+              Amet commodo nulla facilisi nullam vehicula ipsum. Blandit libero volutpat sed cras.
+              Quam lacus suspendisse faucibus interdum posuere. Aenean euismod elementum nisi quis
+              eleifend. Orci nulla pellentesque dignissim enim sit amet venenatis. Diam vel quam
+              elementum pulvinar etiam non quam lacus. Sit amet dictum sit amet justo donec enim
+              diam vulputate. Tincidunt ornare massa eget egestas purus. Pulvinar neque laoreet
+              suspendisse interdum consectetur libero id faucibus. Morbi tincidunt augue interdum
+              velit. Nullam non nisi est sit amet.
+            </p>
+            <p style={{marginBottom: 0}}>
+              Aliquet enim tortor at auctor urna nunc id cursus metus. Leo urna molestie at
+              elementum eu facilisis. Consectetur purus ut faucibus pulvinar elementum integer.
+              Volutpat est velit egestas dui id ornare arcu odio. At consectetur lorem donec massa
+              sapien. Condimentum vitae sapien pellentesque habitant. Pellentesque habitant morbi
+              tristique senectus. Et molestie ac feugiat sed lectus vestibulum. Arcu risus quis
+              varius quam quisque. Turpis massa tincidunt dui ut ornare lectus sit amet. Magna eget
+              est lorem ipsum dolor sit. Suspendisse faucibus interdum posuere lorem ipsum. Nisi
+              vitae suscipit tellus mauris a diam maecenas sed. Ipsum dolor sit amet consectetur
+              adipiscing. Ultricies integer quis auctor elit sed. Scelerisque varius morbi enim nunc
+              faucibus a. Tortor consequat id porta nibh venenatis cras. Consectetur adipiscing elit
+              ut aliquam purus sit.
+            </p>
           </Modal.Body>
           <HStack spacing="s" padding="xxs" marginTop="xxs">
-            <Modal.CloseButton as={DeleteButton} onClick={handleDelete}>
-              Delete
+            <Modal.CloseButton as={PrimaryButton} onClick={handleAcknowledge}>
+              Acknowledge
             </Modal.CloseButton>
-            <Modal.CloseButton>Cancel</Modal.CloseButton>
+            <Modal.CloseButton onClick={handleCancel}>Cancel</Modal.CloseButton>
           </HStack>
         </Modal.Card>
       </Modal.OverflowOverlay>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "7.3.13",
+  "version": "7.3.15",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -42,7 +42,7 @@
   ],
   "dependencies": {
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-react": "^7.3.13"
+    "@workday/canvas-kit-react": "^7.3.15"
   },
   "devDependencies": {
     "fs-extra": "^10.0.0",
@@ -50,5 +50,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "4.1"
   },
-  "gitHead": "d3eafc129b9c67c38c3eb46a7ecf23521e40e4c3"
+  "gitHead": "fd5ab8a8e931a200a15f7fa2640f917805b044e9"
 }