@consta/uikit 3.9.1 → 3.11.0

package/__internal__/src/mixs/MixSpace/MixSpace.css

@@ -0,0 +1,400 @@
+.MixSpace_pT_3xs,
+    .MixSpace_pT_2xs,
+    .MixSpace_pT_xs,
+    .MixSpace_pT_s,
+    .MixSpace_pT_m,
+    .MixSpace_pT_l,
+    .MixSpace_pT_xl,
+    .MixSpace_pT_2xl,
+    .MixSpace_pT_3xl,
+    .MixSpace_pT_4xl,
+    .MixSpace_pT_5xl,
+    .MixSpace_pT_6xl {
+      padding-top: var(--space-padding-top);
+    }
+    .MixSpace_pT_3xs {
+      --space-padding-top: var(--space-3xs);
+    }
+    .MixSpace_pT_2xs {
+      --space-padding-top: var(--space-2xs);
+    }
+    .MixSpace_pT_xs {
+      --space-padding-top: var(--space-xs);
+    }
+    .MixSpace_pT_s {
+      --space-padding-top: var(--space-s);
+    }
+    .MixSpace_pT_m {
+      --space-padding-top: var(--space-m);
+    }
+    .MixSpace_pT_l {
+      --space-padding-top: var(--space-l);
+    }
+    .MixSpace_pT_xl {
+      --space-padding-top: var(--space-xl);
+    }
+    .MixSpace_pT_2xl {
+      --space-padding-top: var(--space-2xl);
+    }
+    .MixSpace_pT_3xl {
+      --space-padding-top: var(--space-3xl);
+    }
+    .MixSpace_pT_4xl {
+      --space-padding-top: var(--space-4xl);
+    }
+    .MixSpace_pT_5xl {
+      --space-padding-top: var(--space-5xl);
+    }
+    .MixSpace_pT_6xl {
+      --space-padding-top: var(--space-6xl);
+    }
+  .MixSpace_pL_3xs,
+    .MixSpace_pL_2xs,
+    .MixSpace_pL_xs,
+    .MixSpace_pL_s,
+    .MixSpace_pL_m,
+    .MixSpace_pL_l,
+    .MixSpace_pL_xl,
+    .MixSpace_pL_2xl,
+    .MixSpace_pL_3xl,
+    .MixSpace_pL_4xl,
+    .MixSpace_pL_5xl,
+    .MixSpace_pL_6xl {
+      padding-left: var(--space-padding-left);
+    }
+  .MixSpace_pL_3xs {
+      --space-padding-left: var(--space-3xs);
+    }
+  .MixSpace_pL_2xs {
+      --space-padding-left: var(--space-2xs);
+    }
+  .MixSpace_pL_xs {
+      --space-padding-left: var(--space-xs);
+    }
+  .MixSpace_pL_s {
+      --space-padding-left: var(--space-s);
+    }
+  .MixSpace_pL_m {
+      --space-padding-left: var(--space-m);
+    }
+  .MixSpace_pL_l {
+      --space-padding-left: var(--space-l);
+    }
+  .MixSpace_pL_xl {
+      --space-padding-left: var(--space-xl);
+    }
+  .MixSpace_pL_2xl {
+      --space-padding-left: var(--space-2xl);
+    }
+  .MixSpace_pL_3xl {
+      --space-padding-left: var(--space-3xl);
+    }
+  .MixSpace_pL_4xl {
+      --space-padding-left: var(--space-4xl);
+    }
+  .MixSpace_pL_5xl {
+      --space-padding-left: var(--space-5xl);
+    }
+  .MixSpace_pL_6xl {
+      --space-padding-left: var(--space-6xl);
+    }
+  .MixSpace_pR_3xs,
+    .MixSpace_pR_2xs,
+    .MixSpace_pR_xs,
+    .MixSpace_pR_s,
+    .MixSpace_pR_m,
+    .MixSpace_pR_l,
+    .MixSpace_pR_xl,
+    .MixSpace_pR_2xl,
+    .MixSpace_pR_3xl,
+    .MixSpace_pR_4xl,
+    .MixSpace_pR_5xl,
+    .MixSpace_pR_6xl {
+      padding-right: var(--space-padding-right);
+    }
+  .MixSpace_pR_3xs {
+      --space-padding-right: var(--space-3xs);
+    }
+  .MixSpace_pR_2xs {
+      --space-padding-right: var(--space-2xs);
+    }
+  .MixSpace_pR_xs {
+      --space-padding-right: var(--space-xs);
+    }
+  .MixSpace_pR_s {
+      --space-padding-right: var(--space-s);
+    }
+  .MixSpace_pR_m {
+      --space-padding-right: var(--space-m);
+    }
+  .MixSpace_pR_l {
+      --space-padding-right: var(--space-l);
+    }
+  .MixSpace_pR_xl {
+      --space-padding-right: var(--space-xl);
+    }
+  .MixSpace_pR_2xl {
+      --space-padding-right: var(--space-2xl);
+    }
+  .MixSpace_pR_3xl {
+      --space-padding-right: var(--space-3xl);
+    }
+  .MixSpace_pR_4xl {
+      --space-padding-right: var(--space-4xl);
+    }
+  .MixSpace_pR_5xl {
+      --space-padding-right: var(--space-5xl);
+    }
+  .MixSpace_pR_6xl {
+      --space-padding-right: var(--space-6xl);
+    }
+  .MixSpace_pB_3xs,
+    .MixSpace_pB_2xs,
+    .MixSpace_pB_xs,
+    .MixSpace_pB_s,
+    .MixSpace_pB_m,
+    .MixSpace_pB_l,
+    .MixSpace_pB_xl,
+    .MixSpace_pB_2xl,
+    .MixSpace_pB_3xl,
+    .MixSpace_pB_4xl,
+    .MixSpace_pB_5xl,
+    .MixSpace_pB_6xl {
+      padding-bottom: var(--space-padding-bottom);
+    }
+  .MixSpace_pB_3xs {
+      --space-padding-bottom: var(--space-3xs);
+    }
+  .MixSpace_pB_2xs {
+      --space-padding-bottom: var(--space-2xs);
+    }
+  .MixSpace_pB_xs {
+      --space-padding-bottom: var(--space-xs);
+    }
+  .MixSpace_pB_s {
+      --space-padding-bottom: var(--space-s);
+    }
+  .MixSpace_pB_m {
+      --space-padding-bottom: var(--space-m);
+    }
+  .MixSpace_pB_l {
+      --space-padding-bottom: var(--space-l);
+    }
+  .MixSpace_pB_xl {
+      --space-padding-bottom: var(--space-xl);
+    }
+  .MixSpace_pB_2xl {
+      --space-padding-bottom: var(--space-2xl);
+    }
+  .MixSpace_pB_3xl {
+      --space-padding-bottom: var(--space-3xl);
+    }
+  .MixSpace_pB_4xl {
+      --space-padding-bottom: var(--space-4xl);
+    }
+  .MixSpace_pB_5xl {
+      --space-padding-bottom: var(--space-5xl);
+    }
+  .MixSpace_pB_6xl {
+      --space-padding-bottom: var(--space-6xl);
+    }
+  .MixSpace_mT_3xs,
+    .MixSpace_mT_2xs,
+    .MixSpace_mT_xs,
+    .MixSpace_mT_s,
+    .MixSpace_mT_m,
+    .MixSpace_mT_l,
+    .MixSpace_mT_xl,
+    .MixSpace_mT_2xl,
+    .MixSpace_mT_3xl,
+    .MixSpace_mT_4xl,
+    .MixSpace_mT_5xl,
+    .MixSpace_mT_6xl {
+      margin-top: var(--space-margin-top);
+    }
+  .MixSpace_mT_3xs {
+      --space-margin-top: var(--space-3xs);
+    }
+  .MixSpace_mT_2xs {
+      --space-margin-top: var(--space-2xs);
+    }
+  .MixSpace_mT_xs {
+      --space-margin-top: var(--space-xs);
+    }
+  .MixSpace_mT_s {
+      --space-margin-top: var(--space-s);
+    }
+  .MixSpace_mT_m {
+      --space-margin-top: var(--space-m);
+    }
+  .MixSpace_mT_l {
+      --space-margin-top: var(--space-l);
+    }
+  .MixSpace_mT_xl {
+      --space-margin-top: var(--space-xl);
+    }
+  .MixSpace_mT_2xl {
+      --space-margin-top: var(--space-2xl);
+    }
+  .MixSpace_mT_3xl {
+      --space-margin-top: var(--space-3xl);
+    }
+  .MixSpace_mT_4xl {
+      --space-margin-top: var(--space-4xl);
+    }
+  .MixSpace_mT_5xl {
+      --space-margin-top: var(--space-5xl);
+    }
+  .MixSpace_mT_6xl {
+      --space-margin-top: var(--space-6xl);
+    }
+  .MixSpace_mL_3xs,
+    .MixSpace_mL_2xs,
+    .MixSpace_mL_xs,
+    .MixSpace_mL_s,
+    .MixSpace_mL_m,
+    .MixSpace_mL_l,
+    .MixSpace_mL_xl,
+    .MixSpace_mL_2xl,
+    .MixSpace_mL_3xl,
+    .MixSpace_mL_4xl,
+    .MixSpace_mL_5xl,
+    .MixSpace_mL_6xl {
+      margin-left: var(--space-margin-left);
+    }
+  .MixSpace_mL_3xs {
+      --space-margin-left: var(--space-3xs);
+    }
+  .MixSpace_mL_2xs {
+      --space-margin-left: var(--space-2xs);
+    }
+  .MixSpace_mL_xs {
+      --space-margin-left: var(--space-xs);
+    }
+  .MixSpace_mL_s {
+      --space-margin-left: var(--space-s);
+    }
+  .MixSpace_mL_m {
+      --space-margin-left: var(--space-m);
+    }
+  .MixSpace_mL_l {
+      --space-margin-left: var(--space-l);
+    }
+  .MixSpace_mL_xl {
+      --space-margin-left: var(--space-xl);
+    }
+  .MixSpace_mL_2xl {
+      --space-margin-left: var(--space-2xl);
+    }
+  .MixSpace_mL_3xl {
+      --space-margin-left: var(--space-3xl);
+    }
+  .MixSpace_mL_4xl {
+      --space-margin-left: var(--space-4xl);
+    }
+  .MixSpace_mL_5xl {
+      --space-margin-left: var(--space-5xl);
+    }
+  .MixSpace_mL_6xl {
+      --space-margin-left: var(--space-6xl);
+    }
+  .MixSpace_mR_3xs,
+    .MixSpace_mR_2xs,
+    .MixSpace_mR_xs,
+    .MixSpace_mR_s,
+    .MixSpace_mR_m,
+    .MixSpace_mR_l,
+    .MixSpace_mR_xl,
+    .MixSpace_mR_2xl,
+    .MixSpace_mR_3xl,
+    .MixSpace_mR_4xl,
+    .MixSpace_mR_5xl,
+    .MixSpace_mR_6xl {
+      margin-right: var(--space-margin-right);
+    }
+  .MixSpace_mR_3xs {
+      --space-margin-right: var(--space-3xs);
+    }
+  .MixSpace_mR_2xs {
+      --space-margin-right: var(--space-2xs);
+    }
+  .MixSpace_mR_xs {
+      --space-margin-right: var(--space-xs);
+    }
+  .MixSpace_mR_s {
+      --space-margin-right: var(--space-s);
+    }
+  .MixSpace_mR_m {
+      --space-margin-right: var(--space-m);
+    }
+  .MixSpace_mR_l {
+      --space-margin-right: var(--space-l);
+    }
+  .MixSpace_mR_xl {
+      --space-margin-right: var(--space-xl);
+    }
+  .MixSpace_mR_2xl {
+      --space-margin-right: var(--space-2xl);
+    }
+  .MixSpace_mR_3xl {
+      --space-margin-right: var(--space-3xl);
+    }
+  .MixSpace_mR_4xl {
+      --space-margin-right: var(--space-4xl);
+    }
+  .MixSpace_mR_5xl {
+      --space-margin-right: var(--space-5xl);
+    }
+  .MixSpace_mR_6xl {
+      --space-margin-right: var(--space-6xl);
+    }
+  .MixSpace_mB_3xs,
+    .MixSpace_mB_2xs,
+    .MixSpace_mB_xs,
+    .MixSpace_mB_s,
+    .MixSpace_mB_m,
+    .MixSpace_mB_l,
+    .MixSpace_mB_xl,
+    .MixSpace_mB_2xl,
+    .MixSpace_mB_3xl,
+    .MixSpace_mB_4xl,
+    .MixSpace_mB_5xl,
+    .MixSpace_mB_6xl {
+      margin-bottom: var(--space-margin-bottom);
+    }
+  .MixSpace_mB_3xs {
+      --space-margin-bottom: var(--space-3xs);
+    }
+  .MixSpace_mB_2xs {
+      --space-margin-bottom: var(--space-2xs);
+    }
+  .MixSpace_mB_xs {
+      --space-margin-bottom: var(--space-xs);
+    }
+  .MixSpace_mB_s {
+      --space-margin-bottom: var(--space-s);
+    }
+  .MixSpace_mB_m {
+      --space-margin-bottom: var(--space-m);
+    }
+  .MixSpace_mB_l {
+      --space-margin-bottom: var(--space-l);
+    }
+  .MixSpace_mB_xl {
+      --space-margin-bottom: var(--space-xl);
+    }
+  .MixSpace_mB_2xl {
+      --space-margin-bottom: var(--space-2xl);
+    }
+  .MixSpace_mB_3xl {
+      --space-margin-bottom: var(--space-3xl);
+    }
+  .MixSpace_mB_4xl {
+      --space-margin-bottom: var(--space-4xl);
+    }
+  .MixSpace_mB_5xl {
+      --space-margin-bottom: var(--space-5xl);
+    }
+  .MixSpace_mB_6xl {
+      --space-margin-bottom: var(--space-6xl);
+    }

package/__internal__/src/mixs/MixSpace/MixSpace.d.ts

@@ -0,0 +1,21 @@
+import './MixSpace.css';
+declare type PropSpace = 'm' | '3xs' | '2xs' | 'xs' | 's' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+declare type Props = {
+    p?: PropSpace;
+    m?: PropSpace;
+    pV?: PropSpace;
+    pH?: PropSpace;
+    mV?: PropSpace;
+    mH?: PropSpace;
+    mT?: PropSpace;
+    mL?: PropSpace;
+    mR?: PropSpace;
+    mB?: PropSpace;
+    pT?: PropSpace;
+    pL?: PropSpace;
+    pR?: PropSpace;
+    pB?: PropSpace;
+};
+declare type CnMixSpace = (props: Props) => string;
+export declare const cnMixSpace: CnMixSpace;
+export {};

package/__internal__/src/mixs/MixSpace/MixSpace.js

@@ -0,0 +1,16 @@
+import './MixSpace.css';
+import { cn } from '../../utils/bem';
+var cnSpace = cn('MixSpace');
+export var cnMixSpace = function (props) {
+    var p = props.p, m = props.m, pV = props.pV, pH = props.pH, mV = props.mV, mH = props.mH, mT = props.mT, mL = props.mL, mR = props.mR, mB = props.mB, pT = props.pT, pL = props.pL, pR = props.pR, pB = props.pB;
+    return cnSpace({
+        pT: pT || pV || p,
+        pL: pL || pH || p,
+        pR: pR || pH || p,
+        pB: pB || pV || p,
+        mT: mT || mV || m,
+        mL: mL || mH || m,
+        mR: mR || mH || m,
+        mB: mB || mV || m
+    });
+};

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

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

package/__internal__/src/utils/{getSizeByMap.js → getByMap.js}

@@ -1,4 +1,4 @@
-export function getSizeByMap(map, componentSize, size) {
+export function getByMap(map, componentSize, size) {
     if (size) {
         return size;
     }

package/createIcon/package.json

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

package/createResponsesImage/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "3.9.1",
+  "version": "3.11.0",
   "keywords": [
     "ui-kit",
     "design-system",
@@ -20,8 +20,8 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "react": ">= 16.8.0",
+    "react-dom": ">= 16.8.0"
   },
   "files": [
     "Attach",
@@ -251,6 +251,7 @@
     "Loader",
     "MixCard",
     "MixFocus",
+    "MixSpace",
     "MixVisuallyHidden",
     "Modal",
     "MultiComboboxDeprecated",
@@ -286,6 +287,7 @@
     "Select",
     "Sidebar",
     "Skeleton",
+    "SliderCanary",
     "SnackBar",
     "Steps",
     "Switch",
@@ -316,8 +318,10 @@
     "useGlobalKeys",
     "useKeys",
     "useMutableRef",
+    "useOverflow",
     "usePrevious",
     "useResizeObserved",
+    "useScrollElements",
     "useScrollPosition",
     "useSelect",
     "useThemeVars",

package/useChoiceGroup/package.json

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

package/useChoiceGroupIndexed/package.json

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

package/useClickOutside/package.json

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

package/useComponentSize/package.json

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

package/useDebounce/package.json

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

package/useFlag/package.json

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

package/useForkRef/package.json

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

package/useGlobalKeys/package.json

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

package/useKeys/package.json

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

package/useMutableRef/package.json

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

package/useOverflow/es.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useOverflow/useOverflow";

package/useOverflow/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useOverflow/useOverflow";

package/useOverflow/index.js

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

package/useOverflow/package.json

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

package/usePrevious/package.json

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

package/useResizeObserved/package.json

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

package/useScrollElements/es.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useScrollElements/useScrollElements";

package/useScrollElements/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useScrollElements/useScrollElements";

package/useScrollElements/index.js

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

package/useScrollElements/package.json

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

package/useScrollPosition/package.json

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

package/useSelect/package.json

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