@consta/uikit 3.22.0 → 3.24.0

package/__internal__/src/components/TabsCanary/types.d.ts

@@ -0,0 +1,97 @@
+import React from 'react';
+import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type TabDimensions = {
+    size: number;
+    gap: number;
+};
+export declare type TabsItemDefault = {
+    label: string | number;
+    icon?: IconComponent;
+};
+export declare const tabsSizes: readonly ["m", "s"];
+export declare type TabsPropSize = typeof tabsSizes[number];
+export declare const tabsDefaultSize: TabsPropSize;
+export declare const tabsViews: readonly ["bordered", "clear"];
+export declare type TabsPropView = typeof tabsViews[number];
+export declare const tabsDefaultView: TabsPropView;
+export declare const tabsLinePositions: readonly ["bottom", "top", "left", "right"];
+export declare type TabsPropLinePosition = typeof tabsLinePositions[number];
+export declare const tabsDefaultLinePosition: TabsPropLinePosition;
+export declare const tabsFitModes: readonly ["scroll", "dropdown"];
+export declare type TabsPropFitMode = typeof tabsFitModes[number];
+export declare const tabsDefaultFitMode: TabsPropFitMode;
+export declare type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
+export declare type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type TabsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type TabsPropOnChange<ITEM> = (props: {
+    e: React.MouseEvent;
+    value: ITEM;
+}) => void;
+export declare type RenderItemProps<ITEM> = {
+    item: ITEM;
+    onChange: React.MouseEventHandler;
+    checked: boolean;
+    label: string;
+    icon?: IconComponent;
+    size: TabsPropSize;
+    iconSize?: IconPropSize;
+    onlyIcon?: boolean;
+};
+export declare type RenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export declare type TabsFitModeWrapperProps<ITEM> = {
+    items: ITEM[];
+    tabsDimensions: TabDimensions[];
+    getItemLabel: TabsPropGetItemLabel<ITEM>;
+    getItemChecked: TabsPropGetItemChecked<ITEM>;
+    renderItem: (item: ITEM) => React.ReactNode;
+    renderItemsList: RenderItemsListProp;
+    tabRefs: Array<React.RefObject<HTMLElement>>;
+};
+export declare type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    size?: TabsPropSize;
+    onlyIcon?: boolean;
+    view?: TabsPropView;
+    iconSize?: IconPropSize;
+    items: ITEM[];
+    value?: ITEM | null;
+    getItemIcon?: TabsPropGetItemIcon<ITEM>;
+    getItemLabel?: TabsPropGetItemLabel<ITEM>;
+    children?: never;
+    onChange: TabsPropOnChange<ITEM>;
+    renderItem?: RenderItem<ITEM>;
+} & ({
+    linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;
+    fitMode?: 'dropdown' | 'scroll';
+} | {
+    linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;
+    fitMode?: never;
+}), HTMLDivElement> & (ITEM extends {
+    label: TabsItemDefault['label'];
+} ? {} : {
+    getItemLabel: TabsPropGetItemLabel<ITEM>;
+});
+export declare type TabsComponent = <ITEM>(props: TabsProps<ITEM>) => React.ReactElement | null;
+export declare type TabsTabProps = {
+    size: TabsPropSize;
+    onlyIcon?: boolean;
+    icon?: IconComponent;
+    iconSize?: IconPropSize;
+    label: string;
+    checked: boolean;
+    onChange: React.MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+};
+export declare type TabsMoreItemsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    renderItem: (item: ITEM, onClick: () => void) => React.ReactNode;
+    getItemLabel: TabsPropGetItemLabel<ITEM>;
+    getItemChecked: TabsPropGetItemChecked<ITEM>;
+    height: number;
+} & React.RefAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare type TabsMoreItemsComponent = <ITEM>(props: TabsMoreItemsProps<ITEM>) => React.ReactElement | null;
+export declare type RenderItemsListProp = (props: {
+    withRunningLine?: boolean;
+    getTabClassName?: (idx: number) => string | undefined;
+}) => React.ReactNode;
+export declare type TabsDirection = 'horizontal' | 'vertical';

package/__internal__/src/components/TabsCanary/types.js

@@ -0,0 +1,8 @@
+export var tabsSizes = ['m', 's'];
+export var tabsDefaultSize = tabsSizes[0];
+export var tabsViews = ['bordered', 'clear'];
+export var tabsDefaultView = tabsViews[0];
+export var tabsLinePositions = ['bottom', 'top', 'left', 'right'];
+export var tabsDefaultLinePosition = 'bottom';
+export var tabsFitModes = ['scroll', 'dropdown'];
+export var tabsDefaultFitMode = 'dropdown';

