@rescui/tab-list 0.2.0 → 0.5.0

package/lib/parts/chip-list-context.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 export declare type ChipListValueType = string | number | symbol;
 export declare type ChipListContextType = {
-    fullText?: boolean;
     onChange: (value: ChipListValueType) => void;
     selectedId?: number;
 };

package/lib/parts/chip-list-context.js

@@ -1,6 +1,6 @@
 import { createContext, useContext } from 'react';
 var ChipListContext = /*#__PURE__*/createContext({
-  fullText: false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   onChange: function onChange() {},
   selectedId: 0
 });

package/lib/parts/chip-list.d.ts

@@ -5,8 +5,6 @@ export declare type ChipListSizeType = 'l' | 'm' | 's';
 export declare type ChipListModeType = 'classic' | 'rock';
 export declare type InnerChipListProps = {
     className?: string;
-    /** @ignore */
-    fullText?: boolean;
     size?: ChipListSizeType;
     /** Increase inner horizontal offset between the chips. */
     sparse?: boolean;
@@ -21,5 +19,14 @@ export declare type InnerChipListProps = {
     activeNodeRef?: React.MutableRefObject<HTMLElement>;
     containerRef?: React.MutableRefObject<HTMLDivElement>;
 };
-export declare const ChipList: React.FC<import("./with-scroll-arrows").WithScrollArrowsProps<string | number | symbol> & Pick<InnerChipListProps, "size" | "sparse" | "className" | "mode" | "fullText" | "data-e2e">>;
+export declare const ChipList: {
+    <OT extends ChipListValueType>({ compareValues, value, onChange, children, theme: themeFromProps, arrowBackgroundColor, ["data-e2e"]: e2eId, ...restProps }: React.PropsWithChildren<import("./with-scroll-arrows").WithScrollArrowsProps<OT> & {
+        size?: ChipListSizeType;
+        sparse?: boolean;
+        className?: string;
+        mode?: ChipListModeType;
+        'data-e2e'?: string;
+    }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
 export default ChipList;

package/lib/parts/chip-list.js

@@ -20,8 +20,6 @@ var InnerChipList = function InnerChipList(_ref) {
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
       theme = _ref.theme,
-      _ref$fullText = _ref.fullText,
-      fullText = _ref$fullText === void 0 ? false : _ref$fullText,
       onChange = _ref.onChange,
       children = _ref.children,
       selectedId = _ref.selectedId,
@@ -29,7 +27,6 @@ var InnerChipList = function InnerChipList(_ref) {
       e2eId = _ref['data-e2e'];
   return /*#__PURE__*/React.createElement(ChipListContext.Provider, {
     value: {
-      fullText: fullText,
       onChange: onChange,
       selectedId: selectedId
     }
@@ -42,14 +39,15 @@ var InnerChipList = function InnerChipList(_ref) {
 };
 
 InnerChipList.displayName = 'ChipList';
-var ChipList = withScrollArrows(InnerChipList, Chip, 'calc(100% + 8px)');
+var ChipList = withScrollArrows(InnerChipList, Chip, 'calc(100% + 8px)'); // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+// @ts-ignore
+
 ChipList.propTypes = {
   size: PropTypes.oneOf(['s', 'm', 'l']),
   sparse: PropTypes.bool,
   theme: PropTypes.oneOf(['light', 'dark']),
   className: PropTypes.string,
   mode: PropTypes.oneOf(['classic', 'rock']),
-  fullText: PropTypes.bool,
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.symbol]),
   onChange: PropTypes.func,
   compareValues: PropTypes.func,

package/lib/parts/chip-list.module.pcss.js

@@ -1,19 +1,21 @@
 var styles = {
-  "chipsContainer": "_chipsContainer_3bwqzi_9",
-  "chip": "_chip_3bwqzi_9",
-  "light": "_light_3bwqzi_49",
-  "dark": "_dark_3bwqzi_54",
-  "sizeS": "_sizeS_3bwqzi_63",
-  "sizeM": "_sizeM_3bwqzi_69",
-  "sizeL": "_sizeL_3bwqzi_75",
-  "selected": "_selected_3bwqzi_59",
-  "withoutText": "_withoutText_3bwqzi_60",
-  "rock": "_rock_3bwqzi_81",
-  "classic": "_classic_3bwqzi_143",
-  "innerOffsetM": "_innerOffsetM_3bwqzi_205",
-  "innerOffsetL": "_innerOffsetL_3bwqzi_213",
-  "icon": "_icon_3bwqzi_231",
-  "iconLeft": "_iconLeft_3bwqzi_235",
-  "iconRight": "_iconRight_3bwqzi_236"
+  "chipsContainer": "_chipsContainer_675g9w_9",
+  "chip": "_chip_675g9w_9",
+  "light": "_light_675g9w_49",
+  "dark": "_dark_675g9w_54",
+  "sizeXs": "_sizeXs_675g9w_1",
+  "sizeS": "_sizeS_675g9w_63",
+  "sizeM": "_sizeM_675g9w_69",
+  "sizeL": "_sizeL_675g9w_75",
+  "selected": "_selected_675g9w_59",
+  "withoutText": "_withoutText_675g9w_60",
+  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_675g9w_1",
+  "rock": "_rock_675g9w_81",
+  "classic": "_classic_675g9w_143",
+  "innerOffsetM": "_innerOffsetM_675g9w_205",
+  "innerOffsetL": "_innerOffsetL_675g9w_213",
+  "icon": "_icon_675g9w_231",
+  "iconLeft": "_iconLeft_675g9w_235",
+  "iconRight": "_iconRight_675g9w_236"
 };
 export default styles;

package/lib/parts/chip.d.ts

@@ -22,37 +22,5 @@ export declare type ChipProps = {
     icon?: never;
     iconPosition?: never;
 });
-declare const Chip: React.ForwardRefExoticComponent<({
-    className?: string;
-    value?: ChipListValueType;
-    /** @ignore */
-    itemId?: number;
-    /** @ignore */
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    /** @ignore */
-    onMouseDown?: React.MouseEventHandler<HTMLElement>;
-    /** Identifier for e2e tests */
-    'data-e2e'?: string;
-    children?: React.ReactNode;
-} & {
-    /** Additional icon */
-    icon: React.ReactNode;
-    /** Additional icon position */
-    iconPosition?: ChipIconPosition;
-} & React.RefAttributes<HTMLDivElement>) | ({
-    className?: string;
-    value?: ChipListValueType;
-    /** @ignore */
-    itemId?: number;
-    /** @ignore */
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    /** @ignore */
-    onMouseDown?: React.MouseEventHandler<HTMLElement>;
-    /** Identifier for e2e tests */
-    'data-e2e'?: string;
-    children?: React.ReactNode;
-} & {
-    icon?: never;
-    iconPosition?: never;
-} & React.RefAttributes<HTMLDivElement>)>;
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
 export default Chip;

package/lib/parts/chip.js

@@ -1,7 +1,17 @@
+import "core-js/modules/web.dom-collections.for-each.js";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "className", "children", "icon", "iconPosition", "itemId", "onFocus", "onMouseDown", "data-e2e"];
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 import React, { forwardRef, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
@@ -28,15 +38,14 @@ var Chip = /*#__PURE__*/forwardRef(function (_ref, ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var _useChipListContext = useChipListContext(),
-      fullText = _useChipListContext.fullText,
       onChange = _useChipListContext.onChange,
       selectedId = _useChipListContext.selectedId;
 
   var selected = itemId === selectedId;
   var isRenderLeftIcon = icon && iconPosition === 'left';
   var isRenderRightIcon = icon && iconPosition === 'right';
-  return /*#__PURE__*/React.createElement("div", _Object$assign({}, restProps, {
-    className: cn(styles.chip, (_cn = {}, _defineProperty(_cn, styles.selected, selected), _defineProperty(_cn, styles.fullText, fullText), _defineProperty(_cn, styles.withoutText, isWithoutChildren(children)), _cn), className),
+  return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({}, restProps), {}, {
+    className: cn(styles.chip, (_cn = {}, _defineProperty(_cn, styles.selected, selected), _defineProperty(_cn, styles.withoutText, isWithoutChildren(children)), _cn), className),
     onClick: function onClick() {
       return onChange(value);
     },

package/lib/parts/deep-map.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function deepMap(children: React.ReactNode, fn: (child: React.ReactNode) => React.ReactNode): {}[];
+export declare function deepMap(children: React.ReactNode, fn: (child: React.ReactNode) => React.ReactNode): (React.ReactChild | React.ReactFragment | React.ReactPortal)[];

package/lib/parts/separator.module.pcss.js

@@ -1,6 +1,6 @@
 var styles = {
-  "separator": "_separator_txxcqw_3",
-  "light": "_light_txxcqw_22",
-  "dark": "_dark_txxcqw_28"
+  "separator": "_separator_zbup9u_3",
+  "light": "_light_zbup9u_22",
+  "dark": "_dark_zbup9u_28"
 };
 export default styles;

package/lib/parts/tab-list-context.d.ts

@@ -2,7 +2,6 @@
 export declare type TabListValueType = string | number | symbol;
 export declare type TabListContextType = {
     short?: boolean;
-    fullText?: boolean;
     onChange: (value: TabListValueType) => void;
     selectedId?: number;
 };

package/lib/parts/tab-list-context.js

@@ -1,7 +1,7 @@
 import { createContext, useContext } from 'react';
 var TabListContext = /*#__PURE__*/createContext({
   short: false,
-  fullText: false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   onChange: function onChange() {},
   selectedId: 0
 });

package/lib/parts/tab-list.module.pcss.js

@@ -1,21 +1,21 @@
 var styles = {
-  "wrapper": "_wrapper_1hh50lk_9",
-  "tabsContainer": "_tabsContainer_1hh50lk_13",
-  "indicator": "_indicator_1hh50lk_19",
-  "light": "_light_1hh50lk_31",
-  "classic": "_classic_1hh50lk_31",
-  "dark": "_dark_1hh50lk_35",
-  "rock": "_rock_1hh50lk_39",
-  "tab": "_tab_1hh50lk_13",
-  "fullText": "_fullText_1hh50lk_99",
-  "sizeM": "_sizeM_1hh50lk_103",
-  "sizeL": "_sizeL_1hh50lk_108",
-  "innerOffsetM": "_innerOffsetM_1hh50lk_113",
-  "innerOffsetL": "_innerOffsetL_1hh50lk_121",
-  "short": "_short_1hh50lk_137",
-  "selected": "_selected_1hh50lk_145",
-  "icon": "_icon_1hh50lk_243",
-  "iconLeft": "_iconLeft_1hh50lk_247",
-  "iconRight": "_iconRight_1hh50lk_255"
+  "wrapper": "_wrapper_1fcqo6x_9",
+  "tabsContainer": "_tabsContainer_1fcqo6x_13",
+  "indicator": "_indicator_1fcqo6x_19",
+  "light": "_light_1fcqo6x_31",
+  "classic": "_classic_1fcqo6x_31",
+  "dark": "_dark_1fcqo6x_35",
+  "rock": "_rock_1fcqo6x_39",
+  "tab": "_tab_1fcqo6x_13",
+  "sizeM": "_sizeM_1fcqo6x_99",
+  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1fcqo6x_1",
+  "sizeL": "_sizeL_1fcqo6x_104",
+  "innerOffsetM": "_innerOffsetM_1fcqo6x_109",
+  "innerOffsetL": "_innerOffsetL_1fcqo6x_117",
+  "short": "_short_1fcqo6x_133",
+  "selected": "_selected_1fcqo6x_141",
+  "icon": "_icon_1fcqo6x_239",
+  "iconLeft": "_iconLeft_1fcqo6x_253",
+  "iconRight": "_iconRight_1fcqo6x_261"
 };
 export default styles;

package/lib/parts/tab.d.ts

@@ -22,37 +22,5 @@ export declare type TabProps = {
     icon?: never;
     iconPosition?: never;
 });
-declare const Tab: React.ForwardRefExoticComponent<({
-    className?: string;
-    value?: TabListValueType;
-    /** @ignore */
-    itemId?: number;
-    /** @ignore */
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    /** @ignore */
-    onMouseDown?: React.MouseEventHandler<HTMLElement>;
-    /** Identifier for e2e tests */
-    'data-e2e'?: string;
-    children?: React.ReactNode;
-} & {
-    /** Additional icon */
-    icon: React.ReactNode;
-    /** Additional icon position */
-    iconPosition?: TabIconPosition;
-} & React.RefAttributes<HTMLDivElement>) | ({
-    className?: string;
-    value?: TabListValueType;
-    /** @ignore */
-    itemId?: number;
-    /** @ignore */
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    /** @ignore */
-    onMouseDown?: React.MouseEventHandler<HTMLElement>;
-    /** Identifier for e2e tests */
-    'data-e2e'?: string;
-    children?: React.ReactNode;
-} & {
-    icon?: never;
-    iconPosition?: never;
-} & React.RefAttributes<HTMLDivElement>)>;
+declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;
 export default Tab;

package/lib/parts/tab.js

@@ -1,7 +1,17 @@
+import "core-js/modules/web.dom-collections.for-each.js";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "className", "children", "icon", "iconPosition", "itemId", "onFocus", "onMouseDown", "data-e2e"];
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 import React, { forwardRef, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
@@ -24,15 +34,14 @@ var Tab = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   var _useTabListContext = useTabListContext(),
       short = _useTabListContext.short,
-      fullText = _useTabListContext.fullText,
       onChange = _useTabListContext.onChange,
       selectedId = _useTabListContext.selectedId;
 
   var selected = itemId === selectedId;
   var isRenderLeftIcon = icon && iconPosition === 'left';
   var isRenderRightIcon = icon && iconPosition === 'right';
-  return /*#__PURE__*/React.createElement("div", _Object$assign({}, restProps, {
-    className: cn(styles.tab, (_cn = {}, _defineProperty(_cn, styles.selected, selected), _defineProperty(_cn, styles.short, short), _defineProperty(_cn, styles.fullText, fullText), _cn), className),
+  return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({}, restProps), {}, {
+    className: cn(styles.tab, (_cn = {}, _defineProperty(_cn, styles.selected, selected), _defineProperty(_cn, styles.short, short), _cn), className),
     onClick: function onClick() {
       return onChange(value);
     },

package/lib/parts/use-scrollable-list.d.ts

@@ -11,7 +11,7 @@ export declare const useScrollableList: <T>({ children, compareValues, value, Co
     activeNodeRef: React.MutableRefObject<HTMLElement>;
     scrollableRef: React.MutableRefObject<HTMLDivElement>;
     containerRef: React.MutableRefObject<HTMLElement>;
-    childrenWithValues: {}[];
+    childrenWithValues: (React.ReactChild | React.ReactFragment | React.ReactPortal)[];
     showLeftArrow: boolean;
     showRightArrow: boolean;
 };

package/lib/parts/with-scroll-arrows.d.ts

@@ -21,4 +21,9 @@ export declare type WithScrollArrowsWrappedComponentProps<T> = {
     theme: Theme;
     containerRef?: React.MutableRefObject<HTMLElement>;
 };
-export declare const withScrollArrows: <T, P extends WithScrollArrowsWrappedComponentProps<T>>(WrappedComponent: React.FC<WithScrollArrowsWrappedComponentProps<T>>, CompareItem: React.ElementType, arrowHeight?: string) => React.FC<WithScrollArrowsProps<T> & Pick<P, Exclude<keyof P, "selectedId" | "activeNodeRef" | "value" | "onChange" | "children" | "theme" | "containerRef">>>;
+declare type OmittedWrappedComponentProps<P, T> = Omit<P, keyof WithScrollArrowsWrappedComponentProps<T>>;
+export declare const withScrollArrows: <T, P extends WithScrollArrowsWrappedComponentProps<T>>(WrappedComponent: React.FC<WithScrollArrowsWrappedComponentProps<T>>, CompareItem: React.ElementType, arrowHeight?: string) => {
+    <OT extends T>({ compareValues, value, onChange, children, theme: themeFromProps, arrowBackgroundColor, ["data-e2e"]: e2eId, ...restProps }: React.PropsWithChildren<WithScrollArrowsProps<OT> & OmittedWrappedComponentProps<P, OT>>): React.ReactElement | null;
+    displayName: string;
+};
+export {};

package/lib/parts/with-scroll-arrows.js

@@ -8,7 +8,6 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["compareValues", "value", "onChange", "children", "theme", "arrowBackgroundColor", "data-e2e"];
 import "core-js/modules/es.function.name.js";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -87,7 +86,7 @@ var withScrollArrows = function withScrollArrows(WrappedComponent, CompareItem)
     })), /*#__PURE__*/React.createElement("div", {
       className: styles.scrollable,
       ref: scrollableRef
-    }, /*#__PURE__*/React.createElement(WrappedComponent, _Object$assign({
+    }, /*#__PURE__*/React.createElement(WrappedComponent, _objectSpread({
       selectedId: selectedId,
       activeNodeRef: activeNodeRef,
       value: value,

package/lib/parts/with-scroll-arrows.module.pcss.js

@@ -1,13 +1,13 @@
 var styles = {
-  "wrapper": "_wrapper_1fus09b_4",
-  "scrollable": "_scrollable_1fus09b_10",
-  "arrowShadow": "_arrowShadow_1fus09b_39",
-  "arrow": "_arrow_1fus09b_39",
-  "light": "_light_1fus09b_82",
-  "dark": "_dark_1fus09b_86",
-  "shown": "_shown_1fus09b_91",
-  "arrowLeft": "_arrowLeft_1fus09b_99",
-  "arrowRight": "_arrowRight_1fus09b_112",
-  "arrowButton": "_arrowButton_1fus09b_126"
+  "wrapper": "_wrapper_edyv3p_4",
+  "scrollable": "_scrollable_edyv3p_10",
+  "arrowShadow": "_arrowShadow_edyv3p_39",
+  "arrow": "_arrow_edyv3p_39",
+  "light": "_light_edyv3p_82",
+  "dark": "_dark_edyv3p_86",
+  "shown": "_shown_edyv3p_91",
+  "arrowLeft": "_arrowLeft_edyv3p_99",
+  "arrowRight": "_arrowRight_edyv3p_112",
+  "arrowButton": "_arrowButton_edyv3p_126"
 };
 export default styles;

package/lib/tab-list.d.ts

@@ -5,8 +5,6 @@ export declare type TabListSizeType = 'l' | 'm';
 export declare type TabListModeType = 'classic' | 'rock';
 export declare type InnerTabListProps = {
     className?: string;
-    /** @ignore */
-    fullText?: boolean;
     size?: TabListSizeType;
     /** Increase inner horizontal offset between the tabs. */
     sparse?: boolean;
@@ -22,5 +20,15 @@ export declare type InnerTabListProps = {
     activeNodeRef?: React.MutableRefObject<HTMLElement>;
     containerRef?: React.MutableRefObject<HTMLDivElement>;
 };
-export declare const TabList: React.FC<import("./parts/with-scroll-arrows").WithScrollArrowsProps<string | number | symbol> & Pick<InnerTabListProps, "size" | "sparse" | "className" | "mode" | "short" | "fullText" | "data-e2e">>;
+export declare const TabList: {
+    <OT extends TabListValueType>({ compareValues, value, onChange, children, theme: themeFromProps, arrowBackgroundColor, ["data-e2e"]: e2eId, ...restProps }: React.PropsWithChildren<import("./parts/with-scroll-arrows").WithScrollArrowsProps<OT> & {
+        size?: TabListSizeType;
+        sparse?: boolean;
+        className?: string;
+        mode?: TabListModeType;
+        short?: boolean;
+        'data-e2e'?: string;
+    }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
 export default TabList;

package/lib/tab-list.js

@@ -22,8 +22,6 @@ var InnerTabList = function InnerTabList(_ref) {
       _ref$short = _ref.short,
       short = _ref$short === void 0 ? false : _ref$short,
       theme = _ref.theme,
-      _ref$fullText = _ref.fullText,
-      fullText = _ref$fullText === void 0 ? false : _ref$fullText,
       value = _ref.value,
       onChange = _ref.onChange,
       children = _ref.children,
@@ -39,7 +37,6 @@ var InnerTabList = function InnerTabList(_ref) {
   return /*#__PURE__*/React.createElement(TabListContext.Provider, {
     value: {
       short: short,
-      fullText: fullText,
       onChange: onChange,
       selectedId: selectedId
     }
@@ -55,7 +52,9 @@ var InnerTabList = function InnerTabList(_ref) {
 };
 
 InnerTabList.displayName = 'TabList';
-var TabList = withScrollArrows(InnerTabList, Tab);
+var TabList = withScrollArrows(InnerTabList, Tab); // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+// @ts-ignore
+
 TabList.propTypes = {
   size: PropTypes.oneOf(['m', 'l']),
   sparse: PropTypes.bool,
@@ -63,7 +62,6 @@ TabList.propTypes = {
   className: PropTypes.string,
   mode: PropTypes.oneOf(['classic', 'rock']),
   short: PropTypes.bool,
-  fullText: PropTypes.bool,
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.symbol]),
   onChange: PropTypes.func,
   compareValues: PropTypes.func,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/tab-list",
-  "version": "0.2.0",
+  "version": "0.5.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -17,8 +17,8 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.14.0",
     "@juggle/resize-observer": "3.3.0",
-    "@rescui/button": "^0.2.0",
-    "@rescui/icons": "^0.1.1",
+    "@rescui/button": "^0.4.1",
+    "@rescui/icons": "^0.4.0",
     "classnames": "^2.2.6",
     "core-js": "^3.9.1"
   },
@@ -28,14 +28,14 @@
     "react": ">=16.8.0 <18"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.0.3",
-    "@rescui/postcss-preset-library": "^0.0.3",
-    "@rescui/scripts": "^0.1.1",
-    "@rescui/typography": "^0.2.0",
+    "@rescui/colors": "^0.0.6",
+    "@rescui/postcss-preset-library": "^0.0.4",
+    "@rescui/scripts": "^0.1.4",
+    "@rescui/typography": "^0.4.0",
     "@rescui/visual-regression": "^0.0.1"
   },
   "scripts": {
     "build": "rescui-scripts build"
   },
-  "gitHead": "42f60242929cb7b0e9c371ecf99d658b32217c5f"
+  "gitHead": "6b1d206de2641861028760d73f33dee214c07911"
 }