@consta/uikit 3.23.1 → 3.24.0

package/ResponsesConnectionError/package.json

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

package/ResponsesDeleted/package.json

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

package/ResponsesEmptyBox/package.json

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

package/ResponsesEmptyPockets/package.json

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

package/ResponsesExit/package.json

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

package/ResponsesImage/package.json

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

package/ResponsesImage403/package.json

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

package/ResponsesImage404/package.json

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

package/ResponsesImage500/package.json

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

package/ResponsesImage503/package.json

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

package/ResponsesImageConnectionError/package.json

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

package/ResponsesImageDeleted/package.json

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

package/ResponsesImageEmptyBox/package.json

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

package/ResponsesImageEmptyPockets/package.json

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

package/ResponsesImageNothingFound/package.json

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

package/ResponsesImageSuccess/package.json

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

package/ResponsesNothingFound/package.json

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

package/ResponsesSuccess/package.json

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

package/Select/package.json

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

package/Sidebar/package.json

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

package/Skeleton/package.json

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

package/SliderCanary/package.json

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

package/SnackBar/package.json

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

package/Steps/package.json

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

package/StepsCanary/package.json

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

package/Switch/package.json

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

package/SwitchGroup/package.json

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

package/SwitchGroupCanary/es.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/SwitchGroupCanary/SwitchGroupCanary";

package/SwitchGroupCanary/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/SwitchGroupCanary/SwitchGroupCanary";

package/SwitchGroupCanary/index.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("../__internal__/cjs-src/components/SwitchGroupCanary/SwitchGroupCanary"), exports);

package/SwitchGroupCanary/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@consta/uikit/SwitchGroupCanary",
+  "version": "3.24.0",
+  "main": "index.js",
+  "module": "es.js",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/Table/package.json

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

package/Tabs/package.json

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

package/TabsCanary/es.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/TabsCanary/TabsCanary";

package/TabsCanary/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/TabsCanary/TabsCanary";

package/TabsCanary/index.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("../__internal__/cjs-src/components/TabsCanary/TabsCanary"), exports);

package/TabsCanary/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@consta/uikit/TabsCanary",
+  "version": "3.24.0",
+  "main": "index.js",
+  "module": "es.js",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/Tag/package.json

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

package/TagBase/package.json

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

package/Text/package.json

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

package/TextField/package.json

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

package/Theme/package.json

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

package/ThemeToggler/package.json

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

package/Timer/package.json

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

package/Tooltip/package.json

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

package/User/package.json

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

package/UserSelect/package.json

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

package/UserSelectDeprecated/package.json

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

package/__internal__/cjs-src/components/CheckboxGroupCanary/CheckboxGroup.css

@@ -0,0 +1,35 @@
+.CheckboxGroup {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+  .CheckboxGroup_direction_column {
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+              flex-direction: column;
+    }
+
+  .CheckboxGroup_direction_column .CheckboxGroup-Item:not(:last-child) {
+        margin-bottom: var(--offset);
+      }
+
+  .CheckboxGroup_direction_row {
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+          -ms-flex-direction: row;
+              flex-direction: row;
+    }
+
+  .CheckboxGroup_direction_row .CheckboxGroup-Item:not(:last-child) {
+        margin-right: var(--offset);
+      }
+
+  .CheckboxGroup_size_m {
+      --offset: var(--space-xs);
+    }
+
+  .CheckboxGroup_size_l {
+      --offset: var(--space-s);
+    }

package/__internal__/cjs-src/components/CheckboxGroupCanary/CheckboxGroupCanary.d.ts

@@ -0,0 +1,5 @@
+import './CheckboxGroup.css';
+import { CheckboxGroupComponent } from './types';
+export declare const cnCheckboxGroup: import("@bem-react/classname").ClassNameFormatter;
+export declare const CheckboxGroup: CheckboxGroupComponent;
+export * from './types';

package/__internal__/cjs-src/components/CheckboxGroupCanary/CheckboxGroupCanary.js

@@ -0,0 +1,27 @@
+"use strict";
+exports.__esModule = true;
+exports.CheckboxGroup = exports.cnCheckboxGroup = void 0;
+var tslib_1 = require("tslib");
+require("./CheckboxGroup.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useChoiceGroup_1 = require("../../hooks/useChoiceGroup/useChoiceGroup");
+var bem_1 = require("../../utils/bem");
+var Checkbox_1 = require("../Checkbox/Checkbox");
+var helper_1 = require("./helper");
+var types_1 = require("./types");
+exports.cnCheckboxGroup = bem_1.cn('CheckboxGroup');
+function CheckboxGroupRender(props, ref) {
+    var _a = helper_1.withDefaultGetters(props), _b = _a.value, value = _b === void 0 ? null : _b, items = _a.items, getItemLabel = _a.getItemLabel, getItemDisabled = _a.getItemDisabled, onChange = _a.onChange, name = _a.name, _c = _a.direction, direction = _c === void 0 ? types_1.checkboxGroupDefaultDirection : _c, _d = _a.size, size = _d === void 0 ? types_1.checkboxGroupDefaultSize : _d, _e = _a.view, view = _e === void 0 ? types_1.checkboxGroupDefaultView : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, className = _a.className, otherProps = tslib_1.__rest(_a, ["value", "items", "getItemLabel", "getItemDisabled", "onChange", "name", "direction", "size", "view", "disabled", "className"]);
+    var _g = useChoiceGroup_1.useChoiceGroup({
+        value: value,
+        getKey: getItemLabel,
+        callBack: onChange,
+        multiple: true
+    }), getOnChange = _g.getOnChange, getChecked = _g.getChecked;
+    return (react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { ref: ref, className: exports.cnCheckboxGroup({ direction: direction, size: size, view: view }, [className]) }), items.map(function (item) { return (react_1["default"].createElement(Checkbox_1.Checkbox, { key: getItemLabel(item), label: getItemLabel(item), size: size, view: view, name: name, disabled: disabled || (getItemDisabled === null || getItemDisabled === void 0 ? void 0 : getItemDisabled(item)), checked: getChecked(item), onChange: function (_a) {
+            var e = _a.e;
+            return getOnChange(item)(e);
+        }, className: exports.cnCheckboxGroup('Item') })); })));
+}
+exports.CheckboxGroup = react_1.forwardRef(CheckboxGroupRender);
+tslib_1.__exportStar(require("./types"), exports);