package/__internal__/src/components/Theme/_font/Theme_font_gpnDefault.css

@@ -1,6 +1,6 @@
 .Theme_font_gpnDefault {
-  --font-primary: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu',
-    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  --font-primary: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   --font-mono: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
   font-family: var(--font-primary);
 }

package/__internal__/src/components/Theme/_size/Theme_size_gpnDefault.css

@@ -21,9 +21,11 @@
 
   /* Ширина шрифта */
   --font-weight-text-thin: 100;
+  --font-weight-text-extralight: 100;
   --font-weight-text-light: 300;
   --font-weight-text-regular: normal;
   --font-weight-text-semibold: 600;
   --font-weight-text-bold: bold;
+  --font-weight-text-extrabold: 800;
   --font-weight-text-black: 900;
 }

package/__internal__/src/fileIcons/FileIcon/FileIcon.css

@@ -47,7 +47,7 @@
   .FileIcon.FileIconGif,
   .FileIcon.FileIconJpg,
   .FileIcon.FileIconPng,
-  .FileIcon.FileIconPtt,
+  .FileIcon.FileIconPpt,
   .FileIcon.FileIconTiff {
     color: #ed9254;
   }

package/__internal__/src/fileIcons/{FileIconPtt/FileIconPtt.d.ts → FileIconPpt/FileIconPpt.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const FileIconPtt: import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<{
+export declare const FileIconPpt: import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<{
     size?: "s" | "m" | undefined;
 }, HTMLDivElement>>;

package/__internal__/src/fileIcons/FileIconPpt/FileIconPpt.js

@@ -0,0 +1,8 @@
+import { createFileIcon } from '../createFileIcon/createFileIcon';
+import FileIconPptSizeM from './FileIconPpt_size_m';
+import FileIconPptSizeS from './FileIconPpt_size_s';
+export var FileIconPpt = createFileIcon({
+    m: FileIconPptSizeM,
+    s: FileIconPptSizeS,
+    name: 'FileIconPpt'
+});

package/__internal__/src/fileIcons/FileIconPpt/FileIconPpt_size_m.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function FileIconPptSizeM(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default FileIconPptSizeM;

package/__internal__/src/fileIcons/{FileIconPtt/FileIconPtt_size_m.js → FileIconPpt/FileIconPpt_size_m.js}

@@ -1,10 +1,10 @@
 import { __assign } from "tslib";
 import * as React from 'react';
-function FileIconPttSizeM(props) {
+function FileIconPptSizeM(props) {
     return (React.createElement("svg", __assign({ viewBox: "0 0 30 40" }, props),
         React.createElement("path", { d: "M28 0H2a2 2 0 00-2 2v36a2 2 0 002 2h26a2 2 0 002-2V2a2 2 0 00-2-2z" }),
         React.createElement("path", { opacity: 0.6, d: "M23 24a7.001 7.001 0 00-7-7v7h7z", fill: "#fff" }),
         React.createElement("path", { opacity: 0.6, d: "M20 26a6 6 0 11-6-6v6h6z", stroke: "#fff" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.77 11.67c.18.22.44.33.78.33h.95v-1h-.55c-.153 0-.267-.03-.34-.09-.073-.06-.11-.163-.11-.31V8h1V7h-1V6h-1v1h-1v1h1v2.8c0 .36.09.65.27.87zM9.3 7.24V7h-.8v7h1.01v-2h1.29c.58 0 1.007-.127 1.28-.38.28-.253.42-.66.42-1.22V8.6c0-.567-.137-.973-.41-1.22-.273-.253-.703-.38-1.29-.38h-.7c-.327 0-.593.08-.8.24zm.36.94c.107-.12.27-.18.49-.18h.6c.247 0 .433.057.56.17.127.113.19.273.19.48v1.7c0 .207-.063.367-.19.48-.127.113-.313.17-.56.17H9.51L9.5 8.55a.53.53 0 01.16-.37zm4.63-.94V7h-.8v7h1.01v-2h1.29c.58 0 1.007-.127 1.28-.38.28-.253.42-.66.42-1.22V8.6c0-.567-.137-.973-.41-1.22-.273-.253-.703-.38-1.29-.38h-.7c-.327 0-.593.08-.8.24zm.36.94c.107-.12.27-.18.49-.18h.6c.247 0 .433.057.56.17.127.113.19.273.19.48v1.7c0 .207-.063.367-.19.48-.127.113-.313.17-.56.17H14.5l-.01-2.45a.53.53 0 01.16-.37z", fill: "#fff" })));
 }
-export default FileIconPttSizeM;
+export default FileIconPptSizeM;

package/__internal__/src/fileIcons/FileIconPpt/FileIconPpt_size_s.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function FileIconPptSizeS(props: React.SVGProps<SVGSVGElement>): JSX.Element;
+export default FileIconPptSizeS;

package/__internal__/src/fileIcons/{FileIconPtt/FileIconPtt_size_s.js → FileIconPpt/FileIconPpt_size_s.js}

@@ -1,9 +1,9 @@
 import { __assign } from "tslib";
 import * as React from 'react';
-function FileIconPttSizeS(props) {
+function FileIconPptSizeS(props) {
     return (React.createElement("svg", __assign({ viewBox: "0 0 21 28" }, props),
         React.createElement("path", { d: "M19.6 0H1.4A1.4 1.4 0 000 1.4v25.2A1.4 1.4 0 001.4 28h18.2a1.4 1.4 0 001.4-1.4V1.4A1.4 1.4 0 0019.6 0z" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.27 8.67c.18.22.44.33.78.33H17V8h-.55c-.153 0-.267-.03-.34-.09-.073-.06-.11-.163-.11-.31V5h1V4h-1V3h-1v1h-1v1h1v2.8c0 .36.09.65.27.87zM4.8 4.24V4H4v7h1.01V9H6.3c.58 0 1.007-.127 1.28-.38.28-.253.42-.66.42-1.22V5.6c0-.567-.137-.973-.41-1.22C7.317 4.127 6.887 4 6.3 4h-.7c-.327 0-.593.08-.8.24zm.36.94c.107-.12.27-.18.49-.18h.6c.247 0 .433.057.56.17.127.113.19.273.19.48v1.7c0 .207-.063.367-.19.48-.127.113-.313.17-.56.17H5.01L5 5.55a.53.53 0 01.16-.37zm4.63-.94V4h-.8v7H10V9h1.29c.58 0 1.007-.127 1.28-.38.28-.253.42-.66.42-1.22V5.6c0-.567-.137-.973-.41-1.22-.273-.253-.703-.38-1.29-.38h-.7c-.327 0-.593.08-.8.24zm.36.94c.107-.12.27-.18.49-.18h.6c.247 0 .433.057.56.17.127.113.19.273.19.48v1.7c0 .207-.063.367-.19.48-.127.113-.313.17-.56.17H10l-.01-2.45a.53.53 0 01.16-.37z", fill: "#fff" }),
         React.createElement("path", { opacity: 0.6, fillRule: "evenodd", clipRule: "evenodd", d: "M12 17h5a5 5 0 00-5-5v5zm-2-4v6h6a6.002 6.002 0 01-12 0 6.002 6.002 0 016-6zm-1 7h5.9A5.002 5.002 0 015 19a5.002 5.002 0 014-4.9V20z", fill: "#fff" })));
 }
-export default FileIconPttSizeS;
+export default FileIconPptSizeS;

package/__internal__/src/fonts/inter/index.d.ts

@@ -0,0 +1 @@
+import './inter.css';

package/__internal__/src/fonts/inter/index.js

@@ -0,0 +1 @@
+import './inter.css';

package/__internal__/src/fonts/inter/inter.css

@@ -0,0 +1,95 @@
+/* Thin 100 */
+
+@font-face {
+  font-family: 'Inter';
+  src: url('./Inter-Thin.woff2') format('woff2'), url('./Inter-Thin.woff') format('woff');
+  font-weight: 100;
+  font-style: normal;
+}
+
+/* ExtraLight 200 */
+
+@font-face {
+  font-family: 'Inter';
+  src: url('./Inter-ExtraLight.woff2') format('woff2'),
+    url('./Inter-ExtraLight.woff') format('woff');
+  font-weight: 200;
+  font-style: normal;
+}
+
+/* Light 300 */
+
+@font-face {
+  font-family: 'Inter';
+  src: url('./Inter-Light.woff2') format('woff2'), url('./Inter-Light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+}
+
+/* Regular 400 */
+
+@font-face {
+  font-family: 'Inter';
+  src: url('./Inter-Regular.woff2') format('woff2'), url('./Inter-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: url('./Inter-Regular.woff2') format('woff2'), url('./Inter-Regular.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+}
+
+/* Medium 500 */
+
+@font-face {
+  font-family: 'Inter';
+  src: url('./Inter-Medium.woff2') format('woff2'), url('./Inter-Medium.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+}
+
+/* SemiBold 600 */
+
+@font-face {
+  font-family: 'Inter';
+  src: url('./Inter-SemiBold.woff2') format('woff2'), url('./Inter-SemiBold.woff') format('woff');
+  font-weight: 600;
+  font-style: normal;
+}
+
+/* Bold 700 */
+
+@font-face {
+  font-family: 'Inter';
+  src: url('./Inter-Bold.woff2') format('woff2'), url('./Inter-Bold.woff') format('woff');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: url('./Inter-Bold.woff2') format('woff2'), url('./Inter-Bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+}
+
+/* ExtraBold 800 */
+
+@font-face {
+  font-family: 'Inter';
+  src: url('./Inter-ExtraBold.woff2') format('woff2'), url('./Inter-ExtraBold.woff') format('woff');
+  font-weight: 800;
+  font-style: normal;
+}
+
+/* Black 900 */
+
+@font-face {
+  font-family: 'Inter';
+  src: url('./Inter-Black.woff2') format('woff2'), url('./Inter-Black.woff') format('woff');
+  font-weight: 900;
+  font-style: normal;
+}

package/__internal__/src/utils/getByMap.d.ts

@@ -1 +1 @@
-export declare function getByMap<COMPONENT_SIZE extends string | number, SIZE>(map: Record<COMPONENT_SIZE, SIZE>, componentSize: COMPONENT_SIZE, size?: SIZE): SIZE;
+export declare function getByMap<KEY extends string | number, VALUE>(map: Record<KEY, VALUE>, key: KEY, value?: VALUE): VALUE;

package/__internal__/src/utils/getByMap.js

@@ -1,6 +1,6 @@
-export function getByMap(map, componentSize, size) {
-    if (size) {
-        return size;
+export function getByMap(map, key, value) {
+    if (value) {
+        return value;
     }
-    return map[componentSize];
+    return map[key];
 }

package/__internal__/src/utils/getGroups.js

@@ -1,5 +1,9 @@
 import { __values } from "tslib";
 export var defaultGroupKey = 'no-group';
+var getItemGroupKeyGuard = function (getter, item, noGroupKey) {
+    var key = getter(item);
+    return typeof key === 'undefined' ? noGroupKey : key;
+};
 /**
  * @param items список который нужно групировать
  * @param getItemGroupKey признак принадлежности к группе
@@ -16,7 +20,7 @@ export function getGroups(items, getItemGroupKey, groups, getGroupKey, sortGroup
     }
     var resultGroups = [];
     var _loop_1 = function (item) {
-        var itemGroupKey = getItemGroupKey(item) || noGroupKey;
+        var itemGroupKey = getItemGroupKeyGuard(getItemGroupKey, item, noGroupKey);
         var resultGroupIndex = resultGroups.findIndex(function (group) { return group.key === itemGroupKey; });
         if (resultGroupIndex >= 0) {
             resultGroups[resultGroupIndex].items.push(item);

package/createIcon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/createIcon",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/createResponsesImage/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/createResponsesImage",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "keywords": [
     "ui-kit",
     "design-system",
@@ -36,7 +36,9 @@
     "Card",
     "Checkbox",
     "CheckboxGroup",
+    "CheckboxGroupCanary",
     "ChoiceGroup",
+    "ChoiceGroupCanary",
     "Collapse",
     "CollapseGroup",
     "Combobox",
@@ -66,7 +68,7 @@
     "FileIconMp4",
     "FileIconPdf",
     "FileIconPng",
-    "FileIconPtt",
+    "FileIconPpt",
     "FileIconRar",
     "FileIconRtf",
     "FileIconTiff",
@@ -309,10 +311,13 @@
     "SliderCanary",
     "SnackBar",
     "Steps",
+    "StepsCanary",
     "Switch",
     "SwitchGroup",
+    "SwitchGroupCanary",
     "Table",
     "Tabs",
+    "TabsCanary",
     "Tag",
     "TagBase",
     "Text",

package/useBreakpoints/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useBreakpoints",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useChoiceGroup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useChoiceGroup",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useChoiceGroupIndexed/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useChoiceGroupIndexed",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useClickOutside/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useClickOutside",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useComponentSize/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useComponentSize",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useDebounce/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useDebounce",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useFlag/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useFlag",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useForkRef/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useForkRef",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useGlobalKeys/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useGlobalKeys",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useHideElementsInLine/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useHideElementsInLine",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useKeys/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useKeys",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useMutableRef/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useMutableRef",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useOverflow/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useOverflow",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/usePrevious/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/usePrevious",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useRefs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useRefs",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useResizeObserved/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useResizeObserved",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useScrollElements/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useScrollElements",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useScrollPosition/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useScrollPosition",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useSelect",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useSortSteps/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useSortSteps",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useThemeVars/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useThemeVars",
-  "version": "3.22.0",
+  "version": "3.24.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [