@workday/canvas-kit-docs 15.1.10 → 15.1.12

package/dist/es6/lib/docs.js

@@ -377912,6 +377912,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/TabsItem.tsx",
           "value": "useOverflowListItemMeasure"
         },
+        {
+          "kind": "unknown",
+          "value": "unknown",
+          "text": "useTabsItemFocusPanelOnArrowDown"
+        },
         {
           "kind": "symbol",
           "name": "useListItemRovingFocus",
@@ -383633,6 +383638,140 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "useTabsListResetCursorOnBlur",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/TabsList.tsx",
+    "description": "Resets the tablist cursor on blur to the selected tab when visible, or to the first visible\nitem (e.g. the overflow button) when the selected tab is hidden. This ensures the roving\ntabindex always lands on a focusable element when only the \"More\" button is visible.",
+    "declarations": [
+      {
+        "name": "useTabsListResetCursorOnBlur",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/TabsList.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "name": {
+        "kind": "symbol",
+        "name": "createElemPropsHook"
+      },
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "model",
+          "description": "",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "symbol",
+            "name": "TabsModel"
+          },
+          "required": true
+        },
+        {
+          "kind": "parameter",
+          "name": "elemProps",
+          "description": "",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "object",
+            "properties": []
+          },
+          "required": false
+        },
+        {
+          "kind": "parameter",
+          "name": "ref",
+          "description": "",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html"
+          },
+          "required": false
+        }
+      ],
+      "returnType": {
+        "kind": "object",
+        "properties": [
+          {
+            "kind": "property",
+            "name": "onKeyDown",
+            "required": true,
+            "type": {
+              "kind": "function",
+              "parameters": [
+                {
+                  "kind": "parameter",
+                  "name": "event",
+                  "type": {
+                    "kind": "symbol",
+                    "name": "React.KeyboardEvent",
+                    "value": "KeyboardEvent<T>"
+                  },
+                  "required": true,
+                  "rest": false,
+                  "description": "",
+                  "declarations": [
+                    {
+                      "name": "event",
+                      "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/TabsList.tsx"
+                    }
+                  ],
+                  "tags": {}
+                }
+              ],
+              "members": [],
+              "returnType": {
+                "kind": "primitive",
+                "value": "void"
+              }
+            },
+            "description": "",
+            "tags": {},
+            "declarations": []
+          },
+          {
+            "kind": "property",
+            "name": "onFocus",
+            "required": true,
+            "type": {
+              "kind": "function",
+              "parameters": [],
+              "members": [],
+              "returnType": {
+                "kind": "primitive",
+                "value": "void"
+              }
+            },
+            "description": "",
+            "tags": {},
+            "declarations": []
+          },
+          {
+            "kind": "property",
+            "name": "onBlur",
+            "required": true,
+            "type": {
+              "kind": "function",
+              "parameters": [],
+              "members": [],
+              "returnType": {
+                "kind": "primitive",
+                "value": "void"
+              }
+            },
+            "description": "",
+            "tags": {},
+            "declarations": []
+          }
+        ]
+      }
+    }
+  },
   {
     "name": "useTabsList",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/TabsList.tsx",
@@ -383741,9 +383880,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         },
         {
           "kind": "symbol",
-          "name": "useListResetCursorOnBlur",
+          "name": "useTabsListResetCursorOnBlur",
           "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/TabsList.tsx",
-          "value": "useListResetCursorOnBlur"
+          "value": "useTabsListResetCursorOnBlur"
         }
       ]
     }
