@workday/canvas-kit-react 11.1.19 → 11.1.21

package/dist/commonjs/collection/lib/useOverflowListModel.js

@@ -7,7 +7,7 @@ exports.useOverflowListModel = exports.getHiddenIds = void 0;
 const react_1 = __importDefault(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const useSelectionListModel_1 = require("./useSelectionListModel");
-function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache, selectedIds, items) {
+function getHiddenIds(containerWidth, containerGap, overflowTargetWidth, itemWidthCache, selectedIds, items) {
     /** Allows us to prioritize showing the selected item */
     let selectedKey;
     /** Tally of combined item widths. We'll add items that fit until the container is full */
@@ -15,16 +15,16 @@ function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache, selec
     /** Tally ids that won't fit inside the container. These will be used by components to hide
      * elements that won't fit in the container */
     const hiddenIds = [];
+    /** Track if gap should be calculated since gap doesn't apply to the width of the first item, only
+     * consecutive items */
+    let shouldAddGap = false;
     if (selectedIds !== 'all' && selectedIds.length) {
-        if (items === null || items === void 0 ? void 0 : items.length) {
+        if (items.length) {
             // If selectedIds[0] is not in items, use the first id from items
             selectedKey = items.find(item => item.id === selectedIds[0]) ? selectedIds[0] : items[0].id;
         }
-        else {
-            selectedKey = selectedIds[0];
-        }
     }
-    if (Object.keys(itemWidthCache).reduce((sum, key) => sum + itemWidthCache[key], 0) <= containerWidth) {
+    if (Object.keys(itemWidthCache).reduce((sum, key, index) => sum + itemWidthCache[key] + (index > 0 ? containerGap : 0), 0) <= containerWidth) {
         // All items fit, return empty array
         return [];
     }
@@ -36,6 +36,7 @@ function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache, selec
         else {
             // at least the selected item and overflow target fit. Update our itemWidth with the sum
             itemWidth += itemWidthCache[selectedKey] + overflowTargetWidth;
+            shouldAddGap = true;
         }
     }
     else {
@@ -43,7 +44,8 @@ function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache, selec
     }
     for (const key in itemWidthCache) {
         if (key !== selectedKey) {
-            itemWidth += itemWidthCache[key];
+            itemWidth += itemWidthCache[key] + (shouldAddGap ? containerGap : 0);
+            shouldAddGap = true;
             if (itemWidth > containerWidth) {
                 hiddenIds.push(key);
             }
@@ -70,6 +72,7 @@ exports.useOverflowListModel = common_1.createModelHook({
     const [hiddenIds, setHiddenIds] = react_1.default.useState(config.initialHiddenIds);
     const [itemWidthCache, setItemWidthCache] = react_1.default.useState({});
     const [containerWidth, setContainerWidth] = react_1.default.useState(0);
+    const [containerGap, setContainerGap] = react_1.default.useState(0);
     const containerWidthRef = react_1.default.useRef(0);
     const itemWidthCacheRef = react_1.default.useRef(itemWidthCache);
     const [overflowTargetWidth, setOverflowTargetWidth] = react_1.default.useState(0);
@@ -87,20 +90,26 @@ exports.useOverflowListModel = common_1.createModelHook({
         hiddenIds: internalHiddenIds,
         itemWidthCache,
         containerWidth,
+        containerGap,
         overflowTargetWidth,
     };
     const events = {
         ...model.events,
         select(data) {
             const { selectedIds } = model.selection.select(data.id, state);
-            const ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, selectedIds, config.items);
+            const ids = getHiddenIds(containerWidthRef.current, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, selectedIds, config.items);
             model.events.select(data);
             setHiddenIds(ids);
         },
         setContainerWidth(data) {
             containerWidthRef.current = data.width || 0;
             setContainerWidth(data.width || 0);
-            const ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
+            const ids = getHiddenIds(containerWidthRef.current, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
+            setHiddenIds(ids);
+        },
+        setContainerGap(data) {
+            setContainerGap(data.size);
+            const ids = getHiddenIds(containerWidthRef.current, data.size, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
             setHiddenIds(ids);
         },
         setOverflowTargetWidth(data) {
@@ -113,7 +122,7 @@ exports.useOverflowListModel = common_1.createModelHook({
                 [data.id]: data.width,
             };
             setItemWidthCache(itemWidthCacheRef.current);
-            const ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
+            const ids = getHiddenIds(containerWidthRef.current, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
             setHiddenIds(ids);
         },
         removeItemWidth(data) {
@@ -121,7 +130,7 @@ exports.useOverflowListModel = common_1.createModelHook({
             delete newCache[data.id];
             itemWidthCacheRef.current = newCache;
             setItemWidthCache(itemWidthCacheRef.current);
-            const ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds !== 'all'
+            const ids = getHiddenIds(containerWidthRef.current, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds !== 'all'
                 ? state.selectedIds.filter(sId => data.id !== sId)
                 : state.selectedIds, config.items);
             setHiddenIds(ids);

package/dist/commonjs/collection/lib/useOverflowListTarget.d.ts

@@ -8,6 +8,7 @@ export declare const useOverflowListTarget: import("@workday/canvas-kit-react/co
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -40,6 +41,9 @@ export declare const useOverflowListTarget: import("@workday/canvas-kit-react/co
         setContainerWidth(data: {
             width?: number | undefined;
         }): void;
+        setContainerGap(data: {
+            size: number;
+        }): void;
         setOverflowTargetWidth(data: {
             width: number;
         }): void;

package/dist/commonjs/collection/lib/useOverflowListTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflowListTarget.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BhC,CAAC"}
+{"version":3,"file":"useOverflowListTarget.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BhC,CAAC"}

package/dist/commonjs/tabs/lib/Tabs.d.ts

@@ -1392,6 +1392,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1426,6 +1427,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1460,6 +1462,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1494,6 +1497,42 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../..").Item<any>[];
+    }) => void) | undefined;
+    onSetContainerGap?: ((data: {
+        size: number;
+    }, prevState: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        panels: import("../..").Item<any>[];
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemWidthCache: Record<string, number>;
+        containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1528,6 +1567,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1563,6 +1603,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1597,6 +1638,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1631,6 +1673,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1665,6 +1708,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1697,6 +1741,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1729,6 +1774,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1763,6 +1809,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1795,6 +1842,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1827,6 +1875,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1859,6 +1908,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1891,6 +1941,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1923,6 +1974,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1955,6 +2007,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1987,6 +2040,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2019,6 +2073,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2051,6 +2106,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2083,6 +2139,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2118,6 +2175,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2152,6 +2210,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2186,6 +2245,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2222,6 +2282,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2256,6 +2317,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2290,6 +2352,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2324,6 +2387,42 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../..").Item<any>[];
+    }) => boolean) | undefined;
+    shouldSetContainerGap?: ((data: {
+        size: number;
+    }, state: {
+        getId: (item: any) => string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        panels: import("../..").Item<any>[];
+        panelIndexRef: React.MutableRefObject<number>;
+        hiddenIds: string[];
+        itemWidthCache: Record<string, number>;
+        containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2358,6 +2457,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2393,6 +2493,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2427,6 +2528,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2461,6 +2563,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2495,6 +2598,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2527,6 +2631,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2559,6 +2664,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2593,6 +2699,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2625,6 +2732,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2657,6 +2765,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2689,6 +2798,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2721,6 +2831,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2753,6 +2864,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2785,6 +2897,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2817,6 +2930,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2849,6 +2963,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2881,6 +2996,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2913,6 +3029,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2948,6 +3065,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -2982,6 +3100,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3016,6 +3135,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3049,6 +3169,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -3087,6 +3208,9 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
         setContainerWidth(data: {
             width?: number | undefined;
         }): void;
+        setContainerGap(data: {
+            size: number;
+        }): void;
         setOverflowTargetWidth(data: {
             width: number;
         }): void;
@@ -3222,6 +3346,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
             hiddenIds: string[];
             itemWidthCache: Record<string, number>;
             containerWidth: number;
+            containerGap: number;
             overflowTargetWidth: number;
             selectedIds: string[] | "all";
             unselectedIds: string[];
@@ -3260,6 +3385,9 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
+            setContainerGap(data: {
+                size: number;
+            }): void;
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;
@@ -3396,6 +3524,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
             hiddenIds: string[];
             itemWidthCache: Record<string, number>;
             containerWidth: number;
+            containerGap: number;
             overflowTargetWidth: number;
             selectedIds: string[] | "all";
             unselectedIds: string[];
@@ -3434,6 +3563,9 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
+            setContainerGap(data: {
+                size: number;
+            }): void;
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;
@@ -3576,6 +3708,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
             hiddenIds: string[];
             itemWidthCache: Record<string, number>;
             containerWidth: number;
+            containerGap: number;
             overflowTargetWidth: number;
             selectedIds: string[] | "all";
             unselectedIds: string[];
@@ -3614,6 +3747,9 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
+            setContainerGap(data: {
+                size: number;
+            }): void;
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;
@@ -3755,6 +3891,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
             hiddenIds: string[];
             itemWidthCache: Record<string, number>;
             containerWidth: number;
+            containerGap: number;
             overflowTargetWidth: number;
             selectedIds: string[] | "all";
             unselectedIds: string[];
@@ -3793,6 +3930,9 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
+            setContainerGap(data: {
+                size: number;
+            }): void;
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;
@@ -3934,6 +4074,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
             hiddenIds: string[];
             itemWidthCache: Record<string, number>;
             containerWidth: number;
+            containerGap: number;
             overflowTargetWidth: number;
             selectedIds: string[] | "all";
             unselectedIds: string[];
@@ -3972,6 +4113,9 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
+            setContainerGap(data: {
+                size: number;
+            }): void;
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;