@workday/canvas-kit-docs 15.1.14 → 15.1.16

package/dist/es6/lib/docs.js

@@ -70698,13 +70698,13 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         {
           "kind": "property",
           "name": "children",
-          "required": true,
+          "required": false,
           "type": {
             "kind": "external",
             "name": "ReactNode",
             "url": "https://reactjs.org/docs/rendering-elements.html"
           },
-          "description": "The contents of the action item. This will be the accessible name of the action for screen readers.\n\n```tsx\n<ActionBar.Item>First Action</ActionBar.Item>\n```",
+          "description": "The contents of the action item. This will be the accessible name of the action for screen readers.\nOmit it to render an icon-only button, and provide an `aria-label` instead.\n\n```tsx\n<ActionBar.Item>First Action</ActionBar.Item>\n<ActionBar.Item icon={trashIcon} aria-label=\"Delete\" />\n```",
           "declarations": [
             {
               "name": "children",

package/dist/es6/lib/stackblitzFiles/packageJSONFile.js

@@ -18,11 +18,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "15.1.14",
-    "@workday/canvas-kit-preview-react": "15.1.14",
-    "@workday/canvas-kit-react": "15.1.14",
-    "@workday/canvas-kit-react-fonts": "^15.1.14",
-    "@workday/canvas-kit-styling": "15.1.14",
+    "@workday/canvas-kit-labs-react": "15.1.16",
+    "@workday/canvas-kit-preview-react": "15.1.16",
+    "@workday/canvas-kit-react": "15.1.16",
+    "@workday/canvas-kit-react-fonts": "^15.1.16",
+    "@workday/canvas-kit-styling": "15.1.16",
     "@workday/canvas-system-icons-web": "4.0.2",
     "@workday/canvas-expressive-icons-web": "1.0.1",
     "@workday/canvas-tokens-web": "4.2.0"

package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts

@@ -19,11 +19,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "15.1.14",
-    "@workday/canvas-kit-preview-react": "15.1.14",
-    "@workday/canvas-kit-react": "15.1.14",
-    "@workday/canvas-kit-react-fonts": "^15.1.14",
-    "@workday/canvas-kit-styling": "15.1.14",
+    "@workday/canvas-kit-labs-react": "15.1.16",
+    "@workday/canvas-kit-preview-react": "15.1.16",
+    "@workday/canvas-kit-react": "15.1.16",
+    "@workday/canvas-kit-react-fonts": "^15.1.16",
+    "@workday/canvas-kit-styling": "15.1.16",
     "@workday/canvas-system-icons-web": "4.0.2",
     "@workday/canvas-expressive-icons-web": "1.0.1",
     "@workday/canvas-tokens-web": "4.2.0"

package/dist/mdx/react/action-bar/ActionBar.mdx

@@ -1,6 +1,7 @@
 import {ExampleCodeBlock, SymbolDoc} from '@workday/canvas-kit-docs';
 import Basic from './examples/Basic';
 import Icons from './examples/Icons';
+import IconOnly from './examples/IconOnly';
 import DeleteAction from './examples/DeleteAction';
 import OverflowActionBar from './examples/OverflowActionBar';
 import OverflowActionBarCustomButtonCount from './examples/OverflowActionBarCustomButtonCount';
@@ -38,6 +39,14 @@ with `ActionBar.Item` such as `icon` or `size`.
 
 <ExampleCodeBlock code={Icons} />
 
+### Icon-Only Example
+
+An `ActionBar.Item` can render an icon-only button by passing an `icon` without `children`. Because
+there is no visible text, provide an `aria-label` so the action has an accessible name. Wrapping the
+item in a [Tooltip](/components/popups/tooltip/) also shows the label to sighted users.
+
+<ExampleCodeBlock code={IconOnly} />
+
 ### Delete Action Example
 
 `ActionBar.Item` is a `SecondaryButton` by default but it's posible to change it to another element,

package/dist/mdx/react/action-bar/examples/IconOnly.tsx

@@ -0,0 +1,15 @@
+import {ActionBar} from '@workday/canvas-kit-react/action-bar';
+import {PrimaryButton} from '@workday/canvas-kit-react/button';
+import {editIcon, trashIcon} from '@workday/canvas-system-icons-web';
+
+export default () => {
+  return (
+    <ActionBar>
+      <ActionBar.List position="relative" as="section" aria-label="Icon-only Action Bar">
+        <ActionBar.Item as={PrimaryButton}>Save</ActionBar.Item>
+        <ActionBar.Item icon={editIcon} aria-label="Edit" />
+        <ActionBar.Item icon={trashIcon} aria-label="Delete" />
+      </ActionBar.List>
+    </ActionBar>
+  );
+};

package/dist/mdx/react/action-bar/examples/index.ts

@@ -1,5 +1,6 @@
 export {Basic} from './Basic';
 export {DeleteAction} from './DeleteAction';
+export {IconOnly} from './IconOnly';
 export {Icons} from './Icons';
 export {OverflowActionBar} from './OverflowActionBar';
 export {OverflowActionBarCustomButtonCount} from './OverflowActionBarCustomButtonCount';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "15.1.14",
+  "version": "15.1.16",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -47,10 +47,10 @@
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/csf": "0.0.1",
     "@workday/canvas-expressive-icons-web": "1.0.2",
-    "@workday/canvas-kit-labs-react": "^15.1.14",
-    "@workday/canvas-kit-preview-react": "^15.1.14",
-    "@workday/canvas-kit-react": "^15.1.14",
-    "@workday/canvas-kit-styling": "^15.1.14",
+    "@workday/canvas-kit-labs-react": "^15.1.16",
+    "@workday/canvas-kit-preview-react": "^15.1.16",
+    "@workday/canvas-kit-react": "^15.1.16",
+    "@workday/canvas-kit-styling": "^15.1.16",
     "@workday/canvas-system-icons-web": "4.2.0",
     "@workday/canvas-tokens-web": "4.4.0",
     "markdown-to-jsx": "^7.2.0",
@@ -63,5 +63,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "c11faa4de782aa959ab56dbe2d96014e4d034fef"
+  "gitHead": "1c3b39366d3cd0c22ca598b71f4c610e91d04e5d"
 }