@@ -385207,6 +385346,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "name": "composeHooks"
       },
       "parameters": [
+        {
+          "kind": "unknown",
+          "value": "unknown",
+          "text": "useTabsOverflowButtonMeasure"
+        },
+        {
+          "kind": "symbol",
+          "name": "useListItemRovingFocus",
+          "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/TabsOverflowButton.tsx",
+          "value": "useListItemRovingFocus"
+        },
+        {
+          "kind": "symbol",
+          "name": "useListItemRegister",
+          "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/TabsOverflowButton.tsx",
+          "value": "useListItemRegister"
+        },
         {
           "kind": "function",
           "name": {
@@ -385257,11 +385413,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "properties": [
               {
                 "kind": "property",
-                "name": "aria-haspopup",
+                "name": "data-id",
                 "required": true,
                 "type": {
-                  "kind": "boolean",
-                  "value": true
+                  "kind": "string",
+                  "value": "__tabs-overflow__"
                 },
                 "description": "",
                 "tags": {},
@@ -385270,12 +385426,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             ]
           }
         },
-        {
-          "kind": "symbol",
-          "name": "useOverflowListTarget",
-          "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/TabsOverflowButton.tsx",
-          "value": "useOverflowListTarget"
-        },
         {
           "kind": "callExpression",
           "name": {
@@ -385308,6 +385458,161 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "name": "useMenuTarget"
             }
           ]
+        },
+        {
+          "kind": "function",
+          "name": {
+            "kind": "symbol",
+            "name": "createElemPropsHook"
+          },
+          "parameters": [
+            {
+              "kind": "parameter",
+              "name": "model",
+              "description": "",
+              "tags": {},
+              "declarations": [],
+              "type": {
+                "kind": "symbol",
+                "name": "TabsModel"
+              },
+              "required": true
+            },
+            {
+              "kind": "parameter",
+              "name": "elemProps",
+              "description": "",
+              "tags": {},
+              "declarations": [],
+              "type": {
+                "kind": "object",
+                "properties": []
+              },
+              "required": false
+            },
+            {
+              "kind": "parameter",
+              "name": "ref",
+              "description": "",
+              "tags": {},
+              "declarations": [],
+              "type": {
+                "kind": "external",
+                "name": "React.Ref",
+                "url": "https://reactjs.org/docs/refs-and-the-dom.html"
+              },
+              "required": false
+            }
+          ],
+          "returnType": {
+            "kind": "object",
+            "properties": [
+              {
+                "kind": "property",
+                "name": "onFocus",
+                "required": true,
+                "type": {
+                  "kind": "function",
+                  "parameters": [],
+                  "members": [],
+                  "returnType": {
+                    "kind": "primitive",
+                    "value": "void"
+                  }
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              }
+            ]
+          }
+        },
+        {
+          "kind": "function",
+          "name": {
+            "kind": "symbol",
+            "name": "createElemPropsHook"
+          },
+          "parameters": [
+            {
+              "kind": "parameter",
+              "name": "model",
+              "description": "",
+              "tags": {},
+              "declarations": [],
+              "type": {
+                "kind": "symbol",
+                "name": "TabsModel"
+              },
+              "required": true
+            },
+            {
+              "kind": "parameter",
+              "name": "elemProps",
+              "description": "",
+              "tags": {},
+              "declarations": [],
+              "type": {
+                "kind": "object",
+                "properties": []
+              },
+              "required": false
+            },
+            {
+              "kind": "parameter",
+              "name": "ref",
+              "description": "",
+              "tags": {},
+              "declarations": [],
+              "type": {
+                "kind": "external",
+                "name": "React.Ref",
+                "url": "https://reactjs.org/docs/refs-and-the-dom.html"
+              },
+              "required": false
+            }
+          ],
+          "returnType": {
+            "kind": "object",
+            "properties": [
+              {
+                "kind": "property",
+                "name": "aria-haspopup",
+                "required": true,
+                "type": {
+                  "kind": "string",
+                  "value": "menu"
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              },
+              {
+                "kind": "property",
+                "name": "aria-selected",
+                "required": true,
+                "type": {
+                  "kind": "boolean",
+                  "value": false
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              },
+              {
+                "kind": "property",
+                "name": "role",
+                "required": true,
+                "type": {
+                  "kind": "string",
+                  "value": "tab"
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              }
+            ]
+          }
         }
       ]
     }
@@ -390737,6 +391042,22 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "model": "TabsModel"
     }
   },
+  {
+    "name": "TABS_OVERFLOW_BUTTON_ID",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/useTabsModel.tsx",
+    "description": "This constant is used as the stable identifier for the overflow button in the tabs collection.\nIt uses a `__` prefix to avoid conflicts with user-provided item IDs.",
+    "declarations": [
+      {
+        "name": "TABS_OVERFLOW_BUTTON_ID",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/useTabsModel.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "string",
+      "value": "__tabs-overflow__"
+    }
+  },
   {
     "name": "useTabsModel",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/useTabsModel.tsx",
@@ -391293,8 +391614,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "kind": "parameter",
                 "name": "item",
                 "type": {
-                  "kind": "symbol",
-                  "name": "Generic",
+                  "kind": "primitive",
                   "value": "any"
                 },
                 "required": true,
@@ -391303,7 +391623,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "declarations": [
                   {
                     "name": "item",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useBaseListModel.tsx"
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/useTabsModel.tsx"
                   }
                 ],
                 "tags": {}
@@ -398248,8 +398568,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "kind": "parameter",
                 "name": "item",
                 "type": {
-                  "kind": "symbol",
-                  "name": "Generic",
+                  "kind": "primitive",
                   "value": "any"
                 },
                 "required": true,
@@ -398258,7 +398577,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "declarations": [
                   {
                     "name": "item",
-                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useBaseListModel.tsx"
+                    "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/tabs/lib/useTabsModel.tsx"
                   }
                 ],
                 "tags": {}

package/dist/es6/lib/specs.js

@@ -5849,7 +5849,7 @@ module.exports = {specifications: [
               },
               {
                 "type": "it",
-                "name": "should not show the \"More\" button"
+                "name": "should not show the \"More\" overflow tab"
               },
               {
                 "type": "it",
@@ -5869,7 +5869,7 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "it",
-                        "name": "should focus on the tab panel"
+                        "name": "should move focus out of the tablist to the next focusable (width control)"
                       }
                     ]
                   }
@@ -5885,11 +5885,11 @@ module.exports = {specifications: [
                   },
                   {
                     "type": "it",
-                    "name": "should show the \"More\" button"
+                    "name": "should show the \"More\" overflow tab"
                   },
                   {
                     "type": "it",
-                    "name": "should show only 3 tab items"
+                    "name": "should show visible content tabs plus the More overflow tab"
                   },
                   {
                     "type": "it",
@@ -5901,11 +5901,11 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "describe",
-                        "name": "when the Tab key is pressed",
+                        "name": "when the Right Arrow key is pressed until the More overflow tab",
                         "children": [
                           {
                             "type": "it",
-                            "name": "should focus on the \"More\" button"
+                            "name": "should focus on the \"More\" overflow tab"
                           }
                         ]
                       }
@@ -5913,7 +5913,7 @@ module.exports = {specifications: [
                   },
                   {
                     "type": "describe",
-                    "name": "when the \"More\" button is clicked",
+                    "name": "when the \"More\" overflow tab is clicked",
                     "children": [
                       {
                         "type": "it",
@@ -5933,7 +5933,7 @@ module.exports = {specifications: [
                           },
                           {
                             "type": "it",
-                            "name": "should move focus back to the \"More\" button"
+                            "name": "should move focus to a tab (newly selected or More)"
                           }
                         ]
                       }
@@ -5951,7 +5951,7 @@ module.exports = {specifications: [
                   },
                   {
                     "type": "it",
-                    "name": "should show the \"More\" button"
+                    "name": "should show the \"More\" overflow tab"
                   },
                   {
                     "type": "it",
@@ -5959,11 +5959,11 @@ module.exports = {specifications: [
                   },
                   {
                     "type": "it",
-                    "name": "should show only 1 tab item"
+                    "name": "should show 2 content tabs plus the More overflow tab (3 total)"
                   },
                   {
                     "type": "describe",
-                    "name": "when the \"More\" button is clicked",
+                    "name": "when the \"More\" overflow tab is clicked",
                     "children": [
                       {
                         "type": "it",
@@ -5971,7 +5971,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should have the second Tab as the first menu item"
+                        "name": "should have the third Tab as the first menu item"
                       }
                     ]
                   }
@@ -5987,7 +5987,7 @@ module.exports = {specifications: [
                   },
                   {
                     "type": "it",
-                    "name": "should show the \"More\" button"
+                    "name": "should show the \"More\" overflow tab"
                   },
                   {
                     "type": "it",
@@ -5995,11 +5995,11 @@ module.exports = {specifications: [
                   },
                   {
                     "type": "it",
-                    "name": "should show no tab items"
+                    "name": "should show only the More overflow tab (1 tab when all content tabs overflow)"
                   },
                   {
                     "type": "describe",
-                    "name": "when the \"More\" button is clicked",
+                    "name": "when the \"More\" overflow tab is clicked",
                     "children": [
                       {
                         "type": "it",
@@ -6007,7 +6007,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should have the third Tab as the first menu item"
+                        "name": "should have focus on the first menu item (First Tab)"
                       }
                     ]
                   }
@@ -6019,7 +6019,7 @@ module.exports = {specifications: [
                 "children": [
                   {
                     "type": "it",
-                    "name": "should not show the \"More\" button"
+                    "name": "should not show the \"More\" overflow tab"
                   },
                   {
                     "type": "it",

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.10",
-    "@workday/canvas-kit-preview-react": "15.1.10",
-    "@workday/canvas-kit-react": "15.1.10",
-    "@workday/canvas-kit-react-fonts": "^15.1.10",
-    "@workday/canvas-kit-styling": "15.1.10",
+    "@workday/canvas-kit-labs-react": "15.1.12",
+    "@workday/canvas-kit-preview-react": "15.1.12",
+    "@workday/canvas-kit-react": "15.1.12",
+    "@workday/canvas-kit-react-fonts": "^15.1.12",
+    "@workday/canvas-kit-styling": "15.1.12",
     "@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.10",
-    "@workday/canvas-kit-preview-react": "15.1.10",
-    "@workday/canvas-kit-react": "15.1.10",
-    "@workday/canvas-kit-react-fonts": "^15.1.10",
-    "@workday/canvas-kit-styling": "15.1.10",
+    "@workday/canvas-kit-labs-react": "15.1.12",
+    "@workday/canvas-kit-preview-react": "15.1.12",
+    "@workday/canvas-kit-react": "15.1.12",
+    "@workday/canvas-kit-react-fonts": "^15.1.12",
+    "@workday/canvas-kit-styling": "15.1.12",
     "@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/tabs/examples/OverflowTabs.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import {Box} from '@workday/canvas-kit-react/layout';
 import {SegmentedControl} from '@workday/canvas-kit-react/segmented-control';
 import {Tabs, useTabsModel} from '@workday/canvas-kit-react/tabs';
+import {Heading} from '@workday/canvas-kit-react/text';
 import {px2rem} from '@workday/canvas-kit-styling';
 import {system} from '@workday/canvas-tokens-web';
 
@@ -43,13 +44,17 @@ export default () => {
           </Tabs.Menu.Popper>
           <Tabs.Panels>
             {(item: MyTabItem) => (
-              <Tabs.Panel cs={{marginBlockStart: system.gap.lg}}>{item.contents}</Tabs.Panel>
+              <Tabs.Panel tabIndex={-1} cs={{marginBlockStart: system.gap.lg}}>
+                {item.contents}
+              </Tabs.Panel>
             )}
           </Tabs.Panels>
         </Tabs>
       </Box>
       <hr />
-      <h4>Change Tabs container size</h4>
+      <Heading size="small" as="h4">
+        Change Tabs container size
+      </Heading>
       <SegmentedControl onSelect={data => setContainerWidth(data.id)}>
         <SegmentedControl.List aria-label="container width control">
           <SegmentedControl.Item data-id="100%">100%</SegmentedControl.Item>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "15.1.10",
+  "version": "15.1.12",
   "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.10",
-    "@workday/canvas-kit-preview-react": "^15.1.10",
-    "@workday/canvas-kit-react": "^15.1.10",
-    "@workday/canvas-kit-styling": "^15.1.10",
+    "@workday/canvas-kit-labs-react": "^15.1.12",
+    "@workday/canvas-kit-preview-react": "^15.1.12",
+    "@workday/canvas-kit-react": "^15.1.12",
+    "@workday/canvas-kit-styling": "^15.1.12",
     "@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": "f901efa76097c95b05ec7872ea7b90e0555db9fd"
+  "gitHead": "14e5d60c1526174d2420843610f67314fa0e540e"
 }