@consta/uikit 3.15.0 → 3.15.1

package/ResponsesSuccess/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesSuccess",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Select/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Select",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Sidebar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Sidebar",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Skeleton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Skeleton",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/SliderCanary/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/SliderCanary",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/SnackBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/SnackBar",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Steps/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Steps",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Switch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Switch",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/SwitchGroup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/SwitchGroup",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Table/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Table",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Tabs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Tabs",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Tag/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Tag",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/TagBase/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/TagBase",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Text/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Text",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/TextField/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/TextField",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Theme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Theme",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ThemeToggler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ThemeToggler",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Timer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Timer",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Tooltip",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/User/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/User",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/UserSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/UserSelect",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/UserSelectDeprecated/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/UserSelectDeprecated",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/__internal__/cjs-src/components/ContextMenu/ContextMenuItem/ContextMenuItem.css

@@ -31,12 +31,12 @@
       --vertical-space: var(--space-m);
     }
 
-  .ContextMenuItem_disabled {
+  .ContextMenuItem_disabled.Text {
     color: var(--color-control-typo-disable);
     cursor: default;
   }
 
-  .ContextMenuItem_disabled:hover {
+  .ContextMenuItem_disabled.Text:hover {
       background: transparent;
     }
 

package/__internal__/cjs-src/components/DateTimeCanary/DateTimeTimeColumn/useScrollToElement/useScrollToElement.js

@@ -3,19 +3,17 @@ exports.__esModule = true;
 exports.useScrollToElement = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
+var useRefs_1 = require("../../../../hooks/useRefs/useRefs");
 exports.useScrollToElement = function (items, scrollWrapper) {
     var _a = tslib_1.__read(react_1.useState([]), 2), itemDimentions = _a[0], setItemDimentions = _a[1];
-    var itemsRefs = react_1.useMemo(function () { return new Array(items.length).fill(null).map(function () { return react_1.createRef(); }); }, [items.length]);
+    var itemsRefs = useRefs_1.useRefs(items.length);
     react_1.useEffect(function () {
-        var _a;
+        var _a, _b, _c;
         var selectedItemIndex = items.findIndex(function (item) { return item.selected; });
-        var scrollWrapperElement = scrollWrapper.current;
-        if (scrollWrapperElement) {
-            scrollWrapperElement.scrollTo({
-                top: ((_a = itemDimentions === null || itemDimentions === void 0 ? void 0 : itemDimentions[selectedItemIndex]) === null || _a === void 0 ? void 0 : _a.offset) || 0,
-                behavior: 'smooth'
-            });
-        }
+        (_b = (_a = scrollWrapper.current) === null || _a === void 0 ? void 0 : _a.scrollTo) === null || _b === void 0 ? void 0 : _b.call(_a, {
+            top: ((_c = itemDimentions === null || itemDimentions === void 0 ? void 0 : itemDimentions[selectedItemIndex]) === null || _c === void 0 ? void 0 : _c.offset) || 0,
+            behavior: 'smooth'
+        });
     });
     react_1.useLayoutEffect(function () {
         var itemDimentions = itemsRefs.reduce(function (accumulator, currentValue, index) {

package/__internal__/cjs-src/components/DateTimeCanary/DateTimeTypeTime/DateTimeTypeTime.js

@@ -29,7 +29,7 @@ exports.DateTimeTypeTime = react_1.forwardRef(function (props, ref) {
     var labelLenght = time.filter(function (item) { return item.length; }).length;
     return (react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { className: cnDateTimeTypeTime(null, [className]), ref: ref }),
         react_1["default"].createElement(DateTimeLabel_1.DateTimeLabel, { align: "center", className: cnDateTimeTypeTime('Label'), style: (_a = {}, _a['--label-length'] = labelLenght, _a), label: label }),
-        react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { className: cnDateTimeTypeTime('Grid') }),
+        react_1["default"].createElement("div", { className: cnDateTimeTypeTime('Grid') },
             react_1["default"].createElement(DateTimeTimeColumn_1.DateTimeTimeColumn, { label: locale.hours, items: hours }),
             react_1["default"].createElement(DateTimeTimeColumn_1.DateTimeTimeColumn, { label: locale.minutes, items: minutes }),
             react_1["default"].createElement(DateTimeTimeColumn_1.DateTimeTimeColumn, { label: locale.seconds, items: seconds })),

package/__internal__/cjs-src/components/DateTimeCanary/helpers/getSliderValueRange.d.ts

@@ -1,4 +1,2 @@
 import { DateRange } from '../../../utils/types/Date';
-declare type StartEndOfPeriod = (date: Date) => Date;
-export declare const getSliderValueRange: (decadeDate: Date, value: Date | DateRange | undefined, startOfPeriod: StartEndOfPeriod, endOfPeriod: StartEndOfPeriod) => number[] | undefined;
-export {};
+export declare const getSliderValueRange: (decadeDate: Date, value: Date | DateRange | undefined, startOfPeriod: (date: Date) => Date, endOfPeriod: (date: Date) => Date) => number[] | undefined;

package/__internal__/src/components/ContextMenu/ContextMenuItem/ContextMenuItem.css

@@ -31,12 +31,12 @@
       --vertical-space: var(--space-m);
     }
 
-  .ContextMenuItem_disabled {
+  .ContextMenuItem_disabled.Text {
     color: var(--color-control-typo-disable);
     cursor: default;
   }
 
-  .ContextMenuItem_disabled:hover {
+  .ContextMenuItem_disabled.Text:hover {
       background: transparent;
     }
 

package/__internal__/src/components/DateTimeCanary/DateTimeTimeColumn/useScrollToElement/useScrollToElement.js

@@ -1,18 +1,16 @@
 import { __read, __spread } from "tslib";
-import { createRef, useEffect, useLayoutEffect, useMemo, useState } from 'react';
+import { useEffect, useLayoutEffect, useState } from 'react';
+import { useRefs } from '../../../../hooks/useRefs/useRefs';
 export var useScrollToElement = function (items, scrollWrapper) {
     var _a = __read(useState([]), 2), itemDimentions = _a[0], setItemDimentions = _a[1];
-    var itemsRefs = useMemo(function () { return new Array(items.length).fill(null).map(function () { return createRef(); }); }, [items.length]);
+    var itemsRefs = useRefs(items.length);
     useEffect(function () {
-        var _a;
+        var _a, _b, _c;
         var selectedItemIndex = items.findIndex(function (item) { return item.selected; });
-        var scrollWrapperElement = scrollWrapper.current;
-        if (scrollWrapperElement) {
-            scrollWrapperElement.scrollTo({
-                top: ((_a = itemDimentions === null || itemDimentions === void 0 ? void 0 : itemDimentions[selectedItemIndex]) === null || _a === void 0 ? void 0 : _a.offset) || 0,
-                behavior: 'smooth'
-            });
-        }
+        (_b = (_a = scrollWrapper.current) === null || _a === void 0 ? void 0 : _a.scrollTo) === null || _b === void 0 ? void 0 : _b.call(_a, {
+            top: ((_c = itemDimentions === null || itemDimentions === void 0 ? void 0 : itemDimentions[selectedItemIndex]) === null || _c === void 0 ? void 0 : _c.offset) || 0,
+            behavior: 'smooth'
+        });
     });
     useLayoutEffect(function () {
         var itemDimentions = itemsRefs.reduce(function (accumulator, currentValue, index) {

package/__internal__/src/components/DateTimeCanary/DateTimeTypeTime/DateTimeTypeTime.js

@@ -26,7 +26,7 @@ export var DateTimeTypeTime = forwardRef(function (props, ref) {
     var labelLenght = time.filter(function (item) { return item.length; }).length;
     return (React.createElement("div", __assign({}, otherProps, { className: cnDateTimeTypeTime(null, [className]), ref: ref }),
         React.createElement(DateTimeLabel, { align: "center", className: cnDateTimeTypeTime('Label'), style: (_a = {}, _a['--label-length'] = labelLenght, _a), label: label }),
-        React.createElement("div", __assign({}, otherProps, { className: cnDateTimeTypeTime('Grid') }),
+        React.createElement("div", { className: cnDateTimeTypeTime('Grid') },
             React.createElement(DateTimeTimeColumn, { label: locale.hours, items: hours }),
             React.createElement(DateTimeTimeColumn, { label: locale.minutes, items: minutes }),
             React.createElement(DateTimeTimeColumn, { label: locale.seconds, items: seconds })),

package/__internal__/src/components/DateTimeCanary/helpers/getSliderValueRange.d.ts

@@ -1,4 +1,2 @@
 import { DateRange } from '../../../utils/types/Date';
-declare type StartEndOfPeriod = (date: Date) => Date;
-export declare const getSliderValueRange: (decadeDate: Date, value: Date | DateRange | undefined, startOfPeriod: StartEndOfPeriod, endOfPeriod: StartEndOfPeriod) => number[] | undefined;
-export {};
+export declare const getSliderValueRange: (decadeDate: Date, value: Date | DateRange | undefined, startOfPeriod: (date: Date) => Date, endOfPeriod: (date: Date) => Date) => number[] | undefined;

package/createIcon/package.json

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

package/createResponsesImage/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "keywords": [
     "ui-kit",
     "design-system",

package/useBreakpoints/package.json

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

package/useChoiceGroup/package.json

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

package/useChoiceGroupIndexed/package.json

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

package/useClickOutside/package.json

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

package/useComponentSize/package.json

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

package/useDebounce/package.json

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

package/useFlag/package.json

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

package/useForkRef/package.json

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

package/useGlobalKeys/package.json

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

package/useHideElementsInLine/package.json

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

package/useKeys/package.json

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

package/useMutableRef/package.json

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

package/useOverflow/package.json

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

package/usePrevious/package.json

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

package/useRefs/package.json

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

package/useResizeObserved/package.json

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

package/useScrollElements/package.json

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

package/useScrollPosition/package.json

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

package/useSelect/package.json

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

package/useThemeVars/package.json

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

package/useTimer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useTimer",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/withTooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/withTooltip",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [