@workday/canvas-kit-docs 15.1.11 → 15.1.14

package/dist/es6/lib/docs.js

@@ -177013,7 +177013,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "value": "DOMRect"
             }
           },
-          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`.",
+          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`. If an `anchorElement` is also provided, Popper listens to its\nscroll containers and uses it for clipping, so the Popper still updates when it scrolls.",
           "declarations": [
             {
               "name": "getAnchorClientRect",
@@ -206796,7 +206796,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "value": "DOMRect"
             }
           },
-          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`.",
+          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`. If an `anchorElement` is also provided, Popper listens to its\nscroll containers and uses it for clipping, so the Popper still updates when it scrolls.",
           "declarations": [
             {
               "name": "getAnchorClientRect",
@@ -272167,6 +272167,31 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "name": "usePopupPopper"
     }
   },
+  {
+    "name": "menuPopperOffset",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/menu/lib/MenuPopper.tsx",
+    "description": "The `[skidding, distance]` offset every menu popper sits at relative to its anchor.",
+    "declarations": [
+      {
+        "name": "menuPopperOffset",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/menu/lib/MenuPopper.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "tuple",
+      "value": [
+        {
+          "kind": "primitive",
+          "value": "number"
+        },
+        {
+          "kind": "primitive",
+          "value": "number"
+        }
+      ]
+    }
+  },
   {
     "name": "defaultMenuPopperOptions",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/menu/lib/MenuPopper.tsx",
@@ -272225,11 +272250,17 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                             "parameters": [],
                             "members": [],
                             "returnType": {
-                              "kind": "array",
-                              "value": {
-                                "kind": "primitive",
-                                "value": "number"
-                              }
+                              "kind": "union",
+                              "value": [
+                                {
+                                  "kind": "primitive",
+                                  "value": "number"
+                                },
+                                {
+                                  "kind": "primitive",
+                                  "value": "number"
+                                }
+                              ]
                             }
                           },
                           "type": {
@@ -272237,11 +272268,17 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                             "parameters": [],
                             "members": [],
                             "returnType": {
-                              "kind": "array",
-                              "value": {
-                                "kind": "primitive",
-                                "value": "number"
-                              }
+                              "kind": "union",
+                              "value": [
+                                {
+                                  "kind": "primitive",
+                                  "value": "number"
+                                },
+                                {
+                                  "kind": "primitive",
+                                  "value": "number"
+                                }
+                              ]
                             }
                           },
                           "required": true,
@@ -272267,11 +272304,17 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                             "parameters": [],
                             "members": [],
                             "returnType": {
-                              "kind": "array",
-                              "value": {
-                                "kind": "primitive",
-                                "value": "number"
-                              }
+                              "kind": "union",
+                              "value": [
+                                {
+                                  "kind": "primitive",
+                                  "value": "number"
+                                },
+                                {
+                                  "kind": "primitive",
+                                  "value": "number"
+                                }
+                              ]
                             }
                           },
                           "type": {
@@ -272279,11 +272322,17 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                             "parameters": [],
                             "members": [],
                             "returnType": {
-                              "kind": "array",
-                              "value": {
-                                "kind": "primitive",
-                                "value": "number"
-                              }
+                              "kind": "union",
+                              "value": [
+                                {
+                                  "kind": "primitive",
+                                  "value": "number"
+                                },
+                                {
+                                  "kind": "primitive",
+                                  "value": "number"
+                                }
+                              ]
                             }
                           },
                           "required": true,
@@ -272345,11 +272394,17 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                           "parameters": [],
                           "members": [],
                           "returnType": {
-                            "kind": "array",
-                            "value": {
-                              "kind": "primitive",
-                              "value": "number"
-                            }
+                            "kind": "tuple",
+                            "value": [
+                              {
+                                "kind": "primitive",
+                                "value": "number"
+                              },
+                              {
+                                "kind": "primitive",
+                                "value": "number"
+                              }
+                            ]
                           }
                         },
                         "description": "",
@@ -272521,7 +272576,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "value": "DOMRect"
             }
           },
-          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`.",
+          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`. If an `anchorElement` is also provided, Popper listens to its\nscroll containers and uses it for clipping, so the Popper still updates when it scrolls.",
           "declarations": [
             {
               "name": "getAnchorClientRect",
@@ -273458,7 +273513,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "value": "DOMRect"
             }
           },
-          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`.",
+          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`. If an `anchorElement` is also provided, Popper listens to its\nscroll containers and uses it for clipping, so the Popper still updates when it scrolls.",
           "declarations": [
             {
               "name": "getAnchorClientRect",
@@ -323478,7 +323533,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "value": "DOMRect"
             }
           },
-          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`.",
+          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`. If an `anchorElement` is also provided, Popper listens to its\nscroll containers and uses it for clipping, so the Popper still updates when it scrolls.",
           "declarations": [
             {
               "name": "getAnchorClientRect",
@@ -328130,7 +328185,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "value": "DOMRect"
             }
           },
-          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`.",
+          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`. If an `anchorElement` is also provided, Popper listens to its\nscroll containers and uses it for clipping, so the Popper still updates when it scrolls.",
           "declarations": [
             {
               "name": "getAnchorClientRect",
@@ -377912,6 +377967,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 +383693,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 +383935,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"
         }
       ]
     }
@@ -384860,7 +385054,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "value": "DOMRect"
             }
           },
-          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`.",
+          "description": "When provided, this optional callback will be used to determine positioning for the Popper element\ninstead of calling `getBoundingClientRect` on the `anchorElement` prop. Use this when you need\ncomplete control over positioning. When this prop is specified, it is safe to pass `null` into the\n`anchorElement` prop. If `null` is passed into the `anchorElement` prop, an `owner` will not be\nprovided for the `PopupStack`. If an `anchorElement` is also provided, Popper listens to its\nscroll containers and uses it for clipping, so the Popper still updates when it scrolls.",
           "declarations": [
             {
               "name": "getAnchorClientRect",
@@ -385207,6 +385401,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 +385468,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 +385481,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 +385513,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 +391097,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 +391669,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 +391678,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 +398623,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 +398632,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

@@ -5039,6 +5039,286 @@ module.exports = {specifications: [
       }
     ]
   },
+  {
+    "type": "file",
+    "name": "SubmenuPlacement",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Submenu placement",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given a scrollable ltr menu at the start edge",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should open beside the parent on the right"
+              },
+              {
+                "type": "describe",
+                "name": "when the parent menu is scrolled",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should remain beside the parent without covering it"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given a scrollable ltr menu at the end edge",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should open beside the parent on the left"
+              },
+              {
+                "type": "describe",
+                "name": "when the parent menu is scrolled",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should remain beside the parent without covering it"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given a scrollable rtl menu at the start edge",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should open beside the parent on the left"
+              },
+              {
+                "type": "describe",
+                "name": "when the parent menu is scrolled",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should remain beside the parent without covering it"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given a scrollable rtl menu at the end edge",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should open beside the parent on the right"
+              },
+              {
+                "type": "describe",
+                "name": "when the parent menu is scrolled",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should remain beside the parent without covering it"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given an explicit submenu placement",
+            "children": [
+              {
+                "type": "it",
+                "name": "should preserve the custom placement"
+              },
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given an empty fallback list at the right edge",
+            "children": [
+              {
+                "type": "it",
+                "name": "should still allow the opposite placement"
+              },
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given custom Popper options",
+            "children": [
+              {
+                "type": "it",
+                "name": "should preserve the custom offset from the parent menu"
+              },
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given a ltr viewport too narrow for either side",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should fall back below the parent"
+              },
+              {
+                "type": "it",
+                "name": "should align with the parent's left edge"
+              },
+              {
+                "type": "it",
+                "name": "should stay inside the viewport horizontally"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given a rtl viewport too narrow for either side",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should fall back below the parent"
+              },
+              {
+                "type": "it",
+                "name": "should align with the parent's right edge"
+              },
+              {
+                "type": "it",
+                "name": "should stay inside the viewport horizontally"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given a parent menu near the bottom of a narrow viewport",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should fall back above the parent"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given a 320x568 viewport too short to clear the parent",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should still fall back below the parent"
+              },
+              {
+                "type": "it",
+                "name": "should stay inside the viewport"
+              },
+              {
+                "type": "describe",
+                "name": "when the parent menu is then scrolled",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should keep the vertical placement"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should stay inside the viewport"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should not move while the parent keeps scrolling"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given a 360x568 viewport too short to clear the parent",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should still fall back below the parent"
+              },
+              {
+                "type": "it",
+                "name": "should stay inside the viewport"
+              },
+              {
+                "type": "describe",
+                "name": "when the parent menu is then scrolled",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should keep the vertical placement"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should stay inside the viewport"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should not move while the parent keeps scrolling"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
   {
     "type": "file",
     "name": "Switch",
@@ -5849,7 +6129,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 +6149,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 +6165,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 +6181,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 +6193,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 +6213,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 +6231,7 @@ module.exports = {specifications: [
                   },
                   {
                     "type": "it",
-                    "name": "should show the \"More\" button"
+                    "name": "should show the \"More\" overflow tab"
                   },
                   {
                     "type": "it",
@@ -5959,11 +6239,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 +6251,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 +6267,7 @@ module.exports = {specifications: [
                   },
                   {
                     "type": "it",
-                    "name": "should show the \"More\" button"
+                    "name": "should show the \"More\" overflow tab"
                   },
                   {
                     "type": "it",
@@ -5995,11 +6275,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 +6287,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 +6299,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.11",
-    "@workday/canvas-kit-preview-react": "15.1.11",
-    "@workday/canvas-kit-react": "15.1.11",
-    "@workday/canvas-kit-react-fonts": "^15.1.11",
-    "@workday/canvas-kit-styling": "15.1.11",
+    "@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-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.11",
-    "@workday/canvas-kit-preview-react": "15.1.11",
-    "@workday/canvas-kit-react": "15.1.11",
-    "@workday/canvas-kit-react-fonts": "^15.1.11",
-    "@workday/canvas-kit-styling": "15.1.11",
+    "@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-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/menu/examples/ScrollableSubmenu.tsx

@@ -0,0 +1,63 @@
+import {CanvasProvider} from '@workday/canvas-kit-react/common';
+import {Flex} from '@workday/canvas-kit-react/layout';
+import {Menu, menuCardStencil} from '@workday/canvas-kit-react/menu';
+import {PopperProps} from '@workday/canvas-kit-react/popup';
+import {createStencil, createStyles, px2rem} from '@workday/canvas-kit-styling';
+
+const containerStencil = createStencil({
+  base: {},
+  modifiers: {
+    atEnd: {true: {justifyContent: 'flex-end'}},
+    alignBottom: {true: {position: 'fixed', bottom: 0, left: 0, right: 0}},
+  },
+});
+
+// A fixed height makes the parent list scroll independently of the page.
+const cardStyles = createStyles({[menuCardStencil.vars.maxHeight]: px2rem(280)});
+
+export default ({
+  dir = 'ltr',
+  atEnd = false,
+  alignBottom = false,
+  submenuPopperProps,
+}: {
+  dir?: 'ltr' | 'rtl';
+  atEnd?: boolean;
+  alignBottom?: boolean;
+  submenuPopperProps?: Pick<PopperProps, 'placement' | 'fallbackPlacements' | 'popperOptions'>;
+}) => (
+  <CanvasProvider dir={dir}>
+    <Flex cs={containerStencil({atEnd, alignBottom})}>
+      <Menu>
+        <Menu.Target>Open Menu</Menu.Target>
+        <Menu.Popper>
+          <Menu.Card cs={cardStyles} data-testid="scrollable-menu">
+            <Menu.List>
+              <Menu.Item data-id="first">First Item</Menu.Item>
+              <Menu.Item data-id="second">Second Item</Menu.Item>
+              <Menu.Submenu>
+                <Menu.Submenu.TargetItem data-id="submenu">More Items</Menu.Submenu.TargetItem>
+                <Menu.Submenu.Popper {...submenuPopperProps}>
+                  <Menu.Submenu.Card>
+                    <Menu.Submenu.List data-testid="submenu">
+                      {Array.from({length: 6}, (_, index) => (
+                        <Menu.Submenu.Item key={index} data-id={`sub-${index}`}>
+                          Additional Menu Item {index + 1}
+                        </Menu.Submenu.Item>
+                      ))}
+                    </Menu.Submenu.List>
+                  </Menu.Submenu.Card>
+                </Menu.Submenu.Popper>
+              </Menu.Submenu>
+              {Array.from({length: 15}, (_, index) => (
+                <Menu.Item key={index} data-id={`item-${index}`}>
+                  Item {index + 1}
+                </Menu.Item>
+              ))}
+            </Menu.List>
+          </Menu.Card>
+        </Menu.Popper>
+      </Menu>
+    </Flex>
+  </CanvasProvider>
+);

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.11",
+  "version": "15.1.14",
   "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.11",
-    "@workday/canvas-kit-preview-react": "^15.1.11",
-    "@workday/canvas-kit-react": "^15.1.11",
-    "@workday/canvas-kit-styling": "^15.1.11",
+    "@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-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": "90746a361ae33ca181e4f7f5c7281046a26faae9"
+  "gitHead": "c11faa4de782aa959ab56dbe2d96014e4d034fef"
 }