@consta/uikit 3.9.2 → 3.12.0

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

@@ -0,0 +1,464 @@
+.MixSpace_pT_0,
+    .MixSpace_pT_auto,
+    .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_0 {
+      --space-padding-top: 0;
+    }
+    .MixSpace_pT_auto {
+      --space-padding-top: auto;
+    }
+    .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_0,
+    .MixSpace_pL_auto,
+    .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_0 {
+      --space-padding-left: 0;
+    }
+  .MixSpace_pL_auto {
+      --space-padding-left: auto;
+    }
+  .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_0,
+    .MixSpace_pR_auto,
+    .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_0 {
+      --space-padding-right: 0;
+    }
+  .MixSpace_pR_auto {
+      --space-padding-right: auto;
+    }
+  .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_0,
+    .MixSpace_pB_auto,
+    .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_0 {
+      --space-padding-bottom: 0;
+    }
+  .MixSpace_pB_auto {
+      --space-padding-bottom: auto;
+    }
+  .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_0,
+    .MixSpace_mT_auto,
+    .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_0 {
+      --space-margin-top: 0;
+    }
+  .MixSpace_mT_auto {
+      --space-margin-top: auto;
+    }
+  .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_0,
+    .MixSpace_mL_auto,
+    .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_0 {
+      --space-margin-left: 0;
+    }
+  .MixSpace_mL_auto {
+      --space-margin-left: auto;
+    }
+  .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_0,
+    .MixSpace_mR_auto,
+    .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_0 {
+      --space-margin-right: 0;
+    }
+  .MixSpace_mR_auto {
+      --space-margin-right: auto;
+    }
+  .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_0,
+    .MixSpace_mB_auto,
+    .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_0 {
+      --space-margin-bottom: 0;
+    }
+  .MixSpace_mB_auto {
+      --space-margin-bottom: auto;
+    }
+  .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__/cjs-src/mixs/MixSpace/MixSpace.d.ts

@@ -0,0 +1,21 @@
+import './MixSpace.css';
+declare type PropSpace = 0 | 'auto' | '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__/cjs-src/mixs/MixSpace/MixSpace.js

@@ -0,0 +1,19 @@
+"use strict";
+exports.__esModule = true;
+exports.cnMixSpace = void 0;
+require("./MixSpace.css");
+var bem_1 = require("../../utils/bem");
+var cnSpace = bem_1.cn('MixSpace');
+exports.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__/cjs-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__/cjs-src/utils/getByMap.js

@@ -0,0 +1,10 @@
+"use strict";
+exports.__esModule = true;
+exports.getByMap = void 0;
+function getByMap(map, componentSize, size) {
+    if (size) {
+        return size;
+    }
+    return map[componentSize];
+}
+exports.getByMap = getByMap;

package/__internal__/src/components/Attach/Attach.d.ts

@@ -12,7 +12,10 @@ declare const Attach: import("../../utils/types/PropsWithAsAttributes").Componen
     errorText?: string | undefined;
     loadingText?: string | undefined;
     onButtonClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    buttonIcon?: import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributes<import("../../icons/Icon/Icon").Props, HTMLSpanElement>> | undefined;
+    buttonIcon?: import("react").FC<import("../../utils/types/PropsWithHTMLAttributes").PropsWithHTMLAttributesAndRef<{
+        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
+        size?: "xs" | "s" | "m" | undefined;
+    }, HTMLSpanElement>> | undefined;
     buttonTitle?: string | undefined;
     withAction?: boolean | undefined;
     className?: string | undefined;

package/__internal__/src/components/Attachment/Attachment.d.ts

@@ -1,6 +1,6 @@
 import './Attachment.css';
 import React from 'react';
-import { IconProps } from '../../icons/Icon/Icon';
+import { IconComponent } from '../../icons/Icon/Icon';
 declare type Props = {
     fileExtension?: string;
     loading?: boolean;
@@ -10,7 +10,7 @@ declare type Props = {
     errorText?: string;
     loadingText?: string;
     onButtonClick?: React.EventHandler<React.MouseEvent>;
-    buttonIcon?: React.FC<IconProps>;
+    buttonIcon?: IconComponent;
     buttonTitle?: string;
     withAction?: boolean;
     className?: string;

package/__internal__/src/components/Avatar/Avatar.css

@@ -19,35 +19,38 @@
   --avatar-color-16: #1abc1a;
   --avatar-color-17: #6fb80a;
   overflow: hidden;
+  width: var(--avatar-size);
+  height: var(--avatar-size);
   color: #fff;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.24)), to(rgba(255, 255, 255, 0))),
     -webkit-gradient(linear, left top, left bottom, from(var(--avatar-color)), to(var(--avatar-color)));
   background: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0)),
     linear-gradient(var(--avatar-color), var(--avatar-color));
+  font-size: var(--avatar-font-size);
   font-weight: var(--font-weight-text-semibold);
+  line-height: var(--avatar-size);
   text-align: center;
   letter-spacing: 0.1em;
 }
 
   .Avatar_size_xs {
-      width: 20px;
-      height: 20px;
-      font-size: 6px;
-      line-height: 20px;
+      --avatar-size: 20px;
+      --avatar-font-size: 6px;
     }
 
   .Avatar_size_s {
-      width: 24px;
-      height: 24px;
-      font-size: 8px;
-      line-height: 24px;
+      --avatar-size: 24px;
+      --avatar-font-size: 8px;
     }
 
   .Avatar_size_m {
-      width: 32px;
-      height: 32px;
-      font-size: 10px;
-      line-height: 32px;
+      --avatar-size: 32px;
+      --avatar-font-size: 10px;
+    }
+
+  .Avatar_size_l {
+      --avatar-size: 40px;
+      --avatar-font-size: 14px;
     }
 
   .Avatar_form_round {

package/__internal__/src/components/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 import './Avatar.css';
-export declare const avatarPropSize: readonly ["m", "s", "xs"];
+export declare const avatarPropSize: readonly ["m", "s", "xs", "l"];
 export declare type AvatarPropSize = typeof avatarPropSize[number];
 export declare const avatarPropSizeDefault: AvatarPropSize;
 export declare const avatarPropForm: readonly ["round", "brick", "default"];

package/__internal__/src/components/Avatar/Avatar.js

@@ -3,7 +3,7 @@ import './Avatar.css';
 import React, { useMemo } from 'react';
 import { cn } from '../../utils/bem';
 import { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';
-export var avatarPropSize = ['m', 's', 'xs'];
+export var avatarPropSize = ['m', 's', 'xs', 'l'];
 export var avatarPropSizeDefault = avatarPropSize[0];
 export var avatarPropForm = ['round', 'brick', 'default'];
 export var avatarPropFormDefault = avatarPropForm[0];

package/__internal__/src/components/Badge/Badge.d.ts

@@ -1,6 +1,5 @@
 import './Badge.css';
-import React from 'react';
-import { IconProps } from '../../icons/Icon/Icon';
+import { IconComponent } from '../../icons/Icon/Icon';
 export declare const badgePropSize: readonly ["m", "s", "l"];
 export declare type BadgePropSize = typeof badgePropSize[number];
 export declare const badgePropSizeDefault: BadgePropSize;
@@ -19,7 +18,7 @@ declare type Props = {
     status?: BadgePropStatus;
     form?: BadgePropForm;
     minified?: boolean;
-    icon?: React.FC<IconProps>;
+    icon?: IconComponent;
     label?: string;
     children?: never;
 };

package/__internal__/src/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,6 +1,6 @@
 import './Breadcrumbs.css';
 import React from 'react';
-import { IconProps } from '../../icons/Icon/Icon';
+import { IconComponent } from '../../icons/Icon/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const breadcrumbPropSize: readonly ["m", "xs", "s", "l"];
 export declare type BreadcrumbPropSize = typeof breadcrumbPropSize[number];
@@ -9,7 +9,7 @@ export declare const cnBreadcrumbs: import("@bem-react/classname").ClassNameForm
 export declare type BreadcrumbsPropGetLabel<ITEM> = (item: ITEM) => string | React.ReactNode;
 export declare type BreadcrumbsPropGetIsActive<ITEM> = (item: ITEM) => boolean;
 export declare type BreadcrumbsPropGetLink<ITEM> = (item: ITEM) => string;
-export declare type BreadcrumbsPropGetIcon<ITEM> = (item: ITEM) => React.FC<IconProps> | undefined;
+export declare type BreadcrumbsPropGetIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
 export declare type BreadcrumbsProps<ITEM> = {
     pages: ITEM[];
     getLabel: BreadcrumbsPropGetLabel<ITEM>;

package/__internal__/src/components/Breadcrumbs/Breadcrumbs.js

@@ -3,7 +3,7 @@ import './Breadcrumbs.css';
 import React, { useMemo } from 'react';
 import { IconArrowRight } from '../../icons/IconArrowRight/IconArrowRight';
 import { cn } from '../../utils/bem';
-import { getSizeByMap } from '../../utils/getSizeByMap';
+import { getByMap } from '../../utils/getByMap';
 import { Button } from '../Button/Button';
 export var breadcrumbPropSize = ['m', 'xs', 's', 'l'];
 export var breadcrumbPropSizeDefault = breadcrumbPropSize[0];
@@ -16,7 +16,7 @@ var sizeMap = {
 };
 export var Breadcrumbs = React.forwardRef(function (props, ref) {
     var pages = props.pages, getLabel = props.getLabel, getIsActive = props.getIsActive, getLink = props.getLink, getIcon = props.getIcon, _a = props.size, size = _a === void 0 ? breadcrumbPropSizeDefault : _a, _b = props.maxCount, maxCount = _b === void 0 ? 0 : _b, onClick = props.onClick, _c = props.onlyIconRoot, onlyIconRoot = _c === void 0 ? false : _c, className = props.className, restProps = __rest(props, ["pages", "getLabel", "getIsActive", "getLink", "getIcon", "size", "maxCount", "onClick", "onlyIconRoot", "className"]);
-    var iconSize = getSizeByMap(sizeMap, size);
+    var iconSize = getByMap(sizeMap, size);
     var _d = useMemo(function () {
         var rest = pages.slice();
         var head = rest.splice(0, 1);

package/__internal__/src/components/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import './Button.css';
 import React from 'react';
-import { IconProps, IconPropSize } from '../../icons/Icon/Icon';
+import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
 export declare const buttonPropSize: readonly ["m", "xs", "s", "l"];
 export declare type ButtonPropSize = typeof buttonPropSize[number];
 export declare const buttonPropSizeDefault: ButtonPropSize;
@@ -23,8 +23,8 @@ export declare type Props = {
     loading?: boolean;
     label?: string | number;
     onClick?: React.EventHandler<React.MouseEvent>;
-    iconLeft?: React.FC<IconProps>;
-    iconRight?: React.FC<IconProps>;
+    iconLeft?: IconComponent;
+    iconRight?: IconComponent;
     onlyIcon?: boolean;
     iconSize?: IconPropSize;
     title?: string;