npm - @patternfly/react-core - Versions diffs - 6.3.0-prerelease.8 → 6.3.0 - Mend

@patternfly/react-core 6.3.0-prerelease.8 → 6.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (510) hide show

package/dist/esm/components/SearchInput/SearchInput.d.ts CHANGED Viewed

@@ -22,6 +22,8 @@ export interface SearchInputExpandable {
     onToggleExpand: (event: React.SyntheticEvent<HTMLButtonElement>, isExpanded: boolean) => void;
     /** An accessible label for the expandable search input toggle. */
     toggleAriaLabel: string;
+    /** Flag indicating animations should be enabled when the search input expands and collapses. Note: this will change the component's DOM structure. In a future breaking change release, this will become the default behavior and will no longer be needed. */
+    hasAnimations?: boolean;
 }
 /** The main search input component. */
 export interface SearchInputProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange' | 'results' | 'ref'> {
@@ -92,6 +94,8 @@ export interface SearchInputProps extends Omit<React.HTMLProps<HTMLDivElement>,
     /** The number of search results returned. Either a total number of results,
      * or a string representing the current result over the total number of results. i.e. "1 / 5". */
     resultsCount?: number | string;
+    /** Screenreader text that will appear after resultsCount to give context for what that value represents to assistive technologies. */
+    resultsCountContext?: string;
     /** Label for the button which calls the onSearch event handler. */
     submitSearchButtonLabel?: string;
     /** Value of the search input. */

package/dist/esm/components/SearchInput/SearchInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":";~~AAiBA~~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~~AA0VD~~,eAAO,MAAM,WAAW,+GAEtB,CAAC"}
1	+ {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":";AAkBA;;GAEG;AAEH,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AAEH,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,UAAU,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9F,kEAAkE;IAClE,eAAe,EAAE,MAAM,CAAC;IACxB,+PAA+P;IAC/P,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,uCAAuC;AAEvC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;IAC7G;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,CAAC;IACxD,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yKAAyK;IAEzK,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,0BAA0B,EAAE,CAAC;IACrD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,eAAe,CAAC,EAAE,qBAAqB,CAAC;IAGxC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,2FAA2F;IAC3F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAChC,wFAAwF;IACxF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,qEAAqE;IACrE,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,kEAAkE;IAClE,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,4DAA4D;IAC5D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,sEAAsE;IACtE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3E,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC9C,KAAK,EAAE,MAAM,EACb,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KACpC,IAAI,CAAC;IACV,sEAAsE;IACtE,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpG,iFAAiF;IACjF,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8FAA8F;IAC9F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;qGACiG;IACjG,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,sIAAsI;IACtI,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mEAAmE;IACnE,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB;AAqbD,eAAO,MAAM,WAAW,+GAEtB,CAAC"}

package/dist/esm/components/SearchInput/SearchInput.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import { css } from '@patternfly/react-styles';
 import { Button, ButtonVariant } from '../Button';
@@ -16,8 +16,9 @@ import { TextInputGroup, TextInputGroupMain, TextInputGroupUtilities } from '../
 import { InputGroup, InputGroupItem } from '../InputGroup';
 import { Popper } from '../../helpers';
 import textInputGroupStyles from '@patternfly/react-styles/css/components/TextInputGroup/text-input-group.mjs';
+import inputGroupStyles from '@patternfly/react-styles/css/components/InputGroup/input-group.mjs';
 const SearchInputBase = (_a) => {
-    var { className, searchInputId, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, placeholder, hint, onChange, onSearch, onClear, onToggleAdvancedSearch, isAdvancedSearchOpen = false, resultsCount, onNextClick, onPreviousClick, innerRef, expandableInput, 'aria-label': ariaLabel = 'Search input', resetButtonLabel = 'Reset', openMenuButtonAriaLabel = 'Open advanced search', previousNavigationButtonAriaLabel = 'Previous', isPreviousNavigationButtonDisabled = false, isNextNavigationButtonDisabled = false, nextNavigationButtonAriaLabel = 'Next', submitSearchButtonLabel = 'Search', isDisabled = false, appendTo, zIndex = 9999, name, areUtilitiesDisplayed, inputProps } = _a, props = __rest(_a, ["className", "searchInputId", "value", "attributes", "formAdditionalItems", "hasWordsAttrLabel", "advancedSearchDelimiter", "placeholder", "hint", "onChange", "onSearch", "onClear", "onToggleAdvancedSearch", "isAdvancedSearchOpen", "resultsCount", "onNextClick", "onPreviousClick", "innerRef", "expandableInput", 'aria-label', "resetButtonLabel", "openMenuButtonAriaLabel", "previousNavigationButtonAriaLabel", "isPreviousNavigationButtonDisabled", "isNextNavigationButtonDisabled", "nextNavigationButtonAriaLabel", "submitSearchButtonLabel", "isDisabled", "appendTo", "zIndex", "name", "areUtilitiesDisplayed", "inputProps"]);
+    var { className, searchInputId, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, placeholder, hint, onChange, onSearch, onClear, onToggleAdvancedSearch, isAdvancedSearchOpen = false, resultsCount, resultsCountContext = ' results', onNextClick, onPreviousClick, innerRef, expandableInput, 'aria-label': ariaLabel = 'Search input', resetButtonLabel = 'Reset', openMenuButtonAriaLabel = 'Open advanced search', previousNavigationButtonAriaLabel = 'Previous', isPreviousNavigationButtonDisabled = false, isNextNavigationButtonDisabled = false, nextNavigationButtonAriaLabel = 'Next', submitSearchButtonLabel = 'Search', isDisabled = false, appendTo, zIndex = 9999, name, areUtilitiesDisplayed, inputProps } = _a, props = __rest(_a, ["className", "searchInputId", "value", "attributes", "formAdditionalItems", "hasWordsAttrLabel", "advancedSearchDelimiter", "placeholder", "hint", "onChange", "onSearch", "onClear", "onToggleAdvancedSearch", "isAdvancedSearchOpen", "resultsCount", "resultsCountContext", "onNextClick", "onPreviousClick", "innerRef", "expandableInput", 'aria-label', "resetButtonLabel", "openMenuButtonAriaLabel", "previousNavigationButtonAriaLabel", "isPreviousNavigationButtonDisabled", "isNextNavigationButtonDisabled", "nextNavigationButtonAriaLabel", "submitSearchButtonLabel", "isDisabled", "appendTo", "zIndex", "name", "areUtilitiesDisplayed", "inputProps"]);
     const [isSearchMenuOpen, setIsSearchMenuOpen] = useState(false);
     const [searchValue, setSearchValue] = useState(value);
     const searchInputRef = useRef(null);
@@ -27,7 +28,7 @@ const SearchInputBase = (_a) => {
     const triggerRef = useRef(null);
     const popperRef = useRef(null);
     const [focusAfterExpandChange, setFocusAfterExpandChange] = useState(false);
-    const { isExpanded, onToggleExpand, toggleAriaLabel } = expandableInput || {};
+    const { isExpanded, onToggleExpand, toggleAriaLabel, hasAnimations } = expandableInput || {};
     useEffect(() => {
         var _a, _b;
         // this effect and the focusAfterExpandChange variable are needed to focus the input/toggle as needed when the
@@ -39,9 +40,13 @@ const SearchInputBase = (_a) => {
             (_a = searchInputInputRef === null || searchInputInputRef === void 0 ? void 0 : searchInputInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
         else {
-            (_b = searchInputExpandableToggleRef === null || searchInputExpandableToggleRef === void 0 ? void 0 : searchInputExpandableToggleRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+            if (!hasAnimations) {
+                (_b = searchInputExpandableToggleRef === null || searchInputExpandableToggleRef === void 0 ? void 0 : searchInputExpandableToggleRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+        }
+        if (!hasAnimations) {
+            setFocusAfterExpandChange(false);
         }
-        setFocusAfterExpandChange(false);
     }, [focusAfterExpandChange, isExpanded, searchInputInputRef, searchInputExpandableToggleRef]);
     useEffect(() => {
         setSearchValue(value);
@@ -132,12 +137,22 @@ const SearchInputBase = (_a) => {
     const renderUtilities = value && (resultsCount || (!!onNextClick && !!onPreviousClick) || (!!onClear && !expandableInput));
     const buildTextInputGroup = (_a = {}) => {
         var searchInputProps = __rest(_a, []);
-        return (_jsxs(TextInputGroup, Object.assign({ isDisabled: isDisabled }, searchInputProps, { children: [_jsx(TextInputGroupMain, { hint: hint, icon: _jsx(SearchIcon, {}), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler, name: name, inputId: searchInputId, inputProps: inputProps }), (renderUtilities || areUtilitiesDisplayed) && (_jsxs(TextInputGroupUtilities, { children: [resultsCount && _jsx(Badge, { isRead: true, children: resultsCount }), !!onNextClick && !!onPreviousClick && (_jsxs("div", { className: textInputGroupStyles.textInputGroupGroup, children: [_jsx(Button, { variant: ButtonVariant.plain, "aria-label": previousNavigationButtonAriaLabel, isDisabled: isDisabled || isPreviousNavigationButtonDisabled, onClick: onPreviousClick, icon: _jsx(AngleUpIcon, {}) }), _jsx(Button, { variant: ButtonVariant.plain, "aria-label": nextNavigationButtonAriaLabel, isDisabled: isDisabled || isNextNavigationButtonDisabled, onClick: onNextClick, icon: _jsx(AngleDownIcon, {}) })] })), !!onClear && !expandableInput && (_jsx(Button, { variant: ButtonVariant.plain, isDisabled: isDisabled, "aria-label": resetButtonLabel, onClick: onClearInput, icon: _jsx(TimesIcon, {}) }))] }))] })));
+        return (_jsxs(TextInputGroup, Object.assign({ isDisabled: isDisabled }, searchInputProps, { children: [_jsx(TextInputGroupMain, { hint: hint, icon: _jsx(SearchIcon, {}), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler, name: name, inputId: searchInputId, inputProps: inputProps }), (renderUtilities || areUtilitiesDisplayed) && (_jsxs(TextInputGroupUtilities, { children: [resultsCount && (_jsx(Badge, { isRead: true, screenReaderText: resultsCountContext, children: resultsCount })), !!onNextClick && !!onPreviousClick && (_jsxs("div", { className: textInputGroupStyles.textInputGroupGroup, children: [_jsx(Button, { variant: ButtonVariant.plain, "aria-label": previousNavigationButtonAriaLabel, isDisabled: isDisabled || isPreviousNavigationButtonDisabled, onClick: onPreviousClick, icon: _jsx(AngleUpIcon, {}) }), _jsx(Button, { variant: ButtonVariant.plain, "aria-label": nextNavigationButtonAriaLabel, isDisabled: isDisabled || isNextNavigationButtonDisabled, onClick: onNextClick, icon: _jsx(AngleDownIcon, {}) })] })), !!onClear && !expandableInput && (_jsx(Button, { variant: ButtonVariant.plain, isDisabled: isDisabled, "aria-label": resetButtonLabel, onClick: onClearInput, icon: _jsx(TimesIcon, {}) }))] }))] })));
     };
-    const expandableToggle = (_jsx(Button, { variant: ButtonVariant.plain, "aria-label": toggleAriaLabel, "aria-expanded": isExpanded, icon: isExpanded ? _jsx(TimesIcon, {}) : _jsx(SearchIcon, {}), onClick: onExpandHandler, ref: searchInputExpandableToggleRef }));
+    const expandToggleButton = (_jsx(Button, { variant: ButtonVariant.plain, "aria-label": toggleAriaLabel, "aria-expanded": isExpanded, icon: _jsx(SearchIcon, {}), onClick: onExpandHandler, ref: searchInputExpandableToggleRef }));
+    const collapseToggleButton = (_jsx(Button, { variant: ButtonVariant.plain, "aria-label": toggleAriaLabel, "aria-expanded": isExpanded, icon: _jsx(TimesIcon, {}), onClick: onExpandHandler }));
+    const singleButtonToggle = (_jsx(Button, { variant: ButtonVariant.plain, "aria-label": toggleAriaLabel, "aria-expanded": isExpanded, icon: isExpanded ? _jsx(TimesIcon, {}) : _jsx(SearchIcon, {}), onClick: onExpandHandler, ref: searchInputExpandableToggleRef }));
+    const onTransitionEnd = () => {
+        var _a;
+        !isExpanded && focusAfterExpandChange && ((_a = searchInputExpandableToggleRef === null || searchInputExpandableToggleRef === void 0 ? void 0 : searchInputExpandableToggleRef.current) === null || _a === void 0 ? void 0 : _a.focus());
+        setFocusAfterExpandChange(false);
+    };
+    const expandableToggle = (_jsxs(_Fragment, { children: [!hasAnimations && _jsx(InputGroupItem, { isPlain: true, children: singleButtonToggle }), hasAnimations && (_jsxs(_Fragment, { children: [_jsx(InputGroupItem, Object.assign({ className: inputGroupStyles.modifiers.searchExpand, isPlain: true, onTransitionEnd: onTransitionEnd }, (isExpanded && { inert: '' }), { children: expandToggleButton })), _jsx(InputGroupItem, Object.assign({ className: inputGroupStyles.modifiers.searchAction, isPlain: true }, (!isExpanded && { inert: '' }), { children: collapseToggleButton }))] }))] }));
     const buildExpandableSearchInput = (_a = {}) => {
         var searchInputProps = __rest(_a, []);
-        return (_jsxs(InputGroup, Object.assign({}, searchInputProps, { children: [_jsxs(InputGroupItem, { isFill: true, children: [buildTextInputGroup(), " "] }), _jsx(InputGroupItem, { isPlain: true, children: expandableToggle })] })));
+        return (_jsxs(InputGroup, Object.assign({}, searchInputProps, { children: [_jsx(InputGroupItem, Object.assign({}, (!hasAnimations && { isFill: true }), (hasAnimations && { className: inputGroupStyles.modifiers.searchInput }), (!isExpanded && {
+                    inert: ''
+                }), { children: buildTextInputGroup() })), expandableToggle] })));
     };
     const buildSearchTextInputGroup = (_a = {}) => {
         var searchInputProps = __rest(_a, []);
@@ -148,17 +163,26 @@ const SearchInputBase = (_a) => {
     };
     const buildSearchTextInputGroupWithExtraButtons = (_a = {}) => {
         var searchInputProps = __rest(_a, []);
-        return (_jsxs(InputGroup, Object.assign({ ref: triggerRef }, searchInputProps, { children: [_jsx(InputGroupItem, { isFill: true, children: buildTextInputGroup() }), (attributes.length > 0 || onToggleAdvancedSearch) && (_jsx(InputGroupItem, { isPlain: true, children: _jsx(Button, { className: isSearchMenuOpen && 'pf-m-expanded', variant: ButtonVariant.control, "aria-label": openMenuButtonAriaLabel, onClick: onToggle, isDisabled: isDisabled, "aria-expanded": isSearchMenuOpen, icon: _jsx(CaretDownIcon, {}) }) })), !!onSearch && (_jsx(InputGroupItem, { children: _jsx(Button, { type: "submit", variant: ButtonVariant.control, "aria-label": submitSearchButtonLabel, onClick: onSearchHandler, isDisabled: isDisabled, icon: _jsx(Icon, { shouldMirrorRTL: true, children: _jsx(ArrowRightIcon, {}) }) }) })), expandableInput && _jsx(InputGroupItem, { children: expandableToggle })] })));
+        return (_jsxs(InputGroup, Object.assign({ ref: triggerRef }, searchInputProps, { children: [_jsx(InputGroupItem, Object.assign({}, (!hasAnimations && { isFill: true }), (expandableInput && hasAnimations && { className: inputGroupStyles.modifiers.searchInput }), (expandableInput &&
+                    hasAnimations &&
+                    !isExpanded && {
+                    inert: ''
+                }), { children: buildTextInputGroup() })), (attributes.length > 0 || onToggleAdvancedSearch) && (_jsx(InputGroupItem, Object.assign({ isPlain: true }, (hasAnimations && { className: inputGroupStyles.modifiers.searchAction }), { children: _jsx(Button, { className: isSearchMenuOpen && 'pf-m-expanded', variant: ButtonVariant.control, "aria-label": openMenuButtonAriaLabel, onClick: onToggle, isDisabled: isDisabled, "aria-expanded": isSearchMenuOpen, icon: _jsx(CaretDownIcon, {}) }) }))), !!onSearch && (_jsx(InputGroupItem, Object.assign({}, (hasAnimations && { className: inputGroupStyles.modifiers.searchAction }), { children: _jsx(Button, { type: "submit", variant: ButtonVariant.control, "aria-label": submitSearchButtonLabel, onClick: onSearchHandler, isDisabled: isDisabled, icon: _jsx(Icon, { shouldMirrorRTL: true, children: _jsx(ArrowRightIcon, {}) }) }) }))), expandableInput && _jsx(InputGroupItem, { children: expandableToggle })] })));
     };
-    const searchInputProps = Object.assign(Object.assign({}, props), { className: className && css(className), innerRef: searchInputRef });
-    if (!!expandableInput && !isExpanded) {
+    const searchInputProps = Object.assign(Object.assign({}, props), { className: css(expandableInput && hasAnimations && inputGroupStyles.modifiers.searchExpandable, expandableInput && hasAnimations && isExpanded && inputGroupStyles.modifiers.expanded, className && css(className)), innerRef: searchInputRef });
+    if (!!expandableInput && !isExpanded && !hasAnimations) {
         return (_jsx(InputGroup, Object.assign({}, searchInputProps, { children: _jsx(InputGroupItem, { children: expandableToggle }) })));
     }
     if (!!onSearch || attributes.length > 0 || !!onToggleAdvancedSearch) {
         if (attributes.length > 0) {
             const AdvancedSearch = (_jsx("div", { ref: popperRef, children: _jsx(AdvancedSearchMenu, { value: value, parentRef: searchInputRef, parentInputRef: searchInputInputRef, onSearch: onSearch, onClear: onClear, onChange: onChange, onToggleAdvancedMenu: onToggle, resetButtonLabel: resetButtonLabel, submitSearchButtonLabel: submitSearchButtonLabel, attributes: attributes, formAdditionalItems: formAdditionalItems, hasWordsAttrLabel: hasWordsAttrLabel, advancedSearchDelimiter: advancedSearchDelimiter, getAttrValueMap: getAttrValueMap, isSearchMenuOpen: isSearchMenuOpen }) }));
-            const AdvancedSearchWithPopper = (_jsx("div", Object.assign({ className: css(className), ref: searchInputRef }, props, { children: _jsx(Popper, { trigger: buildSearchTextInputGroupWithExtraButtons(), triggerRef: triggerRef, popper: AdvancedSearch, popperRef: popperRef, isVisible: isSearchMenuOpen, enableFlip: true, appendTo: () => appendTo || searchInputRef.current, zIndex: zIndex }) })));
-            const AdvancedSearchInline = (_jsxs("div", Object.assign({ className: css(className), ref: searchInputRef }, props, { children: [buildSearchTextInputGroupWithExtraButtons(), AdvancedSearch] })));
+            const advancedSearchInputProps = hasAnimations
+                ? {
+                    className: css(expandableInput && inputGroupStyles.modifiers.searchExpandable, expandableInput && isExpanded && inputGroupStyles.modifiers.expanded)
+                }
+                : {};
+            const AdvancedSearchWithPopper = (_jsx("div", Object.assign({ className: css(className), ref: searchInputRef }, props, { children: _jsx(Popper, { trigger: buildSearchTextInputGroupWithExtraButtons(advancedSearchInputProps), triggerRef: triggerRef, popper: AdvancedSearch, popperRef: popperRef, isVisible: isSearchMenuOpen, enableFlip: true, appendTo: () => appendTo || searchInputRef.current, zIndex: zIndex }) })));
+            const AdvancedSearchInline = (_jsxs("div", Object.assign({ className: css(className), ref: searchInputRef }, props, { children: [buildSearchTextInputGroupWithExtraButtons(advancedSearchInputProps), AdvancedSearch] })));
             return appendTo !== 'inline' ? AdvancedSearchWithPopper : AdvancedSearchInline;
         }
         return buildSearchTextInputGroupWithExtraButtons(Object.assign({}, searchInputProps));

package/dist/esm/components/SearchInput/SearchInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Tabs/OverflowTab.d.ts CHANGED Viewed

@@ -1,5 +1,29 @@
 /// <reference types="react" />
 import { TabProps } from './Tab';
+export interface HorizontalOverflowPopperProps {
+    /** Vertical direction of the popper. If enableFlip is set to true, this will set the initial direction before the popper flips. */
+    direction?: 'up' | 'down';
+    /** Horizontal position of the popper */
+    position?: 'right' | 'left' | 'center' | 'start' | 'end';
+    /** Custom width of the popper. If the value is "trigger", it will set the width to the select toggle's width */
+    width?: string | 'trigger';
+    /** Minimum width of the popper. If the value is "trigger", it will set the min width to the select toggle's width */
+    minWidth?: string | 'trigger';
+    /** Maximum width of the popper. If the value is "trigger", it will set the max width to the select toggle's width */
+    maxWidth?: string | 'trigger';
+    /** Enable to flip the popper when it reaches the boundary */
+    enableFlip?: boolean;
+    /** The container to append the select to. Defaults to document.body.
+     * If your select is being cut off you can append it to an element higher up the DOM tree.
+     * Some examples:
+     * appendTo="inline"
+     * appendTo={() => document.body}
+     * appendTo={document.getElementById('target')}
+     */
+    appendTo?: HTMLElement | (() => HTMLElement) | 'inline';
+    /** Flag to prevent the popper from overflowing its container and becoming partially obscured. */
+    preventOverflow?: boolean;
+}
 export interface OverflowTabProps extends React.HTMLProps<HTMLLIElement> {
     /** Additional classes added to the overflow tab */
     className?: string;
@@ -17,6 +41,8 @@ export interface OverflowTabProps extends React.HTMLProps<HTMLLIElement> {
     shouldPreventScrollOnItemFocus?: boolean;
     /** Time in ms to wait before firing the toggles' focus event. Defaults to 0 */
     focusTimeoutDelay?: number;
+    /** Additional props to spread to the popper menu. */
+    popperProps?: HorizontalOverflowPopperProps;
 }
 export declare const OverflowTab: React.FunctionComponent<OverflowTabProps>;
 //# sourceMappingURL=OverflowTab.d.ts.map

package/dist/esm/components/Tabs/OverflowTab.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OverflowTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;~~CAC5B~~;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,~~CA4HjE~~,CAAC"}
1	+ {"version":3,"file":"OverflowTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,WAAW,6BAA6B;IAC5C,mIAAmI;IACnI,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACzD,gHAAgH;IAChH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,qHAAqH;IACrH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,qHAAqH;IACrH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,CAAC;IACxD,iGAAiG;IACjG,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,WAAW,CAAC,EAAE,6BAA6B,CAAC;CAC7C;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CA8HjE,CAAC"}

package/dist/esm/components/Tabs/OverflowTab.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { Menu, MenuContent, MenuList, MenuItem } from '../Menu';
 import { TabsContext } from './TabsContext';
 import { TabTitleText } from './TabTitleText';
 export const OverflowTab = (_a) => {
-    var { className, overflowingTabs = [], showTabCount, defaultTitleText = 'More', toggleAriaLabel, zIndex = 9999, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0 } = _a, props = __rest(_a, ["className", "overflowingTabs", "showTabCount", "defaultTitleText", "toggleAriaLabel", "zIndex", "shouldPreventScrollOnItemFocus", "focusTimeoutDelay"]);
+    var { className, overflowingTabs = [], showTabCount, defaultTitleText = 'More', toggleAriaLabel, zIndex = 9999, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0, popperProps } = _a, props = __rest(_a, ["className", "overflowingTabs", "showTabCount", "defaultTitleText", "toggleAriaLabel", "zIndex", "shouldPreventScrollOnItemFocus", "focusTimeoutDelay", "popperProps"]);
     const menuRef = useRef(undefined);
     const overflowTabRef = useRef(undefined);
     const overflowLIRef = useRef(undefined);
@@ -61,7 +61,7 @@ export const OverflowTab = (_a) => {
         handleTabClick(event, key, selectedTabRef);
     };
     const overflowMenu = (_jsx(Menu, { ref: menuRef, onSelect: (ev, itemId) => onTabSelect(ev, itemId), children: _jsx(MenuContent, { children: _jsx(MenuList, { children: tabs }) }) }));
-    return (_jsxs(Fragment, { children: [overflowTab, _jsx(Popper, { triggerRef: overflowTabRef, popper: overflowMenu, popperRef: menuRef, isVisible: isExpanded, minWidth: "revert", appendTo: overflowLIRef.current, zIndex: zIndex })] }));
+    return (_jsxs(Fragment, { children: [overflowTab, _jsx(Popper, Object.assign({ triggerRef: overflowTabRef, popper: overflowMenu, popperRef: menuRef, isVisible: isExpanded, minWidth: "revert", appendTo: overflowLIRef.current, zIndex: zIndex }, popperProps))] }));
 };
 OverflowTab.displayName = 'OverflowTab';
 //# sourceMappingURL=OverflowTab.js.map

package/dist/esm/components/Tabs/OverflowTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OverflowTab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,MAAM,8DAA0D;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;~~AAqB9C~~,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,~~EAUpD~~,EAAE,EAAE;~~QAVgD~~,EACrE,SAAS,EACT,eAAe,GAAG,EAAE,EACpB,YAAY,EACZ,gBAAgB,GAAG,MAAM,EACzB,eAAe,EACf,MAAM,GAAG,IAAI,EACb,8BAA8B,GAAG,IAAI,EACrC,iBAAiB,GAAG,CAAC,~~OAEJ~~,EADd,KAAK,~~cAT6D~~,~~wJAUtE~~,CADS;IAER,MAAM,OAAO,GAAG,MAAM,CAAiB,SAAS,CAAC,CAAC;IAClD,MAAM,cAAc,GAAG,MAAM,CAAoB,SAAS,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,MAAM,CAAgB,SAAS,CAAC,CAAC;IAEvD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEnE,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,EAAiB,EAAE,EAAE;;QAC3C,MAAM,uBAAuB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,CAAC;QAC9E,IAAI,UAAU,IAAI,uBAAuB,IAAI,EAAE,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACjE,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,EAAc,EAAE,EAAE;;QACrC,MAAM,kBAAkB,GAAG,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,CAAA,CAAC;QAC1E,MAAM,yBAAyB,GAAG,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,0CAAE,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,CAAA,CAAC;QACxF,IAAI,UAAU,IAAI,kBAAkB,IAAI,yBAAyB,EAAE,CAAC;YAClE,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAC9C,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;QAEnD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;YACjD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;IAE1C,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,KAAK,cAAc,CAAC,CAAC;IACnF,MAAM,QAAQ,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAE3E,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,aAAa,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC;QACnD,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE,CAAC;gBACrB,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAC;gBACvF,YAAY,IAAK,YAA4B,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,8BAA8B,EAAE,CAAC,CAAC;YACzG,CAAC;QACH,CAAC,EAAE,iBAAiB,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAClB,2BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,EAC9G,IAAI,EAAC,cAAc,EACnB,GAAG,EAAE,aAAa,IACd,KAAK,cAET,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,EACxE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,gBACf,eAAe,mBACb,MAAM,mBACL,UAAU,EACzB,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,cAAc,aAEnB,MAAC,YAAY,eACV,QAAQ,EACR,YAAY,IAAI,QAAQ,KAAK,gBAAgB,IAAI,KAAK,eAAe,CAAC,MAAM,GAAG,IACnE,EACf,eAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,YACxC,KAAC,cAAc,KAAG,GACb,IACA,IACN,CACN,CAAC;IAEF,MAAM,IAAI,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACxC,KAAC,QAAQ,IAAoB,MAAM,EAAE,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,cAAc,KAAK,GAAG,CAAC,QAAQ,YAC3F,GAAG,CAAC,KAAK,IADG,GAAG,CAAC,QAAQ,CAEhB,CACZ,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,KAAgD,EAAE,GAAoB,EAAE,EAAE;QAC7F,SAAS,EAAE,CAAC;QACZ,MAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC;QACzF,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,KAAC,IAAI,IAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,EAA+C,EAAE,MAAM,CAAC,YAChH,KAAC,WAAW,cACV,KAAC,QAAQ,cAAE,IAAI,GAAY,GACf,GACT,CACR,CAAC;IAEF,OAAO,CACL,MAAC,QAAQ,eACN,WAAW,EACZ,KAAC,MAAM,~~IACL~~,UAAU,EAAE,cAAc,EAC1B,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAE,aAAa,CAAC,OAAO,EAC/B,MAAM,EAAE,MAAM,~~GACd~~,IACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
1	+ {"version":3,"file":"OverflowTab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Tabs/Tab.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,EACtF,SAAS;IACX,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6FAA6F;IAC7F,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,2GAA2G;IAC3G,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,qFAAqF;IACrF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;~~AAiGD~~,eAAO,MAAM,GAAG,uGAA8F,CAAC"}
1	+ {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,EACtF,SAAS;IACX,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6FAA6F;IAC7F,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,2GAA2G;IAC3G,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,qFAAqF;IACrF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAqGD,eAAO,MAAM,GAAG,uGAA8F,CAAC"}

package/dist/esm/components/Tabs/Tab.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, forwardRef } from 'react';
+import { useContext, forwardRef, useEffect } from 'react';
 import styles from '@patternfly/react-styles/css/components/Tabs/tabs.mjs';
 import { TabButton } from './TabButton';
 import { TabsContext } from './TabsContext';
@@ -13,7 +13,7 @@ const TabBase = (_a) => {
     const preventedEvents = inoperableEvents.reduce((handlers, eventToPrevent) => (Object.assign(Object.assign({}, handlers), { [eventToPrevent]: (event) => {
             event.preventDefault();
         } })), {});
-    const { mountOnEnter, localActiveKey, unmountOnExit, uniqueId, handleTabClick, handleTabClose } = useContext(TabsContext);
+    const { mountOnEnter, localActiveKey, unmountOnExit, uniqueId, setAccentStyles, handleTabClick, handleTabClose } = useContext(TabsContext);
     let ariaControls = tabContentId ? `${tabContentId}` : `pf-tab-section-${eventKey}-${childId || uniqueId}`;
     if ((mountOnEnter || unmountOnExit) && eventKey !== localActiveKey) {
         ariaControls = undefined;
@@ -28,6 +28,9 @@ const TabBase = (_a) => {
         }
     };
     const tabButton = (_jsx(TabButton, Object.assign({ parentInnerRef: innerRef, className: css(styles.tabsLink, isDisabled && href && styles.modifiers.disabled, isAriaDisabled && styles.modifiers.ariaDisabled), disabled: isButtonElement ? isDisabled : null, "aria-disabled": isDisabled || isAriaDisabled, tabIndex: getDefaultTabIdx(), onClick: (event) => handleTabClick(event, eventKey, tabContentRef) }, (isAriaDisabled ? preventedEvents : null), { id: `pf-tab-${eventKey}-${childId || uniqueId}`, "aria-controls": ariaControls, tabContentRef: tabContentRef, ouiaId: childOuiaId, href: href, role: "tab", "aria-selected": eventKey === localActiveKey }, props, { children: title })));
+    useEffect(() => {
+        setAccentStyles(true);
+    }, [title, actions]);
     return (_jsxs("li", { className: css(styles.tabsItem, eventKey === localActiveKey && styles.modifiers.current, (handleTabClose || actions) && styles.modifiers.action, (isDisabled || isAriaDisabled) && styles.modifiers.disabled, childClassName), role: "presentation", children: [tooltip ? _jsx(Tooltip, Object.assign({}, tooltip.props, { children: tabButton })) : tabButton, actions && actions, handleTabClose !== undefined && (_jsx(TabAction, { "aria-label": closeButtonAriaLabel || 'Close tab', onClick: (event) => handleTabClose(event, eventKey, tabContentRef), isDisabled: isCloseDisabled, children: _jsx(TimesIcon, {}) }))] }));
 };
 export const Tab = forwardRef((props, ref) => _jsx(TabBase, Object.assign({ innerRef: ref }, props)));

package/dist/esm/components/Tabs/Tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;~~AAC/C~~,OAAO,MAAM,8DAA0D;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAyCxC,MAAM,OAAO,GAAsC,CAAC,EAkBzC,EAAE,EAAE;QAlBqC,EAClD,KAAK,EACL,QAAQ,EACR,aAAa,EACb,EAAE,EAAE,OAAO,EACX,YAAY,EACZ,SAAS,EAAE,cAAc,GAAG,EAAE,EAC9B,MAAM,EAAE,WAAW,EACnB,UAAU,EACV,cAAc,EACd,gBAAgB,GAAG,CAAC,SAAS,EAAE,YAAY,CAAC,EAC5C,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,oBAAoB,EACpB,eAAe,GAAG,KAAK,EACvB,OAAO,OAEE,EADN,KAAK,cAjB0C,4NAkBnD,CADS;IAER,MAAM,eAAe,GAAG,gBAAgB,CAAC,MAAM,CAC7C,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,CAAC,iCACzB,QAAQ,KACX,CAAC,cAAc,CAAC,EAAE,CAAC,KAA8C,EAAE,EAAE;YACnE,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,IACD,EACF,EAAE,CACH,CAAC;IACF,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,~~GAC7F~~,UAAU,CAAC,WAAW,CAAC,CAAC;IAC1B,IAAI,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC,kBAAkB,QAAQ,IAAI,OAAO,IAAI,QAAQ,EAAE,CAAC;IAC1G,IAAI,CAAC,YAAY,IAAI,aAAa,CAAC,IAAI,QAAQ,KAAK,cAAc,EAAE,CAAC;QACnE,YAAY,GAAG,SAAS,CAAC;IAC3B,CAAC;IACD,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrC,CAAC;aAAM,IAAI,cAAc,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAChB,KAAC,SAAS,kBACR,cAAc,EAAE,QAAQ,EACxB,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,QAAQ,EACf,UAAU,IAAI,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAC/C,cAAc,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,CAChD,EACD,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,mBAC9B,UAAU,IAAI,cAAc,EAC3C,QAAQ,EAAE,gBAAgB,EAAE,EAC5B,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,CAAC,IACnE,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,IAC7C,EAAE,EAAE,UAAU,QAAQ,IAAI,OAAO,IAAI,QAAQ,EAAE,mBAChC,YAAY,EAC3B,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,KAAK,mBACK,QAAQ,KAAK,cAAc,IACtC,KAAK,cAER,KAAK,IACI,CACb,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,QAAQ,EACf,QAAQ,KAAK,cAAc,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACvD,CAAC,cAAc,IAAI,OAAO,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EACtD,CAAC,UAAU,IAAI,cAAc,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAC3D,cAAc,CACf,EACD,IAAI,EAAC,cAAc,aAElB,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,oBAAK,OAAO,CAAC,KAAK,cAAG,SAAS,IAAW,CAAC,CAAC,CAAC,SAAS,EACvE,OAAO,IAAI,OAAO,EAClB,cAAc,KAAK,SAAS,IAAI,CAC/B,KAAC,SAAS,kBACI,oBAAoB,IAAI,WAAW,EAC/C,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,CAAC,EACvE,UAAU,EAAE,eAAe,YAE3B,KAAC,SAAS,KAAG,GACH,CACb,IACE,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAAC,CAAC,KAAe,EAAE,GAAmB,EAAE,EAAE,CAAC,KAAC,OAAO,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC,CAAC;AAC/G,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
1	+ {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Tabs/Tabs.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@
 import { Component } from 'react';
 import { PickOptional } from '../../helpers/typeUtils';
 import { TabProps } from './Tab';
+import { HorizontalOverflowPopperProps } from './OverflowTab';
 import { OUIAProps } from '../../helpers';
 export declare enum TabsComponent {
     div = "div",
@@ -14,6 +15,8 @@ export interface HorizontalOverflowObject {
     defaultTitleText?: string;
     /** The aria label applied to the button which toggles the tab overflow menu */
     toggleAriaLabel?: string;
+    /** Additional props to spread to the popper menu. */
+    popperProps?: HorizontalOverflowPopperProps;
 }
 type TabElement = React.ReactElement<TabProps, React.JSXElementConstructor<TabProps>>;
 type TabsChild = TabElement | boolean | null | undefined;
@@ -38,6 +41,8 @@ export interface TabsProps extends Omit<React.HTMLProps<HTMLElement | HTMLDivEle
     addButtonAriaLabel?: string;
     /** Uniquely identifies the tabs */
     id?: string;
+    /** Flag indicating that the add button is disabled when onAdd is passed in */
+    isAddButtonDisabled?: boolean;
     /** Enables the filled tab list layout */
     isFilled?: boolean;
     /** Enables subtab tab styling */
@@ -117,6 +122,9 @@ interface TabsState {
     uncontrolledIsExpandedLocal: boolean;
     ouiaStateId: string;
     overflowingTabCount: number;
+    isInitializingAccent: boolean;
+    currentLinkAccentLength: string;
+    currentLinkAccentStart: string;
 }
 declare class Tabs extends Component<TabsProps, TabsState> {
     static displayName: string;
@@ -132,6 +140,8 @@ declare class Tabs extends Component<TabsProps, TabsState> {
     scrollBack: () => void;
     scrollForward: () => void;
     hideScrollButtons: () => void;
+    setAccentStyles: (shouldInitializeStyle?: boolean) => void;
+    handleResize: () => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: TabsProps, prevState: TabsState): void;

package/dist/esm/components/Tabs/Tabs.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,SAAS,EAA6B,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;~~AAMvD~~,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;~~AAIjC~~,OAAO,EAAgB,SAAS,EAA+B,MAAM,eAAe,CAAC;~~AAGrF~~,oBAAY,aAAa;IACvB,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;~~AAED~~,MAAM,WAAW,wBAAwB;IACvC,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;~~CAC1B~~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~~CAC7B~~;AAED,cAAM,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAChD,MAAM,CAAC,WAAW,SAAU;IAC5B,OAAO,8CAAiC;IACxC,mBAAmB,+CAAkC;IACrD,OAAO,CAAC,SAAS,CAAS;gBACd,KAAK,EAAE,SAAS;~~IA0B5B~~,aAAa,EAAE,MAAM,CAAC,OAAO,CAAQ;IAErC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,SAAS,CAAC,CAmB1C;IAEF,cAAc,CACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAChD,QAAQ,EAAE,MAAM,GAAG,MAAM,EACzB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC;IA+BrC,wBAAwB,cAAe,gBAAgB,YAGrD;IAEF,mBAAmB,aAkCjB;IAEF,UAAU,aAwBR;IAEF,aAAa,aAuBX;IAEF,iBAAiB,aAKf;IAEF,iBAAiB;~~IAWjB~~,oBAAoB;IAUpB,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;~~IAmC7D~~,MAAM,CAAC,wBAAwB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;;;;IAqB1E,MAAM;~~CA8LP~~;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
1	+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Tabs/Tabs.js CHANGED Viewed

@@ -6,13 +6,15 @@ import { css } from '@patternfly/react-styles';
 import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
 import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
 import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
-import { getUniqueId, isElementInView, formatBreakpointMods, getLanguageDirection } from '../../helpers/util';
+import { getUniqueId, isElementInView, formatBreakpointMods, getLanguageDirection, getInlineStartProperty } from '../../helpers/util';
 import { TabContent } from './TabContent';
 import { TabsContextProvider } from './TabsContext';
 import { OverflowTab } from './OverflowTab';
 import { Button } from '../Button';
 import { getOUIAProps, getDefaultOUIAId, canUseDOM } from '../../helpers';
 import { GenerateId } from '../../helpers/GenerateId/GenerateId';
+import linkAccentLength from '@patternfly/react-tokens/dist/esm/c_tabs_link_accent_length';
+import linkAccentStart from '@patternfly/react-tokens/dist/esm/c_tabs_link_accent_start';
 export var TabsComponent;
 (function (TabsComponent) {
     TabsComponent["div"] = "div";
@@ -120,6 +122,24 @@ class Tabs extends Component {
                 this.setState({ renderScrollButtons: false });
             }
         };
+        this.setAccentStyles = (shouldInitializeStyle) => {
+            const currentItem = this.tabList.current.querySelector('li.pf-m-current');
+            if (!currentItem) {
+                return;
+            }
+            const { isVertical } = this.props;
+            const { offsetWidth, offsetHeight, offsetTop } = currentItem;
+            const lengthValue = isVertical ? offsetHeight : offsetWidth;
+            const startValue = isVertical ? offsetTop : getInlineStartProperty(currentItem, this.tabList.current);
+            this.setState(Object.assign({ currentLinkAccentLength: `${lengthValue}px`, currentLinkAccentStart: `${startValue}px` }, (shouldInitializeStyle && { isInitializingAccent: true })));
+            setTimeout(() => {
+                this.setState({ isInitializingAccent: false });
+            }, 0);
+        };
+        this.handleResize = () => {
+            this.handleScrollButtons();
+            this.setAccentStyles();
+        };
         this.state = {
             enableScrollButtons: false,
             showScrollButtons: false,
@@ -130,7 +150,10 @@ class Tabs extends Component {
             uncontrolledActiveKey: this.props.defaultActiveKey,
             uncontrolledIsExpandedLocal: this.props.defaultIsExpanded,
             ouiaStateId: getDefaultOUIAId(Tabs.displayName),
-            overflowingTabCount: 0
+            overflowingTabCount: 0,
+            isInitializingAccent: true,
+            currentLinkAccentLength: linkAccentLength.value,
+            currentLinkAccentStart: linkAccentStart.value
         };
         if (this.props.isVertical && this.props.expandable !== undefined) {
             if (!this.props.toggleAriaLabel && !this.props.toggleText) {
@@ -171,26 +194,34 @@ class Tabs extends Component {
     componentDidMount() {
         if (!this.props.isVertical) {
             if (canUseDOM) {
-                window.addEventListener('resize', this.handleScrollButtons, false);
+                window.addEventListener('resize', this.handleResize, false);
             }
             this.direction = getLanguageDirection(this.tabList.current);
             // call the handle resize function to check if scroll buttons should be shown
             this.handleScrollButtons();
         }
+        this.setAccentStyles(true);
     }
     componentWillUnmount() {
         var _a;
         if (!this.props.isVertical) {
             if (canUseDOM) {
-                window.removeEventListener('resize', this.handleScrollButtons, false);
+                window.removeEventListener('resize', this.handleResize, false);
             }
         }
         clearTimeout(this.scrollTimeout);
         (_a = this.leftScrollButtonRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('transitionend', this.hideScrollButtons);
     }
     componentDidUpdate(prevProps, prevState) {
-        const { activeKey, mountOnEnter, isOverflowHorizontal, children } = this.props;
-        const { shownKeys, overflowingTabCount, enableScrollButtons } = this.state;
+        this.direction = getLanguageDirection(this.tabList.current);
+        const { activeKey, mountOnEnter, isOverflowHorizontal, children, defaultActiveKey } = this.props;
+        const { shownKeys, overflowingTabCount, enableScrollButtons, uncontrolledActiveKey } = this.state;
+        const isOnCloseUpdate = !!prevProps.onClose !== !!this.props.onClose;
+        if ((defaultActiveKey !== undefined && prevState.uncontrolledActiveKey !== uncontrolledActiveKey) ||
+            (defaultActiveKey === undefined && prevProps.activeKey !== activeKey) ||
+            isOnCloseUpdate) {
+            this.setAccentStyles(isOnCloseUpdate);
+        }
         if (prevProps.activeKey !== activeKey && mountOnEnter && shownKeys.indexOf(activeKey) < 0) {
             this.setState({
                 shownKeys: shownKeys.concat(activeKey)
@@ -200,6 +231,7 @@ class Tabs extends Component {
             children &&
             Children.toArray(prevProps.children).length !== Children.toArray(children).length) {
             this.handleScrollButtons();
+            this.setAccentStyles(true);
         }
         const currentOverflowingTabCount = this.countOverflowingElements(this.tabList.current);
         if (isOverflowHorizontal && currentOverflowingTabCount) {
@@ -208,15 +240,16 @@ class Tabs extends Component {
         if (!prevState.enableScrollButtons && enableScrollButtons) {
             this.setState({ renderScrollButtons: true });
             setTimeout(() => {
-                var _a;
-                (_a = this.leftScrollButtonRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('transitionend', this.hideScrollButtons);
+                var _a, _b;
+                // Remove any existing listener before adding a new one to prevent accumulation
+                (_a = this.leftScrollButtonRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('transitionend', this.hideScrollButtons);
+                (_b = this.leftScrollButtonRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('transitionend', this.hideScrollButtons);
                 this.setState({ showScrollButtons: true });
             }, 100);
         }
         else if (prevState.enableScrollButtons && !enableScrollButtons) {
             this.setState({ showScrollButtons: false });
         }
-        this.direction = getLanguageDirection(this.tabList.current);
     }
     static getDerivedStateFromProps(nextProps, prevState) {
         if (prevState.uncontrolledActiveKey === undefined) {
@@ -236,8 +269,8 @@ class Tabs extends Component {
         };
     }
     render() {
-        const _a = this.props, { className, children, activeKey, defaultActiveKey, id, isFilled, isSubtab, isVertical, isBox, hasNoBorderBottom, leftScrollAriaLabel, rightScrollAriaLabel, backScrollAriaLabel, forwardScrollAriaLabel, 'aria-label': ariaLabel, component, ouiaId, ouiaSafe, mountOnEnter, unmountOnExit, usePageInsets, inset, variant, expandable, isExpanded, defaultIsExpanded, toggleText, toggleAriaLabel, addButtonAriaLabel, onToggle, onClose, onAdd, isOverflowHorizontal: isOverflowHorizontal } = _a, props = __rest(_a, ["className", "children", "activeKey", "defaultActiveKey", "id", "isFilled", "isSubtab", "isVertical", "isBox", "hasNoBorderBottom", "leftScrollAriaLabel", "rightScrollAriaLabel", "backScrollAriaLabel", "forwardScrollAriaLabel", 'aria-label', "component", "ouiaId", "ouiaSafe", "mountOnEnter", "unmountOnExit", "usePageInsets", "inset", "variant", "expandable", "isExpanded", "defaultIsExpanded", "toggleText", "toggleAriaLabel", "addButtonAriaLabel", "onToggle", "onClose", "onAdd", "isOverflowHorizontal"]);
-        const { showScrollButtons, renderScrollButtons, disableBackScrollButton, disableForwardScrollButton, shownKeys, uncontrolledActiveKey, uncontrolledIsExpandedLocal, overflowingTabCount } = this.state;
+        const _a = this.props, { className, children, activeKey, defaultActiveKey, id, isAddButtonDisabled, isFilled, isSubtab, isVertical, isBox, hasNoBorderBottom, leftScrollAriaLabel, rightScrollAriaLabel, backScrollAriaLabel, forwardScrollAriaLabel, 'aria-label': ariaLabel, component, ouiaId, ouiaSafe, mountOnEnter, unmountOnExit, usePageInsets, inset, variant, expandable, isExpanded, defaultIsExpanded, toggleText, toggleAriaLabel, addButtonAriaLabel, onToggle, onClose, onAdd, isOverflowHorizontal: isOverflowHorizontal } = _a, props = __rest(_a, ["className", "children", "activeKey", "defaultActiveKey", "id", "isAddButtonDisabled", "isFilled", "isSubtab", "isVertical", "isBox", "hasNoBorderBottom", "leftScrollAriaLabel", "rightScrollAriaLabel", "backScrollAriaLabel", "forwardScrollAriaLabel", 'aria-label', "component", "ouiaId", "ouiaSafe", "mountOnEnter", "unmountOnExit", "usePageInsets", "inset", "variant", "expandable", "isExpanded", "defaultIsExpanded", "toggleText", "toggleAriaLabel", "addButtonAriaLabel", "onToggle", "onClose", "onAdd", "isOverflowHorizontal"]);
+        const { showScrollButtons, renderScrollButtons, disableBackScrollButton, disableForwardScrollButton, shownKeys, uncontrolledActiveKey, uncontrolledIsExpandedLocal, overflowingTabCount, isInitializingAccent, currentLinkAccentLength, currentLinkAccentStart } = this.state;
         const filteredChildren = Children.toArray(children)
             .filter((child) => isValidElement(child))
             .filter(({ props }) => !props.isHidden);
@@ -265,9 +298,10 @@ class Tabs extends Component {
                 unmountOnExit,
                 localActiveKey,
                 uniqueId,
+                setAccentStyles: this.setAccentStyles,
                 handleTabClick: (...args) => this.handleTabClick(...args),
                 handleTabClose: onClose
-            }, children: [_jsxs(Component, Object.assign({ "aria-label": ariaLabel, className: css(styles.tabs, isFilled && styles.modifiers.fill, isSubtab && styles.modifiers.subtab, isVertical && styles.modifiers.vertical, isVertical && expandable && formatBreakpointMods(expandable, styles), isVertical && expandable && isExpandedLocal && styles.modifiers.expanded, isBox && styles.modifiers.box, showScrollButtons && styles.modifiers.scrollable, usePageInsets && styles.modifiers.pageInsets, hasNoBorderBottom && styles.modifiers.noBorderBottom, formatBreakpointMods(inset, styles), variantStyle[variant], hasOverflowTab && styles.modifiers.overflow, className) }, getOUIAProps(Tabs.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), { id: id && id }, props, { children: [expandable && isVertical && (_jsx(GenerateId, { children: (randomId) => (_jsx("div", { className: css(styles.tabsToggle), children: _jsx("div", { className: css(styles.tabsToggleButton), children: _jsx(Button, { onClick: (event) => toggleTabs(event, !isExpandedLocal), variant: "plain", "aria-label": toggleAriaLabel, "aria-expanded": isExpandedLocal, id: `${randomId}-button`, "aria-labelledby": `${randomId}-text ${randomId}-button`, icon: _jsx("span", { className: css(styles.tabsToggleIcon), children: _jsx(AngleRightIcon, {}) }), children: toggleText && _jsx("span", { id: `${randomId}-text`, children: toggleText }) }) }) })) })), renderScrollButtons && (_jsx("div", { className: css(styles.tabsScrollButton), children: _jsx(Button, { "aria-label": backScrollAriaLabel || leftScrollAriaLabel, onClick: this.scrollBack, isDisabled: disableBackScrollButton, "aria-hidden": disableBackScrollButton, ref: this.leftScrollButtonRef, variant: "plain", icon: _jsx(AngleLeftIcon, {}) }) })), _jsxs("ul", { className: css(styles.tabsList), ref: this.tabList, onScroll: this.handleScrollButtons, role: "tablist", children: [isOverflowHorizontal ? filteredChildrenWithoutOverflow : filteredChildren, hasOverflowTab && _jsx(OverflowTab, Object.assign({ overflowingTabs: overflowingTabProps }, overflowObjectProps))] }), renderScrollButtons && (_jsx("div", { className: css(styles.tabsScrollButton), children: _jsx(Button, { "aria-label": forwardScrollAriaLabel || rightScrollAriaLabel, onClick: this.scrollForward, isDisabled: disableForwardScrollButton, "aria-hidden": disableForwardScrollButton, variant: "plain", icon: _jsx(AngleRightIcon, {}) }) })), onAdd !== undefined && (_jsx("span", { className: css(styles.tabsAdd), children: _jsx(Button, { variant: "plain", "aria-label": addButtonAriaLabel || 'Add tab', onClick: onAdd, icon: _jsx(PlusIcon, {}) }) }))] })), filteredChildren
+            }, children: [_jsxs(Component, Object.assign({ "aria-label": ariaLabel, className: css(styles.tabs, styles.modifiers.animateCurrent, isFilled && styles.modifiers.fill, isSubtab && styles.modifiers.subtab, isVertical && styles.modifiers.vertical, isVertical && expandable && formatBreakpointMods(expandable, styles), isVertical && expandable && isExpandedLocal && styles.modifiers.expanded, isBox && styles.modifiers.box, showScrollButtons && styles.modifiers.scrollable, usePageInsets && styles.modifiers.pageInsets, hasNoBorderBottom && styles.modifiers.noBorderBottom, formatBreakpointMods(inset, styles), variantStyle[variant], hasOverflowTab && styles.modifiers.overflow, isInitializingAccent && styles.modifiers.initializingAccent, className) }, getOUIAProps(Tabs.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), { id: id && id, style: { [linkAccentLength.name]: currentLinkAccentLength, [linkAccentStart.name]: currentLinkAccentStart } }, props, { children: [expandable && isVertical && (_jsx(GenerateId, { children: (randomId) => (_jsx("div", { className: css(styles.tabsToggle), children: _jsx("div", { className: css(styles.tabsToggleButton), children: _jsx(Button, { onClick: (event) => toggleTabs(event, !isExpandedLocal), variant: "plain", "aria-label": toggleAriaLabel, "aria-expanded": isExpandedLocal, id: `${randomId}-button`, "aria-labelledby": `${randomId}-text ${randomId}-button`, icon: _jsx("span", { className: css(styles.tabsToggleIcon), children: _jsx(AngleRightIcon, {}) }), children: toggleText && _jsx("span", { id: `${randomId}-text`, children: toggleText }) }) }) })) })), renderScrollButtons && (_jsx("div", { className: css(styles.tabsScrollButton), children: _jsx(Button, { "aria-label": backScrollAriaLabel || leftScrollAriaLabel, onClick: this.scrollBack, isDisabled: disableBackScrollButton, "aria-hidden": disableBackScrollButton, ref: this.leftScrollButtonRef, variant: "plain", icon: _jsx(AngleLeftIcon, {}) }) })), _jsxs("ul", { className: css(styles.tabsList), ref: this.tabList, onScroll: this.handleScrollButtons, role: "tablist", children: [isOverflowHorizontal ? filteredChildrenWithoutOverflow : filteredChildren, hasOverflowTab && _jsx(OverflowTab, Object.assign({ overflowingTabs: overflowingTabProps }, overflowObjectProps))] }), renderScrollButtons && (_jsx("div", { className: css(styles.tabsScrollButton), children: _jsx(Button, { "aria-label": forwardScrollAriaLabel || rightScrollAriaLabel, onClick: this.scrollForward, isDisabled: disableForwardScrollButton, "aria-hidden": disableForwardScrollButton, variant: "plain", icon: _jsx(AngleRightIcon, {}) }) })), onAdd !== undefined && (_jsx("span", { className: css(styles.tabsAdd), children: _jsx(Button, { variant: "plain", "aria-label": addButtonAriaLabel || 'Add tab', onClick: onAdd, icon: _jsx(PlusIcon, {}), isDisabled: isAddButtonDisabled }) }))] })), filteredChildren
                     .filter((child) => child.props.children &&
                     !(unmountOnExit && child.props.eventKey !== localActiveKey) &&
                     !(mountOnEnter && shownKeys.indexOf(child.props.eventKey) === -1))